@dt-frames/ui 2.0.23 → 3.0.1

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

@@ -1,3 +1,3 @@
-import { useThemeStore } from './theme.store';
+import { useLockscreenStore } from './lockscreen.store';
 import { useRouteReuseStore } from './routeReuse.store';
-export { useThemeStore, useRouteReuseStore };
+export { useLockscreenStore, useRouteReuseStore };

package/es/theme/src/stores/lockscreen.store.d.ts

@@ -1,7 +1,9 @@
-export declare const LOCKSCREEN = "_LOCKSCREEN";
-export declare type ILockscreenState = {
+import { StoreDefinition } from 'pinia';
+export declare const LOCKSCREEN = "LOCKSCREEN_";
+type StoreType = StoreDefinition<'lockscreen', {
     isLock: boolean;
-};
-export declare const useLockscreenStore: import("pinia").StoreDefinition<"lockscreen", ILockscreenState, {}, {
-    setLock(payload: any, pwd?: string): void;
+}, {}, {
+    setLock: (payload: boolean, pwd?: string) => void;
 }>;
+export declare const useLockscreenStore: StoreType;
+export {};

package/es/theme/src/stores/routeReuse.store.d.ts

@@ -1,25 +1,23 @@
-import { Ref } from "vue";
-import { RouteLocationNormalized, RouteLocationNormalizedLoaded, Router } from "vue-router";
-export declare type RouteReuseState = {
+import { Ref } from 'vue';
+import { StoreDefinition } from 'pinia';
+import { RouteLocationNormalized, RouteLocationNormalizedLoaded, Router } from 'vue-router';
+type StoreType = StoreDefinition<'route-reuse', {
     cacheTabList: Set<string>;
     tabList: RouteLocationNormalized[];
     lastDragEndIndex: number;
-};
-export declare const useRouteReuseStore: import("pinia").StoreDefinition<"route-reuse", RouteReuseState, {
-    getTabList(): RouteLocationNormalized[];
-    getCachedTabList(): string[];
-    getLastDragEndIndex(): number;
 }, {
-    addTab(route: RouteLocationNormalized): Promise<void>;
-    closeTab(route: RouteLocationNormalized, router: Router): void;
-    closeAllTab(currentRoute: Ref<RouteLocationNormalizedLoaded>, router: Router): void;
-    closeLeftTabs(route: RouteLocationNormalized, router: Router): void;
-    closeRightTabs(route: RouteLocationNormalized, router: Router): void;
-    closeOtherTabs(route: RouteLocationNormalized, router: Router): void;
-    closeTabByKey(path: string, router: Router): void;
-    bulkCloseTabs(pathList: string[]): void;
-    updateCacheTab(): void;
-    refreshPage(router: Router): Promise<void>;
-    sortTabs(oldIndex: number, newIndex: number): void;
-    resetState(): void;
+    getCachedTabList: () => string[];
+}, {
+    addTab: (route: RouteLocationNormalized) => void;
+    closeTab: (route: RouteLocationNormalized, router: Router) => void;
+    closeAllTab: (currentRoute: Ref<RouteLocationNormalizedLoaded>, router: Router) => void;
+    closeLeftTabs: (route: RouteLocationNormalized, router: Router) => void;
+    closeRightTabs: (route: RouteLocationNormalized, router: Router) => void;
+    closeOtherTabs: (route: RouteLocationNormalized, router: Router) => void;
+    closeTabByKey: (path: string, router: Router) => void;
+    refreshPage: (router: Router) => Promise<void>;
+    sortTabs: (oldIndex: number, newIndex: number) => void;
+    resetState: () => void;
 }>;
+export declare const useRouteReuseStore: StoreType;
+export {};

package/es/theme/src/stores/theme.store.d.ts

@@ -1,19 +1,13 @@
-import { VNode } from 'vue';
-import { ThemeOptions, HeadOptions, MenuOptions, RouteReuseOptions, FooterOptions } from '../types/theme.type';
-export declare const useThemeStore: import("pinia").StoreDefinition<"dt-theme", {
+import { StoreDefinition } from 'pinia';
+import { ThemeOptions } from '../types/theme.type';
+type StoreType = StoreDefinition<'dt-theme', {
     themeConf: ThemeOptions;
     pageLoading: boolean;
     mixSiderHasSubMenu: boolean;
-}, {
-    getThemeConf(): ThemeOptions;
-    getHeaderConf(): HeadOptions;
-    getMenuConf(): MenuOptions;
-    getFooterConf(): FooterOptions | VNode;
-    getRouteReuseConf(): RouteReuseOptions;
-    getPageLoading(): boolean;
-    getMixSiderIsHasMenu(): boolean;
-}, {
-    setThemeConf(options?: ThemeOptions): void;
-    setMixSiderIsHasMenu(val: boolean): void;
-    resetState(): void;
+}, {}, {
+    setThemeConf: (conf: ThemeOptions) => void;
+    setMixSiderIsHasMenu: (val: boolean) => void;
+    resetState: () => void;
 }>;
+export declare const useThemeStore: StoreType;
+export {};

package/es/theme/{transition.less → src/transition.scss}

@@ -40,7 +40,7 @@
     }
 }
 
-.fade-leave-active {
+.fade-leave-active:not(.dt-back-top) {
   position: absolute;
   left: 0;
   top: 0;

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

@@ -1,3 +0,0 @@
-import { ThemeOptions, HeadOptions, MenuOptions, FooterOptions, RouteReuseOptions } from './theme.type';
-import { Menus, MenuState } from './menu.type';
-export type { ThemeOptions, HeadOptions, MenuOptions, FooterOptions, RouteReuseOptions, Menus, MenuState };

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

@@ -4,10 +4,11 @@ export interface Menus {
     label: string;
     enLabel?: string;
     url?: string;
+    pid?: string;
     children?: Array<Menus>;
     [key: string]: any;
 }
-export declare type MenuState = {
+export type MenuState = {
     defaultSelectedKeys: string[];
     openKeys: string[];
     selectedKeys: string[];

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

@@ -1,14 +1,12 @@
 import { Language } from '@dt-frames/core';
-import { VNode } from 'vue';
-import { ContentMode, MenuMode, MenuType, Theme, UiSize } from "../enums/theme.enum";
-declare type HeadOptions = {
+import { ContentMode, MenuMode, MenuType, Theme, UiSize } from '../enums/index';
+type HeadOptions = {
     fixed?: boolean;
     theme?: Theme;
     showLogo?: boolean;
     showBackToTop?: boolean;
     useLockPage?: boolean;
     size?: UiSize;
-    showSize?: boolean;
     showBreadCrumb?: boolean;
     showFullScreen?: boolean;
     showSearch?: boolean;
@@ -19,7 +17,7 @@ declare type HeadOptions = {
     showSettingTheme?: boolean;
     logoutClick?: () => ({});
 };
-declare type MenuOptions = {
+type MenuOptions = {
     fixed?: boolean;
     theme?: Theme;
     collapsed?: boolean;
@@ -34,13 +32,12 @@ declare type MenuOptions = {
     mode?: MenuMode;
     mixSideTrigger?: 'hover' | 'click';
 };
-declare type FooterOptions = {
+type FooterOptions = {
     show?: boolean;
-    height?: number;
     title?: string;
     subTitle?: string;
 };
-declare type RouteReuseOptions = {
+type RouteReuseOptions = {
     show?: boolean;
     position?: 'top' | 'normal';
     cache?: boolean;
@@ -49,14 +46,36 @@ declare type RouteReuseOptions = {
     showRedo?: boolean;
     showFold?: boolean;
 };
-declare type ContentOptions = {
+type ContentOptions = {
     contentMode?: ContentMode;
 };
-declare type ThemeOptions = {
+type VarsOptions = {
+    token?: {
+        colorPrimary?: string;
+        headerBgColor?: string;
+        menuBgColor?: string;
+        borderRadiusLG?: number;
+        borderRadiusSM?: number;
+        borderRadiusXS?: number;
+        controlHeightLG?: number;
+        controlHeight?: number;
+        controlHeightSM?: number;
+        [key: string]: any;
+    };
+    components?: {
+        Menu?: {
+            colorItemBg: string;
+            colorSubItemBg: string;
+        };
+    };
+    [key: string]: any;
+};
+type ThemeOptions = {
+    vars?: VarsOptions;
     headOptions?: HeadOptions;
     menuOptions?: MenuOptions;
-    footerOptions?: FooterOptions | VNode;
+    footerOptions?: FooterOptions;
     routeReuse?: RouteReuseOptions;
     content?: ContentOptions;
 };
-export type { ThemeOptions, HeadOptions, MenuOptions, FooterOptions, RouteReuseOptions };
+export type { VarsOptions, ThemeOptions, HeadOptions, MenuOptions, FooterOptions, RouteReuseOptions };

package/es/theme/src/utils/color.d.ts

@@ -0,0 +1,14 @@
+export declare function rgb2hex({ r, g, b }: any, toUpper: boolean): string;
+export declare function createLinearGradient(direction: any, ctx: any, width: any, height: any, color1: any, color2: any): void;
+export declare function hex2rgb(hex: any): {
+    r: number;
+    g: number;
+    b: number;
+};
+export declare function rgb2hsv({ r, g, b }: any): {
+    h: number;
+    s: number;
+    v: number;
+};
+export declare function isHex(str: string): boolean;
+export declare function isRgb(str: string): boolean;

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

@@ -0,0 +1,3 @@
+import { Menus } from "../types/menu.type";
+export declare function menuList2Map(): Map<any, any>;
+export declare function getParentTreeByPath(path: string): Menus;

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

@@ -0,0 +1,3 @@
+import { Menus } from "../types/menu.type";
+export declare function menuList2Map(): Map<any, any>;
+export declare function getParentTreeByPath(path: string): Menus;

package/index.d.ts

@@ -1,13 +1,12 @@
-export * from './es/theme/index.d'
-export * from './es/components/icons/index.d'
-export * from './es/components/container/index.d'
-export * from './es/directives/index.d'
-export * from './es/components/modal/index.d'
-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/tree/index.d'
-export * from './es/components/upload/index.d'
-export * from './es/components/iframe/index.d'
+export * from './es/theme/index.d'
+export * from './es/components/form/index.d'
+export * from './es/components/icons/index.d'
+export * from './es/directives/index.d'
+export * from './es/components/modal/index.d'
+export * from './es/components/drawer/index.d'
+export * from './es/components/tree/index.d'
+export * from './es/components/upload/index.d'
+export * from './es/components/table/index.d'
+export * from './es/components/source/index.d'
+export *  from './es/components/curd/index.d'
+export *  from './es/components/vxe_table/index.d'

package/index.js

@@ -1,62 +1,44 @@
-import { 
-	DtTheme, 
-	uiLang, 
-	useThemeStore, 
-	useRouteReuseStore, 
-	defaultThemeConf, 
-	UiSize, 
-	ContentMode, 
-	MenuType, 
-	MenuMode, 
-	useMenu, 
-    useHeader, 
-    useMultipleTab,
-	useTheme
-} 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'
-import { DtModal, useModal, useModalOut } from './es/components/modal/index'
-import { DtForm, useForm } from './es/components/form/index'
-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'
-import { DtUpload } from './es/components/upload/index'
-import { DtIframe } from './es/components/iframe/index'
-
-export {
-	UiSize,
-	ContentMode,
-	MenuType, 
-	MenuMode,
-    uiLang,
-    initDirectives,
-    useThemeStore,
-	useRouteReuseStore,
-    defaultThemeConf,
-	useMenu, 
-    useHeader, 
-    useMultipleTab,
-	useTheme,
-	DtUpload,
-    DtTheme,
-    DtIcon,
-    DtPickIcon,
-    DtScrollContainer,
-	DtModal,
-	useModal,
-	useModalOut,
-	DtForm,
-	useForm,
-	DtTable,
-	useTable,
-	useSource,
-	useCurd,
-	DtDrawer, 
-	useDrawer,
-	useDrawerOut,
-	DtTree,
-	DtIframe
-}
+import { DtTheme, uiLang, useThemeStore, useTheme, useMenu,useRouteReuseStore } from './es/theme/index'
+import { DtForm, useForm, DtFormButtons } from './es/components/form/index'
+import { Icon } from './es/components/icons/index'
+import { DtIframe } from './es/components/iframe/index'
+import { initDirectives } from './es/directives/index'
+import { DtModal, useModalOut, useModal } from './es/components/modal/index'
+import { DtDrawer, useDrawerOut, useDrawer } from './es/components/drawer/index'
+import { DtTree, useTree } from './es/components/tree/index'
+import { DtUpload } from './es/components/upload/index'
+import { DtTable, useTable } from './es/components/table/index'
+import { useSource } from './es/components/source/index'
+import { useCurd } from './es/components/curd/index'
+import { DtVxeTable, useVxeTable, useTableComps } from './es/components/vxe_table/index'
+
+export { 
+    DtTheme,
+    uiLang,
+    useTheme,
+    useMenu,
+    useThemeStore,
+    useRouteReuseStore,
+    Icon,
+    DtIframe,
+    DtForm,
+    DtFormButtons,
+    useForm,
+    initDirectives,
+    DtModal,
+    useModalOut,
+	useModal,
+    DtDrawer,
+    useDrawerOut,
+    useDrawer,
+    DtTree,
+    useTree,
+    DtUpload,
+    DtTable, 
+    useTable,
+    useCurd,
+    useSource,
+    DtVxeTable,
+    useVxeTable,
+    useTableComps
+}

package/manualContentPath.js

@@ -9,11 +9,11 @@ const replaceContentList = [
         path: resolve('./es/components/curd/index.js'),
         replaceList: [
             {
-                content: '@components/form',
+                content: '~components/form',
                 replaceContent: '../form'
             },
             {
-                content: '@components/modal',
+                content: '~components/modal',
                 replaceContent: '../modal'
             }
         ]
@@ -23,11 +23,15 @@ const replaceContentList = [
         path: resolve('./es/components/drawer/index.js'),
         replaceList: [
             {
-                content: '@components/form',
+                content: '~components/form',
                 replaceContent: '../form'
             },
             {
-                content: '@components/container',
+                content: '~components/modal',
+                replaceContent: '../modal'
+            },
+            {
+                content: '~components/container',
                 replaceContent: '../container'
             }
         ]
@@ -37,12 +41,20 @@ const replaceContentList = [
         path: resolve('./es/components/form/index.js'),
         replaceList: [
             {
-                content: '@theme',
-                replaceContent: '../../theme'
+                content: '~theme/index',
+                replaceContent: '../../theme/index'
             },
             {
-                content: '@components/upload',
+                content: '~components/container',
+                replaceContent: '../components/container'
+            },
+            {
+                content: '~components/upload',
                 replaceContent: '../../components/upload'
+            },
+            {
+                content: '~components/icons',
+                replaceContent: '../icons'
             }
         ]
     },
@@ -51,11 +63,11 @@ const replaceContentList = [
         path: resolve('./es/components/modal/index.js'),
         replaceList: [
             {
-                content: '@components/form',
+                content: '~components/form',
                 replaceContent: '../form'
             },
             {
-                content: '@components/container',
+                content: '~components/container',
                 replaceContent: '../container'
             }
         ]
@@ -65,16 +77,20 @@ const replaceContentList = [
         path: resolve('./es/components/table/index.js'),
         replaceList: [
             {
-                content: '@theme',
-                replaceContent: '../../theme'
+                content: '~theme/index',
+                replaceContent: '../../theme/index'
             },
             {
-                content: '@components/form',
+                content: '~components/form',
                 replaceContent: '../form'
             },
             {
-                content: '@components/modal',
+                content: '~components/modal',
                 replaceContent: '../modal'
+            },
+            {
+                content: '~components/icons',
+                replaceContent: '../icons'
             }
         ]
     },
@@ -83,8 +99,12 @@ const replaceContentList = [
         path: resolve('./es/components/tree/index.js'),
         replaceList: [
             {
-                content: '@theme',
+                content: '~theme',
                 replaceContent: '../../theme'
+            },
+            {
+                content: '~components/icons',
+                replaceContent: '../icons'
             }
         ]
     },
@@ -93,16 +113,20 @@ const replaceContentList = [
         path: resolve('./es/theme/index.js'),
         replaceList: [
             {
-                content: '@components/container',
+                content: '~components/container',
                 replaceContent: '../components/container'
             },
             {
-                content: '@components/form',
+                content: '~components/form',
                 replaceContent: '../form'
             },
             {
-                content: '@components/modal',
+                content: '~components/modal',
                 replaceContent: '../modal'
+            },
+            {
+                content: '~assets',
+                replaceContent: '../assets'
             }
         ]
     },
@@ -111,12 +135,42 @@ const replaceContentList = [
         path: resolve('./es/components/upload/index.js'),
         replaceList: [
             {
-                content: '@components/iframe',
+                content: '~components/iframe',
                 replaceContent: '../iframe'
             },
             {
-                content: '@components/modal',
+                content: '~components/modal',
+                replaceContent: '../modal'
+            },
+            {
+                content: '~components/icons',
+                replaceContent: '../icons'
+            }
+        ]
+    },
+    {
+        module: 'vxeTable',
+        path: resolve('./es/components/vxe_table/index.js'),
+        replaceList: [
+            {
+                content: '~theme/index',
+                replaceContent: '../../theme/index'
+            },
+            {
+                content: '~components/icons',
+                replaceContent: '../icons'
+            },
+            {
+                content: '~components/table',
+                replaceContent: '../table'
+            },
+            {
+                content: '~components/modal',
                 replaceContent: '../modal'
+            },
+            {
+                content: '~components/form',
+                replaceContent: '../form'
             }
         ]
     }