@luck-design-biz/luckda 0.0.25-2 → 0.0.25-21

package/es/lowcode/engine/provider/RemoteSourceProvider.js

@@ -1,49 +1,57 @@
-import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-var _excluded = ["source"];
-import React, { createContext, useRef } from 'react';
-import { useRequest, useSetState, useAsyncEffect, useMemoizedFn, useCookieState, useCreation, useUnmount } from 'ahooks';
+import React, { createContext } from 'react';
+import { useRequest, useSetState, useAsyncEffect, useMemoizedFn, useCreation, useUnmount } from 'ahooks';
+import launcher from "../launcher";
 import { LuckDaContext } from "../../../components/Builder";
 import { doAction as doActionUtils } from "../../../helper/action";
-import usePromiseState from "../tools/usePromiseState";
+import usePageDataStore from "../tools/usePageDataStore";
+import { useTemporalStore } from "../provider/ContextProvider";
 import { decompress } from "../tools/dataProcess";
-import { fetchPageData, fetchDesignModlueData, fetchPreviewModlueData, fetchModlueData, fetchAllDataset, fetchAllSerials } from "../../constants/api-url";
-import { RUNTIME, COOKIE_RUNTIME_KEY, DATA_MODEL_CODE_KEY } from "../../constants";
+import { fetchPageData, fetchDesignModlueData, fetchPreviewModlueData, fetchModlueData, fetchAllDataset, fetchAllSerials, fetchAllBehaviorEx } from "../../constants/api-url";
+import { RUNTIME, COOKIE_RUNTIME_KEY, META_TAG_NAME } from "../../constants";
+import { PAGE_LOAD_MOUNT } from "../../constants/event-topics";
+import { setMetaAttrs } from "../tools/helper";
 export var RemoteSourceContext = /*#__PURE__*/createContext(null);
 export default (function (_ref) {
   var children = _ref.children,
     code = _ref.code,
-    runtime = _ref.runtime;
-  var _usePromiseState = usePromiseState(null),
-    _usePromiseState2 = _slicedToArray(_usePromiseState, 3),
-    pageData = _usePromiseState2[0],
-    setPageData = _usePromiseState2[1],
-    _usePromiseState2$ = _usePromiseState2[2],
-    back = _usePromiseState2$.back,
-    forward = _usePromiseState2$.forward,
-    backLength = _usePromiseState2$.backLength,
-    forwardLength = _usePromiseState2$.forwardLength;
+    eventBus = _ref.eventBus;
+  var _usePageDataStore = usePageDataStore(function (state) {
+      return {
+        initialize: state.initialize,
+        initializeModule: state.initializeModule,
+        reset: state.reset
+      };
+    }),
+    initialize = _usePageDataStore.initialize,
+    initializeModule = _usePageDataStore.initializeModule,
+    reset = _usePageDataStore.reset;
+  var _useTemporalStore = useTemporalStore(function (state) {
+      return {
+        pause: state.pause,
+        resume: state.resume,
+        clear: state.clear
+      };
+    }),
+    pause = _useTemporalStore.pause,
+    resume = _useTemporalStore.resume,
+    clear = _useTemporalStore.clear;
   var _useSetState = useSetState({}),
     _useSetState2 = _slicedToArray(_useSetState, 2),
     remoteSource = _useSetState2[0],
     setRemoteSource = _useSetState2[1];
-  var _useCookieState = useCookieState(COOKIE_RUNTIME_KEY),
-    _useCookieState2 = _slicedToArray(_useCookieState, 2),
-    cookieRuntime = _useCookieState2[0],
-    setRuntime = _useCookieState2[1];
-  var prevRuntime = useRef(cookieRuntime);
   useCreation(function () {
-    if (runtime !== cookieRuntime) {
-      prevRuntime.current = cookieRuntime;
-      setRuntime(runtime);
-    }
+    launcher();
+    pause();
+    setMetaAttrs(COOKIE_RUNTIME_KEY, eventBus.runtime);
   }, []);
   useUnmount(function () {
-    setRuntime(prevRuntime.current);
+    reset();
+    clear();
   });
 
   // 获取页面数据
@@ -53,7 +61,7 @@ export default (function (_ref) {
     fetchPageDataLoading = _useRequest.loading,
     runFetchPageData = _useRequest.runAsync;
   // 获取模块数据
-  var _useRequest2 = useRequest(_defineProperty(_defineProperty(_defineProperty({}, RUNTIME.DESIGN, fetchDesignModlueData), RUNTIME.PREVIEW, fetchPreviewModlueData), RUNTIME.LIVE, fetchModlueData)[runtime], {
+  var _useRequest2 = useRequest(_defineProperty(_defineProperty(_defineProperty({}, RUNTIME.DESIGN, fetchDesignModlueData), RUNTIME.PREVIEW, fetchPreviewModlueData), RUNTIME.LIVE, fetchModlueData)[eventBus.runtime], {
       manual: true,
       onSuccess: function onSuccess(_ref2) {
         var code = _ref2.code,
@@ -62,6 +70,7 @@ export default (function (_ref) {
           setRemoteSource({
             module: data
           });
+          initializeModule(data);
         }
       }
     }),
@@ -103,8 +112,48 @@ export default (function (_ref) {
     fetchAllSerialsLoading = _useRequest4.loading,
     runFetchAllSerials = _useRequest4.run,
     refreshSerials = _useRequest4.refreshAsync;
+
+  // 获取导入导出行为下拉数据
+  var _useRequest5 = useRequest(fetchAllBehaviorEx, {
+      manual: true,
+      onSuccess: function onSuccess(_ref5) {
+        var code = _ref5.code,
+          data = _ref5.data;
+        if (code === 1) {
+          setRemoteSource({
+            impTypeList: data.map(function (item) {
+              return {
+                key: item.code,
+                value: item.code,
+                label: item.name
+              };
+            })
+          });
+        }
+      }
+    }),
+    runFetchAllBehaviorImport = _useRequest5.run;
+  var _useRequest6 = useRequest(fetchAllBehaviorEx, {
+      manual: true,
+      onSuccess: function onSuccess(_ref6) {
+        var code = _ref6.code,
+          data = _ref6.data;
+        if (code === 1) {
+          setRemoteSource({
+            expTypeList: data.map(function (item) {
+              return {
+                key: item.code,
+                value: item.code,
+                label: item.name
+              };
+            })
+          });
+        }
+      }
+    }),
+    runFetchAllBehaviorExport = _useRequest6.run;
   useAsyncEffect( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-    var fetchPageDataRes, data, list, detail, _detail$list$, source, info;
+    var fetchPageDataRes, data, list, detail, source;
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
@@ -115,30 +164,35 @@ export default (function (_ref) {
         case 2:
           fetchPageDataRes = _context.sent;
           if (!(fetchPageDataRes.code === 1)) {
-            _context.next = 13;
+            _context.next = 16;
             break;
           }
           data = fetchPageDataRes.data, list = fetchPageDataRes.list, detail = fetchPageDataRes.detail;
-          _detail$list$ = detail[list[0]], source = _detail$list$.source, info = _objectWithoutProperties(_detail$list$, _excluded);
-          window[DATA_MODEL_CODE_KEY] = data.dataModelKey;
+          source = detail[list[0]].source;
+          setMetaAttrs(META_TAG_NAME, data);
           _context.next = 9;
           return runFetchModlueData(data.dataModelKey, {
             moduleCode: data.moduleCode
           });
         case 9:
+          runFetchAllBehaviorImport({
+            behaviorMode: 'IMPORT',
+            moduleCode: data.moduleCode
+          });
+          runFetchAllBehaviorExport({
+            behaviorMode: 'EXPORT',
+            moduleCode: data.moduleCode
+          });
           runFetchAllDataset({
             dataModelKey: data.dataModelKey
           });
           runFetchAllSerials({
             uid: data.moduleId
           });
-          setRemoteSource({
-            pageinfo: _objectSpread({
-              relationship: data
-            }, info)
-          });
-          setPageData(decompress(source));
-        case 13:
+          initialize(decompress(source));
+          resume();
+          eventBus.$publisher(PAGE_LOAD_MOUNT);
+        case 16:
         case "end":
           return _context.stop();
       }
@@ -151,20 +205,13 @@ export default (function (_ref) {
     });
   });
   return /*#__PURE__*/React.createElement(RemoteSourceContext.Provider, {
-    value: _objectSpread(_objectSpread({
-      pageData: pageData
-    }, remoteSource), {}, {
+    value: _objectSpread(_objectSpread({}, remoteSource), {}, {
       loading: fetchPageDataLoading || fetchModlueDataLoading,
       fetchAllDatasetLoading: fetchAllDatasetLoading,
       fetchAllSerialsLoading: fetchAllSerialsLoading,
       refreshModlueData: refreshModlueData,
       refreshDataset: refreshDataset,
-      refreshSerials: refreshSerials,
-      setPageData: setPageData,
-      back: back,
-      forward: forward,
-      backLength: backLength,
-      forwardLength: forwardLength
+      refreshSerials: refreshSerials
     })
   }, /*#__PURE__*/React.createElement(LuckDaContext.Provider, {
     value: _objectSpread(_objectSpread({}, remoteSource.module), {}, {

package/es/lowcode/engine/tools/dataProcess.js

@@ -5,10 +5,10 @@ import _typeof from "@babel/runtime/helpers/esm/typeof";
 import * as LZString from 'lz-string';
 import { LC_BUILDIN_UNIT_KEY } from "../../constants";
 
-/**
- * 数据压缩
- * @param {JSON} data
- * @returns 加密后的字符串
+/**
+ * 数据压缩
+ * @param {JSON} data
+ * @returns 加密后的字符串
  */
 export function compress(data) {
   // 将对象转换为JSON字符串
@@ -17,10 +17,10 @@ export function compress(data) {
   return LZString.compressToBase64(jsonString);
 }
 
-/**
- * 数据解压
- * @param {string} compressedData
- * @returns {json}
+/**
+ * 数据解压
+ * @param {string} compressedData
+ * @returns {json}
  */
 export function decompress(compressedData) {
   // 使用LZ-String解压数据
@@ -29,16 +29,20 @@ export function decompress(compressedData) {
   return JSON.parse(jsonString);
 }
 
-/**
- * 查找指定ID的节点及其父节点。
- *
- * @param {string} id - 要查找的节点ID。
- * @param {Object} current - 当前遍历的JSON对象。
- * @param {Object|null} parent - 当前节点的父节点。
- * @returns {{node: Object|null, parent: Object|null}} 查找结果，包含节点和其父节点。
+/**
+ * 查找指定ID的节点及其父节点。
+ *
+ * @param {string} id - 要查找的节点ID。
+ * @param {Object} current - 当前遍历的JSON对象。
+ * @param {Object|null} parent - 当前节点的父节点。
+ * @returns {{node: Object|null, parent: Object|null}} 查找结果，包含节点和其父节点。
  */
 export function findNodeAndParent(id, current) {
   var parent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+  if (!id) return {
+    node: null,
+    parent: null
+  };
   if (!parent && current.props.id === id) {
     return {
       node: current,
@@ -65,13 +69,13 @@ export function findNodeAndParent(id, current) {
   };
 }
 
-/**
- * 对指定的JSON结构进行节点的添加、修改或删除操作。
- *
- * @param {Object} json - 要操作的JSON对象。
- * @param {string|null} path - 要操作的节点路径，使用'/'分隔。
- * @param {string} id - 操作节点的唯一标识符。
- * @param {Object|null} data - 要添加或修改的数据。如果为null，表示删除操作。
+/**
+ * 对指定的JSON结构进行节点的添加、修改或删除操作。
+ *
+ * @param {Object} json - 要操作的JSON对象。
+ * @param {string|null} path - 要操作的节点路径，使用'/'分隔。
+ * @param {string} id - 操作节点的唯一标识符。
+ * @param {Object|null} data - 要添加或修改的数据。如果为null，表示删除操作。
  */
 function process(json, path, id, data) {
   if (!json) {
@@ -137,25 +141,25 @@ function process(json, path, id, data) {
   }
 }
 
-/**
- * 对指定的JSON结构进行节点的添加操作。
- *
- * @param {Object} json - 要操作的JSON对象。
- * @param {string} parentId - 父节点的唯一标识符。
- * @param {string} id - 操作节点的唯一标识符。
- * @param {Object|null} data - 要添加或修改的数据。如果为null，表示删除操作。
+/**
+ * 对指定的JSON结构进行节点的添加操作。
+ *
+ * @param {Object} json - 要操作的JSON对象。
+ * @param {string} parentId - 父节点的唯一标识符。
+ * @param {string} id - 操作节点的唯一标识符。
+ * @param {Object|null} data - 要添加或修改的数据。如果为null，表示删除操作。
  */
 export function add(json, parentId, id, data) {
   process(json, getPathById(json, parentId), id, data);
 }
 
-/**
- * 移动指定的节点到另一个节点的指定位置。
- *
- * @param {Object} json - 要操作的JSON对象。
- * @param {string} sid - 被移动的节点id
- * @param {string} tid - 目标节点id
- * @param {string} action - 'left': 往节点前面插入，'right'：往节点后面插，'inside'：往节点子节点插
+/**
+ * 移动指定的节点到另一个节点的指定位置。
+ *
+ * @param {Object} json - 要操作的JSON对象。
+ * @param {string} sid - 被移动的节点id
+ * @param {string} tid - 目标节点id
+ * @param {string} action - 'left': 往节点前面插入，'right'：往节点后面插，'inside'：往节点子节点插
  */
 export function move(json, sid, tid, action) {
   // 验证节点存在性
@@ -211,34 +215,34 @@ export function move(json, sid, tid, action) {
   }
 }
 
-/**
- * 对指定的JSON结构进行节点的修改操作。
- *
- * @param {Object} json - 要操作的JSON对象。
- * @param {string} id - 操作节点的唯一标识符。
- * @param {Object|null} data - 要添加或修改的数据。如果为null，表示删除操作。
+/**
+ * 对指定的JSON结构进行节点的修改操作。
+ *
+ * @param {Object} json - 要操作的JSON对象。
+ * @param {string} id - 操作节点的唯一标识符。
+ * @param {Object|null} data - 要添加或修改的数据。如果为null，表示删除操作。
  */
 export function modifyById(json, id, data) {
   process(json, null, id, data);
 }
 
-/**
- * 删除指定id的节点。
- *
- * @param {Object} json - JSON对象。
- * @param {string} id - 要删除的节点ID。
+/**
+ * 删除指定id的节点。
+ *
+ * @param {Object} json - JSON对象。
+ * @param {string} id - 要删除的节点ID。
  */
 export function deleteById(json, id) {
   process(json, null, id);
 }
 
-/**
- * 根据ID在给定的JSON结构中查找节点的路径。
- *
- * @param {Object} json - 要搜索的JSON对象。
- * @param {string} id - 要查找的节点ID。
- * @param {string} currentPath - 当前递归到的路径，用于构建返回的路径字符串。
- * @returns {string|null} 如果找到节点，返回节点的路径；否则返回null。
+/**
+ * 根据ID在给定的JSON结构中查找节点的路径。
+ *
+ * @param {Object} json - 要搜索的JSON对象。
+ * @param {string} id - 要查找的节点ID。
+ * @param {string} currentPath - 当前递归到的路径，用于构建返回的路径字符串。
+ * @returns {string|null} 如果找到节点，返回节点的路径；否则返回null。
  */
 export function getPathById(json, id) {
   var currentPath = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
@@ -258,28 +262,28 @@ export function getPathById(json, id) {
   return null;
 }
 
-/**
- * 在给定的JSON结构中搜索具有特定id的节点，并返回包含该节点及其所有父节点的props属性的路径数组。
- *
- * @param {Object} data - 待搜索的JSON对象，它代表了一个复杂的树状结构，每个节点都可能有props和children属性。
- * @param {string} targetId - 需要找到的目标节点的id。
- * @returns {Array<Object>} 一个包含目标节点及其所有父节点的props属性的数组。如果未找到目标节点，则返回空数组。
- *
- * @example
- * const data = {
- *   props: {
- *     id: 'page_root',
- *     type: 'Page',
- *     name: '页面',
- *     hasHeder: true,
- *     hasFooter: true,
- *   },
- *   // ...其他节点
- * };
- *
- * const path = getPathNodesById(data, 'form_jknbjkun');
- * console.log(path);
- * // 输出目标节点及其所有父节点的props属性的数组
+/**
+ * 在给定的JSON结构中搜索具有特定id的节点，并返回包含该节点及其所有父节点的props属性的路径数组。
+ *
+ * @param {Object} data - 待搜索的JSON对象，它代表了一个复杂的树状结构，每个节点都可能有props和children属性。
+ * @param {string} targetId - 需要找到的目标节点的id。
+ * @returns {Array<Object>} 一个包含目标节点及其所有父节点的props属性的数组。如果未找到目标节点，则返回空数组。
+ *
+ * @example
+ * const data = {
+ *   props: {
+ *     id: 'page_root',
+ *     type: 'Page',
+ *     name: '页面',
+ *     hasHeder: true,
+ *     hasFooter: true,
+ *   },
+ *   // ...其他节点
+ * };
+ *
+ * const path = getPathNodesById(data, 'form_jknbjkun');
+ * console.log(path);
+ * // 输出目标节点及其所有父节点的props属性的数组
  */
 export function getPathNodesById(data, targetId) {
   // 初始化结果数组

package/es/lowcode/engine/tools/diff.js

@@ -0,0 +1,60 @@
+import _typeof from "@babel/runtime/helpers/esm/typeof";
+var richTypes = {
+  Date: true,
+  RegExp: true,
+  String: true,
+  Number: true
+};
+export default function diff(obj, newObj) {
+  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {
+    cyclesFix: true
+  };
+  var _stack = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
+  var diffs = [];
+  var isObjArray = Array.isArray(obj);
+  var _loop = function _loop() {
+    var _Object$getPrototypeO;
+    var objKey = obj[key];
+    var path = isObjArray ? +key : key;
+    if (!(key in newObj)) {
+      diffs.push({
+        type: 'REMOVE',
+        path: [path],
+        oldValue: obj[key]
+      });
+      return 1; // continue
+    }
+    var newObjKey = newObj[key];
+    var areCompatibleObjects = _typeof(objKey) === 'object' && _typeof(newObjKey) === 'object' && Array.isArray(objKey) === Array.isArray(newObjKey);
+    if (objKey && newObjKey && areCompatibleObjects && !richTypes[(_Object$getPrototypeO = Object.getPrototypeOf(objKey)) === null || _Object$getPrototypeO === void 0 || (_Object$getPrototypeO = _Object$getPrototypeO.constructor) === null || _Object$getPrototypeO === void 0 ? void 0 : _Object$getPrototypeO.name] && (!options.cyclesFix || !_stack.includes(objKey))) {
+      var nestedDiffs = diff(objKey, newObjKey, options, options.cyclesFix ? _stack.concat([objKey]) : []);
+      diffs.push.apply(diffs, nestedDiffs.map(function (difference) {
+        difference.path.unshift(path);
+        return difference;
+      }));
+    } else if (objKey !== newObjKey &&
+    // treat NaN values as equivalent
+    !(Number.isNaN(objKey) && Number.isNaN(newObjKey)) && !(areCompatibleObjects && (isNaN(objKey) ? objKey + '' === newObjKey + '' : +objKey === +newObjKey))) {
+      diffs.push({
+        path: [path],
+        type: 'CHANGE',
+        value: newObjKey,
+        oldValue: objKey
+      });
+    }
+  };
+  for (var key in obj) {
+    if (_loop()) continue;
+  }
+  var isNewObjArray = Array.isArray(newObj);
+  for (var _key in newObj) {
+    if (!obj || !(_key in obj)) {
+      diffs.push({
+        type: 'CREATE',
+        path: [isNewObjArray ? +_key : _key],
+        value: newObj[_key]
+      });
+    }
+  }
+  return diffs;
+}

package/es/lowcode/engine/tools/helper.js

@@ -1,9 +1,11 @@
+import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
 import _construct from "@babel/runtime/helpers/esm/construct";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _typeof from "@babel/runtime/helpers/esm/typeof";
-import { omit, omitBy, startsWith, isNil, isString, isArray } from 'lodash';
+import { omit, isNil, isString, isArray, has, get } from 'lodash';
 import postcss from 'postcss';
+import { META_TAG_NAME } from "../../constants";
 export function isPromise(value) {
   return !!value && _typeof(value) === 'object' && typeof value.then === 'function';
 }
@@ -96,9 +98,8 @@ export function listReducer(state, action) {
   }
 }
 export function getCtx(context) {
-  return omitBy(context, function (_, key) {
-    return startsWith(key, '_');
-  });
+  return context;
+  // return omitBy(context, (_, key) => startsWith(key, '_'));
 }
 export function getFuncBody(funcCode) {
   var regex = /{([\s\S]*?)}(?![\s\S]*})/;
@@ -119,8 +120,8 @@ export function executeCode(context, code, argsName) {
     throw new Error('executeCode参数不匹配');
   }
   var ctx = getCtx(context);
-  var func = _construct(Function, _toConsumableArray(argsName || []).concat(['ctx', getFuncBody(code)]));
-  return func.apply(void 0, args.concat([ctx]));
+  var func = _construct(Function, _toConsumableArray(argsName || []).concat(['ctx', 'window', "\"use strict\"; ".concat(getFuncBody(code))]));
+  return func.apply(void 0, args.concat([ctx, _objectSpread(_objectSpread({}, window.proxy), window)]));
 }
 export function parseCSS(cssString) {
   // 创建一个空对象来存储解析后的样式
@@ -143,9 +144,93 @@ export function parseCSS(cssString) {
   // 返回包含所有样式的对象
   return parsedStyles;
 }
-;
 export function isColor(str) {
   var hexRegex = /^#(?:[A-Fa-f0-9]{3,4}){1,2}$/;
   var rgbaRegex = /^rgba?\(\s*(\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3})(,\s*(0|1|0?\.\d+))?\s*\)$/;
   return hexRegex.test(str) || rgbaRegex.test(str);
+}
+export function setMetaAttrs(name, data) {
+  var meta = document.querySelector("meta[name=\"".concat(name, "\"]"));
+  if (!meta) {
+    meta = document.createElement('meta');
+  }
+  meta.name = name;
+  meta.content = isString(data) ? data : new URLSearchParams(data).toString().replaceAll('&', ',');
+  document.head.appendChild(meta);
+}
+export function getMetaAttr(name, _) {
+  if (isNil(name)) return void 0;
+  var meta = document.querySelector("meta[name=\"".concat(name, "\"]"));
+  if (meta.content.includes(',')) {
+    var data = new URLSearchParams(meta.content.replaceAll(',', '&'));
+    if (isNil(_)) {
+      return Object.fromEntries(data.entries());
+    }
+    if (isArray(_)) {
+      return _.map(function (n) {
+        return data.get(n);
+      });
+    }
+    return data.get(_);
+  }
+  return meta.content;
+}
+export function getLDMetaAttr(_) {
+  return getMetaAttr(META_TAG_NAME, _);
+}
+export function extractKeywords(obj, keys) {
+  var keywords = [];
+  function recurse(currentObj) {
+    if (_typeof(currentObj) !== 'object' || currentObj === null) {
+      return;
+    }
+    for (var key in currentObj) {
+      var _iterator = _createForOfIteratorHelper(keys),
+        _step;
+      try {
+        tag: for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var triggerKey = _step.value;
+          var flag = isString(triggerKey) ? key === triggerKey : has(currentObj[key], triggerKey);
+          if (flag) {
+            var keyword = isString(triggerKey) ? currentObj[triggerKey] : get(currentObj[key], triggerKey);
+            keywords.push({
+              label: keyword,
+              kind: 'property',
+              insertText: keyword,
+              documentation: JSON.stringify(currentObj)
+            });
+            break tag;
+          }
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+      recurse(currentObj[key]);
+    }
+  }
+  recurse(obj);
+  return keywords;
+}
+export function loadScript(path) {
+  var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var script = document.querySelector("script[src=\"".concat(path, "\"]"));
+  if (!script) {
+    var newScript = document.createElement('script');
+    newScript.src = path;
+    Object.keys(props).forEach(function (key) {
+      newScript[key] = props[key];
+    });
+    newScript.setAttribute('data-status', 'loading');
+    document.body.appendChild(newScript);
+    return {
+      ref: newScript,
+      status: 'loading'
+    };
+  }
+  return {
+    ref: script,
+    status: script.getAttribute('data-status') || 'ready'
+  };
 }

package/es/lowcode/engine/tools/useCanvasRender.js

@@ -13,8 +13,9 @@ import { LC_BUILDIN_UNIT_KEY_LIST } from "../../constants";
 export default function useCanvasRender(data, deps) {
   var dynamicCompMap = useRef({});
   var ctx = useContext();
-  var render = useMemoizedFn(function (_ref) {
-    var props = _ref.props,
+  var render = useMemoizedFn(function () {
+    var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+      props = _ref.props,
       children = _ref.children,
       childrenMap = _objectWithoutProperties(_ref, _excluded);
     if (props && !LC_BUILDIN_UNIT_KEY_LIST.includes(props.id)) {

package/es/lowcode/engine/tools/useCombinedRefs.js

@@ -0,0 +1,14 @@
+import { useRef, useEffect } from 'react';
+var useCombinedRefs = function useCombinedRefs(forwardedRef) {
+  var innerRef = useRef(null);
+  useEffect(function () {
+    if (!forwardedRef) return;
+    if (typeof forwardedRef === 'function') {
+      forwardedRef(innerRef.current);
+    } else {
+      forwardedRef.current = innerRef.current;
+    }
+  }, [forwardedRef]);
+  return forwardedRef || innerRef;
+};
+export default useCombinedRefs;