@dt-frames/ui 2.0.3 → 2.0.5

package/es/theme/index.less

@@ -32,6 +32,9 @@
 // 滚动条边框
 @border-color-dark: #b6b7b9;
 
+// table相关
+@table-action-icon-color: #999;
+
 /* 滚动条美化 */
 ::-webkit-scrollbar {
     width: 7px;
@@ -72,9 +75,19 @@
         background-color: @content-bg;
 		.ant-layout-content{
 			width: 100%;
+            &.fixed{
+                width: 1300px;
+            }
 		}
     }
 
+    .ant-btn-lg{
+        font-size: 14px;
+        height: 34px;
+        display: flex;
+        align-items: center;
+    }
+
     .dt-page{
         background: @page-bg-color;
     }
@@ -191,6 +204,130 @@
             }
         }
     }
+
+    .dt-mix-sider{
+        transition: all 0.2s ease 0s;
+
+        & > div:first-of-type, & > div:nth-of-type(2) {
+            background-color: @menu-bg-color;
+        }
+
+        &.dark .dt-mix-sider__shallow-menu{
+            li{
+                color: #ffffffa1;
+                transition: all .3s ease;
+
+                i{
+                    font-size: 20px;
+                }
+                p{
+                    font-size: 12px;
+                }
+
+                &.active-menu {
+                    background-color: @menu-sub-bg-color;
+                    color: #fff;
+                    &::before{
+                        position: absolute;
+                        top: 0;
+                        left: 0;
+                        width: 4px;
+                        height: 100%;
+                        background-color: @primary-color;
+                        content: "";
+                    }
+                }
+            }
+        }
+
+        &.dark .sub-menu{
+            border-right: 1px solid #eaf0fb;
+        }
+
+        &__sub-shallow-menu{
+            padding: 6px 20px 12px 20px;
+            & > li{
+
+                li, .sub-menu{
+                    line-height: 40px;
+                    font-size: 13px;
+                    align-items: center;
+                    margin: 4px 0 8px -20px;
+                    width: calc(100% + 40px);
+                    padding-left: 24px;
+                    i{
+                        font-size: 18px;
+                    }
+
+                    &.active-menu, &:hover {
+                        color: @primary-color;
+                        background-color: @menu-mix-select-bg-color;
+                        i{
+                            opacity: 1;
+                        }
+                    }
+                }
+
+                & > div:not(.sub-menu) {
+                    border-bottom: 1px solid #eaf0fb;
+                }
+
+                &:last-of-type > div{
+                    border-bottom: none;
+                }
+            }
+        }
+
+        &__animate-enter-active {
+            z-index: -1;
+            animation: slideLeft 0.2s;
+        }
+
+        &__animate-leave-active{
+            z-index: -1;
+            animation: slideLeft 0.2s reverse;
+        }
+    }
+
+    &-middle{
+        .dt-header-action {
+            i {
+                font-size: 20px;
+            }
+            span{
+                font-size: 13px;
+            }
+        }
+
+        .dt-reuse-tabs .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab span {
+            font-size: 13px;
+        }
+
+        .dt-reuse-tabs .ant-tabs-extra-content i{
+            font-size: 16px;
+        }  
+        
+        .ant-btn{
+            font-size: 13px;
+        }
+    }
+
+    &-large{
+        .dt-sideBar .ant-menu .ant-menu-item, .dt-sideBar .ant-menu .ant-menu-submenu-title {
+            height: 48px !important;
+        }
+        .dt-menu-item span{
+            font-size: 14px !important;
+        }
+
+        .dt-reuse-tabs .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab span {
+            font-size: 13px;
+        }
+
+        .dt-reuse-tabs .ant-tabs-extra-content i{
+            font-size: 16px;
+        }  
+    }
 }
 
 .dt-menu-item{
@@ -424,6 +561,22 @@
         }
 	}
 
+    &__item--mix-sidebar {
+		&::before{
+            content: '';
+            position: absolute;
+            left: 15%;
+            top: calc(25% + 1px);
+            width: 20%;
+            height: 75%;
+            background-color: #fff;
+        }
+
+        .dt-menu-type__item::before {
+            width: 15%;
+        }
+	}
+
 	&__item--active {
 		border: 2px solid @primary-color;
 	}
@@ -535,6 +688,15 @@
         }
     }
 
+    .ant-tabs-nav {
+        &::before {
+            border-bottom: none !important;
+        }
+        &-more{
+            display: flex;
+        }
+    }
+
     .ant-tabs-tab:not(.ant-tabs-tab-active) {
         border: 1px solid #d9d9d9 !important;
         .anticon-close {
@@ -546,6 +708,34 @@
         }
     }
 
+    &__top{
+        .dt-reuse-tabs{
+            border-bottom: none;
+        }
+
+        .ant-tabs-extra-content{
+            display: flex;
+            span{
+                height: 28px;
+                line-height: 28px;
+                border: 1px solid #d9d9d9;
+                border-left: none;
+                &:hover{
+                    background: rgba(0,0,0,0.03);
+                }
+            }
+        }
+
+        .ant-tabs-nav-more{
+            height: 28px;
+            border: 1px solid #d9d9d9 !important;
+            &:hover{
+                background: rgba(0,0,0,0.03);
+            }
+        }
+
+    }
+
     &--hide-close {
         .ant-tabs-tab-remove {
             opacity: 0 !important;
@@ -601,3 +791,18 @@
 .ant-modal-confirm-body .ant-modal-confirm-content{
 	color: #909399;
 }
+
+.ant-tabs-dropdown-menu-title-content{
+    display: flex;
+    justify-content: space-between;
+    font-size: 13px;
+}
+
+@keyframes slideLeft {
+    from {
+        transform: translateX(-100%);
+    }
+    to{
+        transform: translateX(0);
+    }
+}

package/es/theme/src/components/header/components/logo.d.ts

@@ -16,10 +16,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;

package/es/theme/src/components/header/components/size.d.ts

@@ -87,8 +87,8 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {
             $slots: Readonly<{
                 [name: string]: import("vue").Slot;
             }>;
-            $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-            $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+            $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
+            $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
             $emit: (event: string, ...args: any[]) => void;
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
@@ -148,7 +148,7 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {
                 destroyTooltipOnHide: boolean;
                 autoAdjustOverflow: boolean | import("ant-design-vue/lib/tooltip").AdjustOverflow;
                 arrowPointAtCenter: boolean;
-            }, {}, string> & {
+            }> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
                 beforeMount?: (() => void) | (() => void)[];
@@ -163,7 +163,7 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {
                 unmounted?: (() => void) | (() => void)[];
                 renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
                 renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-                errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+                errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void)[];
             };
             $forceUpdate: () => void;
             $nextTick: typeof import("vue").nextTick;
@@ -277,6 +277,6 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {
         destroyTooltipOnHide: boolean;
         autoAdjustOverflow: boolean | import("ant-design-vue/lib/tooltip").AdjustOverflow;
         arrowPointAtCenter: boolean;
-    }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
+    }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
 }, {}, {}, {}, 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/components/header/helper/menu-tree.d.ts

@@ -1,3 +1,4 @@
 import { Menus } from "@dt-frames/core";
 export declare function getBreadCrumb(path: string, menus?: Menus[]): Menus[];
 export declare function getFilterMenu(filter?: string, flag?: boolean): any[];
+export declare function getParentTreeByPath(path: string): Menus;

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

@@ -15,10 +15,75 @@ 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<MenuSplitTye.NONE | MenuSplitTye.TOP>;
     getMenuMode: import("vue").ComputedRef<MenuMode>;
+    getShowTab: import("vue").ComputedRef<boolean>;
     props: any;
     getHeaderCls: import("vue").ComputedRef<string>;
+    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, {
+            getTabList(): import("vue-router").RouteLocationNormalized[];
+            getCachedTabList(): string[];
+            getLastDragEndIndex(): number;
+        }, {
+            addTab(route: import("vue-router").RouteLocationNormalized): Promise<void>;
+            closeTab(path: string, 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;
+            bulkCloseTabs(pathList: string[]): void;
+            updateCacheTab(): void;
+            refreshPage(router: import("vue-router").Router): Promise<void>;
+            sortTabs(oldIndex: number, newIndex: number): 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>;
+        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(path: string, 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;
+                bulkCloseTabs(pathList: string[]): void;
+                updateCacheTab(): void;
+                refreshPage(router: import("vue-router").Router): Promise<void>;
+                sortTabs(oldIndex: number, newIndex: number): 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<{}, {
+            getDropMenuList: import("vue").ComputedRef<import("../tabs/types/tabs.type").DropMenu[]>;
+            handleContext: (e: any) => void;
+            handleMenuEvent: (item: import("../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<{}>>, {}>;
+    }, {}, {}, {}, 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>;
@@ -41,10 +106,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;
@@ -223,8 +310,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
                 $slots: Readonly<{
                     [name: string]: import("vue").Slot;
                 }>;
-                $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-                $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+                $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
+                $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
                 $emit: (event: string, ...args: any[]) => void;
                 $el: any;
                 $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
@@ -284,7 +371,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
                     destroyTooltipOnHide: boolean;
                     autoAdjustOverflow: boolean | import("ant-design-vue/lib/tooltip").AdjustOverflow;
                     arrowPointAtCenter: boolean;
-                }, {}, string> & {
+                }> & {
                     beforeCreate?: (() => void) | (() => void)[];
                     created?: (() => void) | (() => void)[];
                     beforeMount?: (() => void) | (() => void)[];
@@ -299,7 +386,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
                     unmounted?: (() => void) | (() => void)[];
                     renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
                     renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-                    errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+                    errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void)[];
                 };
                 $forceUpdate: () => void;
                 $nextTick: typeof import("vue").nextTick;
@@ -413,7 +500,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
             destroyTooltipOnHide: boolean;
             autoAdjustOverflow: boolean | import("ant-design-vue/lib/tooltip").AdjustOverflow;
             arrowPointAtCenter: boolean;
-        }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
+        }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     readonly DtUserInfo: import("vue").DefineComponent<{}, {
         t: {

package/es/theme/src/components/header/multiple-header.d.ts

@@ -4,14 +4,14 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {
     getHeaderHeight: import("vue").ComputedRef<number>;
     getFixed: import("vue").ComputedRef<boolean>;
     getShowFullHeaderRef: import("vue").ComputedRef<boolean>;
-    getHeaderTheme: import("vue").ComputedRef<import('../../../src/enums').Theme>;
     getShowInsetHeaderRef: import("vue").ComputedRef<boolean>;
     getTabsHeight: import("vue").ComputedRef<number>;
     getCalcContentWidth: import("vue").ComputedRef<string>;
     getIsMixMode: import("vue").ComputedRef<boolean>;
-    getIsTopMenu: import("vue").ComputedRef<boolean>;
     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;
     }>;
@@ -38,10 +38,75 @@ 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<MenuSplitTye.NONE | MenuSplitTye.TOP>;
         getMenuMode: import("vue").ComputedRef<import('../../../src/enums').MenuMode>;
+        getShowTab: import("vue").ComputedRef<boolean>;
         props: any;
         getHeaderCls: import("vue").ComputedRef<string>;
+        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, {
+                getTabList(): import("vue-router").RouteLocationNormalized[];
+                getCachedTabList(): string[];
+                getLastDragEndIndex(): number;
+            }, {
+                addTab(route: import("vue-router").RouteLocationNormalized): Promise<void>;
+                closeTab(path: string, 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;
+                bulkCloseTabs(pathList: string[]): void;
+                updateCacheTab(): void;
+                refreshPage(router: import("vue-router").Router): Promise<void>;
+                sortTabs(oldIndex: number, newIndex: number): 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>;
+            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(path: string, 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;
+                    bulkCloseTabs(pathList: string[]): void;
+                    updateCacheTab(): void;
+                    refreshPage(router: import("vue-router").Router): Promise<void>;
+                    sortTabs(oldIndex: number, newIndex: number): 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<{}, {
+                getDropMenuList: import("vue").ComputedRef<import("../tabs/types/tabs.type").DropMenu[]>;
+                handleContext: (e: any) => void;
+                handleMenuEvent: (item: import("../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<{}>>, {}>;
+        }, {}, {}, {}, 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>;
@@ -64,10 +129,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;
@@ -246,8 +333,8 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {
                     $slots: Readonly<{
                         [name: string]: import("vue").Slot;
                     }>;
-                    $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-                    $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+                    $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
+                    $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
                     $emit: (event: string, ...args: any[]) => void;
                     $el: any;
                     $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
@@ -307,7 +394,7 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {
                         destroyTooltipOnHide: boolean;
                         autoAdjustOverflow: boolean | import("ant-design-vue/lib/tooltip").AdjustOverflow;
                         arrowPointAtCenter: boolean;
-                    }, {}, string> & {
+                    }> & {
                         beforeCreate?: (() => void) | (() => void)[];
                         created?: (() => void) | (() => void)[];
                         beforeMount?: (() => void) | (() => void)[];
@@ -322,7 +409,7 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {
                         unmounted?: (() => void) | (() => void)[];
                         renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
                         renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-                        errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+                        errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void)[];
                     };
                     $forceUpdate: () => void;
                     $nextTick: typeof import("vue").nextTick;
@@ -436,7 +523,7 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {
                 destroyTooltipOnHide: boolean;
                 autoAdjustOverflow: boolean | import("ant-design-vue/lib/tooltip").AdjustOverflow;
                 arrowPointAtCenter: boolean;
-            }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
+            }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
         readonly DtUserInfo: import("vue").DefineComponent<{}, {
             t: {

package/es/theme/src/components/sider/components/drag-bar.d.ts

@@ -1,7 +1,7 @@
 declare const _sfc_main: import("vue").DefineComponent<{}, {
     getCollapsed: import("vue").ComputedRef<boolean>;
     getCanDrag: import("vue").ComputedRef<boolean>;
-    getMenuWidth: import("vue").ComputedRef<string | number>;
+    getMenuWidth: import("vue").ComputedRef<number>;
     getDragBarStyle: import("vue").ComputedRef<{
         left: string;
     } | {

package/es/theme/src/components/sider/components/sider-trigger.d.ts

@@ -6,7 +6,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
 }, {
     getCollapsed: import("vue").ComputedRef<boolean>;
     toggleCollapsed: () => void;
-    props: any;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     type: {
         type: StringConstructor;