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

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

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,7 +1,5 @@
-// 修改 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  ");
+var createIframeContent = function createIframeContent(timestamp) {
+  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\" rel=\"stylesheet\" />\n        <link href=\"https://alifd.alicdn.com/npm/@alifd/theme-lowcode-light@0.2.1/dist/next.var.min.css\" rel=\"stylesheet\" />\n        <link rel=\"stylesheet\" href=\"https://uipaas-assets.com/prod/npm/@alilc/lowcode-engine/1.2.3/dist/css/engine-core.css\" />\n        <link rel=\"stylesheet\" href=\"https://uipaas-assets.com/prod/npm/@alilc/lowcode-engine-ext/1.0.6/dist/css/engine-ext.css\" />\n        <link rel=\"stylesheet\" href=\"https://g.alicdn.com/fone-lowcode/fr-generator/1.1.0/css/index.css\" />\n\n        <!-- Shim: \u5728\u5916\u5C42 iframe \u5185\u63D0\u4F9B\u4E00\u4E2A\u4E34\u65F6\u5B89\u5168\u5B9E\u73B0\uFF0C\u907F\u514D\u7B2C\u4E09\u65B9\u5185\u8054\u811A\u672C\u7ACB\u5373\u62A5\u9519 -->\n        <script>\n        (function() {\n          try {\n            if (typeof window.getFormRenderMaterial !== 'function') {\n              var __fr_q = [];\n              var __fr_shim = function() {\n                __fr_q.push({ args: Array.prototype.slice.call(arguments) });\n                return { __esModule: true };\n              };\n              window.getFormRenderMaterial = __fr_shim;\n              var __fr_iv = setInterval(function() {\n                try {\n                  if (typeof window.getFormRenderMaterial === 'function' && window.getFormRenderMaterial !== __fr_shim) {\n                    var __real = window.getFormRenderMaterial;\n                    clearInterval(__fr_iv);\n                    setTimeout(function() {\n                      try {\n                        __fr_q.forEach(function(item) {\n                          try { __real.apply(null, item.args); } catch (e) {}\n                        });\n                      } catch (e) {}\n                      __fr_q = null;\n                    }, 0);\n                  }\n                } catch (e) {}\n              }, 50);\n            }\n          } catch (e) {}\n        })();\n        </script>\n\n        <!-- Observer: \u76D1\u63A7\u672C iframe \u6587\u6863\u4E2D\u65B0\u589E\u7684\u5B50 iframe\uFF08\u7B2C\u4E09\u65B9 create-simulator \u53EF\u80FD\u521B\u5EFA\u7684\u5D4C\u5957 iframe\uFF09\u5E76\u5C3D\u5FEB\u4FEE\u8865 -->\n        <script>\n        (function() {\n          var ts = ".concat(timestamp, ";\n          function tryPatchChildIframe(iframeEl) {\n            try {\n              // \u82E5 contentWindow \u53EF\u7528\uFF0C\u7ACB\u5373\u5728\u5B50 iframe \u7684 window \u4E0A\u653E\u4E2A\u5B89\u5168\u5360\u4F4D\u51FD\u6570\n              var cw = iframeEl.contentWindow;\n              if (cw) {\n                if (typeof cw.getFormRenderMaterial !== 'function') {\n                  try {\n                    cw.getFormRenderMaterial = function() {\n                      return { __esModule: true };\n                    };\n                  } catch (e) {}\n                }\n              }\n            } catch (e) {}\n          }\n\n          // \u5F53\u5B50 iframe \u52A0\u8F7D\u5B8C\u6210\u540E\uFF0C\u5C1D\u8BD5\u4FEE\u8865\u5176\u5185\u90E8 script \u7684 src\uFF0C\u52A0\u65F6\u95F4\u6233\u4EE5\u907F\u514D\u7F13\u5B58\u5BFC\u81F4\u65E7\u7248\u95EE\u9898\uFF1B\u5E76\u786E\u4FDD child window \u6709 getFormRenderMaterial\n          function onChildFrameLoad(iframeEl) {\n            try {\n              var doc = iframeEl.contentDocument || iframeEl.contentWindow && iframeEl.contentWindow.document;\n              if (!doc) return;\n              // \u4FEE\u8865\u53EF\u80FD\u7684\u5916\u90E8\u811A\u672C url\uFF08\u793A\u4F8B\uFF1Afr-generator / react-simulator-renderer \u7B49\uFF09\n              var scripts = Array.prototype.slice.call(doc.getElementsByTagName('script'));\n              scripts.forEach(function(s) {\n                if (s.src && /fr-generator\\/.*index\\.js|react-simulator-renderer\\.js/.test(s.src)) {\n                  if (s.src.indexOf('?t=') === -1) {\n                    try {\n                      s.src = s.src + (s.src.indexOf('?') === -1 ? '?t=' + ts : '&t=' + ts);\n                    } catch (e) {}\n                  }\n                }\n              });\n              // \u6700\u7EC8\u786E\u4FDD child window \u6709 getFormRenderMaterial\n              try {\n                var cw = iframeEl.contentWindow;\n                if (cw && typeof cw.getFormRenderMaterial !== 'function') {\n                  cw.getFormRenderMaterial = function() { return { __esModule: true }; };\n                }\n              } catch (e) {}\n            } catch (e) {}\n          }\n\n          var mo = new MutationObserver(function(muts) {\n            muts.forEach(function(mut) {\n              Array.prototype.forEach.call(mut.addedNodes || [], function(node) {\n                try {\n                  if (node && node.tagName === 'IFRAME') {\n                    tryPatchChildIframe(node);\n                    // attach load to do more thorough patch after content is written\n                    node.addEventListener && node.addEventListener('load', function() {\n                      onChildFrameLoad(node);\n                    }, { once: true });\n                  }\n                } catch (e) {}\n              });\n            });\n          });\n\n          try {\n            mo.observe(document.documentElement || document.body, { childList: true, subtree: true });\n            // \u5DF2\u5B58\u5728\u7684 iframe \u7ACB\u5373\u5C1D\u8BD5\u4FEE\u8865\n            Array.prototype.forEach.call(document.getElementsByTagName('iframe'), function(f) {\n              tryPatchChildIframe(f);\n              f.addEventListener && f.addEventListener('load', function() { onChildFrameLoad(f); }, { once: true });\n            });\n          } catch (e) {}\n        })();\n        </script>\n\n        <script>\n          window.React = window.parent.React;\n          window.ReactDOM = window.parent.ReactDOM;\n        </script>\n\n        <script src=\"https://g.alicdn.com/code/lib/prop-types/15.7.2/prop-types.js\"></script>\n        <script src=\"https://g.alicdn.com/platform/c/react15-polyfill/0.0.1/dist/index.js\"></script>\n        <script src=\"https://g.alicdn.com/platform/c/lodash/4.6.1/lodash.min.js\"></script>\n        <script src=\"https://g.alicdn.com/mylib/moment/2.24.0/min/moment.min.js\"></script>\n        <script src=\"https://g.alicdn.com/code/lib/alifd__next/1.23.24/next.min.js\"></script>\n        <script crossorigin=\"anonymous\" src=\"https://uipaas-assets.com/prod/npm/@alilc/lowcode-engine/1.2.3/dist/js/engine-core.js\"></script>\n        <script crossorigin=\"anonymous\" src=\"https://uipaas-assets.com/prod/npm/@alilc/lowcode-engine-ext/1.0.6/dist/js/engine-ext.js\"></script>\n      </head>\n\n      <body>\n        <div id=\"lce-container\"></div>\n        <!-- \u7ED9 fr-generator \u52A0\u65F6\u95F4\u6233\uFF0C\u5E2E\u52A9\u89C4\u907F\u7F13\u5B58\u5BFC\u81F4\u7684\u65E7\u7248/\u65F6\u5E8F\u95EE\u9898 -->\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 () {
@@ -9,6 +7,7 @@ export default (function () {
   iframe.width = '100%';
   iframe.height = '100%';
   iframe.frameBorder = '0';
-  iframe.srcdoc = createIframeContent();
+  var ts = Date.now();
+  iframe.srcdoc = createIframeContent(ts);
   return iframe;
 });

package/es/main.js CHANGED Viewed

@@ -7,19 +7,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; }
-// 修改 main.ts
 import React, { useEffect, useRef, useImperativeHandle, forwardRef } from 'react';
 import createIframe from './createIframe';
 import * as defaultSetting from './settings';
-var iframe = null;
+var iframe;
 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() {
@@ -33,138 +29,29 @@ var Design = function Design(props, ref) {
     };
   });
   useEffect(function () {
-    initIframe();
     window.addEventListener('message', engineOnLoad);
-    // 监听来自 iframe 的消息
-    window.addEventListener('message', handleIframeMessage);
+    initIframe();
     return function () {
       window.removeEventListener('message', engineOnLoad);
-      window.removeEventListener('message', handleIframeMessage);
     };
   }, []);
   var initIframe = function initIframe() {
     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 _iframe7;
+    var _iframe3, _iframe3$contentWindo, _iframe3$contentWindo2;
     if (event.data.type !== 'engine-load') {
       return;
     }
-    // 在初始化前再次确保 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);
-    }
+    (_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));
   };
   return /*#__PURE__*/React.createElement("div", {
     ref: containerRef,

package/lib/createIframe.js CHANGED Viewed

@@ -4,10 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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  ");
+var createIframeContent = function createIframeContent(timestamp) {
+  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\" rel=\"stylesheet\" />\n        <link href=\"https://alifd.alicdn.com/npm/@alifd/theme-lowcode-light@0.2.1/dist/next.var.min.css\" rel=\"stylesheet\" />\n        <link rel=\"stylesheet\" href=\"https://uipaas-assets.com/prod/npm/@alilc/lowcode-engine/1.2.3/dist/css/engine-core.css\" />\n        <link rel=\"stylesheet\" href=\"https://uipaas-assets.com/prod/npm/@alilc/lowcode-engine-ext/1.0.6/dist/css/engine-ext.css\" />\n        <link rel=\"stylesheet\" href=\"https://g.alicdn.com/fone-lowcode/fr-generator/1.1.0/css/index.css\" />\n\n        <!-- Shim: \u5728\u5916\u5C42 iframe \u5185\u63D0\u4F9B\u4E00\u4E2A\u4E34\u65F6\u5B89\u5168\u5B9E\u73B0\uFF0C\u907F\u514D\u7B2C\u4E09\u65B9\u5185\u8054\u811A\u672C\u7ACB\u5373\u62A5\u9519 -->\n        <script>\n        (function() {\n          try {\n            if (typeof window.getFormRenderMaterial !== 'function') {\n              var __fr_q = [];\n              var __fr_shim = function() {\n                __fr_q.push({ args: Array.prototype.slice.call(arguments) });\n                return { __esModule: true };\n              };\n              window.getFormRenderMaterial = __fr_shim;\n              var __fr_iv = setInterval(function() {\n                try {\n                  if (typeof window.getFormRenderMaterial === 'function' && window.getFormRenderMaterial !== __fr_shim) {\n                    var __real = window.getFormRenderMaterial;\n                    clearInterval(__fr_iv);\n                    setTimeout(function() {\n                      try {\n                        __fr_q.forEach(function(item) {\n                          try { __real.apply(null, item.args); } catch (e) {}\n                        });\n                      } catch (e) {}\n                      __fr_q = null;\n                    }, 0);\n                  }\n                } catch (e) {}\n              }, 50);\n            }\n          } catch (e) {}\n        })();\n        </script>\n\n        <!-- Observer: \u76D1\u63A7\u672C iframe \u6587\u6863\u4E2D\u65B0\u589E\u7684\u5B50 iframe\uFF08\u7B2C\u4E09\u65B9 create-simulator \u53EF\u80FD\u521B\u5EFA\u7684\u5D4C\u5957 iframe\uFF09\u5E76\u5C3D\u5FEB\u4FEE\u8865 -->\n        <script>\n        (function() {\n          var ts = ".concat(timestamp, ";\n          function tryPatchChildIframe(iframeEl) {\n            try {\n              // \u82E5 contentWindow \u53EF\u7528\uFF0C\u7ACB\u5373\u5728\u5B50 iframe \u7684 window \u4E0A\u653E\u4E2A\u5B89\u5168\u5360\u4F4D\u51FD\u6570\n              var cw = iframeEl.contentWindow;\n              if (cw) {\n                if (typeof cw.getFormRenderMaterial !== 'function') {\n                  try {\n                    cw.getFormRenderMaterial = function() {\n                      return { __esModule: true };\n                    };\n                  } catch (e) {}\n                }\n              }\n            } catch (e) {}\n          }\n\n          // \u5F53\u5B50 iframe \u52A0\u8F7D\u5B8C\u6210\u540E\uFF0C\u5C1D\u8BD5\u4FEE\u8865\u5176\u5185\u90E8 script \u7684 src\uFF0C\u52A0\u65F6\u95F4\u6233\u4EE5\u907F\u514D\u7F13\u5B58\u5BFC\u81F4\u65E7\u7248\u95EE\u9898\uFF1B\u5E76\u786E\u4FDD child window \u6709 getFormRenderMaterial\n          function onChildFrameLoad(iframeEl) {\n            try {\n              var doc = iframeEl.contentDocument || iframeEl.contentWindow && iframeEl.contentWindow.document;\n              if (!doc) return;\n              // \u4FEE\u8865\u53EF\u80FD\u7684\u5916\u90E8\u811A\u672C url\uFF08\u793A\u4F8B\uFF1Afr-generator / react-simulator-renderer \u7B49\uFF09\n              var scripts = Array.prototype.slice.call(doc.getElementsByTagName('script'));\n              scripts.forEach(function(s) {\n                if (s.src && /fr-generator\\/.*index\\.js|react-simulator-renderer\\.js/.test(s.src)) {\n                  if (s.src.indexOf('?t=') === -1) {\n                    try {\n                      s.src = s.src + (s.src.indexOf('?') === -1 ? '?t=' + ts : '&t=' + ts);\n                    } catch (e) {}\n                  }\n                }\n              });\n              // \u6700\u7EC8\u786E\u4FDD child window \u6709 getFormRenderMaterial\n              try {\n                var cw = iframeEl.contentWindow;\n                if (cw && typeof cw.getFormRenderMaterial !== 'function') {\n                  cw.getFormRenderMaterial = function() { return { __esModule: true }; };\n                }\n              } catch (e) {}\n            } catch (e) {}\n          }\n\n          var mo = new MutationObserver(function(muts) {\n            muts.forEach(function(mut) {\n              Array.prototype.forEach.call(mut.addedNodes || [], function(node) {\n                try {\n                  if (node && node.tagName === 'IFRAME') {\n                    tryPatchChildIframe(node);\n                    // attach load to do more thorough patch after content is written\n                    node.addEventListener && node.addEventListener('load', function() {\n                      onChildFrameLoad(node);\n                    }, { once: true });\n                  }\n                } catch (e) {}\n              });\n            });\n          });\n\n          try {\n            mo.observe(document.documentElement || document.body, { childList: true, subtree: true });\n            // \u5DF2\u5B58\u5728\u7684 iframe \u7ACB\u5373\u5C1D\u8BD5\u4FEE\u8865\n            Array.prototype.forEach.call(document.getElementsByTagName('iframe'), function(f) {\n              tryPatchChildIframe(f);\n              f.addEventListener && f.addEventListener('load', function() { onChildFrameLoad(f); }, { once: true });\n            });\n          } catch (e) {}\n        })();\n        </script>\n\n        <script>\n          window.React = window.parent.React;\n          window.ReactDOM = window.parent.ReactDOM;\n        </script>\n\n        <script src=\"https://g.alicdn.com/code/lib/prop-types/15.7.2/prop-types.js\"></script>\n        <script src=\"https://g.alicdn.com/platform/c/react15-polyfill/0.0.1/dist/index.js\"></script>\n        <script src=\"https://g.alicdn.com/platform/c/lodash/4.6.1/lodash.min.js\"></script>\n        <script src=\"https://g.alicdn.com/mylib/moment/2.24.0/min/moment.min.js\"></script>\n        <script src=\"https://g.alicdn.com/code/lib/alifd__next/1.23.24/next.min.js\"></script>\n        <script crossorigin=\"anonymous\" src=\"https://uipaas-assets.com/prod/npm/@alilc/lowcode-engine/1.2.3/dist/js/engine-core.js\"></script>\n        <script crossorigin=\"anonymous\" src=\"https://uipaas-assets.com/prod/npm/@alilc/lowcode-engine-ext/1.0.6/dist/js/engine-ext.js\"></script>\n      </head>\n\n      <body>\n        <div id=\"lce-container\"></div>\n        <!-- \u7ED9 fr-generator \u52A0\u65F6\u95F4\u6233\uFF0C\u5E2E\u52A9\u89C4\u907F\u7F13\u5B58\u5BFC\u81F4\u7684\u65E7\u7248/\u65F6\u5E8F\u95EE\u9898 -->\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() {
@@ -15,6 +13,7 @@ var _default = exports.default = function _default() {
   iframe.width = '100%';
   iframe.height = '100%';
   iframe.frameBorder = '0';
-  iframe.srcdoc = createIframeContent();
+  var ts = Date.now();
+  iframe.srcdoc = createIframeContent(ts);
   return iframe;
 };

package/lib/main.js CHANGED Viewed

@@ -8,7 +8,7 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _createIframe = _interopRequireDefault(require("./createIframe"));
 var defaultSetting = _interopRequireWildcard(require("./settings"));
-var _excluded = ["widgets", "settings"]; // 修改 main.ts
+var _excluded = ["widgets", "settings"];
 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; }
@@ -18,15 +18,12 @@ 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 = null;
+var iframe;
 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() {
@@ -40,138 +37,29 @@ var Design = function Design(props, ref) {
     };
   });
   (0, _react.useEffect)(function () {
-    initIframe();
     window.addEventListener('message', engineOnLoad);
-    // 监听来自 iframe 的消息
-    window.addEventListener('message', handleIframeMessage);
+    initIframe();
     return function () {
       window.removeEventListener('message', engineOnLoad);
-      window.removeEventListener('message', handleIframeMessage);
     };
   }, []);
   var initIframe = function initIframe() {
     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 _iframe7;
+    var _iframe3, _iframe3$contentWindo, _iframe3$contentWindo2;
     if (event.data.type !== 'engine-load') {
       return;
     }
-    // 在初始化前再次确保 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);
-    }
+    (_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));
   };
   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.72",
+  "version": "1.0.0-alpha.73",
   "description": "通过 JSON Schema 生成标准 Form，常用于自定义搭建配置界面生成",
   "keywords": [
     "Form",