npm - @steedos-widgets/antd - Versions diffs - 6.10.43 → 6.10.45 - Mend

@steedos-widgets/antd 6.10.43 → 6.10.45

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/dist/antd.umd.js +73 -55
package/dist/assets.json +5 -5
package/dist/meta.js +8 -0
package/dist/metas/Liquid.d.ts +5 -0
package/dist/types/metas/Liquid.d.ts +5 -0
package/package.json +2 -2

package/dist/antd.umd.js CHANGED Viewed

@@ -290,27 +290,16 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
   var generateId = function generateId() {
     return "amis-inline-".concat(Math.random().toString(36).substr(2, 9));
   };
-  /**
-   * 宽松 JSON 解析器
-   * 允许无引号 Key、单引号 String，并自动修复 HTML 转义字符。
-   * 注意：使用 new Function 有安全风险，仅适用于受信任的模板来源。
-   */
   var looseJsonParse = function looseJsonParse(str) {
     if (!str) return null;
-    // 1. 基础清洗：修复 HTML 转义
     var cleanStr = str.replace(/&quot;/g, '"').replace(/&#39;/g, "'").replace(/&amp;/g, '&').replace(/&lt;/g, '<').replace(/&gt;/g, '>');
-    // 2. 清洗隐形字符 (Web 复制粘贴常见问题)
     cleanStr = cleanStr.replace(/[\u00A0\u1680\u180e\u2000-\u2009\u200a\u2028\u2029\u202f\u205f\u3000]/g, ' ');
     try {
-      // 优先尝试标准 JSON 解析 (性能最好)
       return JSON.parse(cleanStr);
     } catch (e) {
       try {
-        // 降级策略: 使用 Function 解析 (支持 {key: 'value'} 写法)
-        // 如果你的环境支持，推荐替换为 'json5' 库以获得更安全的解析
         return new Function("return " + cleanStr)();
       } catch (e2) {
-        // 抛出原始错误以便上层捕获显示
         throw new Error("JSON Parse Error: ".concat(e.message));
       }
     }
@@ -330,24 +319,21 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       mountNodes = _c[0],
       setMountNodes = _c[1];
     var containerRef = React.useRef(null);
-    // 1. 合并 Partials (优先 props 传入的，其次是 schema 定义的)
+    // 用于存储脚本清理函数的引用，以便在组件卸载或更新时清理副作用
+    var scriptCleanupsRef = React.useRef([]);
     var finalPartials = React.useMemo(function () {
       return _assign(_assign({}, $schema || {}), propsPartials);
     }, [$schema, propsPartials]);
-    // 使用 Ref 保持 Partials 最新引用，避免 engine 重建
     var partialsRef = React.useRef(finalPartials);
     partialsRef.current = finalPartials;
-    // 存储内联解析出来的 Schema，用于 Portal 渲染
     var inlineSchemasRef = React.useRef({});
-    // 2. 初始化 Liquid Engine (单次初始化)
+    // 1. 初始化 Liquid Engine
     var engine = React.useMemo(function () {
       var liq = new liquidjs.Liquid({
-        // 自定义文件系统以支持内存 Partials
         fs: {
           readFileSync: function readFileSync(file) {
             var content = partialsRef.current[file];
             if (_typeof(content) === 'object' && content !== null) {
-              // 如果 Partial 是对象，说明是 AMIS Schema，直接占位
               return "<div data-amis-partial=\"".concat(file, "\"></div>");
             }
             return typeof content === 'string' ? content : "[Template '".concat(file, "' not found]");
@@ -365,7 +351,6 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
           resolve: function resolve(root, file) {
             return file;
           },
-          sep: '/',
           readFile: function readFile(file) {
             return __awaiter(void 0, void 0, void 0, function () {
               var content;
@@ -380,7 +365,6 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
           }
         }
       });
-      // 注册自定义标签 {% amis %}
       liq.registerTag('amis', {
         parse: function parse(tagToken, remainTokens) {
           var _this = this;
@@ -403,30 +387,24 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
               });
               rawStr = chunks.join('').trim();
               if (!rawStr) return [2 /*return*/, ''];
-              // 开发者体验优化：检测 [object Object]
               if (rawStr.includes('[object Object]')) {
-                return [2 /*return*/, "<div class=\"text-red-500 border border-red-500 p-2 text-sm bg-red-50\">\n             <strong>Error:</strong> Detected \"[object Object]\" in schema. \n             Did you forget to use the <code>| json</code> filter?\n           </div>"];
+                return [2 /*return*/, "<div class=\"text-red-500 border border-red-500 p-2 text-sm bg-red-50\">Error: [object Object] detected. Use | json filter.</div>"];
               }
               try {
                 schema = looseJsonParse(rawStr);
                 id = generateId();
                 register = ctx.get(['__registerInlineSchema']);
-                // 兼容性处理：防止 Liquid 版本差异导致 get 获取不到
                 if (!register && ctx.environments) {
                   register = ctx.environments['__registerInlineSchema'];
                 }
                 if (typeof register === 'function') {
                   register(id, schema);
-                  // 返回占位符 DIV
                   return [2 /*return*/, "<div data-amis-partial=\"".concat(id, "\" style=\"display: contents;\"></div>")];
                 } else {
-                  console.warn('LiquidAMIS: __registerInlineSchema hook not found in context.');
                   return [2 /*return*/, ""];
                 }
               } catch (e) {
-                console.error("Liquid Inline AMIS Parse Error:", e, "\nSource:", rawStr);
-                // 错误 UI
-                return [2 /*return*/, "<div style=\"border:2px solid red; background:#fff0f0; padding:8px; font-family:monospace; border-radius: 4px; font-size: 12px;\">\n            <strong style=\"color:#d32f2f;\">JSON Parse Failed</strong>\n            <div style=\"margin-top:4px; white-space:pre-wrap; background:white; border:1px solid #ddd; padding:4px; color:#333;\">".concat(rawStr.replace(/</g, '&lt;'), "</div>\n            <div style=\"color:#d32f2f; margin-top:4px;\">").concat(e.message, "</div>\n          </div>")];
+                return [2 /*return*/, "<div style=\"color:red\">JSON Parse Error: ".concat(e.message, "</div>")];
               }
               return [2 /*return*/];
             });
@@ -434,16 +412,14 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         }
       });
       return liq;
-    }, []); // 依赖为空，确保 Engine 只初始化一次
-    // 用于触发重渲染的指纹
+    }, []);
     var dataFingerprint = JSON.stringify(data);
     var partialsFingerprint = JSON.stringify(finalPartials);
-    // 3. 执行 Liquid 渲染
+    // 2. Liquid 渲染 HTML
     React.useEffect(function () {
       var isMounted = true;
-      inlineSchemasRef.current = {}; // 重置内联 Schema 缓存
+      inlineSchemasRef.current = {};
       var contextData = _assign(_assign({}, data), {
-        // 注入回调函数，允许 Liquid 标签内部向 React 组件回传数据
         __registerInlineSchema: function __registerInlineSchema(id, schema) {
           inlineSchemasRef.current[id] = schema;
         }
@@ -455,16 +431,13 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
           });
         }
       })["catch"](function (err) {
-        if (isMounted) {
-          console.error("Liquid Render Error:", err);
-          setHtml("<div style=\"color:red; padding:10px; border:1px solid red;\">Global Render Error: ".concat(err.message, "</div>"));
-        }
+        if (isMounted) console.error("Liquid Render Error:", err);
       });
       return function () {
         isMounted = false;
       };
     }, [engine, template, dataFingerprint, partialsFingerprint]);
-    // 4. DOM 挂载检测 (查找占位符)
+    // 3. Portals 挂载检测
     React.useEffect(function () {
       if (!containerRef.current) return;
       var nodes = {};
@@ -472,40 +445,85 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       var hasChanges = false;
       elements.forEach(function (el) {
         var key = el.getAttribute('data-amis-partial');
-        if (key) {
-          // 确保我们有这个 key 对应的 Schema (不管是内联的还是 props 传入的)
-          var hasSchema = inlineSchemasRef.current[key] || partialsRef.current[key];
-          if (hasSchema) {
-            nodes[key] = el;
-            hasChanges = true;
-          }
+        if (key && (inlineSchemasRef.current[key] || partialsRef.current[key])) {
+          nodes[key] = el;
+          hasChanges = true;
         }
       });
-      // 只有当节点数量或引用变化时才更新状态，避免无限渲染
-      // 这里简化处理，只要检测到有效节点就更新。React 的 diff 算法会处理多余的 render
-      if (hasChanges) {
-        setMountNodes(nodes);
-      }
-    }, [html]); // 当 HTML 字符串变化后，重新扫描 DOM
-    // 5. 创建 React Portals
+      if (hasChanges) setMountNodes(nodes);
+    }, [html]);
+    // 4. 创建 Portals
     var portals = React.useMemo(function () {
       return Object.keys(mountNodes).map(function (key) {
         var domNode = mountNodes[key];
-        // 优先取内联 Schema，其次取 Partials 定义的 Schema
         var schema = inlineSchemasRef.current[key] || partialsRef.current[key];
         if (!schema || !domNode) return null;
         try {
-          // 使用 createPortal 将 AMIS 组件挂载到 Liquid 生成的 div 中
-          // 传递 data 作为 props，确保 AMIS 能获取到数据
           return reactDom.createPortal(amisRender("partial-".concat(key), schema, {
             data: data
           }), domNode);
         } catch (e) {
-          console.error("Portal Render Error for key ".concat(key, ":"), e);
           return null;
         }
       });
     }, [mountNodes, partialsFingerprint, dataFingerprint, amisRender, data]);
+    // ==================================================================================
+    // 5. 核心逻辑：执行脚本 (新增功能)
+    // ==================================================================================
+    React.useEffect(function () {
+      if (!containerRef.current) return;
+      // 1. 先清理上一次执行留下的副作用（如果有返回清理函数）
+      scriptCleanupsRef.current.forEach(function (cleanup) {
+        return cleanup && cleanup();
+      });
+      scriptCleanupsRef.current = [];
+      // 2. 查找容器内所有的 script 标签
+      var scripts = containerRef.current.querySelectorAll('script');
+      scripts.forEach(function (scriptNode) {
+        var _a;
+        // 防止重复执行 (虽然每次 html 变动都会重置 DOM，但加上标记更保险)
+        if (scriptNode.dataset.executed) return;
+        var code = scriptNode.innerHTML;
+        if (!code) return;
+        try {
+          // --- 构造沙箱环境 ---
+          // 赋予脚本唯一名字，方便在 Chrome DevTools -> Sources -> Page 面板中调试
+          // 格式: steedos-script-{随机ID}.js
+          var debugName = "steedos-liquid-".concat(Math.random().toString(36).slice(2), ".js");
+          var debuggableCode = code + "\n//# sourceURL=".concat(debugName);
+          // 构造函数
+          // 参数1: context (数据域)
+          // 参数2: dom (当前 script 的父节点，方便局部操作 DOM)
+          // 参数3: React/Amis 工具 (可选)
+          var func = new Function('context', 'dom', debuggableCode);
+          // --- 执行 ---
+          // 我们将 data 传入，脚本里可以直接用 `context.user.name` 访问
+          // 我们将 scriptNode.parentElement 传入，脚本可以用 `dom.style.color = 'red'` 操作局部
+          var cleanupResult = func(data, scriptNode.parentElement);
+          // 如果脚本返回了一个函数，我们把它作为 cleanup 函数保存
+          if (typeof cleanupResult === 'function') {
+            scriptCleanupsRef.current.push(cleanupResult);
+          }
+          // 标记已执行
+          scriptNode.dataset.executed = "true";
+        } catch (err) {
+          console.error("Liquid Script Execution Error:", err);
+          console.warn("Faulty Script:", code);
+          // 可选：在页面上显式报错
+          var errorDiv = document.createElement('div');
+          errorDiv.style.color = 'red';
+          errorDiv.style.fontSize = '12px';
+          errorDiv.innerText = "Script Error: ".concat(err.message);
+          (_a = scriptNode.parentNode) === null || _a === void 0 ? void 0 : _a.insertBefore(errorDiv, scriptNode.nextSibling);
+        }
+      });
+      // 组件卸载时清理
+      return function () {
+        scriptCleanupsRef.current.forEach(function (cleanup) {
+          return cleanup && cleanup();
+        });
+      };
+    }, [html, dataFingerprint]); // 当 HTML 结构变化或数据变化时，重新扫描执行
     return React__default["default"].createElement("div", {
       className: "liquid-amis-container ".concat(className || ''),
       ref: containerRef

package/dist/assets.json CHANGED Viewed

@@ -24,8 +24,8 @@
         {
             "package": "@steedos-widgets/antd",
             "urls": [
-                "https://unpkg.com/@steedos-widgets/antd@6.10.43/dist/antd.umd.js",
-                "https://unpkg.com/@steedos-widgets/antd@6.10.43/dist/antd.umd.css"
+                "https://unpkg.com/@steedos-widgets/antd@6.10.45/dist/antd.umd.js",
+                "https://unpkg.com/@steedos-widgets/antd@6.10.45/dist/antd.umd.css"
             ],
             "library": "BuilderAntd"
         }
@@ -36,10 +36,10 @@
             "npm": {
                 "package": "@steedos-widgets/antd"
             },
-            "url": "https://unpkg.com/@steedos-widgets/antd@6.10.43/dist/meta.js",
+            "url": "https://unpkg.com/@steedos-widgets/antd@6.10.45/dist/meta.js",
             "urls": {
-                "default": "https://unpkg.com/@steedos-widgets/antd@6.10.43/dist/meta.js",
-                "design": "https://unpkg.com/@steedos-widgets/antd@6.10.43/dist/meta.js"
+                "default": "https://unpkg.com/@steedos-widgets/antd@6.10.45/dist/meta.js",
+                "design": "https://unpkg.com/@steedos-widgets/antd@6.10.45/dist/meta.js"
             }
         }
     ]

package/dist/meta.js CHANGED Viewed

@@ -288,6 +288,14 @@
                 tags: [config.group],
                 order: 99,
                 icon: config.amis.icon,
+                // 容器类组件必需字段
+                regions: [
+                    {
+                        key: 'body',
+                        label: 'Partials',
+                        insertPosition: 'inner',
+                    },
+                ],
                 scaffold: {
                     type: config.amis.name,
                     template: "Hello {{name}}",

package/dist/metas/Liquid.d.ts CHANGED Viewed

@@ -28,6 +28,11 @@ declare const _default: {
             tags: string[];
             order: number;
             icon: string;
+            regions: {
+                key: string;
+                label: string;
+                insertPosition: string;
+            }[];
             scaffold: {
                 type: string;
                 template: string;

package/dist/types/metas/Liquid.d.ts CHANGED Viewed

@@ -28,6 +28,11 @@ declare const _default: {
             tags: string[];
             order: number;
             icon: string;
+            regions: {
+                key: string;
+                label: string;
+                insertPosition: string;
+            }[];
             scaffold: {
                 type: string;
                 template: string;

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@steedos-widgets/antd",
   "private": false,
-  "version": "6.10.43",
+  "version": "6.10.45",
   "main": "dist/antd.cjs.js",
   "module": "dist/antd.esm.js",
   "unpkg": "dist/antd.umd.js",
@@ -47,7 +47,7 @@
     "rollup-plugin-tslib-resolve-id": "^0.0.0",
     "rollup-plugin-visualizer": "^5.8.0"
   },
-  "gitHead": "8495e0fe356c08175b45de1b772e5ff987970a79",
+  "gitHead": "2b9a57e8e07ab9d3027d6efc6c52c50467422991",
   "dependencies": {
     "liquidjs": "^10.24.0"
   }