@luck-design-biz/luckda 0.0.24-3 → 0.0.25-10

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.aliasName) || 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,
@@ -151,7 +160,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 +180,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/LdRuntimeCom/index.js

@@ -1,23 +1,31 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _construct2 = _interopRequireDefault(require("@babel/runtime/helpers/construct"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var Babel = _interopRequireWildcard(require("@babel/standalone"));
 var LuckAntd = _interopRequireWildcard(require("luck-design/antd"));
 var LuckDesign = _interopRequireWildcard(require("luck-design"));
+var _lodash = _interopRequireWildcard(require("lodash"));
+var Lodash = _lodash;
+var ahooks = _interopRequireWildcard(require("ahooks"));
+var _excluded = ["children"];
 /**
  * 实时代码渲染组件
  * todo：沙箱上下文的集成
  * todo：Loading效果的优化
  */
 var LdRuntimeCom = function LdRuntimeCom(_ref) {
-  var children = _ref.children;
+  var children = _ref.children,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var _useState = (0, _react.useState)(null),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     Component = _useState2[0],
@@ -30,20 +38,25 @@ var LdRuntimeCom = function LdRuntimeCom(_ref) {
         presets: ['react']
       }).code;
 
-      // 输出编译后的代码用于排错
-      console.log('transformedCode', transformedCode);
-
       // 自动
       var functionNameMatch = transformedCode.match(/function\s+([^\s(]+)/);
       if (functionNameMatch && functionNameMatch.length > 1) {
         var functionName = functionNameMatch[1];
-        var execute = new Function('React', 'LuckAntd', 'LuckDesign', "".concat(transformedCode, "; return ").concat(functionName, ";"));
+        var argsName = (0, _lodash.keys)(rest);
+        var _args = argsName.map(function (n) {
+          return rest[n];
+        });
+        var execute = (0, _construct2.default)(Function, ['React', 'LuckAntd', 'LuckDesign', 'libs'].concat((0, _toConsumableArray2.default)(argsName), ["".concat(transformedCode, "; return ").concat(functionName, ";")]));
         // 设置组件状态
-        var ReactComponent = execute(_react.default, LuckAntd, LuckDesign);
+        var ReactComponent = execute.apply(void 0, [_react.default, LuckAntd, LuckDesign, {
+          Lodash: Lodash,
+          ahooks: ahooks
+        }].concat((0, _toConsumableArray2.default)(_args)));
         setComponent( /*#__PURE__*/_react.default.createElement(ReactComponent, null));
       }
     }
   }, [code]);
-  return Component ? Component : /*#__PURE__*/_react.default.createElement("div", null, "Loading...");
+  if (code === '') return null;
+  return Component ? Component : 'JSX Component';
 };
 var _default = exports.default = LdRuntimeCom;

package/lib/components/LdTree/index.js

@@ -6,9 +6,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectSpread3 = _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,9 @@ 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"],
+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 = ["onClick"];
+var PRIMARY = window.appConfig.constraintKeys.PRIMARY;
 var LdTree = function LdTree(_ref) {
   var columns = _ref.columns,
     resources = _ref.resources,
@@ -53,9 +55,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 +85,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, _objectSpread3.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,21 +123,32 @@ 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, _objectSpread3.default)((0, _objectSpread3.default)((0, _objectSpread3.default)({}, params[0]), _params), defaultParams[0]));
+  });
   (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, _objectSpread3.default)((0, _objectSpread3.default)({}, treeRef.current), {}, {
+      onLdQuery: onLdQuery
     });
   });
+  (0, _react.useLayoutEffect)(function () {
+    onMount && onMount((0, _objectSpread3.default)((0, _objectSpread3.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);
@@ -127,7 +161,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 +182,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 +208,94 @@ 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) {
+        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) {
+      console.log('treeNode.props.children', treeNode.props.children);
+      if (treeNode.props.isLeaf) {
+        resolve();
+        return;
+      }
+      (service || _utils2.behaviorCall)((0, _objectSpread3.default)((0, _objectSpread3.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 +327,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 +344,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-);
   }
-}
+}