@luck-design-biz/luckda 0.0.23 → 0.0.24-1

package/lib/lowcode/engine/meta/{components/tree.json → tree.props.json}

@@ -1,156 +1,157 @@
-{
-  "component": "Tree",
-  "name": "树",
-  "desc": "用于展示和管理具有层级结构的数据。它提供了层级结构、节点展开/折叠、节点选择、节点操作和展示样式等功能和配置选项，使用户能够轻松创建和管理树结构。",
-  "icon": "icon-tree",
-  "group": "advance",
-  "groupName": "高级",
-  "props": [
-    {
-      "key": "id",
-      "desc": "唯一标识",
-      "type": "string",
-      "disabled": true
-    },
-    {
-      "key": "dateset",
-      "name": "数据集",
-      "desc": "选择系统中的可用树形数据集",
-      "type": "_DataSetSelector"
-    },
-    {
-      "key": "showLine",
-      "name": "显示线",
-      "desc": "是否显示树组件的连接线",
-      "type": "boolean",
-      "default": false
-    },
-    {
-      "key": "lazyLoad",
-      "name": "懒加载",
-      "desc": "是否树形组件懒加载",
-      "type": "boolean",
-      "default": false
-    },
-    {
-      "key": "editable",
-      "name": "支持编辑",
-      "desc": "是否支持编辑树",
-      "type": "boolean",
-      "default": false
-    },
-    {
-      "key": "draggable",
-      "name": "支持拖拽",
-      "desc": "是否支持拖拽",
-      "type": "boolean",
-      "default": false
-    },
-    {
-      "key": "defaultExpandDeep",
-      "name": "默认展开层级",
-      "desc": "默认展开多少层级",
-      "type": "select",
-      "options": [
-        {
-          "label": "1",
-          "value": "1"
-        },
-        {
-          "label": "2",
-          "value": "2"
-        },
-        {
-          "label": "3",
-          "value": "3"
-        },
-        {
-          "label": "4",
-          "value": "4"
-        },
-        {
-          "label": "5",
-          "value": "5"
-        },
-        {
-          "label": "全部",
-          "value": "all"
-        }
-      ],
-      "default": 1
-    },
-    {
-      "key": "rowKey",
-      "name": "数据主键key",
-      "desc": "数据主键",
-      "type": "string"
-    },
-    {
-      "key": "actions",
-      "name": "操作项",
-      "desc": "单行操作项",
-      "type": "_ActionSelector"
-    },
-    {
-      "key": "doubleClick",
-      "name": "开启双击事件",
-      "desc": "是否开启双击事件（默认双击收缩节点）",
-      "type": "boolean",
-      "default": true
-    },
-    {
-      "key": "multiple",
-      "name": "多选",
-      "desc": "是否支持多选",
-      "type": "boolean",
-      "default": false
-    }
-  ],
-  "style": {},
-  "advance": {
-    "events": [
-      {
-        "key": "onMount",
-        "name": "组件首次渲染时",
-        "desc": "在组件首次渲染时，执行方法",
-        "func": "(params)=>{\n\t\n}"
-      },
-      {
-        "key": "onUnmount",
-        "name": "组件卸载时",
-        "desc": "在组件卸载时，执行方法。",
-        "func": "(params)=>{\n\t\n}"
-      },
-      {
-        "key": "processDataSource",
-        "name": "数据预处理",
-        "desc": "数据渲染前预处理",
-        "func": "(data)=>{\n\t\n}"
-      },
-      {
-        "key": "onTreeNodeRender",
-        "name": "定制渲染",
-        "desc": "单行树节点渲染",
-        "func": "(title, rowData)=>{\n\t\n}"
-      },
-      {
-        "key": "unSelectableNodes",
-        "name": "失活节点",
-        "desc": "不可选择的节点",
-        "func": "(data)=>{\n\t\n}"
-      },
-      {
-        "key": "onRightMenus",
-        "name": "定制渲染",
-        "desc": "返回为false时，该操作不可见",
-        "func": "(title, rowData)=>{\n\t\n}"
-      },
-      {
-        "key": "onDoubleClick",
-        "name": "自定义双击事件",
-        "desc": "自定义双击事件，默认为收缩节点",
-        "func": "(rowData)=>{\n\t\n}"
-      }
-    ]
-  }
+{
+  "component": "Tree",
+  "name": "树",
+  "desc": "用于展示和管理具有层级结构的数据。它提供了层级结构、节点展开/折叠、节点选择、节点操作和展示样式等功能和配置选项，使用户能够轻松创建和管理树结构。",
+  "icon": "icon-tree",
+  "group": "advance",
+  "groupName": "高级",
+  "order": 1,
+  "props": [
+    {
+      "key": "id",
+      "desc": "唯一标识",
+      "type": "string",
+      "disabled": true
+    },
+    {
+      "key": "dateset",
+      "name": "数据集",
+      "desc": "选择系统中的可用树形数据集",
+      "type": "_DataSetSelector"
+    },
+    {
+      "key": "showLine",
+      "name": "显示线",
+      "desc": "是否显示树组件的连接线",
+      "type": "boolean",
+      "default": false
+    },
+    {
+      "key": "lazyLoad",
+      "name": "懒加载",
+      "desc": "是否树形组件懒加载",
+      "type": "boolean",
+      "default": false
+    },
+    {
+      "key": "editable",
+      "name": "支持编辑",
+      "desc": "是否支持编辑树",
+      "type": "boolean",
+      "default": false
+    },
+    {
+      "key": "draggable",
+      "name": "支持拖拽",
+      "desc": "是否支持拖拽",
+      "type": "boolean",
+      "default": false
+    },
+    {
+      "key": "defaultExpandDeep",
+      "name": "默认展开层级",
+      "desc": "默认展开多少层级",
+      "type": "select",
+      "options": [
+        {
+          "label": "1",
+          "value": "1"
+        },
+        {
+          "label": "2",
+          "value": "2"
+        },
+        {
+          "label": "3",
+          "value": "3"
+        },
+        {
+          "label": "4",
+          "value": "4"
+        },
+        {
+          "label": "5",
+          "value": "5"
+        },
+        {
+          "label": "全部",
+          "value": "all"
+        }
+      ],
+      "default": 1
+    },
+    {
+      "key": "rowKey",
+      "name": "数据主键key",
+      "desc": "数据主键",
+      "type": "string"
+    },
+    {
+      "key": "actions",
+      "name": "操作项",
+      "desc": "单行操作项",
+      "type": "_ActionSelector"
+    },
+    {
+      "key": "doubleClick",
+      "name": "开启双击事件",
+      "desc": "是否开启双击事件（默认双击收缩节点）",
+      "type": "boolean",
+      "default": true
+    },
+    {
+      "key": "multiple",
+      "name": "多选",
+      "desc": "是否支持多选",
+      "type": "boolean",
+      "default": false
+    }
+  ],
+  "style": {},
+  "advance": {
+    "events": [
+      {
+        "key": "onMount",
+        "name": "组件首次渲染时",
+        "desc": "在组件首次渲染时，执行方法",
+        "func": "(params)=>{\n\t\n}"
+      },
+      {
+        "key": "onUnmount",
+        "name": "组件卸载时",
+        "desc": "在组件卸载时，执行方法。",
+        "func": "(params)=>{\n\t\n}"
+      },
+      {
+        "key": "processDataSource",
+        "name": "数据预处理",
+        "desc": "数据渲染前预处理",
+        "func": "(data)=>{\n\t\n}"
+      },
+      {
+        "key": "onTreeNodeRender",
+        "name": "定制渲染",
+        "desc": "单行树节点渲染",
+        "func": "(title, rowData)=>{\n\t\n}"
+      },
+      {
+        "key": "unSelectableNodes",
+        "name": "失活节点",
+        "desc": "不可选择的节点",
+        "func": "(data)=>{\n\t\n}"
+      },
+      {
+        "key": "onRightMenus",
+        "name": "定制渲染",
+        "desc": "返回为false时，该操作不可见",
+        "func": "(title, rowData)=>{\n\t\n}"
+      },
+      {
+        "key": "onDoubleClick",
+        "name": "自定义双击事件",
+        "desc": "自定义双击事件，默认为收缩节点",
+        "func": "(rowData)=>{\n\t\n}"
+      }
+    ]
+  }
 }

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

@@ -12,12 +12,13 @@ var _react = _interopRequireWildcard(require("react"));
 var _umi = require("umi");
 var _ahooks = require("ahooks");
 var _EventBusProvider = require("./EventBusProvider");
+var _usePromiseState3 = _interopRequireDefault(require("../tools/usePromiseState"));
 var topics = _interopRequireWildcard(require("../../constants/event-topics"));
 var Context = exports.Context = /*#__PURE__*/(0, _react.createContext)(null);
 var useLDContext = exports.useLDContext = function useLDContext() {
   return (0, _react.useContext)(Context);
 };
-var PRIVATE_KEYS = ['pageCode', 'moduleCode', 'pageData', 'componentList', 'componentMap'];
+var PRIVATE_KEYS = ['pageCode', 'moduleCode', 'componentList', 'componentMap'];
 var _default = exports.default = function _default(_ref) {
   var children = _ref.children;
   var eventBus = (0, _EventBusProvider.useLDEventBus)();
@@ -35,17 +36,15 @@ var _default = exports.default = function _default(_ref) {
   /**
    * 页面数据
    */
-  var _pageData = (0, _react.useRef)(null);
+  var _usePromiseState = (0, _usePromiseState3.default)(null),
+    _usePromiseState2 = (0, _slicedToArray2.default)(_usePromiseState, 2),
+    pageData = _usePromiseState2[0],
+    _setPageData = _usePromiseState2[1];
 
   /**
    * 组件列表
    */
   var _componentList = (0, _react.useRef)([]);
-
-  /**
-   * 组件id与组件的映射
-   */
-  var _componentMap = (0, _react.useRef)(new Map());
   var _privateGetter = (0, _react.useRef)({
     pageCode: function pageCode() {
       return _pageCode.current;
@@ -53,14 +52,11 @@ var _default = exports.default = function _default(_ref) {
     moduleCode: function moduleCode() {
       return _moduleCode.current;
     },
-    pageData: function pageData() {
-      return _pageData.current;
-    },
     componentList: function componentList() {
       return _componentList.current;
     },
     componentMap: function componentMap() {
-      return _componentMap.current;
+      return new Map(_componentList.current);
     }
   });
 
@@ -70,7 +66,6 @@ var _default = exports.default = function _default(_ref) {
    * component:ReactNode 组件
    */
   var register = (0, _ahooks.useMemoizedFn)(function (id, component) {
-    _componentMap.current.set(id, component);
     _componentList.current.push([id, component]);
   });
 
@@ -79,7 +74,6 @@ var _default = exports.default = function _default(_ref) {
    * id:string 组件id
    */
   var unregister = (0, _ahooks.useMemoizedFn)(function (id) {
-    _componentMap.current.delete(id);
     _componentList.current = _componentList.current.filter(function (_ref2) {
       var _ref3 = (0, _slicedToArray2.default)(_ref2, 1),
         _id = _ref3[0];
@@ -137,9 +131,8 @@ var _default = exports.default = function _default(_ref) {
     value: new Proxy((0, _objectSpread2.default)({
       _pageCode: _pageCode,
       _moduleCode: _moduleCode,
-      _pageData: _pageData,
-      _componentList: _componentList,
-      _componentMap: _componentMap,
+      _setPageData: _setPageData,
+      pageData: pageData,
       history: _umi.history,
       topics: topics,
       register: register,

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/tools/dataProcess.js

@@ -11,7 +11,9 @@ exports.decompress = decompress;
 exports.deleteById = deleteById;
 exports.findNodeAndParent = findNodeAndParent;
 exports.getPathById = getPathById;
+exports.getPathNodesById = getPathNodesById;
 exports.modifyById = modifyById;
+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"));
@@ -50,6 +52,12 @@ function decompress(compressedData) {
  */
 function findNodeAndParent(id, current) {
   var parent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 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 +65,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;
@@ -146,12 +154,12 @@ 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);
 }
 
 /**
@@ -166,7 +174,7 @@ function modifyById(json, id, data) {
 }
 
 /**
- * 查找指定ID的节点及其父节点。
+ * 删除指定id的节点。
  *
  * @param {Object} json - JSON对象。
  * @param {string} id - 要删除的节点ID。
@@ -198,4 +206,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 [];
 }

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

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _ahooks = require("ahooks");
+var usePromiseState = function usePromiseState(initialState) {
+  var _useSafeState = (0, _ahooks.useSafeState)(initialState),
+    _useSafeState2 = (0, _slicedToArray2.default)(_useSafeState, 2),
+    state = _useSafeState2[0],
+    setState = _useSafeState2[1];
+  var promiseRef = (0, _react.useRef)(null);
+  var setStatePromise = (0, _react.useCallback)(function (_state) {
+    return new Promise(function (resolve) {
+      promiseRef.current = resolve;
+      setState(_state);
+    });
+  }, []);
+  (0, _ahooks.useDeepCompareEffect)(function () {
+    if (promiseRef.current) {
+      promiseRef.current(state);
+      promiseRef.current = null;
+    }
+  }, [state]);
+  return [state, setStatePromise];
+};
+var _default = exports.default = usePromiseState;