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

package/lib/components/LdGridForm/index.js

@@ -19,7 +19,7 @@ var _utils = require("../../utils");
 var _form = require("../../helper/form");
 var _Builder = require("../Builder");
 var _index = _interopRequireDefault(require("./index.less"));
-var _excluded = ["columns", "resources", "actions", "doAction", "uiSettings", "ldId", "dataSetKey", "columnsRewrite", "onQuery", "onAdd", "onUpdate", "onDelete", "mainFormLdId", "mainDataSetKey", "onValueChange", "type", "afterOperate", "moduleCode", "defaultDataSourceFormat", "ticketData", "className", "formRef", "formMode"];
+var _excluded = ["columns", "resources", "actions", "doAction", "ldId", "dataSetKey", "columnsRewrite", "columnsReset", "onQuery", "onAdd", "onUpdate", "onDelete", "mainFormLdId", "mainDataSetKey", "onValueChange", "type", "afterOperate", "moduleCode", "defaultDataSourceFormat", "ticketData", "className", "formRef", "formMode", "fields", "setVerifyRules"];
 var buildLdGridForm = function buildLdGridForm(_ref) {
   var _ref$columns = _ref.columns,
     columns = _ref$columns === void 0 ? [] : _ref$columns,
@@ -29,12 +29,11 @@ var buildLdGridForm = function buildLdGridForm(_ref) {
     actions = _ref$actions === void 0 ? {} : _ref$actions,
     _ref$doAction = _ref.doAction,
     doAction = _ref$doAction === void 0 ? function () {} : _ref$doAction,
-    _ref$uiSettings = _ref.uiSettings,
-    uiSettings = _ref$uiSettings === void 0 ? {} : _ref$uiSettings,
     ldId = _ref.ldId,
     dataSetKey = _ref.dataSetKey,
     _ref$columnsRewrite = _ref.columnsRewrite,
     columnsRewrite = _ref$columnsRewrite === void 0 ? [] : _ref$columnsRewrite,
+    columnsReset = _ref.columnsReset,
     _ref$onQuery = _ref.onQuery,
     onQuery = _ref$onQuery === void 0 ? {} : _ref$onQuery,
     _ref$onAdd = _ref.onAdd,
@@ -60,10 +59,12 @@ var buildLdGridForm = function buildLdGridForm(_ref) {
     className = _ref.className,
     formRef = _ref.formRef,
     formMode = _ref.formMode,
+    fields = _ref.fields,
+    setVerifyRules = _ref.setVerifyRules,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var _ref2 = (0, _react.useContext)(_Builder.LuckDaContext) || {},
     setFieldProps = _ref2.setFieldProps;
-  var defaultValues = /*#__PURE__*/(0, _react.createRef)();
+  var defaultValues = /*#__PURE__*/(0, _react.createRef)({});
   var isMain = ldId === mainFormLdId;
   var gridColumns = columns.map(function (col) {
     if ((col.comName || _form.defaultComName[col.property]) === 'radio') return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, col), {}, {
@@ -71,12 +72,15 @@ var buildLdGridForm = function buildLdGridForm(_ref) {
     });
     return col;
   });
-  var gridPresetData = uiSettings && uiSettings.grid && uiSettings.grid[0] && uiSettings.grid[0].preset ? JSON.parse(uiSettings.grid[0].preset) : {};
-  var mergedArray = (0, _utils.mergeAndSort)(gridColumns, gridPresetData.gridPreset || [], 'field');
   var _columns = function () {
+    var fieldsObj = (0, _lodash.keyBy)(fields, 'field');
+    var columnsObj = (0, _lodash.keyBy)(gridColumns, 'field');
+    var keys = (0, _lodash.isEmpty)(fields) ? Object.keys(columnsObj) : Object.keys(fieldsObj);
     var _defaultValues = {};
-    var _nodes = (0, _lodash.transform)(mergedArray, function (result, col) {
-      if (col.isShowInForm) {
+    var _nodes = (0, _lodash.reduce)(keys, function (result, key) {
+      var setting = fieldsObj[key];
+      var col = columnsObj[key];
+      if (col !== null && col !== void 0 && col.isShowInForm) {
         var _customColumn;
         var customColumn = columnsRewrite.find(function (column) {
           return column.field === col.aliaName;
@@ -86,21 +90,24 @@ var buildLdGridForm = function buildLdGridForm(_ref) {
           mode: 'grid'
         });
         _defaultValues = (0, _objectSpread4.default)((0, _objectSpread4.default)({}, _defaultValues), {}, (0, _defineProperty2.default)((0, _defineProperty2.default)({}, col.aliaName, col['optDefaultValue']), "".concat(col.aliaName, "_virtual"), col['optDefaultValueCvt']));
-        // 该字段配置的表单显示信息
-        var columnUiData = gridPresetData.gridPreset ? gridPresetData.gridPreset.find(function (c) {
-          return c.field === col.field;
-        }) : {};
-        result.push((0, _utils.getFormColumn)(type, col, (0, _objectSpread4.default)((0, _objectSpread4.default)({}, customColumn), {}, {
+        var newCol = (0, _objectSpread4.default)((0, _objectSpread4.default)({}, col), {}, {
+          setVerifyRules: setVerifyRules,
+          fieldName: (setting === null || setting === void 0 ? void 0 : setting.fieldAliasName) || col.fieldName
+        });
+        var defaultSet = ['width', 'align', 'headerAlign', 'pinned', 'tip'];
+        result.push((0, _utils.getFormColumn)(type, newCol, (0, _objectSpread4.default)((0, _objectSpread4.default)((0, _objectSpread4.default)({}, (0, _lodash.pick)(setting, defaultSet)), customColumn), {}, {
           formItemRewrite: (0, _objectSpread4.default)((0, _objectSpread4.default)({}, (_customColumn = customColumn) === null || _customColumn === void 0 ? void 0 : _customColumn.formItemRewrite), {}, {
             moduleCode: moduleCode,
             formRef: formRef,
-            formMode: formMode
+            formMode: formMode,
+            setting: (0, _lodash.omit)(setting, [].concat(defaultSet, ['uid', 'field']))
           })
-        }), columnUiData));
+        })));
       }
+      return result;
     }, []);
     defaultValues.current = _defaultValues;
-    setFieldProps((0, _defineProperty2.default)({}, ldId, _nodes.map(function (col) {
+    setFieldProps && setFieldProps((0, _defineProperty2.default)({}, ldId, _nodes.map(function (col) {
       var node = col.renderBasicFormItem();
       var renderBasicFormItem = node === null || node === void 0 ? void 0 : node.props;
       return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, col), {}, {
@@ -109,9 +116,11 @@ var buildLdGridForm = function buildLdGridForm(_ref) {
         }, renderBasicFormItem)
       });
     })));
-    return _nodes;
+    return columnsReset ? columnsReset(_nodes) : _nodes;
   }();
-  var defaultDataSource = (0, _objectSpread4.default)((0, _objectSpread4.default)({}, (0, _utils.formItemDataFormat)(columns, defaultValues.current)), defaultDataSourceFormat(defaultValues.current));
+  var defaultDataSource = (0, _objectSpread4.default)((0, _objectSpread4.default)({}, (0, _utils.formItemDataFormat)(columns.map(function (c) {
+    return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, c), (0, _lodash.keyBy)(fields, 'field')[c.field]);
+  }), defaultValues.current)), defaultDataSourceFormat(defaultValues.current));
   var formConfig = {
     formId: ldId,
     columns: _columns,
@@ -141,7 +150,11 @@ var buildLdGridForm = function buildLdGridForm(_ref) {
         var _submitData = data.map(function (item) {
           return behaviorKey === 'add' ? (0, _objectSpread4.default)((0, _objectSpread4.default)({}, (0, _utils.dataFormat)(gridColumns, item)), {}, (0, _defineProperty2.default)({}, window.appConfig.constraintKeys.PRIMARY, null)) : (0, _utils.dataFormat)(gridColumns, item);
         });
-        if (_onOperate !== null && _onOperate !== void 0 && _onOperate.post) return _onOperate.post(_submitData); // 以预设为主
+        if (_onOperate !== null && _onOperate !== void 0 && _onOperate.post) return _onOperate.post({
+          values: data,
+          submitData: _submitData,
+          behaviorKey: behaviorKey
+        }); // 以预设为主
         return (0, _defineProperty2.default)({}, dataSetKey, (0, _defineProperty2.default)({}, "".concat(behaviorKey, "List"), _submitData));
       }
     });
@@ -151,7 +164,10 @@ var buildLdGridForm = function buildLdGridForm(_ref) {
     orderByAdd: "asc",
     rowSelection: true,
     type: type,
-    rowKey: window.appConfig.constraintKeys.PRIMARY || 'indocno'
+    rowKey: window.appConfig.constraintKeys.PRIMARY || 'indocno',
+    wrapperProps: {
+      id: ldId
+    }
   }, props, {
     onQuery: (0, _objectSpread4.default)((0, _objectSpread4.default)({
       api: _utils.behaviorCall,
@@ -168,7 +184,9 @@ var buildLdGridForm = function buildLdGridForm(_ref) {
     }, onQuery), {}, {
       format: function format(data) {
         var formItemData = data.map(function (item) {
-          return (0, _utils.formItemDataFormat)(gridColumns, item);
+          return (0, _utils.formItemDataFormat)(gridColumns.map(function (c) {
+            return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, c), (0, _lodash.keyBy)(fields, 'field')[c.field]);
+          }), item);
         });
         if (onQuery !== null && onQuery !== void 0 && onQuery.format) return onQuery.format(data, formItemData); // 以预设为主
         return formItemData;

package/lib/components/LdTree/index.js

@@ -7,8 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectSpread4 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
@@ -23,8 +24,21 @@ var _base = require("@luck-design-biz/base");
 var _ldBuilder = _interopRequireDefault(require("../../helper/ldBuilder"));
 var _utils2 = require("../../utils");
 var _index = _interopRequireDefault(require("./index.less"));
-var _excluded = ["columns", "resources", "actions", "doAction", "wrapperRef", "ldId", "dataSetKey", "defaultParmas", "moduleCode", "readOnly", "title", "rowKey", "treeNodeTitle", "unselectableNodes", "rightMenus", "defaultExpandDeep", "draggable", "onDrop", "className", "treeClassName", "rootAdd", "suppressInit", "afterQuery", "afterInit", "isTree", "service", "dataToTreeFormat"],
-  _excluded2 = ["onClick"];
+var _excluded = ["columns", "resources", "actions", "doAction", "wrapperRef", "ldId", "dataSetKey", "defaultParmas", "moduleCode", "readOnly", "title", "rowKey", "treeNodeTitle", "unselectableNodes", "rightMenus", "defaultExpandDeep", "draggable", "onDrop", "className", "treeClassName", "rootAdd", "suppressInit", "afterQuery", "afterInit", "isTree", "service", "dataToTreeFormat", "boxRef", "doubleClickExpand", "onNodeDoubleClick", "width", "height", "treeNodeCheckable", "treeNodeDisableCheckbox", "treeNodeDisable", "treeNodeIcon", "asyncLoad", "parentKey", "onMount", "onUnmount", "onDataSetChange", "onTreeNodeRender", "onlyRoot"],
+  _excluded2 = ["0"],
+  _excluded3 = ["onClick"];
+var _window$appConfig$con = window.appConfig.constraintKeys,
+  PRIMARY = _window$appConfig$con.PRIMARY,
+  PARENT = _window$appConfig$con.PARENT;
+var deepForEach = function deepForEach(children, deepForEachFn) {
+  (0, _lodash.forEach)(children, function (child) {
+    var _child$children;
+    if (((_child$children = child.children) === null || _child$children === void 0 ? void 0 : _child$children.length) > 0) {
+      deepForEach(child.children, deepForEachFn);
+    }
+    deepForEachFn(child);
+  });
+};
 var LdTree = function LdTree(_ref) {
   var columns = _ref.columns,
     resources = _ref.resources,
@@ -53,9 +67,25 @@ var LdTree = function LdTree(_ref) {
     isTree = _ref.isTree,
     service = _ref.service,
     dataToTreeFormat = _ref.dataToTreeFormat,
+    boxRef = _ref.boxRef,
+    doubleClickExpand = _ref.doubleClickExpand,
+    onNodeDoubleClick = _ref.onNodeDoubleClick,
+    width = _ref.width,
+    height = _ref.height,
+    treeNodeCheckable = _ref.treeNodeCheckable,
+    treeNodeDisableCheckbox = _ref.treeNodeDisableCheckbox,
+    treeNodeDisable = _ref.treeNodeDisable,
+    treeNodeIcon = _ref.treeNodeIcon,
+    asyncLoad = _ref.asyncLoad,
+    parentKey = _ref.parentKey,
+    onMount = _ref.onMount,
+    onUnmount = _ref.onUnmount,
+    onDataSetChange = _ref.onDataSetChange,
+    onTreeNodeRender = _ref.onTreeNodeRender,
+    onlyRoot = _ref.onlyRoot,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   if (!(0, _lodash.includes)(isTree, dataSetKey)) return (0, _utils.formatMessage)({
-    id: 'luckda.ldTree.notTres',
+    id: 'luckda.ldTree.notTrees',
     label: '此数据集非树形数据集，请选择树形数据集'
   });
   var _useState = (0, _react.useState)(null),
@@ -67,11 +97,16 @@ var LdTree = function LdTree(_ref) {
     defaultExpandedProps = _useState4[0],
     setDefaultExpandedProps = _useState4[1];
   var treeRef = (0, _react.useRef)(null);
-  var defaultParams = [(0, _objectSpread2.default)({
-    moduleCode: moduleCode,
-    datasetCode: dataSetKey,
-    behaviorKey: 'readTree'
-  }, _defaultParmas)];
+  var onceRef = (0, _react.useRef)(true);
+  var defaultParams = (0, _ahooks.useCreation)(function () {
+    var _params = [(0, _objectSpread4.default)({
+      moduleCode: moduleCode,
+      datasetCode: dataSetKey,
+      behaviorKey: 'readTree'
+    }, _defaultParmas)];
+    if (asyncLoad) _params[0][parentKey] = 0;
+    return _params;
+  }, []);
   var _useRequest = (0, _ahooks.useRequest)(service || _utils2.behaviorCall, {
       // 获取树数据源
       defaultParams: defaultParams,
@@ -100,24 +135,73 @@ var LdTree = function LdTree(_ref) {
           }
           var treeData = dataToTreeFormat ? dataToTreeFormat(data) : (0, _utils.dataToTree)(data, null, window.appConfig.constraintKeys.PRIMARY, window.appConfig.constraintKeys.PARENT);
           setDataSource(treeData);
-          afterInit && afterInit(treeData);
+          onceRef.current && afterInit && afterInit(treeData, data);
+          onceRef.current = false;
         }
       }
     }),
     loading = _useRequest.loading,
     run = _useRequest.run,
     params = _useRequest.params;
+  var onLdQuery = (0, _ahooks.useMemoizedFn)(function () {
+    var _params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    run((0, _objectSpread4.default)((0, _objectSpread4.default)((0, _objectSpread4.default)({}, params[0]), _params), defaultParams[0]));
+  });
+  var handleUpdateTree = function handleUpdateTree(type, nodes) {
+    var data = (0, _lodash.cloneDeep)(dataSource);
+    var nodesGroup = (0, _lodash.groupBy)(nodes.map(function (i) {
+      return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, i), {}, (0, _defineProperty2.default)({}, PARENT, i[PARENT] || 0));
+    }), PARENT);
+    var rootList = nodesGroup[0],
+      restGroup = (0, _objectWithoutProperties2.default)(nodesGroup, _excluded2);
+    switch (type) {
+      case 'delete':
+        if (rootList) data = (0, _lodash.differenceBy)(data, rootList, window.appConfig.constraintKeys.PRIMARY);else deepForEach(data, function (child) {
+          if (restGroup[child[PRIMARY]]) {
+            var _child$children2;
+            if (((_child$children2 = child.children) === null || _child$children2 === void 0 ? void 0 : _child$children2.length) <= restGroup[child[PRIMARY]].length) child.isleaf = true;
+            child.children = (0, _lodash.differenceBy)(child.children, restGroup[child[PRIMARY]], window.appConfig.constraintKeys.PRIMARY);
+          }
+        });
+        break;
+      case 'add':
+        if (rootList) data = data.concat(rootList);else deepForEach(data, function (child) {
+          if (restGroup[child[PRIMARY]]) {
+            child.isleaf = false;
+            child.children = [].concat((0, _toConsumableArray2.default)(child.children || []), (0, _toConsumableArray2.default)(restGroup[child[PRIMARY]]));
+          }
+        });
+        break;
+      default:
+        deepForEach(data, function (child) {
+          var findNode = nodes.find(function (n) {
+            return n[PRIMARY] === child[PRIMARY];
+          });
+          if (findNode) {
+            (0, _lodash.assign)(child, findNode);
+          }
+        });
+    }
+    setDataSource(data);
+  };
   (0, _react.useImperativeHandle)(wrapperRef, function () {
-    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, treeRef.current), {}, {
-      onLdQuery: function onLdQuery() {
-        var _params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-        run((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, params[0]), _params), defaultParams[0]));
-      }
+    return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, treeRef.current), {}, {
+      onLdQuery: onLdQuery,
+      updateTree: handleUpdateTree
     });
   });
+  (0, _react.useLayoutEffect)(function () {
+    onMount && onMount((0, _objectSpread4.default)((0, _objectSpread4.default)({}, params[0]), defaultParams[0]));
+    return function () {
+      onUnmount && onUnmount();
+    };
+  }, []);
+  (0, _react.useLayoutEffect)(function () {
+    onDataSetChange && onDataSetChange(onLdQuery);
+  }, [dataSetKey]);
   var handleMenuClick = function handleMenuClick(menu, data) {
     var onClick = menu.onClick,
-      other = (0, _objectWithoutProperties2.default)(menu, _excluded2);
+      other = (0, _objectWithoutProperties2.default)(menu, _excluded3);
     onClick && onClick(other, data);
   };
   var renderRightMenus = function renderRightMenus(menus, data) {
@@ -127,7 +211,8 @@ var LdTree = function LdTree(_ref) {
           return handleMenuClick(menu, data);
         },
         className: _index.default.rightMenu,
-        key: menu.key
+        key: menu.key,
+        style: menu.style
       }, menu.name || '');
     });
   };
@@ -147,11 +232,23 @@ var LdTree = function LdTree(_ref) {
       type: "more"
     }));
   };
+  var handleNodeDoubleClick = (0, _ahooks.useMemoizedFn)(function (e) {
+    var switcher = e.currentTarget.closest('li').querySelector('.ant-tree-switcher');
+    switcher.click();
+  });
+  var handleDoubleClick = (0, _ahooks.useMemoizedFn)(function (e, rowData) {
+    if (doubleClickExpand) handleNodeDoubleClick(e);
+    if (onNodeDoubleClick) onNodeDoubleClick(e, rowData);
+  });
   var renderTitleNode = function renderTitleNode(data, unSelectable) {
     var nodeTitle = (0, _lodash.isFunction)(treeNodeTitle) ? treeNodeTitle(data) : data[treeNodeTitle];
+    if (onTreeNodeRender) nodeTitle = onTreeNodeRender(nodeTitle, data);
     return /*#__PURE__*/_react.default.createElement("div", {
       className: _index.default.nodeTitle,
-      key: data[rowKey]
+      key: data[rowKey],
+      onDoubleClick: function onDoubleClick(e) {
+        return handleDoubleClick(e, data);
+      }
     }, /*#__PURE__*/_react.default.createElement("div", {
       title: nodeTitle,
       className: (0, _classnames.default)((0, _defineProperty2.default)({}, _index.default.nodeTitleDisabled, unSelectable))
@@ -161,45 +258,93 @@ var LdTree = function LdTree(_ref) {
     return data.map(function (item) {
       // 判断是否可选择
       var unSelectable = (0, _lodash.isFunction)(unselectableNodes) ? unselectableNodes(item) : unselectableNodes.includes(item[rowKey]);
-      if (item.children) {
-        return /*#__PURE__*/_react.default.createElement(_luckDesign.LuckTree.TreeNode, {
-          isLeaf: false,
-          title: renderTitleNode(item, unSelectable),
-          key: item[rowKey],
-          dataRef: item,
-          selectable: !unSelectable
-        }, renderTreeNodes(item.children));
-      }
-      return /*#__PURE__*/_react.default.createElement(_luckDesign.LuckTree.TreeNode, {
+      var props = {
         title: renderTitleNode(item, unSelectable),
         key: item[rowKey],
         dataRef: item,
-        selectable: !unSelectable
-      });
+        selectable: !unSelectable,
+        checkable: treeNodeCheckable && treeNodeCheckable(item),
+        disableCheckbox: treeNodeDisableCheckbox && treeNodeDisableCheckbox(item),
+        disabled: treeNodeDisable && treeNodeDisable(item)
+      };
+      if (treeNodeIcon && !(0, _lodash.isNil)(treeNodeIcon(item))) props.icon = treeNodeIcon(item);
+      if (!item.isleaf && !(0, _lodash.isNil)(item.isleaf)) {
+        return /*#__PURE__*/_react.default.createElement(_luckDesign.LuckTree.TreeNode, (0, _extends2.default)({
+          isLeaf: false
+        }, props), renderTreeNodes(item.children || []));
+      }
+      return /*#__PURE__*/_react.default.createElement(_luckDesign.LuckTree.TreeNode, (0, _extends2.default)({
+        isLeaf: true
+      }, props));
     });
   });
   var handleDrop = (0, _ahooks.useMemoizedFn)(function (info) {
     var dragInfo = (0, _utils.dragTreeData)(info, dataSource);
-    onDrop && onDrop(info, dragInfo);
+    if (onDrop) onDrop(info, dragInfo);else if (dragInfo !== false) {
+      doAction('drag', {
+        get: {
+          datasetCode: dataSetKey
+        },
+        post: {
+          fromId: info.dragNode.props.dataRef[PRIMARY],
+          toId: info.node.props.dataRef[PRIMARY]
+        }
+      }, {
+        showConfirm: false,
+        callback: function callback(success) {
+          return success && onLdQuery();
+        }
+      });
+    }
   });
   var onAdd = (0, _ahooks.useCreation)(function () {
-    return !(readOnly || !rootAdd || rootAdd.resource && !(0, _lodash.includes)(resources, rootAdd.resource)) ? function () {
+    return !(readOnly || !rootAdd || rootAdd.resource && !(0, _lodash.includes)(resources, rootAdd.resource) || onlyRoot && (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length) > 0) ? function () {
       return handleMenuClick(rootAdd);
     } : null;
   }, [readOnly, rootAdd, resources]);
+  var onLoadData = (0, _ahooks.useMemoizedFn)(function (treeNode) {
+    return new Promise(function (resolve) {
+      if (treeNode.props.isLeaf) {
+        resolve();
+        return;
+      }
+      (service || _utils2.behaviorCall)((0, _objectSpread4.default)((0, _objectSpread4.default)({}, params[0]), {}, (0, _defineProperty2.default)({}, parentKey, treeNode.props.dataRef[window.appConfig.constraintKeys.PRIMARY]))).then(function (res) {
+        var code = res.code,
+          list = res.list,
+          detail = res.detail;
+        if (code === 1) {
+          treeNode.props.dataRef.children = list.map(function (i) {
+            return detail[i];
+          });
+          setDataSource((0, _toConsumableArray2.default)(dataSource));
+          resolve();
+        }
+      });
+    });
+  });
+  var asyncLoadData = (0, _ahooks.useCreation)(function () {
+    return asyncLoad ? {
+      loadData: onLoadData
+    } : {};
+  }, []);
   return /*#__PURE__*/_react.default.createElement(_base.TreeBox, {
     suppressTitle: !title,
     title: title,
     loading: loading,
     id: ldId,
     onAdd: onAdd,
-    className: className
+    className: className,
+    ref: boxRef,
+    style: {
+      width: width,
+      height: height
+    }
   }, dataSource && /*#__PURE__*/_react.default.createElement(_luckDesign.LuckTree, (0, _extends2.default)({
     blockNode: true,
     className: (0, _classnames.default)(_index.default.tree, (0, _defineProperty2.default)({}, className, !!treeClassName)),
     draggable: !readOnly && draggable,
     onDrop: handleDrop
-  }, defaultExpandedProps, props, {
+  }, asyncLoadData, defaultExpandedProps, props, {
     ref: treeRef
   }), renderTreeNodes(dataSource)));
 };
@@ -231,7 +376,9 @@ Index.propTypes = {
   // 行为
   suppressInit: _propTypes.default.bool,
   // 抑制初始化
-  afterInit: _propTypes.default.func // 初始化后
+  afterInit: _propTypes.default.func,
+  // 初始化后
+  parentKey: _propTypes.default.string
 };
 Index.defaultProps = {
   readOnly: false,
@@ -246,7 +393,8 @@ Index.defaultProps = {
     return [];
   },
   suppressInit: false,
-  defaultParmas: {}
+  defaultParmas: {},
+  parentKey: 'iparentid'
 };
 var _default = exports.default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   return /*#__PURE__*/_react.default.createElement(Index, (0, _extends2.default)({

package/lib/components/LdTree/index.less

@@ -3,6 +3,7 @@
     display: flex;
     align-items: center;
     width: 100%;
+    user-select: none;
 
     div {
       flex: 1;
@@ -10,9 +11,11 @@
       white-space: nowrap;
       text-overflow: ellipsis;
     }
+
     div.nodeTitleDisabled {
       color: var(--luck-text-color-disabled);
     }
+
     div.nodeTitleDisabled:hover {
       cursor: not-allowed;
     }
@@ -24,13 +27,15 @@
     }
   }
 }
+
 .classTreeOperates {
   :global(.ant-popover-inner-content) {
     padding: 0;
   }
+
   .rightMenu {
     display: block;
     padding: 4px 8px;
     color: var(--luck-text-color-);
   }
-}
+}