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

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

@@ -7,6 +7,7 @@ import { subscribeWithSelector } from 'zustand/middleware';
 import { useShallow } from 'zustand/react/shallow';
 import { isObject, isArray, isNil, isFunction, isString, get, set as _set, unset, assign, forOwn, forEach, omit, debounce } from 'lodash';
 import isDeepEqual from 'fast-deep-equal';
+import { usePageProxyContext } from "../PageProxyProvider";
 import { getPathNodesById, findNodeAndParent } from "../../tools/dataProcess";
 import { LC_BUILDIN_UNIT_KEY } from "../../../constants";
 var temporalStateCreator = function temporalStateCreator(userSet, userGet, options) {
@@ -141,18 +142,12 @@ var findNode = function findNode(obj, id) {
 var usePageDataStore = create()(immer(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;
@@ -258,22 +253,22 @@ export var 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`，则函数会创建一个新的节点。
+ *
  */
 export var moveNode = function moveNode(sid, tid, action, newid, json) {
   usePageDataStore.setState(function (state) {
@@ -387,30 +382,41 @@ export var useTask = function useTask(type) {
   }, []);
   return task;
 };
-export var useGet = function useGet(_) {
-  var result = usePageDataStore(useShallow(function (state) {
-    if (isNil(_)) {
-      return state.pageData;
-    } else if (isFunction(_)) {
-      return _(state.pageData);
-    } else if (isArray(_)) {
-      return _.map(function (k) {
-        var _findNode;
-        return k.includes('.') ? get(state.pageData, k) : (_findNode = findNode(state.pageData, k)) === null || _findNode === void 0 ? void 0 : _findNode.target;
+var getTargetData = function getTargetData(_, source) {
+  if (isNil(_)) {
+    return source;
+  } else if (isFunction(_)) {
+    return _(source);
+  } else if (isArray(_)) {
+    return _.map(function (k) {
+      var _findNode;
+      return k.includes('.') ? get(source, k) : (_findNode = findNode(source, k)) === null || _findNode === void 0 ? void 0 : _findNode.target;
+    });
+  } else if (isObject(_) && _.id) {
+    var _findNode2;
+    var path = _.path;
+    var _target = _.id === LC_BUILDIN_UNIT_KEY.PAGE_ROOT ? source : (_findNode2 = findNode(source, _.id)) === null || _findNode2 === void 0 ? void 0 : _findNode2.target;
+    if (isNil(path)) {
+      return _target;
+    } else if (isString(path)) {
+      return get(_target, path);
+    } else if (isArray(path)) {
+      return path.map(function (k) {
+        return get(_target, k);
       });
-    } else if (isObject(_) && _.id) {
-      var _findNode2;
-      var path = _.path;
-      var _target = _.id === LC_BUILDIN_UNIT_KEY.PAGE_ROOT ? state.pageData : (_findNode2 = findNode(state.pageData, _.id)) === null || _findNode2 === void 0 ? void 0 : _findNode2.target;
-      return isNil(path) ? _target : get(_target, path);
-    } else if (isString(_)) {
-      return get(state.pageData, _);
     }
-  }));
-  return result;
+  } else if (isString(_)) {
+    return get(state.pageData, _);
+  }
 };
-export var getModuleData = function getModuleData() {
-  return usePageDataStore.getState().moduleData;
+export var useGet = function useGet(_) {
+  var ppCtx = usePageProxyContext();
+  if (ppCtx !== null && ppCtx !== void 0 && ppCtx.proxyCode) {
+    return getTargetData(_, usePageDataStore.getState()[ppCtx.proxyCode]);
+  }
+  return usePageDataStore(useShallow(function (state) {
+    return getTargetData(_, state.pageData);
+  }));
 };
 export var setNeedPrompt = function setNeedPrompt(_need) {
   usePageDataStore.setState(function (state) {

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

@@ -3,18 +3,24 @@ import { useMemoizedFn } from 'ahooks';
 import { create } from 'zustand';
 import { immer } from 'zustand/middleware/immer';
 import { subscribeWithSelector } from 'zustand/middleware';
-import { forOwn, isNil, isString, isObject } from 'lodash';
+import { forOwn, isNil, isString, isObject, omit } from 'lodash';
 export var useStateStore = create()(immer(subscribeWithSelector(function (set) {
   return {
     state: {},
-    initialize: function initialize(init) {
+    initialize: function initialize(init, append) {
       return set(function (store) {
-        store.state = init;
+        if (append) {
+          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 = omit(store.state, _vars);
       });
     }
   };

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

@@ -6,8 +6,7 @@ var _excluded = ["datasetCode"];
 import { useBoolean, useMemoizedFn } from 'ahooks';
 import { message } from 'luck-design/antd';
 import { keys, isNil, isFunction } from 'lodash';
-import { getModuleData } from "./usePageDataStore";
-import { executeCode } from "../../tools/helper";
+import { executeCode, getLDMetaAttr } from "../../tools/helper";
 import { fetchCallBehavior } from "../../../constants/api-url";
 var useTodo = function useTodo() {
   var _useBoolean = useBoolean(),
@@ -54,8 +53,7 @@ var useTodo = function useTodo() {
                 params = _ref4.params,
                 data = _ref4.data,
                 after = _ref4.after;
-              var moduleData = getModuleData();
-              var _moduleCode = moduleCode || moduleData.moduleCode;
+              var _moduleCode = moduleCode || getLDMetaAttr('moduleCode');
               var _dscode = datasetCode || dsCode;
               if (!_moduleCode || !_dscode) {
                 message.warning('接口重要参数（模块编码或数据集编码）丢失');

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

@@ -58,7 +58,7 @@ export default (function (_ref) {
       var _ref4 = _slicedToArray(_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 && !isPromise(temp)) {
         console.error('before hook must return a promise');
         return;
@@ -68,10 +68,10 @@ export default (function (_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);
@@ -85,6 +85,15 @@ export default (function (_ref) {
       runtime: runtime
     }, payload));
   });
+  var $publisherOnce = useMemoizedFn(function (topic, payload) {
+    return new Promise(function (resolve) {
+      event$.emit(_objectSpread({
+        topic: topic,
+        runtime: runtime
+      }, payload));
+      $subscriber(topic).once(resolve).watch();
+    });
+  });
   var $subscriber = useMemoizedFn(function (topic) {
     if (!subscriberPool.has(topic)) subscriberPool.set(topic, []);
     var id = suid();
@@ -104,7 +113,7 @@ export default (function (_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;
       }
     });
@@ -113,6 +122,7 @@ export default (function (_ref) {
     value: {
       runtime: runtime,
       $publisher: $publisher,
+      $publisherOnce: $publisherOnce,
       $subscriber: $subscriber,
       $unsubscriber: $unsubscriber
     }

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

@@ -0,0 +1,95 @@
+import React, { createContext, useContext as useReactContext, useEffect } from 'react';
+import { useRequest, useCreation } from 'ahooks';
+import { Empty, Spin } from 'luck-design/antd';
+import { isNil, reduce } from 'lodash';
+import { formatMessage } from '@luck-design-biz/base/utils';
+import { useContext } from "./ContextProvider";
+import usePageDataStore from "./ContextProvider/usePageDataStore";
+import { decompress } from "../tools/dataProcess";
+import { fetchPageData } from "../../constants/api-url";
+export var Context = /*#__PURE__*/createContext(null);
+export var usePageProxyContext = function usePageProxyContext() {
+  return useReactContext(Context);
+};
+export default (function (_ref) {
+  var children = _ref.children,
+    id = _ref.id,
+    proxyCode = _ref.proxyCode,
+    destroyOnUnmount = _ref.destroyOnUnmount,
+    proxyParams = _ref.proxyParams;
+  if (isNil(proxyCode)) return /*#__PURE__*/React.createElement(Empty, {
+    description: formatMessage({
+      id: 'luckda.lowcode.view.lc-component.design.nocode',
+      label: '缺少页面代理编码配置'
+    })
+  });
+  var ctx = useContext();
+  var _useRequest = useRequest(fetchPageData, {
+      defaultParams: [{
+        code: proxyCode
+      }],
+      ready: !usePageDataStore.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.setState(function (state) {
+            var source = detail[list[0]].source;
+            state[proxyCode] = decompress(source);
+          });
+        }
+      }
+    }),
+    loading = _useRequest.loading;
+  useEffect(function () {
+    if (usePageDataStore.getState()[proxyCode]) {
+      ctx.$publisher(ctx.topics.PAGE_LOAD_MOUNT, {
+        proxyCode: proxyCode
+      });
+    }
+    return function () {
+      if (destroyOnUnmount) {
+        usePageDataStore.setState(function (state) {
+          state[proxyCode] = null;
+        });
+      }
+    };
+  }, []);
+  var _proxyParams = useCreation(function () {
+    return 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.createElement(Context.Provider, {
+    value: {
+      id: id,
+      proxyCode: proxyCode,
+      params: _proxyParams
+    }
+  }, /*#__PURE__*/React.createElement(Spin, {
+    spinning: loading
+  }, children));
+});

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

@@ -1,11 +1,13 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { createContext } from 'react';
 import { useRequest, useSetState, useAsyncEffect, useMemoizedFn, useCreation, useUnmount } from 'ahooks';
 import { history } from 'umi';
+import { values } from 'lodash';
 import launcher from "../launcher";
 import { LuckDaContext } from "../../../components/Builder";
 import { doAction as doActionUtils } from "../../../helper/action";
@@ -23,12 +25,10 @@ export default (function (_ref) {
   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 {
@@ -70,7 +70,6 @@ export default (function (_ref) {
           setRemoteSource({
             module: data
           });
-          initializeModule(data);
         }
       }
     }),
@@ -153,7 +152,7 @@ export default (function (_ref) {
     }),
     runFetchAllBehaviorExport = _useRequest6.run;
   useAsyncEffect( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-    var fetchPageDataRes, data, list, detail, source;
+    var fetchPageDataRes, data, list, detail, source, _pageData;
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
@@ -173,16 +172,17 @@ export default (function (_ref) {
             break;
           }
           history.replace('/404');
-          _context.next = 20;
+          _context.next = 21;
           break;
         case 9:
-          source = detail[list[0]].source;
           setMetaAttrs(META_TAG_NAME, data);
-          _context.next = 13;
+          source = detail[list[0]].source;
+          _pageData = decompress(source);
+          _context.next = 14;
           return runFetchModlueData(data.dataModelKey, {
-            moduleCode: data.moduleCode
+            moduleCode: [data.moduleCode].concat(_toConsumableArray(values(_pageData.props.proxy))).join(',')
           });
-        case 13:
+        case 14:
           runFetchAllBehaviorImport({
             behaviorMode: 'IMPORT',
             moduleCode: data.moduleCode
@@ -197,11 +197,9 @@ export default (function (_ref) {
           runFetchAllSerials({
             uid: data.moduleId
           });
-          initialize(decompress(source));
+          initialize(_pageData);
           resume();
           eventBus.$publisher(PAGE_LOAD_MOUNT);
-        case 20:
-          ;
         case 21:
         case "end":
           return _context.stop();

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,13 +29,13 @@ 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;
@@ -69,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) {
@@ -141,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) {
   // 验证节点存在性
@@ -215,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] : '';
@@ -262,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/helper.js

@@ -3,7 +3,7 @@ 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, isNil, isString, isArray, has, get } from 'lodash';
+import { omit, isNil, isString, isArray, has, get, cloneDeep, groupBy, keyBy, each } from 'lodash';
 import postcss from 'postcss';
 import { META_TAG_NAME } from "../../constants";
 export function isPromise(value) {
@@ -262,4 +262,28 @@ export function findFirstLeafNode(node) {
     _iterator2.f();
   }
   return null;
+}
+export 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 : cloneDeep(data);
+  var groupedByParents = groupBy(_data, parentKey);
+  var itemsById = keyBy(_data, id);
+  try {
+    each(omit(groupedByParents, rootId), function (children, parentId) {
+      itemsById[parentId][childKey] = children;
+    });
+  } catch (e) {
+    console.error('helper.dataToTree error', e);
+  }
+  return groupedByParents[rootId];
 }