@tmagic/form 1.0.0-beta.6 → 1.0.0-rc.2

package/dist/types/src/fields/Link.vue.d.ts

@@ -1,6 +1,6 @@
-import type { ValidateFieldCallback } from 'element-plus';
-import type { Callback } from 'element-plus/es/components/form/src/form.vue';
-import type { FormItemRule } from 'element-plus/es/components/form/src/form.type';
+import type { LooseRequired } from '@vue/shared';
+import type { FormItemRule, FormItemProp, FormItemContext, FormValidateCallback, FormValidationResult } from 'element-plus';
+import type { BuildPropType, Arrayable, BuildPropReturn, PropWrapper } from 'element-plus/es/utils';
 import type { DefineComponent, Ref, ComponentInternalInstance, ExtractPropTypes, VNodeProps, AllowedComponentProps, ComponentCustomProps, Slot, ComponentPublicInstance, ComponentOptionsBase, ComputedRef, ComponentOptionsMixin, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, PropType } from 'vue';
 import type { FormConfig, FormState,  LinkConfig } from '../schema';
 declare const _default: DefineComponent<{
@@ -49,7 +49,7 @@ declare const _default: DefineComponent<{
                 default: () => never[];
             };
             labelWidth: (StringConstructor | NumberConstructor)[];
-            size: PropType<"small" | "mini" | "medium">;
+            size: PropType<"small" | "default" | "large">;
             confirmText: {
                 type: StringConstructor;
                 default: string;
@@ -87,7 +87,7 @@ declare const _default: DefineComponent<{
                 default: () => never[];
             };
             labelWidth: (StringConstructor | NumberConstructor)[];
-            size: PropType<"small" | "mini" | "medium">;
+            size: PropType<"small" | "default" | "large">;
             confirmText: {
                 type: StringConstructor;
                 default: string;
@@ -144,7 +144,7 @@ declare const _default: DefineComponent<{
                         default: () => number;
                     };
                     size: {
-                        type: StringConstructor;
+                        type: PropType<"small" | "default" | "large">;
                     };
                     inline: {
                         type: BooleanConstructor;
@@ -158,6 +158,9 @@ declare const _default: DefineComponent<{
                         type: StringConstructor;
                         default: string;
                     };
+                    popperClass: {
+                        type: StringConstructor;
+                    };
                 }>> & {
                     onChange?: ((...args: any[]) => any) | undefined;
                     "onField-input"?: ((...args: any[]) => any) | undefined;
@@ -208,7 +211,7 @@ declare const _default: DefineComponent<{
                         default: () => number;
                     };
                     size: {
-                        type: StringConstructor;
+                        type: PropType<"small" | "default" | "large">;
                     };
                     inline: {
                         type: BooleanConstructor;
@@ -222,6 +225,9 @@ declare const _default: DefineComponent<{
                         type: StringConstructor;
                         default: string;
                     };
+                    popperClass: {
+                        type: StringConstructor;
+                    };
                 }>> & {
                     onChange?: ((...args: any[]) => any) | undefined;
                     "onField-input"?: ((...args: any[]) => any) | undefined;
@@ -236,49 +242,36 @@ declare const _default: DefineComponent<{
                         $: ComponentInternalInstance;
                         $data: {};
                         $props: Partial<{
+                            size: BuildPropType<StringConstructor, "" | "small" | "default" | "large", unknown>;
                             disabled: boolean;
-                            inline: boolean;
-                            labelWidth: string | number;
+                            rules: Partial<Record<string, Arrayable<FormItemRule>>>;
+                            labelWidth: BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
                             labelSuffix: string;
+                            showMessage: BuildPropType<BooleanConstructor, unknown, unknown>;
+                            validateOnRuleChange: BuildPropType<BooleanConstructor, unknown, unknown>;
+                            hideRequiredAsterisk: BuildPropType<BooleanConstructor, unknown, unknown>;
+                            inline: boolean;
                             inlineMessage: boolean;
                             statusIcon: boolean;
-                            showMessage: boolean;
-                            validateOnRuleChange: boolean;
-                            hideRequiredAsterisk: boolean;
                             scrollToError: boolean;
                         }> & Omit<Readonly<ExtractPropTypes<{
-                            model: ObjectConstructor;
-                            rules: PropType<Partial<Record<string, FormItemRule | FormItemRule[]>>>;
-                            labelPosition: StringConstructor;
-                            labelWidth: {
-                                type: (StringConstructor | NumberConstructor)[];
-                                default: string;
-                            };
-                            labelSuffix: {
-                                type: StringConstructor;
-                                default: string;
-                            };
-                            inline: BooleanConstructor;
-                            inlineMessage: BooleanConstructor;
-                            statusIcon: BooleanConstructor;
-                            showMessage: {
-                                type: BooleanConstructor;
-                                default: boolean;
-                            };
-                            size: PropType<"small" | "default" | "large">;
-                            disabled: BooleanConstructor;
-                            validateOnRuleChange: {
-                                type: BooleanConstructor;
-                                default: boolean;
-                            };
-                            hideRequiredAsterisk: {
-                                type: BooleanConstructor;
-                                default: boolean;
-                            };
-                            scrollToError: BooleanConstructor;
+                            readonly model: ObjectConstructor;
+                            readonly rules: BuildPropReturn<PropWrapper<Partial<Record<string, Arrayable<FormItemRule>>>>, unknown, unknown, unknown, unknown>;
+                            readonly labelPosition: StringConstructor;
+                            readonly labelWidth: BuildPropReturn<readonly [StringConstructor, NumberConstructor], "", unknown, unknown, unknown>;
+                            readonly labelSuffix: BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+                            readonly inline: BooleanConstructor;
+                            readonly inlineMessage: BooleanConstructor;
+                            readonly statusIcon: BooleanConstructor;
+                            readonly showMessage: BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+                            readonly size: BuildPropReturn<StringConstructor, unknown, unknown, "" | "small" | "default" | "large", unknown>;
+                            readonly disabled: BooleanConstructor;
+                            readonly validateOnRuleChange: BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+                            readonly hideRequiredAsterisk: BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+                            readonly scrollToError: BooleanConstructor;
                         }>> & {
-                            onValidate?: ((...args: any[]) => any) | undefined;
-                        } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "labelWidth" | "disabled" | "inline" | "labelSuffix" | "inlineMessage" | "statusIcon" | "showMessage" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError">;
+                            onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined;
+                        } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "labelWidth" | "disabled" | "size" | "inline" | "rules" | "labelSuffix" | "inlineMessage" | "statusIcon" | "showMessage" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError">;
                         $attrs: {
                             [x: string]: unknown;
                         };
@@ -290,57 +283,93 @@ declare const _default: DefineComponent<{
                         }>;
                         $root: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
                         $parent: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
-                        $emit: (event: "validate", ...args: any[]) => void;
+                        $emit: (event: "validate", prop: FormItemProp, isValid: boolean, message: string) => void;
                         $el: any;
                         $options: ComponentOptionsBase<Readonly<ExtractPropTypes<{
-                            model: ObjectConstructor;
-                            rules: PropType<Partial<Record<string, FormItemRule | FormItemRule[]>>>;
-                            labelPosition: StringConstructor;
-                            labelWidth: {
-                                type: (StringConstructor | NumberConstructor)[];
-                                default: string;
-                            };
-                            labelSuffix: {
-                                type: StringConstructor;
-                                default: string;
-                            };
-                            inline: BooleanConstructor;
-                            inlineMessage: BooleanConstructor;
-                            statusIcon: BooleanConstructor;
-                            showMessage: {
-                                type: BooleanConstructor;
-                                default: boolean;
-                            };
-                            size: PropType<"small" | "default" | "large">;
-                            disabled: BooleanConstructor;
-                            validateOnRuleChange: {
-                                type: BooleanConstructor;
-                                default: boolean;
-                            };
-                            hideRequiredAsterisk: {
-                                type: BooleanConstructor;
-                                default: boolean;
-                            };
-                            scrollToError: BooleanConstructor;
+                            readonly model: ObjectConstructor;
+                            readonly rules: BuildPropReturn<PropWrapper<Partial<Record<string, Arrayable<FormItemRule>>>>, unknown, unknown, unknown, unknown>;
+                            readonly labelPosition: StringConstructor;
+                            readonly labelWidth: BuildPropReturn<readonly [StringConstructor, NumberConstructor], "", unknown, unknown, unknown>;
+                            readonly labelSuffix: BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+                            readonly inline: BooleanConstructor;
+                            readonly inlineMessage: BooleanConstructor;
+                            readonly statusIcon: BooleanConstructor;
+                            readonly showMessage: BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+                            readonly size: BuildPropReturn<StringConstructor, unknown, unknown, "" | "small" | "default" | "large", unknown>;
+                            readonly disabled: BooleanConstructor;
+                            readonly validateOnRuleChange: BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+                            readonly hideRequiredAsterisk: BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+                            readonly scrollToError: BooleanConstructor;
                         }>> & {
-                            onValidate?: ((...args: any[]) => any) | undefined;
+                            onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined;
                         }, {
-                            formKls: ComputedRef<string[]>;
-                            validate: (callback?: Callback | undefined) => Promise<boolean> | undefined;
-                            resetFields: () => void;
-                            clearValidate: (props?: string | string[] | undefined) => void;
-                            validateField: (props: string | string[], cb: ValidateFieldCallback) => void;
-                            scrollToField: (prop: string) => void;
-                        }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "validate"[], string, {
+                            COMPONENT_NAME: string;
+                            props: Readonly<LooseRequired<Readonly<ExtractPropTypes<{
+                                readonly model: ObjectConstructor;
+                                readonly rules: BuildPropReturn<PropWrapper<Partial<Record<string, Arrayable<FormItemRule>>>>, unknown, unknown, unknown, unknown>;
+                                readonly labelPosition: StringConstructor;
+                                readonly labelWidth: BuildPropReturn<readonly [StringConstructor, NumberConstructor], "", unknown, unknown, unknown>;
+                                readonly labelSuffix: BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+                                readonly inline: BooleanConstructor;
+                                readonly inlineMessage: BooleanConstructor;
+                                readonly statusIcon: BooleanConstructor;
+                                readonly showMessage: BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+                                readonly size: BuildPropReturn<StringConstructor, unknown, unknown, "" | "small" | "default" | "large", unknown>;
+                                readonly disabled: BooleanConstructor;
+                                readonly validateOnRuleChange: BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+                                readonly hideRequiredAsterisk: BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+                                readonly scrollToError: BooleanConstructor;
+                            }>> & {
+                                onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined;
+                            }>>;
+                            emit: (event: "validate", prop: FormItemProp, isValid: boolean, message: string) => void;
+                            fields: FormItemContext[];
+                            formSize: ComputedRef<"" | "small" | "default" | "large">;
+                            ns: {
+                                namespace: ComputedRef<string>;
+                                b: (blockSuffix?: string | undefined) => 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: ComputedRef<(string | {
+                                [x: string]: string | boolean | undefined;
+                            })[]>;
+                            addField: (field: FormItemContext) => void;
+                            removeField: (field: FormItemContext) => void;
+                            resetFields: (props?: Arrayable<FormItemProp> | undefined) => void;
+                            clearValidate: (props?: Arrayable<FormItemProp> | undefined) => void;
+                            isValidatable: ComputedRef<boolean>;
+                            obtainValidateFields: (props: Arrayable<FormItemProp>) => FormItemContext[];
+                            validate: (callback?: FormValidateCallback | undefined) => FormValidationResult;
+                            doValidateField: (props?: Arrayable<FormItemProp> | undefined) => Promise<boolean>;
+                            validateField: (props?: Arrayable<FormItemProp> | undefined, callback?: FormValidateCallback | undefined) => FormValidationResult;
+                            scrollToField: (prop: FormItemProp) => void;
+                        }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+                            validate: (prop: FormItemProp, isValid: boolean, message: string) => boolean;
+                        }, string, {
+                            size: BuildPropType<StringConstructor, "" | "small" | "default" | "large", unknown>;
                             disabled: boolean;
-                            inline: boolean;
-                            labelWidth: string | number;
+                            rules: Partial<Record<string, Arrayable<FormItemRule>>>;
+                            labelWidth: BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
                             labelSuffix: string;
+                            showMessage: BuildPropType<BooleanConstructor, unknown, unknown>;
+                            validateOnRuleChange: BuildPropType<BooleanConstructor, unknown, unknown>;
+                            hideRequiredAsterisk: BuildPropType<BooleanConstructor, unknown, unknown>;
+                            inline: boolean;
                             inlineMessage: boolean;
                             statusIcon: boolean;
-                            showMessage: boolean;
-                            validateOnRuleChange: boolean;
-                            hideRequiredAsterisk: boolean;
                             scrollToError: boolean;
                         }> & {
                             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -363,44 +392,76 @@ declare const _default: DefineComponent<{
                         $nextTick: typeof nextTick;
                         $watch(source: string | Function, cb: Function, options?: WatchOptions<boolean> | undefined): WatchStopHandle;
                     } & Readonly<ExtractPropTypes<{
-                        model: ObjectConstructor;
-                        rules: PropType<Partial<Record<string, FormItemRule | FormItemRule[]>>>;
-                        labelPosition: StringConstructor;
-                        labelWidth: {
-                            type: (StringConstructor | NumberConstructor)[];
-                            default: string;
-                        };
-                        labelSuffix: {
-                            type: StringConstructor;
-                            default: string;
-                        };
-                        inline: BooleanConstructor;
-                        inlineMessage: BooleanConstructor;
-                        statusIcon: BooleanConstructor;
-                        showMessage: {
-                            type: BooleanConstructor;
-                            default: boolean;
-                        };
-                        size: PropType<"small" | "default" | "large">;
-                        disabled: BooleanConstructor;
-                        validateOnRuleChange: {
-                            type: BooleanConstructor;
-                            default: boolean;
-                        };
-                        hideRequiredAsterisk: {
-                            type: BooleanConstructor;
-                            default: boolean;
-                        };
-                        scrollToError: BooleanConstructor;
+                        readonly model: ObjectConstructor;
+                        readonly rules: BuildPropReturn<PropWrapper<Partial<Record<string, Arrayable<FormItemRule>>>>, unknown, unknown, unknown, unknown>;
+                        readonly labelPosition: StringConstructor;
+                        readonly labelWidth: BuildPropReturn<readonly [StringConstructor, NumberConstructor], "", unknown, unknown, unknown>;
+                        readonly labelSuffix: BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+                        readonly inline: BooleanConstructor;
+                        readonly inlineMessage: BooleanConstructor;
+                        readonly statusIcon: BooleanConstructor;
+                        readonly showMessage: BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+                        readonly size: BuildPropReturn<StringConstructor, unknown, unknown, "" | "small" | "default" | "large", unknown>;
+                        readonly disabled: BooleanConstructor;
+                        readonly validateOnRuleChange: BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+                        readonly hideRequiredAsterisk: BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+                        readonly scrollToError: BooleanConstructor;
                     }>> & {
-                        onValidate?: ((...args: any[]) => any) | undefined;
+                        onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined;
                     } & ShallowUnwrapRef<{
-                        formKls: ComputedRef<string[]>;
-                        validate: (callback?: Callback | undefined) => Promise<boolean> | undefined;
-                        resetFields: () => void;
-                        clearValidate: (props?: string | string[] | undefined) => void;
-                        validateField: (props: string | string[], cb: ValidateFieldCallback) => void;
-                        scrollToField: (prop: string) => void;
+                        COMPONENT_NAME: string;
+                        props: Readonly<LooseRequired<Readonly<ExtractPropTypes<{
+                            readonly model: ObjectConstructor;
+                            readonly rules: BuildPropReturn<PropWrapper<Partial<Record<string, Arrayable<FormItemRule>>>>, unknown, unknown, unknown, unknown>;
+                            readonly labelPosition: StringConstructor;
+                            readonly labelWidth: BuildPropReturn<readonly [StringConstructor, NumberConstructor], "", unknown, unknown, unknown>;
+                            readonly labelSuffix: BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+                            readonly inline: BooleanConstructor;
+                            readonly inlineMessage: BooleanConstructor;
+                            readonly statusIcon: BooleanConstructor;
+                            readonly showMessage: BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+                            readonly size: BuildPropReturn<StringConstructor, unknown, unknown, "" | "small" | "default" | "large", unknown>;
+                            readonly disabled: BooleanConstructor;
+                            readonly validateOnRuleChange: BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+                            readonly hideRequiredAsterisk: BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+                            readonly scrollToError: BooleanConstructor;
+                        }>> & {
+                            onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined;
+                        }>>;
+                        emit: (event: "validate", prop: FormItemProp, isValid: boolean, message: string) => void;
+                        fields: FormItemContext[];
+                        formSize: ComputedRef<"" | "small" | "default" | "large">;
+                        ns: {
+                            namespace: ComputedRef<string>;
+                            b: (blockSuffix?: string | undefined) => 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: ComputedRef<(string | {
+                            [x: string]: string | boolean | undefined;
+                        })[]>;
+                        addField: (field: FormItemContext) => void;
+                        removeField: (field: FormItemContext) => void;
+                        resetFields: (props?: Arrayable<FormItemProp> | undefined) => void;
+                        clearValidate: (props?: Arrayable<FormItemProp> | undefined) => void;
+                        isValidatable: ComputedRef<boolean>;
+                        obtainValidateFields: (props: Arrayable<FormItemProp>) => FormItemContext[];
+                        validate: (callback?: FormValidateCallback | undefined) => FormValidationResult;
+                        doValidateField: (props?: Arrayable<FormItemProp> | undefined) => Promise<boolean>;
+                        validateField: (props?: Arrayable<FormItemProp> | undefined, callback?: FormValidateCallback | undefined) => FormValidationResult;
+                        scrollToField: (prop: FormItemProp) => void;
                     }> & {} & {} & ComponentCustomProperties) | undefined>;
                     formState: FormState;
                     changeHandler: () => void;
@@ -469,7 +530,7 @@ declare const _default: DefineComponent<{
                     default: () => number;
                 };
                 size: {
-                    type: StringConstructor;
+                    type: PropType<"small" | "default" | "large">;
                 };
                 inline: {
                     type: BooleanConstructor;
@@ -483,6 +544,9 @@ declare const _default: DefineComponent<{
                     type: StringConstructor;
                     default: string;
                 };
+                popperClass: {
+                    type: StringConstructor;
+                };
             }>> & {
                 onChange?: ((...args: any[]) => any) | undefined;
                 "onField-input"?: ((...args: any[]) => any) | undefined;
@@ -497,49 +561,36 @@ declare const _default: DefineComponent<{
                     $: ComponentInternalInstance;
                     $data: {};
                     $props: Partial<{
+                        size: BuildPropType<StringConstructor, "" | "small" | "default" | "large", unknown>;
                         disabled: boolean;
-                        inline: boolean;
-                        labelWidth: string | number;
+                        rules: Partial<Record<string, Arrayable<FormItemRule>>>;
+                        labelWidth: BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
                         labelSuffix: string;
+                        showMessage: BuildPropType<BooleanConstructor, unknown, unknown>;
+                        validateOnRuleChange: BuildPropType<BooleanConstructor, unknown, unknown>;
+                        hideRequiredAsterisk: BuildPropType<BooleanConstructor, unknown, unknown>;
+                        inline: boolean;
                         inlineMessage: boolean;
                         statusIcon: boolean;
-                        showMessage: boolean;
-                        validateOnRuleChange: boolean;
-                        hideRequiredAsterisk: boolean;
                         scrollToError: boolean;
                     }> & Omit<Readonly<ExtractPropTypes<{
-                        model: ObjectConstructor;
-                        rules: PropType<Partial<Record<string, FormItemRule | FormItemRule[]>>>;
-                        labelPosition: StringConstructor;
-                        labelWidth: {
-                            type: (StringConstructor | NumberConstructor)[];
-                            default: string;
-                        };
-                        labelSuffix: {
-                            type: StringConstructor;
-                            default: string;
-                        };
-                        inline: BooleanConstructor;
-                        inlineMessage: BooleanConstructor;
-                        statusIcon: BooleanConstructor;
-                        showMessage: {
-                            type: BooleanConstructor;
-                            default: boolean;
-                        };
-                        size: PropType<"small" | "default" | "large">;
-                        disabled: BooleanConstructor;
-                        validateOnRuleChange: {
-                            type: BooleanConstructor;
-                            default: boolean;
-                        };
-                        hideRequiredAsterisk: {
-                            type: BooleanConstructor;
-                            default: boolean;
-                        };
-                        scrollToError: BooleanConstructor;
+                        readonly model: ObjectConstructor;
+                        readonly rules: BuildPropReturn<PropWrapper<Partial<Record<string, Arrayable<FormItemRule>>>>, unknown, unknown, unknown, unknown>;
+                        readonly labelPosition: StringConstructor;
+                        readonly labelWidth: BuildPropReturn<readonly [StringConstructor, NumberConstructor], "", unknown, unknown, unknown>;
+                        readonly labelSuffix: BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+                        readonly inline: BooleanConstructor;
+                        readonly inlineMessage: BooleanConstructor;
+                        readonly statusIcon: BooleanConstructor;
+                        readonly showMessage: BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+                        readonly size: BuildPropReturn<StringConstructor, unknown, unknown, "" | "small" | "default" | "large", unknown>;
+                        readonly disabled: BooleanConstructor;
+                        readonly validateOnRuleChange: BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+                        readonly hideRequiredAsterisk: BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+                        readonly scrollToError: BooleanConstructor;
                     }>> & {
-                        onValidate?: ((...args: any[]) => any) | undefined;
-                    } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "labelWidth" | "disabled" | "inline" | "labelSuffix" | "inlineMessage" | "statusIcon" | "showMessage" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError">;
+                        onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined;
+                    } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "labelWidth" | "disabled" | "size" | "inline" | "rules" | "labelSuffix" | "inlineMessage" | "statusIcon" | "showMessage" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError">;
                     $attrs: {
                         [x: string]: unknown;
                     };
@@ -551,57 +602,93 @@ declare const _default: DefineComponent<{
                     }>;
                     $root: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
                     $parent: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
-                    $emit: (event: "validate", ...args: any[]) => void;
+                    $emit: (event: "validate", prop: FormItemProp, isValid: boolean, message: string) => void;
                     $el: any;
                     $options: ComponentOptionsBase<Readonly<ExtractPropTypes<{
-                        model: ObjectConstructor;
-                        rules: PropType<Partial<Record<string, FormItemRule | FormItemRule[]>>>;
-                        labelPosition: StringConstructor;
-                        labelWidth: {
-                            type: (StringConstructor | NumberConstructor)[];
-                            default: string;
-                        };
-                        labelSuffix: {
-                            type: StringConstructor;
-                            default: string;
-                        };
-                        inline: BooleanConstructor;
-                        inlineMessage: BooleanConstructor;
-                        statusIcon: BooleanConstructor;
-                        showMessage: {
-                            type: BooleanConstructor;
-                            default: boolean;
-                        };
-                        size: PropType<"small" | "default" | "large">;
-                        disabled: BooleanConstructor;
-                        validateOnRuleChange: {
-                            type: BooleanConstructor;
-                            default: boolean;
-                        };
-                        hideRequiredAsterisk: {
-                            type: BooleanConstructor;
-                            default: boolean;
-                        };
-                        scrollToError: BooleanConstructor;
+                        readonly model: ObjectConstructor;
+                        readonly rules: BuildPropReturn<PropWrapper<Partial<Record<string, Arrayable<FormItemRule>>>>, unknown, unknown, unknown, unknown>;
+                        readonly labelPosition: StringConstructor;
+                        readonly labelWidth: BuildPropReturn<readonly [StringConstructor, NumberConstructor], "", unknown, unknown, unknown>;
+                        readonly labelSuffix: BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+                        readonly inline: BooleanConstructor;
+                        readonly inlineMessage: BooleanConstructor;
+                        readonly statusIcon: BooleanConstructor;
+                        readonly showMessage: BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+                        readonly size: BuildPropReturn<StringConstructor, unknown, unknown, "" | "small" | "default" | "large", unknown>;
+                        readonly disabled: BooleanConstructor;
+                        readonly validateOnRuleChange: BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+                        readonly hideRequiredAsterisk: BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+                        readonly scrollToError: BooleanConstructor;
                     }>> & {
-                        onValidate?: ((...args: any[]) => any) | undefined;
+                        onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined;
                     }, {
-                        formKls: ComputedRef<string[]>;
-                        validate: (callback?: Callback | undefined) => Promise<boolean> | undefined;
-                        resetFields: () => void;
-                        clearValidate: (props?: string | string[] | undefined) => void;
-                        validateField: (props: string | string[], cb: ValidateFieldCallback) => void;
-                        scrollToField: (prop: string) => void;
-                    }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "validate"[], string, {
+                        COMPONENT_NAME: string;
+                        props: Readonly<LooseRequired<Readonly<ExtractPropTypes<{
+                            readonly model: ObjectConstructor;
+                            readonly rules: BuildPropReturn<PropWrapper<Partial<Record<string, Arrayable<FormItemRule>>>>, unknown, unknown, unknown, unknown>;
+                            readonly labelPosition: StringConstructor;
+                            readonly labelWidth: BuildPropReturn<readonly [StringConstructor, NumberConstructor], "", unknown, unknown, unknown>;
+                            readonly labelSuffix: BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+                            readonly inline: BooleanConstructor;
+                            readonly inlineMessage: BooleanConstructor;
+                            readonly statusIcon: BooleanConstructor;
+                            readonly showMessage: BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+                            readonly size: BuildPropReturn<StringConstructor, unknown, unknown, "" | "small" | "default" | "large", unknown>;
+                            readonly disabled: BooleanConstructor;
+                            readonly validateOnRuleChange: BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+                            readonly hideRequiredAsterisk: BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+                            readonly scrollToError: BooleanConstructor;
+                        }>> & {
+                            onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined;
+                        }>>;
+                        emit: (event: "validate", prop: FormItemProp, isValid: boolean, message: string) => void;
+                        fields: FormItemContext[];
+                        formSize: ComputedRef<"" | "small" | "default" | "large">;
+                        ns: {
+                            namespace: ComputedRef<string>;
+                            b: (blockSuffix?: string | undefined) => 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: ComputedRef<(string | {
+                            [x: string]: string | boolean | undefined;
+                        })[]>;
+                        addField: (field: FormItemContext) => void;
+                        removeField: (field: FormItemContext) => void;
+                        resetFields: (props?: Arrayable<FormItemProp> | undefined) => void;
+                        clearValidate: (props?: Arrayable<FormItemProp> | undefined) => void;
+                        isValidatable: ComputedRef<boolean>;
+                        obtainValidateFields: (props: Arrayable<FormItemProp>) => FormItemContext[];
+                        validate: (callback?: FormValidateCallback | undefined) => FormValidationResult;
+                        doValidateField: (props?: Arrayable<FormItemProp> | undefined) => Promise<boolean>;
+                        validateField: (props?: Arrayable<FormItemProp> | undefined, callback?: FormValidateCallback | undefined) => FormValidationResult;
+                        scrollToField: (prop: FormItemProp) => void;
+                    }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+                        validate: (prop: FormItemProp, isValid: boolean, message: string) => boolean;
+                    }, string, {
+                        size: BuildPropType<StringConstructor, "" | "small" | "default" | "large", unknown>;
                         disabled: boolean;
-                        inline: boolean;
-                        labelWidth: string | number;
+                        rules: Partial<Record<string, Arrayable<FormItemRule>>>;
+                        labelWidth: BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
                         labelSuffix: string;
+                        showMessage: BuildPropType<BooleanConstructor, unknown, unknown>;
+                        validateOnRuleChange: BuildPropType<BooleanConstructor, unknown, unknown>;
+                        hideRequiredAsterisk: BuildPropType<BooleanConstructor, unknown, unknown>;
+                        inline: boolean;
                         inlineMessage: boolean;
                         statusIcon: boolean;
-                        showMessage: boolean;
-                        validateOnRuleChange: boolean;
-                        hideRequiredAsterisk: boolean;
                         scrollToError: boolean;
                     }> & {
                         beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -624,44 +711,76 @@ declare const _default: DefineComponent<{
                     $nextTick: typeof nextTick;
                     $watch(source: string | Function, cb: Function, options?: WatchOptions<boolean> | undefined): WatchStopHandle;
                 } & Readonly<ExtractPropTypes<{
-                    model: ObjectConstructor;
-                    rules: PropType<Partial<Record<string, FormItemRule | FormItemRule[]>>>;
-                    labelPosition: StringConstructor;
-                    labelWidth: {
-                        type: (StringConstructor | NumberConstructor)[];
-                        default: string;
-                    };
-                    labelSuffix: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                    inline: BooleanConstructor;
-                    inlineMessage: BooleanConstructor;
-                    statusIcon: BooleanConstructor;
-                    showMessage: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                    size: PropType<"small" | "default" | "large">;
-                    disabled: BooleanConstructor;
-                    validateOnRuleChange: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                    hideRequiredAsterisk: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                    scrollToError: BooleanConstructor;
+                    readonly model: ObjectConstructor;
+                    readonly rules: BuildPropReturn<PropWrapper<Partial<Record<string, Arrayable<FormItemRule>>>>, unknown, unknown, unknown, unknown>;
+                    readonly labelPosition: StringConstructor;
+                    readonly labelWidth: BuildPropReturn<readonly [StringConstructor, NumberConstructor], "", unknown, unknown, unknown>;
+                    readonly labelSuffix: BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+                    readonly inline: BooleanConstructor;
+                    readonly inlineMessage: BooleanConstructor;
+                    readonly statusIcon: BooleanConstructor;
+                    readonly showMessage: BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+                    readonly size: BuildPropReturn<StringConstructor, unknown, unknown, "" | "small" | "default" | "large", unknown>;
+                    readonly disabled: BooleanConstructor;
+                    readonly validateOnRuleChange: BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+                    readonly hideRequiredAsterisk: BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+                    readonly scrollToError: BooleanConstructor;
                 }>> & {
-                    onValidate?: ((...args: any[]) => any) | undefined;
+                    onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined;
                 } & ShallowUnwrapRef<{
-                    formKls: ComputedRef<string[]>;
-                    validate: (callback?: Callback | undefined) => Promise<boolean> | undefined;
-                    resetFields: () => void;
-                    clearValidate: (props?: string | string[] | undefined) => void;
-                    validateField: (props: string | string[], cb: ValidateFieldCallback) => void;
-                    scrollToField: (prop: string) => void;
+                    COMPONENT_NAME: string;
+                    props: Readonly<LooseRequired<Readonly<ExtractPropTypes<{
+                        readonly model: ObjectConstructor;
+                        readonly rules: BuildPropReturn<PropWrapper<Partial<Record<string, Arrayable<FormItemRule>>>>, unknown, unknown, unknown, unknown>;
+                        readonly labelPosition: StringConstructor;
+                        readonly labelWidth: BuildPropReturn<readonly [StringConstructor, NumberConstructor], "", unknown, unknown, unknown>;
+                        readonly labelSuffix: BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+                        readonly inline: BooleanConstructor;
+                        readonly inlineMessage: BooleanConstructor;
+                        readonly statusIcon: BooleanConstructor;
+                        readonly showMessage: BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+                        readonly size: BuildPropReturn<StringConstructor, unknown, unknown, "" | "small" | "default" | "large", unknown>;
+                        readonly disabled: BooleanConstructor;
+                        readonly validateOnRuleChange: BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+                        readonly hideRequiredAsterisk: BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+                        readonly scrollToError: BooleanConstructor;
+                    }>> & {
+                        onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined;
+                    }>>;
+                    emit: (event: "validate", prop: FormItemProp, isValid: boolean, message: string) => void;
+                    fields: FormItemContext[];
+                    formSize: ComputedRef<"" | "small" | "default" | "large">;
+                    ns: {
+                        namespace: ComputedRef<string>;
+                        b: (blockSuffix?: string | undefined) => 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: ComputedRef<(string | {
+                        [x: string]: string | boolean | undefined;
+                    })[]>;
+                    addField: (field: FormItemContext) => void;
+                    removeField: (field: FormItemContext) => void;
+                    resetFields: (props?: Arrayable<FormItemProp> | undefined) => void;
+                    clearValidate: (props?: Arrayable<FormItemProp> | undefined) => void;
+                    isValidatable: ComputedRef<boolean>;
+                    obtainValidateFields: (props: Arrayable<FormItemProp>) => FormItemContext[];
+                    validate: (callback?: FormValidateCallback | undefined) => FormValidationResult;
+                    doValidateField: (props?: Arrayable<FormItemProp> | undefined) => Promise<boolean>;
+                    validateField: (props?: Arrayable<FormItemProp> | undefined, callback?: FormValidateCallback | undefined) => FormValidationResult;
+                    scrollToField: (prop: FormItemProp) => void;
                 }> & {} & {} & ComponentCustomProperties) | undefined>;
                 formState: FormState;
                 changeHandler: () => void;
@@ -719,7 +838,7 @@ declare const _default: DefineComponent<{
             default: () => never[];
         };
         labelWidth: (StringConstructor | NumberConstructor)[];
-        size: PropType<"small" | "mini" | "medium">;
+        size: PropType<"small" | "default" | "large">;
         confirmText: {
             type: StringConstructor;
             default: string;
@@ -776,7 +895,7 @@ declare const _default: DefineComponent<{
                     default: () => number;
                 };
                 size: {
-                    type: StringConstructor;
+                    type: PropType<"small" | "default" | "large">;
                 };
                 inline: {
                     type: BooleanConstructor;
@@ -790,6 +909,9 @@ declare const _default: DefineComponent<{
                     type: StringConstructor;
                     default: string;
                 };
+                popperClass: {
+                    type: StringConstructor;
+                };
             }>> & {
                 onChange?: ((...args: any[]) => any) | undefined;
                 "onField-input"?: ((...args: any[]) => any) | undefined;
@@ -840,7 +962,7 @@ declare const _default: DefineComponent<{
                     default: () => number;
                 };
                 size: {
-                    type: StringConstructor;
+                    type: PropType<"small" | "default" | "large">;
                 };
                 inline: {
                     type: BooleanConstructor;
@@ -854,6 +976,9 @@ declare const _default: DefineComponent<{
                     type: StringConstructor;
                     default: string;
                 };
+                popperClass: {
+                    type: StringConstructor;
+                };
             }>> & {
                 onChange?: ((...args: any[]) => any) | undefined;
                 "onField-input"?: ((...args: any[]) => any) | undefined;
@@ -868,49 +993,36 @@ declare const _default: DefineComponent<{
                     $: ComponentInternalInstance;
                     $data: {};
                     $props: Partial<{
+                        size: BuildPropType<StringConstructor, "" | "small" | "default" | "large", unknown>;
                         disabled: boolean;
-                        inline: boolean;
-                        labelWidth: string | number;
+                        rules: Partial<Record<string, Arrayable<FormItemRule>>>;
+                        labelWidth: BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
                         labelSuffix: string;
+                        showMessage: BuildPropType<BooleanConstructor, unknown, unknown>;
+                        validateOnRuleChange: BuildPropType<BooleanConstructor, unknown, unknown>;
+                        hideRequiredAsterisk: BuildPropType<BooleanConstructor, unknown, unknown>;
+                        inline: boolean;
                         inlineMessage: boolean;
                         statusIcon: boolean;
-                        showMessage: boolean;
-                        validateOnRuleChange: boolean;
-                        hideRequiredAsterisk: boolean;
                         scrollToError: boolean;
                     }> & Omit<Readonly<ExtractPropTypes<{
-                        model: ObjectConstructor;
-                        rules: PropType<Partial<Record<string, FormItemRule | FormItemRule[]>>>;
-                        labelPosition: StringConstructor;
-                        labelWidth: {
-                            type: (StringConstructor | NumberConstructor)[];
-                            default: string;
-                        };
-                        labelSuffix: {
-                            type: StringConstructor;
-                            default: string;
-                        };
-                        inline: BooleanConstructor;
-                        inlineMessage: BooleanConstructor;
-                        statusIcon: BooleanConstructor;
-                        showMessage: {
-                            type: BooleanConstructor;
-                            default: boolean;
-                        };
-                        size: PropType<"small" | "default" | "large">;
-                        disabled: BooleanConstructor;
-                        validateOnRuleChange: {
-                            type: BooleanConstructor;
-                            default: boolean;
-                        };
-                        hideRequiredAsterisk: {
-                            type: BooleanConstructor;
-                            default: boolean;
-                        };
-                        scrollToError: BooleanConstructor;
+                        readonly model: ObjectConstructor;
+                        readonly rules: BuildPropReturn<PropWrapper<Partial<Record<string, Arrayable<FormItemRule>>>>, unknown, unknown, unknown, unknown>;
+                        readonly labelPosition: StringConstructor;
+                        readonly labelWidth: BuildPropReturn<readonly [StringConstructor, NumberConstructor], "", unknown, unknown, unknown>;
+                        readonly labelSuffix: BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+                        readonly inline: BooleanConstructor;
+                        readonly inlineMessage: BooleanConstructor;
+                        readonly statusIcon: BooleanConstructor;
+                        readonly showMessage: BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+                        readonly size: BuildPropReturn<StringConstructor, unknown, unknown, "" | "small" | "default" | "large", unknown>;
+                        readonly disabled: BooleanConstructor;
+                        readonly validateOnRuleChange: BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+                        readonly hideRequiredAsterisk: BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+                        readonly scrollToError: BooleanConstructor;
                     }>> & {
-                        onValidate?: ((...args: any[]) => any) | undefined;
-                    } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "labelWidth" | "disabled" | "inline" | "labelSuffix" | "inlineMessage" | "statusIcon" | "showMessage" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError">;
+                        onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined;
+                    } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "labelWidth" | "disabled" | "size" | "inline" | "rules" | "labelSuffix" | "inlineMessage" | "statusIcon" | "showMessage" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError">;
                     $attrs: {
                         [x: string]: unknown;
                     };
@@ -922,57 +1034,93 @@ declare const _default: DefineComponent<{
                     }>;
                     $root: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
                     $parent: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
-                    $emit: (event: "validate", ...args: any[]) => void;
+                    $emit: (event: "validate", prop: FormItemProp, isValid: boolean, message: string) => void;
                     $el: any;
                     $options: ComponentOptionsBase<Readonly<ExtractPropTypes<{
-                        model: ObjectConstructor;
-                        rules: PropType<Partial<Record<string, FormItemRule | FormItemRule[]>>>;
-                        labelPosition: StringConstructor;
-                        labelWidth: {
-                            type: (StringConstructor | NumberConstructor)[];
-                            default: string;
-                        };
-                        labelSuffix: {
-                            type: StringConstructor;
-                            default: string;
-                        };
-                        inline: BooleanConstructor;
-                        inlineMessage: BooleanConstructor;
-                        statusIcon: BooleanConstructor;
-                        showMessage: {
-                            type: BooleanConstructor;
-                            default: boolean;
-                        };
-                        size: PropType<"small" | "default" | "large">;
-                        disabled: BooleanConstructor;
-                        validateOnRuleChange: {
-                            type: BooleanConstructor;
-                            default: boolean;
-                        };
-                        hideRequiredAsterisk: {
-                            type: BooleanConstructor;
-                            default: boolean;
-                        };
-                        scrollToError: BooleanConstructor;
+                        readonly model: ObjectConstructor;
+                        readonly rules: BuildPropReturn<PropWrapper<Partial<Record<string, Arrayable<FormItemRule>>>>, unknown, unknown, unknown, unknown>;
+                        readonly labelPosition: StringConstructor;
+                        readonly labelWidth: BuildPropReturn<readonly [StringConstructor, NumberConstructor], "", unknown, unknown, unknown>;
+                        readonly labelSuffix: BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+                        readonly inline: BooleanConstructor;
+                        readonly inlineMessage: BooleanConstructor;
+                        readonly statusIcon: BooleanConstructor;
+                        readonly showMessage: BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+                        readonly size: BuildPropReturn<StringConstructor, unknown, unknown, "" | "small" | "default" | "large", unknown>;
+                        readonly disabled: BooleanConstructor;
+                        readonly validateOnRuleChange: BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+                        readonly hideRequiredAsterisk: BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+                        readonly scrollToError: BooleanConstructor;
                     }>> & {
-                        onValidate?: ((...args: any[]) => any) | undefined;
+                        onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined;
                     }, {
-                        formKls: ComputedRef<string[]>;
-                        validate: (callback?: Callback | undefined) => Promise<boolean> | undefined;
-                        resetFields: () => void;
-                        clearValidate: (props?: string | string[] | undefined) => void;
-                        validateField: (props: string | string[], cb: ValidateFieldCallback) => void;
-                        scrollToField: (prop: string) => void;
-                    }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "validate"[], string, {
+                        COMPONENT_NAME: string;
+                        props: Readonly<LooseRequired<Readonly<ExtractPropTypes<{
+                            readonly model: ObjectConstructor;
+                            readonly rules: BuildPropReturn<PropWrapper<Partial<Record<string, Arrayable<FormItemRule>>>>, unknown, unknown, unknown, unknown>;
+                            readonly labelPosition: StringConstructor;
+                            readonly labelWidth: BuildPropReturn<readonly [StringConstructor, NumberConstructor], "", unknown, unknown, unknown>;
+                            readonly labelSuffix: BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+                            readonly inline: BooleanConstructor;
+                            readonly inlineMessage: BooleanConstructor;
+                            readonly statusIcon: BooleanConstructor;
+                            readonly showMessage: BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+                            readonly size: BuildPropReturn<StringConstructor, unknown, unknown, "" | "small" | "default" | "large", unknown>;
+                            readonly disabled: BooleanConstructor;
+                            readonly validateOnRuleChange: BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+                            readonly hideRequiredAsterisk: BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+                            readonly scrollToError: BooleanConstructor;
+                        }>> & {
+                            onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined;
+                        }>>;
+                        emit: (event: "validate", prop: FormItemProp, isValid: boolean, message: string) => void;
+                        fields: FormItemContext[];
+                        formSize: ComputedRef<"" | "small" | "default" | "large">;
+                        ns: {
+                            namespace: ComputedRef<string>;
+                            b: (blockSuffix?: string | undefined) => 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: ComputedRef<(string | {
+                            [x: string]: string | boolean | undefined;
+                        })[]>;
+                        addField: (field: FormItemContext) => void;
+                        removeField: (field: FormItemContext) => void;
+                        resetFields: (props?: Arrayable<FormItemProp> | undefined) => void;
+                        clearValidate: (props?: Arrayable<FormItemProp> | undefined) => void;
+                        isValidatable: ComputedRef<boolean>;
+                        obtainValidateFields: (props: Arrayable<FormItemProp>) => FormItemContext[];
+                        validate: (callback?: FormValidateCallback | undefined) => FormValidationResult;
+                        doValidateField: (props?: Arrayable<FormItemProp> | undefined) => Promise<boolean>;
+                        validateField: (props?: Arrayable<FormItemProp> | undefined, callback?: FormValidateCallback | undefined) => FormValidationResult;
+                        scrollToField: (prop: FormItemProp) => void;
+                    }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+                        validate: (prop: FormItemProp, isValid: boolean, message: string) => boolean;
+                    }, string, {
+                        size: BuildPropType<StringConstructor, "" | "small" | "default" | "large", unknown>;
                         disabled: boolean;
-                        inline: boolean;
-                        labelWidth: string | number;
+                        rules: Partial<Record<string, Arrayable<FormItemRule>>>;
+                        labelWidth: BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
                         labelSuffix: string;
+                        showMessage: BuildPropType<BooleanConstructor, unknown, unknown>;
+                        validateOnRuleChange: BuildPropType<BooleanConstructor, unknown, unknown>;
+                        hideRequiredAsterisk: BuildPropType<BooleanConstructor, unknown, unknown>;
+                        inline: boolean;
                         inlineMessage: boolean;
                         statusIcon: boolean;
-                        showMessage: boolean;
-                        validateOnRuleChange: boolean;
-                        hideRequiredAsterisk: boolean;
                         scrollToError: boolean;
                     }> & {
                         beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -995,44 +1143,76 @@ declare const _default: DefineComponent<{
                     $nextTick: typeof nextTick;
                     $watch(source: string | Function, cb: Function, options?: WatchOptions<boolean> | undefined): WatchStopHandle;
                 } & Readonly<ExtractPropTypes<{
-                    model: ObjectConstructor;
-                    rules: PropType<Partial<Record<string, FormItemRule | FormItemRule[]>>>;
-                    labelPosition: StringConstructor;
-                    labelWidth: {
-                        type: (StringConstructor | NumberConstructor)[];
-                        default: string;
-                    };
-                    labelSuffix: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                    inline: BooleanConstructor;
-                    inlineMessage: BooleanConstructor;
-                    statusIcon: BooleanConstructor;
-                    showMessage: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                    size: PropType<"small" | "default" | "large">;
-                    disabled: BooleanConstructor;
-                    validateOnRuleChange: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                    hideRequiredAsterisk: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                    scrollToError: BooleanConstructor;
+                    readonly model: ObjectConstructor;
+                    readonly rules: BuildPropReturn<PropWrapper<Partial<Record<string, Arrayable<FormItemRule>>>>, unknown, unknown, unknown, unknown>;
+                    readonly labelPosition: StringConstructor;
+                    readonly labelWidth: BuildPropReturn<readonly [StringConstructor, NumberConstructor], "", unknown, unknown, unknown>;
+                    readonly labelSuffix: BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+                    readonly inline: BooleanConstructor;
+                    readonly inlineMessage: BooleanConstructor;
+                    readonly statusIcon: BooleanConstructor;
+                    readonly showMessage: BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+                    readonly size: BuildPropReturn<StringConstructor, unknown, unknown, "" | "small" | "default" | "large", unknown>;
+                    readonly disabled: BooleanConstructor;
+                    readonly validateOnRuleChange: BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+                    readonly hideRequiredAsterisk: BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+                    readonly scrollToError: BooleanConstructor;
                 }>> & {
-                    onValidate?: ((...args: any[]) => any) | undefined;
+                    onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined;
                 } & ShallowUnwrapRef<{
-                    formKls: ComputedRef<string[]>;
-                    validate: (callback?: Callback | undefined) => Promise<boolean> | undefined;
-                    resetFields: () => void;
-                    clearValidate: (props?: string | string[] | undefined) => void;
-                    validateField: (props: string | string[], cb: ValidateFieldCallback) => void;
-                    scrollToField: (prop: string) => void;
+                    COMPONENT_NAME: string;
+                    props: Readonly<LooseRequired<Readonly<ExtractPropTypes<{
+                        readonly model: ObjectConstructor;
+                        readonly rules: BuildPropReturn<PropWrapper<Partial<Record<string, Arrayable<FormItemRule>>>>, unknown, unknown, unknown, unknown>;
+                        readonly labelPosition: StringConstructor;
+                        readonly labelWidth: BuildPropReturn<readonly [StringConstructor, NumberConstructor], "", unknown, unknown, unknown>;
+                        readonly labelSuffix: BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+                        readonly inline: BooleanConstructor;
+                        readonly inlineMessage: BooleanConstructor;
+                        readonly statusIcon: BooleanConstructor;
+                        readonly showMessage: BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+                        readonly size: BuildPropReturn<StringConstructor, unknown, unknown, "" | "small" | "default" | "large", unknown>;
+                        readonly disabled: BooleanConstructor;
+                        readonly validateOnRuleChange: BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+                        readonly hideRequiredAsterisk: BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+                        readonly scrollToError: BooleanConstructor;
+                    }>> & {
+                        onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined;
+                    }>>;
+                    emit: (event: "validate", prop: FormItemProp, isValid: boolean, message: string) => void;
+                    fields: FormItemContext[];
+                    formSize: ComputedRef<"" | "small" | "default" | "large">;
+                    ns: {
+                        namespace: ComputedRef<string>;
+                        b: (blockSuffix?: string | undefined) => 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: ComputedRef<(string | {
+                        [x: string]: string | boolean | undefined;
+                    })[]>;
+                    addField: (field: FormItemContext) => void;
+                    removeField: (field: FormItemContext) => void;
+                    resetFields: (props?: Arrayable<FormItemProp> | undefined) => void;
+                    clearValidate: (props?: Arrayable<FormItemProp> | undefined) => void;
+                    isValidatable: ComputedRef<boolean>;
+                    obtainValidateFields: (props: Arrayable<FormItemProp>) => FormItemContext[];
+                    validate: (callback?: FormValidateCallback | undefined) => FormValidationResult;
+                    doValidateField: (props?: Arrayable<FormItemProp> | undefined) => Promise<boolean>;
+                    validateField: (props?: Arrayable<FormItemProp> | undefined, callback?: FormValidateCallback | undefined) => FormValidationResult;
+                    scrollToField: (prop: FormItemProp) => void;
                 }> & {} & {} & ComponentCustomProperties) | undefined>;
                 formState: FormState;
                 changeHandler: () => void;
@@ -1101,7 +1281,7 @@ declare const _default: DefineComponent<{
                 default: () => number;
             };
             size: {
-                type: StringConstructor;
+                type: PropType<"small" | "default" | "large">;
             };
             inline: {
                 type: BooleanConstructor;
@@ -1115,6 +1295,9 @@ declare const _default: DefineComponent<{
                 type: StringConstructor;
                 default: string;
             };
+            popperClass: {
+                type: StringConstructor;
+            };
         }>> & {
             onChange?: ((...args: any[]) => any) | undefined;
             "onField-input"?: ((...args: any[]) => any) | undefined;
@@ -1129,49 +1312,36 @@ declare const _default: DefineComponent<{
                 $: ComponentInternalInstance;
                 $data: {};
                 $props: Partial<{
+                    size: BuildPropType<StringConstructor, "" | "small" | "default" | "large", unknown>;
                     disabled: boolean;
-                    inline: boolean;
-                    labelWidth: string | number;
+                    rules: Partial<Record<string, Arrayable<FormItemRule>>>;
+                    labelWidth: BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
                     labelSuffix: string;
+                    showMessage: BuildPropType<BooleanConstructor, unknown, unknown>;
+                    validateOnRuleChange: BuildPropType<BooleanConstructor, unknown, unknown>;
+                    hideRequiredAsterisk: BuildPropType<BooleanConstructor, unknown, unknown>;
+                    inline: boolean;
                     inlineMessage: boolean;
                     statusIcon: boolean;
-                    showMessage: boolean;
-                    validateOnRuleChange: boolean;
-                    hideRequiredAsterisk: boolean;
                     scrollToError: boolean;
                 }> & Omit<Readonly<ExtractPropTypes<{
-                    model: ObjectConstructor;
-                    rules: PropType<Partial<Record<string, FormItemRule | FormItemRule[]>>>;
-                    labelPosition: StringConstructor;
-                    labelWidth: {
-                        type: (StringConstructor | NumberConstructor)[];
-                        default: string;
-                    };
-                    labelSuffix: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                    inline: BooleanConstructor;
-                    inlineMessage: BooleanConstructor;
-                    statusIcon: BooleanConstructor;
-                    showMessage: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                    size: PropType<"small" | "default" | "large">;
-                    disabled: BooleanConstructor;
-                    validateOnRuleChange: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                    hideRequiredAsterisk: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                    scrollToError: BooleanConstructor;
+                    readonly model: ObjectConstructor;
+                    readonly rules: BuildPropReturn<PropWrapper<Partial<Record<string, Arrayable<FormItemRule>>>>, unknown, unknown, unknown, unknown>;
+                    readonly labelPosition: StringConstructor;
+                    readonly labelWidth: BuildPropReturn<readonly [StringConstructor, NumberConstructor], "", unknown, unknown, unknown>;
+                    readonly labelSuffix: BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+                    readonly inline: BooleanConstructor;
+                    readonly inlineMessage: BooleanConstructor;
+                    readonly statusIcon: BooleanConstructor;
+                    readonly showMessage: BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+                    readonly size: BuildPropReturn<StringConstructor, unknown, unknown, "" | "small" | "default" | "large", unknown>;
+                    readonly disabled: BooleanConstructor;
+                    readonly validateOnRuleChange: BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+                    readonly hideRequiredAsterisk: BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+                    readonly scrollToError: BooleanConstructor;
                 }>> & {
-                    onValidate?: ((...args: any[]) => any) | undefined;
-                } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "labelWidth" | "disabled" | "inline" | "labelSuffix" | "inlineMessage" | "statusIcon" | "showMessage" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError">;
+                    onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined;
+                } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "labelWidth" | "disabled" | "size" | "inline" | "rules" | "labelSuffix" | "inlineMessage" | "statusIcon" | "showMessage" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError">;
                 $attrs: {
                     [x: string]: unknown;
                 };
@@ -1183,57 +1353,93 @@ declare const _default: DefineComponent<{
                 }>;
                 $root: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
                 $parent: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
-                $emit: (event: "validate", ...args: any[]) => void;
+                $emit: (event: "validate", prop: FormItemProp, isValid: boolean, message: string) => void;
                 $el: any;
                 $options: ComponentOptionsBase<Readonly<ExtractPropTypes<{
-                    model: ObjectConstructor;
-                    rules: PropType<Partial<Record<string, FormItemRule | FormItemRule[]>>>;
-                    labelPosition: StringConstructor;
-                    labelWidth: {
-                        type: (StringConstructor | NumberConstructor)[];
-                        default: string;
-                    };
-                    labelSuffix: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                    inline: BooleanConstructor;
-                    inlineMessage: BooleanConstructor;
-                    statusIcon: BooleanConstructor;
-                    showMessage: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                    size: PropType<"small" | "default" | "large">;
-                    disabled: BooleanConstructor;
-                    validateOnRuleChange: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                    hideRequiredAsterisk: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                    scrollToError: BooleanConstructor;
+                    readonly model: ObjectConstructor;
+                    readonly rules: BuildPropReturn<PropWrapper<Partial<Record<string, Arrayable<FormItemRule>>>>, unknown, unknown, unknown, unknown>;
+                    readonly labelPosition: StringConstructor;
+                    readonly labelWidth: BuildPropReturn<readonly [StringConstructor, NumberConstructor], "", unknown, unknown, unknown>;
+                    readonly labelSuffix: BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+                    readonly inline: BooleanConstructor;
+                    readonly inlineMessage: BooleanConstructor;
+                    readonly statusIcon: BooleanConstructor;
+                    readonly showMessage: BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+                    readonly size: BuildPropReturn<StringConstructor, unknown, unknown, "" | "small" | "default" | "large", unknown>;
+                    readonly disabled: BooleanConstructor;
+                    readonly validateOnRuleChange: BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+                    readonly hideRequiredAsterisk: BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+                    readonly scrollToError: BooleanConstructor;
                 }>> & {
-                    onValidate?: ((...args: any[]) => any) | undefined;
+                    onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined;
                 }, {
-                    formKls: ComputedRef<string[]>;
-                    validate: (callback?: Callback | undefined) => Promise<boolean> | undefined;
-                    resetFields: () => void;
-                    clearValidate: (props?: string | string[] | undefined) => void;
-                    validateField: (props: string | string[], cb: ValidateFieldCallback) => void;
-                    scrollToField: (prop: string) => void;
-                }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "validate"[], string, {
+                    COMPONENT_NAME: string;
+                    props: Readonly<LooseRequired<Readonly<ExtractPropTypes<{
+                        readonly model: ObjectConstructor;
+                        readonly rules: BuildPropReturn<PropWrapper<Partial<Record<string, Arrayable<FormItemRule>>>>, unknown, unknown, unknown, unknown>;
+                        readonly labelPosition: StringConstructor;
+                        readonly labelWidth: BuildPropReturn<readonly [StringConstructor, NumberConstructor], "", unknown, unknown, unknown>;
+                        readonly labelSuffix: BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+                        readonly inline: BooleanConstructor;
+                        readonly inlineMessage: BooleanConstructor;
+                        readonly statusIcon: BooleanConstructor;
+                        readonly showMessage: BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+                        readonly size: BuildPropReturn<StringConstructor, unknown, unknown, "" | "small" | "default" | "large", unknown>;
+                        readonly disabled: BooleanConstructor;
+                        readonly validateOnRuleChange: BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+                        readonly hideRequiredAsterisk: BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+                        readonly scrollToError: BooleanConstructor;
+                    }>> & {
+                        onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined;
+                    }>>;
+                    emit: (event: "validate", prop: FormItemProp, isValid: boolean, message: string) => void;
+                    fields: FormItemContext[];
+                    formSize: ComputedRef<"" | "small" | "default" | "large">;
+                    ns: {
+                        namespace: ComputedRef<string>;
+                        b: (blockSuffix?: string | undefined) => 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: ComputedRef<(string | {
+                        [x: string]: string | boolean | undefined;
+                    })[]>;
+                    addField: (field: FormItemContext) => void;
+                    removeField: (field: FormItemContext) => void;
+                    resetFields: (props?: Arrayable<FormItemProp> | undefined) => void;
+                    clearValidate: (props?: Arrayable<FormItemProp> | undefined) => void;
+                    isValidatable: ComputedRef<boolean>;
+                    obtainValidateFields: (props: Arrayable<FormItemProp>) => FormItemContext[];
+                    validate: (callback?: FormValidateCallback | undefined) => FormValidationResult;
+                    doValidateField: (props?: Arrayable<FormItemProp> | undefined) => Promise<boolean>;
+                    validateField: (props?: Arrayable<FormItemProp> | undefined, callback?: FormValidateCallback | undefined) => FormValidationResult;
+                    scrollToField: (prop: FormItemProp) => void;
+                }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+                    validate: (prop: FormItemProp, isValid: boolean, message: string) => boolean;
+                }, string, {
+                    size: BuildPropType<StringConstructor, "" | "small" | "default" | "large", unknown>;
                     disabled: boolean;
-                    inline: boolean;
-                    labelWidth: string | number;
+                    rules: Partial<Record<string, Arrayable<FormItemRule>>>;
+                    labelWidth: BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
                     labelSuffix: string;
+                    showMessage: BuildPropType<BooleanConstructor, unknown, unknown>;
+                    validateOnRuleChange: BuildPropType<BooleanConstructor, unknown, unknown>;
+                    hideRequiredAsterisk: BuildPropType<BooleanConstructor, unknown, unknown>;
+                    inline: boolean;
                     inlineMessage: boolean;
                     statusIcon: boolean;
-                    showMessage: boolean;
-                    validateOnRuleChange: boolean;
-                    hideRequiredAsterisk: boolean;
                     scrollToError: boolean;
                 }> & {
                     beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -1256,44 +1462,76 @@ declare const _default: DefineComponent<{
                 $nextTick: typeof nextTick;
                 $watch(source: string | Function, cb: Function, options?: WatchOptions<boolean> | undefined): WatchStopHandle;
             } & Readonly<ExtractPropTypes<{
-                model: ObjectConstructor;
-                rules: PropType<Partial<Record<string, FormItemRule | FormItemRule[]>>>;
-                labelPosition: StringConstructor;
-                labelWidth: {
-                    type: (StringConstructor | NumberConstructor)[];
-                    default: string;
-                };
-                labelSuffix: {
-                    type: StringConstructor;
-                    default: string;
-                };
-                inline: BooleanConstructor;
-                inlineMessage: BooleanConstructor;
-                statusIcon: BooleanConstructor;
-                showMessage: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                size: PropType<"small" | "default" | "large">;
-                disabled: BooleanConstructor;
-                validateOnRuleChange: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                hideRequiredAsterisk: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                scrollToError: BooleanConstructor;
+                readonly model: ObjectConstructor;
+                readonly rules: BuildPropReturn<PropWrapper<Partial<Record<string, Arrayable<FormItemRule>>>>, unknown, unknown, unknown, unknown>;
+                readonly labelPosition: StringConstructor;
+                readonly labelWidth: BuildPropReturn<readonly [StringConstructor, NumberConstructor], "", unknown, unknown, unknown>;
+                readonly labelSuffix: BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+                readonly inline: BooleanConstructor;
+                readonly inlineMessage: BooleanConstructor;
+                readonly statusIcon: BooleanConstructor;
+                readonly showMessage: BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+                readonly size: BuildPropReturn<StringConstructor, unknown, unknown, "" | "small" | "default" | "large", unknown>;
+                readonly disabled: BooleanConstructor;
+                readonly validateOnRuleChange: BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+                readonly hideRequiredAsterisk: BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+                readonly scrollToError: BooleanConstructor;
             }>> & {
-                onValidate?: ((...args: any[]) => any) | undefined;
+                onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined;
             } & ShallowUnwrapRef<{
-                formKls: ComputedRef<string[]>;
-                validate: (callback?: Callback | undefined) => Promise<boolean> | undefined;
-                resetFields: () => void;
-                clearValidate: (props?: string | string[] | undefined) => void;
-                validateField: (props: string | string[], cb: ValidateFieldCallback) => void;
-                scrollToField: (prop: string) => void;
+                COMPONENT_NAME: string;
+                props: Readonly<LooseRequired<Readonly<ExtractPropTypes<{
+                    readonly model: ObjectConstructor;
+                    readonly rules: BuildPropReturn<PropWrapper<Partial<Record<string, Arrayable<FormItemRule>>>>, unknown, unknown, unknown, unknown>;
+                    readonly labelPosition: StringConstructor;
+                    readonly labelWidth: BuildPropReturn<readonly [StringConstructor, NumberConstructor], "", unknown, unknown, unknown>;
+                    readonly labelSuffix: BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+                    readonly inline: BooleanConstructor;
+                    readonly inlineMessage: BooleanConstructor;
+                    readonly statusIcon: BooleanConstructor;
+                    readonly showMessage: BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+                    readonly size: BuildPropReturn<StringConstructor, unknown, unknown, "" | "small" | "default" | "large", unknown>;
+                    readonly disabled: BooleanConstructor;
+                    readonly validateOnRuleChange: BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+                    readonly hideRequiredAsterisk: BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+                    readonly scrollToError: BooleanConstructor;
+                }>> & {
+                    onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined;
+                }>>;
+                emit: (event: "validate", prop: FormItemProp, isValid: boolean, message: string) => void;
+                fields: FormItemContext[];
+                formSize: ComputedRef<"" | "small" | "default" | "large">;
+                ns: {
+                    namespace: ComputedRef<string>;
+                    b: (blockSuffix?: string | undefined) => 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: ComputedRef<(string | {
+                    [x: string]: string | boolean | undefined;
+                })[]>;
+                addField: (field: FormItemContext) => void;
+                removeField: (field: FormItemContext) => void;
+                resetFields: (props?: Arrayable<FormItemProp> | undefined) => void;
+                clearValidate: (props?: Arrayable<FormItemProp> | undefined) => void;
+                isValidatable: ComputedRef<boolean>;
+                obtainValidateFields: (props: Arrayable<FormItemProp>) => FormItemContext[];
+                validate: (callback?: FormValidateCallback | undefined) => FormValidationResult;
+                doValidateField: (props?: Arrayable<FormItemProp> | undefined) => Promise<boolean>;
+                validateField: (props?: Arrayable<FormItemProp> | undefined, callback?: FormValidateCallback | undefined) => FormValidationResult;
+                scrollToField: (prop: FormItemProp) => void;
             }> & {} & {} & ComponentCustomProperties) | undefined>;
             formState: FormState;
             changeHandler: () => void;