g-ui-web 1.4.39 → 1.4.41

package/lib/plugins/index.cjs

@@ -88,8 +88,8 @@ var init = WebAssembly.compile(E()).then(WebAssembly.instantiate).then(({ export
 });
 
 // packages/plugins/component-usage.ts
-var import_compiler_sfc = require("@vue/compiler-sfc");
-var import_compiler_dom = require("@vue/compiler-dom");
+var import_fs = require("fs");
+var import_path = require("path");
 function componentUsagePlugin(options = {}) {
   const { libraryName = "", reportUrl = "", extraData = {}, enableInDev = false } = options;
   const importStats = {
@@ -163,21 +163,14 @@ function componentUsagePlugin(options = {}) {
           });
         }
         if (id.endsWith(".vue")) {
-          const { descriptor } = (0, import_compiler_sfc.parse)(code);
-          if (descriptor.template?.ast) {
-            const walkNode = (node) => {
-              if (node.type === import_compiler_dom.NodeTypes.ELEMENT && node.tag?.startsWith("g-")) {
-                const tag = node.tag;
-                const currentCount = importStats.componentCount.get(tag) || 0;
-                importStats.componentCount.set(tag, currentCount + 1);
-                componentsInFile.push(tag);
-                importStats.totalImports++;
-              }
-              if (Array.isArray(node.children)) {
-                node.children.forEach(walkNode);
-              }
-            };
-            descriptor.template.ast.children.forEach(walkNode);
+          const tagRegex = /<(g-[a-z][a-z0-9-]*)/g;
+          let match;
+          while ((match = tagRegex.exec(code)) !== null) {
+            const tag = match[1];
+            const currentCount = importStats.componentCount.get(tag) || 0;
+            importStats.componentCount.set(tag, currentCount + 1);
+            componentsInFile.push(tag);
+            importStats.totalImports++;
           }
         }
         if (componentsInFile.length > 0) {
@@ -189,8 +182,8 @@ function componentUsagePlugin(options = {}) {
       }
       return null;
     },
-    // 整个构建完全结束后再统计和上报，确保所有文件都已处理
-    async closeBundle() {
+    // 构建结束时发送数据
+    async buildEnd() {
       if (!isBuild && !enableInDev) return;
       if (hasReported) return;
       hasReported = true;
@@ -208,15 +201,11 @@ function componentUsagePlugin(options = {}) {
         topComponents: [...importStats.componentCount.entries()].sort((a, b) => b[1] - a[1]).slice(0, 20).map(([name, count]) => ({ name, count })),
         ...extraData
       };
-      console.log("\n\u{1F4CA} \u7EC4\u4EF6\u5F15\u7528\u7EDF\u8BA1:");
-      console.log(`   \u7EC4\u4EF6\u5E93: ${libraryName}`);
-      console.log(`   \u603B\u5F15\u7528\u6B21\u6570: ${reportData.summary.totalImports}`);
-      console.log(`   \u4F7F\u7528\u7684\u7EC4\u4EF6\u6570: ${reportData.summary.uniqueComponents}`);
-      console.log(`   \u6D89\u53CA\u6587\u4EF6\u6570: ${reportData.summary.filesWithImports}`);
-      console.log("\n   Top 10 \u7EC4\u4EF6:");
-      reportData.topComponents.slice(0, 10).forEach((item, index) => {
-        console.log(`   ${index + 1}. ${item.name}: ${item.count} \u6B21`);
-      });
+      const outputPath = (0, import_path.resolve)(process.cwd(), "component-usage-report.json");
+      (0, import_fs.mkdirSync)((0, import_path.dirname)(outputPath), { recursive: true });
+      (0, import_fs.writeFileSync)(outputPath, JSON.stringify(reportData, null, 2), "utf-8");
+      console.log(`
+\u{1F4CA} \u7EC4\u4EF6\u5F15\u7528\u7EDF\u8BA1\u62A5\u544A\u5DF2\u751F\u6210: ${outputPath}`);
       if (reportUrl) {
         try {
           const response = await fetch(reportUrl, {

package/lib/plugins/index.mjs

@@ -62,8 +62,8 @@ var init = WebAssembly.compile(E()).then(WebAssembly.instantiate).then(({ export
 });
 
 // packages/plugins/component-usage.ts
-import { parse as parseSFC } from "@vue/compiler-sfc";
-import { NodeTypes } from "@vue/compiler-dom";
+import { writeFileSync, mkdirSync } from "fs";
+import { resolve, dirname } from "path";
 function componentUsagePlugin(options = {}) {
   const { libraryName = "", reportUrl = "", extraData = {}, enableInDev = false } = options;
   const importStats = {
@@ -137,21 +137,14 @@ function componentUsagePlugin(options = {}) {
           });
         }
         if (id.endsWith(".vue")) {
-          const { descriptor } = parseSFC(code);
-          if (descriptor.template?.ast) {
-            const walkNode = (node) => {
-              if (node.type === NodeTypes.ELEMENT && node.tag?.startsWith("g-")) {
-                const tag = node.tag;
-                const currentCount = importStats.componentCount.get(tag) || 0;
-                importStats.componentCount.set(tag, currentCount + 1);
-                componentsInFile.push(tag);
-                importStats.totalImports++;
-              }
-              if (Array.isArray(node.children)) {
-                node.children.forEach(walkNode);
-              }
-            };
-            descriptor.template.ast.children.forEach(walkNode);
+          const tagRegex = /<(g-[a-z][a-z0-9-]*)/g;
+          let match;
+          while ((match = tagRegex.exec(code)) !== null) {
+            const tag = match[1];
+            const currentCount = importStats.componentCount.get(tag) || 0;
+            importStats.componentCount.set(tag, currentCount + 1);
+            componentsInFile.push(tag);
+            importStats.totalImports++;
           }
         }
         if (componentsInFile.length > 0) {
@@ -163,8 +156,8 @@ function componentUsagePlugin(options = {}) {
       }
       return null;
     },
-    // 整个构建完全结束后再统计和上报，确保所有文件都已处理
-    async closeBundle() {
+    // 构建结束时发送数据
+    async buildEnd() {
       if (!isBuild && !enableInDev) return;
       if (hasReported) return;
       hasReported = true;
@@ -182,15 +175,11 @@ function componentUsagePlugin(options = {}) {
         topComponents: [...importStats.componentCount.entries()].sort((a, b) => b[1] - a[1]).slice(0, 20).map(([name, count]) => ({ name, count })),
         ...extraData
       };
-      console.log("\n\u{1F4CA} \u7EC4\u4EF6\u5F15\u7528\u7EDF\u8BA1:");
-      console.log(`   \u7EC4\u4EF6\u5E93: ${libraryName}`);
-      console.log(`   \u603B\u5F15\u7528\u6B21\u6570: ${reportData.summary.totalImports}`);
-      console.log(`   \u4F7F\u7528\u7684\u7EC4\u4EF6\u6570: ${reportData.summary.uniqueComponents}`);
-      console.log(`   \u6D89\u53CA\u6587\u4EF6\u6570: ${reportData.summary.filesWithImports}`);
-      console.log("\n   Top 10 \u7EC4\u4EF6:");
-      reportData.topComponents.slice(0, 10).forEach((item, index) => {
-        console.log(`   ${index + 1}. ${item.name}: ${item.count} \u6B21`);
-      });
+      const outputPath = resolve(process.cwd(), "component-usage-report.json");
+      mkdirSync(dirname(outputPath), { recursive: true });
+      writeFileSync(outputPath, JSON.stringify(reportData, null, 2), "utf-8");
+      console.log(`
+\u{1F4CA} \u7EC4\u4EF6\u5F15\u7528\u7EDF\u8BA1\u62A5\u544A\u5DF2\u751F\u6210: ${outputPath}`);
       if (reportUrl) {
         try {
           const response = await fetch(reportUrl, {

package/lib/text-select/src/index.vue.d.ts

@@ -187,7 +187,7 @@ declare function __VLS_template(): {
             contentRef: Ref<HTMLElement | undefined>;
             triggeringElementRef: Ref<any>;
             referenceElementRef: Ref<any>;
-        }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("command" | "click" | "visible-change")[], import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, {
+        }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("click" | "visible-change" | "command")[], import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, {
             readonly disabled: boolean;
             readonly maxHeight: string | number;
             readonly size: string;

package/package.json

@@ -2,7 +2,7 @@
     "name": "g-ui-web",
     "private": false,
     "description": "可视化组件库",
-    "version": "1.4.39",
+    "version": "1.4.41",
     "author": "wyu",
     "license": "MIT",
     "type": "module",