@funcho/ui 1.1.14 → 1.1.17

package/dist/types/business/ProForm/ProForm.types.d.ts

@@ -1,15 +1,24 @@
 import { ComponentsMap } from './componentsMap';
 import { Ref, VNode } from 'vue';
+import { FormInstance, FormRules } from 'element-plus';
 export type TProFormField = {
     span?: number | 'full';
     prop: string;
     label: string;
+    tooltip?: string;
     type?: (typeof ComponentsMap)[keyof typeof ComponentsMap]['name'];
     attrs?: Record<string, any>;
     render?: (model: Ref<any>, prop: string, label: string) => VNode;
 };
 export type TProFormProps = {
     inline?: boolean;
+    columns?: number | 'auto-fill' | 'auto-fit';
     labelPosition?: 'top' | 'left' | 'right';
+    labelWidth?: string | number;
     fields: Array<TProFormField>;
+    rules?: FormRules;
+};
+export type ProFormInstance = FormInstance & {
+    setValues: (data: Record<string, any>) => void;
+    model: any;
 };

package/dist/types/business/ProForm/ProForm.vue.d.ts

@@ -2,7 +2,7 @@ import { TProFormProps } from './ProForm.types';
 declare const _default: import('vue').DefineComponent<TProFormProps, {
     $: 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,422 +34,18 @@ declare const _default: import('vue').DefineComponent<TProFormProps, {
     };
     $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<{
+    $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
         size: {
             type: import('vue').PropType<"" | "default" | "small" | "large">;
         };
@@ -526,10 +122,26 @@ declare const _default: import('vue').DefineComponent<TProFormProps, {
         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 @@ declare const _default: import('vue').DefineComponent<TProFormProps, {
     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 @@ declare const _default: import('vue').DefineComponent<TProFormProps, {
     $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, import('vue').PublicProps, Readonly<TProFormProps> & Readonly<{}>, {
+    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').ComponentProvideOptions, false, {
     formRef: ({
         $: import('vue').ComponentInternalInstance;