@luck-design-biz/luckda 1.0.2-13 → 1.0.2-14

package/lib/lowcode/engine/provider/ContextProvider/usePageDataStore.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useTemporalStore = exports.useTask = exports.useGet = exports.setNeedPrompt = exports.resetPageData = exports.moveNode = exports.modifyNode = exports.getSelfAndParent = exports.getNeedPrompt = exports.getModuleData = exports.getLevelNodes = exports.deleteNode = exports.default = exports.clearChildren = exports.addNode = void 0;
+exports.useTemporalStore = exports.useTask = exports.useGet = exports.setNeedPrompt = exports.resetPageData = exports.moveNode = exports.modifyNode = exports.getSelfAndParent = exports.getNeedPrompt = exports.getLevelNodes = exports.deleteNode = exports.default = exports.clearChildren = exports.addNode = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _react = require("react");
@@ -14,6 +14,7 @@ var _middleware = require("zustand/middleware");
 var _shallow = require("zustand/react/shallow");
 var _lodash = require("lodash");
 var _fastDeepEqual = _interopRequireDefault(require("fast-deep-equal"));
+var _PageProxyProvider = require("../PageProxyProvider");
 var _dataProcess = require("../../tools/dataProcess");
 var _constants = require("../../../constants");
 var temporalStateCreator = function temporalStateCreator(userSet, userGet, options) {
@@ -148,18 +149,12 @@ var findNode = function findNode(obj, id) {
 var usePageDataStore = (0, _zustand.create)()((0, _immer.immer)((0, _middleware.subscribeWithSelector)(temporal(function (set) {
   return {
     pageData: null,
-    moduleData: null,
     needPrompt: false,
     initialize: function initialize(data) {
       return set(function (state) {
         state.pageData = data;
       });
     },
-    initializeModule: function initializeModule(data) {
-      return set(function (state) {
-        state.moduleData = data;
-      });
-    },
     reset: function reset(data) {
       return set(function (state) {
         state.pageData = data || null;
@@ -265,22 +260,22 @@ var modifyNode = exports.modifyNode = function modifyNode(id, data) {
   });
 };
 
-/**
- * 移动页面中的一个节点到另一个位置。
- * 
- * @param {string} sid - 源节点的ID。
- * @param {string} tid - 目标节点的ID。
- * @param {string} action - 移动类型，可以是 'inside', 'left', 'right' 中的一个。
- * @param {string} newid - 新节点的ID，仅在创建新节点时使用。
- * @param {Object} json - 新节点的初始属性，仅在创建新节点时使用。
- * 
- * @description
- * 此函数会更新页面数据状态，根据提供的动作类型（`action`），将源节点（`sourceNode`）移动到目标节点（`targetNode`）的相应位置。
- * - 'inside': 将源节点作为目标节点的子节点。
- * - 'left': 将源节点放在目标节点的左边（同一父节点下）。
- * - 'right': 将源节点放在目标节点的右边（同一父节点下）。
- * 如果 `sid` 是空但提供了 `newid`，则函数会创建一个新的节点。
- * 
+/**
+ * 移动页面中的一个节点到另一个位置。
+ *
+ * @param {string} sid - 源节点的ID。
+ * @param {string} tid - 目标节点的ID。
+ * @param {string} action - 移动类型，可以是 'inside', 'left', 'right' 中的一个。
+ * @param {string} newid - 新节点的ID，仅在创建新节点时使用。
+ * @param {Object} json - 新节点的初始属性，仅在创建新节点时使用。
+ *
+ * @description
+ * 此函数会更新页面数据状态，根据提供的动作类型（`action`），将源节点（`sourceNode`）移动到目标节点（`targetNode`）的相应位置。
+ * - 'inside': 将源节点作为目标节点的子节点。
+ * - 'left': 将源节点放在目标节点的左边（同一父节点下）。
+ * - 'right': 将源节点放在目标节点的右边（同一父节点下）。
+ * 如果 `sid` 是空但提供了 `newid`，则函数会创建一个新的节点。
+ *
  */
 var moveNode = exports.moveNode = function moveNode(sid, tid, action, newid, json) {
   usePageDataStore.setState(function (state) {
@@ -394,30 +389,41 @@ var useTask = exports.useTask = function useTask(type) {
   }, []);
   return task;
 };
-var useGet = exports.useGet = function useGet(_) {
-  var result = usePageDataStore((0, _shallow.useShallow)(function (state) {
-    if ((0, _lodash.isNil)(_)) {
-      return state.pageData;
-    } else if ((0, _lodash.isFunction)(_)) {
-      return _(state.pageData);
-    } else if ((0, _lodash.isArray)(_)) {
-      return _.map(function (k) {
-        var _findNode;
-        return k.includes('.') ? (0, _lodash.get)(state.pageData, k) : (_findNode = findNode(state.pageData, k)) === null || _findNode === void 0 ? void 0 : _findNode.target;
+var getTargetData = function getTargetData(_, source) {
+  if ((0, _lodash.isNil)(_)) {
+    return source;
+  } else if ((0, _lodash.isFunction)(_)) {
+    return _(source);
+  } else if ((0, _lodash.isArray)(_)) {
+    return _.map(function (k) {
+      var _findNode;
+      return k.includes('.') ? (0, _lodash.get)(source, k) : (_findNode = findNode(source, k)) === null || _findNode === void 0 ? void 0 : _findNode.target;
+    });
+  } else if ((0, _lodash.isObject)(_) && _.id) {
+    var _findNode2;
+    var path = _.path;
+    var _target = _.id === _constants.LC_BUILDIN_UNIT_KEY.PAGE_ROOT ? source : (_findNode2 = findNode(source, _.id)) === null || _findNode2 === void 0 ? void 0 : _findNode2.target;
+    if ((0, _lodash.isNil)(path)) {
+      return _target;
+    } else if ((0, _lodash.isString)(path)) {
+      return (0, _lodash.get)(_target, path);
+    } else if ((0, _lodash.isArray)(path)) {
+      return path.map(function (k) {
+        return (0, _lodash.get)(_target, k);
       });
-    } else if ((0, _lodash.isObject)(_) && _.id) {
-      var _findNode2;
-      var path = _.path;
-      var _target = _.id === _constants.LC_BUILDIN_UNIT_KEY.PAGE_ROOT ? state.pageData : (_findNode2 = findNode(state.pageData, _.id)) === null || _findNode2 === void 0 ? void 0 : _findNode2.target;
-      return (0, _lodash.isNil)(path) ? _target : (0, _lodash.get)(_target, path);
-    } else if ((0, _lodash.isString)(_)) {
-      return (0, _lodash.get)(state.pageData, _);
     }
-  }));
-  return result;
+  } else if ((0, _lodash.isString)(_)) {
+    return (0, _lodash.get)(state.pageData, _);
+  }
 };
-var getModuleData = exports.getModuleData = function getModuleData() {
-  return usePageDataStore.getState().moduleData;
+var useGet = exports.useGet = function useGet(_) {
+  var ppCtx = (0, _PageProxyProvider.usePageProxyContext)();
+  if (ppCtx !== null && ppCtx !== void 0 && ppCtx.proxyCode) {
+    return getTargetData(_, usePageDataStore.getState()[ppCtx.proxyCode]);
+  }
+  return usePageDataStore((0, _shallow.useShallow)(function (state) {
+    return getTargetData(_, state.pageData);
+  }));
 };
 var setNeedPrompt = exports.setNeedPrompt = function setNeedPrompt(_need) {
   usePageDataStore.setState(function (state) {

package/lib/lowcode/engine/provider/ContextProvider/usePageVar.js

@@ -13,14 +13,20 @@ var _lodash = require("lodash");
 var useStateStore = exports.useStateStore = (0, _zustand.create)()((0, _immer.immer)((0, _middleware.subscribeWithSelector)(function (set) {
   return {
     state: {},
-    initialize: function initialize(init) {
+    initialize: function initialize(init, append) {
       return set(function (store) {
-        store.state = init;
+        if (append) {
+          (0, _lodash.forOwn)(init, function (value, key) {
+            store.state[key] = value;
+          });
+        } else {
+          store.state = init;
+        }
       });
     },
-    clear: function clear() {
+    clear: function clear(_vars) {
       return set(function (store) {
-        store.state = {};
+        store.state = (0, _lodash.omit)(store.state, _vars);
       });
     }
   };

package/lib/lowcode/engine/provider/ContextProvider/useTodo.js

@@ -12,7 +12,6 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _ahooks = require("ahooks");
 var _antd = require("luck-design/antd");
 var _lodash = require("lodash");
-var _usePageDataStore = require("./usePageDataStore");
 var _helper = require("../../tools/helper");
 var _apiUrl = require("../../../constants/api-url");
 var _excluded = ["datasetCode"];
@@ -61,8 +60,7 @@ var useTodo = function useTodo() {
                 params = _ref4.params,
                 data = _ref4.data,
                 after = _ref4.after;
-              var moduleData = (0, _usePageDataStore.getModuleData)();
-              var _moduleCode = moduleCode || moduleData.moduleCode;
+              var _moduleCode = moduleCode || (0, _helper.getLDMetaAttr)('moduleCode');
               var _dscode = datasetCode || dsCode;
               if (!_moduleCode || !_dscode) {
                 _antd.message.warning('接口重要参数（模块编码或数据集编码）丢失');

package/lib/lowcode/engine/provider/EventBusProvider.js

@@ -66,7 +66,7 @@ var _default = exports.default = function _default(_ref) {
       var _ref4 = (0, _slicedToArray2.default)(_ref3, 2),
         _id = _ref4[0],
         _subscriber = _ref4[1];
-      var temp = _subscriber._before ? _subscriber._before(payload) : null;
+      var temp = _subscriber._before ? _subscriber._before(payload, _id) : null;
       if (_subscriber._before && !(0, _helper.isPromise)(temp)) {
         console.error('before hook must return a promise');
         return;
@@ -76,10 +76,10 @@ var _default = exports.default = function _default(_ref) {
         if (!flag) return flag;
         var func = _subscriber._once || _subscriber._on;
         if (!func) return;
-        return func(payload);
+        return func(payload, _id);
       }).then(function (flag) {
         if (flag === false || !_subscriber._after) return;
-        return _subscriber._after(payload);
+        return _subscriber._after(payload, _id);
       }).finally(function () {
         if (_subscriber._once) {
           $unsubscriber(topic, _id);
@@ -93,6 +93,15 @@ var _default = exports.default = function _default(_ref) {
       runtime: runtime
     }, payload));
   });
+  var $publisherOnce = (0, _ahooks.useMemoizedFn)(function (topic, payload) {
+    return new Promise(function (resolve) {
+      event$.emit((0, _objectSpread2.default)({
+        topic: topic,
+        runtime: runtime
+      }, payload));
+      $subscriber(topic).once(resolve).watch();
+    });
+  });
   var $subscriber = (0, _ahooks.useMemoizedFn)(function (topic) {
     if (!subscriberPool.has(topic)) subscriberPool.set(topic, []);
     var id = (0, _utils.suid)();
@@ -112,7 +121,7 @@ var _default = exports.default = function _default(_ref) {
         if (!subscriberPool.get(topic).length) {
           subscriberPool.delete(topic);
         }
-        (_subscriber$_off = (_subscriber2 = _subscriber)._off) === null || _subscriber$_off === void 0 || _subscriber$_off.call(_subscriber2);
+        (_subscriber$_off = (_subscriber2 = _subscriber)._off) === null || _subscriber$_off === void 0 || _subscriber$_off.call(_subscriber2, _id);
         _subscriber = null;
       }
     });
@@ -121,6 +130,7 @@ var _default = exports.default = function _default(_ref) {
     value: {
       runtime: runtime,
       $publisher: $publisher,
+      $publisherOnce: $publisherOnce,
       $subscriber: $subscriber,
       $unsubscriber: $unsubscriber
     }

package/lib/lowcode/engine/provider/PageProxyProvider.js

@@ -0,0 +1,103 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.usePageProxyContext = exports.default = exports.Context = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _ahooks = require("ahooks");
+var _antd = require("luck-design/antd");
+var _lodash = require("lodash");
+var _utils = require("@luck-design-biz/base/utils");
+var _ContextProvider = require("./ContextProvider");
+var _usePageDataStore = _interopRequireDefault(require("./ContextProvider/usePageDataStore"));
+var _dataProcess = require("../tools/dataProcess");
+var _apiUrl = require("../../constants/api-url");
+var Context = exports.Context = /*#__PURE__*/(0, _react.createContext)(null);
+var usePageProxyContext = exports.usePageProxyContext = function usePageProxyContext() {
+  return (0, _react.useContext)(Context);
+};
+var _default = exports.default = function _default(_ref) {
+  var children = _ref.children,
+    id = _ref.id,
+    proxyCode = _ref.proxyCode,
+    destroyOnUnmount = _ref.destroyOnUnmount,
+    proxyParams = _ref.proxyParams;
+  if ((0, _lodash.isNil)(proxyCode)) return /*#__PURE__*/_react.default.createElement(_antd.Empty, {
+    description: (0, _utils.formatMessage)({
+      id: 'luckda.lowcode.view.lc-component.design.nocode',
+      label: '缺少页面代理编码配置'
+    })
+  });
+  var ctx = (0, _ContextProvider.useContext)();
+  var _useRequest = (0, _ahooks.useRequest)(_apiUrl.fetchPageData, {
+      defaultParams: [{
+        code: proxyCode
+      }],
+      ready: !_usePageDataStore.default.getState()[proxyCode],
+      onFinally: function onFinally() {
+        ctx.$publisher(ctx.topics.PAGE_LOAD_MOUNT, {
+          proxyCode: proxyCode
+        });
+      },
+      onSuccess: function onSuccess(_ref2) {
+        var code = _ref2.code,
+          data = _ref2.data,
+          list = _ref2.list,
+          detail = _ref2.detail;
+        if (code === 1) {
+          _usePageDataStore.default.setState(function (state) {
+            var source = detail[list[0]].source;
+            state[proxyCode] = (0, _dataProcess.decompress)(source);
+          });
+        }
+      }
+    }),
+    loading = _useRequest.loading;
+  (0, _react.useEffect)(function () {
+    if (_usePageDataStore.default.getState()[proxyCode]) {
+      ctx.$publisher(ctx.topics.PAGE_LOAD_MOUNT, {
+        proxyCode: proxyCode
+      });
+    }
+    return function () {
+      if (destroyOnUnmount) {
+        _usePageDataStore.default.setState(function (state) {
+          state[proxyCode] = null;
+        });
+      }
+    };
+  }, []);
+  var _proxyParams = (0, _ahooks.useCreation)(function () {
+    return (0, _lodash.reduce)(proxyParams, function (ret, param) {
+      switch (param.origin) {
+        case 'state':
+          ret[param.name] = ctx.state[param.value];
+          return ret;
+        case 'golbal':
+          ret[param.name] = ctx.global[param.value];
+          return ret;
+        case 'url':
+          ret[param.name] = ctx.router.getQuery(param.value);
+          return ret;
+        case 'string':
+        case 'num':
+        case 'bool':
+        default:
+          ret[param.name] = param.value;
+          return ret;
+      }
+    }, {});
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(Context.Provider, {
+    value: {
+      id: id,
+      proxyCode: proxyCode,
+      params: _proxyParams
+    }
+  }, /*#__PURE__*/_react.default.createElement(_antd.Spin, {
+    spinning: loading
+  }, children));
+};

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

@@ -8,12 +8,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.RemoteSourceContext = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _ahooks = require("ahooks");
 var _umi = require("umi");
+var _lodash = require("lodash");
 var _launcher = _interopRequireDefault(require("../launcher"));
 var _Builder = require("../../../components/Builder");
 var _action2 = require("../../../helper/action");
@@ -31,12 +33,10 @@ var _default = exports.default = function _default(_ref) {
   var _usePageDataStore = (0, _usePageDataStore2.default)(function (state) {
       return {
         initialize: state.initialize,
-        initializeModule: state.initializeModule,
         reset: state.reset
       };
     }),
     initialize = _usePageDataStore.initialize,
-    initializeModule = _usePageDataStore.initializeModule,
     reset = _usePageDataStore.reset;
   var _useTemporalStore = (0, _usePageDataStore2.useTemporalStore)(function (state) {
       return {
@@ -78,7 +78,6 @@ var _default = exports.default = function _default(_ref) {
           setRemoteSource({
             module: data
           });
-          initializeModule(data);
         }
       }
     }),
@@ -161,7 +160,7 @@ var _default = exports.default = function _default(_ref) {
     }),
     runFetchAllBehaviorExport = _useRequest6.run;
   (0, _ahooks.useAsyncEffect)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
-    var fetchPageDataRes, data, list, detail, source;
+    var fetchPageDataRes, data, list, detail, source, _pageData;
     return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
@@ -181,16 +180,17 @@ var _default = exports.default = function _default(_ref) {
             break;
           }
           _umi.history.replace('/404');
-          _context.next = 20;
+          _context.next = 21;
           break;
         case 9:
-          source = detail[list[0]].source;
           (0, _helper.setMetaAttrs)(_constants.META_TAG_NAME, data);
-          _context.next = 13;
+          source = detail[list[0]].source;
+          _pageData = (0, _dataProcess.decompress)(source);
+          _context.next = 14;
           return runFetchModlueData(data.dataModelKey, {
-            moduleCode: data.moduleCode
+            moduleCode: [data.moduleCode].concat((0, _toConsumableArray2.default)((0, _lodash.values)(_pageData.props.proxy))).join(',')
           });
-        case 13:
+        case 14:
           runFetchAllBehaviorImport({
             behaviorMode: 'IMPORT',
             moduleCode: data.moduleCode
@@ -205,11 +205,9 @@ var _default = exports.default = function _default(_ref) {
           runFetchAllSerials({
             uid: data.moduleId
           });
-          initialize((0, _dataProcess.decompress)(source));
+          initialize(_pageData);
           resume();
           eventBus.$publisher(_eventTopics.PAGE_LOAD_MOUNT);
-        case 20:
-          ;
         case 21:
         case "end":
           return _context.stop();

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

@@ -20,10 +20,10 @@ var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var LZString = _interopRequireWildcard(require("lz-string"));
 var _constants = require("../../constants");
-/**
- * 数据压缩
- * @param {JSON} data
- * @returns 加密后的字符串
+/**
+ * 数据压缩
+ * @param {JSON} data
+ * @returns 加密后的字符串
  */
 function compress(data) {
   // 将对象转换为JSON字符串
@@ -32,10 +32,10 @@ function compress(data) {
   return LZString.compressToBase64(jsonString);
 }
 
-/**
- * 数据解压
- * @param {string} compressedData
- * @returns {json}
+/**
+ * 数据解压
+ * @param {string} compressedData
+ * @returns {json}
  */
 function decompress(compressedData) {
   // 使用LZ-String解压数据
@@ -44,13 +44,13 @@ 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}} 查找结果，包含节点和其父节点。
  */
 function findNodeAndParent(id, current) {
   var parent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
@@ -84,13 +84,13 @@ 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) {
@@ -156,25 +156,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，表示删除操作。
  */
 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'：往节点子节点插
  */
 function move(json, sid, tid, action) {
   // 验证节点存在性
@@ -230,34 +230,34 @@ 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，表示删除操作。
  */
 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。
  */
 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。
  */
 function getPathById(json, id) {
   var currentPath = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
@@ -277,28 +277,28 @@ 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属性的数组
  */
 function getPathNodesById(data, targetId) {
   // 初始化结果数组

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

@@ -4,6 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.dataToTree = dataToTree;
 exports.executeCode = executeCode;
 exports.extractKeywords = extractKeywords;
 exports.findFirstLeafNode = findFirstLeafNode;
@@ -282,4 +283,28 @@ function findFirstLeafNode(node) {
     _iterator2.f();
   }
   return null;
+}
+function dataToTree(data, params) {
+  var _ref = params || {},
+    _ref$parentKey = _ref.parentKey,
+    parentKey = _ref$parentKey === void 0 ? 'parentId' : _ref$parentKey,
+    _ref$childKey = _ref.childKey,
+    childKey = _ref$childKey === void 0 ? 'children' : _ref$childKey,
+    _ref$rootId = _ref.rootId,
+    rootId = _ref$rootId === void 0 ? '0' : _ref$rootId,
+    _ref$id = _ref.id,
+    id = _ref$id === void 0 ? 'id' : _ref$id,
+    _ref$stain = _ref.stain,
+    stain = _ref$stain === void 0 ? false : _ref$stain;
+  var _data = stain ? data : (0, _lodash.cloneDeep)(data);
+  var groupedByParents = (0, _lodash.groupBy)(_data, parentKey);
+  var itemsById = (0, _lodash.keyBy)(_data, id);
+  try {
+    (0, _lodash.each)((0, _lodash.omit)(groupedByParents, rootId), function (children, parentId) {
+      itemsById[parentId][childKey] = children;
+    });
+  } catch (e) {
+    console.error('helper.dataToTree error', e);
+  }
+  return groupedByParents[rootId];
 }