dlzn-ui 1.38.0 → 1.40.0

package/node/aliasElementPlus.d.ts

@@ -0,0 +1,5 @@
+declare const _default: (root: string) => {
+    find: string;
+    replacement: string;
+}[];
+export default _default;

package/node/aliasElementPlus.mjs

@@ -0,0 +1,17 @@
+import { basename, resolve } from "node:path";
+import { globSync } from "tinyglobby";
+//#region node/aliasElementPlus.ts
+var aliasElementPlus_default = (root) => {
+	const elementPlusCss = globSync("src/plugins/element-plus/theme-chalk/*.css", { cwd: root });
+	const arr = [];
+	elementPlusCss.forEach((file) => {
+		const _basename = basename(file);
+		arr.push({
+			find: `element-plus/theme-chalk/${_basename}`,
+			replacement: resolve(root, `src/plugins/element-plus/theme-chalk/${_basename}`)
+		});
+	});
+	return arr;
+};
+//#endregion
+export { aliasElementPlus_default as default };

package/node/autoImportStores.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (root: string) => Record<string, [string, string][]>;
+export default _default;

package/node/autoImportStores.mjs

@@ -0,0 +1,17 @@
+import { upperFirst } from "./utils/index.mjs";
+import { basename } from "node:path";
+import { globSync } from "tinyglobby";
+//#region node/autoImportStores.ts
+var autoImportStores_default = (root) => {
+	const piniaStoreKeys = [];
+	globSync("src/store/modules/*.ts", { cwd: root }).forEach((p) => {
+		piniaStoreKeys.push(basename(p, ".ts"));
+	});
+	const customerImport = {};
+	piniaStoreKeys.forEach((key) => {
+		customerImport[`@/store/modules/${key}`] = [["default", `use${upperFirst(key)}Store`]];
+	});
+	return customerImport;
+};
+//#endregion
+export { autoImportStores_default as default };

package/node/devSaveFolderAlias.d.ts

@@ -0,0 +1,3 @@
+import { Plugin } from 'vite';
+/** 开发环境将 getRouters 转为 folder-alias.json 并写入项目根目录 */
+export default function devSaveFolderAlias(root: string): Plugin;

package/node/devSaveFolderAlias.mjs

@@ -0,0 +1,94 @@
+import { resolve } from "node:path";
+import fs from "node:fs/promises";
+//#region node/devSaveFolderAlias.ts
+var ENDPOINT = "/__dev__/save-folder-alias";
+var OUTPUT_FILE_WATCH_IGNORE = "**/folder-alias.json";
+var SKIP_COMPONENTS = /* @__PURE__ */ new Set(["Layout", "ParentView"]);
+/** 开发环境将 getRouters 转为 folder-alias.json 并写入项目根目录 */
+function devSaveFolderAlias(root) {
+	const OUTPUT_FILE = resolve(root, "folder-alias.json");
+	return {
+		apply: "serve",
+		config() {
+			return { server: { watch: { ignored: [OUTPUT_FILE_WATCH_IGNORE] } } };
+		},
+		configureServer(server) {
+			server.middlewares.use(ENDPOINT, (req, res, next) => {
+				handleSaveFolderAlias(req, res, next, server, OUTPUT_FILE);
+			});
+		},
+		name: "dev-save-folder-alias"
+	};
+}
+async function handleSaveFolderAlias(req, res, next, server, outPutFilePath) {
+	try {
+		const body = await readBody(req);
+		const data = JSON.parse(body);
+		const content = `${JSON.stringify(toFolderAlias(data), null, 2)}\n`;
+		const resSuccess = () => {
+			res.statusCode = 200;
+			res.setHeader("Content-Type", "application/json");
+			res.end(JSON.stringify({
+				file: outPutFilePath,
+				ok: true
+			}));
+		};
+		try {
+			if (await fs.readFile(outPutFilePath, "utf8") === content) {
+				resSuccess();
+				return;
+			}
+		} catch {}
+		await fs.writeFile(outPutFilePath, content, "utf8");
+		server.config.logger.info(`[dev-save-folder-alias] written → ${outPutFilePath}`);
+		resSuccess();
+	} catch (error) {
+		const message = error instanceof Error ? error.message : String(error);
+		res.statusCode = 500;
+		res.setHeader("Content-Type", "application/json");
+		res.end(JSON.stringify({
+			message,
+			ok: false
+		}));
+		server.config.logger.error(`[dev-save-folder-alias] ${message}`);
+	}
+}
+function readBody(req) {
+	return new Promise((resolve, reject) => {
+		const chunks = [];
+		req.setEncoding("utf8");
+		req.on("data", (chunk) => {
+			chunks.push(chunk);
+		});
+		req.on("end", () => {
+			resolve(chunks.join(""));
+		});
+		req.on("error", reject);
+	});
+}
+function toFolderAlias(routers) {
+	const result = {};
+	const walk = (items, level = 0) => {
+		for (const item of items) {
+			const title = item.meta.title;
+			if (title !== "") {
+				const component = item.component;
+				if (!SKIP_COMPONENTS.has(component)) {
+					result[`src/views/${component.split("___")[0]}.vue`] = { description: title };
+					const arr = component.split("/");
+					arr.forEach((_, index) => {
+						if (index === arr.length - 1) return;
+						const key = `src/views/${arr.slice(0, index + 1).join("/")}`;
+						const description = [...new Set([result[key]?.description, title].filter(Boolean))].join("、");
+						result[key] = { description: index === 0 ? routers.find((r) => r.path === arr[0])?.meta.title ?? description : description };
+					});
+				}
+			}
+			if (item.children !== void 0 && item.children.length > 0) walk(item.children, level + 1);
+		}
+	};
+	walk(routers);
+	return result;
+}
+//#endregion
+export { devSaveFolderAlias as default };

package/node/tDesignResolve.d.ts

@@ -0,0 +1,22 @@
+declare const _default: (options: {
+    isProduction: boolean;
+    root: string;
+}) => ({
+    resolve: (name: string) => {
+        from: string;
+        name: string;
+        as?: undefined;
+    } | {
+        as: string;
+        from: string;
+        name: string;
+    } | undefined;
+    type: "component";
+} | {
+    resolve: (name: string) => {
+        from: string;
+        name: string;
+    } | undefined;
+    type: "directive";
+})[];
+export default _default;

package/node/tDesignResolve.mjs

@@ -0,0 +1,63 @@
+import path from "node:path";
+import { globSync } from "tinyglobby";
+import { TDesignResolver } from "@tdesign-vue-next/auto-import-resolver";
+//#region node/tDesignResolve.ts
+var tDesignResolve_default = (options) => {
+	const { isProduction, root } = options;
+	const tDesignResetComponentsSubFolderName = globSync("src/components/tDesignReset/*/Index.vue", { cwd: root }).map((file) => {
+		return path.basename(path.dirname(file));
+	});
+	const autoImportComponentsSubFolderName = globSync("src/components/autoImport/*/Index.vue", { cwd: root }).map((file) => {
+		return path.basename(path.dirname(file));
+	});
+	return [{
+		resolve: (name) => {
+			if (["TCard"].includes(name)) return {
+				from: "dlzn-ui",
+				name
+			};
+			if ([
+				"Icon",
+				"TBaseTable",
+				"TDateRangePicker",
+				"TEnhancedTable",
+				"TPrimaryTable"
+			].includes(name)) return;
+			if (tDesignResetComponentsSubFolderName.includes(name)) return {
+				from: `@/components/tDesignReset/${name}/Index.vue`,
+				name: "default"
+			};
+			if (autoImportComponentsSubFolderName.includes(name)) return {
+				from: `@/components/autoImport/${name}/Index.vue`,
+				name: "default"
+			};
+			if (tDesignResetComponentsSubFolderName.map((n) => {
+				const sliceName = n.slice(1);
+				return `_${sliceName === "Table" ? "EnhancedTable" : sliceName}`;
+			}).includes(name)) return {
+				as: name,
+				from: isProduction ? "tdesign-vue-next" : "@/plugins/tdesign-vue-next-for-dev",
+				name: name.slice(1)
+			};
+			const result = TDesignResolver({
+				library: "vue-next",
+				resolveIcons: false
+			}).resolve(name);
+			if (result !== void 0) return {
+				from: isProduction ? result.from : "@/plugins/tdesign-vue-next-for-dev",
+				name: result.name
+			};
+		},
+		type: "component"
+	}, {
+		resolve: (name) => {
+			if (name === "Loading") return {
+				from: isProduction ? "tdesign-vue-next" : "@/plugins/tdesign-vue-next-for-dev",
+				name: "LoadingDirective"
+			};
+		},
+		type: "directive"
+	}];
+};
+//#endregion
+export { tDesignResolve_default as default };

package/node/utils/index.d.ts

@@ -1,2 +1,3 @@
 export declare function needPort(target: string): boolean;
 export declare function resolveOneFromSelf(metaUrl: string, paths: string[]): string;
+export declare function upperFirst(str: string): string;

package/node/utils/index.mjs

@@ -1,5 +1,5 @@
-import { existsSync } from "node:fs";
 import { dirname, resolve } from "node:path";
+import { existsSync } from "node:fs";
 import { fileURLToPath } from "node:url";
 //#region node/utils/index.ts
 function needPort(target) {
@@ -12,5 +12,8 @@ function resolveOneFromSelf(metaUrl, paths) {
 	if (result === -1) throw new Error(`${here}:resolveOneFromSelf: path not found: ${paths.join(", ")}`);
 	return arr[result];
 }
+function upperFirst(str) {
+	return str.charAt(0).toUpperCase() + str.slice(1);
+}
 //#endregion
-export { needPort, resolveOneFromSelf };
+export { needPort, resolveOneFromSelf, upperFirst };

package/node/vite-config.d.ts

@@ -2,8 +2,8 @@ import { ConfigEnv, UserConfig } from 'vite';
 import { default as AutoImport } from 'unplugin-auto-import/vite';
 type Arrayable<T> = Array<T> | T;
 interface Options {
-    autoImportResolvers: Array<UnwrapArrayable<UnwrapArrayable<NonNullable<Parameters<typeof AutoImport>[0]['resolvers']>>>>;
-    autoImports: NonNullable<UnwrapArrayable<Parameters<typeof AutoImport>[0]['imports']>>;
+    autoImportResolvers?: Array<UnwrapArrayable<UnwrapArrayable<NonNullable<Parameters<typeof AutoImport>[0]['resolvers']>>>>;
+    autoImports?: Array<NonNullable<UnwrapArrayable<Parameters<typeof AutoImport>[0]['imports']>>>;
     root: string;
 }
 type UnwrapArrayable<T> = T extends Arrayable<infer U> ? U : never;

package/node/vite-config.mjs

@@ -1,4 +1,8 @@
+import aliasElementPlus_default from "./aliasElementPlus.mjs";
 import { needPort } from "./utils/index.mjs";
+import autoImportStores_default from "./autoImportStores.mjs";
+import tDesignResolve_default from "./tDesignResolve.mjs";
+import vitePlugins_default from "./vitePlugins.mjs";
 import { posix, resolve } from "node:path";
 import tailwindcss from "@tailwindcss/vite";
 import vue from "@vitejs/plugin-vue";
@@ -174,15 +178,26 @@ var vite_config_default = (_env, options) => {
 						imports: ["PageListProps"],
 						type: true
 					},
-					options.autoImports
+					autoImportStores_default(options.root),
+					...options.autoImports ?? []
 				],
-				resolvers: [...options.autoImportResolvers],
+				resolvers: [...options.autoImportResolvers ?? [], ...tDesignResolve_default({
+					isProduction,
+					root: options.root
+				})],
 				vueTemplate: true
 			}),
 			Components({
 				deep: false,
 				dts: "types/components.d.ts",
-				resolvers: [...options.autoImportResolvers]
+				resolvers: [...options.autoImportResolvers ?? [], ...tDesignResolve_default({
+					isProduction,
+					root: options.root
+				})]
+			}),
+			...vitePlugins_default({
+				isProduction,
+				root: options.root
 			})
 		],
 		resolve: {
@@ -198,7 +213,8 @@ var vite_config_default = (_env, options) => {
 				...isProduction ? [] : [{
 					find: /^.*tdesign-vue-next[/\\]es[/\\].*\.css$/,
 					replacement: resolvePath("src/plugins/tdesign-vue-next-for-dev/empty.css")
-				}]
+				}],
+				...aliasElementPlus_default(options.root)
 			],
 			extensions: [
 				".ts",
@@ -206,6 +222,7 @@ var vite_config_default = (_env, options) => {
 				".js"
 			]
 		},
+		root: options.root,
 		server: {
 			host: "0.0.0.0",
 			open: false,

package/node/vitePlugins.d.ts

@@ -0,0 +1,6 @@
+import { Plugin } from 'vite';
+declare const _default: (options: {
+    isProduction: boolean;
+    root: string;
+}) => Plugin[];
+export default _default;

package/node/vitePlugins.mjs

@@ -0,0 +1,58 @@
+import devSaveFolderAlias from "./devSaveFolderAlias.mjs";
+import { webUpdateNotice } from "@plugin-web-update-notification/vite";
+import { visualizer } from "rollup-plugin-visualizer";
+import { compression } from "vite-plugin-compression2";
+import viteImagemin from "vite-plugin-imagemin";
+//#region node/vitePlugins.ts
+var vitePlugins_default = (options) => {
+	const { isProduction, root } = options;
+	if (isProduction) return [
+		viteImagemin({
+			gifsicle: {
+				colors: 256,
+				interlaced: false,
+				optimizationLevel: 2
+			},
+			mozjpeg: { quality: 50 },
+			optipng: { optimizationLevel: 3 },
+			pngquant: {
+				quality: [.65, .8],
+				speed: 4
+			},
+			svgo: {
+				datauri: "base64",
+				js2svg: {
+					indent: 4,
+					pretty: false
+				},
+				multipass: false,
+				plugins: [{ name: "preset-default" }]
+			},
+			webp: { quality: 80 }
+		}),
+		compression(),
+		visualizer({
+			filename: "build/.cache/visualizer/report.html",
+			open: true
+		}),
+		webUpdateNotice({
+			hiddenDefaultNotification: true,
+			logVersion: false
+		})
+	];
+	else return [{
+		configureServer(server) {
+			const { printUrls } = server;
+			server.printUrls = () => {
+				if (server.resolvedUrls !== null) {
+					server.resolvedUrls.local = [];
+					server.resolvedUrls.network = server.resolvedUrls.network.filter((url) => url.includes("192.168."));
+				}
+				printUrls();
+			};
+		},
+		name: "filter-vite-server-urls"
+	}, devSaveFolderAlias(root)];
+};
+//#endregion
+export { vitePlugins_default as default };

package/package.json

@@ -15,6 +15,18 @@
       "import": "./const/index.mjs",
       "types": "./const/index.d.ts"
     },
+    "./aliasElementPlus": {
+      "import": "./node/aliasElementPlus.mjs",
+      "types": "./node/aliasElementPlus.d.ts"
+    },
+    "./autoImportStores": {
+      "import": "./node/autoImportStores.mjs",
+      "types": "./node/autoImportStores.d.ts"
+    },
+    "./devSaveFolderAlias": {
+      "import": "./node/devSaveFolderAlias.mjs",
+      "types": "./node/devSaveFolderAlias.d.ts"
+    },
     "./eslint-config": {
       "import": "./node/eslint-config.mjs",
       "types": "./node/eslint-config.d.ts"
@@ -27,10 +39,18 @@
       "import": "./node/stylelint-config.mjs",
       "types": "./node/stylelint-config.d.ts"
     },
+    "./tDesignResolve": {
+      "import": "./node/tDesignResolve.mjs",
+      "types": "./node/tDesignResolve.d.ts"
+    },
     "./vite-config": {
       "import": "./node/vite-config.mjs",
       "types": "./node/vite-config.d.ts"
     },
+    "./vitePlugins": {
+      "import": "./node/vitePlugins.mjs",
+      "types": "./node/vitePlugins.d.ts"
+    },
     "./utils": {
       "import": "./utils/index.mjs",
       "types": "./utils/index.d.ts"
@@ -41,9 +61,11 @@
   "name": "dlzn-ui",
   "peerDependencies": {
     "@antfu/eslint-config": "^9.3.0",
+    "@plugin-web-update-notification/vite": "^2.1.3",
     "@prettier/plugin-xml": "^3.4.2",
     "@stylistic/stylelint-config": "^5.0.0",
     "@tailwindcss/vite": "^4.3.3",
+    "@tdesign-vue-next/auto-import-resolver": "^0.1.7",
     "@tsconfig/node-lts": "^24.0.0",
     "@types/node": "^26.1.2",
     "@vitejs/plugin-vue": "^6.0.8",
@@ -59,6 +81,7 @@
     "postcss-markdown": "^2.0.0",
     "prettier": "^3.9.6",
     "prettier-plugin-tailwindcss": "^0.8.1",
+    "rollup-plugin-visualizer": "^7.1.1",
     "stylelint": "^17.14.1",
     "stylelint-config-recess-order": "^7.7.0",
     "stylelint-config-recommended-vue": "^2.0.0",
@@ -67,13 +90,17 @@
     "stylelint-use-nesting": "^6.0.2",
     "tailwindcss": "^4.3.3",
     "tdesign-vue-next": "^1.20.5",
+    "tinyglobby": "^0.2.17",
     "typescript": "^6.0.3",
     "unplugin-auto-import": "^21.1.0",
     "unplugin-element-plus": "^0.11.2",
     "unplugin-vue-components": "^32.1.0",
     "vite": "^8.2.0",
+    "vite-plugin-compression2": "^2.5.3",
     "vite-plugin-env-parse": "^1.0.15",
     "vite-plugin-html": "^3.2.2",
+    "vite-plugin-imagemin": "^0.6.1",
+    "vite-plugin-vue-devtools": "^8.2.1",
     "vite-plugin-vue-tailwind-auto-reference": "^2.0.2",
     "vue": "^3.5.41",
     "vue-router": "^5.2.0",
@@ -83,6 +110,6 @@
     "**/*.css"
   ],
   "type": "module",
-  "version": "1.38.0",
+  "version": "1.40.0",
   "scripts": {}
 }