@steedos-widgets/antd 6.10.52-beta.3 → 6.10.52-beta.30

package/dist/antd.umd.js

@@ -1,7 +1,7 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 (function (global, factory) {
-  (typeof exports === "undefined" ? "undefined" : _typeof(exports)) === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('antd'), require('react-dom'), require('liquidjs')) : typeof define === 'function' && define.amd ? define(['exports', 'react', 'antd', 'react-dom', 'liquidjs'], factory) : (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.BuilderAntd = {}, global.React, global.antd, global.ReactDOM, global.liquidjs));
-})(this, function (exports, React, antd, reactDom, liquidjs) {
+  (typeof exports === "undefined" ? "undefined" : _typeof(exports)) === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('antd'), require('react-dom'), require('liquidjs'), require('lodash')) : typeof define === 'function' && define.amd ? define(['exports', 'react', 'antd', 'react-dom', 'liquidjs', 'lodash'], factory) : (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.BuilderAntd = {}, global.React, global.antd, global.ReactDOM, global.liquidjs, global._));
+})(this, function (exports, React, antd, reactDom, liquidjs, lodash) {
   var global = window;
   function _interopDefaultLegacy(e) {
     return e && _typeof(e) === 'object' && 'default' in e ? e : {
@@ -22,7 +22,26 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
   OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
   PERFORMANCE OF THIS SOFTWARE.
   ***************************************************************************** */
+  /* global Reflect, Promise, SuppressedError, Symbol, Iterator */
 
+  var _extendStatics = function extendStatics(d, b) {
+    _extendStatics = Object.setPrototypeOf || {
+      __proto__: []
+    } instanceof Array && function (d, b) {
+      d.__proto__ = b;
+    } || function (d, b) {
+      for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];
+    };
+    return _extendStatics(d, b);
+  };
+  function __extends(d, b) {
+    if (typeof b !== "function" && b !== null) throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+    _extendStatics(d, b);
+    function __() {
+      this.constructor = d;
+    }
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+  }
   var _assign = function __assign() {
     _assign = Object.assign || function __assign(t) {
       for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -297,6 +316,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
     try {
       return JSON.parse(cleanStr);
     } catch (e) {
+      console.error(e, cleanStr);
       try {
         return new Function("return " + cleanStr)();
       } catch (e2) {
@@ -341,29 +361,174 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
     return flattened;
   }
   // --- 组件实现 ---
-  var LiquidComponent = function LiquidComponent(_a) {
-    var _b;
-    var template = _a.template,
-      tpl = _a.tpl,
-      data = _a.data,
-      className = _a.className,
-      $schema = _a.$schema,
-      amisRender = _a.render,
-      dispatchEvent = _a.dispatchEvent,
-      propsPartials = _a.partials;
-    __rest(_a, ["template", "tpl", "data", "className", "$schema", "render", "dispatchEvent", "partials"]);
-    var doAction = (_b = data._scoped) === null || _b === void 0 ? void 0 : _b.doAction;
+  // --- 错误边界组件 ---
+  var ErrorBoundary = /** @class */function (_super) {
+    __extends(ErrorBoundary, _super);
+    function ErrorBoundary(props) {
+      var _this = _super.call(this, props) || this;
+      _this.state = {
+        hasError: false,
+        error: null
+      };
+      return _this;
+    }
+    ErrorBoundary.getDerivedStateFromError = function (error) {
+      return {
+        hasError: true,
+        error: error
+      };
+    };
+    ErrorBoundary.prototype.componentDidCatch = function (error, errorInfo) {
+      console.error("Liquid Component ErrorBoundary caught error:", error, errorInfo);
+    };
+    ErrorBoundary.prototype.render = function () {
+      if (this.state.hasError) {
+        // 如果提供了 fallback 则使用 fallback，否则不显示（静默失败，符合“不影响整体显示”的要求）
+        // 但对于顶层错误，可能需要显示。这里用于 amisRender 的局部包裹。
+        return this.props.fallback || null;
+      }
+      return this.props.children;
+    };
+    return ErrorBoundary;
+  }(React__default["default"].Component);
+  // --- Portal 渲染器（React.memo 防止不必要的 remount）---
+  // amisRender 执行后可能窃取焦点，需要在每次 Portal 渲染后恢复焦点
+  var PortalRenderer = React__default["default"].memo(function PortalItem(_a) {
+    var _b, _c;
+    var portalKey = _a.portalKey,
+      schema = _a.schema,
+      domNode = _a.domNode,
+      amisRenderRef = _a.amisRenderRef,
+      dataRef = _a.dataRef;
+    // 记录焦点恢复定时器，确保组件卸载时清理
+    var focusTimerRef = React.useRef(null);
+    // render 阶段捕获当前焦点（在 amisRender 执行前）
+    var savedFocusRef = React.useRef({
+      element: null,
+      selectionStart: null,
+      selectionEnd: null
+    });
+    var active = document.activeElement;
+    if (active && active instanceof HTMLElement && active !== document.body) {
+      savedFocusRef.current = {
+        element: active,
+        selectionStart: (_b = active.selectionStart) !== null && _b !== void 0 ? _b : null,
+        selectionEnd: (_c = active.selectionEnd) !== null && _c !== void 0 ? _c : null
+      };
+    }
+    // amisRender 执行（可能会窃取焦点）
+    var rendered = amisRenderRef.current("partial-".concat(portalKey), schema, {
+      data: dataRef.current
+    });
+    // DOM 更新后恢复焦点（延迟 10ms，等待 amis 内部异步 DOM 操作完成）
+    React.useLayoutEffect(function () {
+      var _a = savedFocusRef.current,
+        element = _a.element,
+        selectionStart = _a.selectionStart,
+        selectionEnd = _a.selectionEnd;
+      if (!element || !(element instanceof HTMLElement)) return;
+      // 清理上一次未执行的定时器
+      if (focusTimerRef.current) {
+        clearTimeout(focusTimerRef.current);
+      }
+      focusTimerRef.current = setTimeout(function () {
+        focusTimerRef.current = null;
+        // 焦点已不在原元素上，且原元素仍在 DOM 中
+        if (document.activeElement !== element && document.body.contains(element)) {
+          element.focus();
+          // 恢复光标位置（input/textarea）
+          try {
+            if (selectionStart !== null && 'setSelectionRange' in element) {
+              element.setSelectionRange(selectionStart, selectionEnd !== null && selectionEnd !== void 0 ? selectionEnd : selectionStart);
+            }
+          } catch (_) {/* 某些 input type 不支持 setSelectionRange */}
+        }
+      }, 10);
+    });
+    // 组件卸载时清理定时器
+    React.useEffect(function () {
+      return function () {
+        if (focusTimerRef.current) {
+          clearTimeout(focusTimerRef.current);
+        }
+      };
+    }, []);
+    return reactDom.createPortal(React__default["default"].createElement(ErrorBoundary, {
+      fallback: null
+    }, rendered), domNode, portalKey);
+  }, function (prev, next) {
+    // 仅在 portalKey、DOM 节点或 schema 内容变化时才重新渲染
+    return prev.portalKey === next.portalKey && prev.domNode === next.domNode && lodash.isEqual(prev.schema, next.schema);
+  });
+  // --- 错误显示组件 ---
+  var ErrorDisplay = function ErrorDisplay(_a) {
+    var error = _a.error;
+    var _b = __read(React.useState(false), 2),
+      expanded = _b[0],
+      setExpanded = _b[1];
+    if (!error) return null;
+    return React__default["default"].createElement("div", {
+      className: "border border-red-500 bg-red-50 text-red-700 p-4 rounded mb-4 text-sm font-mono"
+    }, React__default["default"].createElement("div", {
+      className: "flex justify-between items-start"
+    }, React__default["default"].createElement("div", {
+      className: "font-bold"
+    }, "Template Render Error"), React__default["default"].createElement("button", {
+      onClick: function onClick() {
+        return setExpanded(!expanded);
+      },
+      className: "text-blue-600 hover:underline text-xs ml-4 whitespace-nowrap"
+    }, expanded ? 'Hide Details' : 'Show Details')), React__default["default"].createElement("div", {
+      className: "mt-1"
+    }, error.message), expanded && React__default["default"].createElement("div", {
+      className: "mt-2 pt-2 border-t border-red-200 text-xs overflow-auto max-h-60"
+    }, React__default["default"].createElement("pre", null, error.stack)));
+  };
+  var LiquidComponent = function LiquidComponent(props) {
+    var _a;
+    var template = props.template,
+      tpl = props.tpl,
+      data = props.data,
+      className = props.className,
+      $schema = props.$schema,
+      amisRender = props.render,
+      dispatchEvent = props.dispatchEvent,
+      propsPartials = props.partials;
+    __rest(props, ["template", "tpl", "data", "className", "$schema", "render", "dispatchEvent", "partials"]);
+    var doAction = (_a = data._scoped) === null || _a === void 0 ? void 0 : _a.doAction;
     // 支持 tpl 作为 template 的别名
     if (tpl && !template) {
       template = tpl;
     }
-    var _c = __read(React.useState(''), 2),
-      html = _c[0],
-      setHtml = _c[1];
-    var _d = __read(React.useState({}), 2),
-      mountNodes = _d[0],
-      setMountNodes = _d[1];
+    if (!template) {
+      template = props.$schema.template;
+    }
+    // console.log('template =============>', template, props);
+    var _b = __read(React.useState(''), 2),
+      html = _b[0],
+      setHtml = _b[1];
+    var _c = __read(React.useState(null), 2),
+      error = _c[0],
+      setError = _c[1];
+    var _d = __read(React.useState([]), 2),
+      parsedTemplates = _d[0],
+      setParsedTemplates = _d[1];
+    var _e = __read(React.useState({}), 2),
+      mountNodes = _e[0],
+      setMountNodes = _e[1];
     var containerRef = React.useRef(null);
+    // 焦点保护：跟踪当前聚焦元素，防止 re-render 导致焦点丢失
+    var focusInfoRef = React.useRef({
+      element: null,
+      inContainer: false
+    });
+    // 防抖的数据状态，用于减少 HTML 重建频率
+    // 保持最新 data 的引用，供脚本使用
+    var dataRef = React.useRef(data);
+    dataRef.current = data;
+    // 稳定引用 amisRender，防止因父组件 re-render 产生新函数引用导致 portals 重建
+    var amisRenderRef = React.useRef(amisRender);
+    amisRenderRef.current = amisRender;
     // 用于存储脚本清理函数的引用，以便在组件卸载或更新时清理副作用
     var scriptCleanupsRef = React.useRef([]);
     var finalPartials = React.useMemo(function () {
@@ -372,6 +537,12 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
     var partialsRef = React.useRef(finalPartials);
     partialsRef.current = finalPartials;
     var inlineSchemasRef = React.useRef({});
+    // 深比较稳定的 finalPartials 引用，防止 $schema 每次 render 产生新引用导致 portals 不必要重建
+    var stableFinalPartialsRef = React.useRef(finalPartials);
+    if (!lodash.isEqual(stableFinalPartialsRef.current, finalPartials)) {
+      stableFinalPartialsRef.current = finalPartials;
+    }
+    var stableFinalPartials = stableFinalPartialsRef.current;
     // 1. 初始化 Liquid Engine
     var engine = React.useMemo(function () {
       var liq = new liquidjs.Liquid({
@@ -414,6 +585,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         parse: function parse(tagToken, remainTokens) {
           var _this = this;
           this.templates = [];
+          this.id = generateId();
           var stream = liq.parser.parseStream(remainTokens);
           stream.on('tag:endamis', function () {
             return stream.stop();
@@ -437,7 +609,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
               }
               try {
                 schema = looseJsonParse(rawStr);
-                id = generateId();
+                id = this.id;
                 register = ctx.get(['__registerInlineSchema']);
                 if (!register && ctx.environments) {
                   register = ctx.environments['__registerInlineSchema'];
@@ -449,6 +621,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                   return [2 /*return*/, ""];
                 }
               } catch (e) {
+                console.error(e);
                 return [2 /*return*/, "<div style=\"color:red\">JSON Parse Error: ".concat(e.message, "</div>")];
               }
               return [2 /*return*/];
@@ -458,60 +631,148 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       });
       return liq;
     }, []);
-    var dataFingerprint = JSON.stringify(data);
-    var partialsFingerprint = JSON.stringify(finalPartials);
-    // 2. Liquid 渲染 HTML
+    // 用于处理异步渲染竞态条件的计数器，确保只应用最新一次渲染的结果
+    var renderIdRef = React.useRef(0);
+    React.useEffect(function () {
+      // console.log('template', template)
+      var isMounted = true;
+      try {
+        if (!template) {
+          if (isMounted) {
+            setParsedTemplates([]);
+            setError(null);
+          }
+          return;
+        }
+        var tpl_1 = engine.parse(template);
+        if (isMounted) {
+          setParsedTemplates(tpl_1);
+          setError(null);
+        }
+      } catch (e) {
+        console.error("Liquid Parse Error:", e);
+        if (isMounted) {
+          setError(e);
+          setParsedTemplates(null);
+        }
+      }
+      return function () {
+        isMounted = false;
+      };
+    }, [engine, template]);
+    // 2. Liquid 渲染 HTML（当模板、partials 或数据变化时重新渲染）
     React.useEffect(function () {
+      // 跳过空模板或未解析的模板（parsedTemplates 为 null、undefined 或空数组时）
+      if (!parsedTemplates || parsedTemplates.length === 0) return;
       var isMounted = true;
-      inlineSchemasRef.current = {};
+      var currentRenderId = ++renderIdRef.current;
       var contextData = _assign(_assign({}, flattenObjectChain(data)), {
         __registerInlineSchema: function __registerInlineSchema(id, schema) {
           inlineSchemasRef.current[id] = schema;
         }
       });
-      engine.parseAndRender(template, contextData).then(function (result) {
-        if (isMounted) {
+      engine.render(parsedTemplates, contextData).then(function (result) {
+        // 仅应用最新一次渲染的结果，丢弃过期的异步结果（处理竞态条件）
+        if (isMounted && currentRenderId === renderIdRef.current) {
+          // 仅在渲染结果真正变化时才更新 state，避免不必要的 DOM 重建
           setHtml(function (prev) {
-            return prev !== result ? result : prev;
+            return prev === result ? prev : result;
           });
+          setError(null);
         }
       })["catch"](function (err) {
-        if (isMounted) console.error("Liquid Render Error:", err);
+        if (isMounted && currentRenderId === renderIdRef.current) {
+          console.error("Liquid Render Error:", err);
+          setError(err);
+        }
       });
       return function () {
         isMounted = false;
       };
-    }, [engine, template, dataFingerprint, partialsFingerprint]);
+    }, [engine, parsedTemplates, finalPartials, data]); // data 变化时重新渲染模板
     // 3. Portals 挂载检测
     React.useEffect(function () {
       if (!containerRef.current) return;
       var nodes = {};
       var elements = containerRef.current.querySelectorAll('[data-amis-partial]');
-      var hasChanges = false;
       elements.forEach(function (el) {
         var key = el.getAttribute('data-amis-partial');
-        if (key && (inlineSchemasRef.current[key] || partialsRef.current[key])) {
+        var hasInlineSchema = key && inlineSchemasRef.current[key];
+        var hasPartialSchema = key && partialsRef.current[key];
+        if (key && (hasInlineSchema || hasPartialSchema)) {
           nodes[key] = el;
-          hasChanges = true;
         }
       });
-      if (hasChanges) setMountNodes(nodes);
+      // 每次 html 变化都需要更新 DOM 节点引用，因为 dangerouslySetInnerHTML 会销毁并重建节点
+      // 但仅在节点实际变化时更新，避免不必要的 Portal 重新创建
+      setMountNodes(function (prev) {
+        var prevKeys = Object.keys(prev).sort().join(',');
+        var newKeys = Object.keys(nodes).sort().join(',');
+        var keysChanged = prevKeys !== newKeys;
+        // 仅在 keys 实际变化时更新（新增或删除了 Portal 挂载点）
+        if (keysChanged) {
+          return nodes;
+        }
+        // Keys 相同但 html 变了，需要更新 DOM 节点引用（dangerouslySetInnerHTML 销毁重建了节点）
+        // 但不能创建新对象，否则会触发 Portal useMemo 重新执行
+        // 所以我们更新 prev 对象中的节点引用
+        Object.keys(nodes).forEach(function (key) {
+          if (prev[key] !== nodes[key]) {
+            prev[key] = nodes[key];
+          }
+        });
+        return prev;
+      });
+    }, [html]);
+    // 3.5 阻止容器内原生表单的默认提交行为
+    // 防止在 input 中按回车键时触发浏览器默认的表单 submit，导致页面刷新、所有表单值丢失
+    React.useEffect(function () {
+      var container = containerRef.current;
+      if (!container) return;
+      // 拦截 form submit 事件（覆盖显式提交和 Enter 键隐式提交）
+      var handleSubmit = function handleSubmit(e) {
+        e.preventDefault();
+      };
+      // 拦截 input 中的 Enter 键，防止触发外层 form 的隐式提交
+      // （适用于 form 在容器之上的情况，此时 submit 事件无法在容器层拦截）
+      var handleKeyDown = function handleKeyDown(e) {
+        if (e.key !== 'Enter') return;
+        var target = e.target;
+        // 仅拦截单行 input，不影响 textarea 的换行行为
+        if (target.tagName === 'INPUT') {
+          var form = target.closest('form');
+          if (form) {
+            e.preventDefault();
+          }
+        }
+      };
+      container.addEventListener('submit', handleSubmit);
+      container.addEventListener('keydown', handleKeyDown);
+      return function () {
+        container.removeEventListener('submit', handleSubmit);
+        container.removeEventListener('keydown', handleKeyDown);
+      };
     }, [html]);
     // 4. 创建 Portals
+    // 使用 PortalRenderer (React.memo) 包裹每个 Portal，确保只有 schema 实际变化的 Portal 才会重新渲染
+    // 移除 amisRender 依赖（使用 ref），避免父组件 re-render 导致所有 Portal 被销毁重建
     var portals = React.useMemo(function () {
       return Object.keys(mountNodes).map(function (key) {
         var domNode = mountNodes[key];
         var schema = inlineSchemasRef.current[key] || partialsRef.current[key];
-        if (!schema || !domNode) return null;
-        try {
-          return reactDom.createPortal(amisRender("partial-".concat(key), schema, {
-            data: data
-          }), domNode);
-        } catch (e) {
+        if (!schema || !domNode) {
           return null;
         }
+        return React__default["default"].createElement(PortalRenderer, {
+          key: key,
+          portalKey: key,
+          schema: schema,
+          domNode: domNode,
+          amisRenderRef: amisRenderRef,
+          dataRef: dataRef
+        });
       });
-    }, [mountNodes, partialsFingerprint, dataFingerprint, amisRender, data]);
+    }, [mountNodes, stableFinalPartials]); // 使用稳定引用，避免不必要的 Portal 重建
     // ==================================================================================
     // 5. 核心逻辑：顺序加载器 (等待外部脚本加载完再执行内联脚本)
     // ==================================================================================
@@ -558,7 +819,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
           // 标记当前节点已处理，防止下次 render 重复
           scriptNode.dataset.executed = "true";
           if (isGlobalLoaded) {
-            console.log("[Liquid] Script already loaded: ".concat(src));
+            // console.log(`[Liquid] Script already loaded: ${src}`);
             resolve(); // 已存在，直接视为成功
             return;
           }
@@ -573,7 +834,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
             }
           });
           newScript.onload = function () {
-            console.log("[Liquid] Loaded: ".concat(src));
+            // console.log(`[Liquid] Loaded: ${src}`);
             resolve();
           };
           newScript.onerror = function () {
@@ -595,7 +856,8 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
               var debugName = "steedos-liquid-".concat(Math.random().toString(36).slice(2), ".js");
               var debuggableCode = code + "\n//# sourceURL=".concat(debugName);
               var func = new Function('data', 'dom', 'doAction', 'dispatchEvent', debuggableCode);
-              var cleanupResult = func(data, scriptNode.parentElement, doAction, dispatchEvent);
+              // 使用 dataRef.current 获取最新的 data
+              var cleanupResult = func(dataRef.current, scriptNode.parentElement, doAction, dispatchEvent);
               if (typeof cleanupResult === 'function') {
                 scriptCleanupsRef.current.push(cleanupResult);
               }
@@ -617,14 +879,68 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
           return cleanup && cleanup();
         });
       };
-    }, [html, dataFingerprint]);
-    return React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement("div", {
-      className: "liquid-amis-container flex flex-col h-full w-full overflow-hidden ".concat(className || ''),
-      ref: containerRef,
-      dangerouslySetInnerHTML: {
-        __html: html
+    }, [html]); // 仅依赖 html 变化，不依赖 data 变化
+    // ==================================================================================
+    // 6. 焦点保护机制
+    // 在 render 阶段捕获当前焦点状态，在 DOM 更新后延迟恢复意外丢失的焦点
+    // ==================================================================================
+    var outerFocusTimerRef = React.useRef(null);
+    if (containerRef.current) {
+      var active = document.activeElement;
+      focusInfoRef.current = {
+        element: active,
+        inContainer: !!active && containerRef.current.contains(active)
+      };
+    } else {
+      focusInfoRef.current = {
+        element: null,
+        inContainer: false
+      };
+    }
+    React.useLayoutEffect(function () {
+      var _a = focusInfoRef.current,
+        element = _a.element,
+        inContainer = _a.inContainer;
+      if (!inContainer || !element || !(element instanceof HTMLElement)) return;
+      if (outerFocusTimerRef.current) {
+        clearTimeout(outerFocusTimerRef.current);
       }
-    }), portals);
+      outerFocusTimerRef.current = setTimeout(function () {
+        outerFocusTimerRef.current = null;
+        if (document.activeElement !== element && (document.activeElement === document.body || document.activeElement === null) && document.body.contains(element)) {
+          element.focus();
+        }
+      }, 10);
+    });
+    // 组件卸载时清理外层焦点定时器
+    React.useEffect(function () {
+      return function () {
+        if (outerFocusTimerRef.current) {
+          clearTimeout(outerFocusTimerRef.current);
+        }
+      };
+    }, []);
+    // 7. 缓存容器元素，避免 data 变化时 React 对 dangerouslySetInnerHTML div 进行不必要的协调
+    var innerHtml = React.useMemo(function () {
+      return {
+        __html: html
+      };
+    }, [html]);
+    var containerElement = React.useMemo(function () {
+      return React__default["default"].createElement("div", {
+        className: "liquid-amis-container flex flex-col h-full w-full overflow-hidden ".concat(className || ''),
+        ref: containerRef,
+        dangerouslySetInnerHTML: innerHtml
+      });
+    }, [innerHtml, className]);
+    if (error) {
+      return React__default["default"].createElement("div", {
+        className: "liquid-amis-container flex flex-col w-full overflow-auto p-4 ".concat(className || '')
+      }, React__default["default"].createElement(ErrorDisplay, {
+        error: error
+      }));
+    }
+    return React__default["default"].createElement(React__default["default"].Fragment, null, containerElement, portals);
   };
   var Inject = function Inject(props) {
     var _a = props.assets,

package/dist/assets.json

@@ -31,8 +31,8 @@
         {
             "package": "@steedos-widgets/antd",
             "urls": [
-                "https://unpkg.com/@steedos-widgets/antd@6.10.52-beta.3/dist/antd.umd.js",
-                "https://unpkg.com/@steedos-widgets/antd@6.10.52-beta.3/dist/antd.umd.css"
+                "https://unpkg.com/@steedos-widgets/antd@6.10.52-beta.30/dist/antd.umd.js",
+                "https://unpkg.com/@steedos-widgets/antd@6.10.52-beta.30/dist/antd.umd.css"
             ],
             "library": "BuilderAntd"
         }
@@ -43,10 +43,10 @@
             "npm": {
                 "package": "@steedos-widgets/antd"
             },
-            "url": "https://unpkg.com/@steedos-widgets/antd@6.10.52-beta.3/dist/meta.js",
+            "url": "https://unpkg.com/@steedos-widgets/antd@6.10.52-beta.30/dist/meta.js",
             "urls": {
-                "default": "https://unpkg.com/@steedos-widgets/antd@6.10.52-beta.3/dist/meta.js",
-                "design": "https://unpkg.com/@steedos-widgets/antd@6.10.52-beta.3/dist/meta.js"
+                "default": "https://unpkg.com/@steedos-widgets/antd@6.10.52-beta.30/dist/meta.js",
+                "design": "https://unpkg.com/@steedos-widgets/antd@6.10.52-beta.30/dist/meta.js"
             }
         }
     ]

package/dist/meta.js

@@ -411,6 +411,7 @@
                 tags: [config.group],
                 order: 99,
                 icon: config.amis.icon,
+                panelTitle: 'Inject Settings',
             }
         } });
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@steedos-widgets/antd",
   "private": false,
-  "version": "6.10.52-beta.3",
+  "version": "6.10.52-beta.30",
   "main": "dist/antd.cjs.js",
   "module": "dist/antd.esm.js",
   "unpkg": "dist/antd.umd.js",
@@ -25,11 +25,13 @@
     "@rollup/plugin-commonjs": "^29.0.0",
     "@rollup/plugin-node-resolve": "^13.1.3",
     "@rollup/plugin-typescript": "^8.4.0",
+    "@types/lodash": "^4.17.23",
     "@types/react": "^18.0.8",
     "@types/react-dom": "^18.0.6",
     "antd": "^5.29.2",
     "react": "18.2.0",
     "react-dom": "18.2.0",
+    "rimraf": "^6.1.2",
     "rollup": "^2.79.2",
     "rollup-plugin-alias": "^2.2.0",
     "rollup-plugin-external-globals": "^0.6.1",
@@ -45,10 +47,12 @@
     "rollup-plugin-svg": "^2.0.0",
     "rollup-plugin-terser": "^7.0.2",
     "rollup-plugin-tslib-resolve-id": "^0.0.0",
-    "rollup-plugin-visualizer": "^5.8.0"
+    "rollup-plugin-visualizer": "^5.8.0",
+    "typescript": "^5.9.3"
   },
-  "gitHead": "47fe298cc8f512c9181a93f94ecd8ca6ba41fd9f",
+  "gitHead": "e454ef87f2af5580952c3fe9f3b881df55962f29",
   "dependencies": {
-    "liquidjs": "^10.24.0"
+    "liquidjs": "^10.24.0",
+    "lodash": "^4.17.23"
   }
 }