@vtj/ui 0.0.6 → 0.4.1

package/types/components/tool/hooks.d.ts

@@ -0,0 +1,250 @@
+import { EpPropMergeType, Arrayable } from 'element-plus/es/utils';
+import { BadgeProps, TooltipTriggerType, Options, Measurable, Placement } from 'element-plus';
+import { IconSize, UnReadOnly } from '../..';
+import { VNode, RendererNode, RendererElement, StyleValue, ComputedRef } from 'vue';
+import { ToolProps, ToolEmits, ToolMenu } from './tool';
+export declare function useProps(props: ToolProps): {
+    icon: ComputedRef<{
+        size: IconSize | undefined;
+        disabled?: boolean | undefined;
+        icon?: string | object | VNode<RendererNode, RendererElement, {
+            [key: string]: any;
+        }> | undefined;
+        color?: string | undefined;
+        src?: string | undefined;
+    } | null>;
+    badge: ComputedRef<UnReadOnly<Partial<BadgeProps>> | null>;
+    tooltip: ComputedRef<{
+        visible?: EpPropMergeType<(new (...args: any[]) => boolean) | (() => boolean | null) | ((new (...args: any[]) => boolean) | (() => boolean | null))[], unknown, unknown> | undefined;
+        disabled?: boolean | undefined;
+        role?: EpPropMergeType<StringConstructor, "dialog" | "menu" | "group" | "listbox" | "grid" | "tooltip" | "navigation" | "tree", unknown> | undefined;
+        trigger?: EpPropMergeType<(new (...args: any[]) => "contextmenu" | "hover" | "focus" | "click" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>) | ((new (...args: any[]) => "contextmenu" | "hover" | "focus" | "click" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>))[], unknown, unknown> | undefined;
+        effect?: string | undefined;
+        placement: string;
+        popperOptions?: Partial<Options> | undefined;
+        teleported?: EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
+        strategy?: EpPropMergeType<StringConstructor, "fixed" | "absolute", unknown> | undefined;
+        showArrow?: EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
+        arrowOffset?: number | undefined;
+        triggerKeys?: string[] | undefined;
+        virtualTriggering?: boolean | undefined;
+        open?: boolean | undefined;
+        content?: string | undefined;
+        rawContent?: EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
+        persistent?: boolean | undefined;
+        enterable?: EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
+        pure?: boolean | undefined;
+        focusOnShow?: EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
+        trapping?: EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
+        stopPopperMouseEvent?: EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
+        boundariesPadding?: number | undefined;
+        gpuAcceleration?: EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
+        offset?: number | undefined;
+        showAfter?: number | undefined;
+        hideAfter?: number | undefined;
+        autoClose?: number | undefined;
+        style?: StyleValue | undefined;
+        transition?: string | undefined;
+        onFocus?: ((e: Event) => void) | undefined;
+        onBlur?: ((e: Event) => void) | undefined;
+        onKeydown?: ((e: Event) => void) | undefined;
+        onClick?: ((e: Event) => void) | undefined;
+        onContextmenu?: ((e: Event) => void) | undefined;
+        onMouseenter?: ((e: Event) => void) | undefined;
+        onMouseleave?: ((e: Event) => void) | undefined;
+        id?: string | undefined;
+        popperClass?: EpPropMergeType<(new (...args: any[]) => string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | any[] | {
+            [x: string]: boolean;
+        })[])[])[])[])[])[])[])[])[])[]) | (() => string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | any[] | {
+            [x: string]: boolean;
+        })[])[])[])[])[])[])[])[])[])[]) | ((new (...args: any[]) => string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | any[] | {
+            [x: string]: boolean;
+        })[])[])[])[])[])[])[])[])[])[]) | (() => string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | any[] | {
+            [x: string]: boolean;
+        })[])[])[])[])[])[])[])[])[])[]))[], unknown, unknown> | undefined;
+        virtualRef?: Measurable | undefined;
+        appendTo?: EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown> | undefined;
+        ariaLabel?: string | undefined;
+        className?: EpPropMergeType<(new (...args: any[]) => string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | any[] | {
+            [x: string]: boolean;
+        })[])[])[])[])[])[])[])[])[])[]) | (() => string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | any[] | {
+            [x: string]: boolean;
+        })[])[])[])[])[])[])[])[])[])[]) | ((new (...args: any[]) => string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | any[] | {
+            [x: string]: boolean;
+        })[])[])[])[])[])[])[])[])[])[]) | (() => string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | any[] | {
+            [x: string]: boolean;
+        })[])[])[])[])[])[])[])[])[])[]))[], unknown, unknown> | undefined;
+        popperStyle?: StyleValue | undefined;
+        referenceEl?: HTMLElement | undefined;
+        triggerTargetEl?: HTMLElement | undefined;
+        zIndex?: number | undefined;
+        fallbackPlacements?: Placement[] | undefined;
+        "onUpdate:visible"?: ((val: boolean) => void) | undefined;
+    } | null>;
+    disabled: ComputedRef<boolean>;
+};
+export declare function useEvents(props: ToolProps, emit: ToolEmits, disabled: ComputedRef<boolean>): {
+    onClick: () => void;
+    onCommand: (cmd: any) => void;
+    onClose: (menu: ToolMenu) => void;
+};

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

@@ -0,0 +1,371 @@
+import { EpPropFinalized, Arrayable, EpPropMergeType } from 'element-plus/es/utils';
+import { ElTooltipProps, TooltipTriggerType, Placement, Options, ButtonProps, BadgeProps } from 'element-plus';
+import { ComponentInternalInstance, VNodeRef, VNode, RendererNode, RendererElement, ExtractPropTypes, PropType, Slot, ComponentPublicInstance, ComponentOptionsBase, ComponentOptionsMixin, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, VNodeProps, AllowedComponentProps, ComponentCustomProps } from 'vue';
+import { WithInstall, ToolValue, IconParam, IconSize, UnReadOnly, ToolMenu } from '../..';
+export declare const XTool: WithInstall<{
+    new (...args: any[]): {
+        $: ComponentInternalInstance;
+        $data: {};
+        $props: {
+            key?: string | number | symbol | undefined;
+            readonly value?: ToolValue;
+            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 size?: IconSize | undefined;
+            readonly disabled?: boolean | (() => boolean) | undefined;
+            readonly label?: string | undefined;
+            onClick?: ((value: ToolValue) => any) | undefined;
+            readonly tooltip?: string | UnReadOnly<Partial<ElTooltipProps>> | undefined;
+            readonly menus?: ToolMenu[] | undefined;
+            readonly active?: string | number | Record<string, any> | undefined;
+            readonly dropdown?: UnReadOnly<ExtractPropTypes<{
+                readonly trigger: EpPropFinalized<(new (...args: any[]) => "contextmenu" | "hover" | "focus" | "click" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>) | ((new (...args: any[]) => "contextmenu" | "hover" | "focus" | "click" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>))[], unknown, unknown, "hover", boolean>;
+                readonly effect: {
+                    readonly default: "light";
+                    readonly type: PropType<string>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    readonly __epPropKey: true;
+                };
+                readonly type: {
+                    readonly type: PropType<EpPropMergeType<(new (...args: any[]) => "" | "default" | "text" | "success" | "warning" | "info" | "primary" | "danger") | (() => EpPropMergeType<StringConstructor, "" | "default" | "text" | "success" | "warning" | "info" | "primary" | "danger", unknown>) | ((new (...args: any[]) => "" | "default" | "text" | "success" | "warning" | "info" | "primary" | "danger") | (() => EpPropMergeType<StringConstructor, "" | "default" | "text" | "success" | "warning" | "info" | "primary" | "danger", unknown>))[], unknown, unknown>>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                };
+                readonly placement: EpPropFinalized<(new (...args: any[]) => "auto" | "bottom" | "auto-start" | "auto-end" | "top" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | ((new (...args: any[]) => "auto" | "bottom" | "auto-start" | "auto-end" | "top" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement))[], unknown, unknown, "bottom", boolean>;
+                readonly popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | ((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>))[], unknown, unknown, () => {}, boolean>;
+                readonly id: StringConstructor;
+                readonly size: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+                readonly splitButton: BooleanConstructor;
+                readonly hideOnClick: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+                readonly loop: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+                readonly showTimeout: EpPropFinalized<NumberConstructor, unknown, unknown, 150, boolean>;
+                readonly hideTimeout: EpPropFinalized<NumberConstructor, unknown, unknown, 150, boolean>;
+                readonly tabindex: EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, 0, boolean>;
+                readonly maxHeight: EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, "", boolean>;
+                readonly popperClass: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+                readonly disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+                readonly role: EpPropFinalized<StringConstructor, unknown, unknown, "menu", boolean>;
+                readonly buttonProps: {
+                    readonly type: PropType<ButtonProps>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                };
+                readonly teleported: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+            }>> | undefined;
+            readonly badge?: number | UnReadOnly<Partial<BadgeProps>> | undefined;
+            onClose?: ((menu: ToolMenu) => any) | undefined;
+            onCommand?: ((menu: ToolMenu) => 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: "click", value: ToolValue) => void) & ((event: "command", menu: ToolMenu) => void) & ((event: "close", menu: ToolMenu) => void);
+        $el: any;
+        $options: ComponentOptionsBase<Readonly<ExtractPropTypes<{
+            label: {
+                type: StringConstructor;
+            };
+            value: {
+                type: PropType<ToolValue>;
+            };
+            icon: {
+                type: PropType<IconParam>;
+            };
+            size: {
+                type: PropType<IconSize>;
+            };
+            disabled: {
+                type: PropType<boolean | (() => boolean)>;
+            };
+            menus: {
+                type: PropType<ToolMenu[]>;
+            };
+            active: {
+                type: (StringConstructor | NumberConstructor | ObjectConstructor)[];
+            };
+            dropdown: {
+                type: PropType<UnReadOnly<ExtractPropTypes<{
+                    readonly trigger: EpPropFinalized<(new (...args: any[]) => "contextmenu" | "hover" | "focus" | "click" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>) | ((new (...args: any[]) => "contextmenu" | "hover" | "focus" | "click" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>))[], unknown, unknown, "hover", boolean>;
+                    readonly effect: {
+                        readonly default: "light";
+                        readonly type: PropType<string>;
+                        readonly required: false;
+                        readonly validator: ((val: unknown) => boolean) | undefined;
+                        readonly __epPropKey: true;
+                    };
+                    readonly type: {
+                        readonly type: PropType<EpPropMergeType<(new (...args: any[]) => "" | "default" | "text" | "success" | "warning" | "info" | "primary" | "danger") | (() => EpPropMergeType<StringConstructor, "" | "default" | "text" | "success" | "warning" | "info" | "primary" | "danger", unknown>) | ((new (...args: any[]) => "" | "default" | "text" | "success" | "warning" | "info" | "primary" | "danger") | (() => EpPropMergeType<StringConstructor, "" | "default" | "text" | "success" | "warning" | "info" | "primary" | "danger", unknown>))[], unknown, unknown>>;
+                        readonly required: false;
+                        readonly validator: ((val: unknown) => boolean) | undefined;
+                        __epPropKey: true;
+                    };
+                    readonly placement: EpPropFinalized<(new (...args: any[]) => "auto" | "bottom" | "auto-start" | "auto-end" | "top" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | ((new (...args: any[]) => "auto" | "bottom" | "auto-start" | "auto-end" | "top" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement))[], unknown, unknown, "bottom", boolean>;
+                    readonly popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | ((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>))[], unknown, unknown, () => {}, boolean>;
+                    readonly id: StringConstructor;
+                    readonly size: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+                    readonly splitButton: BooleanConstructor;
+                    readonly hideOnClick: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+                    readonly loop: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+                    readonly showTimeout: EpPropFinalized<NumberConstructor, unknown, unknown, 150, boolean>;
+                    readonly hideTimeout: EpPropFinalized<NumberConstructor, unknown, unknown, 150, boolean>;
+                    readonly tabindex: EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, 0, boolean>;
+                    readonly maxHeight: EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, "", boolean>;
+                    readonly popperClass: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+                    readonly disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+                    readonly role: EpPropFinalized<StringConstructor, unknown, unknown, "menu", boolean>;
+                    readonly buttonProps: {
+                        readonly type: PropType<ButtonProps>;
+                        readonly required: false;
+                        readonly validator: ((val: unknown) => boolean) | undefined;
+                        __epPropKey: true;
+                    };
+                    readonly teleported: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+                }>>>;
+            };
+            badge: {
+                type: PropType<number | UnReadOnly<Partial<BadgeProps>>>;
+            };
+            tooltip: {
+                type: PropType<string | UnReadOnly<Partial<ElTooltipProps>>>;
+            };
+        }>> & {
+            onClick?: ((value: ToolValue) => any) | undefined;
+            onClose?: ((menu: ToolMenu) => any) | undefined;
+            onCommand?: ((menu: ToolMenu) => any) | undefined;
+        }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+            click: (value: ToolValue) => boolean;
+            command: (menu: ToolMenu) => boolean;
+            close: (menu: ToolMenu) => boolean;
+        }, string, {}, {}, 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<{
+        label: {
+            type: StringConstructor;
+        };
+        value: {
+            type: PropType<ToolValue>;
+        };
+        icon: {
+            type: PropType<IconParam>;
+        };
+        size: {
+            type: PropType<IconSize>;
+        };
+        disabled: {
+            type: PropType<boolean | (() => boolean)>;
+        };
+        menus: {
+            type: PropType<ToolMenu[]>;
+        };
+        active: {
+            type: (StringConstructor | NumberConstructor | ObjectConstructor)[];
+        };
+        dropdown: {
+            type: PropType<UnReadOnly<ExtractPropTypes<{
+                readonly trigger: EpPropFinalized<(new (...args: any[]) => "contextmenu" | "hover" | "focus" | "click" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>) | ((new (...args: any[]) => "contextmenu" | "hover" | "focus" | "click" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>))[], unknown, unknown, "hover", boolean>;
+                readonly effect: {
+                    readonly default: "light";
+                    readonly type: PropType<string>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    readonly __epPropKey: true;
+                };
+                readonly type: {
+                    readonly type: PropType<EpPropMergeType<(new (...args: any[]) => "" | "default" | "text" | "success" | "warning" | "info" | "primary" | "danger") | (() => EpPropMergeType<StringConstructor, "" | "default" | "text" | "success" | "warning" | "info" | "primary" | "danger", unknown>) | ((new (...args: any[]) => "" | "default" | "text" | "success" | "warning" | "info" | "primary" | "danger") | (() => EpPropMergeType<StringConstructor, "" | "default" | "text" | "success" | "warning" | "info" | "primary" | "danger", unknown>))[], unknown, unknown>>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                };
+                readonly placement: EpPropFinalized<(new (...args: any[]) => "auto" | "bottom" | "auto-start" | "auto-end" | "top" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | ((new (...args: any[]) => "auto" | "bottom" | "auto-start" | "auto-end" | "top" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement))[], unknown, unknown, "bottom", boolean>;
+                readonly popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | ((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>))[], unknown, unknown, () => {}, boolean>;
+                readonly id: StringConstructor;
+                readonly size: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+                readonly splitButton: BooleanConstructor;
+                readonly hideOnClick: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+                readonly loop: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+                readonly showTimeout: EpPropFinalized<NumberConstructor, unknown, unknown, 150, boolean>;
+                readonly hideTimeout: EpPropFinalized<NumberConstructor, unknown, unknown, 150, boolean>;
+                readonly tabindex: EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, 0, boolean>;
+                readonly maxHeight: EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, "", boolean>;
+                readonly popperClass: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+                readonly disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+                readonly role: EpPropFinalized<StringConstructor, unknown, unknown, "menu", boolean>;
+                readonly buttonProps: {
+                    readonly type: PropType<ButtonProps>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                };
+                readonly teleported: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+            }>>>;
+        };
+        badge: {
+            type: PropType<number | UnReadOnly<Partial<BadgeProps>>>;
+        };
+        tooltip: {
+            type: PropType<string | UnReadOnly<Partial<ElTooltipProps>>>;
+        };
+    }>> & {
+        onClick?: ((value: ToolValue) => any) | undefined;
+        onClose?: ((menu: ToolMenu) => any) | undefined;
+        onCommand?: ((menu: ToolMenu) => any) | undefined;
+    } & ShallowUnwrapRef<{}> & {} & ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & ComponentOptionsBase<Readonly<ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+    };
+    value: {
+        type: PropType<ToolValue>;
+    };
+    icon: {
+        type: PropType<IconParam>;
+    };
+    size: {
+        type: PropType<IconSize>;
+    };
+    disabled: {
+        type: PropType<boolean | (() => boolean)>;
+    };
+    menus: {
+        type: PropType<ToolMenu[]>;
+    };
+    active: {
+        type: (StringConstructor | NumberConstructor | ObjectConstructor)[];
+    };
+    dropdown: {
+        type: PropType<UnReadOnly<ExtractPropTypes<{
+            readonly trigger: EpPropFinalized<(new (...args: any[]) => "contextmenu" | "hover" | "focus" | "click" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>) | ((new (...args: any[]) => "contextmenu" | "hover" | "focus" | "click" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>))[], unknown, unknown, "hover", boolean>;
+            readonly effect: {
+                readonly default: "light";
+                readonly type: PropType<string>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                readonly __epPropKey: true;
+            };
+            readonly type: {
+                readonly type: PropType<EpPropMergeType<(new (...args: any[]) => "" | "default" | "text" | "success" | "warning" | "info" | "primary" | "danger") | (() => EpPropMergeType<StringConstructor, "" | "default" | "text" | "success" | "warning" | "info" | "primary" | "danger", unknown>) | ((new (...args: any[]) => "" | "default" | "text" | "success" | "warning" | "info" | "primary" | "danger") | (() => EpPropMergeType<StringConstructor, "" | "default" | "text" | "success" | "warning" | "info" | "primary" | "danger", unknown>))[], unknown, unknown>>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly placement: EpPropFinalized<(new (...args: any[]) => "auto" | "bottom" | "auto-start" | "auto-end" | "top" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | ((new (...args: any[]) => "auto" | "bottom" | "auto-start" | "auto-end" | "top" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement))[], unknown, unknown, "bottom", boolean>;
+            readonly popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | ((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>))[], unknown, unknown, () => {}, boolean>;
+            readonly id: StringConstructor;
+            readonly size: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+            readonly splitButton: BooleanConstructor;
+            readonly hideOnClick: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+            readonly loop: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+            readonly showTimeout: EpPropFinalized<NumberConstructor, unknown, unknown, 150, boolean>;
+            readonly hideTimeout: EpPropFinalized<NumberConstructor, unknown, unknown, 150, boolean>;
+            readonly tabindex: EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, 0, boolean>;
+            readonly maxHeight: EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, "", boolean>;
+            readonly popperClass: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+            readonly disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+            readonly role: EpPropFinalized<StringConstructor, unknown, unknown, "menu", boolean>;
+            readonly buttonProps: {
+                readonly type: PropType<ButtonProps>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly teleported: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+        }>>>;
+    };
+    badge: {
+        type: PropType<number | UnReadOnly<Partial<BadgeProps>>>;
+    };
+    tooltip: {
+        type: PropType<string | UnReadOnly<Partial<ElTooltipProps>>>;
+    };
+}>> & {
+    onClick?: ((value: ToolValue) => any) | undefined;
+    onClose?: ((menu: ToolMenu) => any) | undefined;
+    onCommand?: ((menu: ToolMenu) => any) | undefined;
+}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    click: (value: ToolValue) => boolean;
+    command: (menu: ToolMenu) => boolean;
+    close: (menu: ToolMenu) => boolean;
+}, string, {}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+        menu?(_: {
+            item: ToolMenu;
+        }): any;
+    };
+})> & Record<string, any>;
+export default XTool;
+export * from './tool';