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

package/lib/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/lib/lowcode/view/lc-components/Wrapper.js

@@ -7,47 +7,87 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
+var _ahooks = require("ahooks");
+var _lodash = require("lodash");
 var _ContextProvider = require("../../engine/provider/ContextProvider");
-var _dataProcess = require("../../engine/tools/dataProcess");
 var _constants = require("../../constants");
+var _DragDropWrapper = _interopRequireDefault(require("../../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 = (0, _ContextProvider.useLDContext)();
-  var _apiRef = (0, _react.useRef)({
-    getSelfAndParentLCData: function getSelfAndParentLCData() {
-      return (0, _dataProcess.findNodeAndParent)(id, context.pageData);
-    }
+  var ctx = (0, _ContextProvider.useContext)();
+  var selfData = (0, _ContextProvider.useGet)({
+    id: id
   });
-  (0, _react.useEffect)(function () {
-    var dom = getTargetDom();
-    if (dom) {
-      dom.setAttribute('id', id);
-      dom.classList.add(_constants.CELL_CLASS_NAME);
-    }
-    context.register(id, new Proxy({
-      dom: dom
+  var _selfData = (0, _ahooks.useLatest)(selfData);
+  (0, _ahooks.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 (0, _ContextProvider.getSelfAndParent)(id);
+      },
+      getLevelNodes: function getLevelNodes() {
+        return (0, _ContextProvider.getLevelNodes)(id);
+      }
+    };
+    ctx._register(id, new Proxy({
+      id: id,
+      meta: (0, _lodash.omit)(meta, ['props', 'css', 'advance']),
+      set: function set(prop, value, toDom) {
+        if (toDom === true) {
+          if (['id', _constants.LC_COMPONENT_UNIT_KEY].includes(prop)) {
+            return;
+          }
+          var dom = getTargetDom();
+          dom.setAttribute(prop, value);
+          return;
+        }
+        (0, _ContextProvider.modifyNode)(id, (0, _defineProperty2.default)({}, prop, value));
+      },
+      get: function get(prop) {
+        return _selfData.current.props[prop];
+      }
     }, {
       get: function get(target, property, receiver) {
         if (property === 'api') {
-          return api ? (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _apiRef.current), api.current) : _apiRef.current;
+          return api ? (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _api), api.current) : _api;
         }
         return Reflect.get(target, property, receiver);
       }
     }));
-    context.$publisher(context.topics.COMPONENT_MOUNT, {
+  }, []);
+  (0, _react.useEffect)(function () {
+    var dom = getTargetDom();
+    if (dom) {
+      dom.setAttribute('id', id);
+      dom.setAttribute(_constants.LC_COMPONENT_UNIT_KEY, _constants.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 === _constants.RUNTIME.DESIGN) {
+    return /*#__PURE__*/_react.default.createElement(_DragDropWrapper.default, {
+      id: id,
+      getTargetDom: getTargetDom
+    }, children);
+  }
   return children;
 };
 var _default = exports.default = LCWrapper;

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

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

package/lib/services.js

@@ -4,23 +4,22 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.readBehaviorCall = readBehaviorCall;
 exports.readModlue = readModlue;
-exports.readUI = readUI;
 var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _querystring = require("querystring");
 var _utils = require("@luck-design-biz/base/utils");
 var _ApiConfig = _interopRequireDefault(require("@/services/ApiConfig"));
 function readModlue(_x) {
   return _readModlue.apply(this, arguments);
 }
 function _readModlue() {
-  _readModlue = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(get) {
+  _readModlue = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(params) {
     return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          return _context.abrupt("return", (0, _utils.request)("".concat(_ApiConfig.default.LUCKDA_HOST, "/ui/builder/noAuthFetchModule?").concat((0, _querystring.stringify)(get))));
+          return _context.abrupt("return", (0, _utils.request)("".concat(_ApiConfig.default.LUCKDA_HOST, "/ui/builder/noAuthFetchModule"), {
+            params: params
+          }));
         case 1:
         case "end":
           return _context.stop();
@@ -28,44 +27,4 @@ function _readModlue() {
     }, _callee);
   }));
   return _readModlue.apply(this, arguments);
-}
-function readUI(_x2) {
-  return _readUI.apply(this, arguments);
-}
-function _readUI() {
-  _readUI = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2(get) {
-    return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
-      while (1) switch (_context2.prev = _context2.next) {
-        case 0:
-          return _context2.abrupt("return", (0, _utils.request)("".concat(_ApiConfig.default.LUCKDA_HOST, "/ui/builder/noAuthFetchModuleDataSetUI?").concat((0, _querystring.stringify)(get))));
-        case 1:
-        case "end":
-          return _context2.stop();
-      }
-    }, _callee2);
-  }));
-  return _readUI.apply(this, arguments);
-}
-function readBehaviorCall(_x3, _x4) {
-  return _readBehaviorCall.apply(this, arguments);
-}
-function _readBehaviorCall() {
-  _readBehaviorCall = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee3(get, post) {
-    return (0, _regeneratorRuntime2.default)().wrap(function _callee3$(_context3) {
-      while (1) switch (_context3.prev = _context3.next) {
-        case 0:
-          return _context3.abrupt("return", (0, _utils.request)("".concat(_ApiConfig.default.LUCKDA_HOST, "/to/behavior/call?").concat((0, _querystring.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);
 }