@vtj/ui 0.10.4 → 0.10.6

package/types/components/mask/Mask.d.ts

@@ -1,10 +1,16 @@
-import { ActionMenuItem } from '../';
+import { XContainer, ActionProps, ActionMenuItem } from '../';
+import { default as Sidebar } from './components/Sidebar';
+import { default as SwitchBar } from './components/SwitchBar';
+import { default as Brand } from './components/Brand';
+import { default as Menu } from './components/Menu';
+import { default as Tabs } from './components/Tabs';
+import { default as Toolbar } from './components/Toolbar';
+import { default as Avatar } from './components/Avatar';
+import { default as Content } from './components/Content';
 import { MaskTab } from './types';
-import { CreateComponentPublicInstanceWithMixins, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, Slot, ComponentPublicInstance, ComponentOptionsBase, ExtractPropTypes, PropType, ComputedRef, ComponentProvideOptions, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, DefineComponent } from 'vue';
-import { Props } from './components/Tabs';
+import { ComputedRef, Ref, ShallowRef, VNode, RendererNode, RendererElement, DefineComponent, ExtractPropTypes, PropType, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 import { MenuDataItem } from '../menu';
-import { ContainerWrap, ContainerDirection, ContainerJustifyContent, ContainerAlignItems, ContainerAlignContent } from '../container';
-import { OnCleanup } from '@vue/reactivity';
+import { RouteLocationNormalizedLoaded } from 'vue-router';
 import { ActionBarItems } from '../action-bar';
 import { IconParam } from '../icon';
 import { ActionMode } from '../action';
@@ -12,295 +18,551 @@ import { ElTooltipProps, BadgeProps, TooltipTriggerType, PopperEffect, ButtonPro
 import { EpPropFinalized, EpPropMergeType } from 'element-plus/es/utils/index.mjs';
 import { Arrayable } from 'element-plus/es/utils/typescript.mjs';
 import { BaseSize, BaseType } from '../shared';
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        user?(_: {}): any;
-        default?(_: {}): any;
-        default?(_: {}): any;
+declare const home: ComputedRef<MaskTab>;
+declare const collapsed: Ref<boolean, boolean>, keyword: Ref<string, string>, favorite: Ref<boolean, boolean>;
+declare const menus: ShallowRef< MenuDataItem[], MenuDataItem[]>, favorites: ShallowRef< MenuDataItem[], MenuDataItem[]>, flatMenus: ComputedRef< MenuDataItem[]>, active: Ref< MenuDataItem | null, MenuDataItem | null>, select: (id: string | number | MenuDataItem) => void, toggleFavorite: (item: MenuDataItem) => void;
+declare const tabRef: Ref<any, any>, showTabs: ComputedRef<MaskTab[]>, currentTab: ComputedRef<MaskTab | undefined>, changeTab: (tab: MaskTab) => void, dropdownTabs: ComputedRef<MaskTab[]>, moveToShow: (tab: MaskTab) => void;
+declare const createView: (module: any, route: RouteLocationNormalizedLoaded) => any, openDialog: (tab: MaskTab) => Promise<{
+    vnode: VNode<RendererNode, RendererElement, {
+        [key: string]: any;
+    }>;
+    destroy: () => void;
+}>, refresh: (tab: MaskTab) => Promise<void>, exclude: Ref<string[], string[]>;
+declare const onRemoveTab: (tab: MaskTab) => Promise<void>;
+declare const onRemoveAllTabs: () => Promise<void>;
+declare const onRemoveOtherTabs: () => Promise<void>;
+declare const onActionClick: (action: ActionProps) => void;
+declare const onActionCommand: (action: ActionProps, item: ActionMenuItem) => void;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_58: {}, __VLS_63: {}, __VLS_68: {};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    user?: (props: typeof __VLS_58) => any;
+} & {
+    default?: (props: typeof __VLS_63) => any;
+} & {
+    default?: (props: typeof __VLS_68) => any;
+}>;
+declare const __VLS_self: DefineComponent<ExtractPropTypes<{
+    logo: {
+        type: StringConstructor;
+        default: string;
     };
-    refs: {
-        tabRef: CreateComponentPublicInstanceWithMixins<Readonly< Props> & Readonly<{
-            onDialog?: ((tab: MaskTab) => any) | undefined;
-            onClick?: ((tab: MaskTab) => any) | undefined;
-            onRemove?: ((tab: MaskTab) => any) | undefined;
-            onRefresh?: ((tab: MaskTab) => any) | undefined;
-            onToggleFavorite?: ((item: MenuDataItem) => any) | undefined;
-        }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-            dialog: (tab: MaskTab) => any;
-            click: (tab: MaskTab) => any;
-            remove: (tab: MaskTab) => any;
-            refresh: (tab: MaskTab) => any;
-            toggleFavorite: (item: MenuDataItem) => any;
-        }, PublicProps, {}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {
-            tabsRef: ({
-                $: ComponentInternalInstance;
-                $data: {};
-                $props: Partial<{
-                    padding: boolean;
-                    tag: string;
-                    wrap: ContainerWrap;
-                    fit: boolean;
-                    flex: boolean;
-                    inline: boolean;
-                    direction: ContainerDirection;
-                    justify: ContainerJustifyContent;
-                    align: ContainerAlignItems;
-                    alignContent: ContainerAlignContent;
-                    grow: boolean;
-                    shrink: boolean;
-                    alignSelf: "auto" | ContainerAlignItems;
-                    gap: boolean;
-                    autoPointer: boolean;
-                }> & Omit<{
-                    readonly padding: boolean;
-                    readonly tag: string;
-                    readonly wrap: ContainerWrap;
-                    readonly fit: boolean;
-                    readonly flex: boolean;
-                    readonly inline: boolean;
-                    readonly direction: ContainerDirection;
-                    readonly justify: ContainerJustifyContent;
-                    readonly align: ContainerAlignItems;
-                    readonly alignContent: ContainerAlignContent;
-                    readonly grow: boolean;
-                    readonly shrink: boolean;
-                    readonly alignSelf: "auto" | ContainerAlignItems;
-                    readonly gap: boolean;
-                    readonly autoPointer: boolean;
-                    readonly width?: string | number | undefined;
-                    readonly height?: string | number | undefined;
-                    readonly overflow?: "hidden" | "auto" | "visible" | undefined;
-                } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "padding" | "tag" | "wrap" | "fit" | "flex" | "inline" | "direction" | "justify" | "align" | "alignContent" | "grow" | "shrink" | "alignSelf" | "gap" | "autoPointer">;
-                $attrs: {
-                    [x: string]: unknown;
-                };
-                $refs: {
-                    [x: string]: unknown;
-                } & {
-                    elRef: unknown;
-                };
-                $slots: Readonly<{
-                    [name: string]: Slot<any> | undefined;
-                }>;
-                $root: ComponentPublicInstance | null;
-                $parent: ComponentPublicInstance | null;
-                $host: Element | null;
-                $emit: (event: string, ...args: any[]) => void;
-                $el: any;
-                $options: ComponentOptionsBase<Readonly< ExtractPropTypes<{
-                    tag: {
-                        type: StringConstructor;
-                        default: string;
-                    };
-                    fit: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                    width: {
-                        type: (StringConstructor | NumberConstructor)[];
-                    };
-                    height: {
-                        type: (StringConstructor | NumberConstructor)[];
-                    };
-                    flex: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                    inline: {
-                        type: BooleanConstructor;
-                    };
-                    direction: {
-                        type: PropType<ContainerDirection>;
-                        default: string;
-                    };
-                    wrap: {
-                        type: PropType<ContainerWrap>;
-                        default: string;
-                    };
-                    justify: {
-                        type: PropType<ContainerJustifyContent>;
-                        default: string;
-                    };
-                    align: {
-                        type: PropType<ContainerAlignItems>;
-                        default: string;
-                    };
-                    alignContent: {
-                        type: PropType<ContainerAlignContent>;
-                        default: string;
-                    };
-                    grow: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                    shrink: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                    alignSelf: {
-                        type: PropType<"auto" | ContainerAlignItems>;
-                        default: string;
-                    };
-                    overflow: {
-                        type: PropType<"auto" | "hidden" | "visible">;
-                    };
-                    padding: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                    gap: {
-                        type: BooleanConstructor;
-                    };
-                    autoPointer: {
-                        type: BooleanConstructor;
-                    };
-                }>> & Readonly<{}>, {
-                    $vtjEl: ComputedRef<any>;
-                }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
-                    padding: boolean;
-                    tag: string;
-                    wrap: ContainerWrap;
-                    fit: boolean;
-                    flex: boolean;
-                    inline: boolean;
-                    direction: ContainerDirection;
-                    justify: ContainerJustifyContent;
-                    align: ContainerAlignItems;
-                    alignContent: ContainerAlignContent;
-                    grow: boolean;
-                    shrink: boolean;
-                    alignSelf: "auto" | ContainerAlignItems;
-                    gap: boolean;
-                    autoPointer: boolean;
-                }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
-                    beforeCreate?: (() => void) | (() => void)[];
-                    created?: (() => void) | (() => void)[];
-                    beforeMount?: (() => void) | (() => void)[];
-                    mounted?: (() => void) | (() => void)[];
-                    beforeUpdate?: (() => void) | (() => void)[];
-                    updated?: (() => void) | (() => void)[];
-                    activated?: (() => void) | (() => void)[];
-                    deactivated?: (() => void) | (() => void)[];
-                    beforeDestroy?: (() => void) | (() => void)[];
-                    beforeUnmount?: (() => void) | (() => void)[];
-                    destroyed?: (() => void) | (() => void)[];
-                    unmounted?: (() => void) | (() => void)[];
-                    renderTracked?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
-                    renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
-                    errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
-                };
-                $forceUpdate: () => void;
-                $nextTick: nextTick;
-                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
-            } & Readonly<{
-                padding: boolean;
-                tag: string;
-                wrap: ContainerWrap;
-                fit: boolean;
-                flex: boolean;
-                inline: boolean;
-                direction: ContainerDirection;
-                justify: ContainerJustifyContent;
-                align: ContainerAlignItems;
-                alignContent: ContainerAlignContent;
-                grow: boolean;
-                shrink: boolean;
-                alignSelf: "auto" | ContainerAlignItems;
-                gap: boolean;
-                autoPointer: boolean;
-            }> & Omit<Readonly< ExtractPropTypes<{
-                tag: {
-                    type: StringConstructor;
-                    default: string;
-                };
-                fit: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                width: {
-                    type: (StringConstructor | NumberConstructor)[];
-                };
-                height: {
-                    type: (StringConstructor | NumberConstructor)[];
-                };
-                flex: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                inline: {
-                    type: BooleanConstructor;
-                };
-                direction: {
-                    type: PropType<ContainerDirection>;
-                    default: string;
-                };
-                wrap: {
-                    type: PropType<ContainerWrap>;
-                    default: string;
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    menus: {
+        type: PropType< MenuDataItem[] | (() => Promise< MenuDataItem[]> | MenuDataItem[])>;
+        default(): never[];
+    };
+    favorites: {
+        type: PropType< MenuDataItem[] | (() => Promise< MenuDataItem[]> | MenuDataItem[])>;
+        default(): never[];
+    };
+    menuAdapter: {
+        type: PropType<(menu: MenuDataItem) => MenuDataItem>;
+    };
+    home: {
+        type: PropType<string | MaskTab>;
+        default: string;
+    };
+    tabs: {
+        type: NumberConstructor;
+        default: number;
+    };
+    actions: {
+        type: PropType<ActionBarItems>;
+    };
+    avatar: {
+        type: StringConstructor;
+    };
+    theme: {
+        type: BooleanConstructor;
+    };
+    disabled: {
+        type: BooleanConstructor;
+    };
+    addFavorite: {
+        type: PropType<(menu: MenuDataItem) => void>;
+    };
+    removeFavorite: {
+        type: PropType<(menu: MenuDataItem) => void>;
+    };
+    userCardWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    pure: {
+        type: BooleanConstructor;
+    };
+}>, {
+    XContainer: typeof XContainer;
+    Sidebar: typeof Sidebar;
+    SwitchBar: typeof SwitchBar;
+    Brand: typeof Brand;
+    Menu: typeof Menu;
+    Tabs: typeof Tabs;
+    Toolbar: typeof Toolbar;
+    Avatar: typeof Avatar;
+    Content: typeof Content;
+    home: typeof home;
+    collapsed: typeof collapsed;
+    keyword: typeof keyword;
+    favorite: typeof favorite;
+    menus: typeof menus;
+    favorites: typeof favorites;
+    flatMenus: typeof flatMenus;
+    active: typeof active;
+    select: typeof select;
+    toggleFavorite: typeof toggleFavorite;
+    tabRef: typeof tabRef;
+    showTabs: typeof showTabs;
+    currentTab: typeof currentTab;
+    changeTab: typeof changeTab;
+    dropdownTabs: typeof dropdownTabs;
+    moveToShow: typeof moveToShow;
+    createView: typeof createView;
+    openDialog: typeof openDialog;
+    refresh: typeof refresh;
+    exclude: typeof exclude;
+    onRemoveTab: typeof onRemoveTab;
+    onRemoveAllTabs: typeof onRemoveAllTabs;
+    onRemoveOtherTabs: typeof onRemoveOtherTabs;
+    onActionClick: typeof onActionClick;
+    onActionCommand: typeof onActionCommand;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    select: (menu: MenuDataItem) => any;
+    actionClick: (action: Readonly<Partial< ExtractPropTypes<{
+        name: {
+            type: StringConstructor;
+        };
+        label: {
+            type: StringConstructor;
+        };
+        value: {
+            type: PropType<unknown>;
+        };
+        icon: {
+            type: PropType<IconParam>;
+        };
+        mode: {
+            type: PropType<ActionMode>;
+            default: string;
+        };
+        menus: {
+            type: PropType<ActionMenuItem[]>;
+        };
+        tooltip: {
+            type: PropType<string | Partial< ElTooltipProps>>;
+        };
+        badge: {
+            type: PropType<string | number | Partial< BadgeProps>>;
+        };
+        dropdown: {
+            type: PropType<Partial< ExtractPropTypes<{
+                readonly trigger: EpPropFinalized<(new (...args: any[]) => "click" | "contextmenu" | "focus" | "hover" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>) | ((new (...args: any[]) => "click" | "contextmenu" | "focus" | "hover" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>))[], unknown, unknown, "hover", boolean>;
+                readonly triggerKeys: EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => string[], boolean>;
+                readonly effect: {
+                    readonly default: "light";
+                    readonly type: PropType<EpPropMergeType<(new (...args: any[]) => string) | (() => PopperEffect) | ((new (...args: any[]) => string) | (() => PopperEffect))[], unknown, unknown>>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    readonly __epPropKey: true;
                 };
-                justify: {
-                    type: PropType<ContainerJustifyContent>;
-                    default: string;
+                readonly type: {
+                    readonly type: PropType<EpPropMergeType<(new (...args: any[]) => "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger") | (() => EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown>) | ((new (...args: any[]) => "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger") | (() => EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown>))[], unknown, unknown>>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
                 };
-                align: {
-                    type: PropType<ContainerAlignItems>;
-                    default: string;
+                readonly placement: EpPropFinalized<(new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | ((new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "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: BooleanConstructor;
+                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;
                 };
-                alignContent: {
-                    type: PropType<ContainerAlignContent>;
-                    default: string;
+                readonly teleported: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+                readonly persistent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+            }>>>;
+        };
+        button: {
+            type: PropType<Partial< ButtonProps>>;
+        };
+        disabled: {
+            type: PropType<boolean | (() => boolean)>;
+        };
+        size: {
+            type: PropType<BaseSize>;
+            default: string;
+        };
+        type: {
+            type: PropType<BaseType>;
+        };
+        background: {
+            type: PropType<"always" | "hover" | "none">;
+            default: string;
+        };
+        circle: {
+            type: BooleanConstructor;
+        };
+        draggable: {
+            type: BooleanConstructor;
+        };
+    }>>>) => any;
+    actionCommand: (action: Readonly<Partial< ExtractPropTypes<{
+        name: {
+            type: StringConstructor;
+        };
+        label: {
+            type: StringConstructor;
+        };
+        value: {
+            type: PropType<unknown>;
+        };
+        icon: {
+            type: PropType<IconParam>;
+        };
+        mode: {
+            type: PropType<ActionMode>;
+            default: string;
+        };
+        menus: {
+            type: PropType<ActionMenuItem[]>;
+        };
+        tooltip: {
+            type: PropType<string | Partial< ElTooltipProps>>;
+        };
+        badge: {
+            type: PropType<string | number | Partial< BadgeProps>>;
+        };
+        dropdown: {
+            type: PropType<Partial< ExtractPropTypes<{
+                readonly trigger: EpPropFinalized<(new (...args: any[]) => "click" | "contextmenu" | "focus" | "hover" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>) | ((new (...args: any[]) => "click" | "contextmenu" | "focus" | "hover" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>))[], unknown, unknown, "hover", boolean>;
+                readonly triggerKeys: EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => string[], boolean>;
+                readonly effect: {
+                    readonly default: "light";
+                    readonly type: PropType<EpPropMergeType<(new (...args: any[]) => string) | (() => PopperEffect) | ((new (...args: any[]) => string) | (() => PopperEffect))[], unknown, unknown>>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    readonly __epPropKey: true;
                 };
-                grow: {
-                    type: BooleanConstructor;
-                    default: boolean;
+                readonly type: {
+                    readonly type: PropType<EpPropMergeType<(new (...args: any[]) => "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger") | (() => EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown>) | ((new (...args: any[]) => "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger") | (() => EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown>))[], unknown, unknown>>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
                 };
-                shrink: {
-                    type: BooleanConstructor;
-                    default: boolean;
+                readonly placement: EpPropFinalized<(new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | ((new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "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: BooleanConstructor;
+                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;
                 };
-                alignSelf: {
-                    type: PropType<"auto" | ContainerAlignItems>;
-                    default: string;
+                readonly teleported: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+                readonly persistent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+            }>>>;
+        };
+        button: {
+            type: PropType<Partial< ButtonProps>>;
+        };
+        disabled: {
+            type: PropType<boolean | (() => boolean)>;
+        };
+        size: {
+            type: PropType<BaseSize>;
+            default: string;
+        };
+        type: {
+            type: PropType<BaseType>;
+        };
+        background: {
+            type: PropType<"always" | "hover" | "none">;
+            default: string;
+        };
+        circle: {
+            type: BooleanConstructor;
+        };
+        draggable: {
+            type: BooleanConstructor;
+        };
+    }>>>, item: ActionMenuItem) => any;
+}, string, PublicProps, Readonly< ExtractPropTypes<{
+    logo: {
+        type: StringConstructor;
+        default: string;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    menus: {
+        type: PropType< MenuDataItem[] | (() => Promise< MenuDataItem[]> | MenuDataItem[])>;
+        default(): never[];
+    };
+    favorites: {
+        type: PropType< MenuDataItem[] | (() => Promise< MenuDataItem[]> | MenuDataItem[])>;
+        default(): never[];
+    };
+    menuAdapter: {
+        type: PropType<(menu: MenuDataItem) => MenuDataItem>;
+    };
+    home: {
+        type: PropType<string | MaskTab>;
+        default: string;
+    };
+    tabs: {
+        type: NumberConstructor;
+        default: number;
+    };
+    actions: {
+        type: PropType<ActionBarItems>;
+    };
+    avatar: {
+        type: StringConstructor;
+    };
+    theme: {
+        type: BooleanConstructor;
+    };
+    disabled: {
+        type: BooleanConstructor;
+    };
+    addFavorite: {
+        type: PropType<(menu: MenuDataItem) => void>;
+    };
+    removeFavorite: {
+        type: PropType<(menu: MenuDataItem) => void>;
+    };
+    userCardWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    pure: {
+        type: BooleanConstructor;
+    };
+}>> & Readonly<{
+    onSelect?: ((menu: MenuDataItem) => any) | undefined;
+    onActionClick?: ((action: Readonly<Partial< ExtractPropTypes<{
+        name: {
+            type: StringConstructor;
+        };
+        label: {
+            type: StringConstructor;
+        };
+        value: {
+            type: PropType<unknown>;
+        };
+        icon: {
+            type: PropType<IconParam>;
+        };
+        mode: {
+            type: PropType<ActionMode>;
+            default: string;
+        };
+        menus: {
+            type: PropType<ActionMenuItem[]>;
+        };
+        tooltip: {
+            type: PropType<string | Partial< ElTooltipProps>>;
+        };
+        badge: {
+            type: PropType<string | number | Partial< BadgeProps>>;
+        };
+        dropdown: {
+            type: PropType<Partial< ExtractPropTypes<{
+                readonly trigger: EpPropFinalized<(new (...args: any[]) => "click" | "contextmenu" | "focus" | "hover" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>) | ((new (...args: any[]) => "click" | "contextmenu" | "focus" | "hover" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>))[], unknown, unknown, "hover", boolean>;
+                readonly triggerKeys: EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => string[], boolean>;
+                readonly effect: {
+                    readonly default: "light";
+                    readonly type: PropType<EpPropMergeType<(new (...args: any[]) => string) | (() => PopperEffect) | ((new (...args: any[]) => string) | (() => PopperEffect))[], unknown, unknown>>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    readonly __epPropKey: true;
                 };
-                overflow: {
-                    type: PropType<"auto" | "hidden" | "visible">;
+                readonly type: {
+                    readonly type: PropType<EpPropMergeType<(new (...args: any[]) => "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger") | (() => EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown>) | ((new (...args: any[]) => "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger") | (() => EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown>))[], unknown, unknown>>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
                 };
-                padding: {
-                    type: BooleanConstructor;
-                    default: boolean;
+                readonly placement: EpPropFinalized<(new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | ((new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "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: BooleanConstructor;
+                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;
                 };
-                gap: {
-                    type: BooleanConstructor;
+                readonly teleported: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+                readonly persistent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+            }>>>;
+        };
+        button: {
+            type: PropType<Partial< ButtonProps>>;
+        };
+        disabled: {
+            type: PropType<boolean | (() => boolean)>;
+        };
+        size: {
+            type: PropType<BaseSize>;
+            default: string;
+        };
+        type: {
+            type: PropType<BaseType>;
+        };
+        background: {
+            type: PropType<"always" | "hover" | "none">;
+            default: string;
+        };
+        circle: {
+            type: BooleanConstructor;
+        };
+        draggable: {
+            type: BooleanConstructor;
+        };
+    }>>>) => any) | undefined;
+    onActionCommand?: ((action: Readonly<Partial< ExtractPropTypes<{
+        name: {
+            type: StringConstructor;
+        };
+        label: {
+            type: StringConstructor;
+        };
+        value: {
+            type: PropType<unknown>;
+        };
+        icon: {
+            type: PropType<IconParam>;
+        };
+        mode: {
+            type: PropType<ActionMode>;
+            default: string;
+        };
+        menus: {
+            type: PropType<ActionMenuItem[]>;
+        };
+        tooltip: {
+            type: PropType<string | Partial< ElTooltipProps>>;
+        };
+        badge: {
+            type: PropType<string | number | Partial< BadgeProps>>;
+        };
+        dropdown: {
+            type: PropType<Partial< ExtractPropTypes<{
+                readonly trigger: EpPropFinalized<(new (...args: any[]) => "click" | "contextmenu" | "focus" | "hover" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>) | ((new (...args: any[]) => "click" | "contextmenu" | "focus" | "hover" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>))[], unknown, unknown, "hover", boolean>;
+                readonly triggerKeys: EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => string[], boolean>;
+                readonly effect: {
+                    readonly default: "light";
+                    readonly type: PropType<EpPropMergeType<(new (...args: any[]) => string) | (() => PopperEffect) | ((new (...args: any[]) => string) | (() => PopperEffect))[], unknown, unknown>>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    readonly __epPropKey: true;
                 };
-                autoPointer: {
-                    type: BooleanConstructor;
+                readonly type: {
+                    readonly type: PropType<EpPropMergeType<(new (...args: any[]) => "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger") | (() => EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown>) | ((new (...args: any[]) => "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger") | (() => EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger", unknown>))[], unknown, unknown>>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
                 };
-            }>> & Readonly<{}>, ("padding" | "tag" | "wrap" | "fit" | "flex" | "inline" | "direction" | "justify" | "align" | "alignContent" | "grow" | "shrink" | "alignSelf" | "gap" | "autoPointer") | "$vtjEl"> & ShallowUnwrapRef<{
-                $vtjEl: ComputedRef<any>;
-            }> & {} & ComponentCustomProperties & {} & {
-                $slots: {
-                    default?(_: {}): any;
+                readonly placement: EpPropFinalized<(new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | ((new (...args: any[]) => "top" | "bottom" | "left" | "right" | "auto" | "auto-start" | "auto-end" | "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: BooleanConstructor;
+                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;
                 };
-            }) | null;
-        }, any, ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly< Props> & Readonly<{
-            onDialog?: ((tab: MaskTab) => any) | undefined;
-            onClick?: ((tab: MaskTab) => any) | undefined;
-            onRemove?: ((tab: MaskTab) => any) | undefined;
-            onRefresh?: ((tab: MaskTab) => any) | undefined;
-            onToggleFavorite?: ((item: MenuDataItem) => any) | undefined;
-        }>, {}, {}, {}, {}, {}> | null;
-    };
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+                readonly teleported: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+                readonly persistent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+            }>>>;
+        };
+        button: {
+            type: PropType<Partial< ButtonProps>>;
+        };
+        disabled: {
+            type: PropType<boolean | (() => boolean)>;
+        };
+        size: {
+            type: PropType<BaseSize>;
+            default: string;
+        };
+        type: {
+            type: PropType<BaseType>;
+        };
+        background: {
+            type: PropType<"always" | "hover" | "none">;
+            default: string;
+        };
+        circle: {
+            type: BooleanConstructor;
+        };
+        draggable: {
+            type: BooleanConstructor;
+        };
+    }>>>, item: ActionMenuItem) => any) | undefined;
+}>, {
+    disabled: boolean;
+    title: string;
+    pure: boolean;
+    menus: MenuDataItem[] | (() => Promise< MenuDataItem[]> | MenuDataItem[]);
+    logo: string;
+    favorites: MenuDataItem[] | (() => Promise< MenuDataItem[]> | MenuDataItem[]);
+    home: string | MaskTab;
+    tabs: number;
+    theme: boolean;
+    userCardWidth: number;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 declare const __VLS_component: DefineComponent<ExtractPropTypes<{
     logo: {
         type: StringConstructor;
@@ -786,288 +1048,10 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
     tabs: number;
     theme: boolean;
     userCardWidth: number;
-}, {}, {}, {}, string, ComponentProvideOptions, true, {
-    tabRef: CreateComponentPublicInstanceWithMixins<Readonly< Props> & Readonly<{
-        onDialog?: ((tab: MaskTab) => any) | undefined;
-        onClick?: ((tab: MaskTab) => any) | undefined;
-        onRemove?: ((tab: MaskTab) => any) | undefined;
-        onRefresh?: ((tab: MaskTab) => any) | undefined;
-        onToggleFavorite?: ((item: MenuDataItem) => any) | undefined;
-    }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-        dialog: (tab: MaskTab) => any;
-        click: (tab: MaskTab) => any;
-        remove: (tab: MaskTab) => any;
-        refresh: (tab: MaskTab) => any;
-        toggleFavorite: (item: MenuDataItem) => any;
-    }, PublicProps, {}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {
-        tabsRef: ({
-            $: ComponentInternalInstance;
-            $data: {};
-            $props: Partial<{
-                padding: boolean;
-                tag: string;
-                wrap: ContainerWrap;
-                fit: boolean;
-                flex: boolean;
-                inline: boolean;
-                direction: ContainerDirection;
-                justify: ContainerJustifyContent;
-                align: ContainerAlignItems;
-                alignContent: ContainerAlignContent;
-                grow: boolean;
-                shrink: boolean;
-                alignSelf: "auto" | ContainerAlignItems;
-                gap: boolean;
-                autoPointer: boolean;
-            }> & Omit<{
-                readonly padding: boolean;
-                readonly tag: string;
-                readonly wrap: ContainerWrap;
-                readonly fit: boolean;
-                readonly flex: boolean;
-                readonly inline: boolean;
-                readonly direction: ContainerDirection;
-                readonly justify: ContainerJustifyContent;
-                readonly align: ContainerAlignItems;
-                readonly alignContent: ContainerAlignContent;
-                readonly grow: boolean;
-                readonly shrink: boolean;
-                readonly alignSelf: "auto" | ContainerAlignItems;
-                readonly gap: boolean;
-                readonly autoPointer: boolean;
-                readonly width?: string | number | undefined;
-                readonly height?: string | number | undefined;
-                readonly overflow?: "hidden" | "auto" | "visible" | undefined;
-            } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "padding" | "tag" | "wrap" | "fit" | "flex" | "inline" | "direction" | "justify" | "align" | "alignContent" | "grow" | "shrink" | "alignSelf" | "gap" | "autoPointer">;
-            $attrs: {
-                [x: string]: unknown;
-            };
-            $refs: {
-                [x: string]: unknown;
-            } & {
-                elRef: unknown;
-            };
-            $slots: Readonly<{
-                [name: string]: Slot<any> | undefined;
-            }>;
-            $root: ComponentPublicInstance | null;
-            $parent: ComponentPublicInstance | null;
-            $host: Element | null;
-            $emit: (event: string, ...args: any[]) => void;
-            $el: any;
-            $options: ComponentOptionsBase<Readonly< ExtractPropTypes<{
-                tag: {
-                    type: StringConstructor;
-                    default: string;
-                };
-                fit: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                width: {
-                    type: (StringConstructor | NumberConstructor)[];
-                };
-                height: {
-                    type: (StringConstructor | NumberConstructor)[];
-                };
-                flex: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                inline: {
-                    type: BooleanConstructor;
-                };
-                direction: {
-                    type: PropType<ContainerDirection>;
-                    default: string;
-                };
-                wrap: {
-                    type: PropType<ContainerWrap>;
-                    default: string;
-                };
-                justify: {
-                    type: PropType<ContainerJustifyContent>;
-                    default: string;
-                };
-                align: {
-                    type: PropType<ContainerAlignItems>;
-                    default: string;
-                };
-                alignContent: {
-                    type: PropType<ContainerAlignContent>;
-                    default: string;
-                };
-                grow: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                shrink: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                alignSelf: {
-                    type: PropType<"auto" | ContainerAlignItems>;
-                    default: string;
-                };
-                overflow: {
-                    type: PropType<"auto" | "hidden" | "visible">;
-                };
-                padding: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                gap: {
-                    type: BooleanConstructor;
-                };
-                autoPointer: {
-                    type: BooleanConstructor;
-                };
-            }>> & Readonly<{}>, {
-                $vtjEl: ComputedRef<any>;
-            }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
-                padding: boolean;
-                tag: string;
-                wrap: ContainerWrap;
-                fit: boolean;
-                flex: boolean;
-                inline: boolean;
-                direction: ContainerDirection;
-                justify: ContainerJustifyContent;
-                align: ContainerAlignItems;
-                alignContent: ContainerAlignContent;
-                grow: boolean;
-                shrink: boolean;
-                alignSelf: "auto" | ContainerAlignItems;
-                gap: boolean;
-                autoPointer: boolean;
-            }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
-                beforeCreate?: (() => void) | (() => void)[];
-                created?: (() => void) | (() => void)[];
-                beforeMount?: (() => void) | (() => void)[];
-                mounted?: (() => void) | (() => void)[];
-                beforeUpdate?: (() => void) | (() => void)[];
-                updated?: (() => void) | (() => void)[];
-                activated?: (() => void) | (() => void)[];
-                deactivated?: (() => void) | (() => void)[];
-                beforeDestroy?: (() => void) | (() => void)[];
-                beforeUnmount?: (() => void) | (() => void)[];
-                destroyed?: (() => void) | (() => void)[];
-                unmounted?: (() => void) | (() => void)[];
-                renderTracked?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
-                renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
-                errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
-            };
-            $forceUpdate: () => void;
-            $nextTick: nextTick;
-            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
-        } & Readonly<{
-            padding: boolean;
-            tag: string;
-            wrap: ContainerWrap;
-            fit: boolean;
-            flex: boolean;
-            inline: boolean;
-            direction: ContainerDirection;
-            justify: ContainerJustifyContent;
-            align: ContainerAlignItems;
-            alignContent: ContainerAlignContent;
-            grow: boolean;
-            shrink: boolean;
-            alignSelf: "auto" | ContainerAlignItems;
-            gap: boolean;
-            autoPointer: boolean;
-        }> & Omit<Readonly< ExtractPropTypes<{
-            tag: {
-                type: StringConstructor;
-                default: string;
-            };
-            fit: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            width: {
-                type: (StringConstructor | NumberConstructor)[];
-            };
-            height: {
-                type: (StringConstructor | NumberConstructor)[];
-            };
-            flex: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            inline: {
-                type: BooleanConstructor;
-            };
-            direction: {
-                type: PropType<ContainerDirection>;
-                default: string;
-            };
-            wrap: {
-                type: PropType<ContainerWrap>;
-                default: string;
-            };
-            justify: {
-                type: PropType<ContainerJustifyContent>;
-                default: string;
-            };
-            align: {
-                type: PropType<ContainerAlignItems>;
-                default: string;
-            };
-            alignContent: {
-                type: PropType<ContainerAlignContent>;
-                default: string;
-            };
-            grow: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            shrink: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            alignSelf: {
-                type: PropType<"auto" | ContainerAlignItems>;
-                default: string;
-            };
-            overflow: {
-                type: PropType<"auto" | "hidden" | "visible">;
-            };
-            padding: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            gap: {
-                type: BooleanConstructor;
-            };
-            autoPointer: {
-                type: BooleanConstructor;
-            };
-        }>> & Readonly<{}>, ("padding" | "tag" | "wrap" | "fit" | "flex" | "inline" | "direction" | "justify" | "align" | "alignContent" | "grow" | "shrink" | "alignSelf" | "gap" | "autoPointer") | "$vtjEl"> & ShallowUnwrapRef<{
-            $vtjEl: ComputedRef<any>;
-        }> & {} & ComponentCustomProperties & {} & {
-            $slots: {
-                default?(_: {}): any;
-            };
-        }) | null;
-    }, any, ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly< Props> & Readonly<{
-        onDialog?: ((tab: MaskTab) => any) | undefined;
-        onClick?: ((tab: MaskTab) => any) | undefined;
-        onRemove?: ((tab: MaskTab) => any) | undefined;
-        onRefresh?: ((tab: MaskTab) => any) | undefined;
-        onToggleFavorite?: ((item: MenuDataItem) => any) | undefined;
-    }>, {}, {}, {}, {}, {}> | null;
-}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };