@vtj/ui 0.10.6 → 0.10.8

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

@@ -1,189 +1,703 @@
-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 { 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 { 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';
-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: {
-        [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;
-        };
-        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;
+import { QueryFormItems } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Partial<Record<string, (_: {}) => any>> & {
+        default?(_: {}): any;
     };
-    inlineColumns: {
-        type: NumberConstructor;
+    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;
     };
-    footer: {
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<ExtractPropTypes<{
+    collapsible: {
         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>>;
+    items: {
+        type: PropType<QueryFormItems>;
     };
-    tooltipMessage: {
-        type: PropType<boolean | Partial< ElTooltipProps>>;
-        default: undefined;
+    inlineColumns: {
+        type: NumberConstructor;
+        default: number;
     };
-    enterSubmit: {
+    disabled: {
         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, ({
-    $: ComponentInternalInstance;
-    $data: {};
-    $props: Partial<{
+    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<{
         footer: boolean;
         inline: boolean;
         tooltipMessage: boolean | Partial< ElTooltipProps>;
@@ -191,35 +705,7 @@ declare const formRef: Ref<({
         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: {
-        [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<{
+    }> & Omit<Readonly< ExtractPropTypes<{
         model: {
             type: PropType<Record<string, any>>;
             default(): any;
@@ -257,191 +743,20 @@ declare const formRef: Ref<({
         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;
-    }, {}, {}, {}, 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<({
+    }> & {} & ComponentCustomProperties & {} & {
+        $slots: {
+            default?(_: {}): any;
+            footer?(_: {}): any;
+            action?(_: {}): any;
+        };
+    }) | undefined, ({
         $: ComponentInternalInstance;
         $data: {};
         $props: Partial<{
@@ -460,8 +775,8 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
             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 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;
@@ -471,6 +786,191 @@ 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;
@@ -612,11 +1112,37 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
         clearValidate: () => void;
     }> & {} & ComponentCustomProperties & {} & {
         $slots: {
-            default?: ((props: {}) => any) | undefined;
-            footer?: ((props: {}) => any) | undefined;
-            action?: ((props: {}) => any) | undefined;
+            default?(_: {}): any;
+            footer?(_: {}): any;
+            action?(_: {}): 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: ({
         $: ComponentInternalInstance;
         $data: {};
         $props: Partial<{
@@ -635,8 +1161,8 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
             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 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;
@@ -646,6 +1172,191 @@ 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;
@@ -787,39 +1498,15 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
         clearValidate: () => void;
     }> & {} & ComponentCustomProperties & {} & {
         $slots: {
-            default?: ((props: {}) => any) | undefined;
-            footer?: ((props: {}) => any) | undefined;
-            action?: ((props: {}) => any) | undefined;
+            default?(_: {}): any;
+            footer?(_: {}): any;
+            action?(_: {}): any;
         };
-    }) | 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>;
+    }) | null;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
-type __VLS_WithSlots<T, S> = T & {
+type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };