@dt-frames/ui 2.0.3 → 2.0.4

package/es/theme/index.less

@@ -191,6 +191,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 +548,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;
 	}
@@ -601,3 +741,13 @@
 .ant-modal-confirm-body .ant-modal-confirm-content{
 	color: #909399;
 }
+
+
+@keyframes slideLeft {
+    from {
+        transform: translateX(-100%);
+    }
+    to{
+        transform: translateX(0);
+    }
+}

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

@@ -223,8 +223,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 +284,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 +299,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 +413,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,13 +4,12 @@ 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>;
     getPlaceholderDomStyle: import("vue").ComputedRef<{
         height: string;
@@ -246,8 +245,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 +306,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 +321,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 +435,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;

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

@@ -3,11 +3,12 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {
     getMenuFixed: import("vue").ComputedRef<boolean>;
     getSplit: import("vue").ComputedRef<boolean>;
     getMenuHidden: import("vue").ComputedRef<boolean>;
-    getMenuWidth: import("vue").ComputedRef<string | number>;
+    getMenuWidth: import("vue").ComputedRef<number>;
     getCollapsed: import("vue").ComputedRef<boolean>;
     getMenuTheme: import("vue").ComputedRef<import('../../../src/enums').Theme>;
-    getRealWidth: import("vue").ComputedRef<string | number>;
+    getRealWidth: import("vue").ComputedRef<number>;
     getIsMixMode: import("vue").ComputedRef<boolean>;
+    getIsMixSidebar: import("vue").ComputedRef<boolean>;
     getCollapsedWidth: import("vue").ComputedRef<80 | 48 | 0>;
     onBreakPointChange: (broken: boolean) => void;
     getTriggerAttr: import("vue").ComputedRef<{
@@ -56,7 +57,7 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {
     DragBar: 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;
         } | {
@@ -66,5 +67,148 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {
             'dt-darg-bar--hide': boolean;
         })[]>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    MixSider: import("vue").DefineComponent<{}, {
+        MENU_WIDTH: number;
+        go: (path: string, isReplace?: boolean) => void;
+        getMenuWidth: import("vue").ComputedRef<number>;
+        getMenuTheme: import("vue").ComputedRef<import('../../../src/enums').Theme>;
+        getMixSideTrigger: import("vue").ComputedRef<"hover" | "click">;
+        setMixSiderIsHasMenu: (val: boolean) => void;
+        menuModules: any;
+        activeId: import("vue").Ref<string>;
+        subMenus: import("vue").Ref<any[]>;
+        getDomStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+        getWrapStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+        getSubMenuStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+        setDomWidth: (width: string) => {
+            width: string;
+            minWidth: string;
+            maxWidth: string;
+            flex: string;
+            transition: string;
+        };
+        getMenuEvents: {
+            onMouseleave: () => void;
+        };
+        getItemEvents: (item: import("@dt-frames/core").Menus) => {
+            onMouseenter: () => void;
+            onClick: () => void;
+        } | {
+            onClick: () => void;
+            onMouseenter?: undefined;
+        };
+        currentRoute: import("vue").Ref<import("vue-router").RouteLocationNormalizedLoaded>;
+        setActive: (path: string) => void;
+        handleModuleClick: (path: string, isHover?: boolean) => void;
+        DtLogo: import("vue").DefineComponent<{
+            theme: {
+                type: StringConstructor;
+                validator: (v: string) => boolean;
+            };
+            showTitle: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }, {
+            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;
+            };
+            title: string;
+            getLogoWidth: import("vue").ComputedRef<string | number>;
+            props: any;
+            getLogoClass: import("vue").ComputedRef<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;
+                validator: (v: string) => boolean;
+            };
+            showTitle: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>>, {
+            showTitle: boolean;
+        }>;
+        readonly DtScrollContainer: import("../../../../utils/withInstall").SFCWithInstall<import("vue").DefineComponent<{}, {
+            scrollbarRef: any;
+            scrollTo: (to: number, duration?: number) => void;
+            getScrollWrap: () => any;
+            scrollBottom: () => void;
+            ScrollBar: import("vue").DefineComponent<{
+                wrapClass: {
+                    type: (StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                wrapStyle: ArrayConstructor;
+                viewClass: {
+                    type: (StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                viewStyle: {
+                    type: (StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                noresize: BooleanConstructor;
+                tag: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }, {
+                sizeWidth: import("vue").Ref<string>;
+                sizeHeight: import("vue").Ref<string>;
+                moveX: import("vue").Ref<number>;
+                moveY: import("vue").Ref<number>;
+                wrap: import("vue").Ref<any>;
+                resize: import("vue").Ref<any>;
+                props: any;
+                style: import("vue").ComputedRef<{}>;
+                handleScroll: () => void;
+                update: () => void;
+                readonly Bar: import("vue").DefineComponent<{
+                    vertical: BooleanConstructor;
+                    size: StringConstructor;
+                    move: NumberConstructor;
+                }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+                    vertical: BooleanConstructor;
+                    size: StringConstructor;
+                    move: NumberConstructor;
+                }>>, {
+                    vertical: boolean;
+                }>;
+            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+                wrapClass: {
+                    type: (StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                wrapStyle: ArrayConstructor;
+                viewClass: {
+                    type: (StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                viewStyle: {
+                    type: (StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                noresize: BooleanConstructor;
+                tag: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>>, {
+                wrapClass: string | unknown[];
+                viewClass: string | unknown[];
+                viewStyle: string | unknown[];
+                noresize: boolean;
+                tag: string;
+            }>;
+        }, {}, {}, {}, 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<{}>>, {}>;
 }, {}, {}, {}, 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/sider/mix-sider.d.ts

@@ -0,0 +1,146 @@
+import { CSSProperties } from 'vue';
+import { Menus } from '@dt-frames/core';
+declare const _sfc_main: import("vue").DefineComponent<{}, {
+    MENU_WIDTH: number;
+    go: (path: string, isReplace?: boolean) => void;
+    getMenuWidth: import("vue").ComputedRef<number>;
+    getMenuTheme: import("vue").ComputedRef<import("../../enums").Theme>;
+    getMixSideTrigger: import("vue").ComputedRef<"hover" | "click">;
+    setMixSiderIsHasMenu: (val: boolean) => void;
+    menuModules: any;
+    activeId: import("vue").Ref<string>;
+    subMenus: import("vue").Ref<any[]>;
+    getDomStyle: import("vue").ComputedRef<CSSProperties>;
+    getWrapStyle: import("vue").ComputedRef<CSSProperties>;
+    getSubMenuStyle: import("vue").ComputedRef<CSSProperties>;
+    setDomWidth: (width: string) => {
+        width: string;
+        minWidth: string;
+        maxWidth: string;
+        flex: string;
+        transition: string;
+    };
+    getMenuEvents: {
+        onMouseleave: () => void;
+    };
+    getItemEvents: (item: Menus) => {
+        onMouseenter: () => void;
+        onClick: () => void;
+    } | {
+        onClick: () => void;
+        onMouseenter?: undefined;
+    };
+    currentRoute: import("vue").Ref<import("vue-router").RouteLocationNormalizedLoaded>;
+    setActive: (path: string) => void;
+    handleModuleClick: (path: string, isHover?: boolean) => void;
+    DtLogo: import("vue").DefineComponent<{
+        theme: {
+            type: StringConstructor;
+            validator: (v: string) => boolean;
+        };
+        showTitle: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }, {
+        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;
+        };
+        title: string;
+        getLogoWidth: import("vue").ComputedRef<string | number>;
+        props: any;
+        getLogoClass: import("vue").ComputedRef<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;
+            validator: (v: string) => boolean;
+        };
+        showTitle: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>>, {
+        showTitle: boolean;
+    }>;
+    readonly DtScrollContainer: import("../../../../utils/withInstall").SFCWithInstall<import("vue").DefineComponent<{}, {
+        scrollbarRef: any;
+        scrollTo: (to: number, duration?: number) => void;
+        getScrollWrap: () => any;
+        scrollBottom: () => void;
+        ScrollBar: import("vue").DefineComponent<{
+            wrapClass: {
+                type: (StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            wrapStyle: ArrayConstructor;
+            viewClass: {
+                type: (StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            viewStyle: {
+                type: (StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            noresize: BooleanConstructor;
+            tag: {
+                type: StringConstructor;
+                default: string;
+            };
+        }, {
+            sizeWidth: import("vue").Ref<string>;
+            sizeHeight: import("vue").Ref<string>;
+            moveX: import("vue").Ref<number>;
+            moveY: import("vue").Ref<number>;
+            wrap: import("vue").Ref<any>;
+            resize: import("vue").Ref<any>;
+            props: any;
+            style: import("vue").ComputedRef<{}>;
+            handleScroll: () => void;
+            update: () => void;
+            readonly Bar: import("vue").DefineComponent<{
+                vertical: BooleanConstructor;
+                size: StringConstructor;
+                move: NumberConstructor;
+            }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+                vertical: BooleanConstructor;
+                size: StringConstructor;
+                move: NumberConstructor;
+            }>>, {
+                vertical: boolean;
+            }>;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            wrapClass: {
+                type: (StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            wrapStyle: ArrayConstructor;
+            viewClass: {
+                type: (StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            viewStyle: {
+                type: (StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            noresize: BooleanConstructor;
+            tag: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>>, {
+            wrapClass: string | unknown[];
+            viewClass: string | unknown[];
+            viewStyle: string | unknown[];
+            noresize: boolean;
+            tag: string;
+        }>;
+    }, {}, {}, {}, 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<{}>>, {}>;
+export default _sfc_main;

package/es/theme/src/enums/theme.enum.d.ts

@@ -10,7 +10,8 @@ export declare enum MenuTriggerPos {
 export declare enum MenuType {
     SIDE = "sidebar",
     TOP_MENU = "top-menu",
-    MIX = "mix"
+    MIX = "mix",
+    MIX_SIDEBAR = "mix-sidebar"
 }
 export declare enum MenuMode {
     INLINE = "inline",