@dt-frames/ui 2.0.3 → 2.0.5

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,170 @@ 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;
+            };
+            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;
+                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,168 @@
+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;
+        };
+        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;
+            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",

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/hooks/useMultifyTab.d.ts

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