@vtj/ui 0.10.5 → 0.10.6

package/types/components/query-form/QueryForm.d.ts

@@ -1,703 +1,189 @@
-import { ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, Slot, ComponentPublicInstance, ComponentOptionsBase, ExtractPropTypes, PropType, ComponentOptionsMixin, GlobalComponents, GlobalDirectives, ComponentProvideOptions, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, Ref, DefineComponent, PublicProps } from 'vue';
-import { ElTooltipProps, FormItemRule, FormItemProp, FormValidateCallback, FormValidationResult, FormItemContext } from 'element-plus';
+import { XForm, XAction, XField } from '../';
+import { CaretBottom, CaretTop } from '@vtj/icons';
+import { QueryFormItem, QueryFormItems } from './types';
+import { Ref, ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, Slot, ComponentPublicInstance, ComponentOptionsBase, ExtractPropTypes, PropType, ComponentOptionsMixin, GlobalComponents, GlobalDirectives, ComponentProvideOptions, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, ComputedRef, DefineComponent, PublicProps } from 'vue';
+import { ElTooltipProps } from 'element-plus';
 import { FormModel } from '../form';
-import { EpPropMergeType, EpPropFinalized } from 'element-plus/es/utils/index.mjs';
-import { Arrayable } from 'element-plus/es/utils/typescript.mjs';
 import { OnCleanup } from '@vue/reactivity';
-import { QueryFormItems } from './types';
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Partial<Record<string, (_: {}) => any>> & {
-        default?(_: {}): any;
+declare const formRef: Ref<({
+    $: ComponentInternalInstance;
+    $data: {};
+    $props: Partial<{
+        footer: boolean;
+        inline: boolean;
+        tooltipMessage: boolean | Partial< ElTooltipProps>;
+        model: Record<string, any>;
+        submitText: string | null;
+        resetText: string | null;
+        enterSubmit: boolean;
+    }> & Omit<{
+        readonly footer: boolean;
+        readonly inline: boolean;
+        readonly submitText: string | null;
+        readonly resetText: string | null;
+        readonly enterSubmit: boolean;
+        readonly tooltipMessage?: boolean | Partial< ElTooltipProps> | undefined;
+        readonly model?: Record<string, any> | undefined;
+        readonly submitMethod?: ((model: FormModel) => Promise<any>) | undefined;
+        readonly inlineColumns?: number | undefined;
+        readonly onReset?: (() => any) | undefined;
+        readonly onSubmit?: ((model: Record<string, any>) => any) | undefined;
+        readonly onChange?: ((model: Record<string, any>) => any) | undefined;
+    } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "footer" | "inline" | "tooltipMessage" | "model" | "submitText" | "resetText" | "enterSubmit">;
+    $attrs: {
+        [x: string]: unknown;
     };
-    refs: {
-        formRef: ({
-            $: ComponentInternalInstance;
-            $data: {};
-            $props: Partial<{
-                footer: boolean;
-                inline: boolean;
-                tooltipMessage: boolean | Partial< ElTooltipProps>;
-                model: Record<string, any>;
-                submitText: string | null;
-                resetText: string | null;
-                enterSubmit: boolean;
-            }> & Omit<{
-                readonly footer: boolean;
-                readonly inline: boolean;
-                readonly submitText: string | null;
-                readonly resetText: string | null;
-                readonly enterSubmit: boolean;
-                readonly tooltipMessage?: boolean | Partial< ElTooltipProps> | undefined;
-                readonly model?: Record<string, any> | undefined;
-                readonly inlineColumns?: number | undefined;
-                readonly submitMethod?: ((model: FormModel) => Promise<any>) | undefined;
-                readonly onReset?: (() => any) | undefined;
-                readonly onSubmit?: ((model: Record<string, any>) => any) | undefined;
-                readonly onChange?: ((model: Record<string, any>) => any) | undefined;
-            } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "footer" | "inline" | "tooltipMessage" | "model" | "submitText" | "resetText" | "enterSubmit">;
-            $attrs: {
-                [x: string]: unknown;
-            };
-            $refs: {
-                [x: string]: unknown;
-            } & {
-                formRef: ({
-                    $: ComponentInternalInstance;
-                    $data: {};
-                    $props: Partial<{
-                        readonly disabled: boolean;
-                        readonly inline: boolean;
-                        readonly labelWidth: EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
-                        readonly labelPosition: EpPropMergeType<StringConstructor, "top" | "left" | "right", unknown>;
-                        readonly inlineMessage: boolean;
-                        readonly showMessage: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-                        readonly requireAsteriskPosition: EpPropMergeType<StringConstructor, "left" | "right", unknown>;
-                        readonly labelSuffix: string;
-                        readonly validateOnRuleChange: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-                        readonly statusIcon: boolean;
-                        readonly hideRequiredAsterisk: boolean;
-                        readonly scrollToError: boolean;
-                    }> & Omit<{
-                        readonly disabled: boolean;
-                        readonly inline: boolean;
-                        readonly labelWidth: EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
-                        readonly labelPosition: EpPropMergeType<StringConstructor, "top" | "left" | "right", unknown>;
-                        readonly inlineMessage: boolean;
-                        readonly showMessage: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-                        readonly requireAsteriskPosition: EpPropMergeType<StringConstructor, "left" | "right", unknown>;
-                        readonly labelSuffix: string;
-                        readonly statusIcon: boolean;
-                        readonly validateOnRuleChange: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-                        readonly hideRequiredAsterisk: boolean;
-                        readonly scrollToError: boolean;
-                        readonly size?: EpPropMergeType<StringConstructor, "" | "large" | "default" | "small", unknown> | undefined;
-                        readonly rules?: Partial<Record<string, Arrayable<FormItemRule>>> | undefined;
-                        readonly model?: Record<string, any> | undefined;
-                        readonly scrollIntoViewOptions?: EpPropMergeType<readonly [ObjectConstructor, BooleanConstructor], unknown, unknown> | undefined;
-                        onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined | undefined;
-                    } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "disabled" | "inline" | "labelWidth" | "labelPosition" | "inlineMessage" | "showMessage" | "requireAsteriskPosition" | "labelSuffix" | "statusIcon" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError">;
-                    $attrs: {
-                        [x: string]: unknown;
-                    };
-                    $refs: {
-                        [x: string]: unknown;
-                    };
-                    $slots: Readonly<{
-                        [name: string]: Slot<any> | undefined;
-                    }>;
-                    $root: ComponentPublicInstance | null;
-                    $parent: ComponentPublicInstance | null;
-                    $host: Element | null;
-                    $emit: (event: "validate", prop: FormItemProp, isValid: boolean, message: string) => void;
-                    $el: any;
-                    $options: ComponentOptionsBase<Readonly< ExtractPropTypes<{
-                        readonly model: ObjectConstructor;
-                        readonly rules: {
-                            readonly type: PropType<Partial<Record<string, Arrayable<FormItemRule>>>>;
-                            readonly required: false;
-                            readonly validator: ((val: unknown) => boolean) | undefined;
-                            __epPropKey: true;
-                        };
-                        readonly labelPosition: EpPropFinalized<StringConstructor, "top" | "left" | "right", unknown, "right", boolean>;
-                        readonly requireAsteriskPosition: EpPropFinalized<StringConstructor, "left" | "right", unknown, "left", boolean>;
-                        readonly labelWidth: EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
-                        readonly labelSuffix: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-                        readonly inline: BooleanConstructor;
-                        readonly inlineMessage: BooleanConstructor;
-                        readonly statusIcon: BooleanConstructor;
-                        readonly showMessage: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-                        readonly validateOnRuleChange: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-                        readonly hideRequiredAsterisk: BooleanConstructor;
-                        readonly scrollToError: BooleanConstructor;
-                        readonly scrollIntoViewOptions: {
-                            readonly type: PropType<EpPropMergeType<readonly [ObjectConstructor, BooleanConstructor], unknown, unknown>>;
-                            readonly required: false;
-                            readonly validator: ((val: unknown) => boolean) | undefined;
-                            __epPropKey: true;
-                        };
-                        readonly size: {
-                            readonly type: PropType<EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
-                            readonly required: false;
-                            readonly validator: ((val: unknown) => boolean) | undefined;
-                            __epPropKey: true;
-                        };
-                        readonly disabled: BooleanConstructor;
-                    }>> & {
-                        onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined;
-                    }, {
-                        validate: (callback?: FormValidateCallback) => FormValidationResult;
-                        validateField: (props?: Arrayable<FormItemProp>, callback?: FormValidateCallback) => FormValidationResult;
-                        resetFields: (props?: Arrayable<FormItemProp>) => void;
-                        clearValidate: (props?: Arrayable<FormItemProp>) => void;
-                        scrollToField: (prop: FormItemProp) => void;
-                        fields: FormItemContext[];
-                    }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-                        validate: (prop: FormItemProp, isValid: boolean, message: string) => void;
-                    }, string, {
-                        readonly disabled: boolean;
-                        readonly inline: boolean;
-                        readonly labelWidth: EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
-                        readonly labelPosition: EpPropMergeType<StringConstructor, "top" | "left" | "right", unknown>;
-                        readonly inlineMessage: boolean;
-                        readonly showMessage: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-                        readonly requireAsteriskPosition: EpPropMergeType<StringConstructor, "left" | "right", unknown>;
-                        readonly labelSuffix: string;
-                        readonly validateOnRuleChange: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-                        readonly statusIcon: boolean;
-                        readonly hideRequiredAsterisk: boolean;
-                        readonly scrollToError: boolean;
-                    }, {}, string, {}, GlobalComponents, GlobalDirectives, string, 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: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
-                        renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
-                        errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
-                    };
-                    $forceUpdate: () => void;
-                    $nextTick: nextTick;
-                    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
-                } & Readonly<{
-                    readonly disabled: boolean;
-                    readonly inline: boolean;
-                    readonly labelWidth: EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
-                    readonly labelPosition: EpPropMergeType<StringConstructor, "top" | "left" | "right", unknown>;
-                    readonly inlineMessage: boolean;
-                    readonly showMessage: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-                    readonly requireAsteriskPosition: EpPropMergeType<StringConstructor, "left" | "right", unknown>;
-                    readonly labelSuffix: string;
-                    readonly validateOnRuleChange: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-                    readonly statusIcon: boolean;
-                    readonly hideRequiredAsterisk: boolean;
-                    readonly scrollToError: boolean;
-                }> & Omit<Readonly< ExtractPropTypes<{
-                    readonly model: ObjectConstructor;
-                    readonly rules: {
-                        readonly type: PropType<Partial<Record<string, Arrayable<FormItemRule>>>>;
-                        readonly required: false;
-                        readonly validator: ((val: unknown) => boolean) | undefined;
-                        __epPropKey: true;
-                    };
-                    readonly labelPosition: EpPropFinalized<StringConstructor, "top" | "left" | "right", unknown, "right", boolean>;
-                    readonly requireAsteriskPosition: EpPropFinalized<StringConstructor, "left" | "right", unknown, "left", boolean>;
-                    readonly labelWidth: EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
-                    readonly labelSuffix: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-                    readonly inline: BooleanConstructor;
-                    readonly inlineMessage: BooleanConstructor;
-                    readonly statusIcon: BooleanConstructor;
-                    readonly showMessage: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-                    readonly validateOnRuleChange: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-                    readonly hideRequiredAsterisk: BooleanConstructor;
-                    readonly scrollToError: BooleanConstructor;
-                    readonly scrollIntoViewOptions: {
-                        readonly type: PropType<EpPropMergeType<readonly [ObjectConstructor, BooleanConstructor], unknown, unknown>>;
-                        readonly required: false;
-                        readonly validator: ((val: unknown) => boolean) | undefined;
-                        __epPropKey: true;
-                    };
-                    readonly size: {
-                        readonly type: PropType<EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
-                        readonly required: false;
-                        readonly validator: ((val: unknown) => boolean) | undefined;
-                        __epPropKey: true;
-                    };
-                    readonly disabled: BooleanConstructor;
-                }>> & {
-                    onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined;
-                }, "disabled" | "inline" | "clearValidate" | "validate" | "labelWidth" | "labelPosition" | "inlineMessage" | "showMessage" | "fields" | "requireAsteriskPosition" | "labelSuffix" | "statusIcon" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError" | "validateField" | "resetFields" | "scrollToField"> & ShallowUnwrapRef<{
-                    validate: (callback?: FormValidateCallback) => FormValidationResult;
-                    validateField: (props?: Arrayable<FormItemProp>, callback?: FormValidateCallback) => FormValidationResult;
-                    resetFields: (props?: Arrayable<FormItemProp>) => void;
-                    clearValidate: (props?: Arrayable<FormItemProp>) => void;
-                    scrollToField: (prop: FormItemProp) => void;
-                    fields: FormItemContext[];
-                }> & {} & ComponentCustomProperties & {} & {
-                    $slots: {
-                        default?(_: {}): any;
-                    };
-                }) | null;
-            };
-            $slots: Readonly<{
-                [name: string]: Slot<any> | undefined;
-            }>;
-            $root: ComponentPublicInstance | null;
-            $parent: ComponentPublicInstance | null;
-            $host: Element | null;
-            $emit: ((event: "reset") => void) & ((event: "submit", model: Record<string, any>) => void) & ((event: "change", model: Record<string, any>) => void);
-            $el: any;
-            $options: ComponentOptionsBase<Readonly< ExtractPropTypes<{
-                model: {
-                    type: PropType<Record<string, any>>;
-                    default(): any;
-                };
-                inline: {
-                    type: BooleanConstructor;
-                };
-                inlineColumns: {
-                    type: NumberConstructor;
-                };
-                footer: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                submitText: {
-                    type: PropType<string | null>;
-                    default: string;
-                };
-                resetText: {
-                    type: PropType<string | null>;
-                    default: string;
-                };
-                submitMethod: {
-                    type: PropType<(model: FormModel) => Promise<any>>;
-                };
-                tooltipMessage: {
-                    type: PropType<boolean | Partial< ElTooltipProps>>;
-                    default: undefined;
-                };
-                enterSubmit: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-            }>> & Readonly<{
-                onReset?: (() => any) | undefined;
-                onSubmit?: ((model: Record<string, any>) => any) | undefined;
-                onChange?: ((model: Record<string, any>) => any) | undefined;
-            }>, {
-                formRef: Ref<any, any>;
-                model: FormModel;
-                submit: () => Promise<void>;
-                reset: (fields?: string[] | string) => void;
-                validate: () => Promise<any>;
-                clearValidate: () => void;
-            }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-                reset: () => any;
-                submit: (model: Record<string, any>) => any;
-                change: (model: Record<string, any>) => any;
-            }, string, {
-                footer: boolean;
-                inline: boolean;
-                tooltipMessage: boolean | Partial< ElTooltipProps>;
-                model: Record<string, any>;
-                submitText: string | null;
-                resetText: string | null;
-                enterSubmit: boolean;
-            }, {}, string, {}, GlobalComponents, GlobalDirectives, string, 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: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
-                renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
-                errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
-            };
-            $forceUpdate: () => void;
-            $nextTick: nextTick;
-            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
-        } & Readonly<{
-            footer: boolean;
-            inline: boolean;
-            tooltipMessage: boolean | Partial< ElTooltipProps>;
-            model: Record<string, any>;
-            submitText: string | null;
-            resetText: string | null;
-            enterSubmit: boolean;
-        }> & Omit<Readonly< ExtractPropTypes<{
-            model: {
-                type: PropType<Record<string, any>>;
-                default(): any;
-            };
-            inline: {
-                type: BooleanConstructor;
-            };
-            inlineColumns: {
-                type: NumberConstructor;
-            };
-            footer: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            submitText: {
-                type: PropType<string | null>;
-                default: string;
-            };
-            resetText: {
-                type: PropType<string | null>;
-                default: string;
-            };
-            submitMethod: {
-                type: PropType<(model: FormModel) => Promise<any>>;
-            };
-            tooltipMessage: {
-                type: PropType<boolean | Partial< ElTooltipProps>>;
-                default: undefined;
-            };
-            enterSubmit: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-        }>> & Readonly<{
-            onReset?: (() => any) | undefined;
-            onSubmit?: ((model: Record<string, any>) => any) | undefined;
-            onChange?: ((model: Record<string, any>) => any) | undefined;
-        }>, "reset" | "submit" | "clearValidate" | "validate" | "formRef" | ("footer" | "inline" | "tooltipMessage" | "model" | "submitText" | "resetText" | "enterSubmit")> & ShallowUnwrapRef<{
-            formRef: Ref<any, any>;
-            model: FormModel;
-            submit: () => Promise<void>;
-            reset: (fields?: string[] | string) => void;
-            validate: () => Promise<any>;
-            clearValidate: () => void;
-        }> & {} & ComponentCustomProperties & {} & {
-            $slots: {
-                default?(_: {}): any;
-                footer?(_: {}): any;
-                action?(_: {}): any;
-            };
-        }) | null;
+    $refs: {
+        [x: string]: unknown;
     };
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: DefineComponent<ExtractPropTypes<{
-    collapsible: {
-        type: BooleanConstructor;
-        default: boolean;
+    $slots: Readonly<{
+        [name: string]: Slot<any> | undefined;
+    }>;
+    $root: ComponentPublicInstance | null;
+    $parent: ComponentPublicInstance | null;
+    $host: Element | null;
+    $emit: ((event: "reset") => void) & ((event: "submit", model: Record<string, any>) => void) & ((event: "change", model: Record<string, any>) => void);
+    $el: any;
+    $options: ComponentOptionsBase<Readonly< ExtractPropTypes<{
+        model: {
+            type: PropType<Record<string, any>>;
+            default(): any;
+        };
+        inline: {
+            type: BooleanConstructor;
+        };
+        inlineColumns: {
+            type: NumberConstructor;
+        };
+        footer: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        submitText: {
+            type: PropType<string | null>;
+            default: string;
+        };
+        resetText: {
+            type: PropType<string | null>;
+            default: string;
+        };
+        submitMethod: {
+            type: PropType<(model: FormModel) => Promise<any>>;
+        };
+        tooltipMessage: {
+            type: PropType<boolean | Partial< ElTooltipProps>>;
+            default: undefined;
+        };
+        enterSubmit: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onReset?: (() => any) | undefined;
+        onSubmit?: ((model: Record<string, any>) => any) | undefined;
+        onChange?: ((model: Record<string, any>) => any) | undefined;
+    }>, {
+        formRef: Ref<any, any>;
+        model: FormModel;
+        submit: () => Promise<void>;
+        reset: (fields?: string[] | string) => void;
+        validate: () => Promise<any>;
+        clearValidate: () => void;
+    }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+        reset: () => any;
+        submit: (model: Record<string, any>) => any;
+        change: (model: Record<string, any>) => any;
+    }, string, {
+        footer: boolean;
+        inline: boolean;
+        tooltipMessage: boolean | Partial< ElTooltipProps>;
+        model: Record<string, any>;
+        submitText: string | null;
+        resetText: string | null;
+        enterSubmit: boolean;
+    }, {}, string, {}, GlobalComponents, GlobalDirectives, string, 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: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+        renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+        errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
     };
-    items: {
-        type: PropType<QueryFormItems>;
+    $forceUpdate: () => void;
+    $nextTick: nextTick;
+    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
+} & Readonly<{
+    footer: boolean;
+    inline: boolean;
+    tooltipMessage: boolean | Partial< ElTooltipProps>;
+    model: Record<string, any>;
+    submitText: string | null;
+    resetText: string | null;
+    enterSubmit: boolean;
+}> & Omit<Readonly< ExtractPropTypes<{
+    model: {
+        type: PropType<Record<string, any>>;
+        default(): any;
+    };
+    inline: {
+        type: BooleanConstructor;
     };
     inlineColumns: {
         type: NumberConstructor;
-        default: number;
     };
-    disabled: {
+    footer: {
         type: BooleanConstructor;
+        default: boolean;
     };
-}>, {
-    validate: () => Promise<any>;
-    clearValidate: () => void;
+    submitText: {
+        type: PropType<string | null>;
+        default: string;
+    };
+    resetText: {
+        type: PropType<string | null>;
+        default: string;
+    };
+    submitMethod: {
+        type: PropType<(model: FormModel) => Promise<any>>;
+    };
+    tooltipMessage: {
+        type: PropType<boolean | Partial< ElTooltipProps>>;
+        default: undefined;
+    };
+    enterSubmit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onReset?: (() => any) | undefined;
+    onSubmit?: ((model: Record<string, any>) => any) | undefined;
+    onChange?: ((model: Record<string, any>) => any) | undefined;
+}>, "reset" | "submit" | "clearValidate" | "validate" | "formRef" | ("footer" | "inline" | "tooltipMessage" | "model" | "submitText" | "resetText" | "enterSubmit")> & ShallowUnwrapRef<{
+    formRef: Ref<any, any>;
+    model: FormModel;
     submit: () => Promise<void>;
     reset: (fields?: string[] | string) => void;
-    formRef: Ref<({
-        $: ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            footer: boolean;
-            inline: boolean;
-            tooltipMessage: boolean | Partial< ElTooltipProps>;
-            model: Record<string, any>;
-            submitText: string | null;
-            resetText: string | null;
-            enterSubmit: boolean;
-        }> & Omit<{
-            readonly footer: boolean;
-            readonly inline: boolean;
-            readonly submitText: string | null;
-            readonly resetText: string | null;
-            readonly enterSubmit: boolean;
-            readonly tooltipMessage?: boolean | Partial< ElTooltipProps> | undefined;
-            readonly model?: Record<string, any> | undefined;
-            readonly inlineColumns?: number | undefined;
-            readonly submitMethod?: ((model: FormModel) => Promise<any>) | undefined;
-            readonly onReset?: (() => any) | undefined;
-            readonly onSubmit?: ((model: Record<string, any>) => any) | undefined;
-            readonly onChange?: ((model: Record<string, any>) => any) | undefined;
-        } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "footer" | "inline" | "tooltipMessage" | "model" | "submitText" | "resetText" | "enterSubmit">;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        } & {
-            formRef: ({
-                $: ComponentInternalInstance;
-                $data: {};
-                $props: Partial<{
-                    readonly disabled: boolean;
-                    readonly inline: boolean;
-                    readonly labelWidth: EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
-                    readonly labelPosition: EpPropMergeType<StringConstructor, "top" | "left" | "right", unknown>;
-                    readonly inlineMessage: boolean;
-                    readonly showMessage: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-                    readonly requireAsteriskPosition: EpPropMergeType<StringConstructor, "left" | "right", unknown>;
-                    readonly labelSuffix: string;
-                    readonly validateOnRuleChange: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-                    readonly statusIcon: boolean;
-                    readonly hideRequiredAsterisk: boolean;
-                    readonly scrollToError: boolean;
-                }> & Omit<{
-                    readonly disabled: boolean;
-                    readonly inline: boolean;
-                    readonly labelWidth: EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
-                    readonly labelPosition: EpPropMergeType<StringConstructor, "top" | "left" | "right", unknown>;
-                    readonly inlineMessage: boolean;
-                    readonly showMessage: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-                    readonly requireAsteriskPosition: EpPropMergeType<StringConstructor, "left" | "right", unknown>;
-                    readonly labelSuffix: string;
-                    readonly statusIcon: boolean;
-                    readonly validateOnRuleChange: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-                    readonly hideRequiredAsterisk: boolean;
-                    readonly scrollToError: boolean;
-                    readonly size?: EpPropMergeType<StringConstructor, "" | "large" | "default" | "small", unknown> | undefined;
-                    readonly rules?: Partial<Record<string, Arrayable<FormItemRule>>> | undefined;
-                    readonly model?: Record<string, any> | undefined;
-                    readonly scrollIntoViewOptions?: EpPropMergeType<readonly [ObjectConstructor, BooleanConstructor], unknown, unknown> | undefined;
-                    onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined | undefined;
-                } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "disabled" | "inline" | "labelWidth" | "labelPosition" | "inlineMessage" | "showMessage" | "requireAsteriskPosition" | "labelSuffix" | "statusIcon" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError">;
-                $attrs: {
-                    [x: string]: unknown;
-                };
-                $refs: {
-                    [x: string]: unknown;
-                };
-                $slots: Readonly<{
-                    [name: string]: Slot<any> | undefined;
-                }>;
-                $root: ComponentPublicInstance | null;
-                $parent: ComponentPublicInstance | null;
-                $host: Element | null;
-                $emit: (event: "validate", prop: FormItemProp, isValid: boolean, message: string) => void;
-                $el: any;
-                $options: ComponentOptionsBase<Readonly< ExtractPropTypes<{
-                    readonly model: ObjectConstructor;
-                    readonly rules: {
-                        readonly type: PropType<Partial<Record<string, Arrayable<FormItemRule>>>>;
-                        readonly required: false;
-                        readonly validator: ((val: unknown) => boolean) | undefined;
-                        __epPropKey: true;
-                    };
-                    readonly labelPosition: EpPropFinalized<StringConstructor, "top" | "left" | "right", unknown, "right", boolean>;
-                    readonly requireAsteriskPosition: EpPropFinalized<StringConstructor, "left" | "right", unknown, "left", boolean>;
-                    readonly labelWidth: EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
-                    readonly labelSuffix: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-                    readonly inline: BooleanConstructor;
-                    readonly inlineMessage: BooleanConstructor;
-                    readonly statusIcon: BooleanConstructor;
-                    readonly showMessage: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-                    readonly validateOnRuleChange: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-                    readonly hideRequiredAsterisk: BooleanConstructor;
-                    readonly scrollToError: BooleanConstructor;
-                    readonly scrollIntoViewOptions: {
-                        readonly type: PropType<EpPropMergeType<readonly [ObjectConstructor, BooleanConstructor], unknown, unknown>>;
-                        readonly required: false;
-                        readonly validator: ((val: unknown) => boolean) | undefined;
-                        __epPropKey: true;
-                    };
-                    readonly size: {
-                        readonly type: PropType<EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
-                        readonly required: false;
-                        readonly validator: ((val: unknown) => boolean) | undefined;
-                        __epPropKey: true;
-                    };
-                    readonly disabled: BooleanConstructor;
-                }>> & {
-                    onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined;
-                }, {
-                    validate: (callback?: FormValidateCallback) => FormValidationResult;
-                    validateField: (props?: Arrayable<FormItemProp>, callback?: FormValidateCallback) => FormValidationResult;
-                    resetFields: (props?: Arrayable<FormItemProp>) => void;
-                    clearValidate: (props?: Arrayable<FormItemProp>) => void;
-                    scrollToField: (prop: FormItemProp) => void;
-                    fields: FormItemContext[];
-                }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-                    validate: (prop: FormItemProp, isValid: boolean, message: string) => void;
-                }, string, {
-                    readonly disabled: boolean;
-                    readonly inline: boolean;
-                    readonly labelWidth: EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
-                    readonly labelPosition: EpPropMergeType<StringConstructor, "top" | "left" | "right", unknown>;
-                    readonly inlineMessage: boolean;
-                    readonly showMessage: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-                    readonly requireAsteriskPosition: EpPropMergeType<StringConstructor, "left" | "right", unknown>;
-                    readonly labelSuffix: string;
-                    readonly validateOnRuleChange: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-                    readonly statusIcon: boolean;
-                    readonly hideRequiredAsterisk: boolean;
-                    readonly scrollToError: boolean;
-                }, {}, string, {}, GlobalComponents, GlobalDirectives, string, 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: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
-                    renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
-                    errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
-                };
-                $forceUpdate: () => void;
-                $nextTick: nextTick;
-                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
-            } & Readonly<{
-                readonly disabled: boolean;
-                readonly inline: boolean;
-                readonly labelWidth: EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
-                readonly labelPosition: EpPropMergeType<StringConstructor, "top" | "left" | "right", unknown>;
-                readonly inlineMessage: boolean;
-                readonly showMessage: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-                readonly requireAsteriskPosition: EpPropMergeType<StringConstructor, "left" | "right", unknown>;
-                readonly labelSuffix: string;
-                readonly validateOnRuleChange: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-                readonly statusIcon: boolean;
-                readonly hideRequiredAsterisk: boolean;
-                readonly scrollToError: boolean;
-            }> & Omit<Readonly< ExtractPropTypes<{
-                readonly model: ObjectConstructor;
-                readonly rules: {
-                    readonly type: PropType<Partial<Record<string, Arrayable<FormItemRule>>>>;
-                    readonly required: false;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    __epPropKey: true;
-                };
-                readonly labelPosition: EpPropFinalized<StringConstructor, "top" | "left" | "right", unknown, "right", boolean>;
-                readonly requireAsteriskPosition: EpPropFinalized<StringConstructor, "left" | "right", unknown, "left", boolean>;
-                readonly labelWidth: EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
-                readonly labelSuffix: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-                readonly inline: BooleanConstructor;
-                readonly inlineMessage: BooleanConstructor;
-                readonly statusIcon: BooleanConstructor;
-                readonly showMessage: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-                readonly validateOnRuleChange: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-                readonly hideRequiredAsterisk: BooleanConstructor;
-                readonly scrollToError: BooleanConstructor;
-                readonly scrollIntoViewOptions: {
-                    readonly type: PropType<EpPropMergeType<readonly [ObjectConstructor, BooleanConstructor], unknown, unknown>>;
-                    readonly required: false;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    __epPropKey: true;
-                };
-                readonly size: {
-                    readonly type: PropType<EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
-                    readonly required: false;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    __epPropKey: true;
-                };
-                readonly disabled: BooleanConstructor;
-            }>> & {
-                onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined;
-            }, "disabled" | "inline" | "clearValidate" | "validate" | "labelWidth" | "labelPosition" | "inlineMessage" | "showMessage" | "fields" | "requireAsteriskPosition" | "labelSuffix" | "statusIcon" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError" | "validateField" | "resetFields" | "scrollToField"> & ShallowUnwrapRef<{
-                validate: (callback?: FormValidateCallback) => FormValidationResult;
-                validateField: (props?: Arrayable<FormItemProp>, callback?: FormValidateCallback) => FormValidationResult;
-                resetFields: (props?: Arrayable<FormItemProp>) => void;
-                clearValidate: (props?: Arrayable<FormItemProp>) => void;
-                scrollToField: (prop: FormItemProp) => void;
-                fields: FormItemContext[];
-            }> & {} & ComponentCustomProperties & {} & {
-                $slots: {
-                    default?(_: {}): any;
-                };
-            }) | null;
-        };
-        $slots: Readonly<{
-            [name: string]: Slot<any> | undefined;
-        }>;
-        $root: ComponentPublicInstance | null;
-        $parent: ComponentPublicInstance | null;
-        $host: Element | null;
-        $emit: ((event: "reset") => void) & ((event: "submit", model: Record<string, any>) => void) & ((event: "change", model: Record<string, any>) => void);
-        $el: any;
-        $options: ComponentOptionsBase<Readonly< ExtractPropTypes<{
-            model: {
-                type: PropType<Record<string, any>>;
-                default(): any;
-            };
-            inline: {
-                type: BooleanConstructor;
-            };
-            inlineColumns: {
-                type: NumberConstructor;
-            };
-            footer: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            submitText: {
-                type: PropType<string | null>;
-                default: string;
-            };
-            resetText: {
-                type: PropType<string | null>;
-                default: string;
-            };
-            submitMethod: {
-                type: PropType<(model: FormModel) => Promise<any>>;
-            };
-            tooltipMessage: {
-                type: PropType<boolean | Partial< ElTooltipProps>>;
-                default: undefined;
-            };
-            enterSubmit: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-        }>> & Readonly<{
-            onReset?: (() => any) | undefined;
-            onSubmit?: ((model: Record<string, any>) => any) | undefined;
-            onChange?: ((model: Record<string, any>) => any) | undefined;
-        }>, {
-            formRef: Ref<any, any>;
-            model: FormModel;
-            submit: () => Promise<void>;
-            reset: (fields?: string[] | string) => void;
-            validate: () => Promise<any>;
-            clearValidate: () => void;
-        }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-            reset: () => any;
-            submit: (model: Record<string, any>) => any;
-            change: (model: Record<string, any>) => any;
-        }, string, {
-            footer: boolean;
-            inline: boolean;
-            tooltipMessage: boolean | Partial< ElTooltipProps>;
-            model: Record<string, any>;
-            submitText: string | null;
-            resetText: string | null;
-            enterSubmit: boolean;
-        }, {}, string, {}, GlobalComponents, GlobalDirectives, string, 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: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
-            renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
-            errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
-        };
-        $forceUpdate: () => void;
-        $nextTick: nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
-    } & Readonly<{
+    validate: () => Promise<any>;
+    clearValidate: () => void;
+}> & {} & ComponentCustomProperties & {} & {
+    $slots: {
+        default?: ((props: {}) => any) | undefined;
+        footer?: ((props: {}) => any) | undefined;
+        action?: ((props: {}) => any) | undefined;
+    };
+}) | undefined, ({
+    $: ComponentInternalInstance;
+    $data: {};
+    $props: Partial<{
         footer: boolean;
         inline: boolean;
         tooltipMessage: boolean | Partial< ElTooltipProps>;
@@ -705,7 +191,35 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
         submitText: string | null;
         resetText: string | null;
         enterSubmit: boolean;
-    }> & Omit<Readonly< ExtractPropTypes<{
+    }> & Omit<{
+        readonly footer: boolean;
+        readonly inline: boolean;
+        readonly submitText: string | null;
+        readonly resetText: string | null;
+        readonly enterSubmit: boolean;
+        readonly tooltipMessage?: boolean | Partial< ElTooltipProps> | undefined;
+        readonly model?: Record<string, any> | undefined;
+        readonly submitMethod?: ((model: FormModel) => Promise<any>) | undefined;
+        readonly inlineColumns?: number | undefined;
+        readonly onReset?: (() => any) | undefined;
+        readonly onSubmit?: ((model: Record<string, any>) => any) | undefined;
+        readonly onChange?: ((model: Record<string, any>) => any) | undefined;
+    } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "footer" | "inline" | "tooltipMessage" | "model" | "submitText" | "resetText" | "enterSubmit">;
+    $attrs: {
+        [x: string]: unknown;
+    };
+    $refs: {
+        [x: string]: unknown;
+    };
+    $slots: Readonly<{
+        [name: string]: Slot<any> | undefined;
+    }>;
+    $root: ComponentPublicInstance | null;
+    $parent: ComponentPublicInstance | null;
+    $host: Element | null;
+    $emit: ((event: "reset") => void) & ((event: "submit", model: Record<string, any>) => void) & ((event: "change", model: Record<string, any>) => void);
+    $el: any;
+    $options: ComponentOptionsBase<Readonly< ExtractPropTypes<{
         model: {
             type: PropType<Record<string, any>>;
             default(): any;
@@ -743,20 +257,191 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
         onReset?: (() => any) | undefined;
         onSubmit?: ((model: Record<string, any>) => any) | undefined;
         onChange?: ((model: Record<string, any>) => any) | undefined;
-    }>, "reset" | "submit" | "clearValidate" | "validate" | "formRef" | ("footer" | "inline" | "tooltipMessage" | "model" | "submitText" | "resetText" | "enterSubmit")> & ShallowUnwrapRef<{
+    }>, {
         formRef: Ref<any, any>;
         model: FormModel;
         submit: () => Promise<void>;
         reset: (fields?: string[] | string) => void;
         validate: () => Promise<any>;
         clearValidate: () => void;
-    }> & {} & ComponentCustomProperties & {} & {
-        $slots: {
-            default?(_: {}): any;
-            footer?(_: {}): any;
-            action?(_: {}): any;
-        };
-    }) | undefined, ({
+    }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+        reset: () => any;
+        submit: (model: Record<string, any>) => any;
+        change: (model: Record<string, any>) => any;
+    }, string, {
+        footer: boolean;
+        inline: boolean;
+        tooltipMessage: boolean | Partial< ElTooltipProps>;
+        model: Record<string, any>;
+        submitText: string | null;
+        resetText: string | null;
+        enterSubmit: boolean;
+    }, {}, string, {}, GlobalComponents, GlobalDirectives, string, 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: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+        renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+        errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+    };
+    $forceUpdate: () => void;
+    $nextTick: nextTick;
+    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
+} & Readonly<{
+    footer: boolean;
+    inline: boolean;
+    tooltipMessage: boolean | Partial< ElTooltipProps>;
+    model: Record<string, any>;
+    submitText: string | null;
+    resetText: string | null;
+    enterSubmit: boolean;
+}> & Omit<Readonly< ExtractPropTypes<{
+    model: {
+        type: PropType<Record<string, any>>;
+        default(): any;
+    };
+    inline: {
+        type: BooleanConstructor;
+    };
+    inlineColumns: {
+        type: NumberConstructor;
+    };
+    footer: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    submitText: {
+        type: PropType<string | null>;
+        default: string;
+    };
+    resetText: {
+        type: PropType<string | null>;
+        default: string;
+    };
+    submitMethod: {
+        type: PropType<(model: FormModel) => Promise<any>>;
+    };
+    tooltipMessage: {
+        type: PropType<boolean | Partial< ElTooltipProps>>;
+        default: undefined;
+    };
+    enterSubmit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onReset?: (() => any) | undefined;
+    onSubmit?: ((model: Record<string, any>) => any) | undefined;
+    onChange?: ((model: Record<string, any>) => any) | undefined;
+}>, "reset" | "submit" | "clearValidate" | "validate" | "formRef" | ("footer" | "inline" | "tooltipMessage" | "model" | "submitText" | "resetText" | "enterSubmit")> & ShallowUnwrapRef<{
+    formRef: Ref<any, any>;
+    model: FormModel;
+    submit: () => Promise<void>;
+    reset: (fields?: string[] | string) => void;
+    validate: () => Promise<any>;
+    clearValidate: () => void;
+}> & {} & ComponentCustomProperties & {} & {
+    $slots: {
+        default?: ((props: {}) => any) | undefined;
+        footer?: ((props: {}) => any) | undefined;
+        action?: ((props: {}) => any) | undefined;
+    };
+}) | undefined>;
+declare const collapsed: Ref<boolean, boolean>, toggleCollapsed: () => Promise<void>, collapsedClass: ComputedRef<{
+    'is-collapsed': boolean | undefined;
+}>, collapsedStyle: ComputedRef<{
+    height: string;
+} | null>, showCollapsible: ComputedRef<boolean | undefined>;
+declare const isSlotField: (item: QueryFormItem) => item is string;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_7: {}, __VLS_10: string, __VLS_11: {};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    [K in NonNullable<typeof __VLS_10>]?: (props: typeof __VLS_11) => any;
+} & {
+    default?: (props: typeof __VLS_7) => any;
+}>;
+declare const __VLS_self: DefineComponent<ExtractPropTypes<{
+    collapsible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    items: {
+        type: PropType<QueryFormItems>;
+    };
+    inlineColumns: {
+        type: NumberConstructor;
+        default: number;
+    };
+    disabled: {
+        type: BooleanConstructor;
+    };
+}>, {
+    XForm: typeof XForm;
+    XAction: typeof XAction;
+    XField: typeof XField;
+    CaretBottom: typeof CaretBottom;
+    CaretTop: typeof CaretTop;
+    formRef: typeof formRef;
+    collapsed: typeof collapsed;
+    toggleCollapsed: typeof toggleCollapsed;
+    collapsedClass: typeof collapsedClass;
+    collapsedStyle: typeof collapsedStyle;
+    showCollapsible: typeof showCollapsible;
+    isSlotField: typeof isSlotField;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    collapsed: (Collapsed: boolean) => any;
+}, string, PublicProps, Readonly< ExtractPropTypes<{
+    collapsible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    items: {
+        type: PropType<QueryFormItems>;
+    };
+    inlineColumns: {
+        type: NumberConstructor;
+        default: number;
+    };
+    disabled: {
+        type: BooleanConstructor;
+    };
+}>> & Readonly<{
+    onCollapsed?: ((Collapsed: boolean) => any) | undefined;
+}>, {
+    disabled: boolean;
+    collapsible: boolean;
+    inlineColumns: number;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+declare const __VLS_component: DefineComponent<ExtractPropTypes<{
+    collapsible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    items: {
+        type: PropType<QueryFormItems>;
+    };
+    inlineColumns: {
+        type: NumberConstructor;
+        default: number;
+    };
+    disabled: {
+        type: BooleanConstructor;
+    };
+}>, {
+    validate: () => Promise<any>;
+    clearValidate: () => void;
+    submit: () => Promise<void>;
+    reset: (fields?: string[] | string) => void;
+    formRef: Ref<({
         $: ComponentInternalInstance;
         $data: {};
         $props: Partial<{
@@ -775,8 +460,8 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
             readonly enterSubmit: boolean;
             readonly tooltipMessage?: boolean | Partial< ElTooltipProps> | undefined;
             readonly model?: Record<string, any> | undefined;
-            readonly inlineColumns?: number | undefined;
             readonly submitMethod?: ((model: FormModel) => Promise<any>) | undefined;
+            readonly inlineColumns?: number | undefined;
             readonly onReset?: (() => any) | undefined;
             readonly onSubmit?: ((model: Record<string, any>) => any) | undefined;
             readonly onChange?: ((model: Record<string, any>) => any) | undefined;
@@ -786,191 +471,6 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
         };
         $refs: {
             [x: string]: unknown;
-        } & {
-            formRef: ({
-                $: ComponentInternalInstance;
-                $data: {};
-                $props: Partial<{
-                    readonly disabled: boolean;
-                    readonly inline: boolean;
-                    readonly labelWidth: EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
-                    readonly labelPosition: EpPropMergeType<StringConstructor, "top" | "left" | "right", unknown>;
-                    readonly inlineMessage: boolean;
-                    readonly showMessage: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-                    readonly requireAsteriskPosition: EpPropMergeType<StringConstructor, "left" | "right", unknown>;
-                    readonly labelSuffix: string;
-                    readonly validateOnRuleChange: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-                    readonly statusIcon: boolean;
-                    readonly hideRequiredAsterisk: boolean;
-                    readonly scrollToError: boolean;
-                }> & Omit<{
-                    readonly disabled: boolean;
-                    readonly inline: boolean;
-                    readonly labelWidth: EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
-                    readonly labelPosition: EpPropMergeType<StringConstructor, "top" | "left" | "right", unknown>;
-                    readonly inlineMessage: boolean;
-                    readonly showMessage: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-                    readonly requireAsteriskPosition: EpPropMergeType<StringConstructor, "left" | "right", unknown>;
-                    readonly labelSuffix: string;
-                    readonly statusIcon: boolean;
-                    readonly validateOnRuleChange: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-                    readonly hideRequiredAsterisk: boolean;
-                    readonly scrollToError: boolean;
-                    readonly size?: EpPropMergeType<StringConstructor, "" | "large" | "default" | "small", unknown> | undefined;
-                    readonly rules?: Partial<Record<string, Arrayable<FormItemRule>>> | undefined;
-                    readonly model?: Record<string, any> | undefined;
-                    readonly scrollIntoViewOptions?: EpPropMergeType<readonly [ObjectConstructor, BooleanConstructor], unknown, unknown> | undefined;
-                    onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined | undefined;
-                } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "disabled" | "inline" | "labelWidth" | "labelPosition" | "inlineMessage" | "showMessage" | "requireAsteriskPosition" | "labelSuffix" | "statusIcon" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError">;
-                $attrs: {
-                    [x: string]: unknown;
-                };
-                $refs: {
-                    [x: string]: unknown;
-                };
-                $slots: Readonly<{
-                    [name: string]: Slot<any> | undefined;
-                }>;
-                $root: ComponentPublicInstance | null;
-                $parent: ComponentPublicInstance | null;
-                $host: Element | null;
-                $emit: (event: "validate", prop: FormItemProp, isValid: boolean, message: string) => void;
-                $el: any;
-                $options: ComponentOptionsBase<Readonly< ExtractPropTypes<{
-                    readonly model: ObjectConstructor;
-                    readonly rules: {
-                        readonly type: PropType<Partial<Record<string, Arrayable<FormItemRule>>>>;
-                        readonly required: false;
-                        readonly validator: ((val: unknown) => boolean) | undefined;
-                        __epPropKey: true;
-                    };
-                    readonly labelPosition: EpPropFinalized<StringConstructor, "top" | "left" | "right", unknown, "right", boolean>;
-                    readonly requireAsteriskPosition: EpPropFinalized<StringConstructor, "left" | "right", unknown, "left", boolean>;
-                    readonly labelWidth: EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
-                    readonly labelSuffix: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-                    readonly inline: BooleanConstructor;
-                    readonly inlineMessage: BooleanConstructor;
-                    readonly statusIcon: BooleanConstructor;
-                    readonly showMessage: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-                    readonly validateOnRuleChange: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-                    readonly hideRequiredAsterisk: BooleanConstructor;
-                    readonly scrollToError: BooleanConstructor;
-                    readonly scrollIntoViewOptions: {
-                        readonly type: PropType<EpPropMergeType<readonly [ObjectConstructor, BooleanConstructor], unknown, unknown>>;
-                        readonly required: false;
-                        readonly validator: ((val: unknown) => boolean) | undefined;
-                        __epPropKey: true;
-                    };
-                    readonly size: {
-                        readonly type: PropType<EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
-                        readonly required: false;
-                        readonly validator: ((val: unknown) => boolean) | undefined;
-                        __epPropKey: true;
-                    };
-                    readonly disabled: BooleanConstructor;
-                }>> & {
-                    onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined;
-                }, {
-                    validate: (callback?: FormValidateCallback) => FormValidationResult;
-                    validateField: (props?: Arrayable<FormItemProp>, callback?: FormValidateCallback) => FormValidationResult;
-                    resetFields: (props?: Arrayable<FormItemProp>) => void;
-                    clearValidate: (props?: Arrayable<FormItemProp>) => void;
-                    scrollToField: (prop: FormItemProp) => void;
-                    fields: FormItemContext[];
-                }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-                    validate: (prop: FormItemProp, isValid: boolean, message: string) => void;
-                }, string, {
-                    readonly disabled: boolean;
-                    readonly inline: boolean;
-                    readonly labelWidth: EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
-                    readonly labelPosition: EpPropMergeType<StringConstructor, "top" | "left" | "right", unknown>;
-                    readonly inlineMessage: boolean;
-                    readonly showMessage: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-                    readonly requireAsteriskPosition: EpPropMergeType<StringConstructor, "left" | "right", unknown>;
-                    readonly labelSuffix: string;
-                    readonly validateOnRuleChange: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-                    readonly statusIcon: boolean;
-                    readonly hideRequiredAsterisk: boolean;
-                    readonly scrollToError: boolean;
-                }, {}, string, {}, GlobalComponents, GlobalDirectives, string, 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: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
-                    renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
-                    errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
-                };
-                $forceUpdate: () => void;
-                $nextTick: nextTick;
-                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
-            } & Readonly<{
-                readonly disabled: boolean;
-                readonly inline: boolean;
-                readonly labelWidth: EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
-                readonly labelPosition: EpPropMergeType<StringConstructor, "top" | "left" | "right", unknown>;
-                readonly inlineMessage: boolean;
-                readonly showMessage: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-                readonly requireAsteriskPosition: EpPropMergeType<StringConstructor, "left" | "right", unknown>;
-                readonly labelSuffix: string;
-                readonly validateOnRuleChange: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-                readonly statusIcon: boolean;
-                readonly hideRequiredAsterisk: boolean;
-                readonly scrollToError: boolean;
-            }> & Omit<Readonly< ExtractPropTypes<{
-                readonly model: ObjectConstructor;
-                readonly rules: {
-                    readonly type: PropType<Partial<Record<string, Arrayable<FormItemRule>>>>;
-                    readonly required: false;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    __epPropKey: true;
-                };
-                readonly labelPosition: EpPropFinalized<StringConstructor, "top" | "left" | "right", unknown, "right", boolean>;
-                readonly requireAsteriskPosition: EpPropFinalized<StringConstructor, "left" | "right", unknown, "left", boolean>;
-                readonly labelWidth: EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
-                readonly labelSuffix: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-                readonly inline: BooleanConstructor;
-                readonly inlineMessage: BooleanConstructor;
-                readonly statusIcon: BooleanConstructor;
-                readonly showMessage: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-                readonly validateOnRuleChange: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-                readonly hideRequiredAsterisk: BooleanConstructor;
-                readonly scrollToError: BooleanConstructor;
-                readonly scrollIntoViewOptions: {
-                    readonly type: PropType<EpPropMergeType<readonly [ObjectConstructor, BooleanConstructor], unknown, unknown>>;
-                    readonly required: false;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    __epPropKey: true;
-                };
-                readonly size: {
-                    readonly type: PropType<EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
-                    readonly required: false;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    __epPropKey: true;
-                };
-                readonly disabled: BooleanConstructor;
-            }>> & {
-                onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined;
-            }, "disabled" | "inline" | "clearValidate" | "validate" | "labelWidth" | "labelPosition" | "inlineMessage" | "showMessage" | "fields" | "requireAsteriskPosition" | "labelSuffix" | "statusIcon" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError" | "validateField" | "resetFields" | "scrollToField"> & ShallowUnwrapRef<{
-                validate: (callback?: FormValidateCallback) => FormValidationResult;
-                validateField: (props?: Arrayable<FormItemProp>, callback?: FormValidateCallback) => FormValidationResult;
-                resetFields: (props?: Arrayable<FormItemProp>) => void;
-                clearValidate: (props?: Arrayable<FormItemProp>) => void;
-                scrollToField: (prop: FormItemProp) => void;
-                fields: FormItemContext[];
-            }> & {} & ComponentCustomProperties & {} & {
-                $slots: {
-                    default?(_: {}): any;
-                };
-            }) | null;
         };
         $slots: Readonly<{
             [name: string]: Slot<any> | undefined;
@@ -1112,37 +612,11 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
         clearValidate: () => void;
     }> & {} & ComponentCustomProperties & {} & {
         $slots: {
-            default?(_: {}): any;
-            footer?(_: {}): any;
-            action?(_: {}): any;
+            default?: ((props: {}) => any) | undefined;
+            footer?: ((props: {}) => any) | undefined;
+            action?: ((props: {}) => any) | undefined;
         };
-    }) | undefined>;
-    $vtjDynamicSlots: () => boolean[];
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-    collapsed: (Collapsed: boolean) => any;
-}, string, PublicProps, Readonly< ExtractPropTypes<{
-    collapsible: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    items: {
-        type: PropType<QueryFormItems>;
-    };
-    inlineColumns: {
-        type: NumberConstructor;
-        default: number;
-    };
-    disabled: {
-        type: BooleanConstructor;
-    };
-}>> & Readonly<{
-    onCollapsed?: ((Collapsed: boolean) => any) | undefined;
-}>, {
-    disabled: boolean;
-    collapsible: boolean;
-    inlineColumns: number;
-}, {}, {}, {}, string, ComponentProvideOptions, true, {
-    formRef: ({
+    }) | undefined, ({
         $: ComponentInternalInstance;
         $data: {};
         $props: Partial<{
@@ -1161,8 +635,8 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
             readonly enterSubmit: boolean;
             readonly tooltipMessage?: boolean | Partial< ElTooltipProps> | undefined;
             readonly model?: Record<string, any> | undefined;
-            readonly inlineColumns?: number | undefined;
             readonly submitMethod?: ((model: FormModel) => Promise<any>) | undefined;
+            readonly inlineColumns?: number | undefined;
             readonly onReset?: (() => any) | undefined;
             readonly onSubmit?: ((model: Record<string, any>) => any) | undefined;
             readonly onChange?: ((model: Record<string, any>) => any) | undefined;
@@ -1172,191 +646,6 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
         };
         $refs: {
             [x: string]: unknown;
-        } & {
-            formRef: ({
-                $: ComponentInternalInstance;
-                $data: {};
-                $props: Partial<{
-                    readonly disabled: boolean;
-                    readonly inline: boolean;
-                    readonly labelWidth: EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
-                    readonly labelPosition: EpPropMergeType<StringConstructor, "top" | "left" | "right", unknown>;
-                    readonly inlineMessage: boolean;
-                    readonly showMessage: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-                    readonly requireAsteriskPosition: EpPropMergeType<StringConstructor, "left" | "right", unknown>;
-                    readonly labelSuffix: string;
-                    readonly validateOnRuleChange: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-                    readonly statusIcon: boolean;
-                    readonly hideRequiredAsterisk: boolean;
-                    readonly scrollToError: boolean;
-                }> & Omit<{
-                    readonly disabled: boolean;
-                    readonly inline: boolean;
-                    readonly labelWidth: EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
-                    readonly labelPosition: EpPropMergeType<StringConstructor, "top" | "left" | "right", unknown>;
-                    readonly inlineMessage: boolean;
-                    readonly showMessage: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-                    readonly requireAsteriskPosition: EpPropMergeType<StringConstructor, "left" | "right", unknown>;
-                    readonly labelSuffix: string;
-                    readonly statusIcon: boolean;
-                    readonly validateOnRuleChange: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-                    readonly hideRequiredAsterisk: boolean;
-                    readonly scrollToError: boolean;
-                    readonly size?: EpPropMergeType<StringConstructor, "" | "large" | "default" | "small", unknown> | undefined;
-                    readonly rules?: Partial<Record<string, Arrayable<FormItemRule>>> | undefined;
-                    readonly model?: Record<string, any> | undefined;
-                    readonly scrollIntoViewOptions?: EpPropMergeType<readonly [ObjectConstructor, BooleanConstructor], unknown, unknown> | undefined;
-                    onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined | undefined;
-                } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "disabled" | "inline" | "labelWidth" | "labelPosition" | "inlineMessage" | "showMessage" | "requireAsteriskPosition" | "labelSuffix" | "statusIcon" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError">;
-                $attrs: {
-                    [x: string]: unknown;
-                };
-                $refs: {
-                    [x: string]: unknown;
-                };
-                $slots: Readonly<{
-                    [name: string]: Slot<any> | undefined;
-                }>;
-                $root: ComponentPublicInstance | null;
-                $parent: ComponentPublicInstance | null;
-                $host: Element | null;
-                $emit: (event: "validate", prop: FormItemProp, isValid: boolean, message: string) => void;
-                $el: any;
-                $options: ComponentOptionsBase<Readonly< ExtractPropTypes<{
-                    readonly model: ObjectConstructor;
-                    readonly rules: {
-                        readonly type: PropType<Partial<Record<string, Arrayable<FormItemRule>>>>;
-                        readonly required: false;
-                        readonly validator: ((val: unknown) => boolean) | undefined;
-                        __epPropKey: true;
-                    };
-                    readonly labelPosition: EpPropFinalized<StringConstructor, "top" | "left" | "right", unknown, "right", boolean>;
-                    readonly requireAsteriskPosition: EpPropFinalized<StringConstructor, "left" | "right", unknown, "left", boolean>;
-                    readonly labelWidth: EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
-                    readonly labelSuffix: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-                    readonly inline: BooleanConstructor;
-                    readonly inlineMessage: BooleanConstructor;
-                    readonly statusIcon: BooleanConstructor;
-                    readonly showMessage: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-                    readonly validateOnRuleChange: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-                    readonly hideRequiredAsterisk: BooleanConstructor;
-                    readonly scrollToError: BooleanConstructor;
-                    readonly scrollIntoViewOptions: {
-                        readonly type: PropType<EpPropMergeType<readonly [ObjectConstructor, BooleanConstructor], unknown, unknown>>;
-                        readonly required: false;
-                        readonly validator: ((val: unknown) => boolean) | undefined;
-                        __epPropKey: true;
-                    };
-                    readonly size: {
-                        readonly type: PropType<EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
-                        readonly required: false;
-                        readonly validator: ((val: unknown) => boolean) | undefined;
-                        __epPropKey: true;
-                    };
-                    readonly disabled: BooleanConstructor;
-                }>> & {
-                    onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined;
-                }, {
-                    validate: (callback?: FormValidateCallback) => FormValidationResult;
-                    validateField: (props?: Arrayable<FormItemProp>, callback?: FormValidateCallback) => FormValidationResult;
-                    resetFields: (props?: Arrayable<FormItemProp>) => void;
-                    clearValidate: (props?: Arrayable<FormItemProp>) => void;
-                    scrollToField: (prop: FormItemProp) => void;
-                    fields: FormItemContext[];
-                }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-                    validate: (prop: FormItemProp, isValid: boolean, message: string) => void;
-                }, string, {
-                    readonly disabled: boolean;
-                    readonly inline: boolean;
-                    readonly labelWidth: EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
-                    readonly labelPosition: EpPropMergeType<StringConstructor, "top" | "left" | "right", unknown>;
-                    readonly inlineMessage: boolean;
-                    readonly showMessage: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-                    readonly requireAsteriskPosition: EpPropMergeType<StringConstructor, "left" | "right", unknown>;
-                    readonly labelSuffix: string;
-                    readonly validateOnRuleChange: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-                    readonly statusIcon: boolean;
-                    readonly hideRequiredAsterisk: boolean;
-                    readonly scrollToError: boolean;
-                }, {}, string, {}, GlobalComponents, GlobalDirectives, string, 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: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
-                    renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
-                    errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
-                };
-                $forceUpdate: () => void;
-                $nextTick: nextTick;
-                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
-            } & Readonly<{
-                readonly disabled: boolean;
-                readonly inline: boolean;
-                readonly labelWidth: EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
-                readonly labelPosition: EpPropMergeType<StringConstructor, "top" | "left" | "right", unknown>;
-                readonly inlineMessage: boolean;
-                readonly showMessage: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-                readonly requireAsteriskPosition: EpPropMergeType<StringConstructor, "left" | "right", unknown>;
-                readonly labelSuffix: string;
-                readonly validateOnRuleChange: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-                readonly statusIcon: boolean;
-                readonly hideRequiredAsterisk: boolean;
-                readonly scrollToError: boolean;
-            }> & Omit<Readonly< ExtractPropTypes<{
-                readonly model: ObjectConstructor;
-                readonly rules: {
-                    readonly type: PropType<Partial<Record<string, Arrayable<FormItemRule>>>>;
-                    readonly required: false;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    __epPropKey: true;
-                };
-                readonly labelPosition: EpPropFinalized<StringConstructor, "top" | "left" | "right", unknown, "right", boolean>;
-                readonly requireAsteriskPosition: EpPropFinalized<StringConstructor, "left" | "right", unknown, "left", boolean>;
-                readonly labelWidth: EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
-                readonly labelSuffix: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-                readonly inline: BooleanConstructor;
-                readonly inlineMessage: BooleanConstructor;
-                readonly statusIcon: BooleanConstructor;
-                readonly showMessage: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-                readonly validateOnRuleChange: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-                readonly hideRequiredAsterisk: BooleanConstructor;
-                readonly scrollToError: BooleanConstructor;
-                readonly scrollIntoViewOptions: {
-                    readonly type: PropType<EpPropMergeType<readonly [ObjectConstructor, BooleanConstructor], unknown, unknown>>;
-                    readonly required: false;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    __epPropKey: true;
-                };
-                readonly size: {
-                    readonly type: PropType<EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
-                    readonly required: false;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    __epPropKey: true;
-                };
-                readonly disabled: BooleanConstructor;
-            }>> & {
-                onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined;
-            }, "disabled" | "inline" | "clearValidate" | "validate" | "labelWidth" | "labelPosition" | "inlineMessage" | "showMessage" | "fields" | "requireAsteriskPosition" | "labelSuffix" | "statusIcon" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError" | "validateField" | "resetFields" | "scrollToField"> & ShallowUnwrapRef<{
-                validate: (callback?: FormValidateCallback) => FormValidationResult;
-                validateField: (props?: Arrayable<FormItemProp>, callback?: FormValidateCallback) => FormValidationResult;
-                resetFields: (props?: Arrayable<FormItemProp>) => void;
-                clearValidate: (props?: Arrayable<FormItemProp>) => void;
-                scrollToField: (prop: FormItemProp) => void;
-                fields: FormItemContext[];
-            }> & {} & ComponentCustomProperties & {} & {
-                $slots: {
-                    default?(_: {}): any;
-                };
-            }) | null;
         };
         $slots: Readonly<{
             [name: string]: Slot<any> | undefined;
@@ -1498,15 +787,39 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
         clearValidate: () => void;
     }> & {} & ComponentCustomProperties & {} & {
         $slots: {
-            default?(_: {}): any;
-            footer?(_: {}): any;
-            action?(_: {}): any;
+            default?: ((props: {}) => any) | undefined;
+            footer?: ((props: {}) => any) | undefined;
+            action?: ((props: {}) => any) | undefined;
         };
-    }) | null;
-}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+    }) | undefined>;
+    $vtjDynamicSlots: () => boolean[];
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    collapsed: (Collapsed: boolean) => any;
+}, string, PublicProps, Readonly< ExtractPropTypes<{
+    collapsible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    items: {
+        type: PropType<QueryFormItems>;
+    };
+    inlineColumns: {
+        type: NumberConstructor;
+        default: number;
+    };
+    disabled: {
+        type: BooleanConstructor;
+    };
+}>> & Readonly<{
+    onCollapsed?: ((Collapsed: boolean) => any) | undefined;
+}>, {
+    disabled: boolean;
+    collapsible: boolean;
+    inlineColumns: number;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };