dlzn-ui 1.36.0 → 1.39.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(resolve(root, "src/plugins/element-plus/theme-chalk/*.css"));
+	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, resolve } from "node:path";
+import { globSync } from "tinyglobby";
+//#region node/autoImportStores.ts
+var autoImportStores_default = (root) => {
+	const piniaStoreKeys = [];
+	globSync(resolve(root, "src/store/modules/*.ts")).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,19 @@
+declare const _default: (isProduction: boolean) => ({
+    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,62 @@
+import path from "node:path";
+import { globSync } from "tinyglobby";
+import { TDesignResolver } from "@tdesign-vue-next/auto-import-resolver";
+//#region node/tDesignResolve.ts
+var tDesignResetComponentsSubFolderName = globSync("src/components/tDesignReset/*/Index.vue").map((file) => {
+	return path.basename(path.dirname(file));
+});
+var autoImportComponentsSubFolderName = globSync("src/components/autoImport/*/Index.vue").map((file) => {
+	return path.basename(path.dirname(file));
+});
+var tDesignResolve_default = (isProduction) => {
+	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

@@ -1,7 +1,12 @@
 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?: Array<NonNullable<UnwrapArrayable<Parameters<typeof AutoImport>[0]['imports']>>>;
     root: string;
 }
+type UnwrapArrayable<T> = T extends Arrayable<infer U> ? U : never;
 export declare function commonConfig(_env: ConfigEnv): UserConfig;
 declare const _default: (_env: ConfigEnv, options: Options) => UserConfig;
 export default _default;

package/node/vite-config.mjs

@@ -1,18 +1,27 @@
+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";
+import vueJsx from "@vitejs/plugin-vue-jsx";
 import browserslist from "browserslist";
 import { browserslistToTargets } from "lightningcss";
+import AutoImport from "unplugin-auto-import/vite";
+import ElementPlus from "unplugin-element-plus/vite";
+import Components from "unplugin-vue-components/vite";
 import { loadEnv, mergeConfig } from "vite";
 import { parseLoadedEnv } from "vite-plugin-env-parse";
 import { createHtmlPlugin } from "vite-plugin-html";
 import tailwindAutoReference from "vite-plugin-vue-tailwind-auto-reference";
+import VueRouter from "vue-router/vite";
 //#region node/vite-config.ts
 function commonConfig(_env) {
 	return {
 		clearScreen: false,
-		plugins: [vue({})]
+		plugins: [vue({}), vueJsx()]
 	};
 }
 function bypass(req, res, options) {
@@ -24,8 +33,7 @@ function bypass(req, res, options) {
 }
 var vite_config_default = (_env, options) => {
 	const { command, mode } = _env;
-	const { root } = options;
-	const resolvePath = (p) => resolve(root, p);
+	const resolvePath = (p) => resolve(options.root, p);
 	const { VITE_API_PROXY_PORT_ARRAY, VITE_APP_ID, VITE_APP_NAME = "", VITE_BASE_URL = "/", VITE_FORCE_PWD_CHANGE = true, VITE_PROXY_TARGET: viteProxyTarget, VITE_USE_LOGIN_CAPTCHA = true } = parseLoadedEnv(loadEnv(mode, "build/env"));
 	const VITE_PROXY_TARGET = Array.isArray(viteProxyTarget) ? viteProxyTarget : [viteProxyTarget];
 	console.log({
@@ -113,7 +121,78 @@ var vite_config_default = (_env, options) => {
 				template: "node_modules/dlzn-ui/build/index.html"
 			}),
 			tailwindAutoReference("node_modules/dlzn-ui/assets/css/tailwindcss-entry.css"),
-			tailwindcss()
+			tailwindcss(),
+			VueRouter({ dts: "types/typed-router.d.ts" }),
+			vueJsx(),
+			ElementPlus({}),
+			AutoImport({
+				dirs: [
+					"src/plugins/autoImport",
+					"src/bus/autoImport",
+					"src/hooks"
+				],
+				dirsScanOptions: { types: false },
+				dts: "types/auto-imports.d.ts",
+				imports: [
+					"vue",
+					"vue-router",
+					"pinia",
+					"@vueuse/core",
+					{
+						from: "alova/client",
+						imports: [
+							"useRequest",
+							"useWatcher",
+							"usePagination"
+						]
+					},
+					{
+						from: "@/plugins/others/directive.ts",
+						imports: ["checkPermissions"]
+					},
+					{
+						from: "dlzn-ui/utils",
+						imports: [
+							"formatNumber",
+							"isFalsy",
+							"stringDisplay"
+						]
+					},
+					{ "@/plugins/alova/index.ts": [["default", "alovaInst"]] },
+					{
+						from: "@/components/tDesignReset/TForm/index.ts",
+						imports: [
+							"FormItem",
+							"FormInstance",
+							"FormExposed"
+						],
+						type: true
+					},
+					{
+						from: "@/components/tDesignReset/TTable/index.ts",
+						imports: ["TableCol", "CellRenderContext"],
+						type: true
+					},
+					{
+						from: "@/components/autoImport/TPageList/index.ts",
+						imports: ["PageListProps"],
+						type: true
+					},
+					autoImportStores_default(options.root),
+					...options.autoImports ?? []
+				],
+				resolvers: [...options.autoImportResolvers ?? [], ...tDesignResolve_default(isProduction)],
+				vueTemplate: true
+			}),
+			Components({
+				deep: false,
+				dts: "types/components.d.ts",
+				resolvers: [...options.autoImportResolvers ?? [], ...tDesignResolve_default(isProduction)]
+			}),
+			...vitePlugins_default({
+				isProduction,
+				root: options.root
+			})
 		],
 		resolve: {
 			alias: [
@@ -128,7 +207,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",
@@ -136,6 +216,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,12 +61,15 @@
   "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",
+    "@vitejs/plugin-vue-jsx": "^5.1.6",
     "@vue/tsconfig": "^0.9.1",
     "browserslist": "^4.28.8",
     "eslint": "^10.8.1",
@@ -58,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",
@@ -66,18 +90,26 @@
     "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",
     "vue-tsc": "^3.3.9"
   },
   "sideEffects": [
     "**/*.css"
   ],
   "type": "module",
-  "version": "1.36.0",
+  "version": "1.39.0",
   "scripts": {}
 }