@luck-design-biz/luckda 0.0.25-2 → 0.0.25-21

package/lib/lowcode/view/lc-components/Text/meta.json

@@ -1,66 +1,66 @@
-{
-  "component": "Text",
-  "name": "文本",
-  "icon": "icon-text",
-  "group": "basic",
-  "groupName": "基础",
-  "desc": "文本组件用于显示文本内容。",
-  "order": 1,
-  "props": [
-    {
-      "key": "id",
-      "desc": "唯一标识",
-      "type": "string",
-      "disabled": true
-    },
-    {
-      "key": "content",
-      "name": "内容",
-      "desc": "文本内容设置",
-      "type": "_I18nInput"
-    },
-    {
-      "key": "showTitle",
-      "name": "显示标题",
-      "desc": "是否显示标题",
-      "type": "boolean",
-      "default": false
-    },
-    {
-      "key": "title",
-      "name": "自定义标题",
-      "desc": "显示标题时配置。自定义标题内容",
-      "type": "_I18nInput"
-    },
-    {
-      "key": "maxLine",
-      "name": "最大行数",
-      "desc": "超出时自动省略号展示",
-      "type": "number",
-      "default": 0
-    }
-  ],
-  "css": {},
-  "advance": {
-    "events": [
-      {
-        "key": "onMount",
-        "name": "组件首次渲染时",
-        "desc": "在组件首次渲染时，执行方法",
-        "func": "(params)=>{\n\t\n}"
-      },
-      {
-        "key": "onUnmount",
-        "name": "组件卸载时",
-        "desc": "在组件卸载时，执行方法。",
-        "func": "(params)=>{\n\t\n}"
-      },
-      {
-        "key": "onClick",
-        "name": "点击事件",
-        "desc": "点击文本时，执行方法",
-        "func": "(e)=>{\n\t\n}"
-      }
-    ]
-  }
-}
+{
+  "component": "Text",
+  "name": "文本",
+  "icon": "icon-text",
+  "group": "basic",
+  "groupName": "基础",
+  "desc": "文本组件用于显示文本内容。",
+  "order": 1,
+  "props": [
+    {
+      "key": "id",
+      "desc": "唯一标识",
+      "type": "string",
+      "disabled": true
+    },
+    {
+      "key": "content",
+      "name": "内容",
+      "desc": "文本内容设置",
+      "type": "_I18nInput"
+    },
+    {
+      "key": "showTitle",
+      "name": "显示标题",
+      "desc": "是否显示标题",
+      "type": "boolean",
+      "default": false
+    },
+    {
+      "key": "title",
+      "name": "自定义标题",
+      "desc": "显示标题时配置。自定义标题内容",
+      "type": "_I18nInput"
+    },
+    {
+      "key": "maxLine",
+      "name": "最大行数",
+      "desc": "超出时自动省略号展示",
+      "type": "number",
+      "default": 0
+    }
+  ],
+  "css": {},
+  "advance": {
+    "events": [
+      {
+        "key": "onMount",
+        "name": "组件首次渲染时",
+        "desc": "在组件首次渲染时，执行方法",
+        "func": "(params)=>{\n\t\n}"
+      },
+      {
+        "key": "onUnmount",
+        "name": "组件卸载时",
+        "desc": "在组件卸载时，执行方法。",
+        "func": "(params)=>{\n\t\n}"
+      },
+      {
+        "key": "onClick",
+        "name": "点击事件",
+        "desc": "点击文本时，执行方法",
+        "func": "(e)=>{\n\t\n}"
+      }
+    ]
+  }
+}

package/lib/lowcode/view/lc-components/Tree/FunctionDesign.js

@@ -24,7 +24,6 @@ var FunctionDesign = function FunctionDesign(_ref) {
     defaultExpandDeep = _ref.defaultExpandDeep,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var ctx = (0, _ContextProvider.useContext)();
-  var treeRef = (0, _react.useRef)(null);
   var _useState = (0, _react.useState)([]),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     treeData = _useState2[0],
@@ -54,7 +53,6 @@ var FunctionDesign = function FunctionDesign(_ref) {
     });
   }, [expandedKeys]);
   return /*#__PURE__*/_react.default.createElement(_index.default, (0, _extends2.default)({}, props, {
-    ref: treeRef,
     afterQuery: function afterQuery(_ref3) {
       var code = _ref3.code,
         list = _ref3.list,
@@ -71,7 +69,8 @@ var FunctionDesign = function FunctionDesign(_ref) {
     className: _index2.default['runtime-tree'],
     draggable: false,
     suppressInit: true,
-    onDataSetChange: handleDataSetChange
+    onDataSetChange: handleDataSetChange,
+    asyncLoad: false
   }), children);
 };
 var _default = exports.default = FunctionDesign;

package/lib/lowcode/view/lc-components/Tree/FunctionLive.js

@@ -6,11 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
 var _index = _interopRequireDefault(require("./index"));
 var _excluded = ["children"];
 var FunctionLive = function FunctionLive(_ref) {
   var children = _ref.children,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(_index.default, props, children);
+  return /*#__PURE__*/_react.default.createElement(_index.default, props, children);
 };
 var _default = exports.default = FunctionLive;

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

@@ -8,6 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -22,7 +23,8 @@ var _index = require("../../../../index");
 var _helper = require("../../../engine/tools/helper");
 var _treePropsDefault = _interopRequireDefault(require("../../../engine/meta/tree.props.default.json"));
 var _index2 = _interopRequireDefault(require("./index.less"));
-var _excluded = ["id", "wrapperRef", "className", "dataset", "width", "height", "showLine", "defaultExpandDeep", "actions", "editable", "showRootAdd", "rootAddSetting", "doubleClickExpand", "onDoubleClick", "treeNodeCheckable", "treeNodeDisableCheckbox", "treeNodeDisable", "onTreeNodeRender", "treeNodeIcon", "advance"];
+var _excluded = ["id", "wrapperRef", "className", "dataset", "width", "height", "showLine", "defaultExpandDeep", "actions", "editable", "showRootAdd", "onlyRoot", "rootAddSetting", "doubleClickExpand", "onDoubleClick", "treeNodeCheckable", "treeNodeDisableCheckbox", "treeNodeDisable", "onTreeNodeRender", "treeNodeIcon", "advance", "cancelSelect", "defaultSelect"];
+var PRIMARY = window.appConfig.constraintKeys.PRIMARY;
 var LCTree = function LCTree(_ref) {
   var id = _ref.id,
     wrapperRef = _ref.wrapperRef,
@@ -35,6 +37,7 @@ var LCTree = function LCTree(_ref) {
     actions = _ref.actions,
     editable = _ref.editable,
     showRootAdd = _ref.showRootAdd,
+    onlyRoot = _ref.onlyRoot,
     rootAddSetting = _ref.rootAddSetting,
     doubleClickExpand = _ref.doubleClickExpand,
     onDoubleClick = _ref.onDoubleClick,
@@ -44,15 +47,26 @@ var LCTree = function LCTree(_ref) {
     onTreeNodeRender = _ref.onTreeNodeRender,
     _treeNodeIcon = _ref.treeNodeIcon,
     advance = _ref.advance,
+    cancelSelect = _ref.cancelSelect,
+    defaultSelect = _ref.defaultSelect,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var ctx = (0, _ContextProvider.useContext)();
   var boxRef = (0, _react.useRef)();
+  var apiRef = (0, _react.useRef)();
   var treeRef = (0, _react.useRef)();
+  var _useState = (0, _react.useState)([]),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    selectedKeys = _useState2[0],
+    setSelectedKeys = _useState2[1];
   var getTargetDom = (0, _ahooks.useMemoizedFn)(function () {
     return boxRef.current;
   });
-  (0, _react.useImperativeHandle)(wrapperRef, function () {
-    return treeRef.current;
+  (0, _react.useImperativeHandle)(apiRef, function () {
+    return {
+      getInstance: function getInstance() {
+        return treeRef.current;
+      }
+    };
   });
   var handleMount = (0, _ahooks.useMemoizedFn)(function (params) {
     ctx.doAction(advance.events.onMount, {
@@ -79,6 +93,12 @@ var LCTree = function LCTree(_ref) {
       e: e
     });
   });
+  var handleDrop = (0, _ahooks.useMemoizedFn)(function (info, dragInfo) {
+    ctx.doAction(advance.events.onCheck, {
+      info: info,
+      dragInfo: dragInfo
+    });
+  });
   var events = (0, _ahooks.useCreation)(function () {
     if (advance !== null && advance !== void 0 && advance.events) {
       var _events = {};
@@ -87,29 +107,53 @@ var LCTree = function LCTree(_ref) {
       if (advance.events.processDataSource) _events.dataToTreeFormat = handleProcessDataSource;
       if (advance.events.onDoubleClick) _events.onNodeDoubleClick = handleNodeDoubleClick;
       if (advance.events.onCheck) _events.onCheck = handleCheck;
+      if (advance.events.onDrop) _events.onDrop = handleDrop;
       return _events;
     }
     return {};
   }, [advance === null || advance === void 0 ? void 0 : advance.events]);
-  var handleDrop = (0, _ahooks.useMemoizedFn)(function (info, dragInfo) {
-    if (dragInfo !== false) {
-      // ctx.doAction(advance.events.onDoubleClick, { e, rowData });
-      // doAction('drag', {
-      //   get: { datasetCode: dataSetKey },
-      //   post: {
-      //     fromId: info.dragNode.props.dataRef[PRIMARY],
-      //     toId: info.node.props.dataRef[PRIMARY],
-      //   }
-      // }, {
-      //   showConfirm: false,
-      //   callback: (success) => success && onLdQuery()
-      // });
+  var handleSelect = (0, _ahooks.useMemoizedFn)(function (_selectedKeys, e) {
+    if (cancelSelect || e.selected) {
+      setSelectedKeys(_selectedKeys);
     }
+    ctx.doAction(advance.events.onSelect, {
+      checkedKeys: _selectedKeys,
+      e: e
+    });
   });
+  var afterInit = (0, _ahooks.useMemoizedFn)(function (treeData, data) {
+    var selected = !(0, _lodash.isNil)(defaultSelect) ? (0, _helper.executeCode)(ctx, defaultSelect, ['treeData'], treeData) : null;
+    selected && handleSelect(selected, {
+      selected: true,
+      selectedNodes: selected.map(function (key) {
+        return (0, _lodash.keyBy)(data, PRIMARY)[key];
+      })
+    });
+  });
+  var handleAction = function handleAction(action, params) {
+    var doAction = function doAction() {
+      ctx.doAction(action.actionPool, params);
+    };
+    if (action.riskLevel === 'danger') {
+      _base.Modal.confirm({
+        title: "\u786E\u8BA4\u6267\u884C".concat(action.name, "\u884C\u4E3A\u64CD\u4F5C\u5417\uFF1F"),
+        onOk: doAction
+      });
+    } else if (action.riskLevel === 'destroy') {
+      (0, _base.recheck)({
+        title: "\u786E\u8BA4\u6267\u884C".concat(action.name, "\u884C\u4E3A\u64CD\u4F5C\u5417\uFF1F"),
+        checkWords: "\u6267\u884C".concat(action.name),
+        onOk: doAction
+      });
+    } else {
+      doAction();
+    }
+  };
   return /*#__PURE__*/_react.default.createElement(_Wrapper.default, {
     id: id,
     displayName: "Tree",
-    getTargetDom: getTargetDom
+    getTargetDom: getTargetDom,
+    api: apiRef
   }, /*#__PURE__*/_react.default.createElement("div", {
     ref: boxRef,
     style: {
@@ -133,14 +177,16 @@ var LCTree = function LCTree(_ref) {
         return ctx.doAction(rootAddSetting.actionPool);
       }
     } : null,
+    onlyRoot: onlyRoot,
     rightMenus: function rightMenus() {
       return actions.todoList.map(function (action) {
         return {
           key: (0, _utils.suid)(),
           name: action.name,
           onClick: function onClick(_, data) {
-            ctx.doAction(action.actionPool, {
-              data: data
+            handleAction(action, {
+              data: data,
+              datasetCode: dataset === null || dataset === void 0 ? void 0 : dataset.code
             });
           },
           resource: action.serial,
@@ -181,163 +227,171 @@ var LCTree = function LCTree(_ref) {
     onTreeNodeRender: onTreeNodeRender ? function (title, i) {
       return (0, _helper.executeCode)(ctx, onTreeNodeRender, ['title', 'item'], title, i);
     } : null,
-    onDrop: handleDrop
+    selectedKeys: selectedKeys,
+    onSelect: handleSelect,
+    afterInit: afterInit
   }, events, props))));
 };
 LCTree.propTypes = {
-  /**
-   * @name 唯一标识
-   * @type string
-   * @disabled true
+  /**
+   * @name 唯一标识
+   * @type string
+   * @disabled true
    */
   id: _propTypes.default.string.isRequired,
-  /**
-   * @name 数据集
-   * @type _DataSetSelector
+  /**
+   * @name 数据集
+   * @type _DataSetSelector
    */
   dataset: _propTypes.default.shape({
     code: _propTypes.default.string.isRequired,
     uid: _propTypes.default.string.isRequired
   }),
-  /**
-   * @name 标题
-   * @type string
-   * @disabled true
+  /**
+   * @name 标题
+   * @type string
+   * @disabled true
    */
   title: _propTypes.default.string,
-  /**
-   * @name 是否只读
-   * @type boolean
+  /**
+   * @name 是否只读
+   * @type boolean
    */
   readOnly: _propTypes.default.bool,
-  /**
-   * @name 支持拖拽
-   * @type boolean
+  /**
+   * @name 支持拖拽
+   * @type boolean
    */
   draggable: _propTypes.default.bool,
-  /**
-   * @name 异步加载
-   * @type boolean
+  /**
+   * @name 异步加载
+   * @type boolean
    */
   asyncLoad: _propTypes.default.bool,
-  /**
-   * @name 异步加载Key
-   * @type string
+  /**
+   * @name 异步加载Key
+   * @type string
    */
   iparentid: _propTypes.default.string,
-  /**
-   * @name 宽度
-   * @type string
+  /**
+   * @name 宽度
+   * @type string
    */
   width: _propTypes.default.string,
-  /**
-   * @name 高度
-   * @type string
+  /**
+   * @name 高度
+   * @type string
    */
   height: _propTypes.default.string,
-  /**
-   * @name 显示线
-   * @type bool
+  /**
+   * @name 显示线
+   * @type bool
    */
   showLine: _propTypes.default.bool,
-  /**
-   * @name 展示字段
-   * @type string
+  /**
+   * @name 展示字段
+   * @type string
    */
   treeNodeTitle: _propTypes.default.string,
-  /**
-   * @name 展示字段
-   * @type string
+  /**
+   * @name 展示字段
+   * @type string
    */
   defaultExpandDeep: _propTypes.default.string,
-  /**
-   * @name 显示图标
-   * @type bool
+  /**
+   * @name 显示图标
+   * @type bool
    */
   showIcon: _propTypes.default.bool,
-  /**
-   * @name 节点图标设置
-   * @type array
+  /**
+   * @name 节点图标设置
+   * @type array
    */
   treeNodeIcon: _propTypes.default.array,
-  /**
-   * @name 是否显示根节点
-   * @type bool
+  /**
+   * @name 是否显示根节点
+   * @type bool
    */
   showRootAdd: _propTypes.default.bool,
-  /**
-   * @name 根节点配置
-   * @type object
+  /**
+   * @name 是否只有唯一一个根节点
+   * @type bool
+   */
+  onlyRoot: _propTypes.default.bool,
+  /**
+   * @name 根节点配置
+   * @type object
    */
   rootAddSetting: _propTypes.default.object,
-  /**
-   * @name 节点操作项
-   * @type object
+  /**
+   * @name 节点操作项
+   * @type object
    */
   actions: _propTypes.default.object,
-  /**
-   * @name 双击收缩节点
-   * @type bool
+  /**
+   * @name 双击收缩节点
+   * @type bool
    */
   doubleClickExpand: _propTypes.default.bool,
-  /**
-   * @name 复选框
-   * @type bool
+  /**
+   * @name 复选框
+   * @type bool
    */
   checkable: _propTypes.default.bool,
-  /**
-   * @name 节点是否有复选框
-   * @type _JSEditor
-   * @default "function treeNodeCheckable(item) { \n return true; \n}"
+  /**
+   * @name 节点是否有复选框
+   * @type _JSEditor
+   * @default "function treeNodeCheckable(item) { \n return true; \n}"
    */
   treeNodeCheckable: _propTypes.default.string,
-  /**
-   * @name 节点复选框是否禁用
-   * @type _JSEditor
-   * @default "function treeNodeDisableCheckbox(item) { \n return false; \n}"
+  /**
+   * @name 节点复选框是否禁用
+   * @type _JSEditor
+   * @default "function treeNodeDisableCheckbox(item) { \n return false; \n}"
    */
   treeNodeDisableCheckbox: _propTypes.default.string,
-  /**
-   * @name 节点是否禁用
-   * @type _JSEditor
-   * @default "function treeNodeDisable(item) { \n return false; \n}"
+  /**
+   * @name 节点是否禁用
+   * @type _JSEditor
+   * @default "function treeNodeDisable(item) { \n return false; \n}"
    */
   treeNodeDisable: _propTypes.default.string,
-  /**
-   * @name 节点定制渲染
-   * @type _JSEditor
-   * @default "function onTreeNodeRender(title, item) { \n return title; \n}"
+  /**
+   * @name 节点定制渲染
+   * @type _JSEditor
+   * @default "function onTreeNodeRender(title, item) { \n return title; \n}"
    */
   onTreeNodeRender: _propTypes.default.string,
-  /**
-   * @name 组件首次渲染时
-   * @type _JSEditor
+  /**
+   * @name 组件首次渲染时
+   * @type _JSEditor
    */
   onMount: _propTypes.default.string,
-  /**
-   * @name 组件卸载时
-   * @type _JSEditor
+  /**
+   * @name 组件卸载时
+   * @type _JSEditor
    */
   onUnmount: _propTypes.default.string,
-  /**
-   * @name 数据预处理
-   * @type _JSEditor
+  /**
+   * @name 数据预处理
+   * @type _JSEditor
    */
   processDataSource: _propTypes.default.string,
-  /**
-   * @name 双击事件
-   * @type _JSEditor
+  /**
+   * @name 双击事件
+   * @type _JSEditor
    */
   onDoubleClick: _propTypes.default.string,
-  /**
-   * @name 复选框选择事件
-   * @type _JSEditor
+  /**
+   * @name 复选框选择事件
+   * @type _JSEditor
+   */
+  onCheck: _propTypes.default.string,
+  /**
+   * @name 选中事件
+   * @type _JSEditor
    */
-  onCheck: _propTypes.default.string
+  onSelect: _propTypes.default.string
 };
 LCTree.defaultProps = (0, _helper.omitBadProps)(_treePropsDefault.default);
-var _default = exports.default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  return /*#__PURE__*/_react.default.createElement(LCTree, (0, _extends2.default)({
-    wrapperRef: ref
-  }, props));
-});
+var _default = exports.default = LCTree;

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

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