diantou/src_custom/_form-designer/component-library/xm-phone-input.vue

<template>
  <xm-verify-input
    v-model="component.attr.defaultValue"
    :regex="/^(\(\d{3,4}\)|\d{3,4}-|\s)?\d{7,14}$/"
  />
</template>

<script>
import components from './_import-components/xm-phone-input-import'
export const metaInfo = {
  caption: '电话',
  component: 'a-input',
  icon: 'phone',
  order: 200,
}
export const fieldProps = {
  dataType: 'string',
  attr: {
    regex: `^(\\(\\d{3,4}\\)|\\d{3,4}-|\\s)?\\d{7,14}$`,
    regexMessage: '格式有误',
  },
}
export default {
  name: 'XmPhoneInput',
  components,
  data() {
    return {}
  },
  methods: {},
}
</script>

<style module lang="scss">
@use '@/common/design' as *;
</style>