@steedos-widgets/antd 6.10.37 → 6.10.38

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')) : typeof define === 'function' && define.amd ? define(['exports', 'react', 'antd'], factory) : (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.BuilderAntd = {}, global.React, global.antd));
-})(this, function (exports, React, antd) {
+  (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) {
   var global = window;
   function _interopDefaultLegacy(e) {
     return e && _typeof(e) === 'object' && 'default' in e ? e : {
@@ -41,6 +41,139 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
     }
     return t;
   }
+  function __awaiter(thisArg, _arguments, P, generator) {
+    function adopt(value) {
+      return value instanceof P ? value : new P(function (resolve) {
+        resolve(value);
+      });
+    }
+    return new (P || (P = Promise))(function (resolve, reject) {
+      function fulfilled(value) {
+        try {
+          step(generator.next(value));
+        } catch (e) {
+          reject(e);
+        }
+      }
+      function rejected(value) {
+        try {
+          step(generator["throw"](value));
+        } catch (e) {
+          reject(e);
+        }
+      }
+      function step(result) {
+        result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+      }
+      step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+  }
+  function __generator(thisArg, body) {
+    var _ = {
+        label: 0,
+        sent: function sent() {
+          if (t[0] & 1) throw t[1];
+          return t[1];
+        },
+        trys: [],
+        ops: []
+      },
+      f,
+      y,
+      t,
+      g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function () {
+      return this;
+    }), g;
+    function verb(n) {
+      return function (v) {
+        return step([n, v]);
+      };
+    }
+    function step(op) {
+      if (f) throw new TypeError("Generator is already executing.");
+      while (g && (g = 0, op[0] && (_ = 0)), _) try {
+        if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+        if (y = 0, t) op = [op[0] & 2, t.value];
+        switch (op[0]) {
+          case 0:
+          case 1:
+            t = op;
+            break;
+          case 4:
+            _.label++;
+            return {
+              value: op[1],
+              done: false
+            };
+          case 5:
+            _.label++;
+            y = op[1];
+            op = [0];
+            continue;
+          case 7:
+            op = _.ops.pop();
+            _.trys.pop();
+            continue;
+          default:
+            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+              _ = 0;
+              continue;
+            }
+            if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+              _.label = op[1];
+              break;
+            }
+            if (op[0] === 6 && _.label < t[1]) {
+              _.label = t[1];
+              t = op;
+              break;
+            }
+            if (t && _.label < t[2]) {
+              _.label = t[2];
+              _.ops.push(op);
+              break;
+            }
+            if (t[2]) _.ops.pop();
+            _.trys.pop();
+            continue;
+        }
+        op = body.call(thisArg, _);
+      } catch (e) {
+        op = [6, e];
+        y = 0;
+      } finally {
+        f = t = 0;
+      }
+      if (op[0] & 5) throw op[1];
+      return {
+        value: op[0] ? op[1] : void 0,
+        done: true
+      };
+    }
+  }
+  function __read(o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o),
+      r,
+      ar = [],
+      e;
+    try {
+      while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    } catch (error) {
+      e = {
+        error: error
+      };
+    } finally {
+      try {
+        if (r && !r.done && (m = i["return"])) m.call(i);
+      } finally {
+        if (e) throw e.error;
+      }
+    }
+    return ar;
+  }
   typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
     var e = new Error(message);
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
@@ -152,7 +285,238 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       labelRender: customLabelRender
     }, restSelectProps)));
   };
+
+  // --- 工具函数 ---
+  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));
+      }
+    }
+  };
+  // --- 组件实现 ---
+  var LiquidComponent = function LiquidComponent(_a) {
+    var template = _a.template,
+      data = _a.data,
+      className = _a.className,
+      $schema = _a.$schema,
+      amisRender = _a.render,
+      propsPartials = _a.partials;
+    var _b = __read(React.useState(''), 2),
+      html = _b[0],
+      setHtml = _b[1];
+    var _c = __read(React.useState({}), 2),
+      mountNodes = _c[0],
+      setMountNodes = _c[1];
+    var containerRef = React.useRef(null);
+    // 1. 合并 Partials (优先 props 传入的，其次是 schema 定义的)
+    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 (单次初始化)
+    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]");
+          },
+          existsSync: function existsSync(file) {
+            return Object.prototype.hasOwnProperty.call(partialsRef.current, file);
+          },
+          exists: function exists(file) {
+            return __awaiter(void 0, void 0, void 0, function () {
+              return __generator(this, function (_a) {
+                return [2 /*return*/, Object.prototype.hasOwnProperty.call(partialsRef.current, file)];
+              });
+            });
+          },
+          resolve: function resolve(root, file) {
+            return file;
+          },
+          sep: '/',
+          readFile: function readFile(file) {
+            return __awaiter(void 0, void 0, void 0, function () {
+              var content;
+              return __generator(this, function (_a) {
+                content = partialsRef.current[file];
+                if (_typeof(content) === 'object' && content !== null) {
+                  return [2 /*return*/, "<div data-amis-partial=\"".concat(file, "\"></div>")];
+                }
+                return [2 /*return*/, typeof content === 'string' ? content : ''];
+              });
+            });
+          }
+        }
+      });
+      // 注册自定义标签 {% amis %}
+      liq.registerTag('amis', {
+        parse: function parse(tagToken, remainTokens) {
+          var _this = this;
+          this.templates = [];
+          var stream = liq.parser.parseStream(remainTokens);
+          stream.on('tag:endamis', function () {
+            return stream.stop();
+          }).on('template', function (tpl) {
+            return _this.templates.push(tpl);
+          }).on('text', function (tpl) {
+            return _this.templates.push(tpl);
+          }).start();
+        },
+        render: function render(ctx) {
+          return __awaiter(this, void 0, void 0, function () {
+            var chunks, rawStr, schema, id, register;
+            return __generator(this, function (_a) {
+              chunks = this.templates.map(function (tpl) {
+                return tpl.str;
+              });
+              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>"];
+              }
+              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*/];
+            });
+          });
+        }
+      });
+      return liq;
+    }, []); // 依赖为空，确保 Engine 只初始化一次
+    // 用于触发重渲染的指纹
+    var dataFingerprint = JSON.stringify(data);
+    var partialsFingerprint = JSON.stringify(finalPartials);
+    // 3. 执行 Liquid 渲染
+    React.useEffect(function () {
+      var isMounted = true;
+      inlineSchemasRef.current = {}; // 重置内联 Schema 缓存
+      var contextData = _assign(_assign({}, data), {
+        // 注入回调函数，允许 Liquid 标签内部向 React 组件回传数据
+        __registerInlineSchema: function __registerInlineSchema(id, schema) {
+          inlineSchemasRef.current[id] = schema;
+        }
+      });
+      engine.parseAndRender(template, contextData).then(function (result) {
+        if (isMounted) {
+          setHtml(function (prev) {
+            return prev !== result ? result : prev;
+          });
+        }
+      })["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>"));
+        }
+      });
+      return function () {
+        isMounted = false;
+      };
+    }, [engine, template, dataFingerprint, partialsFingerprint]);
+    // 4. DOM 挂载检测 (查找占位符)
+    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) {
+          // 确保我们有这个 key 对应的 Schema (不管是内联的还是 props 传入的)
+          var hasSchema = inlineSchemasRef.current[key] || partialsRef.current[key];
+          if (hasSchema) {
+            nodes[key] = el;
+            hasChanges = true;
+          }
+        }
+      });
+      // 只有当节点数量或引用变化时才更新状态，避免无限渲染
+      // 这里简化处理，只要检测到有效节点就更新。React 的 diff 算法会处理多余的 render
+      if (hasChanges) {
+        setMountNodes(nodes);
+      }
+    }, [html]); // 当 HTML 字符串变化后，重新扫描 DOM
+    // 5. 创建 React 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]);
+    return React__default["default"].createElement("div", {
+      className: "liquid-amis-container ".concat(className || ''),
+      ref: containerRef
+    }, React__default["default"].createElement("div", {
+      dangerouslySetInnerHTML: {
+        __html: html
+      }
+    }), portals);
+  };
   exports.AntdSelect = AntdSelect;
+  exports.LiquidComponent = LiquidComponent;
   Object.defineProperty(exports, '__esModule', {
     value: true
   });

package/dist/assets-dev.json

@@ -14,6 +14,13 @@
             ],
             "library": "antd"
         },
+        {
+            "package": "liquidjs",
+            "urls": [
+                "http://127.0.0.1:8080/liquidjs@10.24.0/dist/liquid.browser.min.js"
+            ],
+            "library": "liquidjs"
+        },
         {
             "package": "@steedos-widgets/antd",
             "urls": [

package/dist/assets.json

@@ -14,11 +14,18 @@
             ],
             "library": "antd"
         },
+        {
+            "package": "liquidjs",
+            "urls": [
+                "https://unpkg.com/liquidjs@10.24.0/dist/liquid.browser.min.js"
+            ],
+            "library": "liquidjs"
+        },
         {
             "package": "@steedos-widgets/antd",
             "urls": [
-                "https://unpkg.com/@steedos-widgets/antd@6.10.37/dist/antd.umd.js",
-                "https://unpkg.com/@steedos-widgets/antd@6.10.37/dist/antd.umd.css"
+                "https://unpkg.com/@steedos-widgets/antd@6.10.38/dist/antd.umd.js",
+                "https://unpkg.com/@steedos-widgets/antd@6.10.38/dist/antd.umd.css"
             ],
             "library": "BuilderAntd"
         }
@@ -29,10 +36,10 @@
             "npm": {
                 "package": "@steedos-widgets/antd"
             },
-            "url": "https://unpkg.com/@steedos-widgets/antd@6.10.37/dist/meta.js",
+            "url": "https://unpkg.com/@steedos-widgets/antd@6.10.38/dist/meta.js",
             "urls": {
-                "default": "https://unpkg.com/@steedos-widgets/antd@6.10.37/dist/meta.js",
-                "design": "https://unpkg.com/@steedos-widgets/antd@6.10.37/dist/meta.js"
+                "default": "https://unpkg.com/@steedos-widgets/antd@6.10.38/dist/meta.js",
+                "design": "https://unpkg.com/@steedos-widgets/antd@6.10.38/dist/meta.js"
             }
         }
     ]

package/dist/components/Liquid.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+type SchemaObject = Record<string, any>;
+interface LiquidTemplateProps {
+    template: string;
+    data: Record<string, any>;
+    $schema?: Record<string, string | object>;
+    partials?: Record<string, string | object>;
+    className?: string;
+    render: (region: string, schema: SchemaObject, props?: any) => React.ReactNode;
+}
+export declare const LiquidComponent: React.FC<LiquidTemplateProps>;
+export {};

package/dist/components/index.d.ts

@@ -1 +1,2 @@
 export * from './Select';
+export * from './Liquid';

package/dist/meta.js

@@ -39,9 +39,9 @@
      * @Description: Configuration definition for the Antd Select Amis Custom Component.
      */
     // Removed i18next dependency (t function)
-    var config = {
+    var config$1 = {
         // 1. Base Configuration
-        group: 'Antd',
+        group: 'General',
         componentName: "AntdSelect",
         title: 'Select',
         docUrl: "",
@@ -69,44 +69,44 @@
             icon: "fa-fw fas fa-caret-square-down"
         }
     };
-    var Select = __assign(__assign({}, config), { 
+    var Select = __assign(__assign({}, config$1), { 
         // 3. Snippets Configuration
         snippets: [
             {
-                title: config.title,
+                title: config$1.title,
                 screenshot: "",
                 schema: {
-                    componentName: config.componentName,
-                    props: config.preview
+                    componentName: config$1.componentName,
+                    props: config$1.preview
                 }
             }
         ], 
         // 4. Amis Renderer and Editor Plugin Configuration
         amis: {
             render: {
-                type: config.amis.name,
+                type: config$1.amis.name,
                 usage: "formitem",
                 weight: 1,
                 framework: "react"
             },
             plugin: {
-                rendererName: config.amis.name,
-                $schema: '/schemas/FormItem.json',
-                name: config.title,
-                description: config.title,
-                tags: [config.group],
+                rendererName: config$1.amis.name,
+                $schema: '/schemas/UnkownSchema.json',
+                name: config$1.title,
+                description: config$1.title,
+                tags: [config$1.group],
                 order: -9999,
-                icon: config.amis.icon,
+                icon: config$1.amis.icon,
                 scaffold: {
-                    type: config.amis.name,
-                    label: config.title,
+                    type: config$1.amis.name,
+                    label: config$1.title,
                     name: 'select_field',
                     options: [
                         { label: 'Option One', value: 'one' },
                         { label: 'Option Two', value: 'two' },
                     ]
                 },
-                previewSchema: { type: config.amis.name, label: 'Preview', placeholder: 'Please select' },
+                previewSchema: { type: config$1.amis.name, label: 'Preview', placeholder: 'Please select' },
                 panelTitle: 'Select Dropdown Settings',
                 // ====== OPTIMIZED PANEL CONTROLS (General & Advanced Tabs) START ======
                 panelControls: [
@@ -226,6 +226,128 @@
             }
         } });
 
+    /*
+     * @Description: Configuration definition for the Liquid Template Amis Custom Component.
+     */
+    var config = {
+        // 1. Base Configuration
+        group: 'General', // 或者 'Display'
+        componentName: "LiquidComponent",
+        title: 'Liquid Template',
+        docUrl: "", // 可以填入 LiquidJS 的官方文档链接
+        screenshot: "",
+        npm: {
+            package: "@steedos-widgets/antd", // 请修改为你实际发布的包名
+            version: "{{version}}",
+            exportName: "LiquidComponent",
+            main: "",
+            destructuring: true,
+            subName: ""
+        },
+        preview: {
+            template: "Hello {{name}}!",
+            data: { name: "World" }
+        },
+        targets: ["steedos__RecordPage", "steedos__AppPage", "steedos__HomePage"],
+        engines: ["amis"],
+        // 2. Amis Core Configuration
+        amis: {
+            name: 'liquid', // 对应 React 组件 @Renderer 中的 name
+            icon: "fa-fw fas fa-code"
+        }
+    };
+    var Liquid = __assign(__assign({}, config), { 
+        // 3. Snippets Configuration (拖拽组件时的默认代码片段)
+        snippets: [
+            {
+                title: config.title,
+                screenshot: "",
+                schema: {
+                    type: config.amis.name,
+                    template: "<div>\n  <h3>{{title}}</h3>\n  <p>User: {{user.name}}</p>\n</div>",
+                    data: {
+                        title: "Demo",
+                        user: { name: "Steedos User" }
+                    }
+                }
+            }
+        ], 
+        // 4. Amis Renderer and Editor Plugin Configuration
+        amis: {
+            render: {
+                type: config.amis.name,
+                usage: "renderer", // 这是一个展示型组件，不是表单项，所以用 renderer
+                weight: 1,
+                framework: "react"
+            },
+            plugin: {
+                rendererName: config.amis.name,
+                $schema: '/schemas/UnkownSchema.json',
+                name: config.title,
+                description: "Render HTML using LiquidJS template engine",
+                tags: [config.group],
+                order: 99,
+                icon: config.amis.icon,
+                scaffold: {
+                    type: config.amis.name,
+                    template: "Hello {{name}}",
+                },
+                previewSchema: {
+                    type: config.amis.name,
+                    template: "Preview: {{text}}",
+                },
+                panelTitle: 'Liquid Settings',
+                // ====== DESIGNER PANEL CONTROLS ======
+                panelControls: [
+                    {
+                        type: 'tabs',
+                        tabs: [
+                            // =================================== 标签页 1: General (核心设置) ===================================
+                            {
+                                title: 'General',
+                                body: [
+                                    {
+                                        type: 'editor', // 使用代码编辑器，方便写多行模板
+                                        language: 'html', // Liquid 语法接近 HTML
+                                        name: 'template',
+                                        label: 'Template String',
+                                        description: 'Support LiquidJS syntax (e.g., {{variable}}, {% if condition %}). HTML is allowed.',
+                                        options: {
+                                            lineNumbers: true
+                                        }
+                                    },
+                                    {
+                                        type: 'input-text',
+                                        name: 'visibleOn',
+                                        label: 'Visible Expression',
+                                        description: 'Amis expression to control visibility.'
+                                    }
+                                ]
+                            },
+                            // =================================== 标签页 2: Appearance (外观) ===================================
+                            {
+                                title: 'Appearance',
+                                body: [
+                                    {
+                                        type: 'input-text',
+                                        name: 'className',
+                                        label: 'CSS Class Name',
+                                        description: 'Custom class for the container div.'
+                                    },
+                                    {
+                                        type: 'input-text',
+                                        name: 'style',
+                                        label: 'Inline Style',
+                                        placeholder: 'e.g. color: red; margin: 10px;'
+                                    }
+                                ]
+                            },
+                        ]
+                    }
+                ]
+            }
+        } });
+
     /*
      * @Author: baozhoutao@steedos.com
      * @Date: 2022-08-31 16:32:35
@@ -233,7 +355,7 @@
      * @LastEditTime: 2022-09-01 18:46:29
      * @Description:
      */
-    var components = [Select];
+    var components = [Select, Liquid];
     var meta = {
         components: components
     };

package/dist/metas/Liquid.d.ts

@@ -0,0 +1,102 @@
+declare const _default: {
+    snippets: {
+        title: string;
+        screenshot: string;
+        schema: {
+            type: string;
+            template: string;
+            data: {
+                title: string;
+                user: {
+                    name: string;
+                };
+            };
+        };
+    }[];
+    amis: {
+        render: {
+            type: string;
+            usage: string;
+            weight: number;
+            framework: string;
+        };
+        plugin: {
+            rendererName: string;
+            $schema: string;
+            name: string;
+            description: string;
+            tags: string[];
+            order: number;
+            icon: string;
+            scaffold: {
+                type: string;
+                template: string;
+            };
+            previewSchema: {
+                type: string;
+                template: string;
+            };
+            panelTitle: string;
+            panelControls: {
+                type: string;
+                tabs: ({
+                    title: string;
+                    body: ({
+                        type: string;
+                        language: string;
+                        name: string;
+                        label: string;
+                        description: string;
+                        options: {
+                            lineNumbers: boolean;
+                        };
+                    } | {
+                        type: string;
+                        name: string;
+                        label: string;
+                        description: string;
+                        language?: undefined;
+                        options?: undefined;
+                    })[];
+                } | {
+                    title: string;
+                    body: ({
+                        type: string;
+                        name: string;
+                        label: string;
+                        description: string;
+                        placeholder?: undefined;
+                    } | {
+                        type: string;
+                        name: string;
+                        label: string;
+                        placeholder: string;
+                        description?: undefined;
+                    })[];
+                })[];
+            }[];
+        };
+    };
+    group: string;
+    componentName: string;
+    title: string;
+    docUrl: string;
+    screenshot: string;
+    npm: {
+        package: string;
+        version: string;
+        exportName: string;
+        main: string;
+        destructuring: boolean;
+        subName: string;
+    };
+    preview: {
+        template: string;
+        data: {
+            name: string;
+        };
+    };
+    targets: string[];
+    engines: string[];
+};
+export default _default;

package/dist/types/components/Liquid.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+type SchemaObject = Record<string, any>;
+interface LiquidTemplateProps {
+    template: string;
+    data: Record<string, any>;
+    $schema?: Record<string, string | object>;
+    partials?: Record<string, string | object>;
+    className?: string;
+    render: (region: string, schema: SchemaObject, props?: any) => React.ReactNode;
+}
+export declare const LiquidComponent: React.FC<LiquidTemplateProps>;
+export {};

package/dist/types/components/index.d.ts

@@ -1 +1,2 @@
 export * from './Select';
+export * from './Liquid';

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

@@ -0,0 +1,102 @@
+declare const _default: {
+    snippets: {
+        title: string;
+        screenshot: string;
+        schema: {
+            type: string;
+            template: string;
+            data: {
+                title: string;
+                user: {
+                    name: string;
+                };
+            };
+        };
+    }[];
+    amis: {
+        render: {
+            type: string;
+            usage: string;
+            weight: number;
+            framework: string;
+        };
+        plugin: {
+            rendererName: string;
+            $schema: string;
+            name: string;
+            description: string;
+            tags: string[];
+            order: number;
+            icon: string;
+            scaffold: {
+                type: string;
+                template: string;
+            };
+            previewSchema: {
+                type: string;
+                template: string;
+            };
+            panelTitle: string;
+            panelControls: {
+                type: string;
+                tabs: ({
+                    title: string;
+                    body: ({
+                        type: string;
+                        language: string;
+                        name: string;
+                        label: string;
+                        description: string;
+                        options: {
+                            lineNumbers: boolean;
+                        };
+                    } | {
+                        type: string;
+                        name: string;
+                        label: string;
+                        description: string;
+                        language?: undefined;
+                        options?: undefined;
+                    })[];
+                } | {
+                    title: string;
+                    body: ({
+                        type: string;
+                        name: string;
+                        label: string;
+                        description: string;
+                        placeholder?: undefined;
+                    } | {
+                        type: string;
+                        name: string;
+                        label: string;
+                        placeholder: string;
+                        description?: undefined;
+                    })[];
+                })[];
+            }[];
+        };
+    };
+    group: string;
+    componentName: string;
+    title: string;
+    docUrl: string;
+    screenshot: string;
+    npm: {
+        package: string;
+        version: string;
+        exportName: string;
+        main: string;
+        destructuring: boolean;
+        subName: string;
+    };
+    preview: {
+        template: string;
+        data: {
+            name: string;
+        };
+    };
+    targets: string[];
+    engines: string[];
+};
+export default _default;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@steedos-widgets/antd",
   "private": false,
-  "version": "6.10.37",
+  "version": "6.10.38",
   "main": "dist/antd.cjs.js",
   "module": "dist/antd.esm.js",
   "unpkg": "dist/antd.umd.js",
@@ -47,5 +47,8 @@
     "rollup-plugin-tslib-resolve-id": "^0.0.0",
     "rollup-plugin-visualizer": "^5.8.0"
   },
-  "gitHead": "45a946abf98a6b7c45214336d8538755e4191c35"
+  "gitHead": "2d8d143abafd3a597c08cfec210f2110c5b0c52d",
+  "dependencies": {
+    "liquidjs": "^10.24.0"
+  }
 }