@vtj/ui 0.0.6 → 0.4.0

package/types/components/dialog/index.d.ts

@@ -0,0 +1,638 @@
+import { ComponentInternalInstance, VNodeRef, VNode, RendererNode, RendererElement, DefineComponent, Slot, ComponentPublicInstance, ComponentOptionsBase, ExtractPropTypes, PropType, ComputedRef, Ref, ComponentOptionsMixin, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, VNodeProps, AllowedComponentProps, ComponentCustomProps } from 'vue';
+import { WithInstall, UseDraggableOptions, UseResizableOptions, ToolbarItem, IconParam, DialogState, ToolValue, ToolMenu, InstallWithContext } from '../..';
+import { createDialog } from './create';
+export declare const XDialog: WithInstall<{
+    new (...args: any[]): {
+        $: ComponentInternalInstance;
+        $data: {};
+        $props: {
+            width?: string | number | undefined;
+            height?: string | number | undefined;
+            small?: boolean | undefined;
+            footer?: boolean | undefined;
+            title?: string | undefined;
+            draggable?: boolean | UseDraggableOptions | undefined;
+            zIndex?: number | undefined;
+            modelValue?: boolean | undefined;
+            autoFit?: boolean | undefined;
+            modal?: boolean | undefined;
+            resizable?: boolean | UseResizableOptions | undefined;
+            closable?: boolean | undefined;
+            maximizable?: boolean | undefined;
+            minimizable?: boolean | undefined;
+            tools?: ToolbarItem[] | undefined;
+            closeOnClickModal?: boolean | undefined;
+            confirmText?: string | false | undefined;
+            cancelText?: string | false | undefined;
+            bodyPadding?: boolean | undefined;
+            theme?: "default" | "newpearl" | undefined;
+            key?: string | number | symbol | undefined;
+            ref?: VNodeRef | undefined;
+            ref_for?: boolean | undefined;
+            ref_key?: string | undefined;
+            onVnodeBeforeMount?: ((vnode: VNode<RendererNode, RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: VNode<RendererNode, RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeMounted?: ((vnode: VNode<RendererNode, RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: VNode<RendererNode, RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeBeforeUpdate?: ((vnode: VNode<RendererNode, RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: VNode<RendererNode, RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: VNode<RendererNode, RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: VNode<RendererNode, RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeUpdated?: ((vnode: VNode<RendererNode, RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: VNode<RendererNode, RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: VNode<RendererNode, RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: VNode<RendererNode, RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeBeforeUnmount?: ((vnode: VNode<RendererNode, RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: VNode<RendererNode, RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeUnmounted?: ((vnode: VNode<RendererNode, RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: VNode<RendererNode, RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            class?: unknown;
+            style?: unknown;
+            readonly icon?: IconParam | undefined;
+            readonly src?: string | undefined;
+            readonly content?: VNode<RendererNode, RendererElement, {
+                [key: string]: any;
+            }> | DefineComponent | undefined;
+            onOpen?: (() => any) | undefined;
+            onClose?: (() => any) | undefined;
+            readonly confirm?: (() => Promise<boolean>) | undefined;
+            readonly cancel?: (() => Promise<boolean>) | undefined;
+            readonly beforeClose?: (() => Promise<boolean>) | undefined;
+            onShow?: (() => any) | undefined;
+            onHide?: (() => any) | undefined;
+            onConfirm?: (() => any) | undefined;
+            onCancel?: (() => any) | undefined;
+            onDragStart?: ((e: DialogState) => any) | undefined;
+            onDragEnd?: ((e: DialogState) => any) | undefined;
+            onDragging?: ((e: DialogState) => any) | undefined;
+            onResizeStart?: ((e: DialogState) => any) | undefined;
+            onResizeEnd?: ((e: DialogState) => any) | undefined;
+            onResizing?: ((e: DialogState) => any) | undefined;
+            "onUpdate:modelValue"?: ((e: boolean) => any) | undefined;
+            onToolClick?: ((e: ToolValue) => any) | undefined;
+            onToolCommand?: ((v: ToolValue, menu: ToolMenu) => any) | undefined;
+            onToolClose?: ((v: ToolValue, menu: ToolMenu) => any) | undefined;
+            onMaximized?: (() => any) | undefined;
+            onRestore?: (() => any) | undefined;
+            onStateChange?: ((state: DialogState) => any) | undefined;
+        };
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: Slot<any> | undefined;
+        }>;
+        $root: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $parent: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $emit: ((event: "open") => void) & ((event: "close") => void) & ((event: "show") => void) & ((event: "hide") => void) & ((event: "confirm") => void) & ((event: "cancel") => void) & ((event: "dragStart", e: DialogState) => void) & ((event: "dragEnd", e: DialogState) => void) & ((event: "dragging", e: DialogState) => void) & ((event: "resizeStart", e: DialogState) => void) & ((event: "resizeEnd", e: DialogState) => void) & ((event: "resizing", e: DialogState) => void) & ((event: "update:modelValue", e: boolean) => void) & ((event: "toolClick", e: ToolValue) => void) & ((event: "toolCommand", v: ToolValue, menu: ToolMenu) => void) & ((event: "toolClose", v: ToolValue, menu: ToolMenu) => void) & ((event: "maximized") => void) & ((event: "restore") => void) & ((event: "stateChange", state: DialogState) => void);
+        $el: any;
+        $options: ComponentOptionsBase<Readonly<ExtractPropTypes<{
+            modelValue: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            width: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: string;
+            };
+            height: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: string;
+            };
+            autoFit: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            modal: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            title: {
+                type: StringConstructor;
+                default: string;
+            };
+            icon: {
+                type: PropType<IconParam>;
+            };
+            small: {
+                type: BooleanConstructor;
+            };
+            draggable: {
+                type: PropType<boolean | UseDraggableOptions>;
+                default: boolean;
+            };
+            resizable: {
+                type: PropType<boolean | UseResizableOptions>;
+                default: boolean;
+            };
+            footer: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            closable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            maximizable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            minimizable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            tools: {
+                type: PropType<ToolbarItem[]>;
+                default: () => never[];
+            };
+            closeOnClickModal: {
+                type: BooleanConstructor;
+            };
+            confirmText: {
+                type: PropType<string | false>;
+                default: string;
+            };
+            confirm: {
+                type: PropType<() => Promise<boolean>>;
+            };
+            cancelText: {
+                type: PropType<string | false>;
+                default: string;
+            };
+            cancel: {
+                type: PropType<() => Promise<boolean>>;
+            };
+            beforeClose: {
+                type: PropType<() => Promise<boolean>>;
+            };
+            src: {
+                type: StringConstructor;
+            };
+            content: {
+                type: PropType<VNode<RendererNode, RendererElement, {
+                    [key: string]: any;
+                }> | DefineComponent>;
+            };
+            zIndex: {
+                type: NumberConstructor;
+                default(): number;
+            };
+            bodyPadding: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            theme: {
+                type: PropType<"default" | "newpearl">;
+                default: string;
+            };
+        }>> & {
+            onOpen?: (() => any) | undefined;
+            onClose?: (() => any) | undefined;
+            onShow?: (() => any) | undefined;
+            onHide?: (() => any) | undefined;
+            onConfirm?: (() => any) | undefined;
+            onCancel?: (() => any) | undefined;
+            onDragStart?: ((e: DialogState) => any) | undefined;
+            onDragEnd?: ((e: DialogState) => any) | undefined;
+            onDragging?: ((e: DialogState) => any) | undefined;
+            onResizeStart?: ((e: DialogState) => any) | undefined;
+            onResizeEnd?: ((e: DialogState) => any) | undefined;
+            onResizing?: ((e: DialogState) => any) | undefined;
+            "onUpdate:modelValue"?: ((e: boolean) => any) | undefined;
+            onToolClick?: ((e: ToolValue) => any) | undefined;
+            onToolCommand?: ((v: ToolValue, menu: ToolMenu) => any) | undefined;
+            onToolClose?: ((v: ToolValue, menu: ToolMenu) => any) | undefined;
+            onMaximized?: (() => any) | undefined;
+            onRestore?: (() => any) | undefined;
+            onStateChange?: ((state: DialogState) => any) | undefined;
+        }, {
+            instance: ComponentInternalInstance | null;
+            isDragging: ComputedRef<boolean>;
+            resizing: Ref<boolean>;
+            state: {
+                maximized: boolean;
+                minimized: boolean;
+                visible: boolean;
+                width: number;
+                height: number;
+                left: number;
+                top: number;
+                zIndex: number;
+            };
+            show: () => void;
+            hide: () => boolean;
+            close: () => Promise<void>;
+        }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+            dragStart: (e: DialogState) => boolean;
+            dragEnd: (e: DialogState) => boolean;
+            dragging: (e: DialogState) => boolean;
+            resizeStart: (e: DialogState) => boolean;
+            resizeEnd: (e: DialogState) => boolean;
+            resizing: (e: DialogState) => boolean;
+            'update:modelValue': (e: boolean) => boolean;
+            toolClick: (e: ToolValue) => boolean;
+            toolCommand: (v: ToolValue, menu: ToolMenu) => boolean;
+            toolClose: (v: ToolValue, menu: ToolMenu) => boolean;
+            open: () => boolean;
+            show: () => boolean;
+            close: () => boolean;
+            hide: () => boolean;
+            maximized: () => boolean;
+            restore: () => boolean;
+            stateChange: (state: DialogState) => boolean;
+            confirm: () => boolean;
+            cancel: () => boolean;
+        }, string, {
+            width: string | number;
+            height: string | number;
+            small: boolean;
+            footer: boolean;
+            title: string;
+            draggable: boolean | UseDraggableOptions;
+            zIndex: number;
+            modelValue: boolean;
+            autoFit: boolean;
+            modal: boolean;
+            resizable: boolean | UseResizableOptions;
+            closable: boolean;
+            maximizable: boolean;
+            minimizable: boolean;
+            tools: ToolbarItem[];
+            closeOnClickModal: boolean;
+            confirmText: string | false;
+            cancelText: string | false;
+            bodyPadding: boolean;
+            theme: "default" | "newpearl";
+        }, {}, string, {}> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $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) => any : (...args: any) => any, options?: WatchOptions<boolean> | undefined): WatchStopHandle;
+    } & Readonly<ExtractPropTypes<{
+        modelValue: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        width: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: string;
+        };
+        height: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: string;
+        };
+        autoFit: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        modal: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        title: {
+            type: StringConstructor;
+            default: string;
+        };
+        icon: {
+            type: PropType<IconParam>;
+        };
+        small: {
+            type: BooleanConstructor;
+        };
+        draggable: {
+            type: PropType<boolean | UseDraggableOptions>;
+            default: boolean;
+        };
+        resizable: {
+            type: PropType<boolean | UseResizableOptions>;
+            default: boolean;
+        };
+        footer: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        closable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        maximizable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        minimizable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        tools: {
+            type: PropType<ToolbarItem[]>;
+            default: () => never[];
+        };
+        closeOnClickModal: {
+            type: BooleanConstructor;
+        };
+        confirmText: {
+            type: PropType<string | false>;
+            default: string;
+        };
+        confirm: {
+            type: PropType<() => Promise<boolean>>;
+        };
+        cancelText: {
+            type: PropType<string | false>;
+            default: string;
+        };
+        cancel: {
+            type: PropType<() => Promise<boolean>>;
+        };
+        beforeClose: {
+            type: PropType<() => Promise<boolean>>;
+        };
+        src: {
+            type: StringConstructor;
+        };
+        content: {
+            type: PropType<VNode<RendererNode, RendererElement, {
+                [key: string]: any;
+            }> | DefineComponent>;
+        };
+        zIndex: {
+            type: NumberConstructor;
+            default(): number;
+        };
+        bodyPadding: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        theme: {
+            type: PropType<"default" | "newpearl">;
+            default: string;
+        };
+    }>> & {
+        onOpen?: (() => any) | undefined;
+        onClose?: (() => any) | undefined;
+        onShow?: (() => any) | undefined;
+        onHide?: (() => any) | undefined;
+        onConfirm?: (() => any) | undefined;
+        onCancel?: (() => any) | undefined;
+        onDragStart?: ((e: DialogState) => any) | undefined;
+        onDragEnd?: ((e: DialogState) => any) | undefined;
+        onDragging?: ((e: DialogState) => any) | undefined;
+        onResizeStart?: ((e: DialogState) => any) | undefined;
+        onResizeEnd?: ((e: DialogState) => any) | undefined;
+        onResizing?: ((e: DialogState) => any) | undefined;
+        "onUpdate:modelValue"?: ((e: boolean) => any) | undefined;
+        onToolClick?: ((e: ToolValue) => any) | undefined;
+        onToolCommand?: ((v: ToolValue, menu: ToolMenu) => any) | undefined;
+        onToolClose?: ((v: ToolValue, menu: ToolMenu) => any) | undefined;
+        onMaximized?: (() => any) | undefined;
+        onRestore?: (() => any) | undefined;
+        onStateChange?: ((state: DialogState) => any) | undefined;
+    } & ShallowUnwrapRef<{
+        instance: ComponentInternalInstance | null;
+        isDragging: ComputedRef<boolean>;
+        resizing: Ref<boolean>;
+        state: {
+            maximized: boolean;
+            minimized: boolean;
+            visible: boolean;
+            width: number;
+            height: number;
+            left: number;
+            top: number;
+            zIndex: number;
+        };
+        show: () => void;
+        hide: () => boolean;
+        close: () => Promise<void>;
+    }> & {} & ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & ComponentOptionsBase<Readonly<ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    width: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    height: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    autoFit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    icon: {
+        type: PropType<IconParam>;
+    };
+    small: {
+        type: BooleanConstructor;
+    };
+    draggable: {
+        type: PropType<boolean | UseDraggableOptions>;
+        default: boolean;
+    };
+    resizable: {
+        type: PropType<boolean | UseResizableOptions>;
+        default: boolean;
+    };
+    footer: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maximizable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    minimizable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tools: {
+        type: PropType<ToolbarItem[]>;
+        default: () => never[];
+    };
+    closeOnClickModal: {
+        type: BooleanConstructor;
+    };
+    confirmText: {
+        type: PropType<string | false>;
+        default: string;
+    };
+    confirm: {
+        type: PropType<() => Promise<boolean>>;
+    };
+    cancelText: {
+        type: PropType<string | false>;
+        default: string;
+    };
+    cancel: {
+        type: PropType<() => Promise<boolean>>;
+    };
+    beforeClose: {
+        type: PropType<() => Promise<boolean>>;
+    };
+    src: {
+        type: StringConstructor;
+    };
+    content: {
+        type: PropType<VNode<RendererNode, RendererElement, {
+            [key: string]: any;
+        }> | DefineComponent>;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default(): number;
+    };
+    bodyPadding: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    theme: {
+        type: PropType<"default" | "newpearl">;
+        default: string;
+    };
+}>> & {
+    onOpen?: (() => any) | undefined;
+    onClose?: (() => any) | undefined;
+    onShow?: (() => any) | undefined;
+    onHide?: (() => any) | undefined;
+    onConfirm?: (() => any) | undefined;
+    onCancel?: (() => any) | undefined;
+    onDragStart?: ((e: DialogState) => any) | undefined;
+    onDragEnd?: ((e: DialogState) => any) | undefined;
+    onDragging?: ((e: DialogState) => any) | undefined;
+    onResizeStart?: ((e: DialogState) => any) | undefined;
+    onResizeEnd?: ((e: DialogState) => any) | undefined;
+    onResizing?: ((e: DialogState) => any) | undefined;
+    "onUpdate:modelValue"?: ((e: boolean) => any) | undefined;
+    onToolClick?: ((e: ToolValue) => any) | undefined;
+    onToolCommand?: ((v: ToolValue, menu: ToolMenu) => any) | undefined;
+    onToolClose?: ((v: ToolValue, menu: ToolMenu) => any) | undefined;
+    onMaximized?: (() => any) | undefined;
+    onRestore?: (() => any) | undefined;
+    onStateChange?: ((state: DialogState) => any) | undefined;
+}, {
+    instance: ComponentInternalInstance | null;
+    isDragging: ComputedRef<boolean>;
+    resizing: Ref<boolean>;
+    state: {
+        maximized: boolean;
+        minimized: boolean;
+        visible: boolean;
+        width: number;
+        height: number;
+        left: number;
+        top: number;
+        zIndex: number;
+    };
+    show: () => void;
+    hide: () => boolean;
+    close: () => Promise<void>;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    dragStart: (e: DialogState) => boolean;
+    dragEnd: (e: DialogState) => boolean;
+    dragging: (e: DialogState) => boolean;
+    resizeStart: (e: DialogState) => boolean;
+    resizeEnd: (e: DialogState) => boolean;
+    resizing: (e: DialogState) => boolean;
+    'update:modelValue': (e: boolean) => boolean;
+    toolClick: (e: ToolValue) => boolean;
+    toolCommand: (v: ToolValue, menu: ToolMenu) => boolean;
+    toolClose: (v: ToolValue, menu: ToolMenu) => boolean;
+    open: () => boolean;
+    show: () => boolean;
+    close: () => boolean;
+    hide: () => boolean;
+    maximized: () => boolean;
+    restore: () => boolean;
+    stateChange: (state: DialogState) => boolean;
+    confirm: () => boolean;
+    cancel: () => boolean;
+}, string, {
+    width: string | number;
+    height: string | number;
+    small: boolean;
+    footer: boolean;
+    title: string;
+    draggable: boolean | UseDraggableOptions;
+    zIndex: number;
+    modelValue: boolean;
+    autoFit: boolean;
+    modal: boolean;
+    resizable: boolean | UseResizableOptions;
+    closable: boolean;
+    maximizable: boolean;
+    minimizable: boolean;
+    tools: ToolbarItem[];
+    closeOnClickModal: boolean;
+    confirmText: string | false;
+    cancelText: string | false;
+    bodyPadding: boolean;
+    theme: "default" | "newpearl";
+}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+        extra?(_: {}): any;
+        action?(_: {}): any;
+    };
+})> & {
+    create: InstallWithContext<typeof createDialog>;
+};
+export default XDialog;
+export * from './dialog';

package/types/components/element/Element.d.ts

@@ -0,0 +1,25 @@
+import { DefineComponent, VNode, RendererNode, RendererElement, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from 'vue';
+export declare const elementProps: {
+    tag: {
+        type: StringConstructor;
+        default: (...args: any[]) => string;
+    };
+};
+export type ElementProps = ExtractPropTypes<typeof elementProps>;
+export declare const Element: DefineComponent<{
+    tag: {
+        type: StringConstructor;
+        default: (...args: any[]) => string;
+    };
+}, () => VNode<RendererNode, RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    tag: {
+        type: StringConstructor;
+        default: (...args: any[]) => string;
+    };
+}>>, {
+    tag: string;
+}, {}>;
+export type ElementInstance = InstanceType<typeof Element>;
+export default Element;

package/types/components/element/index.d.ts

@@ -0,0 +1,21 @@
+import { DefineComponent, VNode, RendererNode, RendererElement, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from 'vue';
+import { WithInstall } from '../../utils';
+import Element from './Element';
+export declare const XElement: WithInstall<DefineComponent<{
+    tag: {
+        type: StringConstructor;
+        default: (...args: any[]) => string;
+    };
+}, () => VNode<RendererNode, RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    tag: {
+        type: StringConstructor;
+        default: (...args: any[]) => string;
+    };
+}>>, {
+    tag: string;
+}, {}>> & Record<string, any>;
+export default XElement;
+export { Element };
+export * from './Element';