@vtj/ui 0.9.30 → 0.10.0

package/types/components/dialog-form/DialogForm.d.ts

@@ -1,12 +1,16 @@
-import { ComponentInternalInstance, VNode, RendererNode, RendererElement, DefineComponent, Ref, VNodeProps, AllowedComponentProps, ComponentCustomProps, Slot, ComponentPublicInstance, ComponentOptionsBase, ExtractPropTypes, PropType, ComputedRef, ComponentOptionsMixin, GlobalComponents, GlobalDirectives, ComponentProvideOptions, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, PublicProps } from 'vue';
+import { ComponentInternalInstance, VNode, RendererNode, RendererElement, DefineComponent, Ref, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, PropType, Slot, ComponentPublicInstance, ComponentOptionsBase, ComputedRef, ComponentOptionsMixin, GlobalComponents, GlobalDirectives, ComponentProvideOptions, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, PublicProps } from 'vue';
 import { BaseSize } from '../shared';
 import { DialogMode } from '../dialog';
 import { DraggableOptions, ResizableOptions } from '../..';
 import { IconParam } from '../icon';
 import { UseMouseSourceType, Position } from '@vueuse/core';
+import { ContainerDirection, ContainerWrap, ContainerJustifyContent, ContainerAlignItems, ContainerAlignContent, ContainerProps } from '../container';
 import { OnCleanup } from '@vue/reactivity';
-import { ElTooltipProps, FormRules } from 'element-plus';
+import { HeaderProps } from '../header';
+import { ElTooltipProps, FormItemRule, FormItemProp, FormValidateCallback, FormValidationResult, FormItemContext, FormRules } 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';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -119,6 +123,566 @@ declare function __VLS_template(): {
             };
             $refs: {
                 [x: string]: unknown;
+            } & {
+                wrapper: HTMLDivElement;
+                panelRef: ({
+                    $: ComponentInternalInstance;
+                    $data: {};
+                    $props: Partial<{
+                        radius: boolean;
+                        fit: boolean;
+                        border: boolean;
+                        card: boolean;
+                    }> & Omit<{
+                        readonly radius: boolean;
+                        readonly fit: boolean;
+                        readonly border: boolean;
+                        readonly card: boolean;
+                        readonly size?: BaseSize | undefined;
+                        readonly body?: Readonly<Partial< ExtractPropTypes<{
+                            tag: {
+                                type: StringConstructor;
+                                default: string;
+                            };
+                            fit: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            width: {
+                                type: (StringConstructor | NumberConstructor)[];
+                            };
+                            height: {
+                                type: (StringConstructor | NumberConstructor)[];
+                            };
+                            flex: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            inline: {
+                                type: BooleanConstructor;
+                            };
+                            direction: {
+                                type: PropType<ContainerDirection>;
+                                default: string;
+                            };
+                            wrap: {
+                                type: PropType<ContainerWrap>;
+                                default: string;
+                            };
+                            justify: {
+                                type: PropType<ContainerJustifyContent>;
+                                default: string;
+                            };
+                            align: {
+                                type: PropType<ContainerAlignItems>;
+                                default: string;
+                            };
+                            alignContent: {
+                                type: PropType<ContainerAlignContent>;
+                                default: string;
+                            };
+                            grow: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            shrink: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            alignSelf: {
+                                type: PropType<"auto" | ContainerAlignItems>;
+                                default: string;
+                            };
+                            overflow: {
+                                type: PropType<"auto" | "hidden" | "visible">;
+                            };
+                            padding: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            gap: {
+                                type: BooleanConstructor;
+                            };
+                            autoPointer: {
+                                type: BooleanConstructor;
+                            };
+                        }>>> | undefined;
+                        readonly footer?: Readonly<Partial< ExtractPropTypes<{
+                            tag: {
+                                type: StringConstructor;
+                                default: string;
+                            };
+                            fit: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            width: {
+                                type: (StringConstructor | NumberConstructor)[];
+                            };
+                            height: {
+                                type: (StringConstructor | NumberConstructor)[];
+                            };
+                            flex: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            inline: {
+                                type: BooleanConstructor;
+                            };
+                            direction: {
+                                type: PropType<ContainerDirection>;
+                                default: string;
+                            };
+                            wrap: {
+                                type: PropType<ContainerWrap>;
+                                default: string;
+                            };
+                            justify: {
+                                type: PropType<ContainerJustifyContent>;
+                                default: string;
+                            };
+                            align: {
+                                type: PropType<ContainerAlignItems>;
+                                default: string;
+                            };
+                            alignContent: {
+                                type: PropType<ContainerAlignContent>;
+                                default: string;
+                            };
+                            grow: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            shrink: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            alignSelf: {
+                                type: PropType<"auto" | ContainerAlignItems>;
+                                default: string;
+                            };
+                            overflow: {
+                                type: PropType<"auto" | "hidden" | "visible">;
+                            };
+                            padding: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            gap: {
+                                type: BooleanConstructor;
+                            };
+                            autoPointer: {
+                                type: BooleanConstructor;
+                            };
+                        }>>> | undefined;
+                        readonly header?: string | Readonly<Partial< ExtractPropTypes<{
+                            size: {
+                                type: PropType<BaseSize>;
+                                default: string;
+                            };
+                            content: {
+                                type: StringConstructor;
+                                default: string;
+                            };
+                            subtitle: {
+                                type: StringConstructor;
+                            };
+                            icon: {
+                                type: PropType<IconParam>;
+                            };
+                            border: {
+                                type: BooleanConstructor;
+                            };
+                            more: {
+                                type: BooleanConstructor;
+                            };
+                        }>>> | null | undefined;
+                        readonly width?: string | number | undefined;
+                        readonly height?: string | number | undefined;
+                        readonly shadow?: "none" | "hover" | "always" | undefined;
+                    } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "radius" | "fit" | "border" | "card">;
+                    $attrs: {
+                        [x: string]: unknown;
+                    };
+                    $refs: {
+                        [x: string]: unknown;
+                    } & {
+                        bodyRef: ({
+                            $: ComponentInternalInstance;
+                            $data: {};
+                            $props: Partial<{
+                                padding: boolean;
+                                tag: string;
+                                wrap: ContainerWrap;
+                                fit: boolean;
+                                flex: boolean;
+                                inline: boolean;
+                                direction: ContainerDirection;
+                                justify: ContainerJustifyContent;
+                                align: ContainerAlignItems;
+                                alignContent: ContainerAlignContent;
+                                grow: boolean;
+                                shrink: boolean;
+                                alignSelf: "auto" | ContainerAlignItems;
+                                gap: boolean;
+                                autoPointer: boolean;
+                            }> & Omit<{
+                                readonly padding: boolean;
+                                readonly tag: string;
+                                readonly wrap: ContainerWrap;
+                                readonly fit: boolean;
+                                readonly flex: boolean;
+                                readonly inline: boolean;
+                                readonly direction: ContainerDirection;
+                                readonly justify: ContainerJustifyContent;
+                                readonly align: ContainerAlignItems;
+                                readonly alignContent: ContainerAlignContent;
+                                readonly grow: boolean;
+                                readonly shrink: boolean;
+                                readonly alignSelf: "auto" | ContainerAlignItems;
+                                readonly gap: boolean;
+                                readonly autoPointer: boolean;
+                                readonly width?: string | number | undefined;
+                                readonly height?: string | number | undefined;
+                                readonly overflow?: "hidden" | "auto" | "visible" | undefined;
+                            } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "padding" | "tag" | "wrap" | "fit" | "flex" | "inline" | "direction" | "justify" | "align" | "alignContent" | "grow" | "shrink" | "alignSelf" | "gap" | "autoPointer">;
+                            $attrs: {
+                                [x: string]: unknown;
+                            };
+                            $refs: {
+                                [x: string]: unknown;
+                            } & {
+                                elRef: unknown;
+                            };
+                            $slots: Readonly<{
+                                [name: string]: Slot<any> | undefined;
+                            }>;
+                            $root: ComponentPublicInstance | null;
+                            $parent: ComponentPublicInstance | null;
+                            $host: Element | null;
+                            $emit: (event: string, ...args: any[]) => void;
+                            $el: any;
+                            $options: ComponentOptionsBase<Readonly< ExtractPropTypes<{
+                                tag: {
+                                    type: StringConstructor;
+                                    default: string;
+                                };
+                                fit: {
+                                    type: BooleanConstructor;
+                                    default: boolean;
+                                };
+                                width: {
+                                    type: (StringConstructor | NumberConstructor)[];
+                                };
+                                height: {
+                                    type: (StringConstructor | NumberConstructor)[];
+                                };
+                                flex: {
+                                    type: BooleanConstructor;
+                                    default: boolean;
+                                };
+                                inline: {
+                                    type: BooleanConstructor;
+                                };
+                                direction: {
+                                    type: PropType<ContainerDirection>;
+                                    default: string;
+                                };
+                                wrap: {
+                                    type: PropType<ContainerWrap>;
+                                    default: string;
+                                };
+                                justify: {
+                                    type: PropType<ContainerJustifyContent>;
+                                    default: string;
+                                };
+                                align: {
+                                    type: PropType<ContainerAlignItems>;
+                                    default: string;
+                                };
+                                alignContent: {
+                                    type: PropType<ContainerAlignContent>;
+                                    default: string;
+                                };
+                                grow: {
+                                    type: BooleanConstructor;
+                                    default: boolean;
+                                };
+                                shrink: {
+                                    type: BooleanConstructor;
+                                    default: boolean;
+                                };
+                                alignSelf: {
+                                    type: PropType<"auto" | ContainerAlignItems>;
+                                    default: string;
+                                };
+                                overflow: {
+                                    type: PropType<"auto" | "hidden" | "visible">;
+                                };
+                                padding: {
+                                    type: BooleanConstructor;
+                                    default: boolean;
+                                };
+                                gap: {
+                                    type: BooleanConstructor;
+                                };
+                                autoPointer: {
+                                    type: BooleanConstructor;
+                                };
+                            }>> & Readonly<{}>, {
+                                $vtjEl: ComputedRef<any>;
+                            }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
+                                padding: boolean;
+                                tag: string;
+                                wrap: ContainerWrap;
+                                fit: boolean;
+                                flex: boolean;
+                                inline: boolean;
+                                direction: ContainerDirection;
+                                justify: ContainerJustifyContent;
+                                align: ContainerAlignItems;
+                                alignContent: ContainerAlignContent;
+                                grow: boolean;
+                                shrink: boolean;
+                                alignSelf: "auto" | ContainerAlignItems;
+                                gap: boolean;
+                                autoPointer: 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<{
+                            padding: boolean;
+                            tag: string;
+                            wrap: ContainerWrap;
+                            fit: boolean;
+                            flex: boolean;
+                            inline: boolean;
+                            direction: ContainerDirection;
+                            justify: ContainerJustifyContent;
+                            align: ContainerAlignItems;
+                            alignContent: ContainerAlignContent;
+                            grow: boolean;
+                            shrink: boolean;
+                            alignSelf: "auto" | ContainerAlignItems;
+                            gap: boolean;
+                            autoPointer: boolean;
+                        }> & Omit<Readonly< ExtractPropTypes<{
+                            tag: {
+                                type: StringConstructor;
+                                default: string;
+                            };
+                            fit: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            width: {
+                                type: (StringConstructor | NumberConstructor)[];
+                            };
+                            height: {
+                                type: (StringConstructor | NumberConstructor)[];
+                            };
+                            flex: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            inline: {
+                                type: BooleanConstructor;
+                            };
+                            direction: {
+                                type: PropType<ContainerDirection>;
+                                default: string;
+                            };
+                            wrap: {
+                                type: PropType<ContainerWrap>;
+                                default: string;
+                            };
+                            justify: {
+                                type: PropType<ContainerJustifyContent>;
+                                default: string;
+                            };
+                            align: {
+                                type: PropType<ContainerAlignItems>;
+                                default: string;
+                            };
+                            alignContent: {
+                                type: PropType<ContainerAlignContent>;
+                                default: string;
+                            };
+                            grow: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            shrink: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            alignSelf: {
+                                type: PropType<"auto" | ContainerAlignItems>;
+                                default: string;
+                            };
+                            overflow: {
+                                type: PropType<"auto" | "hidden" | "visible">;
+                            };
+                            padding: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            gap: {
+                                type: BooleanConstructor;
+                            };
+                            autoPointer: {
+                                type: BooleanConstructor;
+                            };
+                        }>> & Readonly<{}>, ("padding" | "tag" | "wrap" | "fit" | "flex" | "inline" | "direction" | "justify" | "align" | "alignContent" | "grow" | "shrink" | "alignSelf" | "gap" | "autoPointer") | "$vtjEl"> & ShallowUnwrapRef<{
+                            $vtjEl: ComputedRef<any>;
+                        }> & {} & ComponentCustomProperties & {} & {
+                            $slots: {
+                                default?(_: {}): any;
+                            };
+                        }) | null;
+                    };
+                    $slots: Readonly<{
+                        [name: string]: Slot<any> | undefined;
+                    }>;
+                    $root: ComponentPublicInstance | null;
+                    $parent: ComponentPublicInstance | null;
+                    $host: Element | null;
+                    $emit: (event: string, ...args: any[]) => void;
+                    $el: any;
+                    $options: ComponentOptionsBase<Readonly< ExtractPropTypes<{
+                        fit: {
+                            type: BooleanConstructor;
+                            default: boolean;
+                        };
+                        width: {
+                            type: (StringConstructor | NumberConstructor)[];
+                        };
+                        height: {
+                            type: (StringConstructor | NumberConstructor)[];
+                        };
+                        border: {
+                            type: BooleanConstructor;
+                            default: boolean;
+                        };
+                        radius: {
+                            type: BooleanConstructor;
+                            default: boolean;
+                        };
+                        card: {
+                            type: BooleanConstructor;
+                        };
+                        size: {
+                            type: PropType<BaseSize>;
+                        };
+                        shadow: {
+                            type: PropType<"none" | "always" | "hover">;
+                        };
+                        header: {
+                            type: PropType<string | HeaderProps | null>;
+                        };
+                        body: {
+                            type: PropType<ContainerProps>;
+                        };
+                        footer: {
+                            type: PropType<ContainerProps>;
+                        };
+                    }>> & Readonly<{}>, {
+                        bodyRef: Ref<any, any>;
+                    }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
+                        radius: boolean;
+                        fit: boolean;
+                        border: boolean;
+                        card: 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<{
+                    radius: boolean;
+                    fit: boolean;
+                    border: boolean;
+                    card: boolean;
+                }> & Omit<Readonly< ExtractPropTypes<{
+                    fit: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    width: {
+                        type: (StringConstructor | NumberConstructor)[];
+                    };
+                    height: {
+                        type: (StringConstructor | NumberConstructor)[];
+                    };
+                    border: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    radius: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    card: {
+                        type: BooleanConstructor;
+                    };
+                    size: {
+                        type: PropType<BaseSize>;
+                    };
+                    shadow: {
+                        type: PropType<"none" | "always" | "hover">;
+                    };
+                    header: {
+                        type: PropType<string | HeaderProps | null>;
+                    };
+                    body: {
+                        type: PropType<ContainerProps>;
+                    };
+                    footer: {
+                        type: PropType<ContainerProps>;
+                    };
+                }>> & Readonly<{}>, "bodyRef" | ("radius" | "fit" | "border" | "card")> & ShallowUnwrapRef<{
+                    bodyRef: Ref<any, any>;
+                }> & {} & ComponentCustomProperties & {} & {
+                    $slots: {
+                        header?(_: {}): any;
+                        title?(_: {}): any;
+                        actions?(_: {}): any;
+                        default?(_: {}): any;
+                        footer?(_: {}): any;
+                    };
+                }) | null;
             };
             $slots: Readonly<{
                 [name: string]: Slot<any> | undefined;
@@ -625,8 +1189,8 @@ declare function __VLS_template(): {
                 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;
@@ -636,6 +1200,191 @@ declare function __VLS_template(): {
             };
             $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;
@@ -861,7 +1610,1519 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
     submit: string | boolean;
     modelValue: boolean;
     model: Record<string, any>;
-}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {
+    dialogRef: ({
+        $: ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            size: BaseSize;
+            primary: boolean;
+            mode: DialogMode;
+            pure: boolean;
+            draggable: boolean | DraggableOptions;
+            width: string | number;
+            height: string | number;
+            modelValue: boolean;
+            modal: boolean;
+            closable: boolean;
+            maximizable: boolean;
+            minimizable: boolean;
+            bodyPadding: boolean;
+        }> & Omit<{
+            readonly size: BaseSize;
+            readonly primary: boolean;
+            readonly mode: DialogMode;
+            readonly pure: boolean;
+            readonly draggable: boolean | DraggableOptions;
+            readonly width: string | number;
+            readonly height: string | number;
+            readonly modelValue: boolean;
+            readonly modal: boolean;
+            readonly closable: boolean;
+            readonly maximizable: boolean;
+            readonly minimizable: boolean;
+            readonly bodyPadding: boolean;
+            readonly content?: Record<string, any> | VNode<RendererNode, RendererElement, {
+                [key: string]: any;
+            }> | DefineComponent<any, any, any, any> | undefined;
+            readonly icon?: IconParam | undefined;
+            readonly src?: string | undefined;
+            readonly title?: string | undefined;
+            readonly cancel?: string | boolean | undefined;
+            readonly top?: string | number | undefined;
+            readonly left?: string | number | undefined;
+            readonly submit?: string | boolean | undefined;
+            readonly subtitle?: string | undefined;
+            readonly resizable?: boolean | ResizableOptions | undefined;
+            readonly componentInstance?: Record<string, any> | null | undefined;
+            readonly beforeClose?: (() => boolean | Promise<boolean>) | undefined;
+            readonly onClose?: (() => any) | undefined;
+            readonly onOpen?: ((instance: ComponentInternalInstance) => any) | undefined;
+            readonly onCancel?: (() => any) | undefined;
+            readonly onSubmit?: (() => any) | undefined;
+            readonly onResizing?: ((dir: string, mie: {
+                x: Ref<number, number>;
+                y: Ref<number, number>;
+                sourceType: Ref<UseMouseSourceType, UseMouseSourceType>;
+                elementX: Ref<number, number>;
+                elementY: Ref<number, number>;
+                elementPositionX: Ref<number, number>;
+                elementPositionY: Ref<number, number>;
+                elementHeight: Ref<number, number>;
+                elementWidth: Ref<number, number>;
+                isOutside: Ref<boolean, boolean>;
+                stop: () => void;
+            }) => any) | undefined;
+            readonly onNormal?: (() => any) | undefined;
+            readonly onMaximized?: (() => any) | undefined;
+            readonly onMinimized?: (() => any) | undefined;
+            readonly onDragging?: ((position: Position) => any) | undefined;
+            readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            readonly onDestroy?: (() => any) | undefined;
+            readonly onModeChange?: ((mode: DialogMode) => any) | undefined;
+            readonly onDragStart?: ((position: Position) => any) | undefined;
+            readonly onDragEnd?: ((position: Position) => any) | undefined;
+            readonly onResizeStart?: ((dir: string, mie: {
+                x: Ref<number, number>;
+                y: Ref<number, number>;
+                sourceType: Ref<UseMouseSourceType, UseMouseSourceType>;
+                elementX: Ref<number, number>;
+                elementY: Ref<number, number>;
+                elementPositionX: Ref<number, number>;
+                elementPositionY: Ref<number, number>;
+                elementHeight: Ref<number, number>;
+                elementWidth: Ref<number, number>;
+                isOutside: Ref<boolean, boolean>;
+                stop: () => void;
+            }) => any) | undefined;
+            readonly onResizeEnd?: ((dir: string, mie: {
+                x: Ref<number, number>;
+                y: Ref<number, number>;
+                sourceType: Ref<UseMouseSourceType, UseMouseSourceType>;
+                elementX: Ref<number, number>;
+                elementY: Ref<number, number>;
+                elementPositionX: Ref<number, number>;
+                elementPositionY: Ref<number, number>;
+                elementHeight: Ref<number, number>;
+                elementWidth: Ref<number, number>;
+                isOutside: Ref<boolean, boolean>;
+                stop: () => void;
+            }) => any) | undefined;
+        } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "size" | "primary" | "mode" | "pure" | "draggable" | "width" | "height" | "modelValue" | "modal" | "closable" | "maximizable" | "minimizable" | "bodyPadding">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            wrapper: HTMLDivElement;
+            panelRef: ({
+                $: ComponentInternalInstance;
+                $data: {};
+                $props: Partial<{
+                    radius: boolean;
+                    fit: boolean;
+                    border: boolean;
+                    card: boolean;
+                }> & Omit<{
+                    readonly radius: boolean;
+                    readonly fit: boolean;
+                    readonly border: boolean;
+                    readonly card: boolean;
+                    readonly size?: BaseSize | undefined;
+                    readonly body?: Readonly<Partial< ExtractPropTypes<{
+                        tag: {
+                            type: StringConstructor;
+                            default: string;
+                        };
+                        fit: {
+                            type: BooleanConstructor;
+                            default: boolean;
+                        };
+                        width: {
+                            type: (StringConstructor | NumberConstructor)[];
+                        };
+                        height: {
+                            type: (StringConstructor | NumberConstructor)[];
+                        };
+                        flex: {
+                            type: BooleanConstructor;
+                            default: boolean;
+                        };
+                        inline: {
+                            type: BooleanConstructor;
+                        };
+                        direction: {
+                            type: PropType<ContainerDirection>;
+                            default: string;
+                        };
+                        wrap: {
+                            type: PropType<ContainerWrap>;
+                            default: string;
+                        };
+                        justify: {
+                            type: PropType<ContainerJustifyContent>;
+                            default: string;
+                        };
+                        align: {
+                            type: PropType<ContainerAlignItems>;
+                            default: string;
+                        };
+                        alignContent: {
+                            type: PropType<ContainerAlignContent>;
+                            default: string;
+                        };
+                        grow: {
+                            type: BooleanConstructor;
+                            default: boolean;
+                        };
+                        shrink: {
+                            type: BooleanConstructor;
+                            default: boolean;
+                        };
+                        alignSelf: {
+                            type: PropType<"auto" | ContainerAlignItems>;
+                            default: string;
+                        };
+                        overflow: {
+                            type: PropType<"auto" | "hidden" | "visible">;
+                        };
+                        padding: {
+                            type: BooleanConstructor;
+                            default: boolean;
+                        };
+                        gap: {
+                            type: BooleanConstructor;
+                        };
+                        autoPointer: {
+                            type: BooleanConstructor;
+                        };
+                    }>>> | undefined;
+                    readonly footer?: Readonly<Partial< ExtractPropTypes<{
+                        tag: {
+                            type: StringConstructor;
+                            default: string;
+                        };
+                        fit: {
+                            type: BooleanConstructor;
+                            default: boolean;
+                        };
+                        width: {
+                            type: (StringConstructor | NumberConstructor)[];
+                        };
+                        height: {
+                            type: (StringConstructor | NumberConstructor)[];
+                        };
+                        flex: {
+                            type: BooleanConstructor;
+                            default: boolean;
+                        };
+                        inline: {
+                            type: BooleanConstructor;
+                        };
+                        direction: {
+                            type: PropType<ContainerDirection>;
+                            default: string;
+                        };
+                        wrap: {
+                            type: PropType<ContainerWrap>;
+                            default: string;
+                        };
+                        justify: {
+                            type: PropType<ContainerJustifyContent>;
+                            default: string;
+                        };
+                        align: {
+                            type: PropType<ContainerAlignItems>;
+                            default: string;
+                        };
+                        alignContent: {
+                            type: PropType<ContainerAlignContent>;
+                            default: string;
+                        };
+                        grow: {
+                            type: BooleanConstructor;
+                            default: boolean;
+                        };
+                        shrink: {
+                            type: BooleanConstructor;
+                            default: boolean;
+                        };
+                        alignSelf: {
+                            type: PropType<"auto" | ContainerAlignItems>;
+                            default: string;
+                        };
+                        overflow: {
+                            type: PropType<"auto" | "hidden" | "visible">;
+                        };
+                        padding: {
+                            type: BooleanConstructor;
+                            default: boolean;
+                        };
+                        gap: {
+                            type: BooleanConstructor;
+                        };
+                        autoPointer: {
+                            type: BooleanConstructor;
+                        };
+                    }>>> | undefined;
+                    readonly header?: string | Readonly<Partial< ExtractPropTypes<{
+                        size: {
+                            type: PropType<BaseSize>;
+                            default: string;
+                        };
+                        content: {
+                            type: StringConstructor;
+                            default: string;
+                        };
+                        subtitle: {
+                            type: StringConstructor;
+                        };
+                        icon: {
+                            type: PropType<IconParam>;
+                        };
+                        border: {
+                            type: BooleanConstructor;
+                        };
+                        more: {
+                            type: BooleanConstructor;
+                        };
+                    }>>> | null | undefined;
+                    readonly width?: string | number | undefined;
+                    readonly height?: string | number | undefined;
+                    readonly shadow?: "none" | "hover" | "always" | undefined;
+                } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "radius" | "fit" | "border" | "card">;
+                $attrs: {
+                    [x: string]: unknown;
+                };
+                $refs: {
+                    [x: string]: unknown;
+                } & {
+                    bodyRef: ({
+                        $: ComponentInternalInstance;
+                        $data: {};
+                        $props: Partial<{
+                            padding: boolean;
+                            tag: string;
+                            wrap: ContainerWrap;
+                            fit: boolean;
+                            flex: boolean;
+                            inline: boolean;
+                            direction: ContainerDirection;
+                            justify: ContainerJustifyContent;
+                            align: ContainerAlignItems;
+                            alignContent: ContainerAlignContent;
+                            grow: boolean;
+                            shrink: boolean;
+                            alignSelf: "auto" | ContainerAlignItems;
+                            gap: boolean;
+                            autoPointer: boolean;
+                        }> & Omit<{
+                            readonly padding: boolean;
+                            readonly tag: string;
+                            readonly wrap: ContainerWrap;
+                            readonly fit: boolean;
+                            readonly flex: boolean;
+                            readonly inline: boolean;
+                            readonly direction: ContainerDirection;
+                            readonly justify: ContainerJustifyContent;
+                            readonly align: ContainerAlignItems;
+                            readonly alignContent: ContainerAlignContent;
+                            readonly grow: boolean;
+                            readonly shrink: boolean;
+                            readonly alignSelf: "auto" | ContainerAlignItems;
+                            readonly gap: boolean;
+                            readonly autoPointer: boolean;
+                            readonly width?: string | number | undefined;
+                            readonly height?: string | number | undefined;
+                            readonly overflow?: "hidden" | "auto" | "visible" | undefined;
+                        } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "padding" | "tag" | "wrap" | "fit" | "flex" | "inline" | "direction" | "justify" | "align" | "alignContent" | "grow" | "shrink" | "alignSelf" | "gap" | "autoPointer">;
+                        $attrs: {
+                            [x: string]: unknown;
+                        };
+                        $refs: {
+                            [x: string]: unknown;
+                        } & {
+                            elRef: unknown;
+                        };
+                        $slots: Readonly<{
+                            [name: string]: Slot<any> | undefined;
+                        }>;
+                        $root: ComponentPublicInstance | null;
+                        $parent: ComponentPublicInstance | null;
+                        $host: Element | null;
+                        $emit: (event: string, ...args: any[]) => void;
+                        $el: any;
+                        $options: ComponentOptionsBase<Readonly< ExtractPropTypes<{
+                            tag: {
+                                type: StringConstructor;
+                                default: string;
+                            };
+                            fit: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            width: {
+                                type: (StringConstructor | NumberConstructor)[];
+                            };
+                            height: {
+                                type: (StringConstructor | NumberConstructor)[];
+                            };
+                            flex: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            inline: {
+                                type: BooleanConstructor;
+                            };
+                            direction: {
+                                type: PropType<ContainerDirection>;
+                                default: string;
+                            };
+                            wrap: {
+                                type: PropType<ContainerWrap>;
+                                default: string;
+                            };
+                            justify: {
+                                type: PropType<ContainerJustifyContent>;
+                                default: string;
+                            };
+                            align: {
+                                type: PropType<ContainerAlignItems>;
+                                default: string;
+                            };
+                            alignContent: {
+                                type: PropType<ContainerAlignContent>;
+                                default: string;
+                            };
+                            grow: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            shrink: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            alignSelf: {
+                                type: PropType<"auto" | ContainerAlignItems>;
+                                default: string;
+                            };
+                            overflow: {
+                                type: PropType<"auto" | "hidden" | "visible">;
+                            };
+                            padding: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            gap: {
+                                type: BooleanConstructor;
+                            };
+                            autoPointer: {
+                                type: BooleanConstructor;
+                            };
+                        }>> & Readonly<{}>, {
+                            $vtjEl: ComputedRef<any>;
+                        }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
+                            padding: boolean;
+                            tag: string;
+                            wrap: ContainerWrap;
+                            fit: boolean;
+                            flex: boolean;
+                            inline: boolean;
+                            direction: ContainerDirection;
+                            justify: ContainerJustifyContent;
+                            align: ContainerAlignItems;
+                            alignContent: ContainerAlignContent;
+                            grow: boolean;
+                            shrink: boolean;
+                            alignSelf: "auto" | ContainerAlignItems;
+                            gap: boolean;
+                            autoPointer: 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<{
+                        padding: boolean;
+                        tag: string;
+                        wrap: ContainerWrap;
+                        fit: boolean;
+                        flex: boolean;
+                        inline: boolean;
+                        direction: ContainerDirection;
+                        justify: ContainerJustifyContent;
+                        align: ContainerAlignItems;
+                        alignContent: ContainerAlignContent;
+                        grow: boolean;
+                        shrink: boolean;
+                        alignSelf: "auto" | ContainerAlignItems;
+                        gap: boolean;
+                        autoPointer: boolean;
+                    }> & Omit<Readonly< ExtractPropTypes<{
+                        tag: {
+                            type: StringConstructor;
+                            default: string;
+                        };
+                        fit: {
+                            type: BooleanConstructor;
+                            default: boolean;
+                        };
+                        width: {
+                            type: (StringConstructor | NumberConstructor)[];
+                        };
+                        height: {
+                            type: (StringConstructor | NumberConstructor)[];
+                        };
+                        flex: {
+                            type: BooleanConstructor;
+                            default: boolean;
+                        };
+                        inline: {
+                            type: BooleanConstructor;
+                        };
+                        direction: {
+                            type: PropType<ContainerDirection>;
+                            default: string;
+                        };
+                        wrap: {
+                            type: PropType<ContainerWrap>;
+                            default: string;
+                        };
+                        justify: {
+                            type: PropType<ContainerJustifyContent>;
+                            default: string;
+                        };
+                        align: {
+                            type: PropType<ContainerAlignItems>;
+                            default: string;
+                        };
+                        alignContent: {
+                            type: PropType<ContainerAlignContent>;
+                            default: string;
+                        };
+                        grow: {
+                            type: BooleanConstructor;
+                            default: boolean;
+                        };
+                        shrink: {
+                            type: BooleanConstructor;
+                            default: boolean;
+                        };
+                        alignSelf: {
+                            type: PropType<"auto" | ContainerAlignItems>;
+                            default: string;
+                        };
+                        overflow: {
+                            type: PropType<"auto" | "hidden" | "visible">;
+                        };
+                        padding: {
+                            type: BooleanConstructor;
+                            default: boolean;
+                        };
+                        gap: {
+                            type: BooleanConstructor;
+                        };
+                        autoPointer: {
+                            type: BooleanConstructor;
+                        };
+                    }>> & Readonly<{}>, ("padding" | "tag" | "wrap" | "fit" | "flex" | "inline" | "direction" | "justify" | "align" | "alignContent" | "grow" | "shrink" | "alignSelf" | "gap" | "autoPointer") | "$vtjEl"> & ShallowUnwrapRef<{
+                        $vtjEl: ComputedRef<any>;
+                    }> & {} & ComponentCustomProperties & {} & {
+                        $slots: {
+                            default?(_: {}): any;
+                        };
+                    }) | null;
+                };
+                $slots: Readonly<{
+                    [name: string]: Slot<any> | undefined;
+                }>;
+                $root: ComponentPublicInstance | null;
+                $parent: ComponentPublicInstance | null;
+                $host: Element | null;
+                $emit: (event: string, ...args: any[]) => void;
+                $el: any;
+                $options: ComponentOptionsBase<Readonly< ExtractPropTypes<{
+                    fit: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    width: {
+                        type: (StringConstructor | NumberConstructor)[];
+                    };
+                    height: {
+                        type: (StringConstructor | NumberConstructor)[];
+                    };
+                    border: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    radius: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    card: {
+                        type: BooleanConstructor;
+                    };
+                    size: {
+                        type: PropType<BaseSize>;
+                    };
+                    shadow: {
+                        type: PropType<"none" | "always" | "hover">;
+                    };
+                    header: {
+                        type: PropType<string | HeaderProps | null>;
+                    };
+                    body: {
+                        type: PropType<ContainerProps>;
+                    };
+                    footer: {
+                        type: PropType<ContainerProps>;
+                    };
+                }>> & Readonly<{}>, {
+                    bodyRef: Ref<any, any>;
+                }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
+                    radius: boolean;
+                    fit: boolean;
+                    border: boolean;
+                    card: 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<{
+                radius: boolean;
+                fit: boolean;
+                border: boolean;
+                card: boolean;
+            }> & Omit<Readonly< ExtractPropTypes<{
+                fit: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                width: {
+                    type: (StringConstructor | NumberConstructor)[];
+                };
+                height: {
+                    type: (StringConstructor | NumberConstructor)[];
+                };
+                border: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                radius: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                card: {
+                    type: BooleanConstructor;
+                };
+                size: {
+                    type: PropType<BaseSize>;
+                };
+                shadow: {
+                    type: PropType<"none" | "always" | "hover">;
+                };
+                header: {
+                    type: PropType<string | HeaderProps | null>;
+                };
+                body: {
+                    type: PropType<ContainerProps>;
+                };
+                footer: {
+                    type: PropType<ContainerProps>;
+                };
+            }>> & Readonly<{}>, "bodyRef" | ("radius" | "fit" | "border" | "card")> & ShallowUnwrapRef<{
+                bodyRef: Ref<any, any>;
+            }> & {} & ComponentCustomProperties & {} & {
+                $slots: {
+                    header?(_: {}): any;
+                    title?(_: {}): any;
+                    actions?(_: {}): any;
+                    default?(_: {}): any;
+                    footer?(_: {}): any;
+                };
+            }) | null;
+        };
+        $slots: Readonly<{
+            [name: string]: Slot<any> | undefined;
+        }>;
+        $root: ComponentPublicInstance | null;
+        $parent: ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: ((event: "close") => void) & ((event: "open", instance: ComponentInternalInstance) => void) & ((event: "cancel") => void) & ((event: "submit") => void) & ((event: "resizing", dir: string, mie: {
+            x: Ref<number, number>;
+            y: Ref<number, number>;
+            sourceType: Ref<UseMouseSourceType, UseMouseSourceType>;
+            elementX: Ref<number, number>;
+            elementY: Ref<number, number>;
+            elementPositionX: Ref<number, number>;
+            elementPositionY: Ref<number, number>;
+            elementHeight: Ref<number, number>;
+            elementWidth: Ref<number, number>;
+            isOutside: Ref<boolean, boolean>;
+            stop: () => void;
+        }) => void) & ((event: "normal") => void) & ((event: "maximized") => void) & ((event: "minimized") => void) & ((event: "dragging", position: Position) => void) & ((event: "update:modelValue", value: boolean) => void) & ((event: "destroy") => void) & ((event: "modeChange", mode: DialogMode) => void) & ((event: "dragStart", position: Position) => void) & ((event: "dragEnd", position: Position) => void) & ((event: "resizeStart", dir: string, mie: {
+            x: Ref<number, number>;
+            y: Ref<number, number>;
+            sourceType: Ref<UseMouseSourceType, UseMouseSourceType>;
+            elementX: Ref<number, number>;
+            elementY: Ref<number, number>;
+            elementPositionX: Ref<number, number>;
+            elementPositionY: Ref<number, number>;
+            elementHeight: Ref<number, number>;
+            elementWidth: Ref<number, number>;
+            isOutside: Ref<boolean, boolean>;
+            stop: () => void;
+        }) => void) & ((event: "resizeEnd", dir: string, mie: {
+            x: Ref<number, number>;
+            y: Ref<number, number>;
+            sourceType: Ref<UseMouseSourceType, UseMouseSourceType>;
+            elementX: Ref<number, number>;
+            elementY: Ref<number, number>;
+            elementPositionX: Ref<number, number>;
+            elementPositionY: Ref<number, number>;
+            elementHeight: Ref<number, number>;
+            elementWidth: Ref<number, number>;
+            isOutside: Ref<boolean, boolean>;
+            stop: () => void;
+        }) => void);
+        $el: any;
+        $options: ComponentOptionsBase<Readonly< ExtractPropTypes<{
+            modelValue: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            title: {
+                type: StringConstructor;
+            };
+            subtitle: {
+                type: StringConstructor;
+            };
+            icon: {
+                type: PropType<IconParam>;
+            };
+            size: {
+                type: PropType<BaseSize>;
+                default: string;
+            };
+            width: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: string;
+            };
+            height: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: string;
+            };
+            left: {
+                type: (StringConstructor | NumberConstructor)[];
+            };
+            top: {
+                type: (StringConstructor | NumberConstructor)[];
+            };
+            modal: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            draggable: {
+                type: PropType<boolean | DraggableOptions>;
+                default: boolean;
+            };
+            resizable: {
+                type: PropType<boolean | ResizableOptions>;
+            };
+            closable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            maximizable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            minimizable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            mode: {
+                type: PropType<DialogMode>;
+                default: string;
+            };
+            content: {
+                type: PropType< VNode | DefineComponent<any, any, any, any> | Record<string, any>>;
+            };
+            src: {
+                type: StringConstructor;
+            };
+            componentInstance: {
+                type: PropType<Record<string, any> | null>;
+            };
+            beforeClose: {
+                type: PropType<() => boolean | Promise<boolean>>;
+            };
+            submit: {
+                type: (BooleanConstructor | StringConstructor)[];
+            };
+            cancel: {
+                type: (BooleanConstructor | StringConstructor)[];
+            };
+            bodyPadding: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            primary: {
+                type: BooleanConstructor;
+            };
+            pure: {
+                type: BooleanConstructor;
+            };
+        }>> & Readonly<{
+            onClose?: (() => any) | undefined;
+            onOpen?: ((instance: ComponentInternalInstance) => any) | undefined;
+            onCancel?: (() => any) | undefined;
+            onSubmit?: (() => any) | undefined;
+            onResizing?: ((dir: string, mie: {
+                x: Ref<number, number>;
+                y: Ref<number, number>;
+                sourceType: Ref<UseMouseSourceType, UseMouseSourceType>;
+                elementX: Ref<number, number>;
+                elementY: Ref<number, number>;
+                elementPositionX: Ref<number, number>;
+                elementPositionY: Ref<number, number>;
+                elementHeight: Ref<number, number>;
+                elementWidth: Ref<number, number>;
+                isOutside: Ref<boolean, boolean>;
+                stop: () => void;
+            }) => any) | undefined;
+            onNormal?: (() => any) | undefined;
+            onMaximized?: (() => any) | undefined;
+            onMinimized?: (() => any) | undefined;
+            onDragging?: ((position: Position) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            onDestroy?: (() => any) | undefined;
+            onModeChange?: ((mode: DialogMode) => any) | undefined;
+            onDragStart?: ((position: Position) => any) | undefined;
+            onDragEnd?: ((position: Position) => any) | undefined;
+            onResizeStart?: ((dir: string, mie: {
+                x: Ref<number, number>;
+                y: Ref<number, number>;
+                sourceType: Ref<UseMouseSourceType, UseMouseSourceType>;
+                elementX: Ref<number, number>;
+                elementY: Ref<number, number>;
+                elementPositionX: Ref<number, number>;
+                elementPositionY: Ref<number, number>;
+                elementHeight: Ref<number, number>;
+                elementWidth: Ref<number, number>;
+                isOutside: Ref<boolean, boolean>;
+                stop: () => void;
+            }) => any) | undefined;
+            onResizeEnd?: ((dir: string, mie: {
+                x: Ref<number, number>;
+                y: Ref<number, number>;
+                sourceType: Ref<UseMouseSourceType, UseMouseSourceType>;
+                elementX: Ref<number, number>;
+                elementY: Ref<number, number>;
+                elementPositionX: Ref<number, number>;
+                elementPositionY: Ref<number, number>;
+                elementHeight: Ref<number, number>;
+                elementWidth: Ref<number, number>;
+                isOutside: Ref<boolean, boolean>;
+                stop: () => void;
+            }) => any) | undefined;
+        }>, {
+            $vtjEl: ComputedRef<any>;
+            panelRef: Ref<any, any>;
+            state: {
+                mode: DialogMode;
+                wrapperWidth: number;
+                wrapperHeight: number;
+                width: number;
+                height: number;
+                left: number;
+                top: number;
+                zIndex: number;
+                dragging: boolean;
+                resizing: boolean;
+            };
+            maximized: ComputedRef<boolean>;
+            minimized: ComputedRef<boolean>;
+            changeMode: (mode: DialogMode) => void;
+            show: () => void;
+            hide: () => void;
+            submit: () => void;
+            cancel: () => void;
+            close: () => Promise<void>;
+            componentInstance: {
+                componentInstance: Record<string, any>;
+            } | undefined;
+        }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+            close: () => any;
+            open: (instance: ComponentInternalInstance) => any;
+            cancel: () => any;
+            submit: () => any;
+            resizing: (dir: string, mie: {
+                x: Ref<number, number>;
+                y: Ref<number, number>;
+                sourceType: Ref<UseMouseSourceType, UseMouseSourceType>;
+                elementX: Ref<number, number>;
+                elementY: Ref<number, number>;
+                elementPositionX: Ref<number, number>;
+                elementPositionY: Ref<number, number>;
+                elementHeight: Ref<number, number>;
+                elementWidth: Ref<number, number>;
+                isOutside: Ref<boolean, boolean>;
+                stop: () => void;
+            }) => any;
+            normal: () => any;
+            maximized: () => any;
+            minimized: () => any;
+            dragging: (position: Position) => any;
+            "update:modelValue": (value: boolean) => any;
+            destroy: () => any;
+            modeChange: (mode: DialogMode) => any;
+            dragStart: (position: Position) => any;
+            dragEnd: (position: Position) => any;
+            resizeStart: (dir: string, mie: {
+                x: Ref<number, number>;
+                y: Ref<number, number>;
+                sourceType: Ref<UseMouseSourceType, UseMouseSourceType>;
+                elementX: Ref<number, number>;
+                elementY: Ref<number, number>;
+                elementPositionX: Ref<number, number>;
+                elementPositionY: Ref<number, number>;
+                elementHeight: Ref<number, number>;
+                elementWidth: Ref<number, number>;
+                isOutside: Ref<boolean, boolean>;
+                stop: () => void;
+            }) => any;
+            resizeEnd: (dir: string, mie: {
+                x: Ref<number, number>;
+                y: Ref<number, number>;
+                sourceType: Ref<UseMouseSourceType, UseMouseSourceType>;
+                elementX: Ref<number, number>;
+                elementY: Ref<number, number>;
+                elementPositionX: Ref<number, number>;
+                elementPositionY: Ref<number, number>;
+                elementHeight: Ref<number, number>;
+                elementWidth: Ref<number, number>;
+                isOutside: Ref<boolean, boolean>;
+                stop: () => void;
+            }) => any;
+        }, string, {
+            size: BaseSize;
+            primary: boolean;
+            mode: DialogMode;
+            pure: boolean;
+            draggable: boolean | DraggableOptions;
+            width: string | number;
+            height: string | number;
+            modelValue: boolean;
+            modal: boolean;
+            closable: boolean;
+            maximizable: boolean;
+            minimizable: boolean;
+            bodyPadding: 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<{
+        size: BaseSize;
+        primary: boolean;
+        mode: DialogMode;
+        pure: boolean;
+        draggable: boolean | DraggableOptions;
+        width: string | number;
+        height: string | number;
+        modelValue: boolean;
+        modal: boolean;
+        closable: boolean;
+        maximizable: boolean;
+        minimizable: boolean;
+        bodyPadding: boolean;
+    }> & Omit<Readonly< ExtractPropTypes<{
+        modelValue: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        title: {
+            type: StringConstructor;
+        };
+        subtitle: {
+            type: StringConstructor;
+        };
+        icon: {
+            type: PropType<IconParam>;
+        };
+        size: {
+            type: PropType<BaseSize>;
+            default: string;
+        };
+        width: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: string;
+        };
+        height: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: string;
+        };
+        left: {
+            type: (StringConstructor | NumberConstructor)[];
+        };
+        top: {
+            type: (StringConstructor | NumberConstructor)[];
+        };
+        modal: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        draggable: {
+            type: PropType<boolean | DraggableOptions>;
+            default: boolean;
+        };
+        resizable: {
+            type: PropType<boolean | ResizableOptions>;
+        };
+        closable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        maximizable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        minimizable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        mode: {
+            type: PropType<DialogMode>;
+            default: string;
+        };
+        content: {
+            type: PropType< VNode | DefineComponent<any, any, any, any> | Record<string, any>>;
+        };
+        src: {
+            type: StringConstructor;
+        };
+        componentInstance: {
+            type: PropType<Record<string, any> | null>;
+        };
+        beforeClose: {
+            type: PropType<() => boolean | Promise<boolean>>;
+        };
+        submit: {
+            type: (BooleanConstructor | StringConstructor)[];
+        };
+        cancel: {
+            type: (BooleanConstructor | StringConstructor)[];
+        };
+        bodyPadding: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        primary: {
+            type: BooleanConstructor;
+        };
+        pure: {
+            type: BooleanConstructor;
+        };
+    }>> & Readonly<{
+        onClose?: (() => any) | undefined;
+        onOpen?: ((instance: ComponentInternalInstance) => any) | undefined;
+        onCancel?: (() => any) | undefined;
+        onSubmit?: (() => any) | undefined;
+        onResizing?: ((dir: string, mie: {
+            x: Ref<number, number>;
+            y: Ref<number, number>;
+            sourceType: Ref<UseMouseSourceType, UseMouseSourceType>;
+            elementX: Ref<number, number>;
+            elementY: Ref<number, number>;
+            elementPositionX: Ref<number, number>;
+            elementPositionY: Ref<number, number>;
+            elementHeight: Ref<number, number>;
+            elementWidth: Ref<number, number>;
+            isOutside: Ref<boolean, boolean>;
+            stop: () => void;
+        }) => any) | undefined;
+        onNormal?: (() => any) | undefined;
+        onMaximized?: (() => any) | undefined;
+        onMinimized?: (() => any) | undefined;
+        onDragging?: ((position: Position) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        onDestroy?: (() => any) | undefined;
+        onModeChange?: ((mode: DialogMode) => any) | undefined;
+        onDragStart?: ((position: Position) => any) | undefined;
+        onDragEnd?: ((position: Position) => any) | undefined;
+        onResizeStart?: ((dir: string, mie: {
+            x: Ref<number, number>;
+            y: Ref<number, number>;
+            sourceType: Ref<UseMouseSourceType, UseMouseSourceType>;
+            elementX: Ref<number, number>;
+            elementY: Ref<number, number>;
+            elementPositionX: Ref<number, number>;
+            elementPositionY: Ref<number, number>;
+            elementHeight: Ref<number, number>;
+            elementWidth: Ref<number, number>;
+            isOutside: Ref<boolean, boolean>;
+            stop: () => void;
+        }) => any) | undefined;
+        onResizeEnd?: ((dir: string, mie: {
+            x: Ref<number, number>;
+            y: Ref<number, number>;
+            sourceType: Ref<UseMouseSourceType, UseMouseSourceType>;
+            elementX: Ref<number, number>;
+            elementY: Ref<number, number>;
+            elementPositionX: Ref<number, number>;
+            elementPositionY: Ref<number, number>;
+            elementHeight: Ref<number, number>;
+            elementWidth: Ref<number, number>;
+            isOutside: Ref<boolean, boolean>;
+            stop: () => void;
+        }) => any) | undefined;
+    }>, "close" | "cancel" | "submit" | "hide" | "$vtjEl" | "maximized" | "minimized" | "componentInstance" | "state" | "changeMode" | "show" | "panelRef" | ("size" | "primary" | "mode" | "pure" | "draggable" | "width" | "height" | "modelValue" | "modal" | "closable" | "maximizable" | "minimizable" | "bodyPadding")> & ShallowUnwrapRef<{
+        $vtjEl: ComputedRef<any>;
+        panelRef: Ref<any, any>;
+        state: {
+            mode: DialogMode;
+            wrapperWidth: number;
+            wrapperHeight: number;
+            width: number;
+            height: number;
+            left: number;
+            top: number;
+            zIndex: number;
+            dragging: boolean;
+            resizing: boolean;
+        };
+        maximized: ComputedRef<boolean>;
+        minimized: ComputedRef<boolean>;
+        changeMode: (mode: DialogMode) => void;
+        show: () => void;
+        hide: () => void;
+        submit: () => void;
+        cancel: () => void;
+        close: () => Promise<void>;
+        componentInstance: {
+            componentInstance: Record<string, any>;
+        } | undefined;
+    }> & {} & ComponentCustomProperties & {} & {
+        $slots: {
+            actions?(_: {}): any;
+            default?(_: {}): any;
+            footer?(_: {}): any;
+            extra?(_: {}): any;
+            handle?(_: {}): any;
+        };
+    }) | null;
+    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;
+}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {