@luck-design-biz/luckda 0.0.24-2 → 0.0.25-1

package/es/lowcode/engine/meta/tree.props.default.json

@@ -6,12 +6,25 @@
   "group": "advance",
   "groupName": "高级",
   "order": 1,
-  "style": {},
+  "readOnly": false,
+  "draggable": true,
+  "asyncLoad": false,
+  "parentKey": "iparentid",
+  "width": "100%",
+  "height": "100%",
   "showLine": false,
-  "lazyLoad": false,
-  "editable": false,
-  "draggable": false,
-  "defaultExpandDeep": 1,
-  "doubleClick": true,
-  "multiple": false
+  "treeNodeTitle": "sname",
+  "defaultExpandDeep": "0",
+  "showIcon": true,
+  "treeNodeIcon": [],
+  "showRootAdd": true,
+  "rootAddSetting": {},
+  "actions": {
+    "todoList": []
+  },
+  "doubleClickExpand": true,
+  "checkable": false,
+  "advance": {
+    "events": {}
+  }
 }

package/es/lowcode/engine/meta/tree.props.json

@@ -14,100 +14,258 @@
       "disabled": true
     },
     {
-      "key": "dateset",
+      "key": "dataset",
       "name": "数据集",
       "desc": "选择系统中的可用树形数据集",
       "type": "_DataSetSelector"
     },
     {
-      "key": "showLine",
-      "name": "显示线",
-      "desc": "是否显示树组件的连接线",
-      "type": "boolean",
-      "default": false
-    },
-    {
-      "key": "lazyLoad",
-      "name": "懒加载",
-      "desc": "是否树形组件懒加载",
-      "type": "boolean",
-      "default": false
+      "key": "title",
+      "name": "标题",
+      "desc": "头部标题",
+      "type": "string"
     },
     {
-      "key": "editable",
-      "name": "支持编辑",
-      "desc": "是否支持编辑树",
-      "type": "boolean",
+      "key": "readOnly",
+      "name": "是否只读",
+      "desc": "是否树形组件只读",
+      "type": "switch",
       "default": false
     },
     {
       "key": "draggable",
       "name": "支持拖拽",
       "desc": "是否支持拖拽",
-      "type": "boolean",
+      "type": "switch",
+      "default": true
+    },
+    {
+      "key": "asyncLoad",
+      "name": "异步加载",
+      "desc": "是否树形组件异步加载，需要设置数据集条件",
+      "type": "switch",
       "default": false
     },
     {
-      "key": "defaultExpandDeep",
-      "name": "默认展开层级",
-      "desc": "默认展开多少层级",
-      "type": "select",
-      "options": [
-        {
-          "label": "1",
-          "value": "1"
-        },
+      "key": "parentKey",
+      "name": "异步加载Key",
+      "desc": "树形组件异步加载时的过滤传参key",
+      "type": "string",
+      "default": "iparentid"
+    },
+    {
+      "key": "styleSetting",
+      "name": "风格和样式",
+      "type": "group",
+      "props": [
         {
-          "label": "2",
-          "value": "2"
+          "key": "width",
+          "name": "宽度",
+          "type": "_WidthHeight",
+          "default": "100%"
         },
         {
-          "label": "3",
-          "value": "3"
+          "key": "height",
+          "name": "高度",
+          "type": "_WidthHeight",
+          "default": "100%"
         },
         {
-          "label": "4",
-          "value": "4"
+          "key": "showLine",
+          "name": "显示线",
+          "desc": "是否显示树组件的连接线",
+          "type": "switch",
+          "default": false
         },
         {
-          "label": "5",
-          "value": "5"
+          "key": "treeNodeTitle",
+          "name": "展示字段",
+          "desc": "展示字段的key",
+          "type": "string",
+          "default": "sname"
         },
         {
-          "label": "全部",
-          "value": "all"
+          "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"
         }
-      ],
-      "default": 1
+      ]
     },
     {
-      "key": "rowKey",
-      "name": "数据主键key",
-      "desc": "数据主键",
-      "type": "string"
+      "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": "_ActionSelector"
-    },
-    {
-      "key": "doubleClick",
-      "name": "开启双击事件",
-      "desc": "是否开启双击事件（默认双击收缩节点）",
-      "type": "boolean",
-      "default": true
+      "desc": "树节点操作项",
+      "type": "group",
+      "default": true,
+      "next": {
+        "name": "操作项",
+        "props": [
+          {
+            "key": "rootAdd",
+            "name": "根节点",
+            "desc": "根节点操作项",
+            "type": "group",
+            "props": [
+              {
+                "key": "showRootAdd",
+                "name": "是否显示",
+                "desc": "是否显示",
+                "type": "switch",
+                "default": true
+              },
+              {
+                "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": "multiple",
-      "name": "多选",
-      "desc": "是否支持多选",
-      "type": "boolean",
-      "default": false
+      "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
+            }
+          }
+        ]
+      }
     }
   ],
-  "style": {},
   "advance": {
     "events": [
       {
@@ -120,7 +278,7 @@
         "key": "onUnmount",
         "name": "组件卸载时",
         "desc": "在组件卸载时，执行方法。",
-        "func": "(params)=>{\n\t\n}"
+        "func": "()=>{\n\t\n}"
       },
       {
         "key": "processDataSource",
@@ -129,28 +287,16 @@
         "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)=>{\n\t\n}"
       },
       {
-        "key": "onDoubleClick",
-        "name": "自定义双击事件",
-        "desc": "自定义双击事件，默认为收缩节点",
-        "func": "(rowData)=>{\n\t\n}"
+        "key": "onCheck",
+        "name": "复选框选择事件",
+        "desc": "点击复选框触发",
+        "func": "(checkedKeys, e)=>{\n\t\n}"
       }
     ]
   }

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

@@ -0,0 +1,169 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { createContext, useContext as useReactContext, useRef } from 'react';
+import { history } from 'umi';
+import { useMemoizedFn, useSetState } from 'ahooks';
+import { get, isNil, isArray, isFunction, isObject, isString, reduce } from 'lodash';
+import { useLDEventBus } from "../EventBusProvider";
+import RemoteSourceProvider, { RemoteSourceContext } from "../RemoteSourceProvider";
+import useTodo from "../../tools/useTodo";
+import { findNodeAndParent } from "../../tools/dataProcess";
+import * as topics from "../../../constants/event-topics";
+export var Context = /*#__PURE__*/createContext(null);
+export var useContext = function useContext() {
+  return useReactContext(Context);
+};
+export var usePageData = function usePageData(_) {
+  var _useReactContext = useReactContext(RemoteSourceContext),
+    pageData = _useReactContext.pageData,
+    loading = _useReactContext.loading,
+    setPageData = _useReactContext.setPageData;
+  var _pageData;
+  if (isNil(_)) {
+    _pageData = pageData;
+  } else if (isFunction(_)) {
+    _pageData = _(pageData);
+  } else if (isArray(_)) {
+    _pageData = reduce(_, function (r, k) {
+      r.push(get(pageData, k));
+      return r;
+    }, []);
+  } else if (isObject(_) && _.id) {
+    var _findNodeAndParent;
+    _pageData = (_findNodeAndParent = findNodeAndParent(_.id, pageData)) === null || _findNodeAndParent === void 0 ? void 0 : _findNodeAndParent.node;
+  } else if (isString(_)) {
+    _pageData = get(pageData, _);
+  }
+  return [_pageData, {
+    loading: loading,
+    setPageData: setPageData
+  }];
+};
+export var useRemoteSource = function useRemoteSource() {
+  return useReactContext(RemoteSourceContext);
+};
+var PRIVATE_KEYS = ['componentList', 'componentMap'];
+export default (function (_ref) {
+  var children = _ref.children,
+    code = _ref.code;
+  var eventBus = useLDEventBus();
+  var _useTodo = useTodo(),
+    _useTodo2 = _slicedToArray(_useTodo, 2),
+    todo = _useTodo2[0],
+    callBehavior = _useTodo2[1];
+
+  /**
+   * 页面公共资源
+   */
+  var _useSetState = useSetState(null),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    pagePublicResource = _useSetState2[0],
+    _setPagePublicResource = _useSetState2[1];
+
+  /**
+   * 组件列表
+   */
+  var _componentList = useRef([]);
+  var _privateGetter = useRef({
+    componentList: function componentList() {
+      return _componentList.current;
+    },
+    componentMap: function componentMap() {
+      return new Map(_componentList.current);
+    }
+  });
+
+  /**
+   * 注册组件
+   * id:string 组件id
+   * component:ReactNode 组件
+   */
+  var _register = useMemoizedFn(function (id, component) {
+    _componentList.current.push([id, component]);
+  });
+
+  /**
+   * 注销组件
+   * id:string 组件id
+   */
+  var _unregister = useMemoizedFn(function (id) {
+    _componentList.current = _componentList.current.filter(function (_ref2) {
+      var _ref3 = _slicedToArray(_ref2, 1),
+        _id = _ref3[0];
+      return _id !== id;
+    });
+  });
+
+  /**
+   * 根据组件id获取组件
+   * compId:string 组件id
+   * return:ReactNode
+   */
+  var getElementById = useMemoizedFn(function (compId) {});
+
+  /**
+   * 根据组件id获取父组件
+   * compId:string 组件id
+   * return:ReactNode
+   */
+  var getParentElement = useMemoizedFn(function (compId) {});
+
+  /**
+   * 根据组件id获取组件路径
+   * compId:string 组件id
+   * return:ReactNode
+   */
+  var getElementPathById = useMemoizedFn(function (compId) {});
+
+  /**
+   * 获取url参数
+   * return:object
+   */
+  var getUrlParams = useMemoizedFn(function () {});
+  var ctx = new Proxy(_objectSpread({
+    _setPagePublicResource: _setPagePublicResource,
+    _register: _register,
+    _unregister: _unregister,
+    pagePublicResource: pagePublicResource,
+    history: history,
+    callBehavior: callBehavior,
+    topics: topics,
+    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.createElement(Context.Provider, {
+    value: ctx
+  }, /*#__PURE__*/React.createElement(RemoteSourceProvider, {
+    code: code,
+    runtime: eventBus.runtime
+  }, children));
+});