@dt-frames/ui 2.0.1 → 2.0.3

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

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

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

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

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

@@ -0,0 +1,23 @@
+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(path: string, router: Router): void;
+    closeAllTab(currentRoute: Ref<RouteLocationNormalizedLoaded>, router: Router): void;
+    closeLeftTabs(path: string): void;
+    closeRightTabs(path: string): void;
+    closeOtherTabs(path: string): void;
+    bulkCloseTabs(pathList: string[]): void;
+    updateCacheTab(): void;
+    refreshPage(router: Router): Promise<void>;
+    sortTabs(oldIndex: number, newIndex: number): void;
+}>;

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

@@ -0,0 +1,15 @@
+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;
+}, {
+    getThemeConf(): ThemeOptions;
+    getHeaderConf(): HeadOptions;
+    getMenuConf(): MenuOptions;
+    getFooterConf(): FooterOptions | VNode;
+    getRouteReuseConf(): RouteReuseOptions;
+    getPageLoading(): boolean;
+}, {
+    setThemeConf(options?: ThemeOptions): void;
+}>;

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

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

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

@@ -0,0 +1,60 @@
+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;
+};
+declare type FooterOptions = {
+    show?: boolean;
+    height?: number;
+    title?: string;
+    subTitle?: string;
+};
+declare type RouteReuseOptions = {
+    show?: boolean;
+    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/utils/withInstall.d.ts

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

package/index.d.ts

@@ -0,0 +1,10 @@
+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'

package/index.js

@@ -0,0 +1,34 @@
+import { DtTheme, uiLang, useThemeStore, useRouteReuseStore, defaultThemeConf } 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'
+
+export {
+    uiLang,
+    initDirectives,
+    useThemeStore,
+	useRouteReuseStore,
+    defaultThemeConf,
+    DtTheme,
+    DtIcon,
+    DtPickIcon,
+    DtScrollContainer,
+	DtModal,
+	useModal,
+	useModalOut,
+	DtForm,
+	useForm,
+	DtTable,
+	useTable,
+	useSource,
+	useCurd,
+	DtDrawer, 
+	useDrawer,
+	useDrawerOut
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@dt-frames/ui",
-	"version": "2.0.1",
+	"version": "2.0.3",
 	"type": "module",
 	"license": "MIT",
 	"main": "./src/index.ts",
@@ -9,10 +9,6 @@
 		"import": "./index.js",
 		"require": "./index.js"
 	},
-	"files": [
-		"package.json",
-		"README.md"
-	],
 	"keywords": [
 		"ui",
 		"dt-ui"
@@ -57,6 +53,7 @@
 	},
 	"devDependencies": {
 		"@dt-frames/plugins": "workspace:2.0.0",
-		"npm-run-all": "^4.1.5"
+		"npm-run-all": "^4.1.5",
+		"rimraf": "^3.0.2"
 	}
 }

package/tailwind.config.cjs

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

package/tsconfig.json

@@ -0,0 +1,41 @@
+{
+	"compilerOptions": {
+		"target": "ESNext",
+		"baseUrl": "./",
+		"useDefineForClassFields": true,
+		"module": "ESNext",
+		"moduleResolution": "Node",
+		"strict": false,
+		"jsx": "preserve",
+		"sourceMap": false,
+		"declaration": false,
+		"preserveSymlinks": 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

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

package/vite.config.ts

@@ -0,0 +1,51 @@
+import { defineConfig, loadEnv } from 'vite'
+import { dtPlugins } from '@dt-frames/plugins'
+
+const modules = {
+	button: 'button/index',
+	test: 'test/index',
+	theme: 'theme/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',
+	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: {
+			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 any
+})