@web-utils/form-ui 1.0.0-beta4 → 1.0.0-beta41

package/editable-tree/index.d.ts

@@ -0,0 +1,254 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    addRootNodeLabel: StringConstructor;
+    defaultExpandedKeys: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    newNodeBuilder: {
+        type: FunctionConstructor;
+        default: (name: string, parent: {
+            id: string | number;
+            [key: string]: any;
+        }) => {
+            name: string;
+            parentId: string | number;
+        };
+    };
+    contextMenu: BooleanConstructor;
+    lazy: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    expandFirstNode: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: BooleanConstructor;
+    saveApi: FunctionConstructor;
+    updateApi: FunctionConstructor;
+    deleteApi: FunctionConstructor;
+    fetchApi: FunctionConstructor;
+    customRootNode: (ObjectConstructor | FunctionConstructor)[];
+    rootNode: ObjectConstructor;
+    contextMenuIcon: BooleanConstructor;
+    contextMenuInline: BooleanConstructor;
+    treeProps: {
+        type: ObjectConstructor;
+        default: () => {
+            children: string;
+            label: string;
+            isLeaf: (data: any) => boolean;
+        };
+    };
+    menuLabel: {
+        type: ObjectConstructor;
+        default: () => {
+            appendPeer: string;
+            appendChild: string;
+            removeNode: string;
+            editNode: string;
+        };
+    };
+    icon: {
+        type: (BooleanConstructor | FunctionConstructor)[];
+        default: (data: any, node: any) => string;
+    };
+    confirmButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    addRootNodeButtonStyle: {
+        type: StringConstructor;
+        default: string;
+    };
+    reserveExpandKey: BooleanConstructor;
+    nodeKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    defaultExpandAll: BooleanConstructor;
+}>, {
+    autoBindProps: globalThis.ComputedRef<Record<string, any>>;
+    listeners: globalThis.ComputedRef<Record<string, any>>;
+}, {
+    loading: boolean;
+    showMenu: boolean;
+    empty: boolean;
+    expandedKeys: unknown[];
+    treeData: never[];
+    curNode: {};
+    curData: {};
+    position: {};
+    text: string;
+    right: number;
+    treeKey: number;
+}, {
+    defaultOptions(): {
+        confirmButtonText: string;
+        cancelButtonText: string;
+        closeOnClickModal: boolean;
+        modal: boolean;
+        inputErrorMessage: string;
+        inputPlaceholder: string;
+        inputValidator: (value: any) => boolean;
+    };
+    innerTreeData(): {};
+}, {
+    addExpandKey(data: any): void;
+    removeExpandKey(data: any): void;
+    resize(): void;
+    showContextMenu(event: any, data: any, node: any): Promise<void>;
+    hideContextMenu(): void;
+    tryFetch(): Promise<void>;
+    loadNode(node: any, resolve: any): Promise<any>;
+    clear(): void;
+    clearChecked(): void;
+    removeNewNode(): void;
+    cancelEdit(): void;
+    editNode(node: any, data: any): Promise<void>;
+    appendRootNode(): Promise<void>;
+    appendChildNode(node: any): void;
+    appendChildNodeWithData(node: any, parentId: any, label: any): void;
+    appendPeerNode(node: any): void;
+    addRootNode(data: any): Promise<void>;
+    addChildNode(data: any): Promise<void>;
+    addPeerNode(data: any): Promise<void>;
+    updateNode(data: any): void;
+    setCurrentKey(key: any): void;
+    createNewChild(parentId: any): void;
+    removeNodeModal(node: any): Promise<void>;
+    removeNode(node: any): Promise<void>;
+    onConfirm(node: any, data: any): Promise<void>;
+    onCancel(node: any, data: any): void;
+    nodeClick(data: any, node: any, tree: any): void;
+    getCurrentNode(): any;
+    locateView(): Promise<void>;
+    scrollIntoView(expanded: any): Promise<void>;
+    inputKeyup(event: any, node: any, data: any): void;
+    inputBlur(event: any, node: any, data: any): void;
+    getCheckedKeys(): any;
+    setCheckedKeys(keys: any): void;
+    getCheckedNodes(): any;
+    setCheckedNodes(nodes: any): void;
+    getNode(data: any): any;
+    getRootNode(): any;
+    findTreeNode(data: any): import('@web-utils/core').TreeNode[];
+    registerNode(node: any): void;
+    reloadTree(): Promise<void>;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    'remove-new-node': null;
+    'node-loaded': null;
+    'root-node-loaded': null;
+    'node-deleted': null;
+    'node-updated': null;
+    'node-added': null;
+    'on-node-click': null;
+    'add-root-node': null;
+    'create-new-node': null;
+}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    addRootNodeLabel: StringConstructor;
+    defaultExpandedKeys: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    newNodeBuilder: {
+        type: FunctionConstructor;
+        default: (name: string, parent: {
+            id: string | number;
+            [key: string]: any;
+        }) => {
+            name: string;
+            parentId: string | number;
+        };
+    };
+    contextMenu: BooleanConstructor;
+    lazy: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    expandFirstNode: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: BooleanConstructor;
+    saveApi: FunctionConstructor;
+    updateApi: FunctionConstructor;
+    deleteApi: FunctionConstructor;
+    fetchApi: FunctionConstructor;
+    customRootNode: (ObjectConstructor | FunctionConstructor)[];
+    rootNode: ObjectConstructor;
+    contextMenuIcon: BooleanConstructor;
+    contextMenuInline: BooleanConstructor;
+    treeProps: {
+        type: ObjectConstructor;
+        default: () => {
+            children: string;
+            label: string;
+            isLeaf: (data: any) => boolean;
+        };
+    };
+    menuLabel: {
+        type: ObjectConstructor;
+        default: () => {
+            appendPeer: string;
+            appendChild: string;
+            removeNode: string;
+            editNode: string;
+        };
+    };
+    icon: {
+        type: (BooleanConstructor | FunctionConstructor)[];
+        default: (data: any, node: any) => string;
+    };
+    confirmButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    addRootNodeButtonStyle: {
+        type: StringConstructor;
+        default: string;
+    };
+    reserveExpandKey: BooleanConstructor;
+    nodeKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    defaultExpandAll: BooleanConstructor;
+}>> & Readonly<{
+    "onRemove-new-node"?: ((...args: any[]) => any) | undefined;
+    "onNode-loaded"?: ((...args: any[]) => any) | undefined;
+    "onRoot-node-loaded"?: ((...args: any[]) => any) | undefined;
+    "onNode-deleted"?: ((...args: any[]) => any) | undefined;
+    "onNode-updated"?: ((...args: any[]) => any) | undefined;
+    "onNode-added"?: ((...args: any[]) => any) | undefined;
+    "onOn-node-click"?: ((...args: any[]) => any) | undefined;
+    "onAdd-root-node"?: ((...args: any[]) => any) | undefined;
+    "onCreate-new-node"?: ((...args: any[]) => any) | undefined;
+}>, {
+    icon: boolean | Function;
+    label: string;
+    defaultExpandedKeys: unknown[];
+    newNodeBuilder: Function;
+    contextMenu: boolean;
+    lazy: boolean;
+    expandFirstNode: boolean;
+    readonly: boolean;
+    contextMenuIcon: boolean;
+    contextMenuInline: boolean;
+    treeProps: Record<string, any>;
+    menuLabel: Record<string, any>;
+    confirmButton: boolean;
+    addRootNodeButtonStyle: string;
+    reserveExpandKey: boolean;
+    nodeKey: string;
+    defaultExpandAll: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/editable-tree/index.mjs

@@ -0,0 +1,2 @@
+import { t as e } from "../chunks/CybmpSN8.mjs";
+export { e as default };

package/editable-tree/style.css

@@ -0,0 +1 @@
+.editable-tree{position:relative}.editable-tree.et-tree-label-overflow-visible .et-tree-label{position:static}.et-tree-wrapper{text-align:left;flex-direction:column;width:100%;display:flex;overflow:auto}.et-tree-wrapper .el-tree{width:100%;display:table;overflow:visible}.et-tree-wrapper .el-button+.el-button{margin-left:8px!important}.et-tree-wrapper .el-input__inner{padding:0 4px}.et-tree-wrapper .custom-tree-node{align-items:center;width:100%;padding-right:8px;font-size:14px;display:flex}.et-tree-wrapper .custom-tree-node:hover .handle-actions{display:block}.et-tree-wrapper .custom-tree-node .handle-actions{align-self:flex-end;display:none}.et-tree-wrapper .custom-tree-node .node-icon{margin-top:2px;margin-right:4px}.et-tree-wrapper .node-label{align-items:center}.et-tree-wrapper .node-input{min-width:140px;margin-right:10px}.et-tree-wrapper .menu{z-index:3;background:#fff;border-radius:4px;padding:0;position:fixed;box-shadow:0 5px 10px #bebebe}.et-tree-wrapper .menu-item{color:#242f42;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;padding:8px 20px 8px 8px;font:11px/100% tahoma,arial,sans-serif;display:block}.et-tree-wrapper .menu .menu-item:hover{color:#66b1ff;background-color:#ecf5ff}.et-tree-wrapper .menu-item-icon{margin-right:4px;font-size:1.3em;font-weight:700}

package/element-dialog/index.d.ts

@@ -8,46 +8,367 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
     hide: () => void;
     $emit: (event: "toggle-fullscreen", ...args: any[]) => void;
     embed: boolean;
+    title: string;
+    fullscreen: boolean;
+    customClass: string;
+    top: string;
     showClose: boolean;
-    overflow: boolean;
-    closeOnClickModal: boolean;
-    destroyOnClose: boolean;
-    draggable: boolean;
     showFullscreen: boolean;
     showFullScreen: boolean;
-    alignCenter: boolean;
+    modelValue: boolean;
+    modal: boolean;
+    modalPenetrable: boolean;
     appendToBody: boolean;
+    lockScroll: boolean;
+    openDelay: number;
+    closeDelay: number;
+    closeOnClickModal: boolean;
+    closeOnPressEscape: boolean;
+    draggable: boolean;
+    overflow: boolean;
+    center: boolean;
+    alignCenter: boolean;
+    destroyOnClose: boolean;
+    headerAriaLevel: string;
+    beforeClose?: Function | undefined;
+    zIndex?: number | undefined;
+    appendTo?: string | Record<string, any> | undefined;
     height?: string | undefined;
-    width?: string | undefined;
-    title?: string | undefined;
+    width?: string | number | undefined;
+    modalClass?: string | undefined;
+    headerClass?: string | undefined;
+    bodyClass?: string | undefined;
+    footerClass?: string | undefined;
+    closeIcon?: string | Record<string, any> | undefined;
+    transition?: string | Record<string, any> | undefined;
     $props: {
         readonly embed?: boolean | undefined;
+        readonly title?: string | undefined;
+        readonly fullscreen?: boolean | undefined;
+        readonly customClass?: string | undefined;
+        readonly top?: string | undefined;
         readonly showClose?: boolean | undefined;
-        readonly overflow?: boolean | undefined;
-        readonly closeOnClickModal?: boolean | undefined;
-        readonly destroyOnClose?: boolean | undefined;
-        readonly draggable?: boolean | undefined;
         readonly showFullscreen?: boolean | undefined;
         readonly showFullScreen?: boolean | undefined;
-        readonly alignCenter?: boolean | undefined;
+        readonly modelValue?: boolean | undefined;
+        readonly modal?: boolean | undefined;
+        readonly modalPenetrable?: boolean | undefined;
         readonly appendToBody?: boolean | undefined;
+        readonly lockScroll?: boolean | undefined;
+        readonly openDelay?: number | undefined;
+        readonly closeDelay?: number | undefined;
+        readonly closeOnClickModal?: boolean | undefined;
+        readonly closeOnPressEscape?: boolean | undefined;
+        readonly draggable?: boolean | undefined;
+        readonly overflow?: boolean | undefined;
+        readonly center?: boolean | undefined;
+        readonly alignCenter?: boolean | undefined;
+        readonly destroyOnClose?: boolean | undefined;
+        readonly headerAriaLevel?: string | undefined;
+        readonly beforeClose?: Function | undefined;
+        readonly zIndex?: number | undefined;
+        readonly appendTo?: string | Record<string, any> | undefined;
         readonly height?: string | undefined;
-        readonly width?: string | undefined;
-        readonly title?: string | undefined;
+        readonly width?: string | number | undefined;
+        readonly modalClass?: string | undefined;
+        readonly headerClass?: string | undefined;
+        readonly bodyClass?: string | undefined;
+        readonly footerClass?: string | undefined;
+        readonly closeIcon?: string | Record<string, any> | undefined;
+        readonly transition?: string | Record<string, any> | undefined;
     };
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
-    dialog: unknown;
+    dialog: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly appendToBody?: boolean | undefined;
+            readonly appendTo?: (string | HTMLElement) | undefined;
+            readonly beforeClose?: import('element-plus').DialogBeforeCloseFn | undefined;
+            readonly destroyOnClose?: boolean | undefined;
+            readonly closeOnClickModal?: boolean | undefined;
+            readonly closeOnPressEscape?: boolean | undefined;
+            readonly lockScroll?: boolean | undefined;
+            readonly modal?: boolean | undefined;
+            readonly modalPenetrable?: boolean | undefined;
+            readonly openDelay?: number | undefined;
+            readonly closeDelay?: number | undefined;
+            readonly top?: string | undefined;
+            readonly modelValue?: boolean | undefined;
+            readonly modalClass?: string | undefined;
+            readonly width?: string | number | undefined;
+            readonly zIndex?: number | undefined;
+            readonly trapFocus?: boolean | undefined;
+            readonly headerAriaLevel?: string | undefined;
+            readonly transition?: import('element-plus').DialogTransition | undefined;
+            readonly center?: boolean | undefined;
+            readonly alignCenter?: boolean | undefined;
+            readonly closeIcon?: import('element-plus/es/utils/index.mjs').IconPropType | undefined;
+            readonly draggable?: boolean | undefined;
+            readonly overflow?: boolean | undefined;
+            readonly fullscreen?: boolean | undefined;
+            readonly headerClass?: string | undefined;
+            readonly bodyClass?: string | undefined;
+            readonly footerClass?: string | undefined;
+            readonly showClose?: boolean | undefined;
+            readonly title?: string | undefined;
+            readonly ariaLevel?: string | undefined;
+            readonly onClose?: (() => any) | undefined | undefined;
+            readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined | undefined;
+            readonly onOpen?: (() => any) | undefined | undefined;
+            readonly onOpened?: (() => any) | undefined | undefined;
+            readonly onClosed?: (() => any) | undefined | undefined;
+            readonly onOpenAutoFocus?: (() => any) | undefined | undefined;
+            readonly onCloseAutoFocus?: (() => any) | undefined | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: import('vue').Attrs;
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: globalThis.Slot | undefined;
+        }>;
+        $root: ComponentPublicInstance | null;
+        $parent: ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: ((event: "close") => void) & ((event: "closed") => void) & ((event: "open") => void) & ((event: "opened") => void) & ((event: "update:modelValue", value: boolean) => void) & ((event: "openAutoFocus") => void) & ((event: "closeAutoFocus") => void);
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<import('element-plus').DialogProps> & Readonly<{
+            onClose?: (() => any) | undefined;
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            onOpen?: (() => any) | undefined;
+            onOpened?: (() => any) | undefined;
+            onClosed?: (() => any) | undefined;
+            onOpenAutoFocus?: (() => any) | undefined;
+            onCloseAutoFocus?: (() => any) | undefined;
+        }>, {
+            visible: globalThis.Ref<boolean, boolean>;
+            dialogContentRef: globalThis.Ref<any, any>;
+            resetPosition: () => void;
+            handleClose: () => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            close: () => void;
+            "update:modelValue": (value: boolean) => void;
+            open: () => void;
+            opened: () => void;
+            closed: () => void;
+            openAutoFocus: () => void;
+            closeAutoFocus: () => void;
+        }, string, {
+            appendTo: string | HTMLElement;
+            title: string;
+            transition: import('element-plus').DialogTransition;
+            overflow: boolean;
+            closeOnClickModal: boolean;
+            closeOnPressEscape: boolean;
+            lockScroll: boolean;
+            modal: boolean;
+            openDelay: number;
+            closeDelay: number;
+            headerAriaLevel: string;
+            alignCenter: boolean;
+            draggable: boolean;
+            showClose: boolean;
+            ariaLevel: string;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('vue').nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{
+        appendTo: string | HTMLElement;
+        title: string;
+        transition: import('element-plus').DialogTransition;
+        overflow: boolean;
+        closeOnClickModal: boolean;
+        closeOnPressEscape: boolean;
+        lockScroll: boolean;
+        modal: boolean;
+        openDelay: number;
+        closeDelay: number;
+        headerAriaLevel: string;
+        alignCenter: boolean;
+        draggable: boolean;
+        showClose: boolean;
+        ariaLevel: string;
+    }> & Omit<Readonly<import('element-plus').DialogProps> & Readonly<{
+        onClose?: (() => any) | undefined;
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        onOpen?: (() => any) | undefined;
+        onOpened?: (() => any) | undefined;
+        onClosed?: (() => any) | undefined;
+        onOpenAutoFocus?: (() => any) | undefined;
+        onCloseAutoFocus?: (() => any) | undefined;
+    }>, "title" | "visible" | "showClose" | "appendTo" | "modal" | "lockScroll" | "openDelay" | "closeDelay" | "closeOnClickModal" | "closeOnPressEscape" | "draggable" | "overflow" | "alignCenter" | "headerAriaLevel" | "transition" | "ariaLevel" | "dialogContentRef" | "resetPosition" | "handleClose"> & {
+        visible: boolean;
+        dialogContentRef: any;
+        resetPosition: () => void;
+        handleClose: () => void;
+    } & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            header?: (props: {
+                close: () => void;
+                titleId: string;
+                titleClass: string;
+            }) => any;
+        } & {
+            title?: (props: {}) => any;
+        } & {
+            default?: (props: {}) => any;
+        } & {
+            footer?: (props: {}) => any;
+        };
+    }) | null;
 }, any>;
 type __VLS_TemplateResult = {
     attrs: Partial<{}>;
     slots: {
+        header?(_: {}): any;
         default?(_: {}): any;
         footer?(_: {
             close: () => void;
         }): any;
     };
     refs: {
-        dialog: unknown;
+        dialog: ({
+            $: ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly appendToBody?: boolean | undefined;
+                readonly appendTo?: string | HTMLElement | undefined;
+                readonly beforeClose?: DialogBeforeCloseFn | undefined;
+                readonly destroyOnClose?: boolean | undefined;
+                readonly closeOnClickModal?: boolean | undefined;
+                readonly closeOnPressEscape?: boolean | undefined;
+                readonly lockScroll?: boolean | undefined;
+                readonly modal?: boolean | undefined;
+                readonly modalPenetrable?: boolean | undefined;
+                readonly openDelay?: number | undefined;
+                readonly closeDelay?: number | undefined;
+                readonly top?: string | undefined;
+                readonly modelValue?: boolean | undefined;
+                readonly modalClass?: string | undefined;
+                readonly width?: string | number | undefined;
+                readonly zIndex?: number | undefined;
+                readonly trapFocus?: boolean | undefined;
+                readonly headerAriaLevel?: string | undefined;
+                readonly transition?: DialogTransition | undefined;
+                readonly center?: boolean | undefined;
+                readonly alignCenter?: boolean | undefined;
+                readonly closeIcon?: IconPropType | undefined;
+                readonly draggable?: boolean | undefined;
+                readonly overflow?: boolean | undefined;
+                readonly fullscreen?: boolean | undefined;
+                readonly headerClass?: string | undefined;
+                readonly bodyClass?: string | undefined;
+                readonly footerClass?: string | undefined;
+                readonly showClose?: boolean | undefined;
+                readonly title?: string | undefined;
+                readonly ariaLevel?: string | undefined;
+                readonly onClose?: (() => any) | undefined;
+                readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+                readonly onOpen?: (() => any) | undefined;
+                readonly onOpened?: (() => any) | undefined;
+                readonly onClosed?: (() => any) | undefined;
+                readonly onOpenAutoFocus?: (() => any) | undefined;
+                readonly onCloseAutoFocus?: (() => any) | undefined;
+            } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
+            $attrs: Attrs;
+            $refs: Data;
+            $slots: Readonly<InternalSlots>;
+            $root: ComponentPublicInstance | null;
+            $parent: ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: ((event: "close") => void) & ((event: "closed") => void) & ((event: "open") => void) & ((event: "opened") => void) & ((event: "update:modelValue", value: boolean) => void) & ((event: "openAutoFocus") => void) & ((event: "closeAutoFocus") => void);
+            $el: any;
+            $options: ComponentOptionsBase<Readonly<DialogProps> & Readonly<{
+                onClose?: (() => any) | undefined;
+                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+                onOpen?: (() => any) | undefined;
+                onOpened?: (() => any) | undefined;
+                onClosed?: (() => any) | undefined;
+                onOpenAutoFocus?: (() => any) | undefined;
+                onCloseAutoFocus?: (() => any) | undefined;
+            }>, {
+                visible: Ref<boolean, boolean>;
+                dialogContentRef: Ref<any, any>;
+                resetPosition: () => void;
+                handleClose: () => void;
+            }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+                close: () => void;
+                "update:modelValue": (value: boolean) => void;
+                open: () => void;
+                opened: () => void;
+                closed: () => void;
+                openAutoFocus: () => void;
+                closeAutoFocus: () => void;
+            }, string, {
+                appendTo: string | HTMLElement;
+                title: string;
+                transition: DialogTransition;
+                overflow: boolean;
+                closeOnClickModal: boolean;
+                closeOnPressEscape: boolean;
+                lockScroll: boolean;
+                modal: boolean;
+                openDelay: number;
+                closeDelay: number;
+                headerAriaLevel: string;
+                alignCenter: boolean;
+                draggable: boolean;
+                showClose: boolean;
+                ariaLevel: string;
+            }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & MergedComponentOptionsOverride;
+            $forceUpdate: () => void;
+            $nextTick: typeof nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R, args_2: OnCleanup) => any : (args_0: any, args_1: any, args_2: OnCleanup) => any, options?: WatchOptions<boolean> | undefined): WatchStopHandle;
+        } & Readonly<{
+            appendTo: string | HTMLElement;
+            title: string;
+            transition: DialogTransition;
+            overflow: boolean;
+            closeOnClickModal: boolean;
+            closeOnPressEscape: boolean;
+            lockScroll: boolean;
+            modal: boolean;
+            openDelay: number;
+            closeDelay: number;
+            headerAriaLevel: string;
+            alignCenter: boolean;
+            draggable: boolean;
+            showClose: boolean;
+            ariaLevel: string;
+        }> & Omit<Readonly<DialogProps> & Readonly<{
+            onClose?: (() => any) | undefined;
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            onOpen?: (() => any) | undefined;
+            onOpened?: (() => any) | undefined;
+            onClosed?: (() => any) | undefined;
+            onOpenAutoFocus?: (() => any) | undefined;
+            onCloseAutoFocus?: (() => any) | undefined;
+        }>, "title" | "visible" | "showClose" | "appendTo" | "modal" | "lockScroll" | "openDelay" | "closeDelay" | "closeOnClickModal" | "closeOnPressEscape" | "draggable" | "overflow" | "alignCenter" | "headerAriaLevel" | "transition" | "ariaLevel" | "dialogContentRef" | "resetPosition" | "handleClose"> & {
+            visible: boolean;
+            dialogContentRef: any;
+            resetPosition: () => void;
+            handleClose: () => void;
+        } & ExtractComputedReturns<{}> & ComponentCustomProperties & {} & {
+            $slots: __VLS_Slots;
+        }) | null;
     };
     rootEl: any;
 };