@luck-design-biz/luckda 0.0.27 → 1.0.0-alpha

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

@@ -0,0 +1,357 @@
+{
+  "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",
+      "component": "tree",
+      "next": {
+        "name": "字段配置",
+        "props": [
+          {
+            "key": "fields",
+            "name": "#字段配置器",
+            "type": "_FieldsSetting"
+          }
+        ]
+      }
+    },
+    {
+      "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": "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": []
+            },
+            "defaultCode": "function onActionClick(data) {\n\n}",
+            "suppressDisplay": true,
+            "suppressMax": true,
+            "suppressMore": true,
+            "wrapper": "collapse",
+            "wrapperProps": {
+              "suppressIcon": true
+            }
+          }
+        ]
+      }
+    },
+    {
+      "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 null; \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": "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}"
+      }
+    ]
+  }
+}

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

@@ -1,45 +1,70 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import React, { useEffect, useRef } from 'react';
-import { useLDContext } from "../../engine/provider/ContextProvider";
-import { findNodeAndParent } from "../../engine/tools/dataProcess";
-import { CELL_CLASS_NAME } from "../../constants";
+import React, { 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";
 var LCWrapper = function LCWrapper(_ref) {
   var id = _ref.id,
+    displayName = _ref.displayName,
     children = _ref.children,
     getTargetDom = _ref.getTargetDom,
     api = _ref.api;
-  var context = useLDContext();
-  var _apiRef = useRef({
-    getSelfAndParentLCData: function getSelfAndParentLCData() {
-      return findNodeAndParent(id, context.pageData);
-    }
+  var ctx = useContext();
+  var selfData = useGet({
+    id: id
   });
-  useEffect(function () {
-    var dom = getTargetDom();
-    if (dom) {
-      dom.setAttribute('id', id);
-      dom.classList.add(CELL_CLASS_NAME);
-    }
-    context.register(id, new Proxy({
-      dom: dom
+  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);
+      },
+      getLevelNodes: function getLevelNodes() {
+        return _getLevelNodes(id);
+      }
+    };
+    ctx._register(id, new Proxy({
+      id: id,
+      meta: omit(meta, ['props', 'css', 'advance'])
     }, {
       get: function get(target, property, receiver) {
         if (property === 'api') {
-          return api ? _objectSpread(_objectSpread({}, _apiRef.current), api.current) : _apiRef.current;
+          return api ? _objectSpread(_objectSpread({}, _api), api.current) : _api;
         }
         return Reflect.get(target, property, receiver);
       }
     }));
-    context.$publisher(context.topics.COMPONENT_MOUNT, {
+  }, []);
+  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
     });
     return function () {
-      context.unregister(id);
-      context.$publisher(context.topics.COMPONENT_UNMOUNT, {
+      ctx._unregister(id);
+      ctx.$publisher(ctx.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;

package/es/lowcode/view/style/page.less

@@ -2,5 +2,7 @@
   position: relative;
   width: 100%;
   height: 100%;
-  overflow: hidden;
 }
+.lc-view-page.isloading {
+  overflow: hidden;
+}

package/es/services.js

@@ -1,17 +1,18 @@
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import { stringify } from 'querystring';
 import { request } from '@luck-design-biz/base/utils';
 import api from "@/services/ApiConfig";
 export function readModlue(_x) {
   return _readModlue.apply(this, arguments);
 }
 function _readModlue() {
-  _readModlue = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(get) {
+  _readModlue = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(params) {
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          return _context.abrupt("return", request("".concat(api.LUCKDA_HOST, "/ui/builder/noAuthFetchModule?").concat(stringify(get))));
+          return _context.abrupt("return", request("".concat(api.LUCKDA_HOST, "/ui/builder/noAuthFetchModule"), {
+            params: params
+          }));
         case 1:
         case "end":
           return _context.stop();
@@ -19,44 +20,4 @@ function _readModlue() {
     }, _callee);
   }));
   return _readModlue.apply(this, arguments);
-}
-export function readUI(_x2) {
-  return _readUI.apply(this, arguments);
-}
-function _readUI() {
-  _readUI = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(get) {
-    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-      while (1) switch (_context2.prev = _context2.next) {
-        case 0:
-          return _context2.abrupt("return", request("".concat(api.LUCKDA_HOST, "/ui/builder/noAuthFetchModuleDataSetUI?").concat(stringify(get))));
-        case 1:
-        case "end":
-          return _context2.stop();
-      }
-    }, _callee2);
-  }));
-  return _readUI.apply(this, arguments);
-}
-export function readBehaviorCall(_x3, _x4) {
-  return _readBehaviorCall.apply(this, arguments);
-}
-function _readBehaviorCall() {
-  _readBehaviorCall = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(get, post) {
-    return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-      while (1) switch (_context3.prev = _context3.next) {
-        case 0:
-          return _context3.abrupt("return", request("".concat(api.LUCKDA_HOST, "/to/behavior/call?").concat(stringify(get)), {
-            method: 'POST',
-            body: post,
-            headers: {
-              'Content-Type': 'application/json;charset=UTF-8'
-            }
-          }));
-        case 1:
-        case "end":
-          return _context3.stop();
-      }
-    }, _callee3);
-  }));
-  return _readBehaviorCall.apply(this, arguments);
 }