49 lines
1.4 KiB
TypeScript
49 lines
1.4 KiB
TypeScript
import type { VbenFormProps as CoreFormProps } from '@vben/common-ui';
|
||
|
||
import type { ComponentType } from './component';
|
||
import type { VbenFormSchema } from './form-schema';
|
||
|
||
import { setupVbenForm, useVbenForm as useForm, z } from '@vben/common-ui';
|
||
import { $t } from '@vben/locales';
|
||
|
||
async function initSetupVbenForm() {
|
||
setupVbenForm<ComponentType>({
|
||
config: {
|
||
// naive-ui组件的空值为null,不能是undefined，否则重置表单时不生效
|
||
emptyStateValue: null,
|
||
baseModelPropName: 'value',
|
||
modelPropNameMap: {
|
||
Checkbox: 'checked',
|
||
Radio: '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;
|
||
},
|
||
},
|
||
});
|
||
}
|
||
|
||
type VbenFormProps = Omit<CoreFormProps<ComponentType>, 'schema'> & {
|
||
schema?: VbenFormSchema[];
|
||
};
|
||
|
||
function useVbenForm(options: VbenFormProps) {
|
||
return useForm<ComponentType>(options as CoreFormProps<ComponentType>);
|
||
}
|
||
|
||
export { initSetupVbenForm, useVbenForm, z };
|
||
|
||
export type { VbenFormProps, VbenFormSchema };
|