@vtj/ui 0.10.6 → 0.10.8

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

@@ -1,16 +1,10 @@
-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 { ActionMenuItem } from '../';
 import { MaskTab } from './types';
-import { ComputedRef, Ref, ShallowRef, VNode, RendererNode, RendererElement, DefineComponent, ExtractPropTypes, PropType, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+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 { MenuDataItem } from '../menu';
-import { RouteLocationNormalizedLoaded } from 'vue-router';
+import { ContainerWrap, ContainerDirection, ContainerJustifyContent, ContainerAlignItems, ContainerAlignContent } from '../container';
+import { OnCleanup } from '@vue/reactivity';
 import { ActionBarItems } from '../action-bar';
 import { IconParam } from '../icon';
 import { ActionMode } from '../action';
@@ -18,551 +12,295 @@ 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 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;
-    };
-    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;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        user?(_: {}): any;
+        default?(_: {}): any;
+        default?(_: {}): any;
     };
-    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;
+    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;
                 };
-                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;
+                $refs: {
+                    [x: string]: unknown;
+                } & {
+                    elRef: unknown;
                 };
-                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;
+                $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)[];
                 };
-                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;
+                $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;
                 };
-                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;
+                fit: {
+                    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;
+                width: {
+                    type: (StringConstructor | NumberConstructor)[];
                 };
-                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;
+                height: {
+                    type: (StringConstructor | NumberConstructor)[];
                 };
-                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;
+                flex: {
+                    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;
+                inline: {
+                    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;
+                direction: {
+                    type: PropType<ContainerDirection>;
+                    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;
+                wrap: {
+                    type: PropType<ContainerWrap>;
+                    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;
+                justify: {
+                    type: PropType<ContainerJustifyContent>;
+                    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) | 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>;
+                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;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: DefineComponent<ExtractPropTypes<{
     logo: {
         type: StringConstructor;
@@ -1048,10 +786,288 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
     tabs: number;
     theme: boolean;
     userCardWidth: number;
-}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+}, {}, {}, {}, 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"]>;
 export default _default;
-type __VLS_WithSlots<T, S> = T & {
+type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };