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

<template>
  <xm-verify-input
    v-model="component.attr.defaultValue"
    :regex="/^([a-zA-Z\d])(\w|\-)+@[a-zA-Z\d]+\.[a-zA-Z]{2,4}$/"
  />
</template>

<script>
import components from './_import-components/xm-email-input-import'
export const metaInfo = {
  caption: '邮箱',
  component: 'a-input',
  icon: 'mail',
  order: 300,
}
export const fieldProps = {
  dataType: 'string',
  attr: {
    regex: '^([a-zA-Z\\d])(\\w|\\-)+@[a-zA-Z\\d]+\\.[a-zA-Z]{2,4}$',
    regexMessage: '格式有误',
  },
}
export default {
  name: 'XmEmailInput',
  components,
  data() {
    return {}
  },
  methods: {},
}
</script>

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