@luck-design-biz/luckda 0.0.25-8 → 0.0.25-af-1

package/es/lowcode/view/lc-components/Tree/meta.json

@@ -1,356 +1,199 @@
-{
-  "component": "Tree",
-  "name": "树",
-  "desc": "用于展示和管理具有层级结构的数据。它提供了层级结构、节点展开/折叠、节点选择、节点操作和展示样式等功能和配置选项，使用户能够轻松创建和管理树结构。",
-  "icon": "icon-tree",
-  "group": "advance",
-  "groupName": "高级",
-  "order": 1,
-  "props": [
-    {
-      "key": "id",
-      "desc": "唯一标识",
-      "type": "string",
-      "disabled": true
-    },
-    {
-      "key": "dataset",
-      "name": "数据集",
-      "desc": "选择系统中的可用树形数据集",
-      "type": "_DataSetSelector",
-      "next": {
-        "name": "字段配置",
-        "props": [
-          {
-            "key": "fields",
-            "name": "#字段配置器",
-            "type": "_FieldsSetting",
-            "component": "tree"
-          }
-        ]
-      }
-    },
-    {
-      "key": "title",
-      "name": "标题",
-      "desc": "头部标题",
-      "type": "_I18nInput"
-    },
-    {
-      "key": "readOnly",
-      "name": "是否只读",
-      "desc": "是否树形组件只读",
-      "type": "switch",
-      "default": false
-    },
-    {
-      "key": "draggable",
-      "name": "支持拖拽",
-      "desc": "是否支持拖拽",
-      "type": "switch",
-      "default": true
-    },
-    {
-      "key": "asyncLoad",
-      "name": "异步加载",
-      "desc": "是否树形组件异步加载，需要设置数据集条件",
-      "type": "switch",
-      "default": false
-    },
-    {
-      "key": "parentKey",
-      "name": "异步加载Key",
-      "desc": "树形组件异步加载时的过滤传参key",
-      "type": "string",
-      "default": "iparentid"
-    },
-    {
-      "key": "styleSetting",
-      "name": "风格和样式",
-      "type": "group",
-      "props": [
-        {
-          "key": "width",
-          "name": "宽度",
-          "type": "_WidthHeight",
-          "default": "100%"
-        },
-        {
-          "key": "height",
-          "name": "高度",
-          "type": "_WidthHeight",
-          "default": "100%"
-        },
-        {
-          "key": "showLine",
-          "name": "显示线",
-          "desc": "是否显示树组件的连接线",
-          "type": "switch",
-          "default": false
-        },
-        {
-          "key": "treeNodeTitle",
-          "name": "展示字段",
-          "desc": "展示字段的key",
-          "type": "_I18nInput",
-          "default": "sname"
-        },
-        {
-          "key": "defaultExpandDeep",
-          "name": "默认展开层级",
-          "desc": "默认展开多少层级",
-          "type": "select",
-          "options": [
-            {
-              "label": "不展开",
-              "value": "0"
-            },
-            {
-              "label": "1",
-              "value": "1"
-            },
-            {
-              "label": "2",
-              "value": "2"
-            },
-            {
-              "label": "3",
-              "value": "3"
-            },
-            {
-              "label": "4",
-              "value": "4"
-            },
-            {
-              "label": "全部",
-              "value": "all"
-            }
-          ],
-          "default": "0"
-        }
-      ]
-    }, {
-      "key": "selectSetting",
-      "name": "选中设置",
-      "type": "group",
-      "props": [
-        {
-          "key": "cancelSelect",
-          "name": "取消选中",
-          "desc": "是否可以取消选中",
-          "type": "switch",
-          "default": true
-        },
-        {
-          "key": "defaultSelect",
-          "name": "默认选中",
-          "desc": "返回默认选中的数据主键",
-          "type": "_JSEditor",
-          "defaultCode": "function defaultSelect(treeData) { \n return []; \n}",
-          "mustConfirm": true,
-          "wrapper": "collapse",
-          "wrapperProps": {
-            "suppressIcon": true
-          }
-        }
-      ]
-    },
-    {
-      "key": "IconSetting",
-      "name": "图标设置",
-      "type": "group",
-      "default": true,
-      "next": {
-        "name": "图标设置",
-        "props": [
-          {
-            "key": "showIcon",
-            "name": "显示图标",
-            "desc": "是否显示树组件的图标",
-            "type": "switch",
-            "default": true
-          },
-          {
-            "key": "treeNodeIcon",
-            "name": "节点图标设置",
-            "type": "_IconConditionSelector",
-            "default": [],
-            "defaultCode": "function treeNodeIconRender(item) { \n return false; \n}",
-            "wrapper": "collapse",
-            "wrapperProps": { "suppressIcon": true }
-          }
-        ]
-      }
-    },
-    {
-      "key": "actions",
-      "name": "操作项",
-      "desc": "树节点操作项",
-      "type": "group",
-      "default": true,
-      "next": {
-        "name": "操作项",
-        "props": [
-          {
-            "key": "rootAdd",
-            "name": "根节点",
-            "desc": "根节点操作项",
-            "type": "group",
-            "props": [
-              {
-                "key": "showRootAdd",
-                "name": "是否显示",
-                "desc": "是否显示",
-                "type": "switch",
-                "default": true
-              },
-              {
-                "key": "onlyRoot",
-                "name": "根节点唯一",
-                "desc": "树组件仅一个根节点，如数据根节点数大于0，则不允许根节点新增",
-                "type": "switch",
-                "default": false
-              },
-              {
-                "key": "rootAddSetting",
-                "name": "根节点配置",
-                "desc": "根节点配置",
-                "type": "_TreeRootEditor",
-                "default": {}
-              }
-            ]
-          },
-          {
-            "key": "actions",
-            "name": "节点操作项",
-            "type": "_ActionsEditor",
-            "default": {
-              "todoList": []
-            },
-            "suppressDisplay": true,
-            "suppressMax": true,
-            "suppressMore": true,
-            "wrapper": "collapse",
-            "wrapperProps": {
-              "suppressIcon": true
-            }
-          }
-        ]
-      }
-    },
-    {
-      "key": "rowSelectionSetting",
-      "name": "节点控制器",
-      "type": "group",
-      "default": true,
-      "next": {
-        "name": "行选择器",
-        "props": [
-          {
-            "key": "doubleClickExpand",
-            "name": "双击收缩节点",
-            "type": "switch",
-            "default": true
-          },
-          {
-            "key": "checkable",
-            "name": "复选框",
-            "desc": "是否支持复选框选择",
-            "type": "switch",
-            "default": false
-          },
-          {
-            "key": "treeNodeCheckable",
-            "name": "节点是否有复选框",
-            "type": "_JSEditor",
-            "defaultCode": "function treeNodeCheckable(item) { \n return true; \n}",
-            "mustConfirm": true,
-            "wrapper": "collapse",
-            "wrapperProps": {
-              "suppressIcon": true
-            }
-          },
-          {
-            "key": "treeNodeDisableCheckbox",
-            "name": "节点复选框是否禁用",
-            "type": "_JSEditor",
-            "defaultCode": "function treeNodeDisableCheckbox(item) { \n return false; \n}",
-            "mustConfirm": true,
-            "wrapper": "collapse",
-            "wrapperProps": {
-              "suppressIcon": true
-            }
-          },
-          {
-            "key": "treeNodeDisable",
-            "name": "节点是否禁用",
-            "type": "_JSEditor",
-            "defaultCode": "function treeNodeDisable(item) { \n return false; \n}",
-            "mustConfirm": true,
-            "wrapper": "collapse",
-            "wrapperProps": {
-              "suppressIcon": true
-            }
-          },
-          {
-            "key": "onTreeNodeRender",
-            "name": "节点定制渲染",
-            "type": "_JSEditor",
-            "defaultCode": "function onTreeNodeRender(title, item) { \n return title; \n}",
-            "mustConfirm": true,
-            "wrapper": "collapse",
-            "wrapperProps": {
-              "suppressIcon": true
-            }
-          }
-        ]
-      }
-    }
-  ],
-  "advance": {
-    "events": [
-      {
-        "key": "onMount",
-        "name": "组件首次渲染时",
-        "desc": "在组件首次渲染时，执行方法",
-        "func": "function onMount(params) {\n\t\n}"
-      },
-      {
-        "key": "onUnmount",
-        "name": "组件卸载时",
-        "desc": "在组件卸载时，执行方法。",
-        "func": "function onUnmount() {\n\t\n}"
-      },
-      {
-        "key": "processDataSource",
-        "name": "数据预处理",
-        "desc": "数据渲染前预处理",
-        "func": "function processDataSource(data) {\n\t\n}"
-      },
-      {
-        "key": "onDoubleClick",
-        "name": "双击事件",
-        "desc": "树节点双击事件",
-        "func": "function onDoubleClick(e, rowData) {\n\t\n}"
-      },
-      {
-        "key": "onCheck",
-        "name": "复选框选择事件",
-        "desc": "点击复选框触发",
-        "func": "function onCheck(checkedKeys, e) {\n\t\n}"
-      },
-      {
-        "key": "onSelect",
-        "name": "选中事件",
-        "desc": "节点选中事件",
-        "func": "function onSelect(checkedKeys, e) {\n\t\n}"
-      },
-      {
-        "key": "onDrop",
-        "name": "拖拽事件",
-        "desc": "节点拖拽事件",
-        "func": "function onDrop(info, dragInfo) {\n\t\n}"
-      }
-    ]
-  }
-}
+{
+  "component": "Tree",
+  "name": "树",
+  "desc": "用于展示和管理具有层级结构的数据。它提供了层级结构、节点展开/折叠、节点选择、节点操作和展示样式等功能和配置选项，使用户能够轻松创建和管理树结构。",
+  "icon": "icon-tree",
+  "group": "advance",
+  "groupName": "高级",
+  "order": 1,
+  "props": [
+    {
+      "key": "id",
+      "desc": "唯一标识",
+      "type": "string",
+      "disabled": true
+    },
+    {
+      "key": "dataset",
+      "name": "数据集",
+      "desc": "选择系统中的可用树形数据集",
+      "type": "_DataSetSelector"
+    },
+    {
+      "key": "title",
+      "name": "标题",
+      "desc": "头部标题",
+      "type": "string"
+    },
+    {
+      "key": "styleSetting",
+      "name": "风格和样式",
+      "type": "group",
+      "props": [
+        {
+          "key": "width",
+          "name": "宽度",
+          "type": "_WidthHeight",
+          "default": "100%"
+        },
+        {
+          "key": "height",
+          "name": "高度",
+          "type": "_WidthHeight",
+          "default": "100%"
+        },
+        {
+          "key": "showLine",
+          "name": "显示线",
+          "desc": "是否显示树组件的连接线",
+          "type": "switch",
+          "default": false
+        },
+        {
+          "key": "showIcon",
+          "name": "显示图标",
+          "desc": "是否显示树组件的图标",
+          "type": "switch",
+          "default": true
+        },
+        {
+          "key": "defaultExpandDeep",
+          "name": "默认展开层级",
+          "desc": "默认展开多少层级",
+          "type": "select",
+          "options": [
+            {
+              "label": "不展开",
+              "value": "0"
+            },
+            {
+              "label": "1",
+              "value": "1"
+            },
+            {
+              "label": "2",
+              "value": "2"
+            },
+            {
+              "label": "3",
+              "value": "3"
+            },
+            {
+              "label": "4",
+              "value": "4"
+            },
+            {
+              "label": "全部",
+              "value": "all"
+            }
+          ],
+          "default": "0"
+        }
+      ]
+    },
+    {
+      "key": "lazyLoad",
+      "name": "懒加载",
+      "desc": "是否树形组件懒加载",
+      "type": "switch",
+      "default": false
+    },
+    {
+      "key": "editable",
+      "name": "支持编辑",
+      "desc": "是否支持编辑树",
+      "type": "switch",
+      "default": true
+    },
+    {
+      "key": "draggable",
+      "name": "支持拖拽",
+      "desc": "是否支持拖拽",
+      "type": "switch",
+      "default": true
+    },
+    {
+      "key": "actions",
+      "name": "操作项",
+      "desc": "单行操作项",
+      "type": "group",
+      "default": true,
+      "next": {
+        "name": "操作列",
+        "props": [
+          {
+            "key": "actions",
+            "name": "表格操作项",
+            "type": "_ActionsEditor",
+            "default": { "todoList": [] },
+            "suppressDisplay": true,
+            "suppressMax": true,
+            "suppressMore": true,
+            "wrapper": "collapse",
+            "wrapperProps": { "suppressIcon": true }
+          }
+        ]
+      }
+    },
+    {
+      "key": "doubleClick",
+      "name": "开启双击事件",
+      "desc": "是否开启双击事件（默认双击收缩节点）",
+      "type": "switch",
+      "default": true
+    },
+    {
+      "key": "multiple",
+      "name": "多选",
+      "desc": "是否支持多选",
+      "type": "switch",
+      "default": false
+    }
+  ],
+  "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": "(e, rowData, doubleClickFunc)=>{\n\t\n}"
+      }
+    ]
+  }
+}

package/es/lowcode/view/lc-components/Wrapper.js

@@ -1,69 +1,54 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import React, { useEffect } from 'react';
+import { useEffect } from 'react';
 import { useLatest, useCreation } from 'ahooks';
-import { omit } from 'lodash';
-import { useContext, useGet, getLevelNodes as _getLevelNodes, getSelfAndParent } from "../../engine/provider/ContextProvider";
-import { LC_COMPONENT_UNIT_KEY, LC_COMPONENT_UNIT, RUNTIME } from "../../constants";
-import DragDropWrapper from "../../painter/components/DragDrop/DragDropWrapper";
+import { useLDContext } from "../../engine/provider/ContextProvider";
+import { findNodeAndParent, getPathNodesById } from "../../engine/tools/dataProcess";
+import { CELL_CLASS_NAME } from "../../constants";
 var LCWrapper = function LCWrapper(_ref) {
   var id = _ref.id,
-    displayName = _ref.displayName,
     children = _ref.children,
     getTargetDom = _ref.getTargetDom,
     api = _ref.api;
-  var ctx = useContext();
-  var selfData = useGet({
-    id: id
-  });
-  var _selfData = useLatest(selfData);
-  useCreation(function () {
-    var meta = displayName ? require("../../engine/meta/".concat(displayName.toLowerCase(), ".props.json")) : {};
-    var _api = {
-      self: children,
-      getSelfData: function getSelfData() {
-        return _selfData.current;
-      },
-      getSelfDom: getTargetDom,
-      getSelfAndParentData: function getSelfAndParentData() {
-        return getSelfAndParent(id);
+  var context = useLDContext();
+  var _pageData = useLatest(context.pageData);
+  var _api = useCreation(function () {
+    return {
+      getSelfAndParentLCData: function getSelfAndParentLCData() {
+        return findNodeAndParent(id, _pageData.current);
       },
       getLevelNodes: function getLevelNodes() {
-        return _getLevelNodes(id);
+        return getPathNodesById(_pageData.current, id);
       }
     };
-    ctx._register(id, new Proxy({
-      meta: omit(meta, ['props', 'css', 'advance'])
-    }, {
-      get: function get(target, property, receiver) {
-        if (property === 'api') {
-          return api ? _objectSpread(_objectSpread({}, _api), api.current) : _api;
-        }
-        return Reflect.get(target, property, receiver);
-      }
-    }));
   }, []);
   useEffect(function () {
-    var dom = getTargetDom();
-    if (dom) {
-      dom.setAttribute('id', id);
-      dom.setAttribute(LC_COMPONENT_UNIT_KEY, LC_COMPONENT_UNIT);
-    }
-    ctx.$publisher(ctx.topics.COMPONENT_MOUNT, {
-      id: id
+    setTimeout(function () {
+      var dom = getTargetDom();
+      if (dom) {
+        dom.setAttribute('id', id);
+        dom.classList.add(CELL_CLASS_NAME);
+      }
+      context._register(id, new Proxy({
+        dom: dom
+      }, {
+        get: function get(target, property, receiver) {
+          if (property === 'api') {
+            return api ? _objectSpread(_objectSpread({}, _api), api.current) : _api;
+          }
+          return Reflect.get(target, property, receiver);
+        }
+      }));
+      context.$publisher(context.topics.COMPONENT_MOUNT, {
+        id: id
+      });
     });
     return function () {
-      ctx._unregister(id);
-      ctx.$publisher(ctx.topics.COMPONENT_UNMOUNT, {
+      context._unregister(id);
+      context.$publisher(context.topics.COMPONENT_UNMOUNT, {
         id: id
       });
     };
   }, []);
-  if (ctx.runtime === RUNTIME.DESIGN) {
-    return /*#__PURE__*/React.createElement(DragDropWrapper, {
-      id: id,
-      getTargetDom: getTargetDom
-    }, children);
-  }
   return children;
 };
 export default LCWrapper;