npm - @funcho/ui - Versions diffs - 1.1.14 → 1.1.17 - Mend

@funcho/ui 1.1.14 → 1.1.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (97) hide show

package/dist/types/business/ProForm/index.d.ts CHANGED Viewed

@@ -2,7 +2,7 @@ export declare const FcProForm: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./ProForm.types').TProFormProps> & Readonly<{}>, {
         $: import('vue').ComponentInternalInstance;
         $data: {};
-        $props: Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never> & Partial<{
+        $props: Partial<{
             labelWidth: string | number;
             labelPosition: "left" | "right" | "top";
             requireAsteriskPosition: "left" | "right";
@@ -34,424 +34,20 @@ export declare const FcProForm: {
         };
         $refs: {
             [x: string]: unknown;
-        } & {
-            elRef: ({
-                $: import('vue').ComponentInternalInstance;
-                $data: {};
-                $props: Partial<{
-                    labelWidth: string | number;
-                    labelPosition: "left" | "right" | "top";
-                    requireAsteriskPosition: "left" | "right";
-                    labelSuffix: string;
-                    showMessage: boolean;
-                    validateOnRuleChange: boolean;
-                    scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
-                }> & Omit<{
-                    readonly labelPosition: "left" | "right" | "top";
-                    readonly requireAsteriskPosition: "left" | "right";
-                    readonly labelWidth: string | number;
-                    readonly labelSuffix: string;
-                    readonly showMessage: boolean;
-                    readonly validateOnRuleChange: boolean;
-                    readonly scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
-                    readonly size?: import('element-plus').ComponentSize | undefined;
-                    readonly disabled?: boolean | undefined;
-                    readonly model?: Record<string, any> | undefined;
-                    readonly rules?: import('element-plus').FormRules | undefined;
-                    readonly inline?: boolean | undefined;
-                    readonly inlineMessage?: boolean | undefined;
-                    readonly statusIcon?: boolean | undefined;
-                    readonly hideRequiredAsterisk?: boolean | undefined;
-                    readonly scrollToError?: boolean | undefined;
-                    onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined | undefined;
-                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "labelPosition" | "requireAsteriskPosition" | "labelWidth" | "labelSuffix" | "showMessage" | "validateOnRuleChange" | "scrollIntoViewOptions">;
-                $attrs: {
-                    [x: string]: unknown;
-                };
-                $refs: {
-                    [x: string]: unknown;
-                };
-                $slots: Readonly<{
-                    [name: string]: import('vue').Slot<any> | undefined;
-                }>;
-                $root: import('vue').ComponentPublicInstance | null;
-                $parent: import('vue').ComponentPublicInstance | null;
-                $host: Element | null;
-                $emit: (event: "validate", prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => void;
-                $el: any;
-                $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-                    size: {
-                        type: import('vue').PropType<"" | "default" | "small" | "large">;
-                    };
-                    disabled: {
-                        type: import('vue').PropType<boolean>;
-                    };
-                    model: {
-                        type: import('vue').PropType<Record<string, any>>;
-                    };
-                    rules: {
-                        type: import('vue').PropType<Partial<Record<string, Record<string, any> | import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemRule>>>>;
-                    };
-                    labelPosition: {
-                        type: import('vue').PropType<"top" | "left" | "right">;
-                        default: string;
-                    };
-                    requireAsteriskPosition: {
-                        type: import('vue').PropType<"left" | "right">;
-                        default: string;
-                    };
-                    labelWidth: {
-                        type: import('vue').PropType<string | number>;
-                        default: string;
-                    };
-                    labelSuffix: {
-                        type: import('vue').PropType<string>;
-                        default: string;
-                    };
-                    inline: {
-                        type: import('vue').PropType<boolean>;
-                    };
-                    inlineMessage: {
-                        type: import('vue').PropType<boolean>;
-                    };
-                    statusIcon: {
-                        type: import('vue').PropType<boolean>;
-                    };
-                    showMessage: {
-                        type: import('vue').PropType<boolean>;
-                        default: boolean;
-                    };
-                    validateOnRuleChange: {
-                        type: import('vue').PropType<boolean>;
-                        default: boolean;
-                    };
-                    hideRequiredAsterisk: {
-                        type: import('vue').PropType<boolean>;
-                    };
-                    scrollToError: {
-                        type: import('vue').PropType<boolean>;
-                    };
-                    scrollIntoViewOptions: {
-                        type: import('vue').PropType<boolean | ScrollIntoViewOptions>;
-                        default: boolean;
-                    };
-                }>> & {
-                    onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined;
-                }, {
-                    validate: (callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
-                    validateField: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>, callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
-                    resetFields: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>) => void;
-                    clearValidate: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>) => void;
-                    scrollToField: (prop: import('element-plus').FormItemProp) => void;
-                    getField: (prop: import('element-plus').FormItemProp) => import('element-plus').FormItemContext | undefined;
-                    fields: import('vue').Reactive<import('element-plus').FormItemContext[]>;
-                    setInitialValues: (initModel: Record<string, any>) => void;
-                }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                    validate: (prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => void;
-                }, string, {
-                    labelWidth: string | number;
-                    labelPosition: "left" | "right" | "top";
-                    requireAsteriskPosition: "left" | "right";
-                    labelSuffix: string;
-                    showMessage: boolean;
-                    validateOnRuleChange: boolean;
-                    scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
-                }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-                    beforeCreate?: (() => void) | (() => void)[];
-                    created?: (() => void) | (() => void)[];
-                    beforeMount?: (() => void) | (() => void)[];
-                    mounted?: (() => void) | (() => void)[];
-                    beforeUpdate?: (() => void) | (() => void)[];
-                    updated?: (() => void) | (() => void)[];
-                    activated?: (() => void) | (() => void)[];
-                    deactivated?: (() => void) | (() => void)[];
-                    beforeDestroy?: (() => void) | (() => void)[];
-                    beforeUnmount?: (() => void) | (() => void)[];
-                    destroyed?: (() => void) | (() => void)[];
-                    unmounted?: (() => void) | (() => void)[];
-                    renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                    renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                    errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-                };
-                $forceUpdate: () => void;
-                $nextTick: typeof import('vue').nextTick;
-                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-            } & Readonly<{
-                labelWidth: string | number;
-                labelPosition: "left" | "right" | "top";
-                requireAsteriskPosition: "left" | "right";
-                labelSuffix: string;
-                showMessage: boolean;
-                validateOnRuleChange: boolean;
-                scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
-            }> & Omit<Readonly<import('vue').ExtractPropTypes<{
-                size: {
-                    type: import('vue').PropType<"" | "default" | "small" | "large">;
-                };
-                disabled: {
-                    type: import('vue').PropType<boolean>;
-                };
-                model: {
-                    type: import('vue').PropType<Record<string, any>>;
-                };
-                rules: {
-                    type: import('vue').PropType<Partial<Record<string, Record<string, any> | import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemRule>>>>;
-                };
-                labelPosition: {
-                    type: import('vue').PropType<"top" | "left" | "right">;
-                    default: string;
-                };
-                requireAsteriskPosition: {
-                    type: import('vue').PropType<"left" | "right">;
-                    default: string;
-                };
-                labelWidth: {
-                    type: import('vue').PropType<string | number>;
-                    default: string;
-                };
-                labelSuffix: {
-                    type: import('vue').PropType<string>;
-                    default: string;
-                };
-                inline: {
-                    type: import('vue').PropType<boolean>;
-                };
-                inlineMessage: {
-                    type: import('vue').PropType<boolean>;
-                };
-                statusIcon: {
-                    type: import('vue').PropType<boolean>;
-                };
-                showMessage: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                validateOnRuleChange: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                hideRequiredAsterisk: {
-                    type: import('vue').PropType<boolean>;
-                };
-                scrollToError: {
-                    type: import('vue').PropType<boolean>;
-                };
-                scrollIntoViewOptions: {
-                    type: import('vue').PropType<boolean | ScrollIntoViewOptions>;
-                    default: boolean;
-                };
-            }>> & {
-                onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined;
-            }, "labelPosition" | "requireAsteriskPosition" | "labelWidth" | "labelSuffix" | "showMessage" | "validateOnRuleChange" | "scrollIntoViewOptions" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "fields" | "setInitialValues"> & import('vue').ShallowUnwrapRef<{
-                validate: (callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
-                validateField: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>, callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
-                resetFields: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>) => void;
-                clearValidate: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>) => void;
-                scrollToField: (prop: import('element-plus').FormItemProp) => void;
-                getField: (prop: import('element-plus').FormItemProp) => import('element-plus').FormItemContext | undefined;
-                fields: import('vue').Reactive<import('element-plus').FormItemContext[]>;
-                setInitialValues: (initModel: Record<string, any>) => void;
-            }> & {} & import('vue').ComponentCustomProperties & {} & {
-                $slots: {
-                    default?: (props: {}) => any;
-                };
-            }) | null;
         };
-        $slots: any;
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }> & {
+            default?: (props: {}) => any;
+        };
         $root: import('vue').ComponentPublicInstance | null;
         $parent: import('vue').ComponentPublicInstance | null;
         $host: Element | null;
-        $emit: ((event: string, ...args: any[]) => void) & ((event: "validate", prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => void);
+        $emit: (event: "validate", prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => void;
         $el: any;
-        $options: import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {
-            $: import('vue').ComponentInternalInstance;
-            $data: {};
-            $props: Partial<{
-                labelWidth: string | number;
-                labelPosition: "left" | "right" | "top";
-                requireAsteriskPosition: "left" | "right";
-                labelSuffix: string;
-                showMessage: boolean;
-                validateOnRuleChange: boolean;
-                scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
-            }> & Omit<{
-                readonly labelPosition: "left" | "right" | "top";
-                readonly requireAsteriskPosition: "left" | "right";
-                readonly labelWidth: string | number;
-                readonly labelSuffix: string;
-                readonly showMessage: boolean;
-                readonly validateOnRuleChange: boolean;
-                readonly scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
-                readonly size?: import('element-plus').ComponentSize | undefined;
-                readonly disabled?: boolean | undefined;
-                readonly model?: Record<string, any> | undefined;
-                readonly rules?: import('element-plus').FormRules | undefined;
-                readonly inline?: boolean | undefined;
-                readonly inlineMessage?: boolean | undefined;
-                readonly statusIcon?: boolean | undefined;
-                readonly hideRequiredAsterisk?: boolean | undefined;
-                readonly scrollToError?: boolean | undefined;
-                onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined | undefined;
-            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "labelPosition" | "requireAsteriskPosition" | "labelWidth" | "labelSuffix" | "showMessage" | "validateOnRuleChange" | "scrollIntoViewOptions">;
-            $attrs: {
-                [x: string]: unknown;
-            };
-            $refs: {
-                [x: string]: unknown;
-            };
-            $slots: Readonly<{
-                [name: string]: import('vue').Slot<any> | undefined;
-            }> & {
-                default?: (props: {}) => any;
-            };
-            $root: import('vue').ComponentPublicInstance | null;
-            $parent: import('vue').ComponentPublicInstance | null;
-            $host: Element | null;
-            $emit: (event: "validate", prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => void;
-            $el: any;
-            $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-                size: {
-                    type: import('vue').PropType<"" | "default" | "small" | "large">;
-                };
-                disabled: {
-                    type: import('vue').PropType<boolean>;
-                };
-                model: {
-                    type: import('vue').PropType<Record<string, any>>;
-                };
-                rules: {
-                    type: import('vue').PropType<Partial<Record<string, Record<string, any> | import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemRule>>>>;
-                };
-                labelPosition: {
-                    type: import('vue').PropType<"top" | "left" | "right">;
-                    default: string;
-                };
-                requireAsteriskPosition: {
-                    type: import('vue').PropType<"left" | "right">;
-                    default: string;
-                };
-                labelWidth: {
-                    type: import('vue').PropType<string | number>;
-                    default: string;
-                };
-                labelSuffix: {
-                    type: import('vue').PropType<string>;
-                    default: string;
-                };
-                inline: {
-                    type: import('vue').PropType<boolean>;
-                };
-                inlineMessage: {
-                    type: import('vue').PropType<boolean>;
-                };
-                statusIcon: {
-                    type: import('vue').PropType<boolean>;
-                };
-                showMessage: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                validateOnRuleChange: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                hideRequiredAsterisk: {
-                    type: import('vue').PropType<boolean>;
-                };
-                scrollToError: {
-                    type: import('vue').PropType<boolean>;
-                };
-                scrollIntoViewOptions: {
-                    type: import('vue').PropType<boolean | ScrollIntoViewOptions>;
-                    default: boolean;
-                };
-            }>> & {
-                onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined;
-            }, {
-                validate: (callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
-                validateField: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>, callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
-                resetFields: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>) => void;
-                clearValidate: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>) => void;
-                scrollToField: (prop: import('element-plus').FormItemProp) => void;
-                getField: (prop: import('element-plus').FormItemProp) => import('element-plus').FormItemContext | undefined;
-                fields: import('vue').Reactive<import('element-plus').FormItemContext[]>;
-                setInitialValues: (initModel: Record<string, any>) => void;
-            }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                validate: (prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => void;
-            }, string, {
-                labelWidth: string | number;
-                labelPosition: "left" | "right" | "top";
-                requireAsteriskPosition: "left" | "right";
-                labelSuffix: string;
-                showMessage: boolean;
-                validateOnRuleChange: boolean;
-                scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
-            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-                beforeCreate?: (() => void) | (() => void)[];
-                created?: (() => void) | (() => void)[];
-                beforeMount?: (() => void) | (() => void)[];
-                mounted?: (() => void) | (() => void)[];
-                beforeUpdate?: (() => void) | (() => void)[];
-                updated?: (() => void) | (() => void)[];
-                activated?: (() => void) | (() => void)[];
-                deactivated?: (() => void) | (() => void)[];
-                beforeDestroy?: (() => void) | (() => void)[];
-                beforeUnmount?: (() => void) | (() => void)[];
-                destroyed?: (() => void) | (() => void)[];
-                unmounted?: (() => void) | (() => void)[];
-                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-            };
-            $forceUpdate: () => void;
-            $nextTick: typeof import('vue').nextTick;
-            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-            labelWidth: string | number;
-            labelPosition: "left" | "right" | "top";
-            requireAsteriskPosition: "left" | "right";
-            labelSuffix: string;
-            showMessage: boolean;
-            validateOnRuleChange: boolean;
-            scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
-            size?: import('element-plus').ComponentSize;
-            disabled?: boolean;
-            model?: Record<string, any>;
-            rules?: import('element-plus').FormRules;
-            inline?: boolean;
-            inlineMessage?: boolean;
-            statusIcon?: boolean;
-            hideRequiredAsterisk?: boolean;
-            scrollToError?: boolean;
-            onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined | undefined;
-            validate: (callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
-            validateField: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>, callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
-            resetFields: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>) => void;
-            clearValidate: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>) => void;
-            scrollToField: (prop: import('element-plus').FormItemProp) => void;
-            getField: (prop: import('element-plus').FormItemProp) => import('element-plus').FormItemContext | undefined;
-            fields: import('vue').Reactive<import('element-plus').FormItemContext[]>;
-            setInitialValues: (initModel: Record<string, any>) => void;
-            $route: import('vue-router').TypesConfig extends Record<"$route", infer T> ? T : import('vue-router').RouteLocationNormalizedLoaded;
-            $router: import('vue-router').TypesConfig extends Record<"$router", infer T> ? T : import('vue-router').Router;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-            beforeCreate?: (() => void) | (() => void)[];
-            created?: (() => void) | (() => void)[];
-            beforeMount?: (() => void) | (() => void)[];
-            mounted?: (() => void) | (() => void)[];
-            beforeUpdate?: (() => void) | (() => void)[];
-            updated?: (() => void) | (() => void)[];
-            activated?: (() => void) | (() => void)[];
-            deactivated?: (() => void) | (() => void)[];
-            beforeDestroy?: (() => void) | (() => void)[];
-            beforeUnmount?: (() => void) | (() => void)[];
-            destroyed?: (() => void) | (() => void)[];
-            unmounted?: (() => void) | (() => void)[];
-            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-        } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-            size: {
-                type: import('vue').PropType<"" | "default" | "small" | "large">;
+        $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+            size: {
+                type: import('vue').PropType<"" | "default" | "small" | "large">;
             };
             disabled: {
                 type: import('vue').PropType<boolean>;
@@ -526,10 +122,26 @@ export declare const FcProForm: {
             showMessage: boolean;
             validateOnRuleChange: boolean;
             scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
-        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions>;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
         $forceUpdate: () => void;
         $nextTick: typeof import('vue').nextTick;
-        $watch: <T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions) => import('vue').WatchStopHandle;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         labelWidth: string | number;
         labelPosition: "left" | "right" | "top";
         requireAsteriskPosition: "left" | "right";
@@ -537,15 +149,15 @@ export declare const FcProForm: {
         showMessage: boolean;
         validateOnRuleChange: boolean;
         scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
-        size?: import('element-plus').ComponentSize | undefined;
-        disabled?: boolean | undefined;
+        size?: import('element-plus').ComponentSize;
+        disabled?: boolean;
         model: any;
-        rules?: import('element-plus').FormRules | undefined;
-        inline?: boolean | undefined;
-        inlineMessage?: boolean | undefined;
-        statusIcon?: boolean | undefined;
-        hideRequiredAsterisk?: boolean | undefined;
-        scrollToError?: boolean | undefined;
+        rules?: import('element-plus').FormRules;
+        inline?: boolean;
+        inlineMessage?: boolean;
+        statusIcon?: boolean;
+        hideRequiredAsterisk?: boolean;
+        scrollToError?: boolean;
         onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined | undefined;
         validate: (callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
         validateField: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>, callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
@@ -559,9 +171,12 @@ export declare const FcProForm: {
         $router: import('vue-router').TypesConfig extends Record<"$router", infer T> ? T : import('vue-router').Router;
         setValues: (data: Record<string, any>) => void;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        rules: import('element-plus').FormRules;
         labelPosition: "top" | "left" | "right";
+        labelWidth: string | number;
         inline: boolean;
         fields: Array<import('./ProForm.types').TProFormField>;
+        columns: number | "auto-fill" | "auto-fit";
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         formRef: ({
             $: import('vue').ComponentInternalInstance;
@@ -910,873 +525,90 @@ export declare const FcProForm: {
                 }, {
                     validate: (callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
                     validateField: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>, callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
-                    resetFields: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>) => void;
-                    clearValidate: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>) => void;
-                    scrollToField: (prop: import('element-plus').FormItemProp) => void;
-                    getField: (prop: import('element-plus').FormItemProp) => import('element-plus').FormItemContext | undefined;
-                    fields: import('vue').Reactive<import('element-plus').FormItemContext[]>;
-                    setInitialValues: (initModel: Record<string, any>) => void;
-                }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                    validate: (prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => void;
-                }, string, {
-                    labelWidth: string | number;
-                    labelPosition: "left" | "right" | "top";
-                    requireAsteriskPosition: "left" | "right";
-                    labelSuffix: string;
-                    showMessage: boolean;
-                    validateOnRuleChange: boolean;
-                    scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
-                }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-                    beforeCreate?: (() => void) | (() => void)[];
-                    created?: (() => void) | (() => void)[];
-                    beforeMount?: (() => void) | (() => void)[];
-                    mounted?: (() => void) | (() => void)[];
-                    beforeUpdate?: (() => void) | (() => void)[];
-                    updated?: (() => void) | (() => void)[];
-                    activated?: (() => void) | (() => void)[];
-                    deactivated?: (() => void) | (() => void)[];
-                    beforeDestroy?: (() => void) | (() => void)[];
-                    beforeUnmount?: (() => void) | (() => void)[];
-                    destroyed?: (() => void) | (() => void)[];
-                    unmounted?: (() => void) | (() => void)[];
-                    renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                    renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                    errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-                };
-                $forceUpdate: () => void;
-                $nextTick: typeof import('vue').nextTick;
-                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-                labelWidth: string | number;
-                labelPosition: "left" | "right" | "top";
-                requireAsteriskPosition: "left" | "right";
-                labelSuffix: string;
-                showMessage: boolean;
-                validateOnRuleChange: boolean;
-                scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
-                size?: import('element-plus').ComponentSize;
-                disabled?: boolean;
-                model?: Record<string, any>;
-                rules?: import('element-plus').FormRules;
-                inline?: boolean;
-                inlineMessage?: boolean;
-                statusIcon?: boolean;
-                hideRequiredAsterisk?: boolean;
-                scrollToError?: boolean;
-                onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined | undefined;
-                validate: (callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
-                validateField: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>, callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
-                resetFields: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>) => void;
-                clearValidate: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>) => void;
-                scrollToField: (prop: import('element-plus').FormItemProp) => void;
-                getField: (prop: import('element-plus').FormItemProp) => import('element-plus').FormItemContext | undefined;
-                fields: import('vue').Reactive<import('element-plus').FormItemContext[]>;
-                setInitialValues: (initModel: Record<string, any>) => void;
-                $route: import('vue-router').TypesConfig extends Record<"$route", infer T> ? T : import('vue-router').RouteLocationNormalizedLoaded;
-                $router: import('vue-router').TypesConfig extends Record<"$router", infer T> ? T : import('vue-router').Router;
-            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-                beforeCreate?: (() => void) | (() => void)[];
-                created?: (() => void) | (() => void)[];
-                beforeMount?: (() => void) | (() => void)[];
-                mounted?: (() => void) | (() => void)[];
-                beforeUpdate?: (() => void) | (() => void)[];
-                updated?: (() => void) | (() => void)[];
-                activated?: (() => void) | (() => void)[];
-                deactivated?: (() => void) | (() => void)[];
-                beforeDestroy?: (() => void) | (() => void)[];
-                beforeUnmount?: (() => void) | (() => void)[];
-                destroyed?: (() => void) | (() => void)[];
-                unmounted?: (() => void) | (() => void)[];
-                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-            };
-            $forceUpdate: () => void;
-            $nextTick: typeof import('vue').nextTick;
-            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-        } & Readonly<{}> & Omit<Readonly<{}> & Readonly<{}>, "size" | "disabled" | "$" | "$data" | "$props" | "$attrs" | "$refs" | "$slots" | "$root" | "$parent" | "$host" | "$emit" | "$el" | "$options" | "$forceUpdate" | "$nextTick" | "$watch" | "$route" | "$router" | "model" | "rules" | "labelPosition" | "requireAsteriskPosition" | "labelWidth" | "labelSuffix" | "inline" | "inlineMessage" | "statusIcon" | "showMessage" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError" | "scrollIntoViewOptions" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "fields" | "setInitialValues" | "onValidate"> & import('vue').ShallowUnwrapRef<{
-            $: import('vue').ComponentInternalInstance;
-            $data: {};
-            $props: Partial<{
-                labelWidth: string | number;
-                labelPosition: "left" | "right" | "top";
-                requireAsteriskPosition: "left" | "right";
-                labelSuffix: string;
-                showMessage: boolean;
-                validateOnRuleChange: boolean;
-                scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
-            }> & Omit<{
-                readonly labelPosition: "left" | "right" | "top";
-                readonly requireAsteriskPosition: "left" | "right";
-                readonly labelWidth: string | number;
-                readonly labelSuffix: string;
-                readonly showMessage: boolean;
-                readonly validateOnRuleChange: boolean;
-                readonly scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
-                readonly size?: import('element-plus').ComponentSize | undefined;
-                readonly disabled?: boolean | undefined;
-                readonly model?: Record<string, any> | undefined;
-                readonly rules?: import('element-plus').FormRules | undefined;
-                readonly inline?: boolean | undefined;
-                readonly inlineMessage?: boolean | undefined;
-                readonly statusIcon?: boolean | undefined;
-                readonly hideRequiredAsterisk?: boolean | undefined;
-                readonly scrollToError?: boolean | undefined;
-                onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined | undefined;
-            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "labelPosition" | "requireAsteriskPosition" | "labelWidth" | "labelSuffix" | "showMessage" | "validateOnRuleChange" | "scrollIntoViewOptions">;
-            $attrs: {
-                [x: string]: unknown;
-            };
-            $refs: {
-                [x: string]: unknown;
-            };
-            $slots: Readonly<{
-                [name: string]: import('vue').Slot<any> | undefined;
-            }> & {
-                default?: (props: {}) => any;
-            };
-            $root: import('vue').ComponentPublicInstance | null;
-            $parent: import('vue').ComponentPublicInstance | null;
-            $host: Element | null;
-            $emit: (event: "validate", prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => void;
-            $el: any;
-            $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-                size: {
-                    type: import('vue').PropType<"" | "default" | "small" | "large">;
-                };
-                disabled: {
-                    type: import('vue').PropType<boolean>;
-                };
-                model: {
-                    type: import('vue').PropType<Record<string, any>>;
-                };
-                rules: {
-                    type: import('vue').PropType<Partial<Record<string, Record<string, any> | import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemRule>>>>;
-                };
-                labelPosition: {
-                    type: import('vue').PropType<"top" | "left" | "right">;
-                    default: string;
-                };
-                requireAsteriskPosition: {
-                    type: import('vue').PropType<"left" | "right">;
-                    default: string;
-                };
-                labelWidth: {
-                    type: import('vue').PropType<string | number>;
-                    default: string;
-                };
-                labelSuffix: {
-                    type: import('vue').PropType<string>;
-                    default: string;
-                };
-                inline: {
-                    type: import('vue').PropType<boolean>;
-                };
-                inlineMessage: {
-                    type: import('vue').PropType<boolean>;
-                };
-                statusIcon: {
-                    type: import('vue').PropType<boolean>;
-                };
-                showMessage: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                validateOnRuleChange: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                hideRequiredAsterisk: {
-                    type: import('vue').PropType<boolean>;
-                };
-                scrollToError: {
-                    type: import('vue').PropType<boolean>;
-                };
-                scrollIntoViewOptions: {
-                    type: import('vue').PropType<boolean | ScrollIntoViewOptions>;
-                    default: boolean;
-                };
-            }>> & {
-                onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined;
-            }, {
-                validate: (callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
-                validateField: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>, callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
-                resetFields: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>) => void;
-                clearValidate: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>) => void;
-                scrollToField: (prop: import('element-plus').FormItemProp) => void;
-                getField: (prop: import('element-plus').FormItemProp) => import('element-plus').FormItemContext | undefined;
-                fields: import('vue').Reactive<import('element-plus').FormItemContext[]>;
-                setInitialValues: (initModel: Record<string, any>) => void;
-            }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                validate: (prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => void;
-            }, string, {
-                labelWidth: string | number;
-                labelPosition: "left" | "right" | "top";
-                requireAsteriskPosition: "left" | "right";
-                labelSuffix: string;
-                showMessage: boolean;
-                validateOnRuleChange: boolean;
-                scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
-            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-                beforeCreate?: (() => void) | (() => void)[];
-                created?: (() => void) | (() => void)[];
-                beforeMount?: (() => void) | (() => void)[];
-                mounted?: (() => void) | (() => void)[];
-                beforeUpdate?: (() => void) | (() => void)[];
-                updated?: (() => void) | (() => void)[];
-                activated?: (() => void) | (() => void)[];
-                deactivated?: (() => void) | (() => void)[];
-                beforeDestroy?: (() => void) | (() => void)[];
-                beforeUnmount?: (() => void) | (() => void)[];
-                destroyed?: (() => void) | (() => void)[];
-                unmounted?: (() => void) | (() => void)[];
-                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-            };
-            $forceUpdate: () => void;
-            $nextTick: typeof import('vue').nextTick;
-            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-            labelWidth: string | number;
-            labelPosition: "left" | "right" | "top";
-            requireAsteriskPosition: "left" | "right";
-            labelSuffix: string;
-            showMessage: boolean;
-            validateOnRuleChange: boolean;
-            scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
-            size?: import('element-plus').ComponentSize;
-            disabled?: boolean;
-            model?: Record<string, any>;
-            rules?: import('element-plus').FormRules;
-            inline?: boolean;
-            inlineMessage?: boolean;
-            statusIcon?: boolean;
-            hideRequiredAsterisk?: boolean;
-            scrollToError?: boolean;
-            onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined | undefined;
-            validate: (callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
-            validateField: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>, callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
-            resetFields: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>) => void;
-            clearValidate: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>) => void;
-            scrollToField: (prop: import('element-plus').FormItemProp) => void;
-            getField: (prop: import('element-plus').FormItemProp) => import('element-plus').FormItemContext | undefined;
-            fields: import('vue').Reactive<import('element-plus').FormItemContext[]>;
-            setInitialValues: (initModel: Record<string, any>) => void;
-            $route: import('vue-router').TypesConfig extends Record<"$route", infer T> ? T : import('vue-router').RouteLocationNormalizedLoaded;
-            $router: import('vue-router').TypesConfig extends Record<"$router", infer T> ? T : import('vue-router').Router;
-        }> & {} & import('vue').ComponentCustomProperties & {} & {
-            $slots: any;
-        }) | null;
-    }, any, import('vue').ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import('./ProForm.types').TProFormProps> & Readonly<{}>, {
-        $: import('vue').ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never> & Partial<{
-            labelWidth: string | number;
-            labelPosition: "left" | "right" | "top";
-            requireAsteriskPosition: "left" | "right";
-            labelSuffix: string;
-            showMessage: boolean;
-            validateOnRuleChange: boolean;
-            scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
-        }> & Omit<{
-            readonly labelPosition: "left" | "right" | "top";
-            readonly requireAsteriskPosition: "left" | "right";
-            readonly labelWidth: string | number;
-            readonly labelSuffix: string;
-            readonly showMessage: boolean;
-            readonly validateOnRuleChange: boolean;
-            readonly scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
-            readonly size?: import('element-plus').ComponentSize | undefined;
-            readonly disabled?: boolean | undefined;
-            readonly model?: Record<string, any> | undefined;
-            readonly rules?: import('element-plus').FormRules | undefined;
-            readonly inline?: boolean | undefined;
-            readonly inlineMessage?: boolean | undefined;
-            readonly statusIcon?: boolean | undefined;
-            readonly hideRequiredAsterisk?: boolean | undefined;
-            readonly scrollToError?: boolean | undefined;
-            onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined | undefined;
-        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "labelPosition" | "requireAsteriskPosition" | "labelWidth" | "labelSuffix" | "showMessage" | "validateOnRuleChange" | "scrollIntoViewOptions">;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        } & {
-            elRef: ({
-                $: import('vue').ComponentInternalInstance;
-                $data: {};
-                $props: Partial<{
-                    labelWidth: string | number;
-                    labelPosition: "left" | "right" | "top";
-                    requireAsteriskPosition: "left" | "right";
-                    labelSuffix: string;
-                    showMessage: boolean;
-                    validateOnRuleChange: boolean;
-                    scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
-                }> & Omit<{
-                    readonly labelPosition: "left" | "right" | "top";
-                    readonly requireAsteriskPosition: "left" | "right";
-                    readonly labelWidth: string | number;
-                    readonly labelSuffix: string;
-                    readonly showMessage: boolean;
-                    readonly validateOnRuleChange: boolean;
-                    readonly scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
-                    readonly size?: import('element-plus').ComponentSize | undefined;
-                    readonly disabled?: boolean | undefined;
-                    readonly model?: Record<string, any> | undefined;
-                    readonly rules?: import('element-plus').FormRules | undefined;
-                    readonly inline?: boolean | undefined;
-                    readonly inlineMessage?: boolean | undefined;
-                    readonly statusIcon?: boolean | undefined;
-                    readonly hideRequiredAsterisk?: boolean | undefined;
-                    readonly scrollToError?: boolean | undefined;
-                    onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined | undefined;
-                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "labelPosition" | "requireAsteriskPosition" | "labelWidth" | "labelSuffix" | "showMessage" | "validateOnRuleChange" | "scrollIntoViewOptions">;
-                $attrs: {
-                    [x: string]: unknown;
-                };
-                $refs: {
-                    [x: string]: unknown;
-                };
-                $slots: Readonly<{
-                    [name: string]: import('vue').Slot<any> | undefined;
-                }>;
-                $root: import('vue').ComponentPublicInstance | null;
-                $parent: import('vue').ComponentPublicInstance | null;
-                $host: Element | null;
-                $emit: (event: "validate", prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => void;
-                $el: any;
-                $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-                    size: {
-                        type: import('vue').PropType<"" | "default" | "small" | "large">;
-                    };
-                    disabled: {
-                        type: import('vue').PropType<boolean>;
-                    };
-                    model: {
-                        type: import('vue').PropType<Record<string, any>>;
-                    };
-                    rules: {
-                        type: import('vue').PropType<Partial<Record<string, Record<string, any> | import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemRule>>>>;
-                    };
-                    labelPosition: {
-                        type: import('vue').PropType<"top" | "left" | "right">;
-                        default: string;
-                    };
-                    requireAsteriskPosition: {
-                        type: import('vue').PropType<"left" | "right">;
-                        default: string;
-                    };
-                    labelWidth: {
-                        type: import('vue').PropType<string | number>;
-                        default: string;
-                    };
-                    labelSuffix: {
-                        type: import('vue').PropType<string>;
-                        default: string;
-                    };
-                    inline: {
-                        type: import('vue').PropType<boolean>;
-                    };
-                    inlineMessage: {
-                        type: import('vue').PropType<boolean>;
-                    };
-                    statusIcon: {
-                        type: import('vue').PropType<boolean>;
-                    };
-                    showMessage: {
-                        type: import('vue').PropType<boolean>;
-                        default: boolean;
-                    };
-                    validateOnRuleChange: {
-                        type: import('vue').PropType<boolean>;
-                        default: boolean;
-                    };
-                    hideRequiredAsterisk: {
-                        type: import('vue').PropType<boolean>;
-                    };
-                    scrollToError: {
-                        type: import('vue').PropType<boolean>;
-                    };
-                    scrollIntoViewOptions: {
-                        type: import('vue').PropType<boolean | ScrollIntoViewOptions>;
-                        default: boolean;
-                    };
-                }>> & {
-                    onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined;
-                }, {
-                    validate: (callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
-                    validateField: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>, callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
-                    resetFields: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>) => void;
-                    clearValidate: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>) => void;
-                    scrollToField: (prop: import('element-plus').FormItemProp) => void;
-                    getField: (prop: import('element-plus').FormItemProp) => import('element-plus').FormItemContext | undefined;
-                    fields: import('vue').Reactive<import('element-plus').FormItemContext[]>;
-                    setInitialValues: (initModel: Record<string, any>) => void;
-                }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                    validate: (prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => void;
-                }, string, {
-                    labelWidth: string | number;
-                    labelPosition: "left" | "right" | "top";
-                    requireAsteriskPosition: "left" | "right";
-                    labelSuffix: string;
-                    showMessage: boolean;
-                    validateOnRuleChange: boolean;
-                    scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
-                }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-                    beforeCreate?: (() => void) | (() => void)[];
-                    created?: (() => void) | (() => void)[];
-                    beforeMount?: (() => void) | (() => void)[];
-                    mounted?: (() => void) | (() => void)[];
-                    beforeUpdate?: (() => void) | (() => void)[];
-                    updated?: (() => void) | (() => void)[];
-                    activated?: (() => void) | (() => void)[];
-                    deactivated?: (() => void) | (() => void)[];
-                    beforeDestroy?: (() => void) | (() => void)[];
-                    beforeUnmount?: (() => void) | (() => void)[];
-                    destroyed?: (() => void) | (() => void)[];
-                    unmounted?: (() => void) | (() => void)[];
-                    renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                    renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                    errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-                };
-                $forceUpdate: () => void;
-                $nextTick: typeof import('vue').nextTick;
-                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-            } & Readonly<{
-                labelWidth: string | number;
-                labelPosition: "left" | "right" | "top";
-                requireAsteriskPosition: "left" | "right";
-                labelSuffix: string;
-                showMessage: boolean;
-                validateOnRuleChange: boolean;
-                scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
-            }> & Omit<Readonly<import('vue').ExtractPropTypes<{
-                size: {
-                    type: import('vue').PropType<"" | "default" | "small" | "large">;
-                };
-                disabled: {
-                    type: import('vue').PropType<boolean>;
-                };
-                model: {
-                    type: import('vue').PropType<Record<string, any>>;
-                };
-                rules: {
-                    type: import('vue').PropType<Partial<Record<string, Record<string, any> | import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemRule>>>>;
-                };
-                labelPosition: {
-                    type: import('vue').PropType<"top" | "left" | "right">;
-                    default: string;
-                };
-                requireAsteriskPosition: {
-                    type: import('vue').PropType<"left" | "right">;
-                    default: string;
-                };
-                labelWidth: {
-                    type: import('vue').PropType<string | number>;
-                    default: string;
-                };
-                labelSuffix: {
-                    type: import('vue').PropType<string>;
-                    default: string;
-                };
-                inline: {
-                    type: import('vue').PropType<boolean>;
-                };
-                inlineMessage: {
-                    type: import('vue').PropType<boolean>;
-                };
-                statusIcon: {
-                    type: import('vue').PropType<boolean>;
-                };
-                showMessage: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                validateOnRuleChange: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                hideRequiredAsterisk: {
-                    type: import('vue').PropType<boolean>;
-                };
-                scrollToError: {
-                    type: import('vue').PropType<boolean>;
-                };
-                scrollIntoViewOptions: {
-                    type: import('vue').PropType<boolean | ScrollIntoViewOptions>;
-                    default: boolean;
-                };
-            }>> & {
-                onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined;
-            }, "labelPosition" | "requireAsteriskPosition" | "labelWidth" | "labelSuffix" | "showMessage" | "validateOnRuleChange" | "scrollIntoViewOptions" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "fields" | "setInitialValues"> & import('vue').ShallowUnwrapRef<{
-                validate: (callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
-                validateField: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>, callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
-                resetFields: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>) => void;
-                clearValidate: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>) => void;
-                scrollToField: (prop: import('element-plus').FormItemProp) => void;
-                getField: (prop: import('element-plus').FormItemProp) => import('element-plus').FormItemContext | undefined;
-                fields: import('vue').Reactive<import('element-plus').FormItemContext[]>;
-                setInitialValues: (initModel: Record<string, any>) => void;
-            }> & {} & import('vue').ComponentCustomProperties & {} & {
-                $slots: {
-                    default?: (props: {}) => any;
-                };
-            }) | null;
-        };
-        $slots: any;
-        $root: import('vue').ComponentPublicInstance | null;
-        $parent: import('vue').ComponentPublicInstance | null;
-        $host: Element | null;
-        $emit: ((event: string, ...args: any[]) => void) & ((event: "validate", prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => void);
-        $el: any;
-        $options: import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {
-            $: import('vue').ComponentInternalInstance;
-            $data: {};
-            $props: Partial<{
-                labelWidth: string | number;
-                labelPosition: "left" | "right" | "top";
-                requireAsteriskPosition: "left" | "right";
-                labelSuffix: string;
-                showMessage: boolean;
-                validateOnRuleChange: boolean;
-                scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
-            }> & Omit<{
-                readonly labelPosition: "left" | "right" | "top";
-                readonly requireAsteriskPosition: "left" | "right";
-                readonly labelWidth: string | number;
-                readonly labelSuffix: string;
-                readonly showMessage: boolean;
-                readonly validateOnRuleChange: boolean;
-                readonly scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
-                readonly size?: import('element-plus').ComponentSize | undefined;
-                readonly disabled?: boolean | undefined;
-                readonly model?: Record<string, any> | undefined;
-                readonly rules?: import('element-plus').FormRules | undefined;
-                readonly inline?: boolean | undefined;
-                readonly inlineMessage?: boolean | undefined;
-                readonly statusIcon?: boolean | undefined;
-                readonly hideRequiredAsterisk?: boolean | undefined;
-                readonly scrollToError?: boolean | undefined;
-                onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined | undefined;
-            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "labelPosition" | "requireAsteriskPosition" | "labelWidth" | "labelSuffix" | "showMessage" | "validateOnRuleChange" | "scrollIntoViewOptions">;
-            $attrs: {
-                [x: string]: unknown;
-            };
-            $refs: {
-                [x: string]: unknown;
-            };
-            $slots: Readonly<{
-                [name: string]: import('vue').Slot<any> | undefined;
-            }> & {
-                default?: (props: {}) => any;
-            };
-            $root: import('vue').ComponentPublicInstance | null;
-            $parent: import('vue').ComponentPublicInstance | null;
-            $host: Element | null;
-            $emit: (event: "validate", prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => void;
-            $el: any;
-            $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-                size: {
-                    type: import('vue').PropType<"" | "default" | "small" | "large">;
-                };
-                disabled: {
-                    type: import('vue').PropType<boolean>;
-                };
-                model: {
-                    type: import('vue').PropType<Record<string, any>>;
-                };
-                rules: {
-                    type: import('vue').PropType<Partial<Record<string, Record<string, any> | import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemRule>>>>;
-                };
-                labelPosition: {
-                    type: import('vue').PropType<"top" | "left" | "right">;
-                    default: string;
-                };
-                requireAsteriskPosition: {
-                    type: import('vue').PropType<"left" | "right">;
-                    default: string;
-                };
-                labelWidth: {
-                    type: import('vue').PropType<string | number>;
-                    default: string;
-                };
-                labelSuffix: {
-                    type: import('vue').PropType<string>;
-                    default: string;
-                };
-                inline: {
-                    type: import('vue').PropType<boolean>;
-                };
-                inlineMessage: {
-                    type: import('vue').PropType<boolean>;
-                };
-                statusIcon: {
-                    type: import('vue').PropType<boolean>;
-                };
-                showMessage: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                validateOnRuleChange: {
-                    type: import('vue').PropType<boolean>;
-                    default: boolean;
-                };
-                hideRequiredAsterisk: {
-                    type: import('vue').PropType<boolean>;
-                };
-                scrollToError: {
-                    type: import('vue').PropType<boolean>;
-                };
-                scrollIntoViewOptions: {
-                    type: import('vue').PropType<boolean | ScrollIntoViewOptions>;
-                    default: boolean;
-                };
-            }>> & {
-                onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined;
-            }, {
-                validate: (callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
-                validateField: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>, callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
-                resetFields: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>) => void;
-                clearValidate: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>) => void;
-                scrollToField: (prop: import('element-plus').FormItemProp) => void;
-                getField: (prop: import('element-plus').FormItemProp) => import('element-plus').FormItemContext | undefined;
-                fields: import('vue').Reactive<import('element-plus').FormItemContext[]>;
-                setInitialValues: (initModel: Record<string, any>) => void;
-            }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                validate: (prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => void;
-            }, string, {
-                labelWidth: string | number;
-                labelPosition: "left" | "right" | "top";
-                requireAsteriskPosition: "left" | "right";
-                labelSuffix: string;
-                showMessage: boolean;
-                validateOnRuleChange: boolean;
-                scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
-            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-                beforeCreate?: (() => void) | (() => void)[];
-                created?: (() => void) | (() => void)[];
-                beforeMount?: (() => void) | (() => void)[];
-                mounted?: (() => void) | (() => void)[];
-                beforeUpdate?: (() => void) | (() => void)[];
-                updated?: (() => void) | (() => void)[];
-                activated?: (() => void) | (() => void)[];
-                deactivated?: (() => void) | (() => void)[];
-                beforeDestroy?: (() => void) | (() => void)[];
-                beforeUnmount?: (() => void) | (() => void)[];
-                destroyed?: (() => void) | (() => void)[];
-                unmounted?: (() => void) | (() => void)[];
-                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-            };
-            $forceUpdate: () => void;
-            $nextTick: typeof import('vue').nextTick;
-            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-            labelWidth: string | number;
-            labelPosition: "left" | "right" | "top";
-            requireAsteriskPosition: "left" | "right";
-            labelSuffix: string;
-            showMessage: boolean;
-            validateOnRuleChange: boolean;
-            scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
-            size?: import('element-plus').ComponentSize;
-            disabled?: boolean;
-            model?: Record<string, any>;
-            rules?: import('element-plus').FormRules;
-            inline?: boolean;
-            inlineMessage?: boolean;
-            statusIcon?: boolean;
-            hideRequiredAsterisk?: boolean;
-            scrollToError?: boolean;
-            onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined | undefined;
-            validate: (callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
-            validateField: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>, callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
-            resetFields: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>) => void;
-            clearValidate: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>) => void;
-            scrollToField: (prop: import('element-plus').FormItemProp) => void;
-            getField: (prop: import('element-plus').FormItemProp) => import('element-plus').FormItemContext | undefined;
-            fields: import('vue').Reactive<import('element-plus').FormItemContext[]>;
-            setInitialValues: (initModel: Record<string, any>) => void;
-            $route: import('vue-router').TypesConfig extends Record<"$route", infer T> ? T : import('vue-router').RouteLocationNormalizedLoaded;
-            $router: import('vue-router').TypesConfig extends Record<"$router", infer T> ? T : import('vue-router').Router;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-            beforeCreate?: (() => void) | (() => void)[];
-            created?: (() => void) | (() => void)[];
-            beforeMount?: (() => void) | (() => void)[];
-            mounted?: (() => void) | (() => void)[];
-            beforeUpdate?: (() => void) | (() => void)[];
-            updated?: (() => void) | (() => void)[];
-            activated?: (() => void) | (() => void)[];
-            deactivated?: (() => void) | (() => void)[];
-            beforeDestroy?: (() => void) | (() => void)[];
-            beforeUnmount?: (() => void) | (() => void)[];
-            destroyed?: (() => void) | (() => void)[];
-            unmounted?: (() => void) | (() => void)[];
-            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-        } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-            size: {
-                type: import('vue').PropType<"" | "default" | "small" | "large">;
-            };
-            disabled: {
-                type: import('vue').PropType<boolean>;
-            };
-            model: {
-                type: import('vue').PropType<Record<string, any>>;
-            };
-            rules: {
-                type: import('vue').PropType<Partial<Record<string, Record<string, any> | import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemRule>>>>;
-            };
-            labelPosition: {
-                type: import('vue').PropType<"top" | "left" | "right">;
-                default: string;
-            };
-            requireAsteriskPosition: {
-                type: import('vue').PropType<"left" | "right">;
-                default: string;
-            };
-            labelWidth: {
-                type: import('vue').PropType<string | number>;
-                default: string;
-            };
-            labelSuffix: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            inline: {
-                type: import('vue').PropType<boolean>;
-            };
-            inlineMessage: {
-                type: import('vue').PropType<boolean>;
-            };
-            statusIcon: {
-                type: import('vue').PropType<boolean>;
-            };
-            showMessage: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-            validateOnRuleChange: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-            hideRequiredAsterisk: {
-                type: import('vue').PropType<boolean>;
-            };
-            scrollToError: {
-                type: import('vue').PropType<boolean>;
-            };
-            scrollIntoViewOptions: {
-                type: import('vue').PropType<boolean | ScrollIntoViewOptions>;
-                default: boolean;
-            };
-        }>> & {
-            onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined;
-        }, {
-            validate: (callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
-            validateField: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>, callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
-            resetFields: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>) => void;
-            clearValidate: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>) => void;
-            scrollToField: (prop: import('element-plus').FormItemProp) => void;
-            getField: (prop: import('element-plus').FormItemProp) => import('element-plus').FormItemContext | undefined;
-            fields: import('vue').Reactive<import('element-plus').FormItemContext[]>;
-            setInitialValues: (initModel: Record<string, any>) => void;
-        }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            validate: (prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => void;
-        }, string, {
-            labelWidth: string | number;
-            labelPosition: "left" | "right" | "top";
-            requireAsteriskPosition: "left" | "right";
-            labelSuffix: string;
-            showMessage: boolean;
-            validateOnRuleChange: boolean;
-            scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
-        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions>;
-        $forceUpdate: () => void;
-        $nextTick: typeof import('vue').nextTick;
-        $watch: <T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions) => import('vue').WatchStopHandle;
-        labelWidth: string | number;
-        labelPosition: "left" | "right" | "top";
-        requireAsteriskPosition: "left" | "right";
-        labelSuffix: string;
-        showMessage: boolean;
-        validateOnRuleChange: boolean;
-        scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
-        size?: import('element-plus').ComponentSize | undefined;
-        disabled?: boolean | undefined;
-        model: any;
-        rules?: import('element-plus').FormRules | undefined;
-        inline?: boolean | undefined;
-        inlineMessage?: boolean | undefined;
-        statusIcon?: boolean | undefined;
-        hideRequiredAsterisk?: boolean | undefined;
-        scrollToError?: boolean | undefined;
-        onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined | undefined;
-        validate: (callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
-        validateField: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>, callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
-        resetFields: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>) => void;
-        clearValidate: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>) => void;
-        scrollToField: (prop: import('element-plus').FormItemProp) => void;
-        getField: (prop: import('element-plus').FormItemProp) => import('element-plus').FormItemContext | undefined;
-        fields: import('vue').Reactive<import('element-plus').FormItemContext[]>;
-        setInitialValues: (initModel: Record<string, any>) => void;
-        $route: import('vue-router').TypesConfig extends Record<"$route", infer T> ? T : import('vue-router').RouteLocationNormalizedLoaded;
-        $router: import('vue-router').TypesConfig extends Record<"$router", infer T> ? T : import('vue-router').Router;
-        setValues: (data: Record<string, any>) => void;
-    }, {}, {}, {}, {
-        labelPosition: "top" | "left" | "right";
-        inline: boolean;
-        fields: Array<import('./ProForm.types').TProFormField>;
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('./ProForm.types').TProFormProps> & Readonly<{}>, {
-    $: import('vue').ComponentInternalInstance;
-    $data: {};
-    $props: Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never> & Partial<{
-        labelWidth: string | number;
-        labelPosition: "left" | "right" | "top";
-        requireAsteriskPosition: "left" | "right";
-        labelSuffix: string;
-        showMessage: boolean;
-        validateOnRuleChange: boolean;
-        scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
-    }> & Omit<{
-        readonly labelPosition: "left" | "right" | "top";
-        readonly requireAsteriskPosition: "left" | "right";
-        readonly labelWidth: string | number;
-        readonly labelSuffix: string;
-        readonly showMessage: boolean;
-        readonly validateOnRuleChange: boolean;
-        readonly scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
-        readonly size?: import('element-plus').ComponentSize | undefined;
-        readonly disabled?: boolean | undefined;
-        readonly model?: Record<string, any> | undefined;
-        readonly rules?: import('element-plus').FormRules | undefined;
-        readonly inline?: boolean | undefined;
-        readonly inlineMessage?: boolean | undefined;
-        readonly statusIcon?: boolean | undefined;
-        readonly hideRequiredAsterisk?: boolean | undefined;
-        readonly scrollToError?: boolean | undefined;
-        onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "labelPosition" | "requireAsteriskPosition" | "labelWidth" | "labelSuffix" | "showMessage" | "validateOnRuleChange" | "scrollIntoViewOptions">;
-    $attrs: {
-        [x: string]: unknown;
-    };
-    $refs: {
-        [x: string]: unknown;
-    } & {
-        elRef: ({
+                    resetFields: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>) => void;
+                    clearValidate: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>) => void;
+                    scrollToField: (prop: import('element-plus').FormItemProp) => void;
+                    getField: (prop: import('element-plus').FormItemProp) => import('element-plus').FormItemContext | undefined;
+                    fields: import('vue').Reactive<import('element-plus').FormItemContext[]>;
+                    setInitialValues: (initModel: Record<string, any>) => void;
+                }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                    validate: (prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => void;
+                }, string, {
+                    labelWidth: string | number;
+                    labelPosition: "left" | "right" | "top";
+                    requireAsteriskPosition: "left" | "right";
+                    labelSuffix: string;
+                    showMessage: boolean;
+                    validateOnRuleChange: boolean;
+                    scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
+                }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                    beforeCreate?: (() => void) | (() => void)[];
+                    created?: (() => void) | (() => void)[];
+                    beforeMount?: (() => void) | (() => void)[];
+                    mounted?: (() => void) | (() => void)[];
+                    beforeUpdate?: (() => void) | (() => void)[];
+                    updated?: (() => void) | (() => void)[];
+                    activated?: (() => void) | (() => void)[];
+                    deactivated?: (() => void) | (() => void)[];
+                    beforeDestroy?: (() => void) | (() => void)[];
+                    beforeUnmount?: (() => void) | (() => void)[];
+                    destroyed?: (() => void) | (() => void)[];
+                    unmounted?: (() => void) | (() => void)[];
+                    renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                    renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                    errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+                };
+                $forceUpdate: () => void;
+                $nextTick: typeof import('vue').nextTick;
+                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+                labelWidth: string | number;
+                labelPosition: "left" | "right" | "top";
+                requireAsteriskPosition: "left" | "right";
+                labelSuffix: string;
+                showMessage: boolean;
+                validateOnRuleChange: boolean;
+                scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
+                size?: import('element-plus').ComponentSize;
+                disabled?: boolean;
+                model?: Record<string, any>;
+                rules?: import('element-plus').FormRules;
+                inline?: boolean;
+                inlineMessage?: boolean;
+                statusIcon?: boolean;
+                hideRequiredAsterisk?: boolean;
+                scrollToError?: boolean;
+                onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined | undefined;
+                validate: (callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
+                validateField: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>, callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
+                resetFields: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>) => void;
+                clearValidate: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>) => void;
+                scrollToField: (prop: import('element-plus').FormItemProp) => void;
+                getField: (prop: import('element-plus').FormItemProp) => import('element-plus').FormItemContext | undefined;
+                fields: import('vue').Reactive<import('element-plus').FormItemContext[]>;
+                setInitialValues: (initModel: Record<string, any>) => void;
+                $route: import('vue-router').TypesConfig extends Record<"$route", infer T> ? T : import('vue-router').RouteLocationNormalizedLoaded;
+                $router: import('vue-router').TypesConfig extends Record<"$router", infer T> ? T : import('vue-router').Router;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('vue').nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{}> & Omit<Readonly<{}> & Readonly<{}>, "size" | "disabled" | "$" | "$data" | "$props" | "$attrs" | "$refs" | "$slots" | "$root" | "$parent" | "$host" | "$emit" | "$el" | "$options" | "$forceUpdate" | "$nextTick" | "$watch" | "$route" | "$router" | "model" | "rules" | "labelPosition" | "requireAsteriskPosition" | "labelWidth" | "labelSuffix" | "inline" | "inlineMessage" | "statusIcon" | "showMessage" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError" | "scrollIntoViewOptions" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "fields" | "setInitialValues" | "onValidate"> & import('vue').ShallowUnwrapRef<{
             $: import('vue').ComponentInternalInstance;
             $data: {};
             $props: Partial<{
@@ -1814,7 +646,9 @@ export declare const FcProForm: {
             };
             $slots: Readonly<{
                 [name: string]: import('vue').Slot<any> | undefined;
-            }>;
+            }> & {
+                default?: (props: {}) => any;
+            };
             $root: import('vue').ComponentPublicInstance | null;
             $parent: import('vue').ComponentPublicInstance | null;
             $host: Element | null;
@@ -1917,7 +751,6 @@ export declare const FcProForm: {
             $forceUpdate: () => void;
             $nextTick: typeof import('vue').nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-        } & Readonly<{
             labelWidth: string | number;
             labelPosition: "left" | "right" | "top";
             requireAsteriskPosition: "left" | "right";
@@ -1925,65 +758,16 @@ export declare const FcProForm: {
             showMessage: boolean;
             validateOnRuleChange: boolean;
             scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
-        }> & Omit<Readonly<import('vue').ExtractPropTypes<{
-            size: {
-                type: import('vue').PropType<"" | "default" | "small" | "large">;
-            };
-            disabled: {
-                type: import('vue').PropType<boolean>;
-            };
-            model: {
-                type: import('vue').PropType<Record<string, any>>;
-            };
-            rules: {
-                type: import('vue').PropType<Partial<Record<string, Record<string, any> | import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemRule>>>>;
-            };
-            labelPosition: {
-                type: import('vue').PropType<"top" | "left" | "right">;
-                default: string;
-            };
-            requireAsteriskPosition: {
-                type: import('vue').PropType<"left" | "right">;
-                default: string;
-            };
-            labelWidth: {
-                type: import('vue').PropType<string | number>;
-                default: string;
-            };
-            labelSuffix: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            inline: {
-                type: import('vue').PropType<boolean>;
-            };
-            inlineMessage: {
-                type: import('vue').PropType<boolean>;
-            };
-            statusIcon: {
-                type: import('vue').PropType<boolean>;
-            };
-            showMessage: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-            validateOnRuleChange: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-            hideRequiredAsterisk: {
-                type: import('vue').PropType<boolean>;
-            };
-            scrollToError: {
-                type: import('vue').PropType<boolean>;
-            };
-            scrollIntoViewOptions: {
-                type: import('vue').PropType<boolean | ScrollIntoViewOptions>;
-                default: boolean;
-            };
-        }>> & {
-            onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined;
-        }, "labelPosition" | "requireAsteriskPosition" | "labelWidth" | "labelSuffix" | "showMessage" | "validateOnRuleChange" | "scrollIntoViewOptions" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "fields" | "setInitialValues"> & import('vue').ShallowUnwrapRef<{
+            size?: import('element-plus').ComponentSize;
+            disabled?: boolean;
+            model?: Record<string, any>;
+            rules?: import('element-plus').FormRules;
+            inline?: boolean;
+            inlineMessage?: boolean;
+            statusIcon?: boolean;
+            hideRequiredAsterisk?: boolean;
+            scrollToError?: boolean;
+            onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined | undefined;
             validate: (callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
             validateField: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>, callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
             resetFields: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>) => void;
@@ -1992,19 +776,19 @@ export declare const FcProForm: {
             getField: (prop: import('element-plus').FormItemProp) => import('element-plus').FormItemContext | undefined;
             fields: import('vue').Reactive<import('element-plus').FormItemContext[]>;
             setInitialValues: (initModel: Record<string, any>) => void;
+            $route: import('vue-router').TypesConfig extends Record<"$route", infer T> ? T : import('vue-router').RouteLocationNormalizedLoaded;
+            $router: import('vue-router').TypesConfig extends Record<"$router", infer T> ? T : import('vue-router').Router;
         }> & {} & import('vue').ComponentCustomProperties & {} & {
-            $slots: {
-                default?: (props: {}) => any;
-            };
+            $slots: any;
         }) | null;
-    };
-    $slots: any;
-    $root: import('vue').ComponentPublicInstance | null;
-    $parent: import('vue').ComponentPublicInstance | null;
-    $host: Element | null;
-    $emit: ((event: string, ...args: any[]) => void) & ((event: "validate", prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => void);
-    $el: any;
-    $options: import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {
+    }, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./ProForm.types').TProFormProps> & Readonly<{}>, {
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: Partial<{
@@ -2156,7 +940,7 @@ export declare const FcProForm: {
         scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
         size?: import('element-plus').ComponentSize;
         disabled?: boolean;
-        model?: Record<string, any>;
+        model: any;
         rules?: import('element-plus').FormRules;
         inline?: boolean;
         inlineMessage?: boolean;
@@ -2174,23 +958,65 @@ export declare const FcProForm: {
         setInitialValues: (initModel: Record<string, any>) => void;
         $route: import('vue-router').TypesConfig extends Record<"$route", infer T> ? T : import('vue-router').RouteLocationNormalizedLoaded;
         $router: import('vue-router').TypesConfig extends Record<"$router", infer T> ? T : import('vue-router').Router;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-        beforeCreate?: (() => void) | (() => void)[];
-        created?: (() => void) | (() => void)[];
-        beforeMount?: (() => void) | (() => void)[];
-        mounted?: (() => void) | (() => void)[];
-        beforeUpdate?: (() => void) | (() => void)[];
-        updated?: (() => void) | (() => void)[];
-        activated?: (() => void) | (() => void)[];
-        deactivated?: (() => void) | (() => void)[];
-        beforeDestroy?: (() => void) | (() => void)[];
-        beforeUnmount?: (() => void) | (() => void)[];
-        destroyed?: (() => void) | (() => void)[];
-        unmounted?: (() => void) | (() => void)[];
-        renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-        renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-        errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-    } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+        setValues: (data: Record<string, any>) => void;
+    }, {}, {}, {}, {
+        rules: import('element-plus').FormRules;
+        labelPosition: "top" | "left" | "right";
+        labelWidth: string | number;
+        inline: boolean;
+        fields: Array<import('./ProForm.types').TProFormField>;
+        columns: number | "auto-fill" | "auto-fit";
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./ProForm.types').TProFormProps> & Readonly<{}>, {
+    $: import('vue').ComponentInternalInstance;
+    $data: {};
+    $props: Partial<{
+        labelWidth: string | number;
+        labelPosition: "left" | "right" | "top";
+        requireAsteriskPosition: "left" | "right";
+        labelSuffix: string;
+        showMessage: boolean;
+        validateOnRuleChange: boolean;
+        scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
+    }> & Omit<{
+        readonly labelPosition: "left" | "right" | "top";
+        readonly requireAsteriskPosition: "left" | "right";
+        readonly labelWidth: string | number;
+        readonly labelSuffix: string;
+        readonly showMessage: boolean;
+        readonly validateOnRuleChange: boolean;
+        readonly scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
+        readonly size?: import('element-plus').ComponentSize | undefined;
+        readonly disabled?: boolean | undefined;
+        readonly model?: Record<string, any> | undefined;
+        readonly rules?: import('element-plus').FormRules | undefined;
+        readonly inline?: boolean | undefined;
+        readonly inlineMessage?: boolean | undefined;
+        readonly statusIcon?: boolean | undefined;
+        readonly hideRequiredAsterisk?: boolean | undefined;
+        readonly scrollToError?: boolean | undefined;
+        onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "labelPosition" | "requireAsteriskPosition" | "labelWidth" | "labelSuffix" | "showMessage" | "validateOnRuleChange" | "scrollIntoViewOptions">;
+    $attrs: {
+        [x: string]: unknown;
+    };
+    $refs: {
+        [x: string]: unknown;
+    };
+    $slots: Readonly<{
+        [name: string]: import('vue').Slot<any> | undefined;
+    }> & {
+        default?: (props: {}) => any;
+    };
+    $root: import('vue').ComponentPublicInstance | null;
+    $parent: import('vue').ComponentPublicInstance | null;
+    $host: Element | null;
+    $emit: (event: "validate", prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => void;
+    $el: any;
+    $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
         size: {
             type: import('vue').PropType<"" | "default" | "small" | "large">;
         };
@@ -2267,10 +1093,26 @@ export declare const FcProForm: {
         showMessage: boolean;
         validateOnRuleChange: boolean;
         scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
-    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions>;
+    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+        beforeCreate?: (() => void) | (() => void)[];
+        created?: (() => void) | (() => void)[];
+        beforeMount?: (() => void) | (() => void)[];
+        mounted?: (() => void) | (() => void)[];
+        beforeUpdate?: (() => void) | (() => void)[];
+        updated?: (() => void) | (() => void)[];
+        activated?: (() => void) | (() => void)[];
+        deactivated?: (() => void) | (() => void)[];
+        beforeDestroy?: (() => void) | (() => void)[];
+        beforeUnmount?: (() => void) | (() => void)[];
+        destroyed?: (() => void) | (() => void)[];
+        unmounted?: (() => void) | (() => void)[];
+        renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+        renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+        errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+    };
     $forceUpdate: () => void;
     $nextTick: typeof import('vue').nextTick;
-    $watch: <T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions) => import('vue').WatchStopHandle;
+    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
     labelWidth: string | number;
     labelPosition: "left" | "right" | "top";
     requireAsteriskPosition: "left" | "right";
@@ -2278,15 +1120,15 @@ export declare const FcProForm: {
     showMessage: boolean;
     validateOnRuleChange: boolean;
     scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
-    size?: import('element-plus').ComponentSize | undefined;
-    disabled?: boolean | undefined;
+    size?: import('element-plus').ComponentSize;
+    disabled?: boolean;
     model: any;
-    rules?: import('element-plus').FormRules | undefined;
-    inline?: boolean | undefined;
-    inlineMessage?: boolean | undefined;
-    statusIcon?: boolean | undefined;
-    hideRequiredAsterisk?: boolean | undefined;
-    scrollToError?: boolean | undefined;
+    rules?: import('element-plus').FormRules;
+    inline?: boolean;
+    inlineMessage?: boolean;
+    statusIcon?: boolean;
+    hideRequiredAsterisk?: boolean;
+    scrollToError?: boolean;
     onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined | undefined;
     validate: (callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
     validateField: (props?: import('element-plus/es/utils/typescript.mjs').Arrayable<import('element-plus').FormItemProp>, callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
@@ -2300,9 +1142,12 @@ export declare const FcProForm: {
     $router: import('vue-router').TypesConfig extends Record<"$router", infer T> ? T : import('vue-router').Router;
     setValues: (data: Record<string, any>) => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    rules: import('element-plus').FormRules;
     labelPosition: "top" | "left" | "right";
+    labelWidth: string | number;
     inline: boolean;
     fields: Array<import('./ProForm.types').TProFormField>;
+    columns: number | "auto-fill" | "auto-fit";
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & import('vue').Plugin;
 export default FcProForm;
 export * from './ProForm.types';