@luck-design-biz/luckda 0.0.24-3 → 0.0.25-10

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

@@ -0,0 +1,179 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  Context: true,
+  useContext: true,
+  useRemoteSource: true
+};
+exports.useRemoteSource = exports.useContext = exports.default = exports.Context = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _umi = require("umi");
+var _ahooks = require("ahooks");
+var _EventBusProvider = require("../EventBusProvider");
+var _RemoteSourceProvider = _interopRequireWildcard(require("../RemoteSourceProvider"));
+var _useTodo3 = _interopRequireDefault(require("../../tools/useTodo"));
+var topics = _interopRequireWildcard(require("../../../constants/event-topics"));
+var _usePageDataStore = require("../../tools/usePageDataStore");
+Object.keys(_usePageDataStore).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _usePageDataStore[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _usePageDataStore[key];
+    }
+  });
+});
+var Context = exports.Context = /*#__PURE__*/(0, _react.createContext)(null);
+var useContext = exports.useContext = function useContext() {
+  return (0, _react.useContext)(Context);
+};
+var useRemoteSource = exports.useRemoteSource = function useRemoteSource() {
+  return (0, _react.useContext)(_RemoteSourceProvider.RemoteSourceContext);
+};
+var PRIVATE_KEYS = ['componentList', 'componentMap'];
+var _default = exports.default = function _default(_ref) {
+  var children = _ref.children,
+    code = _ref.code,
+    debug = _ref.debug;
+  var eventBus = (0, _EventBusProvider.useLDEventBus)();
+  var _useTodo = (0, _useTodo3.default)(),
+    _useTodo2 = (0, _slicedToArray2.default)(_useTodo, 3),
+    todo = _useTodo2[0],
+    callBehavior = _useTodo2[1],
+    loading = _useTodo2[2];
+
+  /**
+   * 页面公共资源
+   */
+  var _useSetState = (0, _ahooks.useSetState)(null),
+    _useSetState2 = (0, _slicedToArray2.default)(_useSetState, 2),
+    pagePublicResource = _useSetState2[0],
+    setPagePublicResource = _useSetState2[1];
+  var prevPagePublicResource = (0, _ahooks.usePrevious)(pagePublicResource);
+
+  /**
+   * 组件列表
+   */
+  var _componentList = (0, _react.useRef)([]);
+  var _privateGetter = (0, _react.useRef)({
+    componentList: function componentList() {
+      return _componentList.current;
+    },
+    componentMap: function componentMap() {
+      return new Map(_componentList.current);
+    }
+  });
+
+  /**
+   * 注册组件
+   * id:string 组件id
+   * component:ReactNode 组件
+   */
+  var _register = (0, _ahooks.useMemoizedFn)(function (id, component) {
+    _componentList.current.push([id, component]);
+  });
+
+  /**
+   * 注销组件
+   * id:string 组件id
+   */
+  var _unregister = (0, _ahooks.useMemoizedFn)(function (id) {
+    _componentList.current = _componentList.current.filter(function (_ref2) {
+      var _ref3 = (0, _slicedToArray2.default)(_ref2, 1),
+        _id = _ref3[0];
+      return _id !== id;
+    });
+  });
+
+  /**
+   * 根据组件id获取组件
+   * compId:string 组件id
+   * return:ReactNode
+   */
+  var getElementById = (0, _ahooks.useMemoizedFn)(function (compId) {});
+
+  /**
+   * 根据组件id获取父组件
+   * compId:string 组件id
+   * return:ReactNode
+   */
+  var getParentElement = (0, _ahooks.useMemoizedFn)(function (compId) {});
+
+  /**
+   * 根据组件id获取组件路径
+   * compId:string 组件id
+   * return:ReactNode
+   */
+  var getElementPathById = (0, _ahooks.useMemoizedFn)(function (compId) {});
+
+  /**
+   * 获取url参数
+   * return:object
+   */
+  var getUrlParams = (0, _ahooks.useMemoizedFn)(function () {});
+  (0, _ahooks.useUpdateEffect)(function () {
+    eventBus.$publisher(topics.PAGE_PUBLIC_RESOURCE_CHANGED, {
+      resource: pagePublicResource,
+      prevResource: prevPagePublicResource
+    });
+  }, [pagePublicResource]);
+  var ctx = new Proxy((0, _objectSpread2.default)({
+    _register: _register,
+    _unregister: _unregister,
+    pagePublicResource: pagePublicResource,
+    setPagePublicResource: setPagePublicResource,
+    loading: loading,
+    history: _umi.history,
+    callBehavior: callBehavior,
+    topics: topics,
+    PRIMARY_KEY: window.appConfig.constraintKeys.PRIMARY,
+    PARENT_KEY: window.appConfig.constraintKeys.PARENT,
+    getElementById: getElementById,
+    /**
+     * @method
+     * @param {string} id - 组件id
+     * @return {object}
+     */
+    getParentElement: getParentElement,
+    getElementPathById: getElementPathById,
+    doAction: function doAction(actionPool, args) {
+      return todo(this, actionPool, args);
+    },
+    /**
+     * @method
+     * @return {object}
+     */
+    getUrlParams: getUrlParams
+  }, eventBus), {
+    get: function get(target, property, receiver) {
+      if (PRIVATE_KEYS.includes(property)) {
+        var _privateGetter$curren;
+        return (_privateGetter$curren = _privateGetter.current) === null || _privateGetter$curren === void 0 ? void 0 : _privateGetter$curren[property]();
+      }
+      return Reflect.get(target, property, receiver);
+    },
+    set: function set(target, property, receiver) {
+      if (PRIVATE_KEYS.includes(property)) {
+        throw new Error("\u5C5E\u6027 \"".concat(property, "\" \u662F\u53EA\u8BFB\u7684"));
+      } else {
+        return Reflect.set(target, property, receiver);
+      }
+    }
+  });
+  return /*#__PURE__*/_react.default.createElement(Context.Provider, {
+    value: ctx
+  }, /*#__PURE__*/_react.default.createElement(_RemoteSourceProvider.default, {
+    code: code,
+    runtime: eventBus.runtime,
+    debug: debug
+  }, children));
+};

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

@@ -11,7 +11,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _ahooks = require("ahooks");
-var _lcid = _interopRequireDefault(require("../tools/lcid"));
+var _utils = require("@luck-design-biz/base/utils");
 var _helper = require("../tools/helper");
 var _excluded = ["topic"];
 var EventBus = exports.EventBus = /*#__PURE__*/(0, _react.createContext)(null);
@@ -95,7 +95,7 @@ var _default = exports.default = function _default(_ref) {
   });
   var $subscriber = (0, _ahooks.useMemoizedFn)(function (topic) {
     if (!subscriberPool.has(topic)) subscriberPool.set(topic, []);
-    var id = (0, _lcid.default)();
+    var id = (0, _utils.suid)();
     var _subscriber = Subscriber(id);
     subscriberPool.get(topic).push([id, _subscriber]);
     return _subscriber;

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

@@ -0,0 +1,221 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.RemoteSourceContext = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+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 _Builder = require("../../../components/Builder");
+var _action2 = require("../../../helper/action");
+var _usePageDataStore2 = _interopRequireDefault(require("../tools/usePageDataStore"));
+var _dataProcess = require("../tools/dataProcess");
+var _apiUrl = require("../../constants/api-url");
+var _constants = require("../../constants");
+var _helper = require("../tools/helper");
+var RemoteSourceContext = exports.RemoteSourceContext = /*#__PURE__*/(0, _react.createContext)(null);
+var _default = exports.default = function _default(_ref) {
+  var children = _ref.children,
+    code = _ref.code,
+    runtime = _ref.runtime,
+    debug = _ref.debug;
+  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 _useSetState = (0, _ahooks.useSetState)({}),
+    _useSetState2 = (0, _slicedToArray2.default)(_useSetState, 2),
+    remoteSource = _useSetState2[0],
+    setRemoteSource = _useSetState2[1];
+  var _useCookieState = (0, _ahooks.useCookieState)(_constants.COOKIE_RUNTIME_KEY),
+    _useCookieState2 = (0, _slicedToArray2.default)(_useCookieState, 2),
+    cookieRuntime = _useCookieState2[0],
+    setRuntime = _useCookieState2[1];
+  var prevRuntime = (0, _react.useRef)(cookieRuntime);
+  (0, _ahooks.useCreation)(function () {
+    if (runtime !== cookieRuntime) {
+      prevRuntime.current = cookieRuntime;
+      setRuntime(runtime);
+    }
+  }, []);
+  (0, _ahooks.useUnmount)(function () {
+    !debug && reset();
+    setRuntime(prevRuntime.current);
+  });
+
+  // 获取页面数据
+  var _useRequest = (0, _ahooks.useRequest)(_apiUrl.fetchPageData, {
+      manual: true
+    }),
+    fetchPageDataLoading = _useRequest.loading,
+    runFetchPageData = _useRequest.runAsync;
+  // 获取模块数据
+  var _useRequest2 = (0, _ahooks.useRequest)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _constants.RUNTIME.DESIGN, _apiUrl.fetchDesignModlueData), _constants.RUNTIME.PREVIEW, _apiUrl.fetchPreviewModlueData), _constants.RUNTIME.LIVE, _apiUrl.fetchModlueData)[runtime], {
+      manual: true,
+      onSuccess: function onSuccess(_ref2) {
+        var code = _ref2.code,
+          data = _ref2.data;
+        if (code === 1) {
+          setRemoteSource({
+            module: data
+          });
+          initializeModule(data);
+        }
+      }
+    }),
+    fetchModlueDataLoading = _useRequest2.loading,
+    runFetchModlueData = _useRequest2.runAsync,
+    refreshModlueData = _useRequest2.refreshAsync;
+  // 获取数据集数据
+  var _useRequest3 = (0, _ahooks.useRequest)(_apiUrl.fetchAllDataset, {
+      manual: true,
+      onSuccess: function onSuccess(_ref3) {
+        var code = _ref3.code,
+          data = _ref3.data;
+        if (code === 1) {
+          setRemoteSource({
+            dataset: data
+          });
+        }
+      }
+    }),
+    fetchAllDatasetLoading = _useRequest3.loading,
+    runFetchAllDataset = _useRequest3.run,
+    refreshDataset = _useRequest3.refreshAsync;
+  // 获取资源串数据
+  var _useRequest4 = (0, _ahooks.useRequest)(_apiUrl.fetchAllSerials, {
+      manual: true,
+      onSuccess: function onSuccess(_ref4) {
+        var code = _ref4.code,
+          list = _ref4.list,
+          detail = _ref4.detail;
+        if (code === 1) {
+          setRemoteSource({
+            serials: list.map(function (id) {
+              return detail[id];
+            })
+          });
+        }
+      }
+    }),
+    fetchAllSerialsLoading = _useRequest4.loading,
+    runFetchAllSerials = _useRequest4.run,
+    refreshSerials = _useRequest4.refreshAsync;
+
+  // 获取导入导出行为下拉数据
+  var _useRequest5 = (0, _ahooks.useRequest)(_apiUrl.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 = (0, _ahooks.useRequest)(_apiUrl.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;
+  (0, _ahooks.useAsyncEffect)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
+    var fetchPageDataRes, data, list, detail, source;
+    return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.next = 2;
+          return runFetchPageData({
+            code: code
+          });
+        case 2:
+          fetchPageDataRes = _context.sent;
+          if (!(fetchPageDataRes.code === 1)) {
+            _context.next = 14;
+            break;
+          }
+          data = fetchPageDataRes.data, list = fetchPageDataRes.list, detail = fetchPageDataRes.detail;
+          source = detail[list[0]].source;
+          (0, _helper.setLDMetaAttrs)(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
+          });
+          !debug && initialize((0, _dataProcess.decompress)(source));
+        case 14:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  })), [code]);
+  var doAction = (0, _ahooks.useMemoizedFn)(function (_action, _data, _params) {
+    (0, _action2.doAction)(_action, _data, _params, {
+      actions: remoteSource.module.actions,
+      moduleCode: remoteSource.module.moduleCode
+    });
+  });
+  return /*#__PURE__*/_react.default.createElement(RemoteSourceContext.Provider, {
+    value: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, remoteSource), {}, {
+      loading: fetchPageDataLoading || fetchModlueDataLoading,
+      fetchAllDatasetLoading: fetchAllDatasetLoading,
+      fetchAllSerialsLoading: fetchAllSerialsLoading,
+      refreshModlueData: refreshModlueData,
+      refreshDataset: refreshDataset,
+      refreshSerials: refreshSerials
+    })
+  }, /*#__PURE__*/_react.default.createElement(_Builder.LuckDaContext.Provider, {
+    value: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, remoteSource.module), {}, {
+      doAction: doAction
+    })
+  }, children));
+};

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

@@ -11,11 +11,15 @@ exports.decompress = decompress;
 exports.deleteById = deleteById;
 exports.findNodeAndParent = findNodeAndParent;
 exports.getPathById = getPathById;
+exports.getPathNodesById = getPathNodesById;
 exports.modifyById = modifyById;
+exports.move = move;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelper"));
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var LZString = _interopRequireWildcard(require("lz-string"));
+var _constants = require("../../constants");
 /**
  * 数据压缩
  * @param {JSON} data
@@ -25,7 +29,7 @@ function compress(data) {
   // 将对象转换为JSON字符串
   var jsonString = JSON.stringify(data);
   // 使用LZ-String压缩JSON字符串
-  return LZString.compressToUTF16(jsonString);
+  return LZString.compressToBase64(jsonString);
 }
 
 /**
@@ -35,7 +39,7 @@ function compress(data) {
  */
 function decompress(compressedData) {
   // 使用LZ-String解压数据
-  var jsonString = LZString.decompressFromUTF16(compressedData);
+  var jsonString = LZString.decompressFromBase64(compressedData);
   // 将JSON字符串转换回对象
   return JSON.parse(jsonString);
 }
@@ -50,6 +54,16 @@ function decompress(compressedData) {
  */
 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,
+      parent: null
+    };
+  }
   if (current.hasOwnProperty('children') && current.children.includes(id)) {
     return {
       node: current[id],
@@ -57,7 +71,7 @@ function findNodeAndParent(id, current) {
     };
   }
   for (var key in current) {
-    if (current[key] && (0, _typeof2.default)(current[key]) === 'object' && key !== 'props') {
+    if (current[key] && (0, _typeof2.default)(current[key]) === 'object' && key !== 'props' && key !== 'children') {
       var result = findNodeAndParent(id, current[key], current);
       if (result.node) {
         return result;
@@ -111,7 +125,7 @@ function process(json, path, id, data) {
     current[id] = {
       props: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, data), {}, {
         id: id,
-        parentId: current.id
+        parentId: current.props.id
       })
     };
   } else if (!path && id && data) {
@@ -146,12 +160,74 @@ function process(json, path, id, data) {
  * 对指定的JSON结构进行节点的添加操作。
  *
  * @param {Object} json - 要操作的JSON对象。
- * @param {string|null} path - 要操作的节点路径，使用'/'分隔。
+ * @param {string} parentId - 父节点的唯一标识符。
  * @param {string} id - 操作节点的唯一标识符。
  * @param {Object|null} data - 要添加或修改的数据。如果为null，表示删除操作。
  */
-function add(json, path, id, data) {
-  process(json, path, id, data);
+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'：往节点子节点插
+ */
+function move(json, sid, tid, action) {
+  // 验证节点存在性
+  var _findNodeAndParent3 = findNodeAndParent(sid, json),
+    sourceNode = _findNodeAndParent3.node,
+    sourceParent = _findNodeAndParent3.parent;
+  var _findNodeAndParent4 = findNodeAndParent(tid, json),
+    targetNode = _findNodeAndParent4.node,
+    targetParent = _findNodeAndParent4.parent;
+  if (!sourceNode || !targetNode) {
+    throw new Error('Source or target node does not exist.');
+  }
+
+  // 从原父节点中移除
+  if (sourceParent) {
+    sourceParent.children = sourceParent.children.filter(function (id) {
+      return id !== sid;
+    });
+    if (sourceParent.children.length === 0) {
+      delete sourceParent.children;
+    }
+    delete sourceParent[sid];
+  }
+  switch (action) {
+    case 'inside':
+      // 插入到目标节点的children数组
+      if (!targetNode.children) {
+        targetNode.children = [];
+      }
+      targetNode.children.push(sid);
+      sourceNode.props.parentId = tid;
+      targetNode[sid] = sourceNode;
+      break;
+    case 'left':
+    case 'right':
+      if (!targetParent) {
+        throw new Error('Target node must have a parent for left or right operations.');
+      }
+      // 插入到目标节点同级的前面或后面
+      var idx = targetParent.children.indexOf(tid);
+      if (idx === -1) {
+        throw new Error("Target node is not found in its parent's children list.");
+      }
+      if (action === 'right') {
+        idx++;
+      }
+      targetParent.children.splice(idx, 0, sid);
+      sourceNode.props.parentId = targetParent.props.id;
+      targetParent[sid] = sourceNode;
+      break;
+    default:
+      throw new Error('Invalid action type.');
+  }
 }
 
 /**
@@ -166,7 +242,7 @@ function modifyById(json, id, data) {
 }
 
 /**
- * 查找指定ID的节点及其父节点。
+ * 删除指定id的节点。
  *
  * @param {Object} json - JSON对象。
  * @param {string} id - 要删除的节点ID。
@@ -186,6 +262,7 @@ function deleteById(json, id) {
 function getPathById(json, id) {
   var currentPath = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
   for (var key in json) {
+    if (id === _constants.LC_BUILDIN_UNIT_KEY.PAGE_ROOT) return '/';
     var newPath = currentPath ? "".concat(currentPath, "/").concat(key) : key;
     if (json[key].props && json[key].props.id === id) {
       return newPath;
@@ -198,4 +275,72 @@ 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属性的数组
+ */
+function getPathNodesById(data, targetId) {
+  // 初始化结果数组
+  var result = [];
+
+  // 定义递归函数以搜索路径
+  function search(node) {
+    var path = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+    // 检查当前节点是否是目标节点
+    if (node && node.props && node.props.id === targetId) {
+      // 如果是，将当前路径和节点自身添加到结果中
+      result = [].concat((0, _toConsumableArray2.default)(path), [node.props]);
+      return true;
+    }
+
+    // 遍历子节点
+    if (node && node.children) {
+      var _iterator2 = (0, _createForOfIteratorHelper2.default)(node.children),
+        _step2;
+      try {
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          var childId = _step2.value;
+          // 对每个子节点，首先尝试从当前节点获取子节点数据
+          var childNode = node[childId];
+          if (search(childNode, [].concat((0, _toConsumableArray2.default)(path), [node.props]))) {
+            return true;
+          }
+        }
+      } catch (err) {
+        _iterator2.e(err);
+      } finally {
+        _iterator2.f();
+      }
+    }
+    return false;
+  }
+
+  // 从顶层"data"对象开始搜索
+  if (search(data)) {
+    return result;
+  }
+
+  // 如果未找到目标节点，返回空数组
+  return [];
 }