@dt-frames/ui 2.0.3 → 2.0.4

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

@@ -9,7 +9,7 @@ export declare function useMenu(): {
     getMenuHidden: import("vue").ComputedRef<boolean>;
     getMenuTheme: import("vue").ComputedRef<import("../enums").Theme>;
     getTrigger: import("vue").ComputedRef<boolean>;
-    getMenuWidth: import("vue").ComputedRef<string | number>;
+    getMenuWidth: import("vue").ComputedRef<number>;
     getLogoWidth: import("vue").ComputedRef<string | number>;
     getMenuType: import("vue").ComputedRef<MenuType>;
     getIsTopMenu: import("vue").ComputedRef<boolean>;
@@ -17,11 +17,13 @@ export declare function useMenu(): {
     getSplit: import("vue").ComputedRef<boolean>;
     getCollapsed: import("vue").ComputedRef<boolean>;
     getIsHorizontal: import("vue").ComputedRef<boolean>;
-    getMiniWidthNumber: import("vue").ComputedRef<80 | 48>;
-    getRealWidth: import("vue").ComputedRef<string | number>;
+    getMiniWidthNumber: import("vue").ComputedRef<48 | 80>;
+    getRealWidth: import("vue").ComputedRef<number>;
     getCalcContentWidth: import("vue").ComputedRef<string>;
     getIsMixMode: import("vue").ComputedRef<boolean>;
+    getIsMixSidebar: import("vue").ComputedRef<boolean>;
     getCanDrag: import("vue").ComputedRef<boolean>;
+    getMixSideTrigger: import("vue").ComputedRef<"hover" | "click">;
     toggleCollapsed: () => void;
     setThemeStore: (conf?: Recordable) => void;
 };

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

@@ -8,6 +8,7 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {
     getSplit: import("vue").ComputedRef<boolean>;
     getShowMenu: import("vue").ComputedRef<boolean>;
     getShowSidebar: import("vue").ComputedRef<boolean>;
+    getIsMixSidebar: import("vue").ComputedRef<boolean>;
     getFooter: import("vue").ComputedRef<import("./types/theme.type").FooterOptions>;
     getShowFooter: import("vue").ComputedRef<any>;
     height: any;
@@ -259,8 +260,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<{
@@ -320,7 +321,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)[];
@@ -335,7 +336,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;
@@ -449,7 +450,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: {
@@ -736,11 +737,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("./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<{
@@ -789,7 +791,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;
             } | {
@@ -799,18 +801,160 @@ 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("./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: 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<{}>>, {}>;
     LayoutMultipleHeader: import("vue").DefineComponent<{}, {
         getHeaderHeight: import("vue").ComputedRef<number>;
         getFixed: import("vue").ComputedRef<boolean>;
         getShowFullHeaderRef: import("vue").ComputedRef<boolean>;
-        getHeaderTheme: import("vue").ComputedRef<import("./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;
@@ -1046,8 +1190,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<{
@@ -1107,7 +1251,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)[];
@@ -1122,7 +1266,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;
@@ -1236,7 +1380,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/stores/theme.store.d.ts

@@ -3,6 +3,7 @@ import { ThemeOptions, HeadOptions, MenuOptions, RouteReuseOptions, FooterOption
 export declare const useThemeStore: import("pinia").StoreDefinition<"dt-theme", {
     themeConf: ThemeOptions;
     pageLoading: boolean;
+    mixSiderHasSubMenu: boolean;
 }, {
     getThemeConf(): ThemeOptions;
     getHeaderConf(): HeadOptions;
@@ -10,6 +11,8 @@ export declare const useThemeStore: import("pinia").StoreDefinition<"dt-theme",
     getFooterConf(): FooterOptions | VNode;
     getRouteReuseConf(): RouteReuseOptions;
     getPageLoading(): boolean;
+    getMixSiderIsHasMenu(): boolean;
 }, {
     setThemeConf(options?: ThemeOptions): void;
+    setMixSiderIsHasMenu(val: boolean): void;
 }>;

package/es/theme/src/types/theme.type.d.ts

@@ -32,6 +32,7 @@ declare type MenuOptions = {
     trigger?: boolean;
     type?: MenuType;
     mode?: MenuMode;
+    mixSideTrigger?: 'hover' | 'click';
 };
 declare type FooterOptions = {
     show?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@dt-frames/ui",
-	"version": "2.0.3",
+	"version": "2.0.4",
 	"type": "module",
 	"license": "MIT",
 	"main": "./src/index.ts",
@@ -46,13 +46,11 @@
 		"preview": "vite preview"
 	},
 	"dependencies": {
-		"@dt-frames/core": "workspace:2.0.0",
 		"lodash-es": "^4.17.21",
 		"sortablejs": "^1.15.0",
 		"xlsx": "^0.18.5"
 	},
 	"devDependencies": {
-		"@dt-frames/plugins": "workspace:2.0.0",
 		"npm-run-all": "^4.1.5",
 		"rimraf": "^3.0.2"
 	}