@luck-design-biz/luckda 0.0.1

package/lib/components/LdGridForm/index.js

@@ -0,0 +1,181 @@
+"use strict";
+
+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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectSpread4 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _ahooks = require("ahooks");
+var _lodash = require("lodash");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _ldBuilder = _interopRequireDefault(require("../../helper/ldBuilder"));
+var _FormList = require("@luck-design-biz/base/FormList");
+var _utils = require("../../utils");
+var _form = require("../../helper/form");
+var _Builder = require("../Builder");
+var _services = require("../../services");
+var _index = _interopRequireDefault(require("./index.less"));
+var _excluded = ["columns", "resources", "actions", "doAction", "ldId", "dataSetKey", "columnsRewrite", "onQuery", "onAdd", "onUpdate", "onDelete", "mainFormLdId", "mainDataSetKey", "onValueChange", "type", "afterOperate", "moduleCode", "defaultDataSourceFormat", "ticketData", "className"];
+var buildLdGridForm = function buildLdGridForm(_ref) {
+  var _ref$columns = _ref.columns,
+    columns = _ref$columns === void 0 ? [] : _ref$columns,
+    _ref$resources = _ref.resources,
+    resources = _ref$resources === void 0 ? [] : _ref$resources,
+    _ref$actions = _ref.actions,
+    actions = _ref$actions === void 0 ? {} : _ref$actions,
+    _ref$doAction = _ref.doAction,
+    doAction = _ref$doAction === void 0 ? function () {} : _ref$doAction,
+    ldId = _ref.ldId,
+    dataSetKey = _ref.dataSetKey,
+    _ref$columnsRewrite = _ref.columnsRewrite,
+    columnsRewrite = _ref$columnsRewrite === void 0 ? [] : _ref$columnsRewrite,
+    _ref$onQuery = _ref.onQuery,
+    onQuery = _ref$onQuery === void 0 ? {} : _ref$onQuery,
+    _ref$onAdd = _ref.onAdd,
+    onAdd = _ref$onAdd === void 0 ? {} : _ref$onAdd,
+    _ref$onUpdate = _ref.onUpdate,
+    onUpdate = _ref$onUpdate === void 0 ? {} : _ref$onUpdate,
+    _ref$onDelete = _ref.onDelete,
+    onDelete = _ref$onDelete === void 0 ? {} : _ref$onDelete,
+    mainFormLdId = _ref.mainFormLdId,
+    mainDataSetKey = _ref.mainDataSetKey,
+    _ref$onValueChange = _ref.onValueChange,
+    onValueChange = _ref$onValueChange === void 0 ? function () {} : _ref$onValueChange,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'grid' : _ref$type,
+    _afterOperate = _ref.afterOperate,
+    moduleCode = _ref.moduleCode,
+    _ref$defaultDataSourc = _ref.defaultDataSourceFormat,
+    defaultDataSourceFormat = _ref$defaultDataSourc === void 0 ? function () {
+      return {};
+    } : _ref$defaultDataSourc,
+    _ref$ticketData = _ref.ticketData,
+    ticketData = _ref$ticketData === void 0 ? {} : _ref$ticketData,
+    className = _ref.className,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var _ref2 = (0, _react.useContext)(_Builder.LuckDaContext) || {},
+    setFieldProps = _ref2.setFieldProps;
+  var defaultValues = (0, _react.useRef)();
+  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), {}, {
+      comName: 'select'
+    });
+    return col;
+  });
+  var _columns = (0, _ahooks.useCreation)(function () {
+    var _defaultValues = {};
+    var _nodes = (0, _lodash.transform)(gridColumns, function (result, col) {
+      if (col.isShowInForm) {
+        var _objectSpread2;
+        var customColumn = columnsRewrite.find(function (column) {
+          return column.field === col.field;
+        }) || {};
+        if (col.isReadOnly) customColumn = (0, _objectSpread4.default)((0, _objectSpread4.default)({}, customColumn), {}, {
+          editable: false,
+          mode: 'grid'
+        });
+        _defaultValues = (0, _objectSpread4.default)((0, _objectSpread4.default)({}, _defaultValues), {}, (_objectSpread2 = {}, (0, _defineProperty2.default)(_objectSpread2, col.field, col['optDefaultValue']), (0, _defineProperty2.default)(_objectSpread2, "".concat(col.field, "_virtual"), col['optDefaultValueCvt']), _objectSpread2));
+        result.push((0, _utils.getFormColumn)(type, col, customColumn));
+      }
+    }, []);
+    defaultValues.current = _defaultValues;
+    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), {}, {
+        renderBasicFormItem: (0, _objectSpread4.default)({
+          component: node.type.comName || node.type.displayName
+        }, renderBasicFormItem)
+      });
+    })));
+    return _nodes;
+  }, [columns, columnsRewrite, isMain]);
+  var defaultDataSource = (0, _objectSpread4.default)((0, _objectSpread4.default)({}, (0, _utils.formItemDataFormat)(columns, defaultValues.current)), defaultDataSourceFormat(defaultValues.current));
+  var formConfig = {
+    formId: ldId,
+    columns: _columns,
+    isMain: isMain,
+    defaultDataSource: defaultDataSource,
+    newItemDefaultValue: defaultDataSource
+  };
+  var onOperate = (0, _ahooks.useMemoizedFn)(function () {
+    var _onOperate = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    var behaviorKey = arguments.length > 1 ? arguments[1] : undefined;
+    return (0, _objectSpread4.default)((0, _objectSpread4.default)({
+      api: function api(get, post, formData) {
+        var _formData$mainFormLdI;
+        return (0, _services.readBehaviorCall)((0, _objectSpread4.default)((0, _objectSpread4.default)({}, get), {}, (0, _defineProperty2.default)({}, isMain ? 'indocno' : 'relationId', ((_formData$mainFormLdI = formData[mainFormLdId]) === null || _formData$mainFormLdI === void 0 ? void 0 : _formData$mainFormLdI.indocno) || ticketData.indocno)), post, formData);
+      },
+      get: function get() {
+        return {
+          moduleCode: moduleCode,
+          datasetCode: dataSetKey,
+          behaviorKey: behaviorKey
+        };
+      }
+    }, _onOperate), {}, {
+      post: function post(data) {
+        var _submitData = data.map(function (item) {
+          return (0, _utils.dataFormat)(gridColumns, item);
+        });
+        if (_onOperate === null || _onOperate === void 0 ? void 0 : _onOperate.post) return _onOperate.post(_submitData); // 以预设为主
+        return (0, _defineProperty2.default)({}, dataSetKey, (0, _defineProperty2.default)({}, "".concat(behaviorKey, "List"), _submitData));
+      }
+    });
+  });
+  return /*#__PURE__*/_react.default.createElement(_FormList.GridForm, (0, _extends2.default)({
+    noAddon: true,
+    operates: resources,
+    orderByAdd: "asc",
+    rowSelection: true,
+    type: type
+  }, props, {
+    onQuery: (0, _objectSpread4.default)((0, _objectSpread4.default)({
+      api: _services.readBehaviorCall,
+      get: function get(formData) {
+        var _formData$mainFormLdI2, _params2;
+        var _params = (_params2 = {}, (0, _defineProperty2.default)(_params2, isMain ? 'indocno' : 'relationId', ((_formData$mainFormLdI2 = formData[mainFormLdId]) === null || _formData$mainFormLdI2 === void 0 ? void 0 : _formData$mainFormLdI2.indocno) || ticketData.indocno), (0, _defineProperty2.default)(_params2, "moduleCode", moduleCode), (0, _defineProperty2.default)(_params2, "datasetCode", dataSetKey), (0, _defineProperty2.default)(_params2, "behaviorKey", 'readGrid'), _params2);
+        if (!isMain) _params.relationDs = mainDataSetKey;
+        return _params;
+      }
+    }, onQuery), {}, {
+      format: function format(data) {
+        var formItemData = data.map(function (item) {
+          return (0, _utils.formItemDataFormat)(gridColumns, item);
+        });
+        if (onQuery === null || onQuery === void 0 ? void 0 : onQuery.format) return onQuery.format(data, formItemData); // 以预设为主
+        return formItemData;
+      }
+    }),
+    onAdd: onOperate(onAdd, 'add'),
+    onUpdate: onOperate(onUpdate, 'update'),
+    onDelete: (0, _objectSpread4.default)((0, _objectSpread4.default)({}, onOperate(onDelete, 'delete')), {}, {
+      post: function post(data) {
+        var _submitData = data.map(function (item) {
+          return {
+            indocno: item.indocno
+          };
+        });
+        if (onDelete === null || onDelete === void 0 ? void 0 : onDelete.post) return onDelete.post(_submitData); // 以预设为主
+        return (0, _defineProperty2.default)({}, dataSetKey, {
+          deleteList: _submitData
+        });
+      }
+    })
+  }, formConfig, {
+    afterOperate: function afterOperate(dataList, operate) {
+      onValueChange((0, _defineProperty2.default)({}, ldId, (0, _defineProperty2.default)({}, operate, dataList)));
+      _afterOperate && _afterOperate(dataList, operate);
+    },
+    className: (0, _classnames.default)(_index.default.ldGridForm, (0, _defineProperty2.default)({}, className, !!className))
+  }));
+};
+var _default = (0, _ldBuilder.default)(buildLdGridForm);
+exports.default = _default;

package/lib/components/LdGridForm/index.less

@@ -0,0 +1,7 @@
+.ldGridForm {
+  :global {
+    .ag-layout-auto-height {
+      height: 100% !important;
+    }
+  }
+}

package/lib/components/LdInfoPanel/index.js

@@ -0,0 +1,123 @@
+"use strict";
+
+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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectSpread2 = _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"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _ahooks = require("ahooks");
+var _luckDesign = require("luck-design");
+var _services = require("../../services");
+var _lodash = require("lodash");
+var _ldBuilder = _interopRequireDefault(require("../../helper/ldBuilder"));
+var _excluded = ["columns", "resources", "actions", "doAction", "wrapperRef", "moduleCode", "dataSetKey", "defaultParmas", "suppressInit", "afterInit", "customColumns", "service"];
+var formatInfoPanelData = function formatInfoPanelData(columns, data) {
+  return (0, _lodash.transform)(columns, function (result, col) {
+    result[col.dataIndex] = col.render && col.render(data[col.dataIndex], data) || data["".concat(col.dataIndex, "_virtual")] || data[col.dataIndex];
+  }, {});
+};
+var LdInfoPanel = function LdInfoPanel(_ref) {
+  var columns = _ref.columns,
+    resources = _ref.resources,
+    actions = _ref.actions,
+    doAction = _ref.doAction,
+    wrapperRef = _ref.wrapperRef,
+    moduleCode = _ref.moduleCode,
+    dataSetKey = _ref.dataSetKey,
+    _defaultParmas = _ref.defaultParmas,
+    suppressInit = _ref.suppressInit,
+    afterInit = _ref.afterInit,
+    customColumns = _ref.customColumns,
+    service = _ref.service,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var infoPanelRef = (0, _react.useRef)(null);
+  var _useState = (0, _react.useState)({}),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    dataSource = _useState2[0],
+    setDataSource = _useState2[1];
+  var defaultParams = (0, _ahooks.useCreation)(function () {
+    return [(0, _objectSpread2.default)({
+      moduleCode: moduleCode,
+      datasetCode: dataSetKey,
+      behaviorKey: 'readForm'
+    }, _defaultParmas)];
+  }, []);
+  (0, _react.useImperativeHandle)(wrapperRef, function () {
+    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, infoPanelRef.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]), defaultParams[0]), _params));
+      }
+    });
+  });
+  var _columns = (0, _ahooks.useCreation)(function () {
+    return customColumns ? customColumns.map(function (col) {
+      var xCol = columns.find(function (column) {
+        return column.field === col.dataIndex;
+      }) || {};
+      return (0, _objectSpread2.default)({
+        title: xCol.fieldName
+      }, col);
+    }) : customColumns.map(function (item) {
+      return {
+        title: item.fieldName,
+        dataIndex: item.field
+      };
+    });
+  }, [columns]);
+  var _useRequest = (0, _ahooks.useRequest)(service || _services.readBehaviorCall, {
+      // 获取树数据源
+      defaultParams: defaultParams,
+      manual: suppressInit,
+      onSuccess: function onSuccess(data) {
+        var code = data.code,
+          list = data.list,
+          detail = data.detail;
+        if (code === 1 && list[0]) {
+          var _data = detail[list[0]];
+          setDataSource(_data);
+          afterInit && afterInit(_data);
+        }
+      }
+    }),
+    loading = _useRequest.loading,
+    run = _useRequest.run,
+    params = _useRequest.params;
+  return /*#__PURE__*/_react.default.createElement(_luckDesign.InfoPanel, (0, _extends2.default)({
+    dataSource: formatInfoPanelData(_columns, dataSource),
+    columns: _columns,
+    mode: 'grid',
+    loading: loading
+  }, props, {
+    ref: infoPanelRef
+  }));
+};
+var Index = (0, _ldBuilder.default)(LdInfoPanel);
+Index.propTypes = {
+  dataSetKey: _propTypes.default.string.isRequired,
+  // 数据集key
+  suppressInit: _propTypes.default.bool,
+  // 抑制初始化
+  afterInit: _propTypes.default.func,
+  // 初始化后
+  customColumns: _propTypes.default.array,
+  defaultParmas: _propTypes.default.object
+};
+Index.defaultProps = {
+  suppressInit: false,
+  customColumns: null,
+  defaultParmas: {}
+};
+var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  return /*#__PURE__*/_react.default.createElement(Index, (0, _extends2.default)({
+    wrapperRef: ref
+  }, props));
+});
+exports.default = _default;

package/lib/components/LdPop/index.js

@@ -0,0 +1,40 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.LuckDaPopContext = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _lodash = require("lodash");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _base = require("@luck-design-biz/base");
+var _excluded = ["component", "size"];
+var LuckDaPopContext = /*#__PURE__*/(0, _react.createContext)();
+exports.LuckDaPopContext = LuckDaPopContext;
+var LdPop = function LdPop() {
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    ldId = _ref.ldId,
+    _ref$params = _ref.params,
+    params = _ref$params === void 0 ? {} : _ref$params;
+  var component = params.component,
+    size = params.size,
+    _params = (0, _objectWithoutProperties2.default)(params, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_base.FormWindow, (0, _extends2.default)({
+    showBtn: false,
+    size: size,
+    id: ldId
+  }, _params), /*#__PURE__*/_react.default.createElement(LuckDaPopContext.Provider, {
+    value: {
+      affixLayout: (0, _lodash.includes)(['large', 'full'], size) ? 'top' : 'bottom'
+    } // 用于动态显示formList布局
+  }, component));
+};
+LdPop.propTypes = {
+  ldId: _propTypes.default.string.isRequired
+};
+var _default = LdPop;
+exports.default = _default;

package/lib/components/LdTree/index.js

@@ -0,0 +1,253 @@
+"use strict";
+
+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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectSpread2 = _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"));
+var _lodash = require("lodash");
+var _ahooks = require("ahooks");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _antd = require("antd");
+var _luckDesign = require("luck-design");
+var _utils = require("@luck-design-biz/base/utils");
+var _base = require("@luck-design-biz/base");
+var _ldBuilder = _interopRequireDefault(require("../../helper/ldBuilder"));
+var _services = require("../../services");
+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", "afterInit", "isTree", "service"],
+  _excluded2 = ["onClick"];
+var LdTree = function LdTree(_ref) {
+  var columns = _ref.columns,
+    resources = _ref.resources,
+    actions = _ref.actions,
+    doAction = _ref.doAction,
+    wrapperRef = _ref.wrapperRef,
+    ldId = _ref.ldId,
+    dataSetKey = _ref.dataSetKey,
+    _defaultParmas = _ref.defaultParmas,
+    moduleCode = _ref.moduleCode,
+    readOnly = _ref.readOnly,
+    title = _ref.title,
+    rowKey = _ref.rowKey,
+    treeNodeTitle = _ref.treeNodeTitle,
+    unselectableNodes = _ref.unselectableNodes,
+    rightMenus = _ref.rightMenus,
+    defaultExpandDeep = _ref.defaultExpandDeep,
+    draggable = _ref.draggable,
+    onDrop = _ref.onDrop,
+    className = _ref.className,
+    treeClassName = _ref.treeClassName,
+    rootAdd = _ref.rootAdd,
+    suppressInit = _ref.suppressInit,
+    afterInit = _ref.afterInit,
+    isTree = _ref.isTree,
+    service = _ref.service,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  if (!(0, _lodash.includes)(isTree, dataSetKey)) return (0, _utils.formatMessage)({
+    id: 'luckda.ldTree.notTres',
+    label: '此数据集非树形数据集，请选择树形数据集'
+  });
+  var _useState = (0, _react.useState)(null),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    dataSource = _useState2[0],
+    setDataSource = _useState2[1];
+  var _useState3 = (0, _react.useState)({}),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    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 _useRequest = (0, _ahooks.useRequest)(service || _services.readBehaviorCall, {
+      // 获取树数据源
+      defaultParams: defaultParams,
+      manual: suppressInit,
+      onSuccess: function onSuccess(data) {
+        var code = data.code,
+          list = data.list,
+          detail = data.detail;
+        if (code === 1) {
+          var _data = list.map(function (i) {
+            return detail[i];
+          });
+          // 判断是否默认展开
+          if (defaultExpandDeep === 'all') setDefaultExpandedProps({
+            defaultExpandAll: true
+          });else if ((0, _lodash.isNumber)(defaultExpandDeep) && defaultExpandDeep > 0) {
+            var defaultExpanded = (0, _lodash.transform)(_data, function (result, n) {
+              if (n.sidcc.substring(1, n.sidcc.length - 1).split('/').length < defaultExpandDeep + 1) {
+                result.push("".concat(n[rowKey]));
+              }
+            }, []);
+            setDefaultExpandedProps({
+              defaultExpandedKeys: defaultExpanded
+            });
+          }
+          var treeData = (0, _utils.dataToTree)(_data);
+          setDataSource(treeData);
+          afterInit && afterInit(treeData);
+        }
+      }
+    }),
+    loading = _useRequest.loading,
+    run = _useRequest.run,
+    params = _useRequest.params;
+  (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]));
+      }
+    });
+  });
+  var handleMenuClick = function handleMenuClick(menu, data) {
+    var onClick = menu.onClick,
+      other = (0, _objectWithoutProperties2.default)(menu, _excluded2);
+    onClick && onClick(other, data);
+  };
+  var renderRightMenus = function renderRightMenus(menus, data) {
+    return menus.map(function (menu) {
+      return /*#__PURE__*/_react.default.createElement("a", {
+        onClick: function onClick() {
+          return handleMenuClick(menu, data);
+        },
+        className: _index.default.rightMenu,
+        key: menu.key
+      }, menu.name || '');
+    });
+  };
+  var renderRight = function renderRight(data) {
+    var rightMenusResult = rightMenus(data);
+    var _rightMenusResult = (0, _lodash.cloneDeep)(rightMenusResult);
+    // 去除没有权限或者该模块下没有的行为
+    (0, _lodash.remove)(_rightMenusResult, function (n) {
+      return n.resource && !(0, _lodash.includes)(data['__infuse_serial__'] || resources, n.resource);
+    });
+    return _rightMenusResult.length > 0 && /*#__PURE__*/_react.default.createElement(_antd.Popover, {
+      overlayClassName: _index.default.classTreeOperates,
+      placement: "right",
+      title: null,
+      content: renderRightMenus(_rightMenusResult, data)
+    }, /*#__PURE__*/_react.default.createElement(_antd.Icon, {
+      type: "more"
+    }));
+  };
+  var renderTitleNode = function renderTitleNode(data, unSelectable) {
+    var nodeTitle = (0, _lodash.isFunction)(treeNodeTitle) ? treeNodeTitle(data) : data[treeNodeTitle];
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: _index.default.nodeTitle
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      title: nodeTitle,
+      className: (0, _classnames.default)((0, _defineProperty2.default)({}, _index.default.nodeTitleDisabled, unSelectable))
+    }, nodeTitle), !readOnly && renderRight(data));
+  };
+  var renderTreeNodes = (0, _ahooks.useMemoizedFn)(function (data) {
+    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, {
+        title: renderTitleNode(item, unSelectable),
+        key: item[rowKey],
+        dataRef: item,
+        selectable: !unSelectable
+      });
+    });
+  });
+  var handleDrop = (0, _ahooks.useMemoizedFn)(function (info) {
+    var dragInfo = (0, _utils.dragTreeData)(info, dataSource);
+    onDrop && onDrop(info, dragInfo);
+  });
+  var onAdd = (0, _ahooks.useCreation)(function () {
+    return !(readOnly || !rootAdd || rootAdd.resource && !(0, _lodash.includes)(resources, rootAdd.resource)) ? function () {
+      return handleMenuClick(rootAdd);
+    } : null;
+  }, [readOnly, rootAdd, resources]);
+  return /*#__PURE__*/_react.default.createElement(_base.TreeBox, {
+    suppressTitle: !title,
+    title: title,
+    loading: loading,
+    id: ldId,
+    onAdd: onAdd,
+    className: className
+  }, 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, {
+    ref: treeRef
+  }), renderTreeNodes(dataSource)));
+};
+var Index = (0, _ldBuilder.default)(LdTree);
+Index.propTypes = {
+  ldId: _propTypes.default.string.isRequired,
+  // 唯一key
+  dataSetKey: _propTypes.default.string.isRequired,
+  // 数据集key
+  readOnly: _propTypes.default.bool,
+  // 是否只读
+  title: _propTypes.default.string,
+  // 树的标题
+  rowKey: _propTypes.default.string,
+  // 数据主键key
+  treeNodeTitle: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.func]),
+  // 树节点名称
+  unselectableNodes: _propTypes.default.oneOfType([_propTypes.default.array, _propTypes.default.func]),
+  // 不可选择树节点
+  rightMenus: _propTypes.default.func,
+  // 自定义追加的操作
+  defaultExpandDeep: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.oneOf(['all'])]),
+  // 默认展开的节点深度
+  draggable: _propTypes.default.bool,
+  // 是否可拖拽排序
+  onDrop: _propTypes.default.func,
+  // 拖拽排序的事件,当draggable为true时使用
+  actions: _propTypes.default.object,
+  // 行为
+  suppressInit: _propTypes.default.bool,
+  // 抑制初始化
+  afterInit: _propTypes.default.func // 初始化后
+};
+
+Index.defaultProps = {
+  readOnly: false,
+  title: false,
+  rowKey: 'indocno',
+  treeNodeTitle: 'sname',
+  defaultExpandDeep: 0,
+  draggable: false,
+  unselectableNodes: [],
+  actions: {},
+  rightMenus: function rightMenus() {
+    return [];
+  },
+  suppressInit: false,
+  defaultParmas: {}
+};
+var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  return /*#__PURE__*/_react.default.createElement(Index, (0, _extends2.default)({
+    wrapperRef: ref
+  }, props));
+});
+exports.default = _default;

package/lib/components/LdTree/index.less

@@ -0,0 +1,36 @@
+.tree {
+  .nodeTitle {
+    display: flex;
+    align-items: center;
+    width: 100%;
+
+    div {
+      flex: 1;
+      overflow-x: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+    }
+    div.nodeTitleDisabled {
+      color: var(--luck-text-color-disabled);
+    }
+    div.nodeTitleDisabled:hover {
+      cursor: not-allowed;
+    }
+  }
+
+  :global {
+    .ant-tree-title {
+      width: 100%;
+    }
+  }
+}
+.classTreeOperates {
+  :global(.ant-popover-inner-content) {
+    padding: 0;
+  }
+  .rightMenu {
+    display: block;
+    padding: 4px 8px;
+    color: var(--luck-text-color-);
+  }
+}