@vunk/form 1.2.2 → 1.3.1

package/components/form/src/index.vue.d.ts

@@ -1,6 +1,6 @@
 import { ElForm } from 'element-plus';
 import { RowItem } from './types';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     data: {
         type: import("vue").PropType<Record<string, any>>;
         default: () => {};
@@ -59,7 +59,7 @@ declare const _default: import("vue").DefineComponent<{
         __epPropKey: true;
     };
     disabled: BooleanConstructor;
-}, {
+}>, {
     formProps: import("vue").ComputedRef<{
         size: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>;
         disabled: boolean;
@@ -75,7 +75,7 @@ declare const _default: import("vue").DefineComponent<{
         validateOnRuleChange: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         hideRequiredAsterisk: boolean;
         scrollToError: boolean;
-        scrollIntoViewOptions: unknown;
+        scrollIntoViewOptions: import("element-plus/es/utils").EpPropMergeType<readonly [ObjectConstructor, BooleanConstructor], unknown, unknown>;
     }>;
     formEmits: {};
     getValue: (obj: any, k: any, intoUndefined?: import("@vunk/core").IntoUndefined, safe?: boolean) => any;
@@ -83,7 +83,7 @@ declare const _default: import("vue").DefineComponent<{
     computed: typeof import("@vue/reactivity").computed;
     rendererSource: import("vue").ComputedRef<any>;
     handleSubmit: (e: Event) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     setData: (e: import("@vunk/core").SetDataEvent) => import("@vunk/core").SetDataEvent;
     validate: any;
     submit: any;
@@ -146,13 +146,14 @@ declare const _default: import("vue").DefineComponent<{
         __epPropKey: true;
     };
     disabled: BooleanConstructor;
-}>> & {
-    onValidate?: (...args: any[] | unknown[]) => any;
+}>> & Readonly<{
     onSubmit?: (...args: any[] | unknown[]) => any;
+    onValidate?: (...args: any[] | unknown[]) => any;
     onSetData?: (e: import("@vunk/core").SetDataEvent) => any;
-}, {
+}>, {
     disabled: boolean;
-    elRef: (arg: import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+    data: Record<string, any>;
+    elRef: (arg: import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         readonly model: ObjectConstructor;
         readonly rules: {
             readonly type: import("vue").PropType<Partial<Record<string, import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>>>>;
@@ -260,7 +261,27 @@ declare const _default: import("vue").DefineComponent<{
         scrollToField: (prop: import("element-plus/es/components/form/src/form-item").FormItemProp) => void;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         validate: (prop: import("element-plus/es/components/form/src/form-item").FormItemProp, isValid: boolean, message: string) => boolean;
-    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, {
+        readonly disabled: boolean;
+        readonly labelPosition: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "top" | "left" | "right", unknown>;
+        readonly requireAsteriskPosition: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "left" | "right", unknown>;
+        readonly labelWidth: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+        readonly labelSuffix: string;
+        readonly showMessage: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        readonly validateOnRuleChange: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        readonly inline: boolean;
+        readonly inlineMessage: boolean;
+        readonly statusIcon: boolean;
+        readonly hideRequiredAsterisk: boolean;
+        readonly scrollToError: boolean;
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
         readonly model: ObjectConstructor;
         readonly rules: {
             readonly type: import("vue").PropType<Partial<Record<string, import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>>>>;
@@ -295,6 +316,78 @@ declare const _default: import("vue").DefineComponent<{
     }>> & {
         onValidate?: ((prop: import("element-plus/es/components/form/src/form-item").FormItemProp, isValid: boolean, message: string) => any) | undefined;
     }, {
+        COMPONENT_NAME: string;
+        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            readonly model: ObjectConstructor;
+            readonly rules: {
+                readonly type: import("vue").PropType<Partial<Record<string, import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>>>>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly labelPosition: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "top" | "left" | "right", unknown, "right", boolean>;
+            readonly requireAsteriskPosition: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "left" | "right", unknown, "left", boolean>;
+            readonly labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+            readonly labelSuffix: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+            readonly inline: BooleanConstructor;
+            readonly inlineMessage: BooleanConstructor;
+            readonly statusIcon: BooleanConstructor;
+            readonly showMessage: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+            readonly validateOnRuleChange: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+            readonly hideRequiredAsterisk: BooleanConstructor;
+            readonly scrollToError: BooleanConstructor;
+            readonly scrollIntoViewOptions: {
+                readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<readonly [ObjectConstructor, BooleanConstructor], unknown, unknown>>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly size: {
+                readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly disabled: BooleanConstructor;
+        }>> & {
+            onValidate?: ((prop: import("element-plus/es/components/form/src/form-item").FormItemProp, isValid: boolean, message: string) => any) | undefined;
+        }>>;
+        emit: (event: "validate", prop: import("element-plus/es/components/form/src/form-item").FormItemProp, isValid: boolean, message: string) => void;
+        fields: import("element-plus").FormItemContext[];
+        formSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
+        ns: {
+            namespace: import("vue").ComputedRef<string>;
+            b: (blockSuffix?: string) => string;
+            e: (element?: string | undefined) => string;
+            m: (modifier?: string | undefined) => string;
+            be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+            em: (element?: string | undefined, modifier?: string | undefined) => string;
+            bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+            bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+            is: {
+                (name: string, state: boolean | undefined): string;
+                (name: string): string;
+            };
+            cssVar: (object: Record<string, string>) => Record<string, string>;
+            cssVarName: (name: string) => string;
+            cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+            cssVarBlockName: (name: string) => string;
+        };
+        formClasses: import("vue").ComputedRef<(string | {
+            [x: string]: boolean | import("element-plus/es/utils").EpPropMergeType<StringConstructor, "top" | "left" | "right", unknown>;
+        })[]>;
+        getField: (prop: string) => import("element-plus/es/components/form/src/types").FormItemContext | undefined;
+        addField: (field: import("element-plus/es/components/form/src/types").FormItemContext) => void;
+        removeField: (field: import("element-plus/es/components/form/src/types").FormItemContext) => void;
+        resetFields: (props?: import("element-plus/es/utils").Arrayable<import("element-plus/es/components/form/src/form-item").FormItemProp> | undefined) => void;
+        clearValidate: (props?: import("element-plus/es/utils").Arrayable<import("element-plus/es/components/form/src/form-item").FormItemProp> | undefined) => void;
+        isValidatable: import("vue").ComputedRef<boolean>;
+        obtainValidateFields: (props: import("element-plus/es/utils").Arrayable<import("element-plus/es/components/form/src/form-item").FormItemProp>) => import("element-plus/es/components/form/src/types").FormItemContext[];
+        validate: (callback?: import("element-plus/es/components/form/src/types").FormValidateCallback | undefined) => import("element-plus").FormValidationResult;
+        doValidateField: (props?: import("element-plus/es/utils").Arrayable<import("element-plus/es/components/form/src/form-item").FormItemProp>) => Promise<boolean>;
+        validateField: (props?: import("element-plus/es/utils").Arrayable<import("element-plus/es/components/form/src/form-item").FormItemProp> | undefined, callback?: import("element-plus/es/components/form/src/types").FormValidateCallback | undefined) => import("element-plus/es/components/form/src/types").FormValidationResult;
+        scrollToField: (prop: import("element-plus/es/components/form/src/form-item").FormItemProp) => void;
+    }, {}, {}, {}, {
         readonly disabled: boolean;
         readonly labelPosition: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "top" | "left" | "right", unknown>;
         readonly requireAsteriskPosition: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "left" | "right", unknown>;
@@ -307,14 +400,25 @@ declare const _default: import("vue").DefineComponent<{
         readonly statusIcon: boolean;
         readonly hideRequiredAsterisk: boolean;
         readonly scrollToError: boolean;
-    }, true, {}, {}, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
+    }>) => any;
+    inline: boolean;
+    readonly: boolean;
+    labelPosition: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "right" | "top" | "left", unknown>;
+    labelWidth: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+    inlineMessage: boolean;
+    showMessage: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    requireAsteriskPosition: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "right" | "left", unknown>;
+    labelSuffix: string;
+    statusIcon: boolean;
+    validateOnRuleChange: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    hideRequiredAsterisk: boolean;
+    scrollToError: boolean;
+    formItems: any[];
+    layout: boolean;
+    rowSource: Partial<RowItem>;
+    colSource: Partial<import("./types").ColItem>;
+}, {}, {
+    ElForm: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
         readonly model: ObjectConstructor;
         readonly rules: {
             readonly type: import("vue").PropType<Partial<Record<string, import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>>>>;
@@ -346,8 +450,6 @@ declare const _default: import("vue").DefineComponent<{
             __epPropKey: true;
         };
         readonly disabled: BooleanConstructor;
-    }>> & {
-        onValidate?: ((prop: import("element-plus/es/components/form/src/form-item").FormItemProp, isValid: boolean, message: string) => any) | undefined;
     }, {
         COMPONENT_NAME: string;
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
@@ -420,7 +522,43 @@ declare const _default: import("vue").DefineComponent<{
         doValidateField: (props?: import("element-plus/es/utils").Arrayable<import("element-plus/es/components/form/src/form-item").FormItemProp>) => Promise<boolean>;
         validateField: (props?: import("element-plus/es/utils").Arrayable<import("element-plus/es/components/form/src/form-item").FormItemProp> | undefined, callback?: import("element-plus/es/components/form/src/types").FormValidateCallback | undefined) => import("element-plus/es/components/form/src/types").FormValidationResult;
         scrollToField: (prop: import("element-plus/es/components/form/src/form-item").FormItemProp) => void;
-    }, {}, {}, {}, {
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        validate: (prop: import("element-plus/es/components/form/src/form-item").FormItemProp, isValid: boolean, message: string) => boolean;
+    }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        readonly model: ObjectConstructor;
+        readonly rules: {
+            readonly type: import("vue").PropType<Partial<Record<string, import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>>>>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly labelPosition: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "top" | "left" | "right", unknown, "right", boolean>;
+        readonly requireAsteriskPosition: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "left" | "right", unknown, "left", boolean>;
+        readonly labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+        readonly labelSuffix: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+        readonly inline: BooleanConstructor;
+        readonly inlineMessage: BooleanConstructor;
+        readonly statusIcon: BooleanConstructor;
+        readonly showMessage: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+        readonly validateOnRuleChange: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+        readonly hideRequiredAsterisk: BooleanConstructor;
+        readonly scrollToError: BooleanConstructor;
+        readonly scrollIntoViewOptions: {
+            readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<readonly [ObjectConstructor, BooleanConstructor], unknown, unknown>>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly size: {
+            readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly disabled: BooleanConstructor;
+    }>> & {
+        onValidate?: ((prop: import("element-plus/es/components/form/src/form-item").FormItemProp, isValid: boolean, message: string) => any) | undefined;
+    }, {
         readonly disabled: boolean;
         readonly labelPosition: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "top" | "left" | "right", unknown>;
         readonly requireAsteriskPosition: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "left" | "right", unknown>;
@@ -433,23 +571,219 @@ declare const _default: import("vue").DefineComponent<{
         readonly statusIcon: boolean;
         readonly hideRequiredAsterisk: boolean;
         readonly scrollToError: boolean;
-    }>) => any;
-    inline: boolean;
-    readonly: boolean;
-    labelPosition: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "right" | "top" | "left", unknown>;
-    labelWidth: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
-    inlineMessage: boolean;
-    showMessage: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    data: {};
-    requireAsteriskPosition: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "right" | "left", unknown>;
-    labelSuffix: string;
-    statusIcon: boolean;
-    validateOnRuleChange: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    hideRequiredAsterisk: boolean;
-    scrollToError: boolean;
-    formItems: any[];
-    layout: boolean;
-    rowSource: {};
-    colSource: import("./types").ColItem;
-}, {}>;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & {
+        FormItem: import("vue").DefineComponent<{
+            readonly label: StringConstructor;
+            readonly labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+            readonly prop: {
+                readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus/es/components/form/src/form-item").FormItemProp & {}) | (() => import("element-plus/es/components/form/src/form-item").FormItemProp) | ((new (...args: any[]) => import("element-plus/es/components/form/src/form-item").FormItemProp & {}) | (() => import("element-plus/es/components/form/src/form-item").FormItemProp))[], unknown, unknown>>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+            readonly rules: {
+                readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus/es/components/form/src/types").FormItemRule | import("element-plus/es/components/form/src/types").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus/es/components/form/src/types").FormItemRule>) | ((new (...args: any[]) => import("element-plus/es/components/form/src/types").FormItemRule | import("element-plus/es/components/form/src/types").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus/es/components/form/src/types").FormItemRule>))[], unknown, unknown>>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly error: StringConstructor;
+            readonly validateStatus: {
+                readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "success" | "error" | "validating", unknown>>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly for: StringConstructor;
+            readonly inlineMessage: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, BooleanConstructor], unknown, unknown, "", boolean>;
+            readonly showMessage: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+            readonly size: {
+                readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+        }, {
+            props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+                readonly label: StringConstructor;
+                readonly labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+                readonly prop: {
+                    readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp))[], unknown, unknown>>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                };
+                readonly required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+                readonly rules: {
+                    readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>) | ((new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>))[], unknown, unknown>>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                };
+                readonly error: StringConstructor;
+                readonly validateStatus: {
+                    readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "success" | "error" | "validating", unknown>>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                };
+                readonly for: StringConstructor;
+                readonly inlineMessage: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, BooleanConstructor], unknown, unknown, "", boolean>;
+                readonly showMessage: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+                readonly size: {
+                    readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                };
+            }>> & {
+                [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
+            }>>;
+            slots: Readonly<{
+                [name: string]: import("vue").Slot | undefined;
+            }>;
+            formContext: import("element-plus/es/components/form/src/types").FormContext | undefined;
+            parentFormItemContext: import("element-plus/es/components/form/src/types").FormItemContext | undefined;
+            _size: import("vue").ComputedRef<"" | "default" | "small" | "large">;
+            ns: {
+                namespace: import("vue").ComputedRef<string>;
+                b: (blockSuffix?: string) => string;
+                e: (element?: string | undefined) => string;
+                m: (modifier?: string | undefined) => string;
+                be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+                em: (element?: string | undefined, modifier?: string | undefined) => string;
+                bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+                bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+                is: {
+                    (name: string, state: boolean | undefined): string;
+                    (name: string): string;
+                };
+                cssVar: (object: Record<string, string>) => Record<string, string>;
+                cssVarName: (name: string) => string;
+                cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+                cssVarBlockName: (name: string) => string;
+            };
+            labelId: string;
+            inputIds: import("vue").Ref<string[]>;
+            validateState: import("vue").Ref<"" | "success" | "error" | "validating">;
+            validateStateDebounced: Readonly<import("vue").Ref<"" | "success" | "error" | "validating">>;
+            validateMessage: import("vue").Ref<string>;
+            formItemRef: import("vue").Ref<HTMLDivElement | undefined>;
+            initialValue: any;
+            isResettingField: boolean;
+            labelStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            contentStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+            formItemClasses: import("vue").ComputedRef<(string | {
+                [x: string]: boolean | undefined;
+            })[]>;
+            _inlineMessage: import("vue").ComputedRef<boolean>;
+            validateClasses: import("vue").ComputedRef<(string | {
+                [x: string]: boolean;
+            })[]>;
+            propString: import("vue").ComputedRef<string>;
+            hasLabel: import("vue").ComputedRef<boolean>;
+            labelFor: import("vue").ComputedRef<string | undefined>;
+            isGroup: import("vue").ComputedRef<boolean>;
+            isNested: boolean;
+            fieldValue: import("vue").ComputedRef<any>;
+            normalizedRules: import("vue").ComputedRef<import("element-plus/es/components/form/src/types").FormItemRule[]>;
+            validateEnabled: import("vue").ComputedRef<boolean>;
+            getFilteredRule: (trigger: string) => import("async-validator").RuleItem[];
+            isRequired: import("vue").ComputedRef<boolean>;
+            shouldShowError: import("vue").ComputedRef<import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
+            currentLabel: import("vue").ComputedRef<string>;
+            setValidationState: (state: "" | "success" | "error" | "validating") => void;
+            onValidationFailed: (error: import("element-plus/es/components/form/src/types").FormValidateFailure) => void;
+            onValidationSucceeded: () => void;
+            doValidate: (rules: import("async-validator").RuleItem[]) => Promise<true>;
+            validate: (trigger: string, callback?: import("element-plus/es/components/form/src/types").FormValidateCallback | undefined) => import("element-plus/es/components/form/src/types").FormValidationResult;
+            clearValidate: () => void;
+            resetField: () => void;
+            addInputId: (id: string) => void;
+            removeInputId: (id: string) => void;
+            context: import("element-plus/es/components/form/src/types").FormItemContext;
+            FormLabelWrap: import("vue").DefineComponent<{
+                isAutoWidth: BooleanConstructor;
+                updateAll: BooleanConstructor;
+            }, () => JSX.Element | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+                isAutoWidth: BooleanConstructor;
+                updateAll: BooleanConstructor;
+            }>>, {
+                isAutoWidth: boolean;
+                updateAll: boolean;
+            }>;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            readonly label: StringConstructor;
+            readonly labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+            readonly prop: {
+                readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp))[], unknown, unknown>>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+            readonly rules: {
+                readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>) | ((new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>))[], unknown, unknown>>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly error: StringConstructor;
+            readonly validateStatus: {
+                readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "success" | "error" | "validating", unknown>>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly for: StringConstructor;
+            readonly inlineMessage: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, BooleanConstructor], unknown, unknown, "", boolean>;
+            readonly showMessage: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+            readonly size: {
+                readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+        }>>, {
+            readonly required: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+            readonly labelWidth: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+            readonly showMessage: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+            readonly inlineMessage: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, BooleanConstructor], unknown, unknown>;
+        }>;
+    };
+    VkfFormItemRenderer: {
+        new (...args: any[]): any;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<Record<string | symbol, any>>>, Record<string | symbol, any>, any, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        [x: string]: any;
+        [x: symbol]: any;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+        install(app: import("vue").App): void;
+    };
+    VkfTemplatesDefault: {
+        new (...args: any[]): any;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<Record<string | symbol, any>>>, Record<string | symbol, any>, any, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        [x: string]: any;
+        [x: symbol]: any;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+        install(app: import("vue").App): void;
+    };
+    VkfTemplatesLayout: {
+        new (...args: any[]): any;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<Record<string | symbol, any>>>, Record<string | symbol, any>, any, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        [x: string]: any;
+        [x: symbol]: any;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+        install(app: import("vue").App): void;
+    };
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/components/form-item/index.cjs

@@ -119,15 +119,14 @@ var _sfc_main = vue.defineComponent({
 
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ElFormItem = vue.resolveComponent("ElFormItem");
-  return vue.openBlock(), vue.createBlock(_component_ElFormItem, vue.mergeProps({
+  return vue.openBlock(), vue.createBlock(_component_ElFormItem, vue.mergeProps(_ctx.formItemBindProps, {
+    ref: _ctx.elRef,
     class: ["vkf-form-item", {
       "is-readonly": _ctx.readonly,
       "vkf-form-item--inline": _ctx.inline,
       "vkf-form-item--label-right": _ctx.labelPosition === "right"
-    }]
-  }, _ctx.formItemBindProps, {
+    }],
     size: _ctx.formItemSize,
-    ref: _ctx.elRef,
     rules: _ctx.rules
   }), vue.createSlots({
     default: vue.withCtx(() => [

package/components/form-item/index.mjs

@@ -115,15 +115,14 @@ var _sfc_main = defineComponent({
 
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ElFormItem = resolveComponent("ElFormItem");
-  return openBlock(), createBlock(_component_ElFormItem, mergeProps({
+  return openBlock(), createBlock(_component_ElFormItem, mergeProps(_ctx.formItemBindProps, {
+    ref: _ctx.elRef,
     class: ["vkf-form-item", {
       "is-readonly": _ctx.readonly,
       "vkf-form-item--inline": _ctx.inline,
       "vkf-form-item--label-right": _ctx.labelPosition === "right"
-    }]
-  }, _ctx.formItemBindProps, {
+    }],
     size: _ctx.formItemSize,
-    ref: _ctx.elRef,
     rules: _ctx.rules
   }), createSlots({
     default: withCtx(() => [