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

package/lib/lowcode/view/lc-components/Tree/index.less

@@ -0,0 +1,5 @@
+.lc-component-tree{
+}
+.lc-component-tree.runtime-tree {
+  
+}

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

@@ -6,20 +6,33 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = 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 _pageData = (0, _ahooks.useLatest)(context.pageData);
-  var _api = (0, _ahooks.useCreation)(function () {
-    return {
+  var ctx = (0, _ContextProvider.useContext)();
+  var _usePageData = (0, _ContextProvider.usePageData)(),
+    _usePageData2 = (0, _slicedToArray2.default)(_usePageData, 1),
+    pageData = _usePageData2[0];
+  var _pageData = (0, _ahooks.useLatest)(pageData);
+  (0, _ahooks.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 (0, _dataProcess.findNodeAndParent)(id, _pageData.current);
       },
@@ -27,35 +40,39 @@ var LCWrapper = function LCWrapper(_ref) {
         return (0, _dataProcess.getPathNodesById)(_pageData.current, id);
       }
     };
+    ctx._register(id, new Proxy({
+      meta: (0, _lodash.omit)(meta, ['props', 'css', 'advance'])
+    }, {
+      get: function get(target, property, receiver) {
+        if (property === 'api') {
+          return api ? (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _api), api.current) : _api;
+        }
+        return Reflect.get(target, property, receiver);
+      }
+    }));
   }, []);
   (0, _react.useEffect)(function () {
-    setTimeout(function () {
-      var dom = getTargetDom();
-      if (dom) {
-        dom.setAttribute('id', id);
-        dom.classList.add(_constants.CELL_CLASS_NAME);
-      }
-      context.register(id, new Proxy({
-        dom: dom
-      }, {
-        get: function get(target, property, receiver) {
-          if (property === 'api') {
-            return api ? (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _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(_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.createElement(_DragDropWrapper.default, {
+      id: id,
+      getTargetDom: getTargetDom
+    }, children);
+  }
   return children;
 };
 var _default = exports.default = LCWrapper;

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

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

package/lib/services.js

@@ -15,11 +15,13 @@ 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();
@@ -36,7 +38,7 @@ function _readBehaviorCall() {
     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, "/to/behavior/call?").concat((0, _querystring.stringify)(get)), {
+          return _context2.abrupt("return", (0, _utils.request)("".concat(_ApiConfig.default.API_HOST, "/lowcode/to/behavior/call?").concat((0, _querystring.stringify)(get)), {
             method: 'POST',
             body: post,
             headers: {

package/lib/utils/grid.js

@@ -138,8 +138,8 @@ var getGridColumn = exports.getGridColumn = function getGridColumn() {
   var data = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _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 || _form.defaultComName[property], _props)
   });
   if (isTreeGrid || isVirtual || (0, _lodash.includes)(['user', 'select', 'group', 'switch', 'color', 'region', 'file'], comName || _form.defaultComName[property])) data.sortable = false;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luck-design-biz/luckda",
-  "version": "0.0.24-2",
+  "version": "0.0.25-1",
   "description": "前端配置管理中心业务组件库",
   "scripts": {
     "start": "cross-env NODE_OPTIONS=--max-old-space-size=10240 USER_RUNTIME=SITE RUNTIME=dev umi dev",
@@ -13,7 +13,7 @@
     "test": "umi-test",
     "test:coverage": "umi-test --coverage",
     "watch": "nodemon --ignore dist/ --ignore node_modules/ --watch src/ -C -e js,jsx,less --debug -x 'tnpm run async'",
-    "meta": "node generateMeta.js"
+    "meta": "node ./scripts/generateMeta.js && node ./scripts/extractLocals.js && node ./scripts/generateAutoComplete.js"
   },
   "files": [
     "es",
@@ -52,7 +52,7 @@
     "@dnd-kit/core": "^6.1.0",
     "@dnd-kit/sortable": "^8.0.0",
     "@dnd-kit/utilities": "^3.2.2",
-    "ahooks": "^3.7.0",
+    "ahooks": "^3.7.11",
     "classnames": "^2.3.1",
     "lodash": "^4.17.11",
     "lz-string": "^1.5.0",
@@ -70,13 +70,15 @@
     "@ant-design/pro-cli": "^1.0.28",
     "@babel/core": "^7.20.2",
     "@babel/eslint-parser": "^7.19.1",
+    "@babel/parser": "^7.24.4",
     "@babel/plugin-proposal-class-properties": "^7.18.6",
     "@babel/plugin-proposal-decorators": "^7.20.2",
     "@babel/plugin-transform-strict-mode": "^7.18.6",
     "@babel/polyfill": "^7.12.1",
-    "@luck-design-biz/base": "0.0.42-3",
-    "@luck-design-biz/bpm": "0.0.3",
-    "@luck-helper/ui-design": "0.0.5-1",
+    "@babel/traverse": "^7.24.1",
+    "@luck-design-biz/base": "0.0.44",
+    "@luck-design-biz/bpm": "0.0.5",
+    "@luck-helper/ui-design": "0.0.6",
     "@types/classnames": "^2.3.1",
     "@types/express": "^4.17.14",
     "@types/history": "^4.7.11",
@@ -92,6 +94,7 @@
     "bpmn-js-properties-panel": "^0.35.0",
     "chalk": "^3.0.0",
     "check-prettier": "^1.0.3",
+    "comment-parser": "^1.4.1",
     "compression-webpack-plugin": "^6.1.1",
     "core-js": "^3.26.1",
     "cross-env": "^6.0.3",
@@ -106,7 +109,9 @@
     "eslint-plugin-react-hooks": "^4.6.0",
     "express": "^4.18.2",
     "father": "^4.3.1",
+    "fs-extra": "^11.2.0",
     "gh-pages": "^2.2.0",
+    "glob": "^10.3.12",
     "gm-crypt": "^0.0.2",
     "husky": "^7.0.4",
     "import-sort-cli": "^6.0.0",
@@ -116,7 +121,7 @@
     "js-cookie": "^2.2.1",
     "jsdom-global": "^3.0.2",
     "lint-staged": "^11.2.6",
-    "luck-design": "0.1.74-1",
+    "luck-design": "0.1.76-2",
     "monaco-editor-webpack-plugin": "6.*.*",
     "node-fetch": "^2.6.7",
     "nprogress": "^0.2.0",