@dt-frames/ui 2.0.24 → 4.0.1

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

@@ -1,2 +0,0 @@
-import { ThemeOptions } from "../types";
-export declare const defaultThemeConf: ThemeOptions;

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

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

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

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

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

@@ -1,25 +0,0 @@
-import { Ref } from "vue";
-import { RouteLocationNormalized, RouteLocationNormalizedLoaded, Router } from "vue-router";
-export declare type RouteReuseState = {
-    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;
-}>;

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

@@ -1,19 +0,0 @@
-import { VNode } from 'vue';
-import { ThemeOptions, HeadOptions, MenuOptions, RouteReuseOptions, FooterOptions } from '../types/theme.type';
-export declare const useThemeStore: import("pinia").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;
-}>;

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

@@ -1,15 +0,0 @@
-export interface Menus {
-    id: string;
-    icon: string;
-    label: string;
-    enLabel?: string;
-    url?: string;
-    children?: Array<Menus>;
-    [key: string]: any;
-}
-export declare type MenuState = {
-    defaultSelectedKeys: string[];
-    openKeys: string[];
-    selectedKeys: string[];
-    collapsedOpenKeys: string[];
-};

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

@@ -1,62 +0,0 @@
-import { Language } from '@dt-frames/core';
-import { VNode } from 'vue';
-import { ContentMode, MenuMode, MenuType, Theme, UiSize } from "../enums/theme.enum";
-declare type HeadOptions = {
-    fixed?: boolean;
-    theme?: Theme;
-    showLogo?: boolean;
-    showBackToTop?: boolean;
-    useLockPage?: boolean;
-    size?: UiSize;
-    showSize?: boolean;
-    showBreadCrumb?: boolean;
-    showFullScreen?: boolean;
-    showSearch?: boolean;
-    showNotice?: boolean;
-    showLocaleSwitch?: boolean;
-    locale?: Language.ZH;
-    showLoginOut?: boolean;
-    showSettingTheme?: boolean;
-    logoutClick?: () => ({});
-};
-declare type MenuOptions = {
-    fixed?: boolean;
-    theme?: Theme;
-    collapsed?: boolean;
-    collapsedShowTitle?: boolean;
-    canDrag?: boolean;
-    show?: boolean;
-    hidden?: boolean;
-    split?: boolean;
-    menuWidth?: number | string;
-    trigger?: boolean;
-    type?: MenuType;
-    mode?: MenuMode;
-    mixSideTrigger?: 'hover' | 'click';
-};
-declare type FooterOptions = {
-    show?: boolean;
-    height?: number;
-    title?: string;
-    subTitle?: string;
-};
-declare type RouteReuseOptions = {
-    show?: boolean;
-    position?: 'top' | 'normal';
-    cache?: boolean;
-    canDrag?: boolean;
-    showQuick?: boolean;
-    showRedo?: boolean;
-    showFold?: boolean;
-};
-declare type ContentOptions = {
-    contentMode?: ContentMode;
-};
-declare type ThemeOptions = {
-    headOptions?: HeadOptions;
-    menuOptions?: MenuOptions;
-    footerOptions?: FooterOptions | VNode;
-    routeReuse?: RouteReuseOptions;
-    content?: ContentOptions;
-};
-export type { ThemeOptions, HeadOptions, MenuOptions, FooterOptions, RouteReuseOptions };

package/es/theme/transition.less

@@ -1,105 +0,0 @@
-/** zoom-fade */
-.zoom-fade-enter-active,
-.zoom-fade-leave-active {
-  transition: transform 0.2s, opacity 0.3s ease-out;
-}
-
-.zoom-fade-enter-from {
-  opacity: 0;
-  transform: scale(0.92);
-}
-
-.zoom-fade-leave-to {
-  opacity: 0;
-  transform: scale(1.06);
-}
-
-
-/** zoom-out */
-.zoom-out-enter-active,
-.zoom-out-leave-active {
-  transition: opacity 0.1 ease-in-out, transform 0.15s ease-out;
-}
-
-.zoom-out-enter-from,
-.zoom-out-leave-to {
-  opacity: 0;
-  transform: scale(0);
-}
-
-// fade
-.fade-transition {
-    &-enter-active,
-    &-leave-active {
-      transition: opacity 0.2s ease-in-out;
-    }
-  
-    &-enter-from,
-    &-leave-to {
-      opacity: 0;
-    }
-}
-
-.fade-leave-active {
-  position: absolute;
-  left: 0;
-  top: 0;
-}
-  
-.fade-enter-active,
-.fade-leave-active {
-    transition: opacity 0.2s ease-in-out;
-}
-  
-.fade-enter-from,
-.fade-leave-to {
-    opacity: 0;
-}
-
-/* fade-slide */
-.fade-slide-leave-active,
-.fade-slide-enter-active {
-    transition: all 0.3s;
-}
-
-.fade-slide-enter-from {
-    opacity: 0;
-    transform: translateX(-30px);
-}
-
-.fade-slide-leave-to {
-    opacity: 0;
-    transform: translateX(30px);
-}
-
-/** fade-bottom */
-.fade-bottom-enter-active,
-.fade-bottom-leave-active {
-  transition: opacity 0.25s, transform 0.3s;
-}
-
-.fade-bottom-enter-from {
-  opacity: 0;
-  transform: translateY(-10%);
-}
-
-.fade-bottom-leave-to {
-  opacity: 0;
-  transform: translateY(10%);
-}
-
-// fade-scale
-.fade-scale-leave-active,
-.fade-scale-enter-active {
-  transition: all 0.28s;
-}
-
-.fade-scale-enter-from {
-  opacity: 0;
-  transform: scale(1.2);
-}
-
-.fade-scale-leave-to {
-  opacity: 0;
-  transform: scale(0.8);
-}

package/es/utils/withInstall.d.ts

@@ -1,4 +0,0 @@
-import type { Plugin } from 'vue';
-export declare type SFCWithInstall<T> = T & Plugin;
-declare const withInstall: <T>(comp: T) => SFCWithInstall<T>;
-export { withInstall };

package/index.js

@@ -1,62 +0,0 @@
-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
-}

package/manualContentPath.js

@@ -1,138 +0,0 @@
-// 主要用于ui库内部资源相互引用导致多次打包同一文件的问题修复
-import { readFileSync, writeFileSync } from 'fs'
-import { resolve } from 'path'
-
-// 需要替换的内容列表
-const replaceContentList = [
-    {
-        module: 'curd',
-        path: resolve('./es/components/curd/index.js'),
-        replaceList: [
-            {
-                content: '@components/form',
-                replaceContent: '../form'
-            },
-            {
-                content: '@components/modal',
-                replaceContent: '../modal'
-            }
-        ]
-    },
-    {
-        module: 'drawer',
-        path: resolve('./es/components/drawer/index.js'),
-        replaceList: [
-            {
-                content: '@components/form',
-                replaceContent: '../form'
-            },
-            {
-                content: '@components/container',
-                replaceContent: '../container'
-            }
-        ]
-    },
-    {
-        module: 'form',
-        path: resolve('./es/components/form/index.js'),
-        replaceList: [
-            {
-                content: '@theme',
-                replaceContent: '../../theme'
-            },
-            {
-                content: '@components/upload',
-                replaceContent: '../../components/upload'
-            }
-        ]
-    },
-    {
-        module: 'modal',
-        path: resolve('./es/components/modal/index.js'),
-        replaceList: [
-            {
-                content: '@components/form',
-                replaceContent: '../form'
-            },
-            {
-                content: '@components/container',
-                replaceContent: '../container'
-            }
-        ]
-    },
-    {
-        module: 'table',
-        path: resolve('./es/components/table/index.js'),
-        replaceList: [
-            {
-                content: '@theme',
-                replaceContent: '../../theme'
-            },
-            {
-                content: '@components/form',
-                replaceContent: '../form'
-            },
-            {
-                content: '@components/modal',
-                replaceContent: '../modal'
-            }
-        ]
-    },
-    {
-        module: 'tree',
-        path: resolve('./es/components/tree/index.js'),
-        replaceList: [
-            {
-                content: '@theme',
-                replaceContent: '../../theme'
-            }
-        ]
-    },
-    {
-        module: 'theme',
-        path: resolve('./es/theme/index.js'),
-        replaceList: [
-            {
-                content: '@components/container',
-                replaceContent: '../components/container'
-            },
-            {
-                content: '@components/form',
-                replaceContent: '../form'
-            },
-            {
-                content: '@components/modal',
-                replaceContent: '../modal'
-            }
-        ]
-    },
-    {
-        module: 'upload',
-        path: resolve('./es/components/upload/index.js'),
-        replaceList: [
-            {
-                content: '@components/iframe',
-                replaceContent: '../iframe'
-            },
-            {
-                content: '@components/modal',
-                replaceContent: '../modal'
-            }
-        ]
-    }
-]
-
-
-let module = process.argv[process.argv.length - 1].split('=')[1]
-
-replaceContentList.forEach( item => {
-    if( item.module === module ) {
-        let content = readFileSync( item.path, 'utf-8' )
-
-        item.replaceList.forEach( c => 
-            content = content.replace(new RegExp(c.content,'g'), c.replaceContent) 
-        )
-    
-        writeFileSync( item.path, content )
-    }
-} )

package/tailwind.config.cjs

@@ -1,11 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-module.exports = {
-  content: [
-    './index.html', 
-    './src/**/*.{vue,js,ts,jsx,tsx}'
-  ],
-  theme: {
-    extend: {},
-  },
-  plugins: [],
-}

package/tsconfig.json

@@ -1,42 +0,0 @@
-{
-	"compilerOptions": {
-		"target": "ESNext",
-		"baseUrl": "./",
-		"useDefineForClassFields": true,
-		"module": "ESNext",
-		"moduleResolution": "Node",
-		"strict": false,
-		"jsx": "preserve",
-		"sourceMap": false,
-		"declaration": false,
-		"preserveSymlinks": true,
-		"allowJs": true,
-		"resolveJsonModule": true,
-		"isolatedModules": true,
-		"removeComments": true,
-		"esModuleInterop": true, // 同时打包出cjs 和 esm, 暂时先打包成esm就够用了
-		"strictNullChecks": false,
-		"noImplicitOverride": true,
-		"lib": [
-			"ESNext",
-			"DOM"
-		],
-		"skipLibCheck": true,
-    	"noImplicitAny": false,
-		"paths": {
-			"@*": ["src/*"]
-		}
-	},
-	"include": [
-		"src/**/*.ts",
-		"src/**/*.d.ts",
-		"src/**/*.tsx",
-		"src/**/*.vue",
-		"components.d.ts"
-	],
-	"references": [
-		{
-			"path": "./tsconfig.node.json"
-		}
-	]
-}

package/tsconfig.node.json

@@ -1,9 +0,0 @@
-{
-  "compilerOptions": {
-    "composite": true,
-    "module": "ESNext",
-    "moduleResolution": "Node",
-    "allowSyntheticDefaultImports": true
-  },
-  "include": ["vite.config.ts"]
-}

package/vite.config.ts

@@ -1,68 +0,0 @@
-import { defineConfig } from 'vite'
-import { dtPlugins } from '@dt-frames/plugins'
-import { onSuccess } from "vite-plugin-on-success"
-
-const modules = {
-	theme: 'theme/index',
-	upload: 'components/upload/index',
-	icons: 'components/icons/index',
-	form: 'components/form/index',
-	table: 'components/table/index',
-	modal: 'components/modal/index',
-	source: 'components/source/index',
-	curd: 'components/curd/index',
-	drawer: 'components/drawer/index',
-	tree: 'components/tree/index',
-	iframe: 'components/iframe/index',
-	container: 'components/container/index',
-	directives: 'directives/index',
-
-}
-
-// 使用 pnpm build -f **模块名* 进行打包
-function getFilterName() {
-	const filterIndex = process.argv.findIndex((arg) => arg === '--f' || arg === '-f' || arg === '--filter')
-
-	if (filterIndex > 0) {
-		return process.argv[filterIndex + 1]
-	}
-
-	return null
-}
-
-export default defineConfig((env) => {
-	let entryPath = modules[getFilterName()] || 'index'
-
-	return {
-		build: {
-			rollupOptions: {
-				external: [
-					'@components/form',
-					'@components/modal',
-					'@components/container',
-					'@components/iframe',
-					'@components/upload',
-					'@theme'
-				]
-			},
-			lib: {
-				entry: `src/${ entryPath }.ts`,
-				formats: ['es'],
-				name: 'index',
-				fileName: () => `${ entryPath }.js`,
-			}
-		},
-		plugins: [
-			dtPlugins({
-				lib: true,
-				inspect: true,
-				mamualChunk: true,
-				isBuild: env.mode !== 'dev'
-			}) as Plugin[],
-
-			onSuccess({
-				command: `node manualContentPath.js module=${getFilterName()}`
-			})
-		],
-	}
-})