npm - @zzdadelu/schema-builder - Versions diffs - 1.0.0-alpha.70 → 1.0.0-alpha.72 - Mend

@zzdadelu/schema-builder 1.0.0-alpha.70 → 1.0.0-alpha.72

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 (5) hide show

package/es/createIframe.js CHANGED Viewed

@@ -1,15 +1,14 @@
-// 创建一个新的 iframe 加载器：iframeLoaderEnhanced.ts
-export var createFixedIframe = function createFixedIframe(widgets) {
+// 修改 createIframe.ts
+var createIframeContent = function createIframeContent() {
+  var timestamp = new Date().getTime();
+  var html = "\n    <html>\n      <head>\n        <meta charset=\"UTF-8\" />\n        <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n        <meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\" />\n        <title>XRender</title>\n        <link rel=\"icon\" href=\"https://img.alicdn.com/tfs/TB17UtINiLaK1RjSZFxXXamPFXa-606-643.png\">\n        <link href=\"https://alifd.alicdn.com/npm/@alifd/theme-lowcode-light@0.2.1/variables.css?t=".concat(timestamp, "\" rel=\"stylesheet\" />\n        <link href=\"https://alifd.alicdn.com/npm/@alifd/theme-lowcode-light@0.2.1/dist/next.var.min.css?t=").concat(timestamp, "\" rel=\"stylesheet\" />\n        <link rel=\"stylesheet\" href=\"https://uipaas-assets.com/prod/npm/@alilc/lowcode-engine/1.2.3/dist/css/engine-core.css?t=").concat(timestamp, "\" />\n        <link rel=\"stylesheet\" href=\"https://uipaas-assets.com/prod/npm/@alilc/lowcode-engine-ext/1.0.6/dist/css/engine-ext.css?t=").concat(timestamp, "\" />\n        <link rel=\"stylesheet\" href=\"https://g.alicdn.com/fone-lowcode/fr-generator/1.1.0/css/index.css?t=").concat(timestamp, "\" />\n\n        <script>\n          // \u76D1\u542C\u7236\u7A97\u53E3\u7684\u6D88\u606F\n          window.addEventListener('message', function(event) {\n            // \u786E\u4FDD\u6D88\u606F\u6765\u6E90\u53EF\u4FE1\n            if (event.source !== window.parent) return;\n            \n            if (event.data.type === 'SET_GET_FORM_RENDER_MATERIAL') {\n              console.log('Received getFormRenderMaterial from parent');\n              \n              // \u5C06\u7236\u7A97\u53E3\u4F20\u9012\u7684\u51FD\u6570\u8BBE\u7F6E\u4E3A\u5168\u5C40\u65B9\u6CD5\n              window.getFormRenderMaterial = function() {\n                console.log('getFormRenderMaterial called (from parent)');\n                \n                // \u8FD9\u91CC\u53EF\u4EE5\u8C03\u7528\u7236\u7A97\u53E3\u4F20\u9012\u7684\u5B9E\u73B0\uFF0C\u6216\u8005\u4F7F\u7528\u672C\u5730\u5B9E\u73B0\n                if (event.data.implementation) {\n                  try {\n                    // \u4F7F\u7528\u7236\u7A97\u53E3\u4F20\u9012\u7684\u5B9E\u73B0\n                    return event.data.implementation.apply(this, arguments);\n                  } catch(e) {\n                    console.error('Error calling parent implementation:', e);\n                  }\n                }\n                \n                // \u540E\u5907\u5B9E\u73B0\n                return {};\n              };\n              \n              // \u786E\u8BA4\u8BBE\u7F6E\u5B8C\u6210\n              window.parent.postMessage({\n                type: 'GET_FORM_RENDER_MATERIAL_SET',\n                success: true\n              }, '*');\n            }\n          });\n          \n          // \u9884\u5B9A\u4E49\u4E00\u4E2A\u5B89\u5168\u7684 getFormRenderMaterial \u51FD\u6570\n          window.getFormRenderMaterial = window.getFormRenderMaterial || function() {\n            console.warn('getFormRenderMaterial called before initialization');\n            return {};\n          };\n          \n          // \u8BBE\u7F6E\u5176\u4ED6\u5FC5\u8981\u7684\u5168\u5C40\u53D8\u91CF\n          window.React = window.parent.React;\n          window.ReactDOM = window.parent.ReactDOM;\n          window.__is_simulator_env__ = true;\n        </script>\n        \n        <script src=\"https://g.alicdn.com/code/lib/prop-types/15.7.2/prop-types.js?t=").concat(timestamp, "\"></script>\n        <script src=\"https://g.alicdn.com/platform/c/react15-polyfill/0.0.1/dist/index.js?t=").concat(timestamp, "\"></script>\n        <script src=\"https://g.alicdn.com/platform/c/lodash/4.6.1/lodash.min.js?t=").concat(timestamp, "\"></script>\n        <script src=\"https://g.alicdn.com/mylib/moment/2.24.0/min/moment.min.js?t=").concat(timestamp, "\"></script>\n        <script src=\"https://g.alicdn.com/code/lib/alifd__next/1.23.24/next.min.js?t=").concat(timestamp, "\"></script>\n        <script crossorigin=\"anonymous\" src=\"https://uipaas-assets.com/prod/npm/@alilc/lowcode-engine/1.2.3/dist/js/engine-core.js?t=").concat(timestamp, "\"></script>\n        <script crossorigin=\"anonymous\" src=\"https://uipaas-assets.com/prod/npm/@alilc/lowcode-engine-ext/1.0.6/dist/js/engine-ext.js?t=").concat(timestamp, "\"></script>\n      </head>\n\n      <body>\n        <div id=\"lce-container\"></div>\n        <script type=\"text/javascript\" src=\"https://g.alicdn.com/fone-lowcode/fr-generator/1.1.0/js/index.js?t=").concat(timestamp, "\"></script>\n      </body>\n    </html>\n  ");
+  return html;
+};
+export default (function () {
   var iframe = document.createElement('iframe');
   iframe.width = '100%';
   iframe.height = '100%';
   iframe.frameBorder = '0';
-  var timestamp = Date.now();
-  var cacheBuster = "?t=".concat(timestamp);
-  // 将 widgets 转换为 JSON 字符串用于注入
-  var widgetsJson = JSON.stringify(widgets || {});
-  var html = "<!DOCTYPE html>\n    <html>\n      <head>\n        <meta charset=\"UTF-8\">\n        <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n        <title>XRender</title>\n        <link rel=\"icon\" href=\"https://img.alicdn.com/tfs/TB17UtINiLaK1RjSZFxXXamPFXa-606-643.png\">\n        \n        <!-- \u6837\u5F0F -->\n        <link href=\"https://alifd.alicdn.com/npm/@alifd/theme-lowcode-light@0.2.1/variables.css".concat(cacheBuster, "\" rel=\"stylesheet\">\n        <link href=\"https://alifd.alicdn.com/npm/@alifd/theme-lowcode-light@0.2.1/dist/next.var.min.css").concat(cacheBuster, "\" rel=\"stylesheet\">\n        <link rel=\"stylesheet\" href=\"https://uipaas-assets.com/prod/npm/@alilc/lowcode-engine/1.2.3/dist/css/engine-core.css").concat(cacheBuster, "\">\n        <link rel=\"stylesheet\" href=\"https://uipaas-assets.com/prod/npm/@alilc/lowcode-engine-ext/1.0.6/dist/css/engine-ext.css").concat(cacheBuster, "\">\n        <link rel=\"stylesheet\" href=\"https://g.alicdn.com/fone-lowcode/fr-generator/1.1.0/css/index.css").concat(cacheBuster, "\">\n        \n        <script>\n          // \u6838\u5FC3\u4FEE\u590D\uFF1A\u5B8C\u5168\u63A5\u7BA1 polling \u673A\u5236\n          (function() {\n            // \u5B58\u50A8\u539F\u59CB\u7684 polling \u65B9\u6CD5\n            var originalPolling = null;\n            \n            // \u5B9A\u4E49\u6211\u4EEC\u81EA\u5DF1\u7684 polling \u5B9E\u73B0\n            var fixedPolling = function(t) {\n              console.log('Fixed polling called with data:', t ? 'has data' : 'no data');\n              \n              // \u76F4\u63A5\u8BBE\u7F6E getFormRenderMaterial\uFF0C\u4E0D\u4F9D\u8D56\u4E8E\u67E5\u627E iframe\n              window.getFormRenderMaterial = function() {\n                console.log('Fixed getFormRenderMaterial called');\n                // \u8FD4\u56DE\u5B9E\u9645\u7684 widgets \u6570\u636E\n                var widgetsData = window.__WIDGETS_DATA__ || t || {};\n                return Object.assign({__esModule: true}, widgetsData, {});\n              };\n              \n              // \u786E\u4FDD\u65B9\u6CD5\u5DF2\u8BBE\u7F6E\n              console.log('getFormRenderMaterial set:', !!window.getFormRenderMaterial);\n              \n              // \u5982\u679C\u6709\u539F\u59CB polling\uFF0C\u4E5F\u8C03\u7528\u5B83\uFF08\u5982\u679C\u5B83\u5B58\u5728\uFF09\n              if (originalPolling) {\n                try {\n                  originalPolling.call(this, t);\n                } catch(e) {\n                  console.error('Original polling failed:', e);\n                }\n              }\n              \n              // \u6807\u8BB0 polling \u5B8C\u6210\n              window.__POLLING_COMPLETE__ = true;\n            };\n            \n            // \u62E6\u622A fr-generator \u7684 polling \u65B9\u6CD5\n            var interceptPolling = function() {\n              if (window.__FR_ENGINE__ && typeof window.__FR_ENGINE__.polling === 'function') {\n                originalPolling = window.__FR_ENGINE__.polling;\n                window.__FR_ENGINE__.polling = fixedPolling;\n                console.log('Successfully intercepted polling method');\n                return true;\n              }\n              return false;\n            };\n            \n            // \u7ACB\u5373\u5C1D\u8BD5\u62E6\u622A\n            if (!interceptPolling()) {\n              // \u5982\u679C fr-generator \u8FD8\u6CA1\u52A0\u8F7D\uFF0C\u8BBE\u7F6E\u4E00\u4E2A\u76D1\u542C\u5668\n              var checkInterval = setInterval(function() {\n                if (interceptPolling()) {\n                  clearInterval(checkInterval);\n                  console.log('Polling interception complete');\n                }\n              }, 100);\n              \n              // \u6700\u591A\u68C0\u67E5 5 \u79D2\n              setTimeout(function() {\n                clearInterval(checkInterval);\n              }, 5000);\n            }\n            \n            // \u6CE8\u5165 widgets \u6570\u636E\n            window.__WIDGETS_DATA__ = ").concat(widgetsJson, ";\n            \n            // \u8BBE\u7F6E\u5176\u4ED6\u5FC5\u8981\u7684\u5168\u5C40\u53D8\u91CF\n            window.React = window.parent.React;\n            window.ReactDOM = window.parent.ReactDOM;\n            window.__is_simulator_env__ = true;\n            window.PropTypes = window.parent.PropTypes;\n            window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__REACT_DEVTOOLS_GLOBAL_HOOK__;\n            \n            // \u9884\u5B9A\u4E49 getFormRenderMaterial \u4F5C\u4E3A\u540E\u5907\n            window.getFormRenderMaterial = window.getFormRenderMaterial || function() {\n              console.log('Fallback getFormRenderMaterial called');\n              return Object.assign({__esModule: true}, window.__WIDGETS_DATA__ || {});\n            };\n          })();\n        </script>\n      </head>\n      <body>\n        <div id=\"lce-container\"></div>\n        \n        <!-- \u52A0\u8F7D\u6240\u6709\u811A\u672C -->\n        <script src=\"https://g.alicdn.com/code/lib/prop-types/15.7.2/prop-types.js").concat(cacheBuster, "\"></script>\n        <script src=\"https://g.alicdn.com/platform/c/react15-polyfill/0.0.1/dist/index.js").concat(cacheBuster, "\"></script>\n        <script src=\"https://g.alicdn.com/platform/c/lodash/4.6.1/lodash.min.js").concat(cacheBuster, "\"></script>\n        <script src=\"https://g.alicdn.com/mylib/moment/2.24.0/min/moment.min.js").concat(cacheBuster, "\"></script>\n        <script src=\"https://g.alicdn.com/code/lib/alifd__next/1.23.24/next.min.js").concat(cacheBuster, "\"></script>\n        <script crossorigin=\"anonymous\" src=\"https://uipaas-assets.com/prod/npm/@alilc/lowcode-engine/1.2.3/dist/js/engine-core.js").concat(cacheBuster, "\"></script>\n        <script crossorigin=\"anonymous\" src=\"https://uipaas-assets.com/prod/npm/@alilc/lowcode-engine-ext/1.0.6/dist/js/engine-ext.js").concat(cacheBuster, "\"></script>\n        <script type=\"text/javascript\" src=\"https://g.alicdn.com/fone-lowcode/fr-generator/1.1.0/js/index.js").concat(cacheBuster, "\"></script>\n        \n        <script>\n          // \u786E\u4FDD\u5728 iframe \u52A0\u8F7D\u5B8C\u6210\u540E\u901A\u77E5\u7236\u7A97\u53E3\n          window.addEventListener('load', function() {\n            console.log('iframe fully loaded, polling status:', window.__POLLING_COMPLETE__);\n            \n            // \u518D\u6B21\u786E\u4FDD getFormRenderMaterial \u5B58\u5728\n            if (!window.getFormRenderMaterial) {\n              console.warn('getFormRenderMaterial still missing, setting emergency fallback');\n              window.getFormRenderMaterial = function() {\n                return {};\n              };\n            }\n            \n            // \u901A\u77E5\u7236\u7A97\u53E3 iframe \u5DF2\u51C6\u5907\u5C31\u7EEA\n            setTimeout(function() {\n              window.parent.postMessage({ type: 'iframe-ready' }, '*');\n              window.parent.postMessage({ type: 'engine-load' }, '*');\n            }, 300);\n          });\n        </script>\n      </body>\n    </html>");
-  iframe.srcdoc = html;
+  iframe.srcdoc = createIframeContent();
   return iframe;
-};
+});

package/es/main.js CHANGED Viewed

@@ -7,15 +7,19 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+// 修改 main.ts
 import React, { useEffect, useRef, useImperativeHandle, forwardRef } from 'react';
+import createIframe from './createIframe';
 import * as defaultSetting from './settings';
-import { createFixedIframe } from './createIframe';
-var iframe;
+var iframe = null;
 var Design = function Design(props, ref) {
   var widgets = props.widgets,
     settings = props.settings,
     restProps = _objectWithoutProperties(props, _excluded);
   var containerRef = useRef();
+  var injectionAttemptsRef = useRef(0);
+  var maxInjectionAttempts = 50; // 最多尝试50次
   useImperativeHandle(ref, function () {
     return {
       getValue: function getValue() {
@@ -29,29 +33,138 @@ var Design = function Design(props, ref) {
     };
   });
   useEffect(function () {
-    window.addEventListener('message', engineOnLoad);
     initIframe();
+    window.addEventListener('message', engineOnLoad);
+    // 监听来自 iframe 的消息
+    window.addEventListener('message', handleIframeMessage);
     return function () {
       window.removeEventListener('message', engineOnLoad);
+      window.removeEventListener('message', handleIframeMessage);
     };
   }, []);
   var initIframe = function initIframe() {
-    iframe = createFixedIframe;
+    iframe = createIframe();
     containerRef.current.appendChild(iframe);
+    // 监听 iframe 的 load 事件
+    iframe.onload = function () {
+      console.log('iframe loaded, injecting getFormRenderMaterial');
+      injectGetFormRenderMaterial();
+      // 启动一个定时器，持续检查并注入
+      var checkInterval = setInterval(function () {
+        var _iframe3;
+        injectionAttemptsRef.current++;
+        if (injectionAttemptsRef.current > maxInjectionAttempts) {
+          clearInterval(checkInterval);
+          console.error("Failed to inject getFormRenderMaterial after ".concat(maxInjectionAttempts, " attempts"));
+          return;
+        }
+        if (((_iframe3 = iframe) === null || _iframe3 === void 0 ? void 0 : _iframe3.contentWindow) && !isFunctionProperlyInjected()) {
+          console.log("Attempt ".concat(injectionAttemptsRef.current, ": Injecting getFormRenderMaterial"));
+          injectGetFormRenderMaterial();
+        } else if (isFunctionProperlyInjected()) {
+          clearInterval(checkInterval);
+          console.log('getFormRenderMaterial successfully injected and verified');
+        }
+      }, 100);
+    };
+  };
+  var handleIframeMessage = function handleIframeMessage(event) {
+    var _iframe4;
+    // 确保消息来自我们的 iframe
+    if (event.source !== ((_iframe4 = iframe) === null || _iframe4 === void 0 ? void 0 : _iframe4.contentWindow)) return;
+    if (event.data.type === 'GET_FORM_RENDER_MATERIAL_SET') {
+      console.log('iframe confirmed getFormRenderMaterial was set');
+    }
+  };
+  var injectGetFormRenderMaterial = function injectGetFormRenderMaterial() {
+    var _iframe5;
+    if (!((_iframe5 = iframe) === null || _iframe5 === void 0 ? void 0 : _iframe5.contentWindow)) {
+      console.error('Cannot inject: iframe or contentWindow not available');
+      return false;
+    }
+    try {
+      // 方法1：直接注入（可能受同源策略限制）
+      var iframeWin = iframe.contentWindow;
+      // 创建一个函数字符串，然后通过 eval 在 iframe 上下文中执行
+      var functionString = "\n        (function() {\n          window.getFormRenderMaterial = function() {\n            console.log('getFormRenderMaterial called (injected from parent)');\n            return ".concat(JSON.stringify(Object.assign({
+        __esModule: true
+      }, widgets || {})), ";\n          };\n          return true;\n        })()\n      ");
+      // 尝试通过 eval 执行
+      try {
+        iframeWin.eval(functionString);
+        console.log('getFormRenderMaterial injected via eval');
+      } catch (evalError) {
+        console.warn('eval failed, trying direct assignment:', evalError);
+        // 回退到直接赋值
+        iframeWin.getFormRenderMaterial = function () {
+          console.log('getFormRenderMaterial called (direct assignment)');
+          return Object.assign({
+            __esModule: true
+          }, widgets || {});
+        };
+      }
+      // 方法2：使用 postMessage 发送函数实现
+      iframeWin.postMessage({
+        type: 'SET_GET_FORM_RENDER_MATERIAL',
+        implementation: function implementation() {
+          return Object.assign({
+            __esModule: true
+          }, widgets || {});
+        }
+      }, '*');
+      return true;
+    } catch (error) {
+      console.error('Error injecting getFormRenderMaterial:', error);
+      return false;
+    }
+  };
+  var isFunctionProperlyInjected = function isFunctionProperlyInjected() {
+    try {
+      var _iframe6;
+      var iframeWin = (_iframe6 = iframe) === null || _iframe6 === void 0 ? void 0 : _iframe6.contentWindow;
+      return iframeWin && typeof iframeWin.getFormRenderMaterial === 'function' && iframeWin.getFormRenderMaterial.toString().includes('getFormRenderMaterial');
+    } catch (error) {
+      // 可能由于同源策略无法访问
+      return false;
+    }
   };
   var engineOnLoad = function engineOnLoad(event) {
-    var _iframe3, _iframe3$contentWindo, _iframe3$contentWindo2;
+    var _iframe7;
     if (event.data.type !== 'engine-load') {
       return;
     }
-    (_iframe3 = iframe) === null || _iframe3 === void 0 ? void 0 : (_iframe3$contentWindo = _iframe3.contentWindow) === null || _iframe3$contentWindo === void 0 ? void 0 : (_iframe3$contentWindo2 = _iframe3$contentWindo.__FR_ENGINE__) === null || _iframe3$contentWindo2 === void 0 ? void 0 : _iframe3$contentWindo2.init(_objectSpread({
-      settings: _objectSpread(_objectSpread({}, defaultSetting), settings),
-      widgets: widgets,
-      // recordEnable: true,
-      logo: {
-        title: 'XRender'
-      }
-    }, restProps));
+    // 在初始化前再次确保 getFormRenderMaterial 存在
+    console.log('Engine loading, verifying getFormRenderMaterial');
+    // 尝试通过 postMessage 与 iframe 通信来验证
+    if ((_iframe7 = iframe) === null || _iframe7 === void 0 ? void 0 : _iframe7.contentWindow) {
+      iframe.contentWindow.postMessage({
+        type: 'VERIFY_GET_FORM_RENDER_MATERIAL'
+      }, '*');
+      // 设置一个超时，以防验证失败
+      setTimeout(function () {
+        var _iframe8, _iframe8$contentWindo;
+        if ((_iframe8 = iframe) === null || _iframe8 === void 0 ? void 0 : (_iframe8$contentWindo = _iframe8.contentWindow) === null || _iframe8$contentWindo === void 0 ? void 0 : _iframe8$contentWindo.__FR_ENGINE__) {
+          console.log('Initializing FR_ENGINE');
+          iframe.contentWindow.__FR_ENGINE__.init(_objectSpread({
+            settings: _objectSpread(_objectSpread({}, defaultSetting), settings),
+            widgets: widgets,
+            logo: {
+              title: 'XRender'
+            }
+          }, restProps));
+        }
+      }, 500);
+    }
   };
   return /*#__PURE__*/React.createElement("div", {
     ref: containerRef,

package/lib/createIframe.js CHANGED Viewed

@@ -3,19 +3,18 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.createFixedIframe = void 0;
-// 创建一个新的 iframe 加载器：iframeLoaderEnhanced.ts
-var createFixedIframe = exports.createFixedIframe = function createFixedIframe(widgets) {
+exports.default = void 0;
+// 修改 createIframe.ts
+var createIframeContent = function createIframeContent() {
+  var timestamp = new Date().getTime();
+  var html = "\n    <html>\n      <head>\n        <meta charset=\"UTF-8\" />\n        <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n        <meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\" />\n        <title>XRender</title>\n        <link rel=\"icon\" href=\"https://img.alicdn.com/tfs/TB17UtINiLaK1RjSZFxXXamPFXa-606-643.png\">\n        <link href=\"https://alifd.alicdn.com/npm/@alifd/theme-lowcode-light@0.2.1/variables.css?t=".concat(timestamp, "\" rel=\"stylesheet\" />\n        <link href=\"https://alifd.alicdn.com/npm/@alifd/theme-lowcode-light@0.2.1/dist/next.var.min.css?t=").concat(timestamp, "\" rel=\"stylesheet\" />\n        <link rel=\"stylesheet\" href=\"https://uipaas-assets.com/prod/npm/@alilc/lowcode-engine/1.2.3/dist/css/engine-core.css?t=").concat(timestamp, "\" />\n        <link rel=\"stylesheet\" href=\"https://uipaas-assets.com/prod/npm/@alilc/lowcode-engine-ext/1.0.6/dist/css/engine-ext.css?t=").concat(timestamp, "\" />\n        <link rel=\"stylesheet\" href=\"https://g.alicdn.com/fone-lowcode/fr-generator/1.1.0/css/index.css?t=").concat(timestamp, "\" />\n\n        <script>\n          // \u76D1\u542C\u7236\u7A97\u53E3\u7684\u6D88\u606F\n          window.addEventListener('message', function(event) {\n            // \u786E\u4FDD\u6D88\u606F\u6765\u6E90\u53EF\u4FE1\n            if (event.source !== window.parent) return;\n            \n            if (event.data.type === 'SET_GET_FORM_RENDER_MATERIAL') {\n              console.log('Received getFormRenderMaterial from parent');\n              \n              // \u5C06\u7236\u7A97\u53E3\u4F20\u9012\u7684\u51FD\u6570\u8BBE\u7F6E\u4E3A\u5168\u5C40\u65B9\u6CD5\n              window.getFormRenderMaterial = function() {\n                console.log('getFormRenderMaterial called (from parent)');\n                \n                // \u8FD9\u91CC\u53EF\u4EE5\u8C03\u7528\u7236\u7A97\u53E3\u4F20\u9012\u7684\u5B9E\u73B0\uFF0C\u6216\u8005\u4F7F\u7528\u672C\u5730\u5B9E\u73B0\n                if (event.data.implementation) {\n                  try {\n                    // \u4F7F\u7528\u7236\u7A97\u53E3\u4F20\u9012\u7684\u5B9E\u73B0\n                    return event.data.implementation.apply(this, arguments);\n                  } catch(e) {\n                    console.error('Error calling parent implementation:', e);\n                  }\n                }\n                \n                // \u540E\u5907\u5B9E\u73B0\n                return {};\n              };\n              \n              // \u786E\u8BA4\u8BBE\u7F6E\u5B8C\u6210\n              window.parent.postMessage({\n                type: 'GET_FORM_RENDER_MATERIAL_SET',\n                success: true\n              }, '*');\n            }\n          });\n          \n          // \u9884\u5B9A\u4E49\u4E00\u4E2A\u5B89\u5168\u7684 getFormRenderMaterial \u51FD\u6570\n          window.getFormRenderMaterial = window.getFormRenderMaterial || function() {\n            console.warn('getFormRenderMaterial called before initialization');\n            return {};\n          };\n          \n          // \u8BBE\u7F6E\u5176\u4ED6\u5FC5\u8981\u7684\u5168\u5C40\u53D8\u91CF\n          window.React = window.parent.React;\n          window.ReactDOM = window.parent.ReactDOM;\n          window.__is_simulator_env__ = true;\n        </script>\n        \n        <script src=\"https://g.alicdn.com/code/lib/prop-types/15.7.2/prop-types.js?t=").concat(timestamp, "\"></script>\n        <script src=\"https://g.alicdn.com/platform/c/react15-polyfill/0.0.1/dist/index.js?t=").concat(timestamp, "\"></script>\n        <script src=\"https://g.alicdn.com/platform/c/lodash/4.6.1/lodash.min.js?t=").concat(timestamp, "\"></script>\n        <script src=\"https://g.alicdn.com/mylib/moment/2.24.0/min/moment.min.js?t=").concat(timestamp, "\"></script>\n        <script src=\"https://g.alicdn.com/code/lib/alifd__next/1.23.24/next.min.js?t=").concat(timestamp, "\"></script>\n        <script crossorigin=\"anonymous\" src=\"https://uipaas-assets.com/prod/npm/@alilc/lowcode-engine/1.2.3/dist/js/engine-core.js?t=").concat(timestamp, "\"></script>\n        <script crossorigin=\"anonymous\" src=\"https://uipaas-assets.com/prod/npm/@alilc/lowcode-engine-ext/1.0.6/dist/js/engine-ext.js?t=").concat(timestamp, "\"></script>\n      </head>\n\n      <body>\n        <div id=\"lce-container\"></div>\n        <script type=\"text/javascript\" src=\"https://g.alicdn.com/fone-lowcode/fr-generator/1.1.0/js/index.js?t=").concat(timestamp, "\"></script>\n      </body>\n    </html>\n  ");
+  return html;
+};
+var _default = exports.default = function _default() {
   var iframe = document.createElement('iframe');
   iframe.width = '100%';
   iframe.height = '100%';
   iframe.frameBorder = '0';
-  var timestamp = Date.now();
-  var cacheBuster = "?t=".concat(timestamp);
-  // 将 widgets 转换为 JSON 字符串用于注入
-  var widgetsJson = JSON.stringify(widgets || {});
-  var html = "<!DOCTYPE html>\n    <html>\n      <head>\n        <meta charset=\"UTF-8\">\n        <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n        <title>XRender</title>\n        <link rel=\"icon\" href=\"https://img.alicdn.com/tfs/TB17UtINiLaK1RjSZFxXXamPFXa-606-643.png\">\n        \n        <!-- \u6837\u5F0F -->\n        <link href=\"https://alifd.alicdn.com/npm/@alifd/theme-lowcode-light@0.2.1/variables.css".concat(cacheBuster, "\" rel=\"stylesheet\">\n        <link href=\"https://alifd.alicdn.com/npm/@alifd/theme-lowcode-light@0.2.1/dist/next.var.min.css").concat(cacheBuster, "\" rel=\"stylesheet\">\n        <link rel=\"stylesheet\" href=\"https://uipaas-assets.com/prod/npm/@alilc/lowcode-engine/1.2.3/dist/css/engine-core.css").concat(cacheBuster, "\">\n        <link rel=\"stylesheet\" href=\"https://uipaas-assets.com/prod/npm/@alilc/lowcode-engine-ext/1.0.6/dist/css/engine-ext.css").concat(cacheBuster, "\">\n        <link rel=\"stylesheet\" href=\"https://g.alicdn.com/fone-lowcode/fr-generator/1.1.0/css/index.css").concat(cacheBuster, "\">\n        \n        <script>\n          // \u6838\u5FC3\u4FEE\u590D\uFF1A\u5B8C\u5168\u63A5\u7BA1 polling \u673A\u5236\n          (function() {\n            // \u5B58\u50A8\u539F\u59CB\u7684 polling \u65B9\u6CD5\n            var originalPolling = null;\n            \n            // \u5B9A\u4E49\u6211\u4EEC\u81EA\u5DF1\u7684 polling \u5B9E\u73B0\n            var fixedPolling = function(t) {\n              console.log('Fixed polling called with data:', t ? 'has data' : 'no data');\n              \n              // \u76F4\u63A5\u8BBE\u7F6E getFormRenderMaterial\uFF0C\u4E0D\u4F9D\u8D56\u4E8E\u67E5\u627E iframe\n              window.getFormRenderMaterial = function() {\n                console.log('Fixed getFormRenderMaterial called');\n                // \u8FD4\u56DE\u5B9E\u9645\u7684 widgets \u6570\u636E\n                var widgetsData = window.__WIDGETS_DATA__ || t || {};\n                return Object.assign({__esModule: true}, widgetsData, {});\n              };\n              \n              // \u786E\u4FDD\u65B9\u6CD5\u5DF2\u8BBE\u7F6E\n              console.log('getFormRenderMaterial set:', !!window.getFormRenderMaterial);\n              \n              // \u5982\u679C\u6709\u539F\u59CB polling\uFF0C\u4E5F\u8C03\u7528\u5B83\uFF08\u5982\u679C\u5B83\u5B58\u5728\uFF09\n              if (originalPolling) {\n                try {\n                  originalPolling.call(this, t);\n                } catch(e) {\n                  console.error('Original polling failed:', e);\n                }\n              }\n              \n              // \u6807\u8BB0 polling \u5B8C\u6210\n              window.__POLLING_COMPLETE__ = true;\n            };\n            \n            // \u62E6\u622A fr-generator \u7684 polling \u65B9\u6CD5\n            var interceptPolling = function() {\n              if (window.__FR_ENGINE__ && typeof window.__FR_ENGINE__.polling === 'function') {\n                originalPolling = window.__FR_ENGINE__.polling;\n                window.__FR_ENGINE__.polling = fixedPolling;\n                console.log('Successfully intercepted polling method');\n                return true;\n              }\n              return false;\n            };\n            \n            // \u7ACB\u5373\u5C1D\u8BD5\u62E6\u622A\n            if (!interceptPolling()) {\n              // \u5982\u679C fr-generator \u8FD8\u6CA1\u52A0\u8F7D\uFF0C\u8BBE\u7F6E\u4E00\u4E2A\u76D1\u542C\u5668\n              var checkInterval = setInterval(function() {\n                if (interceptPolling()) {\n                  clearInterval(checkInterval);\n                  console.log('Polling interception complete');\n                }\n              }, 100);\n              \n              // \u6700\u591A\u68C0\u67E5 5 \u79D2\n              setTimeout(function() {\n                clearInterval(checkInterval);\n              }, 5000);\n            }\n            \n            // \u6CE8\u5165 widgets \u6570\u636E\n            window.__WIDGETS_DATA__ = ").concat(widgetsJson, ";\n            \n            // \u8BBE\u7F6E\u5176\u4ED6\u5FC5\u8981\u7684\u5168\u5C40\u53D8\u91CF\n            window.React = window.parent.React;\n            window.ReactDOM = window.parent.ReactDOM;\n            window.__is_simulator_env__ = true;\n            window.PropTypes = window.parent.PropTypes;\n            window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__REACT_DEVTOOLS_GLOBAL_HOOK__;\n            \n            // \u9884\u5B9A\u4E49 getFormRenderMaterial \u4F5C\u4E3A\u540E\u5907\n            window.getFormRenderMaterial = window.getFormRenderMaterial || function() {\n              console.log('Fallback getFormRenderMaterial called');\n              return Object.assign({__esModule: true}, window.__WIDGETS_DATA__ || {});\n            };\n          })();\n        </script>\n      </head>\n      <body>\n        <div id=\"lce-container\"></div>\n        \n        <!-- \u52A0\u8F7D\u6240\u6709\u811A\u672C -->\n        <script src=\"https://g.alicdn.com/code/lib/prop-types/15.7.2/prop-types.js").concat(cacheBuster, "\"></script>\n        <script src=\"https://g.alicdn.com/platform/c/react15-polyfill/0.0.1/dist/index.js").concat(cacheBuster, "\"></script>\n        <script src=\"https://g.alicdn.com/platform/c/lodash/4.6.1/lodash.min.js").concat(cacheBuster, "\"></script>\n        <script src=\"https://g.alicdn.com/mylib/moment/2.24.0/min/moment.min.js").concat(cacheBuster, "\"></script>\n        <script src=\"https://g.alicdn.com/code/lib/alifd__next/1.23.24/next.min.js").concat(cacheBuster, "\"></script>\n        <script crossorigin=\"anonymous\" src=\"https://uipaas-assets.com/prod/npm/@alilc/lowcode-engine/1.2.3/dist/js/engine-core.js").concat(cacheBuster, "\"></script>\n        <script crossorigin=\"anonymous\" src=\"https://uipaas-assets.com/prod/npm/@alilc/lowcode-engine-ext/1.0.6/dist/js/engine-ext.js").concat(cacheBuster, "\"></script>\n        <script type=\"text/javascript\" src=\"https://g.alicdn.com/fone-lowcode/fr-generator/1.1.0/js/index.js").concat(cacheBuster, "\"></script>\n        \n        <script>\n          // \u786E\u4FDD\u5728 iframe \u52A0\u8F7D\u5B8C\u6210\u540E\u901A\u77E5\u7236\u7A97\u53E3\n          window.addEventListener('load', function() {\n            console.log('iframe fully loaded, polling status:', window.__POLLING_COMPLETE__);\n            \n            // \u518D\u6B21\u786E\u4FDD getFormRenderMaterial \u5B58\u5728\n            if (!window.getFormRenderMaterial) {\n              console.warn('getFormRenderMaterial still missing, setting emergency fallback');\n              window.getFormRenderMaterial = function() {\n                return {};\n              };\n            }\n            \n            // \u901A\u77E5\u7236\u7A97\u53E3 iframe \u5DF2\u51C6\u5907\u5C31\u7EEA\n            setTimeout(function() {\n              window.parent.postMessage({ type: 'iframe-ready' }, '*');\n              window.parent.postMessage({ type: 'engine-load' }, '*');\n            }, 300);\n          });\n        </script>\n      </body>\n    </html>");
-  iframe.srcdoc = html;
+  iframe.srcdoc = createIframeContent();
   return iframe;
 };

package/lib/main.js CHANGED Viewed

@@ -6,9 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _createIframe = _interopRequireDefault(require("./createIframe"));
 var defaultSetting = _interopRequireWildcard(require("./settings"));
-var _createIframe = require("./createIframe");
-var _excluded = ["widgets", "settings"];
+var _excluded = ["widgets", "settings"]; // 修改 main.ts
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -17,12 +18,15 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-var iframe;
+var iframe = null;
 var Design = function Design(props, ref) {
   var widgets = props.widgets,
     settings = props.settings,
     restProps = _objectWithoutProperties(props, _excluded);
   var containerRef = (0, _react.useRef)();
+  var injectionAttemptsRef = (0, _react.useRef)(0);
+  var maxInjectionAttempts = 50; // 最多尝试50次
   (0, _react.useImperativeHandle)(ref, function () {
     return {
       getValue: function getValue() {
@@ -36,29 +40,138 @@ var Design = function Design(props, ref) {
     };
   });
   (0, _react.useEffect)(function () {
-    window.addEventListener('message', engineOnLoad);
     initIframe();
+    window.addEventListener('message', engineOnLoad);
+    // 监听来自 iframe 的消息
+    window.addEventListener('message', handleIframeMessage);
     return function () {
       window.removeEventListener('message', engineOnLoad);
+      window.removeEventListener('message', handleIframeMessage);
     };
   }, []);
   var initIframe = function initIframe() {
-    iframe = _createIframe.createFixedIframe;
+    iframe = (0, _createIframe.default)();
     containerRef.current.appendChild(iframe);
+    // 监听 iframe 的 load 事件
+    iframe.onload = function () {
+      console.log('iframe loaded, injecting getFormRenderMaterial');
+      injectGetFormRenderMaterial();
+      // 启动一个定时器，持续检查并注入
+      var checkInterval = setInterval(function () {
+        var _iframe3;
+        injectionAttemptsRef.current++;
+        if (injectionAttemptsRef.current > maxInjectionAttempts) {
+          clearInterval(checkInterval);
+          console.error("Failed to inject getFormRenderMaterial after ".concat(maxInjectionAttempts, " attempts"));
+          return;
+        }
+        if (((_iframe3 = iframe) === null || _iframe3 === void 0 ? void 0 : _iframe3.contentWindow) && !isFunctionProperlyInjected()) {
+          console.log("Attempt ".concat(injectionAttemptsRef.current, ": Injecting getFormRenderMaterial"));
+          injectGetFormRenderMaterial();
+        } else if (isFunctionProperlyInjected()) {
+          clearInterval(checkInterval);
+          console.log('getFormRenderMaterial successfully injected and verified');
+        }
+      }, 100);
+    };
+  };
+  var handleIframeMessage = function handleIframeMessage(event) {
+    var _iframe4;
+    // 确保消息来自我们的 iframe
+    if (event.source !== ((_iframe4 = iframe) === null || _iframe4 === void 0 ? void 0 : _iframe4.contentWindow)) return;
+    if (event.data.type === 'GET_FORM_RENDER_MATERIAL_SET') {
+      console.log('iframe confirmed getFormRenderMaterial was set');
+    }
+  };
+  var injectGetFormRenderMaterial = function injectGetFormRenderMaterial() {
+    var _iframe5;
+    if (!((_iframe5 = iframe) === null || _iframe5 === void 0 ? void 0 : _iframe5.contentWindow)) {
+      console.error('Cannot inject: iframe or contentWindow not available');
+      return false;
+    }
+    try {
+      // 方法1：直接注入（可能受同源策略限制）
+      var iframeWin = iframe.contentWindow;
+      // 创建一个函数字符串，然后通过 eval 在 iframe 上下文中执行
+      var functionString = "\n        (function() {\n          window.getFormRenderMaterial = function() {\n            console.log('getFormRenderMaterial called (injected from parent)');\n            return ".concat(JSON.stringify(Object.assign({
+        __esModule: true
+      }, widgets || {})), ";\n          };\n          return true;\n        })()\n      ");
+      // 尝试通过 eval 执行
+      try {
+        iframeWin.eval(functionString);
+        console.log('getFormRenderMaterial injected via eval');
+      } catch (evalError) {
+        console.warn('eval failed, trying direct assignment:', evalError);
+        // 回退到直接赋值
+        iframeWin.getFormRenderMaterial = function () {
+          console.log('getFormRenderMaterial called (direct assignment)');
+          return Object.assign({
+            __esModule: true
+          }, widgets || {});
+        };
+      }
+      // 方法2：使用 postMessage 发送函数实现
+      iframeWin.postMessage({
+        type: 'SET_GET_FORM_RENDER_MATERIAL',
+        implementation: function implementation() {
+          return Object.assign({
+            __esModule: true
+          }, widgets || {});
+        }
+      }, '*');
+      return true;
+    } catch (error) {
+      console.error('Error injecting getFormRenderMaterial:', error);
+      return false;
+    }
+  };
+  var isFunctionProperlyInjected = function isFunctionProperlyInjected() {
+    try {
+      var _iframe6;
+      var iframeWin = (_iframe6 = iframe) === null || _iframe6 === void 0 ? void 0 : _iframe6.contentWindow;
+      return iframeWin && typeof iframeWin.getFormRenderMaterial === 'function' && iframeWin.getFormRenderMaterial.toString().includes('getFormRenderMaterial');
+    } catch (error) {
+      // 可能由于同源策略无法访问
+      return false;
+    }
   };
   var engineOnLoad = function engineOnLoad(event) {
-    var _iframe3, _iframe3$contentWindo, _iframe3$contentWindo2;
+    var _iframe7;
     if (event.data.type !== 'engine-load') {
       return;
     }
-    (_iframe3 = iframe) === null || _iframe3 === void 0 ? void 0 : (_iframe3$contentWindo = _iframe3.contentWindow) === null || _iframe3$contentWindo === void 0 ? void 0 : (_iframe3$contentWindo2 = _iframe3$contentWindo.__FR_ENGINE__) === null || _iframe3$contentWindo2 === void 0 ? void 0 : _iframe3$contentWindo2.init(_objectSpread({
-      settings: _objectSpread(_objectSpread({}, defaultSetting), settings),
-      widgets: widgets,
-      // recordEnable: true,
-      logo: {
-        title: 'XRender'
-      }
-    }, restProps));
+    // 在初始化前再次确保 getFormRenderMaterial 存在
+    console.log('Engine loading, verifying getFormRenderMaterial');
+    // 尝试通过 postMessage 与 iframe 通信来验证
+    if ((_iframe7 = iframe) === null || _iframe7 === void 0 ? void 0 : _iframe7.contentWindow) {
+      iframe.contentWindow.postMessage({
+        type: 'VERIFY_GET_FORM_RENDER_MATERIAL'
+      }, '*');
+      // 设置一个超时，以防验证失败
+      setTimeout(function () {
+        var _iframe8, _iframe8$contentWindo;
+        if ((_iframe8 = iframe) === null || _iframe8 === void 0 ? void 0 : (_iframe8$contentWindo = _iframe8.contentWindow) === null || _iframe8$contentWindo === void 0 ? void 0 : _iframe8$contentWindo.__FR_ENGINE__) {
+          console.log('Initializing FR_ENGINE');
+          iframe.contentWindow.__FR_ENGINE__.init(_objectSpread({
+            settings: _objectSpread(_objectSpread({}, defaultSetting), settings),
+            widgets: widgets,
+            logo: {
+              title: 'XRender'
+            }
+          }, restProps));
+        }
+      }, 500);
+    }
   };
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: containerRef,

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@zzdadelu/schema-builder",
-  "version": "1.0.0-alpha.70",
+  "version": "1.0.0-alpha.72",
   "description": "通过 JSON Schema 生成标准 Form，常用于自定义搭建配置界面生成",
   "keywords": [
     "Form",