@steedos-widgets/antd 6.10.47 → 6.10.49

package/dist/antd.umd.js

@@ -306,23 +306,27 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
   };
   // --- 组件实现 ---
   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;
     // 支持 tpl 作为 template 的别名
     if (tpl && !template) {
       template = tpl;
     }
-    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 _c = __read(React.useState(''), 2),
+      html = _c[0],
+      setHtml = _c[1];
+    var _d = __read(React.useState({}), 2),
+      mountNodes = _d[0],
+      setMountNodes = _d[1];
     var containerRef = React.useRef(null);
     // 用于存储脚本清理函数的引用，以便在组件卸载或更新时清理副作用
     var scriptCleanupsRef = React.useRef([]);
@@ -554,8 +558,8 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
             try {
               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', debuggableCode);
-              var cleanupResult = func(data, scriptNode.parentElement);
+              var func = new Function('data', 'dom', 'doAction', 'dispatchEvent', debuggableCode);
+              var cleanupResult = func(data, scriptNode.parentElement, doAction, dispatchEvent);
               if (typeof cleanupResult === 'function') {
                 scriptCleanupsRef.current.push(cleanupResult);
               }
@@ -578,16 +582,106 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         });
       };
     }, [html, dataFingerprint]);
-    return React__default["default"].createElement("div", {
-      className: "liquid-amis-container ".concat(className || ''),
-      ref: containerRef
-    }, React__default["default"].createElement("div", {
+    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
       }
     }), portals);
   };
+  var Inject = function Inject(props) {
+    var _a = props.assets,
+      assets = _a === void 0 ? [] : _a,
+      body = props.body,
+      render = props.render,
+      children = props.children;
+    // 排除不需要透传的属性
+    props.className;
+    props.classnames;
+    props.env;
+    props.scope;
+    __rest(props, ["assets", "body", "render", "children", "className", "classnames", "env", "scope"]);
+    React.useEffect(function () {
+      // 记录本次渲染创建的所有 tag ID，以便卸载时清理
+      // 如果用户没传 ID，我们生成临时的，但建议用户传 ID
+      var mountedIds = [];
+      var injectOne = function injectOne(item, index) {
+        var type = item.type,
+          src = item.src,
+          content = item.content,
+          _a = item.location,
+          location = _a === void 0 ? 'start' : _a;
+        // 如果没有 id，生成一个临时的（注意：这种临时 ID 在组件更新时可能会导致资源重新加载）
+        var id = item.id || "amis-inject-".concat(type, "-").concat(index, "-").concat(Date.now());
+        mountedIds.push(id);
+        // 1. 清理旧资源 (避免重复或更新内容)
+        var oldElement = document.getElementById(id);
+        if (oldElement) {
+          oldElement.remove();
+        }
+        // 2. 创建 DOM 节点
+        var newTag = null;
+        if (type === 'css') {
+          // --- CSS 处理 ---
+          if (src) {
+            var link = document.createElement('link');
+            link.id = id;
+            link.rel = 'stylesheet';
+            link.type = 'text/css';
+            link.href = src;
+            newTag = link;
+          } else if (content) {
+            var style = document.createElement('style');
+            style.id = id;
+            style.type = 'text/css';
+            style.appendChild(document.createTextNode(content));
+            newTag = style;
+          }
+        } else if (type === 'js') {
+          // --- JS 处理 ---
+          var script = document.createElement('script');
+          script.id = id;
+          script.type = 'text/javascript';
+          if (src) {
+            script.src = src;
+            script.async = false; // 保持按顺序执行
+          } else if (content) {
+            script.text = content;
+          }
+          newTag = script;
+        }
+        // 3. 挂载节点
+        // CSS 始终挂载到 head
+        // JS 通常也可以挂载到 head，或者 body (这里为了统一管理，默认操作 head，如需 body 可自行扩展逻辑)
+        if (newTag) {
+          if (location === 'end') {
+            document.head.appendChild(newTag);
+          } else {
+            document.head.prepend(newTag);
+          }
+        }
+      };
+      // 批量执行注入
+      if (Array.isArray(assets)) {
+        assets.forEach(function (asset, index) {
+          return injectOne(asset, index);
+        });
+      }
+      // 4. 组件卸载时的清理函数
+      return function () {
+        mountedIds.forEach(function (id) {
+          var el = document.getElementById(id);
+          if (el) el.remove();
+        });
+      };
+    }, [JSON.stringify(assets)]); // 使用 JSON.stringify 深度监听数组变化
+    // --- 渲染子组件 (无外层 DIV) ---
+    if (!body) return null;
+    return React__default["default"].createElement(React__default["default"].Fragment, null, children, render('body', body, {}));
+  };
   exports.AntdSelect = AntdSelect;
+  exports.Inject = Inject;
   exports.LiquidComponent = LiquidComponent;
   Object.defineProperty(exports, '__esModule', {
     value: true

package/dist/assets.json

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

package/dist/components/Inject.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+export type AssetType = 'css' | 'js';
+export type AssetLocation = 'start' | 'end';
+export interface AssetItem {
+    type: AssetType;
+    id?: string;
+    src?: string;
+    content?: string;
+    location?: AssetLocation;
+}
+interface InjectProps extends React.ComponentProps<any> {
+    assets?: AssetItem[];
+    body?: any;
+    render: (region: string, schema: any, props?: any) => React.ReactNode;
+}
+declare const Inject: React.FC<InjectProps>;
+export { Inject };

package/dist/components/Liquid.d.ts

@@ -7,6 +7,7 @@ interface LiquidTemplateProps {
     $schema?: Record<string, string | object>;
     partials?: Record<string, string | object>;
     className?: string;
+    dispatchEvent: any;
     render: (region: string, schema: SchemaObject, props?: any) => React.ReactNode;
 }
 export declare const LiquidComponent: React.FC<LiquidTemplateProps>;

package/dist/components/index.d.ts

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

package/dist/meta.js

@@ -39,7 +39,7 @@
      * @Description: Configuration definition for the Antd Select Amis Custom Component.
      */
     // Removed i18next dependency (t function)
-    var config$1 = {
+    var config$2 = {
         // 1. Base Configuration
         group: 'General',
         componentName: "AntdSelect",
@@ -69,44 +69,44 @@
             icon: "fa-fw fas fa-caret-square-down"
         }
     };
-    var Select = __assign(__assign({}, config$1), { 
+    var Select = __assign(__assign({}, config$2), { 
         // 3. Snippets Configuration
         snippets: [
             {
-                title: config$1.title,
+                title: config$2.title,
                 screenshot: "",
                 schema: {
-                    componentName: config$1.componentName,
-                    props: config$1.preview
+                    componentName: config$2.componentName,
+                    props: config$2.preview
                 }
             }
         ], 
         // 4. Amis Renderer and Editor Plugin Configuration
         amis: {
             render: {
-                type: config$1.amis.name,
+                type: config$2.amis.name,
                 usage: "formitem",
                 weight: 1,
                 framework: "react"
             },
             plugin: {
-                rendererName: config$1.amis.name,
+                rendererName: config$2.amis.name,
                 $schema: '/schemas/UnkownSchema.json',
-                name: config$1.title,
-                description: config$1.title,
-                tags: [config$1.group],
+                name: config$2.title,
+                description: config$2.title,
+                tags: [config$2.group],
                 order: -9999,
-                icon: config$1.amis.icon,
+                icon: config$2.amis.icon,
                 scaffold: {
-                    type: config$1.amis.name,
-                    label: config$1.title,
+                    type: config$2.amis.name,
+                    label: config$2.title,
                     name: 'select_field',
                     options: [
                         { label: 'Option One', value: 'one' },
                         { label: 'Option Two', value: 'two' },
                     ]
                 },
-                previewSchema: { type: config$1.amis.name, label: 'Preview', placeholder: 'Please select' },
+                previewSchema: { type: config$2.amis.name, label: 'Preview', placeholder: 'Please select' },
                 panelTitle: 'Select Dropdown Settings',
                 // ====== OPTIMIZED PANEL CONTROLS (General & Advanced Tabs) START ======
                 panelControls: [
@@ -229,7 +229,7 @@
     /*
      * @Description: Configuration definition for the Liquid Template Amis Custom Component.
      */
-    var config = {
+    var config$1 = {
         // 1. Base Configuration
         group: 'General', // 或者 'Display'
         componentName: "LiquidComponent",
@@ -256,14 +256,14 @@
             icon: "fa-fw fas fa-code"
         }
     };
-    var Liquid = __assign(__assign({}, config), { 
+    var Liquid = __assign(__assign({}, config$1), { 
         // 3. Snippets Configuration (拖拽组件时的默认代码片段)
         snippets: [
             {
-                title: config.title,
+                title: config$1.title,
                 screenshot: "",
                 schema: {
-                    type: config.amis.name,
+                    type: config$1.amis.name,
                     template: "<div>\n  <h3>{{title}}</h3>\n  <p>User: {{user.name}}</p>\n</div>",
                     data: {
                         title: "Demo",
@@ -275,19 +275,19 @@
         // 4. Amis Renderer and Editor Plugin Configuration
         amis: {
             render: {
-                type: config.amis.name,
+                type: config$1.amis.name,
                 usage: "renderer", // 这是一个展示型组件，不是表单项，所以用 renderer
                 weight: 1,
                 framework: "react"
             },
             plugin: {
-                rendererName: config.amis.name,
+                rendererName: config$1.amis.name,
                 $schema: '/schemas/UnkownSchema.json',
-                name: config.title,
+                name: config$1.title,
                 description: "Render HTML using LiquidJS template engine",
-                tags: [config.group],
+                tags: [config$1.group],
                 order: 99,
-                icon: config.amis.icon,
+                icon: config$1.amis.icon,
                 // 容器类组件必需字段
                 regions: [
                     {
@@ -297,11 +297,11 @@
                     },
                 ],
                 scaffold: {
-                    type: config.amis.name,
+                    type: config$1.amis.name,
                     template: "Hello {{name}}",
                 },
                 previewSchema: {
-                    type: config.amis.name,
+                    type: config$1.amis.name,
                     template: "Preview: {{text}}",
                 },
                 panelTitle: 'Liquid Settings',
@@ -356,6 +356,64 @@
             }
         } });
 
+    /*
+     * @Description: Configuration definition for the Antd Select Amis Custom Component.
+     */
+    // Removed i18next dependency (t function)
+    var config = {
+        // 1. Base Configuration
+        group: 'General',
+        componentName: "Inject",
+        title: 'Inject',
+        docUrl: "",
+        screenshot: "",
+        npm: {
+            package: "@steedos-widgets/antd",
+            version: "{{version}}",
+            exportName: "Inject",
+            main: "",
+            destructuring: true,
+            subName: ""
+        },
+        targets: ["steedos__RecordPage", "steedos__AppPage", "steedos__HomePage"],
+        engines: ["amis"],
+        // 2. Amis Core Configuration
+        amis: {
+            name: 'inject',
+            icon: "fa-fw fas fa-caret-square-down"
+        }
+    };
+    var Inject = __assign(__assign({}, config), { 
+        // 3. Snippets Configuration
+        snippets: [
+            {
+                title: config.title,
+                screenshot: "",
+                schema: {
+                    componentName: config.componentName,
+                    props: config.preview
+                }
+            }
+        ], 
+        // 4. Amis Renderer and Editor Plugin Configuration
+        amis: {
+            render: {
+                type: config.amis.name,
+                usage: "renderer",
+                weight: 1,
+                framework: "react"
+            },
+            plugin: {
+                rendererName: config.amis.name,
+                $schema: '/schemas/UnkownSchema.json',
+                name: config.title,
+                description: "Inject css or js into the page head",
+                tags: [config.group],
+                order: 99,
+                icon: config.amis.icon,
+            }
+        } });
+
     /*
      * @Author: baozhoutao@steedos.com
      * @Date: 2022-08-31 16:32:35
@@ -363,7 +421,7 @@
      * @LastEditTime: 2022-09-01 18:46:29
      * @Description:
      */
-    var components = [Select, Liquid];
+    var components = [Select, Liquid, Inject];
     var meta = {
         components: components
     };

package/dist/metas/Inject.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

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

@@ -0,0 +1,17 @@
+import React from 'react';
+export type AssetType = 'css' | 'js';
+export type AssetLocation = 'start' | 'end';
+export interface AssetItem {
+    type: AssetType;
+    id?: string;
+    src?: string;
+    content?: string;
+    location?: AssetLocation;
+}
+interface InjectProps extends React.ComponentProps<any> {
+    assets?: AssetItem[];
+    body?: any;
+    render: (region: string, schema: any, props?: any) => React.ReactNode;
+}
+declare const Inject: React.FC<InjectProps>;
+export { Inject };

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

@@ -7,6 +7,7 @@ interface LiquidTemplateProps {
     $schema?: Record<string, string | object>;
     partials?: Record<string, string | object>;
     className?: string;
+    dispatchEvent: any;
     render: (region: string, schema: SchemaObject, props?: any) => React.ReactNode;
 }
 export declare const LiquidComponent: React.FC<LiquidTemplateProps>;

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

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

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

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@steedos-widgets/antd",
   "private": false,
-  "version": "6.10.47",
+  "version": "6.10.49",
   "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": "77e89d92cc0eed66fb50098dac63845633b1adbb",
+  "gitHead": "bd807f3646ba16317416ef5a445f74d6c9bba34a",
   "dependencies": {
     "liquidjs": "^10.24.0"
   }