1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
| 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';
|
| 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;
| },
| },
| });
|
| const useVbenForm = useForm<ComponentType>;
|
| export { useVbenForm, z };
| export type VbenFormSchema = FormSchema<ComponentType>;
| export type { VbenFormProps };
|
|
