@lark-apaas/miaoda-presets 1.0.5-alpha.0 → 1.0.6

package/lib/module-alias/echartThemeUD.json

@@ -1,148 +1,148 @@
 {
-  "version": 1,
-  "themeName": "UD Theme Style",
-  "theme": {
-    "seriesCnt": "6",
-    "backgroundColor": "rgba(0,0,0,0)",
-    "titleColor": "#1f2329",
-    "subtitleColor": "#8f959e",
-    "textColorShow": false,
-    "textColor": "#333",
-    "markTextColor": "#ffffff",
-    "color": [
-      "#3370eb",
-      "#1bcebf",
-      "#ffc60a",
-      "#ed6d0c",
-      "#dca1e4",
-      "#25b2e5",
-      "#6dcdeb",
-      "#288fcb",
-      "#94b5f5",
-      "#8f61d1",
-      "#8f61d1",
-      "#bf78e9",
-      "#008280",
-      "#27ad8e",
-      "#7bc335"
-    ],
-    "borderColor": "#dee0e3",
-    "borderWidth": 0,
-    "visualMapColor": ["#25b2e5", "#6dcdeb", "#288fcb"],
-    "legendTextColor": "#8f959e",
-    "kColor": "#fdc6c4",
-    "kColor0": "transparent",
-    "kBorderColor": "#f54a45",
-    "kBorderColor0": "#32a645",
-    "kBorderWidth": "2",
-    "lineWidth": "1",
-    "symbolSize": "6",
-    "symbol": "emptyCircle",
-    "symbolBorderWidth": "1",
-    "lineSmooth": true,
-    "graphLineWidth": 1,
-    "graphLineColor": "#dee0e3",
-    "mapLabelColor": "#000",
-    "mapLabelColorE": "#516b91",
-    "mapBorderColor": "#516b91",
-    "mapBorderColorE": "#516b91",
-    "mapBorderWidth": 0.5,
-    "mapBorderWidthE": 1,
-    "mapAreaColor": "#f3f3f3",
-    "mapAreaColorE": "#a5e7f0",
-    "axes": [
-      {
-        "type": "all",
-        "name": "通用坐标轴",
-        "axisLineShow": true,
-        "axisLineColor": "#dee0e3",
-        "axisTickShow": false,
-        "axisTickColor": "#333",
-        "axisLabelShow": true,
-        "axisLabelColor": "#8f959e",
-        "splitLineShow": true,
-        "splitLineColor": ["#dee0e3"],
-        "splitAreaShow": false,
-        "splitAreaColor": ["rgba(250,250,250,0.05)", "rgba(200,200,200,0.02)"]
-      },
-      {
-        "type": "category",
-        "name": "类目坐标轴",
-        "axisLineShow": true,
-        "axisLineColor": "#333",
-        "axisTickShow": true,
-        "axisTickColor": "#333",
-        "axisLabelShow": true,
-        "axisLabelColor": "#333",
-        "splitLineShow": false,
-        "splitLineColor": ["#ccc"],
-        "splitAreaShow": false,
-        "splitAreaColor": ["rgba(250,250,250,0.3)", "rgba(200,200,200,0.3)"]
-      },
-      {
-        "type": "value",
-        "name": "数值坐标轴",
-        "axisLineShow": true,
-        "axisLineColor": "#333",
-        "axisTickShow": true,
-        "axisTickColor": "#333",
-        "axisLabelShow": true,
-        "axisLabelColor": "#333",
-        "splitLineShow": true,
-        "splitLineColor": ["#ccc"],
-        "splitAreaShow": false,
-        "splitAreaColor": ["rgba(250,250,250,0.3)", "rgba(200,200,200,0.3)"]
-      },
-      {
-        "type": "log",
-        "name": "对数坐标轴",
-        "axisLineShow": true,
-        "axisLineColor": "#333",
-        "axisTickShow": true,
-        "axisTickColor": "#333",
-        "axisLabelShow": true,
-        "axisLabelColor": "#333",
-        "splitLineShow": true,
-        "splitLineColor": ["#ccc"],
-        "splitAreaShow": false,
-        "splitAreaColor": ["rgba(250,250,250,0.3)", "rgba(200,200,200,0.3)"]
-      },
-      {
-        "type": "time",
-        "name": "时间坐标轴",
-        "axisLineShow": true,
-        "axisLineColor": "#333",
-        "axisTickShow": true,
-        "axisTickColor": "#333",
-        "axisLabelShow": true,
-        "axisLabelColor": "#333",
-        "splitLineShow": true,
-        "splitLineColor": ["#ccc"],
-        "splitAreaShow": false,
-        "splitAreaColor": ["rgba(250,250,250,0.3)", "rgba(200,200,200,0.3)"]
-      }
-    ],
-    "axisSeperateSetting": false,
-    "toolboxColor": "#8f959e",
-    "toolboxEmphasisColor": "#1f2329",
-    "tooltipAxisColor": "#dee0e3",
-    "tooltipAxisWidth": 1,
-    "timelineLineColor": "#336df4",
-    "timelineLineWidth": "-1",
-    "timelineItemColor": "#336df4",
-    "timelineItemColorE": "#1456f0",
-    "timelineCheckColor": "#1456f0",
-    "timelineCheckBorderColor": "#94b4ff",
-    "timelineItemBorderWidth": "0.5",
-    "timelineControlColor": "#336df4",
-    "timelineControlBorderColor": "#336df4",
-    "timelineControlBorderWidth": 0.5,
-    "timelineLabelColor": "#8f959e",
-    "datazoomBackgroundColor": "rgba(0,0,0,0)",
-    "datazoomDataColor": "rgba(255,255,255,0.3)",
-    "datazoomFillColor": "rgba(167,183,204,0.4)",
-    "datazoomHandleColor": "#a7b7cc",
-    "datazoomHandleWidth": "100",
-    "datazoomLabelColor": "#333"
-  }
+    "version": 1,
+    "themeName": "UD Theme Style",
+    "theme": {
+        "seriesCnt": "6",
+        "backgroundColor": "rgba(0,0,0,0)",
+        "titleColor": "#1f2329",
+        "subtitleColor": "#8f959e",
+        "textColorShow": false,
+        "textColor": "#333",
+        "markTextColor": "#ffffff",
+        "color": [
+            "#3370eb",
+            "#1bcebf",
+            "#ffc60a",
+            "#ed6d0c",
+            "#dca1e4",
+            "#25b2e5",
+            "#6dcdeb",
+            "#288fcb",
+            "#94b5f5",
+            "#8f61d1",
+            "#8f61d1",
+            "#bf78e9",
+            "#008280",
+            "#27ad8e",
+            "#7bc335"
+        ],
+        "borderColor": "#dee0e3",
+        "borderWidth": 0,
+        "visualMapColor": ["#25b2e5", "#6dcdeb", "#288fcb"],
+        "legendTextColor": "#8f959e",
+        "kColor": "#fdc6c4",
+        "kColor0": "transparent",
+        "kBorderColor": "#f54a45",
+        "kBorderColor0": "#32a645",
+        "kBorderWidth": "2",
+        "lineWidth": "1",
+        "symbolSize": "6",
+        "symbol": "emptyCircle",
+        "symbolBorderWidth": "1",
+        "lineSmooth": true,
+        "graphLineWidth": 1,
+        "graphLineColor": "#dee0e3",
+        "mapLabelColor": "#000",
+        "mapLabelColorE": "#516b91",
+        "mapBorderColor": "#516b91",
+        "mapBorderColorE": "#516b91",
+        "mapBorderWidth": 0.5,
+        "mapBorderWidthE": 1,
+        "mapAreaColor": "#f3f3f3",
+        "mapAreaColorE": "#a5e7f0",
+        "axes": [
+            {
+                "type": "all",
+                "name": "通用坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#dee0e3",
+                "axisTickShow": false,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#8f959e",
+                "splitLineShow": true,
+                "splitLineColor": ["#dee0e3"],
+                "splitAreaShow": false,
+                "splitAreaColor": ["rgba(250,250,250,0.05)", "rgba(200,200,200,0.02)"]
+            },
+            {
+                "type": "category",
+                "name": "类目坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": false,
+                "splitLineColor": ["#ccc"],
+                "splitAreaShow": false,
+                "splitAreaColor": ["rgba(250,250,250,0.3)", "rgba(200,200,200,0.3)"]
+            },
+            {
+                "type": "value",
+                "name": "数值坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": ["#ccc"],
+                "splitAreaShow": false,
+                "splitAreaColor": ["rgba(250,250,250,0.3)", "rgba(200,200,200,0.3)"]
+            },
+            {
+                "type": "log",
+                "name": "对数坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": ["#ccc"],
+                "splitAreaShow": false,
+                "splitAreaColor": ["rgba(250,250,250,0.3)", "rgba(200,200,200,0.3)"]
+            },
+            {
+                "type": "time",
+                "name": "时间坐标轴",
+                "axisLineShow": true,
+                "axisLineColor": "#333",
+                "axisTickShow": true,
+                "axisTickColor": "#333",
+                "axisLabelShow": true,
+                "axisLabelColor": "#333",
+                "splitLineShow": true,
+                "splitLineColor": ["#ccc"],
+                "splitAreaShow": false,
+                "splitAreaColor": ["rgba(250,250,250,0.3)", "rgba(200,200,200,0.3)"]
+            }
+        ],
+        "axisSeperateSetting": false,
+        "toolboxColor": "#8f959e",
+        "toolboxEmphasisColor": "#1f2329",
+        "tooltipAxisColor": "#dee0e3",
+        "tooltipAxisWidth": 1,
+        "timelineLineColor": "#336df4",
+        "timelineLineWidth": "-1",
+        "timelineItemColor": "#336df4",
+        "timelineItemColorE": "#1456f0",
+        "timelineCheckColor": "#1456f0",
+        "timelineCheckBorderColor": "#94b4ff",
+        "timelineItemBorderWidth": "0.5",
+        "timelineControlColor": "#336df4",
+        "timelineControlBorderColor": "#336df4",
+        "timelineControlBorderWidth": 0.5,
+        "timelineLabelColor": "#8f959e",
+        "datazoomBackgroundColor": "rgba(0,0,0,0)",
+        "datazoomDataColor": "rgba(255,255,255,0.3)",
+        "datazoomFillColor": "rgba(167,183,204,0.4)",
+        "datazoomHandleColor": "#a7b7cc",
+        "datazoomHandleWidth": "100",
+        "datazoomLabelColor": "#333"
+    }
 }

package/lib/overlay/index.js

@@ -124,6 +124,37 @@ function removeAllChildren(element, skip) {
         element.removeChild(childList[i]);
     }
 }
+/**
+ * 降级复制方案（兼容旧浏览器）
+ * @param text 要复制的文本
+ * @returns boolean 复制是否成功
+ */
+function fallbackCopyToClipboard(text) {
+    try {
+        // 创建临时的 textarea 元素
+        const textArea = document.createElement('textarea');
+        textArea.value = text;
+        // 设置样式，使其不可见
+        textArea.style.position = 'fixed';
+        textArea.style.left = '-999999px';
+        textArea.style.top = '-999999px';
+        textArea.setAttribute('readonly', '');
+        // 添加到 DOM
+        document.body.appendChild(textArea);
+        // 选中文本
+        textArea.focus();
+        textArea.select();
+        // 执行复制命令
+        const successful = document.execCommand('copy');
+        // 清理：移除临时元素
+        document.body.removeChild(textArea);
+        return successful;
+    }
+    catch (error) {
+        console.error('降级复制方案失败:', error);
+        return false;
+    }
+}
 async function copyToClipboard(text) {
     try {
         // 优先使用现代的 Clipboard API
@@ -135,8 +166,8 @@ async function copyToClipboard(text) {
         return fallbackCopyToClipboard(text);
     }
     catch (error) {
-        console.error('复制到剪切板失败:', error);
-        return false;
+        // 执行navigator.clipboard.writeText失败时，降级方案
+        return fallbackCopyToClipboard(text);
     }
 }
 // 获取父窗口 origin

package/lib/rspack-plugins/hmr-timing-plugin.js

@@ -0,0 +1,262 @@
+"use strict";
+/**
+ * Webpack HMR 耗时计算插件 JavaScript 版本
+ * 在浏览器 Console 打印热更文件和耗时信息
+ */
+class HMRTimingPlugin {
+    constructor(options = {}) {
+        this.options = {
+            threshold: options.threshold || 1000
+        };
+        this.hmrStartTime = null;
+        this.changedFiles = new Set();
+        this.devServer = null;
+    }
+    apply(compiler) {
+        const pluginName = 'HMRTimingPlugin';
+        // 在 devServer 启动后保存引用
+        if (compiler.options.devServer) {
+            const originalSetupMiddlewares = compiler.options.devServer.setupMiddlewares;
+            const self = this;
+            compiler.options.devServer.setupMiddlewares = function (middlewares, devServer) {
+                // 保存 devServer 实例的引用
+                self.devServer = devServer;
+                global.__webpack_dev_server__ = devServer;
+                if (originalSetupMiddlewares) {
+                    return originalSetupMiddlewares(middlewares, devServer);
+                }
+                return middlewares;
+            };
+        }
+        // 监听文件变化
+        compiler.hooks.invalid.tap(pluginName, (fileName) => {
+            this.hmrStartTime = Date.now();
+            this.changedFiles.clear();
+            if (fileName) {
+                this.changedFiles.add(fileName);
+            }
+        });
+        // 监听 watch 运行开始
+        compiler.hooks.watchRun.tapAsync(pluginName, (compiler, callback) => {
+            if (!this.hmrStartTime) {
+                this.hmrStartTime = Date.now();
+            }
+            // 收集变化的文件
+            if (compiler.modifiedFiles) {
+                compiler.modifiedFiles.forEach(file => this.changedFiles.add(file));
+            }
+            if (compiler.removedFiles) {
+                compiler.removedFiles.forEach(file => this.changedFiles.add(file));
+            }
+            callback();
+        });
+        // 监听编译完成
+        compiler.hooks.done.tap(pluginName, (stats) => {
+            if (this.hmrStartTime === null)
+                return;
+            const totalTime = Date.now() - this.hmrStartTime;
+            // 获取实际更新的模块
+            const updatedModules = new Set();
+            stats.compilation.modules.forEach(module => {
+                const identifier = module.resource || module.identifier?.();
+                if (identifier && typeof identifier === 'string') {
+                    // 过滤掉 node_modules 中的模块
+                    if (!identifier.includes('node_modules')) {
+                        updatedModules.add(identifier);
+                    }
+                }
+            });
+            // 合并文件列表
+            const allChangedFiles = new Set([
+                ...Array.from(this.changedFiles),
+                ...Array.from(updatedModules)
+            ]);
+            // 简化文件路径
+            const simplifiedFiles = Array.from(allChangedFiles)
+                .map(file => {
+                // 移除项目根路径
+                const relativePath = file.replace(compiler.context || '', '');
+                // 移除开头的斜杠
+                return relativePath.replace(/^[\/\\]/, '');
+            })
+                .filter(file => file && file.length > 0)
+                .slice(0, 10); // 最多显示10个文件
+            const timingInfo = {
+                totalTime,
+                changedFiles: simplifiedFiles,
+                modules: stats.compilation.modules.size,
+                isOverThreshold: totalTime > this.options.threshold,
+                threshold: this.options.threshold
+            };
+            // 通过 WebSocket 发送到浏览器
+            this.sendToBrowser(compiler, timingInfo);
+            // 重置
+            this.changedFiles.clear();
+        });
+        // 注入客户端代码
+        this.injectClientScript(compiler);
+    }
+    sendToBrowser(compiler, timingInfo) {
+        // 使用 done hook 确保在编译完成后发送
+        const server = this.getDevServer(compiler);
+        if (server) {
+            if (server.sockWrite) {
+                // webpack-dev-server 3.x
+                server.sockWrite(server.sockets, 'hmr-timing', timingInfo);
+            }
+            else if (server.sendMessage) {
+                // webpack-dev-server 4.x/5.x
+                const clients = server.webSocketServer?.clients || server.clients;
+                server.sendMessage(clients, 'hmr-timing', timingInfo);
+            }
+        }
+    }
+    getDevServer(compiler) {
+        // 尝试多种方式获取 devServer 实例
+        // 方式1: 从 compiler.options.devServer 存储的引用
+        if (compiler.options.devServer && compiler.options.devServer.__instance) {
+            return compiler.options.devServer.__instance;
+        }
+        // 方式2: 从全局变量
+        if (global.__webpack_dev_server__) {
+            return global.__webpack_dev_server__;
+        }
+        // 方式3: 从 compiler 上挂载的引用
+        if (compiler.__webpack_dev_server__) {
+            return compiler.__webpack_dev_server__;
+        }
+        // 方式4: 在 infrastructure 日志中查找
+        if (compiler.infrastructureLogger) {
+            const logger = compiler.infrastructureLogger;
+            if (logger.__devServer) {
+                return logger.__devServer;
+            }
+        }
+        return null;
+    }
+    injectClientScript(compiler) {
+        const clientScript = `
+;(function() {
+  if (typeof window === 'undefined' || !module.hot) return;
+
+  const threshold = ${this.options.threshold};
+
+  // 显示 HMR 耗时和变化文件
+  function logHMRTiming(data) {
+    const color = data.isOverThreshold ? '#ff9800' : '#4caf50';
+    
+    // 主要信息
+    console.log(
+      '%c🔥 HMR 更新完成 - 耗时: %c' + data.totalTime + 'ms',
+      'color: ' + color + '; font-weight: bold; font-size: 14px;',
+      'color: ' + color + '; font-weight: bold; font-size: 16px;'
+    );
+    
+    // 热更文件列表
+    if (data.changedFiles && data.changedFiles.length > 0) {
+      console.group('📝 热更文件 (' + data.changedFiles.length + ')');
+      data.changedFiles.forEach(function(file) {
+        console.log('  •', file);
+      });
+      console.groupEnd();
+    }
+    
+    // 超过阈值警告
+    if (data.isOverThreshold) {
+      console.warn('⚠️ HMR 耗时超过阈值 ' + threshold + 'ms');
+    }
+    
+    console.log(''); // 空行分隔
+  }
+
+  // 监听 webpack-dev-server 的 WebSocket 消息
+  if (typeof __webpack_dev_server_client__ !== 'undefined') {
+    // webpack-dev-server 4.x/5.x
+    const originalOnMessage = __webpack_dev_server_client__.onMessage;
+    __webpack_dev_server_client__.onMessage = function(message) {
+      if (message.type === 'hmr-timing') {
+        logHMRTiming(message.data);
+      }
+      if (originalOnMessage) {
+        return originalOnMessage.apply(this, arguments);
+      }
+    };
+  } else {
+    // 备用方案：监听 WebSocket
+    setTimeout(function() {
+      const ws = window.__webpack_dev_server_ws__;
+      if (ws && ws.addEventListener) {
+        ws.addEventListener('message', function(event) {
+          try {
+            const message = JSON.parse(event.data);
+            if (message.type === 'hmr-timing') {
+              logHMRTiming(message.data);
+            }
+          } catch (e) {}
+        });
+      }
+    }, 1000);
+  }
+})();
+`;
+        compiler.hooks.compilation.tap('HMRTimingPlugin', (compilation) => {
+            compilation.hooks.processAssets.tap({
+                name: 'HMRTimingPlugin',
+                stage: compilation.constructor.PROCESS_ASSETS_STAGE_ADDITIONAL,
+            }, () => {
+                // 注入到主入口文件
+                const mainAssets = Object.keys(compilation.assets).filter(name => name.match(/^(main|index|app|bundle).*\.js$/) && !name.includes('hot-update'));
+                if (mainAssets.length > 0) {
+                    const assetName = mainAssets[0];
+                    const asset = compilation.assets[assetName];
+                    const source = asset.source();
+                    const newSource = clientScript + '\n' + source;
+                    compilation.assets[assetName] = {
+                        source: () => newSource,
+                        size: () => newSource.length,
+                        map: () => asset.map ? asset.map() : null
+                    };
+                }
+            });
+        });
+    }
+}
+module.exports = HMRTimingPlugin;
+/**
+ * 使用示例:
+ *
+ * // webpack.config.js
+ * const HMRTimingPlugin = require('./HMRTimingPlugin');
+ *
+ * module.exports = {
+ *   mode: 'development',
+ *   devServer: {
+ *     hot: true,
+ *   },
+ *   plugins: [
+ *     new HMRTimingPlugin({
+ *       threshold: 1000  // 超过1秒会显示警告
+ *     })
+ *   ]
+ * };
+ *
+ * 浏览器控制台输出示例:
+ *
+ * 🔥 HMR 更新完成 - 耗时: 523ms
+ * 📝 热更文件 (2)
+ *   • src/components/App.jsx
+ *   • src/styles/main.css
+ *
+ * 🔥 HMR 更新完成 - 耗时: 1250ms
+ * 📝 热更文件 (1)
+ *   • src/utils/helper.js
+ * ⚠️ HMR 耗时超过阈值 1000ms
+ *
+ * 功能特性:
+ * - 显示 HMR 耗时（带颜色提示）
+ * - 显示热更新的文件列表（可折叠）
+ * - 超过阈值时显示警告
+ * - 通过 DevServer WebSocket 通信
+ * - 自动过滤 node_modules
+ * - 简化文件路径显示
+ */ 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lark-apaas/miaoda-presets",
-  "version": "1.0.5-alpha.0",
+  "version": "1.0.6",
   "files": [
     "lib"
   ],
@@ -9,7 +9,7 @@
   },
   "scripts": {
     "build": "tsc && npm run copy:json",
-    "copy:json": "node scripts/copy-json.js",
+    "copy:json": "cp -r src/*.json lib",
     "watch": "tsc --watch",
     "bump": "changeset version",
     "change": "changeset",

package/lib/tsconfig/tsconfig.app.json

@@ -1,38 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2020",
-    "useDefineForClassFields": true,
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "module": "ESNext",
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "isolatedModules": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-    "jsx": "react-jsx",
-
-    /* Linting */
-    "strict": false,
-    "noUnusedLocals": false,
-    "noUnusedParameters": false,
-    "noImplicitAny": false,
-    "noFallthroughCasesInSwitch": false,
-
-    "sourceMap": true,
-    "allowJs": true,
-    "strictNullChecks": false,
-
-    "incremental": false,
-  },
-  "include": [
-    "client/**/*"
-  ],
-  "exclude": [
-    "node_modules",
-    "dist",
-    "public"
-  ]
-}

package/lib/tsconfig/tsconfig.node.json

@@ -1,38 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2022",
-
-    "module": "commonjs",
-    "moduleResolution": "node",
-
-    "skipLibCheck": true,
-    "esModuleInterop": true,
-
-    "experimentalDecorators": true,
-    "emitDecoratorMetadata": true,
-    "importHelpers": true,
-
-    "outDir": "./dist",
-
-    "incremental": true,
-
-    "strict": false,
-    "composite": true,
-    "declaration": true,
-    "removeComments": false,
-    "noEmit": false,
-
-    "baseUrl": "./",
-    "paths": {
-      "@server/*": ["server/*"]
-    },
-
-    "types": ["node"]
-  },
-  "watchOptions": {
-    "excludeDirectories": ["node_modules/**"]
-  },
-  "include": ["server/**/*", "scripts/**/*.ts"],
-  "exclude": ["node_modules", "dist", "client", "**/*.spec.ts", "**/*.e2e-spec.ts"],
-  "ts-node": { "require": ["tsconfig-paths/register"] }
-}