73 lines
2.1 KiB
TypeScript
73 lines
2.1 KiB
TypeScript
import type {
|
||
VbenFormSchema as FormSchema,
|
||
VbenFormProps,
|
||
} from '@vben/common-ui';
|
||
|
||
import type { ComponentType } from './component';
|
||
|
||
import { setupVbenForm, useVbenForm as useForm, z } from '@vben/common-ui';
|
||
import { $t } from '@vben/locales';
|
||
|
||
// TODO @xingyu：要不搞到全局的校验？
|
||
/** 手机号正则表达式（中国） */
|
||
const MOBILE_REGEX = /(?:0|86|\+86)?1[3-9]\d{9}/;
|
||
|
||
async function initSetupVbenForm() {
|
||
setupVbenForm<ComponentType>({
|
||
config: {
|
||
// ant design vue组件库默认都是 v-model:value
|
||
baseModelPropName: 'value',
|
||
|
||
// 一些组件是 v-model:checked 或者 v-model:fileList
|
||
modelPropNameMap: {
|
||
Checkbox: 'checked',
|
||
Radio: 'checked',
|
||
Switch: 'checked',
|
||
Upload: 'fileList',
|
||
},
|
||
},
|
||
defineRules: {
|
||
// 输入项目必填国际化适配
|
||
required: (value, _params, ctx) => {
|
||
if (value === undefined || value === null || value.length === 0) {
|
||
return $t('ui.formRules.required', [ctx.label]);
|
||
}
|
||
return true;
|
||
},
|
||
// 选择项目必填国际化适配
|
||
selectRequired: (value, _params, ctx) => {
|
||
if (value === undefined || value === null) {
|
||
return $t('ui.formRules.selectRequired', [ctx.label]);
|
||
}
|
||
return true;
|
||
},
|
||
// 手机号非必填
|
||
mobile: (value, _params, ctx) => {
|
||
if (value === undefined || value === null || value.length === 0) {
|
||
return true;
|
||
} else if (!MOBILE_REGEX.test(value)) {
|
||
return $t('ui.formRules.mobile', [ctx.label]);
|
||
}
|
||
return true;
|
||
},
|
||
// 手机号必填
|
||
mobileRequired: (value, _params, ctx) => {
|
||
if (value === undefined || value === null || value.length === 0) {
|
||
return $t('ui.formRules.required', [ctx.label]);
|
||
}
|
||
if (!MOBILE_REGEX.test(value)) {
|
||
return $t('ui.formRules.mobile', [ctx.label]);
|
||
}
|
||
return true;
|
||
},
|
||
},
|
||
});
|
||
}
|
||
|
||
const useVbenForm = useForm<ComponentType>;
|
||
|
||
export { initSetupVbenForm, useVbenForm, z };
|
||
|
||
export type VbenFormSchema = FormSchema<ComponentType>;
|
||
export type { VbenFormProps };
|