@dt-frames/ui 2.0.4 → 2.0.6

package/es/theme/src/components/tabs/components/TabRedo.d.ts

@@ -5,15 +5,17 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {
         getLastDragEndIndex(): number;
     }, {
         addTab(route: import("vue-router").RouteLocationNormalized): Promise<void>;
-        closeTab(path: string, router: import("vue-router").Router): void;
+        closeTab(route: import("vue-router").RouteLocationNormalized, router: import("vue-router").Router): void;
         closeAllTab(currentRoute: import("vue").Ref<import("vue-router").RouteLocationNormalizedLoaded>, router: import("vue-router").Router): void;
-        closeLeftTabs(path: string): void;
-        closeRightTabs(path: string): void;
-        closeOtherTabs(path: string): void;
+        closeLeftTabs(route: import("vue-router").RouteLocationNormalized, router: import("vue-router").Router): void;
+        closeRightTabs(route: import("vue-router").RouteLocationNormalized, router: import("vue-router").Router): void;
+        closeOtherTabs(route: import("vue-router").RouteLocationNormalized, router: import("vue-router").Router): void;
+        closeTabByKey(path: string, router: import("vue-router").Router): void;
         bulkCloseTabs(pathList: string[]): void;
         updateCacheTab(): void;
         refreshPage(router: import("vue-router").Router): Promise<void>;
         sortTabs(oldIndex: number, newIndex: number): void;
+        resetState(): void;
     }>;
     router: import("vue-router").Router;
     handleRedo: () => void;

package/es/theme/src/components/tabs/hooks/useTabDropdown.d.ts

@@ -1,6 +1,8 @@
-import { DropMenu } from "../types/tabs.type";
-export declare function useTabDropdown(): {
-    getDropMenuList: import("vue").ComputedRef<DropMenu[]>;
-    handleContext: (e: any) => void;
+import { RouteLocationNormalized } from "vue-router";
+import { ComputedRef } from 'vue';
+import type { DropMenu } from "../types/tabs.type";
+export declare function useTabDropdown(tabItem: RouteLocationNormalized, getIsTabs: ComputedRef<boolean>): {
+    getDropMenuList: ComputedRef<DropMenu[]>;
+    handleContextMenu: (tabItem: RouteLocationNormalized) => (e: Event) => void;
     handleMenuEvent: (item: DropMenu) => void;
 };

package/es/theme/src/components/tabs/hooks/useTabs.d.ts

@@ -0,0 +1,10 @@
+import { RouteLocationNormalized, Router } from "vue-router";
+export declare function useTabs(_router?: Router): {
+    refreshPage: () => void;
+    closeAll: () => void;
+    closeLeft: () => void;
+    closeRight: () => void;
+    closeOther: () => void;
+    closeCurrent: () => void;
+    close: (tab?: RouteLocationNormalized) => void;
+};

package/es/theme/src/components/tabs/index.d.ts

@@ -1,12 +1,4 @@
 declare const _sfc_main: import("vue").DefineComponent<{}, {
-    t: {
-        (key: string): string;
-        (key: string, locale: string): string;
-        (key: string, locale: string, list: unknown[]): string;
-        (key: string, locale: string, named: Record<string, unknown>): string;
-        (key: string, list: unknown[]): string;
-        (key: string, named: Record<string, unknown>): string;
-    };
     router: import("vue-router").Router;
     go: (path: string, isReplace?: boolean) => void;
     tabStore: import("pinia").Store<"route-reuse", import("../../stores/routeReuse.store").RouteReuseState, {
@@ -15,19 +7,20 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {
         getLastDragEndIndex(): number;
     }, {
         addTab(route: import("vue-router").RouteLocationNormalized): Promise<void>;
-        closeTab(path: string, router: import("vue-router").Router): void;
+        closeTab(route: import("vue-router").RouteLocationNormalized, router: import("vue-router").Router): void;
         closeAllTab(currentRoute: import("vue").Ref<import("vue-router").RouteLocationNormalizedLoaded>, router: import("vue-router").Router): void;
-        closeLeftTabs(path: string): void;
-        closeRightTabs(path: string): void;
-        closeOtherTabs(path: string): void;
+        closeLeftTabs(route: import("vue-router").RouteLocationNormalized, router: import("vue-router").Router): void;
+        closeRightTabs(route: import("vue-router").RouteLocationNormalized, router: import("vue-router").Router): void;
+        closeOtherTabs(route: import("vue-router").RouteLocationNormalized, router: import("vue-router").Router): void;
+        closeTabByKey(path: string, router: import("vue-router").Router): void;
         bulkCloseTabs(pathList: string[]): void;
         updateCacheTab(): void;
         refreshPage(router: import("vue-router").Router): Promise<void>;
         sortTabs(oldIndex: number, newIndex: number): void;
+        resetState(): void;
     }>;
     getShowQuick: import("vue").ComputedRef<boolean>;
     getShowRedo: import("vue").ComputedRef<boolean>;
-    menuLabelMap: Map<any, any>;
     activeKeyRef: any;
     getTabsState: import("vue").ComputedRef<import("vue-router").RouteLocationNormalized[]>;
     unClose: import("vue").ComputedRef<boolean>;
@@ -41,23 +34,53 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {
             getLastDragEndIndex(): number;
         }, {
             addTab(route: import("vue-router").RouteLocationNormalized): Promise<void>;
-            closeTab(path: string, router: import("vue-router").Router): void;
+            closeTab(route: import("vue-router").RouteLocationNormalized, router: import("vue-router").Router): void;
             closeAllTab(currentRoute: import("vue").Ref<import("vue-router").RouteLocationNormalizedLoaded>, router: import("vue-router").Router): void;
-            closeLeftTabs(path: string): void;
-            closeRightTabs(path: string): void;
-            closeOtherTabs(path: string): void;
+            closeLeftTabs(route: import("vue-router").RouteLocationNormalized, router: import("vue-router").Router): void;
+            closeRightTabs(route: import("vue-router").RouteLocationNormalized, router: import("vue-router").Router): void;
+            closeOtherTabs(route: import("vue-router").RouteLocationNormalized, router: import("vue-router").Router): void;
+            closeTabByKey(path: string, router: import("vue-router").Router): void;
             bulkCloseTabs(pathList: string[]): void;
             updateCacheTab(): void;
             refreshPage(router: import("vue-router").Router): Promise<void>;
             sortTabs(oldIndex: number, newIndex: number): void;
+            resetState(): void;
         }>;
         router: import("vue-router").Router;
         handleRedo: () => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-    readonly DtTabContent: import("vue").DefineComponent<{}, {
+    readonly DtTabContent: import("vue").DefineComponent<{
+        tabItem: {
+            type: import("vue").PropType<import("vue-router").RouteLocationNormalized>;
+            default: any;
+        };
+        isExtra: BooleanConstructor;
+    }, {
+        t: {
+            (key: string): string;
+            (key: string, locale: string): string;
+            (key: string, locale: string, list: unknown[]): string;
+            (key: string, locale: string, named: Record<string, unknown>): string;
+            (key: string, list: unknown[]): string;
+            (key: string, named: Record<string, unknown>): string;
+        };
+        props: any;
+        menuLabelMap: Map<any, any>;
+        getIsTabs: import("vue").ComputedRef<boolean>;
+        getTrigger: import("vue").ComputedRef<("hover" | "click" | "contextmenu")[]>;
         getDropMenuList: import("vue").ComputedRef<import("./types/tabs.type").DropMenu[]>;
-        handleContext: (e: any) => void;
+        handleContextMenu: (tabItem: import("vue-router").RouteLocationNormalized) => (e: Event) => void;
         handleMenuEvent: (item: import("./types/tabs.type").DropMenu) => void;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+        handleContext: (e: any) => void;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        tabItem: {
+            type: import("vue").PropType<import("vue-router").RouteLocationNormalized>;
+            default: any;
+        };
+        isExtra: BooleanConstructor;
+    }>>, {
+        tabItem: import("vue-router").RouteLocationNormalized;
+        isExtra: boolean;
+    }>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _sfc_main;

package/es/theme/src/hooks/useMenu.d.ts

@@ -17,7 +17,7 @@ export declare function useMenu(): {
     getSplit: import("vue").ComputedRef<boolean>;
     getCollapsed: import("vue").ComputedRef<boolean>;
     getIsHorizontal: import("vue").ComputedRef<boolean>;
-    getMiniWidthNumber: import("vue").ComputedRef<48 | 80>;
+    getMiniWidthNumber: import("vue").ComputedRef<80 | 48>;
     getRealWidth: import("vue").ComputedRef<number>;
     getCalcContentWidth: import("vue").ComputedRef<string>;
     getIsMixMode: import("vue").ComputedRef<boolean>;

package/es/theme/src/hooks/useMultifyTab.d.ts

@@ -1,6 +1,7 @@
 export declare function useMultipleTab(): {
     getShowMultipleTab: import("vue").ComputedRef<boolean>;
     getShowQuick: import("vue").ComputedRef<boolean>;
+    getMultipleTabPosIsTop: import("vue").ComputedRef<boolean>;
     getShowRedo: import("vue").ComputedRef<boolean>;
     getCanCache: import("vue").ComputedRef<boolean>;
     getCanDrag: import("vue").ComputedRef<boolean>;

package/es/theme/src/index.d.ts

@@ -18,6 +18,7 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {
         background: string;
     }>;
     getContentStyle: import("vue").ComputedRef<CSSProperties>;
+    router: import("vue-router").Router;
     readonly RouterView: new () => {
         $props: import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").VNodeProps & import("vue-router").RouterViewProps;
         $slots: {
@@ -52,10 +53,98 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {
         getShowTopMenu: import("vue").ComputedRef<boolean>;
         getShowSearch: import("vue").ComputedRef<boolean>;
         getShowUiSize: import("vue").ComputedRef<boolean>;
+        getShowMultipleTab: import("vue").ComputedRef<boolean>;
+        getMultipleTabPosIsTop: import("vue").ComputedRef<boolean>;
         getSplitType: import("vue").ComputedRef<import("./enums").MenuSplitTye.NONE | import("./enums").MenuSplitTye.TOP>;
         getMenuMode: import("vue").ComputedRef<import("./enums").MenuMode>;
+        getShowTab: import("vue").ComputedRef<boolean>;
         props: any;
         getHeaderCls: import("vue").ComputedRef<string>;
+        MultipleTabs: import("vue").DefineComponent<{}, {
+            router: import("vue-router").Router;
+            go: (path: string, isReplace?: boolean) => void;
+            tabStore: import("pinia").Store<"route-reuse", import("./stores/routeReuse.store").RouteReuseState, {
+                getTabList(): import("vue-router").RouteLocationNormalized[];
+                getCachedTabList(): string[];
+                getLastDragEndIndex(): number;
+            }, {
+                addTab(route: import("vue-router").RouteLocationNormalized): Promise<void>;
+                closeTab(route: import("vue-router").RouteLocationNormalized, router: import("vue-router").Router): void;
+                closeAllTab(currentRoute: import("vue").Ref<import("vue-router").RouteLocationNormalizedLoaded>, router: import("vue-router").Router): void;
+                closeLeftTabs(route: import("vue-router").RouteLocationNormalized, router: import("vue-router").Router): void;
+                closeRightTabs(route: import("vue-router").RouteLocationNormalized, router: import("vue-router").Router): void;
+                closeOtherTabs(route: import("vue-router").RouteLocationNormalized, router: import("vue-router").Router): void;
+                closeTabByKey(path: string, router: import("vue-router").Router): void;
+                bulkCloseTabs(pathList: string[]): void;
+                updateCacheTab(): void;
+                refreshPage(router: import("vue-router").Router): Promise<void>;
+                sortTabs(oldIndex: number, newIndex: number): void;
+                resetState(): void;
+            }>;
+            getShowQuick: import("vue").ComputedRef<boolean>;
+            getShowRedo: import("vue").ComputedRef<boolean>;
+            activeKeyRef: any;
+            getTabsState: import("vue").ComputedRef<import("vue-router").RouteLocationNormalized[]>;
+            unClose: import("vue").ComputedRef<boolean>;
+            handleChange: (activeKey: string) => void;
+            handleEdit: (targetKey: string) => void;
+            affixTextList: string[];
+            readonly DtTabRedo: import("vue").DefineComponent<{}, {
+                tabStore: import("pinia").Store<"route-reuse", import("./stores/routeReuse.store").RouteReuseState, {
+                    getTabList(): import("vue-router").RouteLocationNormalized[];
+                    getCachedTabList(): string[];
+                    getLastDragEndIndex(): number;
+                }, {
+                    addTab(route: import("vue-router").RouteLocationNormalized): Promise<void>;
+                    closeTab(route: import("vue-router").RouteLocationNormalized, router: import("vue-router").Router): void;
+                    closeAllTab(currentRoute: import("vue").Ref<import("vue-router").RouteLocationNormalizedLoaded>, router: import("vue-router").Router): void;
+                    closeLeftTabs(route: import("vue-router").RouteLocationNormalized, router: import("vue-router").Router): void;
+                    closeRightTabs(route: import("vue-router").RouteLocationNormalized, router: import("vue-router").Router): void;
+                    closeOtherTabs(route: import("vue-router").RouteLocationNormalized, router: import("vue-router").Router): void;
+                    closeTabByKey(path: string, router: import("vue-router").Router): void;
+                    bulkCloseTabs(pathList: string[]): void;
+                    updateCacheTab(): void;
+                    refreshPage(router: import("vue-router").Router): Promise<void>;
+                    sortTabs(oldIndex: number, newIndex: number): void;
+                    resetState(): void;
+                }>;
+                router: import("vue-router").Router;
+                handleRedo: () => void;
+            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+            readonly DtTabContent: import("vue").DefineComponent<{
+                tabItem: {
+                    type: import("vue").PropType<import("vue-router").RouteLocationNormalized>;
+                    default: any;
+                };
+                isExtra: BooleanConstructor;
+            }, {
+                t: {
+                    (key: string): string;
+                    (key: string, locale: string): string;
+                    (key: string, locale: string, list: unknown[]): string;
+                    (key: string, locale: string, named: Record<string, unknown>): string;
+                    (key: string, list: unknown[]): string;
+                    (key: string, named: Record<string, unknown>): string;
+                };
+                props: any;
+                menuLabelMap: Map<any, any>;
+                getIsTabs: import("vue").ComputedRef<boolean>;
+                getTrigger: import("vue").ComputedRef<("hover" | "click" | "contextmenu")[]>;
+                getDropMenuList: import("vue").ComputedRef<import("./components/tabs/types/tabs.type").DropMenu[]>;
+                handleContextMenu: (tabItem: import("vue-router").RouteLocationNormalized) => (e: Event) => void;
+                handleMenuEvent: (item: import("./components/tabs/types/tabs.type").DropMenu) => void;
+                handleContext: (e: any) => void;
+            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+                tabItem: {
+                    type: import("vue").PropType<import("vue-router").RouteLocationNormalized>;
+                    default: any;
+                };
+                isExtra: BooleanConstructor;
+            }>>, {
+                tabItem: import("vue-router").RouteLocationNormalized;
+                isExtra: boolean;
+            }>;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
         readonly DtFullScreen: import("vue").DefineComponent<{}, {
             toggle: () => Promise<void>;
             isFullscreen: import("vue").Ref<boolean>;
@@ -78,10 +167,32 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {
                 (key: string, list: unknown[]): string;
                 (key: string, named: Record<string, unknown>): string;
             };
+            slots: {
+                [name: string]: import("vue").Slot;
+            };
             title: string;
             getLogoWidth: import("vue").ComputedRef<string | number>;
             props: any;
             getLogoClass: import("vue").ComputedRef<string>;
+            readonly DtSlotContainer: import("../../utils/withInstall").SFCWithInstall<import("vue").DefineComponent<{
+                template: {
+                    type: FunctionConstructor;
+                };
+                data: {
+                    type: ObjectConstructor;
+                };
+            }, {
+                props: any;
+                Container: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
+            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+                template: {
+                    type: FunctionConstructor;
+                };
+                data: {
+                    type: ObjectConstructor;
+                };
+            }>>, {}>>;
+            readonly logoUrl: string;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             theme: {
                 type: StringConstructor;
@@ -852,10 +963,32 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {
                     (key: string, list: unknown[]): string;
                     (key: string, named: Record<string, unknown>): string;
                 };
+                slots: {
+                    [name: string]: import("vue").Slot;
+                };
                 title: string;
                 getLogoWidth: import("vue").ComputedRef<string | number>;
                 props: any;
                 getLogoClass: import("vue").ComputedRef<string>;
+                readonly DtSlotContainer: import("../../utils/withInstall").SFCWithInstall<import("vue").DefineComponent<{
+                    template: {
+                        type: FunctionConstructor;
+                    };
+                    data: {
+                        type: ObjectConstructor;
+                    };
+                }, {
+                    props: any;
+                    Container: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
+                }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+                    template: {
+                        type: FunctionConstructor;
+                    };
+                    data: {
+                        type: ObjectConstructor;
+                    };
+                }>>, {}>>;
+                readonly logoUrl: string;
             }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
                 theme: {
                     type: StringConstructor;
@@ -956,6 +1089,7 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {
         getSplit: import("vue").ComputedRef<boolean>;
         getIsMixSidebar: import("vue").ComputedRef<boolean>;
         getShowMultipleTab: import("vue").ComputedRef<boolean>;
+        getMultipleTabPosIsTop: import("vue").ComputedRef<boolean>;
         getPlaceholderDomStyle: import("vue").ComputedRef<{
             height: string;
         }>;
@@ -982,10 +1116,98 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {
             getShowTopMenu: import("vue").ComputedRef<boolean>;
             getShowSearch: import("vue").ComputedRef<boolean>;
             getShowUiSize: import("vue").ComputedRef<boolean>;
+            getShowMultipleTab: import("vue").ComputedRef<boolean>;
+            getMultipleTabPosIsTop: import("vue").ComputedRef<boolean>;
             getSplitType: import("vue").ComputedRef<import("./enums").MenuSplitTye.NONE | import("./enums").MenuSplitTye.TOP>;
             getMenuMode: import("vue").ComputedRef<import("./enums").MenuMode>;
+            getShowTab: import("vue").ComputedRef<boolean>;
             props: any;
             getHeaderCls: import("vue").ComputedRef<string>;
+            MultipleTabs: import("vue").DefineComponent<{}, {
+                router: import("vue-router").Router;
+                go: (path: string, isReplace?: boolean) => void;
+                tabStore: import("pinia").Store<"route-reuse", import("./stores/routeReuse.store").RouteReuseState, {
+                    getTabList(): import("vue-router").RouteLocationNormalized[];
+                    getCachedTabList(): string[];
+                    getLastDragEndIndex(): number;
+                }, {
+                    addTab(route: import("vue-router").RouteLocationNormalized): Promise<void>;
+                    closeTab(route: import("vue-router").RouteLocationNormalized, router: import("vue-router").Router): void;
+                    closeAllTab(currentRoute: import("vue").Ref<import("vue-router").RouteLocationNormalizedLoaded>, router: import("vue-router").Router): void;
+                    closeLeftTabs(route: import("vue-router").RouteLocationNormalized, router: import("vue-router").Router): void;
+                    closeRightTabs(route: import("vue-router").RouteLocationNormalized, router: import("vue-router").Router): void;
+                    closeOtherTabs(route: import("vue-router").RouteLocationNormalized, router: import("vue-router").Router): void;
+                    closeTabByKey(path: string, router: import("vue-router").Router): void;
+                    bulkCloseTabs(pathList: string[]): void;
+                    updateCacheTab(): void;
+                    refreshPage(router: import("vue-router").Router): Promise<void>;
+                    sortTabs(oldIndex: number, newIndex: number): void;
+                    resetState(): void;
+                }>;
+                getShowQuick: import("vue").ComputedRef<boolean>;
+                getShowRedo: import("vue").ComputedRef<boolean>;
+                activeKeyRef: any;
+                getTabsState: import("vue").ComputedRef<import("vue-router").RouteLocationNormalized[]>;
+                unClose: import("vue").ComputedRef<boolean>;
+                handleChange: (activeKey: string) => void;
+                handleEdit: (targetKey: string) => void;
+                affixTextList: string[];
+                readonly DtTabRedo: import("vue").DefineComponent<{}, {
+                    tabStore: import("pinia").Store<"route-reuse", import("./stores/routeReuse.store").RouteReuseState, {
+                        getTabList(): import("vue-router").RouteLocationNormalized[];
+                        getCachedTabList(): string[];
+                        getLastDragEndIndex(): number;
+                    }, {
+                        addTab(route: import("vue-router").RouteLocationNormalized): Promise<void>;
+                        closeTab(route: import("vue-router").RouteLocationNormalized, router: import("vue-router").Router): void;
+                        closeAllTab(currentRoute: import("vue").Ref<import("vue-router").RouteLocationNormalizedLoaded>, router: import("vue-router").Router): void;
+                        closeLeftTabs(route: import("vue-router").RouteLocationNormalized, router: import("vue-router").Router): void;
+                        closeRightTabs(route: import("vue-router").RouteLocationNormalized, router: import("vue-router").Router): void;
+                        closeOtherTabs(route: import("vue-router").RouteLocationNormalized, router: import("vue-router").Router): void;
+                        closeTabByKey(path: string, router: import("vue-router").Router): void;
+                        bulkCloseTabs(pathList: string[]): void;
+                        updateCacheTab(): void;
+                        refreshPage(router: import("vue-router").Router): Promise<void>;
+                        sortTabs(oldIndex: number, newIndex: number): void;
+                        resetState(): void;
+                    }>;
+                    router: import("vue-router").Router;
+                    handleRedo: () => void;
+                }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+                readonly DtTabContent: import("vue").DefineComponent<{
+                    tabItem: {
+                        type: import("vue").PropType<import("vue-router").RouteLocationNormalized>;
+                        default: any;
+                    };
+                    isExtra: BooleanConstructor;
+                }, {
+                    t: {
+                        (key: string): string;
+                        (key: string, locale: string): string;
+                        (key: string, locale: string, list: unknown[]): string;
+                        (key: string, locale: string, named: Record<string, unknown>): string;
+                        (key: string, list: unknown[]): string;
+                        (key: string, named: Record<string, unknown>): string;
+                    };
+                    props: any;
+                    menuLabelMap: Map<any, any>;
+                    getIsTabs: import("vue").ComputedRef<boolean>;
+                    getTrigger: import("vue").ComputedRef<("hover" | "click" | "contextmenu")[]>;
+                    getDropMenuList: import("vue").ComputedRef<import("./components/tabs/types/tabs.type").DropMenu[]>;
+                    handleContextMenu: (tabItem: import("vue-router").RouteLocationNormalized) => (e: Event) => void;
+                    handleMenuEvent: (item: import("./components/tabs/types/tabs.type").DropMenu) => void;
+                    handleContext: (e: any) => void;
+                }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+                    tabItem: {
+                        type: import("vue").PropType<import("vue-router").RouteLocationNormalized>;
+                        default: any;
+                    };
+                    isExtra: BooleanConstructor;
+                }>>, {
+                    tabItem: import("vue-router").RouteLocationNormalized;
+                    isExtra: boolean;
+                }>;
+            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
             readonly DtFullScreen: import("vue").DefineComponent<{}, {
                 toggle: () => Promise<void>;
                 isFullscreen: import("vue").Ref<boolean>;
@@ -1008,10 +1230,32 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {
                     (key: string, list: unknown[]): string;
                     (key: string, named: Record<string, unknown>): string;
                 };
+                slots: {
+                    [name: string]: import("vue").Slot;
+                };
                 title: string;
                 getLogoWidth: import("vue").ComputedRef<string | number>;
                 props: any;
                 getLogoClass: import("vue").ComputedRef<string>;
+                readonly DtSlotContainer: import("../../utils/withInstall").SFCWithInstall<import("vue").DefineComponent<{
+                    template: {
+                        type: FunctionConstructor;
+                    };
+                    data: {
+                        type: ObjectConstructor;
+                    };
+                }, {
+                    props: any;
+                    Container: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
+                }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+                    template: {
+                        type: FunctionConstructor;
+                    };
+                    data: {
+                        type: ObjectConstructor;
+                    };
+                }>>, {}>>;
+                readonly logoUrl: string;
             }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
                 theme: {
                     type: StringConstructor;
@@ -1664,14 +1908,6 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {
             fixed: boolean;
         }>;
         MultipleTabs: import("vue").DefineComponent<{}, {
-            t: {
-                (key: string): string;
-                (key: string, locale: string): string;
-                (key: string, locale: string, list: unknown[]): string;
-                (key: string, locale: string, named: Record<string, unknown>): string;
-                (key: string, list: unknown[]): string;
-                (key: string, named: Record<string, unknown>): string;
-            };
             router: import("vue-router").Router;
             go: (path: string, isReplace?: boolean) => void;
             tabStore: import("pinia").Store<"route-reuse", import("./stores/routeReuse.store").RouteReuseState, {
@@ -1680,19 +1916,20 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {
                 getLastDragEndIndex(): number;
             }, {
                 addTab(route: import("vue-router").RouteLocationNormalized): Promise<void>;
-                closeTab(path: string, router: import("vue-router").Router): void;
+                closeTab(route: import("vue-router").RouteLocationNormalized, router: import("vue-router").Router): void;
                 closeAllTab(currentRoute: import("vue").Ref<import("vue-router").RouteLocationNormalizedLoaded>, router: import("vue-router").Router): void;
-                closeLeftTabs(path: string): void;
-                closeRightTabs(path: string): void;
-                closeOtherTabs(path: string): void;
+                closeLeftTabs(route: import("vue-router").RouteLocationNormalized, router: import("vue-router").Router): void;
+                closeRightTabs(route: import("vue-router").RouteLocationNormalized, router: import("vue-router").Router): void;
+                closeOtherTabs(route: import("vue-router").RouteLocationNormalized, router: import("vue-router").Router): void;
+                closeTabByKey(path: string, router: import("vue-router").Router): void;
                 bulkCloseTabs(pathList: string[]): void;
                 updateCacheTab(): void;
                 refreshPage(router: import("vue-router").Router): Promise<void>;
                 sortTabs(oldIndex: number, newIndex: number): void;
+                resetState(): void;
             }>;
             getShowQuick: import("vue").ComputedRef<boolean>;
             getShowRedo: import("vue").ComputedRef<boolean>;
-            menuLabelMap: Map<any, any>;
             activeKeyRef: any;
             getTabsState: import("vue").ComputedRef<import("vue-router").RouteLocationNormalized[]>;
             unClose: import("vue").ComputedRef<boolean>;
@@ -1706,24 +1943,54 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {
                     getLastDragEndIndex(): number;
                 }, {
                     addTab(route: import("vue-router").RouteLocationNormalized): Promise<void>;
-                    closeTab(path: string, router: import("vue-router").Router): void;
+                    closeTab(route: import("vue-router").RouteLocationNormalized, router: import("vue-router").Router): void;
                     closeAllTab(currentRoute: import("vue").Ref<import("vue-router").RouteLocationNormalizedLoaded>, router: import("vue-router").Router): void;
-                    closeLeftTabs(path: string): void;
-                    closeRightTabs(path: string): void;
-                    closeOtherTabs(path: string): void;
+                    closeLeftTabs(route: import("vue-router").RouteLocationNormalized, router: import("vue-router").Router): void;
+                    closeRightTabs(route: import("vue-router").RouteLocationNormalized, router: import("vue-router").Router): void;
+                    closeOtherTabs(route: import("vue-router").RouteLocationNormalized, router: import("vue-router").Router): void;
+                    closeTabByKey(path: string, router: import("vue-router").Router): void;
                     bulkCloseTabs(pathList: string[]): void;
                     updateCacheTab(): void;
                     refreshPage(router: import("vue-router").Router): Promise<void>;
                     sortTabs(oldIndex: number, newIndex: number): void;
+                    resetState(): void;
                 }>;
                 router: import("vue-router").Router;
                 handleRedo: () => void;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-            readonly DtTabContent: import("vue").DefineComponent<{}, {
+            readonly DtTabContent: import("vue").DefineComponent<{
+                tabItem: {
+                    type: import("vue").PropType<import("vue-router").RouteLocationNormalized>;
+                    default: any;
+                };
+                isExtra: BooleanConstructor;
+            }, {
+                t: {
+                    (key: string): string;
+                    (key: string, locale: string): string;
+                    (key: string, locale: string, list: unknown[]): string;
+                    (key: string, locale: string, named: Record<string, unknown>): string;
+                    (key: string, list: unknown[]): string;
+                    (key: string, named: Record<string, unknown>): string;
+                };
+                props: any;
+                menuLabelMap: Map<any, any>;
+                getIsTabs: import("vue").ComputedRef<boolean>;
+                getTrigger: import("vue").ComputedRef<("hover" | "click" | "contextmenu")[]>;
                 getDropMenuList: import("vue").ComputedRef<import("./components/tabs/types/tabs.type").DropMenu[]>;
-                handleContext: (e: any) => void;
+                handleContextMenu: (tabItem: import("vue-router").RouteLocationNormalized) => (e: Event) => void;
                 handleMenuEvent: (item: import("./components/tabs/types/tabs.type").DropMenu) => void;
-            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+                handleContext: (e: any) => void;
+            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+                tabItem: {
+                    type: import("vue").PropType<import("vue-router").RouteLocationNormalized>;
+                    default: any;
+                };
+                isExtra: BooleanConstructor;
+            }>>, {
+                tabItem: import("vue-router").RouteLocationNormalized;
+                isExtra: boolean;
+            }>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     LayoutFooter: import("vue").DefineComponent<{}, {
@@ -1768,15 +2035,17 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {
             getLastDragEndIndex(): number;
         }, {
             addTab(route: import("vue-router").RouteLocationNormalized): Promise<void>;
-            closeTab(path: string, router: import("vue-router").Router): void;
+            closeTab(route: import("vue-router").RouteLocationNormalized, router: import("vue-router").Router): void;
             closeAllTab(currentRoute: import("vue").Ref<import("vue-router").RouteLocationNormalizedLoaded>, router: import("vue-router").Router): void;
-            closeLeftTabs(path: string): void;
-            closeRightTabs(path: string): void;
-            closeOtherTabs(path: string): void;
+            closeLeftTabs(route: import("vue-router").RouteLocationNormalized, router: import("vue-router").Router): void;
+            closeRightTabs(route: import("vue-router").RouteLocationNormalized, router: import("vue-router").Router): void;
+            closeOtherTabs(route: import("vue-router").RouteLocationNormalized, router: import("vue-router").Router): void;
+            closeTabByKey(path: string, router: import("vue-router").Router): void;
             bulkCloseTabs(pathList: string[]): void;
             updateCacheTab(): void;
             refreshPage(router: import("vue-router").Router): Promise<void>;
             sortTabs(oldIndex: number, newIndex: number): void;
+            resetState(): void;
         }>;
         getTransitionName: (route: import("vue-router").RouteRecordRaw) => string;
         getCaches: import("vue").ComputedRef<string[]>;

package/es/theme/src/stores/routeReuse.store.d.ts

@@ -11,13 +11,15 @@ export declare const useRouteReuseStore: import("pinia").StoreDefinition<"route-
     getLastDragEndIndex(): number;
 }, {
     addTab(route: RouteLocationNormalized): Promise<void>;
-    closeTab(path: string, router: Router): void;
+    closeTab(route: RouteLocationNormalized, router: Router): void;
     closeAllTab(currentRoute: Ref<RouteLocationNormalizedLoaded>, router: Router): void;
-    closeLeftTabs(path: string): void;
-    closeRightTabs(path: string): void;
-    closeOtherTabs(path: string): void;
+    closeLeftTabs(route: RouteLocationNormalized, router: Router): void;
+    closeRightTabs(route: RouteLocationNormalized, router: Router): void;
+    closeOtherTabs(route: RouteLocationNormalized, router: Router): void;
+    closeTabByKey(path: string, router: Router): void;
     bulkCloseTabs(pathList: string[]): void;
     updateCacheTab(): void;
     refreshPage(router: Router): Promise<void>;
     sortTabs(oldIndex: number, newIndex: number): void;
+    resetState(): void;
 }>;