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

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

@@ -14,100 +14,256 @@
       "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 +276,7 @@
         "key": "onUnmount",
         "name": "组件卸载时",
         "desc": "在组件卸载时，执行方法。",
-        "func": "(params)=>{\n\t\n}"
+        "func": "()=>{\n\t\n}"
       },
       {
         "key": "processDataSource",
@@ -129,29 +285,17 @@
         "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/view/lc-components/Wrapper.js

@@ -1,18 +1,31 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { useEffect } from 'react';
 import { useLatest, useCreation } from 'ahooks';
-import { useLDContext } from "../../engine/provider/ContextProvider";
+import { omit } from 'lodash';
+import { useContext, usePageData } from "../../engine/provider/ContextProvider";
 import { findNodeAndParent, getPathNodesById } from "../../engine/tools/dataProcess";
-import { CELL_CLASS_NAME } from "../../constants";
+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 _pageData = useLatest(context.pageData);
-  var _api = useCreation(function () {
-    return {
+  var ctx = useContext();
+  var _usePageData = usePageData(),
+    _usePageData2 = _slicedToArray(_usePageData, 1),
+    pageData = _usePageData2[0];
+  var _pageData = useLatest(pageData);
+  useCreation(function () {
+    var meta = displayName ? require("../../engine/meta/".concat(displayName.toLowerCase(), ".props.json")) : {};
+    var _api = {
+      self: children,
+      getSelfData: function getSelfData() {
+        return children.props;
+      },
+      getSelfDom: getTargetDom,
       getSelfAndParentLCData: function getSelfAndParentLCData() {
         return findNodeAndParent(id, _pageData.current);
       },
@@ -20,35 +33,39 @@ var LCWrapper = function LCWrapper(_ref) {
         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 () {
-    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
-      });
+    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

@@ -3,3 +3,6 @@
   width: 100%;
   height: 100%;
 }
+.lc-view-page.isloading {
+  overflow: hidden;
+}

package/es/services.js

@@ -7,11 +7,13 @@ 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();
@@ -28,7 +30,7 @@ function _readBehaviorCall() {
     return _regeneratorRuntime().wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
-          return _context2.abrupt("return", request("".concat(api.LUCKDA_HOST, "/to/behavior/call?").concat(stringify(get)), {
+          return _context2.abrupt("return", request("".concat(api.API_HOST, "/lowcode/to/behavior/call?").concat(stringify(get)), {
             method: 'POST',
             body: post,
             headers: {

package/es/utils/grid.js

@@ -130,8 +130,8 @@ export var getGridColumn = function getGridColumn() {
   var data = _objectSpread(_objectSpread({}, _props), {}, {
     field: name,
     title: _props.label,
-    headerAlign: getAlign(_extra, 'sheading_alignment_virtual'),
-    align: getAlign(_extra, 'scell_alignment_virtual'),
+    headerAlign: _props.headerAlign || getAlign(_extra, 'sheading_alignment_virtual'),
+    align: _props.align || getAlign(_extra, 'scell_alignment_virtual'),
     render: _props.render || getColumnRender(name, comName || defaultComName[property], _props)
   });
   if (isTreeGrid || isVirtual || includes(['user', 'select', 'group', 'switch', 'color', 'region', 'file'], comName || defaultComName[property])) data.sortable = false;

package/lib/components/Builder/index.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.LuckDaContext = void 0;
+exports.useLDCtx = exports.default = exports.LuckDaContext = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectSpread4 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
@@ -18,8 +18,11 @@ var _services = require("../../services");
 var _action2 = require("../../helper/action");
 var _utils = require("@luck-design-biz/base/utils");
 var LuckDaContext = exports.LuckDaContext = /*#__PURE__*/(0, _react.createContext)();
+var useLDCtx = exports.useLDCtx = function useLDCtx() {
+  return (0, _react.useContext)(LuckDaContext);
+};
 var builder = function builder(WrappedComponent, moduleCode) {
-  var Component = function Component(props) {
+  var Component = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     if (!moduleCode) return (0, _utils.formatMessage)({
       id: 'luckda.paramMiss.moduleCode',
       label: '缺少模块Key'
@@ -118,7 +121,9 @@ var builder = function builder(WrappedComponent, moduleCode) {
         setFieldProps: setFieldProps,
         moduleCode: moduleCode
       })
-    }, /*#__PURE__*/_react.default.createElement(WrappedComponent, (0, _extends2.default)({}, moduleData || {}, {
+    }, /*#__PURE__*/_react.default.createElement(WrappedComponent, (0, _extends2.default)({
+      ref: ref
+    }, moduleData || {}, {
       doAction: doAction,
       openPop: openPop,
       closePop: closePop
@@ -134,7 +139,7 @@ var builder = function builder(WrappedComponent, moduleCode) {
         }, pops[ldId])
       });
     }));
-  };
+  });
   return Component;
 };
 var _default = exports.default = builder;

package/lib/components/IconFont/index.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _antd = require("luck-design/antd");
+var _apiUrl = require("../../lowcode/constants/api-url");
+var _default = exports.default = _antd.Icon.createFromIconfontCN({
+  scriptUrl: _apiUrl.ICONLIST_JS
+});