@dt-frames/ui 2.0.4 → 2.0.5

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

@@ -52,10 +52,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<import("./enums").MenuSplitTye.NONE | import("./enums").MenuSplitTye.TOP>;
         getMenuMode: import("vue").ComputedRef<import("./enums").MenuMode>;
+        getShowTab: import("vue").ComputedRef<boolean>;
         props: any;
         getHeaderCls: import("vue").ComputedRef<string>;
+        MultipleTabs: import("vue").DefineComponent<{}, {
+            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("./components/tabs/types/tabs.type").DropMenu[]>;
+                handleContext: (e: any) => void;
+                handleMenuEvent: (item: import("./components/tabs/types/tabs.type").DropMenu) => void;
+            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
         readonly DtFullScreen: import("vue").DefineComponent<{}, {
             toggle: () => Promise<void>;
             isFullscreen: import("vue").Ref<boolean>;
@@ -78,10 +143,32 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {
                 (key: string, list: unknown[]): string;
                 (key: string, named: Record<string, unknown>): string;
             };
+            slots: {
+                [name: string]: import("vue").Slot;
+            };
             title: string;
             getLogoWidth: import("vue").ComputedRef<string | number>;
             props: any;
             getLogoClass: import("vue").ComputedRef<string>;
+            readonly DtSlotContainer: import("../../utils/withInstall").SFCWithInstall<import("vue").DefineComponent<{
+                template: {
+                    type: FunctionConstructor;
+                };
+                data: {
+                    type: ObjectConstructor;
+                };
+            }, {
+                props: any;
+                Container: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
+            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+                template: {
+                    type: FunctionConstructor;
+                };
+                data: {
+                    type: ObjectConstructor;
+                };
+            }>>, {}>>;
+            readonly logoUrl: string;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             theme: {
                 type: StringConstructor;
@@ -852,10 +939,32 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {
                     (key: string, list: unknown[]): string;
                     (key: string, named: Record<string, unknown>): string;
                 };
+                slots: {
+                    [name: string]: import("vue").Slot;
+                };
                 title: string;
                 getLogoWidth: import("vue").ComputedRef<string | number>;
                 props: any;
                 getLogoClass: import("vue").ComputedRef<string>;
+                readonly DtSlotContainer: import("../../utils/withInstall").SFCWithInstall<import("vue").DefineComponent<{
+                    template: {
+                        type: FunctionConstructor;
+                    };
+                    data: {
+                        type: ObjectConstructor;
+                    };
+                }, {
+                    props: any;
+                    Container: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
+                }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+                    template: {
+                        type: FunctionConstructor;
+                    };
+                    data: {
+                        type: ObjectConstructor;
+                    };
+                }>>, {}>>;
+                readonly logoUrl: string;
             }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
                 theme: {
                     type: StringConstructor;
@@ -956,6 +1065,7 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {
         getSplit: import("vue").ComputedRef<boolean>;
         getIsMixSidebar: import("vue").ComputedRef<boolean>;
         getShowMultipleTab: import("vue").ComputedRef<boolean>;
+        getMultipleTabPosIsTop: import("vue").ComputedRef<boolean>;
         getPlaceholderDomStyle: import("vue").ComputedRef<{
             height: string;
         }>;
@@ -982,10 +1092,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<import("./enums").MenuSplitTye.NONE | import("./enums").MenuSplitTye.TOP>;
             getMenuMode: import("vue").ComputedRef<import("./enums").MenuMode>;
+            getShowTab: import("vue").ComputedRef<boolean>;
             props: any;
             getHeaderCls: import("vue").ComputedRef<string>;
+            MultipleTabs: import("vue").DefineComponent<{}, {
+                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("./components/tabs/types/tabs.type").DropMenu[]>;
+                    handleContext: (e: any) => void;
+                    handleMenuEvent: (item: import("./components/tabs/types/tabs.type").DropMenu) => void;
+                }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
             readonly DtFullScreen: import("vue").DefineComponent<{}, {
                 toggle: () => Promise<void>;
                 isFullscreen: import("vue").Ref<boolean>;
@@ -1008,10 +1183,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/types/theme.type.d.ts

@@ -42,6 +42,7 @@ declare type FooterOptions = {
 };
 declare type RouteReuseOptions = {
     show?: boolean;
+    position?: 'top' | 'normal';
     cache?: boolean;
     canDrag?: boolean;
     showQuick?: boolean;

package/index.d.ts

@@ -7,4 +7,5 @@ export * from './es/components/source/index.d'
 export * from './es/components/form/index.d'
 export * from './es/components/curd/index.d'
 export * from './es/components/table/index.d'
-export * from './es/components/drawer/index.d'
+export * from './es/components/drawer/index.d'
+export * from './es/components/tree/index.d'

package/index.js

@@ -1,4 +1,4 @@
-import { DtTheme, uiLang, useThemeStore, useRouteReuseStore, defaultThemeConf } from './es/theme/index'
+import { DtTheme, uiLang, useThemeStore, useRouteReuseStore, defaultThemeConf, UiSize, ContentMode } from './es/theme/index'
 import { DtIcon, DtPickIcon } from './es/components/icons/index'
 import { DtScrollContainer } from './es/components/container/index'
 import { initDirectives } from './es/directives/index'
@@ -8,8 +8,11 @@ import { DtTable, useTable } from './es/components/table/index'
 import { useSource } from './es/components/source/index'
 import { useCurd } from './es/components/curd/index'
 import { DtDrawer, useDrawer, useDrawerOut } from './es/components/drawer/index'
+import { DtTree } from './es/components/tree/index'
 
 export {
+	UiSize,
+	ContentMode,
     uiLang,
     initDirectives,
     useThemeStore,
@@ -30,5 +33,6 @@ export {
 	useCurd,
 	DtDrawer, 
 	useDrawer,
-	useDrawerOut
+	useDrawerOut,
+	DtTree
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@dt-frames/ui",
-	"version": "2.0.4",
+	"version": "2.0.5",
 	"type": "module",
 	"license": "MIT",
 	"main": "./src/index.ts",
@@ -40,9 +40,11 @@
 		"dev:icons": "pnpm dev -f icons",
 		"build:icons": "pnpm temp -f icons",
 		"build:container": "pnpm temp -f container",
+		"dev:tree": "pnpm dev -f tree",
+		"build:tree": "pnpm temp -f tree",
 		"dev:directives": "pnpm dev -f directives",
 		"build:directives": "pnpm temp -f directives",
-		"build:all": "npm-run-all clean -s temp build:icons build:directives build:container build:theme build:modal build:form build:table build:source build:curd build:drawer",
+		"build:all": "npm-run-all clean -s temp build:icons build:directives build:container build:theme build:modal build:form build:table build:source build:curd build:drawer build:tree",
 		"preview": "vite preview"
 	},
 	"dependencies": {

package/tsconfig.json

@@ -10,6 +10,7 @@
 		"sourceMap": false,
 		"declaration": false,
 		"preserveSymlinks": true,
+		"allowJs": true,
 		"resolveJsonModule": true,
 		"isolatedModules": true,
 		"removeComments": true,

package/vite.config.ts

@@ -12,6 +12,7 @@ const modules = {
 	source: 'components/source/index',
 	curd: 'components/curd/index',
 	drawer: 'components/drawer/index',
+	tree: 'components/tree/index',
 	container: 'components/container/index',
 	directives: 'directives/index',
 }