Эх сурвалжийг харах

fix: 修复 FormField 在 SFC 中的运行时异常

dullathanol 2 сар өмнө
parent
commit
e417a2c209

+ 6 - 2
packages/@core/ui-kit/form-ui/src/form-render/form-field.vue

@@ -1,7 +1,11 @@
 <script setup lang="ts">
 import type { ZodType } from 'zod';
 
-import type { FormActions, FormSchema, MaybeComponentProps } from '../types';
+import type {
+  FormActions,
+  FormFieldProps,
+  MaybeComponentProps,
+} from '../types';
 
 import { computed, nextTick, onUnmounted, useTemplateRef, watch } from 'vue';
 
@@ -26,7 +30,7 @@ import useDependencies from './dependencies';
 import FormLabel from './form-label.vue';
 import { isEventObjectLike } from './helper';
 
-interface Props extends FormSchema {}
+interface Props extends FormFieldProps {}
 
 const {
   colon,

+ 7 - 2
packages/@core/ui-kit/form-ui/src/types.ts

@@ -300,8 +300,13 @@ export type ArrayToStringFields = Array<
   | string[] // 简单数组格式,最后一个元素可以是分隔符
 >;
 
-export interface FormFieldProps extends FormSchema {
-  required?: boolean;
+export interface FormFieldProps<
+  T extends BaseFormComponentType = BaseFormComponentType,
+> extends FormSchemaBody {
+  /** 组件 */
+  component: Component | T;
+  /** 组件参数 */
+  componentProps?: ComponentProps;
 }
 
 export interface FormRenderProps<