fan-standard-comp 4.1.21 → 4.1.23

package/es/index.d.ts

@@ -23,6 +23,8 @@ export { default as Field } from './FormComp/FieldComponent';
 export { default as RenderItemGroup } from './FormComp/RenderItemGroup';
 export { default as ItemGroup } from './FormComp/RenderItemGroup';
 export { default as StandardDrawer } from './StandardDrawer';
+export { default as SideCard } from './StandardContent/SideCard';
+export { default as StandardTitle } from './StandardTitle';
 export * from './components';
 export * from './utils';
 export * from './data';

package/es/index.js

@@ -31,6 +31,8 @@ export { default as Field } from "./FormComp/FieldComponent";
 export { default as RenderItemGroup } from "./FormComp/RenderItemGroup";
 export { default as ItemGroup } from "./FormComp/RenderItemGroup";
 export { default as StandardDrawer } from "./StandardDrawer";
+export { default as SideCard } from "./StandardContent/SideCard";
+export { default as StandardTitle } from "./StandardTitle";
 // 页面内容结构
 // 其他
 export * from "./components";

package/es/utils/getParentNodes.d.ts

@@ -97,3 +97,13 @@ export declare const filterTreeNodes: (list: any[], nodeKey: string | number, pa
     childrenParam: string;
     keyParam: string;
 }) => any;
+/**
+ * @param {Array} data 树数组数据
+ * @param {Number} level 起始层级序号
+ * @param {Number} level 起始层级序号
+ * @param {Array} parentIndexPath 父级序号集合
+ * @param {Array} parentNamePath 父级名称集合
+ * @param {Object} optionName 指定字段名 {children: '', label: '', title: '', name: ''}
+ * @param {Object} extra 扩展配置 {separator: '/'}
+ * */
+export declare const addTreeLevels: (data: any, level: number | undefined, parentIndexPath: never[] | undefined, parentNamePath: never[] | undefined, optionName: any, extra: any) => any[];

package/es/utils/getParentNodes.js

@@ -343,4 +343,45 @@ export var filterTreeNodes = function filterTreeNodes(list, nodeKey) {
     }
   });
   return result;
+};
+
+// 给节点每个层级加上level，并且将当前节点完整的路径序号值拼接起来
+/**
+ * @param {Array} data 树数组数据
+ * @param {Number} level 起始层级序号
+ * @param {Number} level 起始层级序号
+ * @param {Array} parentIndexPath 父级序号集合
+ * @param {Array} parentNamePath 父级名称集合
+ * @param {Object} optionName 指定字段名 {children: '', label: '', title: '', name: ''}
+ * @param {Object} extra 扩展配置 {separator: '/'}
+ * */
+export var addTreeLevels = function addTreeLevels(data) {
+  var level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+  var parentIndexPath = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+  var parentNamePath = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
+  var optionName = arguments.length > 4 ? arguments[4] : undefined;
+  var extra = arguments.length > 5 ? arguments[5] : undefined;
+  if (!Array.isArray(data)) return [];
+  return data.map(function (item, index) {
+    // 创建当前节点副本
+    // 完整的名称路径
+    var fullNamePath = _toConsumableArray(parentNamePath).concat(item[(optionName === null || optionName === void 0 ? void 0 : optionName.title) || (optionName === null || optionName === void 0 ? void 0 : optionName.label) || 'label' || 'title'] ? [item[(optionName === null || optionName === void 0 ? void 0 : optionName.title) || (optionName === null || optionName === void 0 ? void 0 : optionName.label) || 'label' || 'title']] : []);
+    var node = _objectSpread(_objectSpread({}, item), {}, {
+      treeNodeLevel: level,
+      treeParentIndexPath: _toConsumableArray(parentIndexPath),
+      // 存储父级索引路径
+      treeParentNamePath: _toConsumableArray(parentNamePath),
+      treeFullLevelNamePath: fullNamePath,
+      treeFullLevelName: fullNamePath.join((extra === null || extra === void 0 ? void 0 : extra.separator) || '/')
+    });
+    // 当前节点的完整路径（用于构建子节点的父级路径）
+    var currentIndexPath = [].concat(_toConsumableArray(parentIndexPath), [index]);
+    var currentNamePath = [].concat(_toConsumableArray(parentNamePath), [item[(optionName === null || optionName === void 0 ? void 0 : optionName.title) || (optionName === null || optionName === void 0 ? void 0 : optionName.label) || 'label' || 'title']]);
+
+    // 递归处理子节点
+    if (Array.isArray(node[(optionName === null || optionName === void 0 ? void 0 : optionName.children) || 'children']) && node[(optionName === null || optionName === void 0 ? void 0 : optionName.children) || 'children'].length > 0) {
+      node[(optionName === null || optionName === void 0 ? void 0 : optionName.children) || 'children'] = addTreeLevels(node[(optionName === null || optionName === void 0 ? void 0 : optionName.children) || 'children'], level + 1, currentIndexPath, currentNamePath, optionName, extra);
+    }
+    return node;
+  });
 };

package/lib/FormComp/FieldComponent/RefactorTreeSelect.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import './style/index.less';
+declare const RefactorTreeSelect: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<unknown>>;
+export default RefactorTreeSelect;

package/lib/FormComp/FieldComponent/RefactorTreeSelect.js

@@ -12,13 +12,14 @@ var _utils = require("../../utils");
 var _icons = require("@ant-design/icons");
 var _TreeSelect = _interopRequireDefault(require("./style/TreeSelect"));
 var _classnames = _interopRequireDefault(require("classnames"));
+var _util = require("../../RefactorTree/util");
 var _useLanguage = require("../../hooks/use-language");
+var _lodash = _interopRequireDefault(require("lodash"));
 var _excluded = ["treeData", "value", "showFullLevel", "separator", "disabled", "disabledFields", "fieldStatus", "treeOptionName", "placeholder", "protoTreeNode", "onSelect", "labelInValue"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -32,7 +33,6 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var TreeNode = _antd.TreeSelect.TreeNode;
 var RefactorTreeSelect = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$treeData = props.treeData,
     treeData = _props$treeData === void 0 ? [] : _props$treeData,
@@ -46,6 +46,7 @@ var RefactorTreeSelect = /*#__PURE__*/_react.default.forwardRef(function (props,
     _props$treeOptionName = props.treeOptionName,
     treeOptionName = _props$treeOptionName === void 0 ? {
       title: 'title',
+      label: 'label',
       value: 'value',
       children: 'children',
       disabled: 'disabled'
@@ -61,136 +62,30 @@ var RefactorTreeSelect = /*#__PURE__*/_react.default.forwardRef(function (props,
     _useStyle2 = _slicedToArray(_useStyle, 2),
     wrapSSR = _useStyle2[0],
     hashId = _useStyle2[1];
-  var _useState = (0, _react.useState)(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    fullLevelName = _useState2[0],
-    setFullLevelName = _useState2[1];
-  var _useState3 = (0, _react.useState)({}),
-    _useState4 = _slicedToArray(_useState3, 2),
-    fullLevelStyle = _useState4[0],
-    setFullLevelStyle = _useState4[1];
-  var renderTreeNode = function renderTreeNode(data, dataOptionName) {
-    var nodeProps = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-    return data.map(function (dataItem) {
-      var prevDataItem = _objectSpread({}, dataItem);
-      var item = Object.assign({}, (_objectDestructuringEmpty(prevDataItem), prevDataItem));
-      // 筛选与禁用字段内值相同的节点进行禁用
-      var resetByDisabledFields = function resetByDisabledFields(initItem) {
-        var oldItem = _objectSpread({}, initItem);
-        var nodeItem = Object.assign({}, (_objectDestructuringEmpty(oldItem), oldItem));
-        Object.keys(nodeItem).forEach(function (itemKeyName) {
-          var isMatch = disabledFields.find(function (fItem) {
-            return fItem.key === itemKeyName;
-          });
-          if (isMatch) {
-            var _isMatch$value$split;
-            // 确认是否匹配数据，进行设置 disabled
-            if ((_isMatch$value$split = isMatch.value.split(',')) !== null && _isMatch$value$split !== void 0 && _isMatch$value$split.includes(nodeItem[itemKeyName])) {
-              nodeItem.disabled = true;
-            } else if (nodeItem.hasOwnProperty(dataOptionName.disabled || 'disabled')) {
-              nodeItem.disabled = nodeItem[dataOptionName.disabled || 'disabled'];
-            }
-          }
-        });
-        return nodeItem;
-      };
-      if (disabledFields && Array.isArray(disabledFields)) {
-        item = resetByDisabledFields(item);
-      }
-      if (item[dataOptionName.children] && item[dataOptionName.children].length > 0) {
-        return /*#__PURE__*/_react.default.createElement(TreeNode, _extends({
-          title: item[dataOptionName.title],
-          key: item[dataOptionName.value],
-          value: item[dataOptionName.value],
-          selectable: item[(dataOptionName === null || dataOptionName === void 0 ? void 0 : dataOptionName.selectable) || 'selectable'],
-          checkable: item[(dataOptionName === null || dataOptionName === void 0 ? void 0 : dataOptionName.checkable) || 'checkable'],
-          disableCheckbox: item[(dataOptionName === null || dataOptionName === void 0 ? void 0 : dataOptionName.disableCheckbox) || 'disableCheckbox'],
-          disabled: item[(dataOptionName === null || dataOptionName === void 0 ? void 0 : dataOptionName.disabled) || 'disabled']
-        }, nodeProps), renderTreeNode(item[dataOptionName.children], dataOptionName));
-      }
-      return /*#__PURE__*/_react.default.createElement(TreeNode, _extends({
-        title: item[dataOptionName.title],
-        key: item[dataOptionName.value],
-        value: item[dataOptionName.value],
-        selectable: item[(dataOptionName === null || dataOptionName === void 0 ? void 0 : dataOptionName.selectable) || 'selectable'],
-        checkable: item[(dataOptionName === null || dataOptionName === void 0 ? void 0 : dataOptionName.checkable) || 'checkable'],
-        disableCheckbox: item[(dataOptionName === null || dataOptionName === void 0 ? void 0 : dataOptionName.disableCheckbox) || 'disableCheckbox'],
-        disabled: item[(dataOptionName === null || dataOptionName === void 0 ? void 0 : dataOptionName.disabled) || 'disabled']
-      }, nodeProps));
-    });
-  };
-  (0, _react.useEffect)(function () {
-    if (value) {
-      // 获取选中节点相关数据：包括当前完整数据值、当前父节点以上层层级节点数据集合及id集合
-      var nodeInfo = (0, _utils.getParentNodes)(treeData, labelInValue ? value.value : value, {
-        childrenParam: treeOptionName.children,
-        keyParam: treeOptionName.value
-      }, _objectSpread({}, otherProps));
-      setFullLevelName(renderParenName(nodeInfo));
-    } else {
-      // value，无值时
-      setFullLevelName(null);
-    }
-  }, [value, treeData, fieldStatus]);
-  var renderParenName = function renderParenName(selectNodeInfo) {
-    // 有父级节点，及当前模式是showFullLevel时，渲染名称为完整层级名称，否则为当前节点名称
-    var parentItems = selectNodeInfo.nodeParent;
-    if (parentItems.length > 0 && showFullLevel && !otherProps.showCheckedStrategy) {
-      // 当前查找到的父级节点拼合当前节点的标题字段值进行显示
-      return parentItems.reverse().map(function (item) {
-        return item[treeOptionName.title];
-      }).concat(selectNodeInfo.matchNode[0][treeOptionName.title]).join(separator);
-    }
-    if (Array.isArray(value)) {
-      return selectNodeInfo.matchNode.length > 0 ? selectNodeInfo.matchNode.map(function (item) {
-        return item[treeOptionName.title] || item[treeOptionName.value];
-      }).join(',') : null;
-    }
-    return selectNodeInfo.matchNode.length > 0 ? selectNodeInfo.matchNode[0][treeOptionName.title] : null;
-  };
-  var renderTreeSelectNode = function renderTreeSelectNode() {
-    return /*#__PURE__*/_react.default.createElement(_antd.TreeSelect, _extends({
-      placeholder: placeholder,
-      value: value,
-      ref: ref
-    }, otherProps, {
-      className: (0, _classnames.default)(componentName, hashId, otherProps === null || otherProps === void 0 ? void 0 : otherProps.className),
-      labelInValue: labelInValue,
-      title: otherProps.title || ((disabled || fieldStatus === 'disabled') && !otherProps.treeCheckable ? fullLevelName : null),
-      showCheckedStrategy: otherProps.showCheckedStrategy,
-      disabled: disabled,
-      onSelect: function onSelect(value, node, extra) {
-        var newNodeInfo = (0, _utils.getParentNodes)(treeData, value, {
-          childrenParam: treeOptionName.children,
-          keyParam: treeOptionName.value
-        });
-        setFullLevelName(renderParenName(newNodeInfo));
-        if (_onSelect) _onSelect(value, _objectSpread(_objectSpread({}, node), newNodeInfo.matchNode[0]), extra, newNodeInfo.nodeParent);
-      },
-      onOpenChange: function onOpenChange(open) {
-        var _otherProps$onOpenCha;
-        setFullLevelStyle({
-          opacity: open ? 0.3 : ''
-        });
-        // otherProps?.onDropdownVisibleChange?.(open)
-        otherProps === null || otherProps === void 0 || (_otherProps$onOpenCha = otherProps.onOpenChange) === null || _otherProps$onOpenCha === void 0 || _otherProps$onOpenCha.call(otherProps, open);
-      },
-      onSearch: function onSearch(value) {
-        var _otherProps$onSearch;
-        setFullLevelStyle({
-          opacity: value ? 0 : ''
-        });
-        otherProps === null || otherProps === void 0 || (_otherProps$onSearch = otherProps.onSearch) === null || _otherProps$onSearch === void 0 || _otherProps$onSearch.call(otherProps, value);
-      }
-    }), renderTreeNode(treeData, treeOptionName, protoTreeNode || {}));
+  // 重组数据
+  var transTreeData = (0, _react.useMemo)(function () {
+    var newTree = _lodash.default.cloneDeep(treeData || []);
+    return (0, _util.transDataParam)(newTree, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.fieldNames) || treeOptionName, {
+      separator: separator,
+      disabledFields: disabledFields
+    }); // 通过转换后的数据
+  }, [treeData, treeOptionName, otherProps.fieldNames, separator, disabledFields]);
+  // 设置名称字段值
+  var setLabelKeyName = function setLabelKeyName() {
+    var _otherProps$fieldName;
+    return showFullLevelKeyName || ((_otherProps$fieldName = otherProps.fieldNames) === null || _otherProps$fieldName === void 0 ? void 0 : _otherProps$fieldName.label) || treeOptionName.title || treeOptionName.label;
   };
-  var _useState5 = (0, _react.useState)(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    showAllPath = _useState6[0],
-    setShowAllPath = _useState6[1]; // 显示所有树选择路径
+  // 判断是否指定显示完整名称
+  var showFullLevelKeyName = (0, _react.useMemo)(function () {
+    return showFullLevel ? 'treeFullLevelName' : otherProps === null || otherProps === void 0 ? void 0 : otherProps.treeNodeLabelProp;
+  }, [showFullLevel, otherProps === null || otherProps === void 0 ? void 0 : otherProps.treeNodeLabelProp]);
+  var _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    showAllPath = _useState2[0],
+    setShowAllPath = _useState2[1]; // 显示所有树选择路径
   var renderTreeSelectNodePath = function renderTreeSelectNodePath() {
     //获取节点路径
-    var pathNodes = (0, _utils.getNodePaths)(treeData, value, {
+    var pathNodes = (0, _utils.getNodePaths)(transTreeData, value, {
       childrenParam: treeOptionName.children,
       keyParam: treeOptionName.value
     }, _objectSpread({}, otherProps));
@@ -199,16 +94,16 @@ var RefactorTreeSelect = /*#__PURE__*/_react.default.forwardRef(function (props,
     };
     if (pathNodes.length > 0) {
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-        className: "tree-select-viewonly-list ".concat(hashId, " ").concat(showAllPath ? 'collapsed' : '')
+        className: "tree-select-viewonly-list ".concat(showAllPath ? 'collapsed' : '')
       }, pathNodes.map(function (item, index) {
         if (item.length > 0) {
           // 超过2个且不显示所有
-          if (index > 1 && !showAllPath) return;
+          if (index > 1 && !showAllPath) return '';
           return /*#__PURE__*/_react.default.createElement("div", {
             className: 'tree-select-viewonly-item',
             key: index
           }, /*#__PURE__*/_react.default.createElement("b", null, "\xB7 "), item.map(function (i) {
-            return i[treeOptionName.title];
+            return i[setLabelKeyName()];
           }).join(separator));
         }
       }), pathNodes.length > 2 ? /*#__PURE__*/_react.default.createElement("div", {
@@ -220,34 +115,65 @@ var RefactorTreeSelect = /*#__PURE__*/_react.default.forwardRef(function (props,
     }
   };
   if (fieldStatus === 'viewOnly') {
-    //多选下拉框 详情展示 showCheckedStrategy 有值且显示完整路径时
-    if (otherProps.showCheckedStrategy && showFullLevel) {
-      return renderTreeSelectNodePath();
-    }
-    // 多选状态
-    if (otherProps.multiple) {
-      if (labelInValue) {
-        return value && value.length > 0 ? value.map(function (item) {
-          return item[treeOptionName.title] || item['title'] || item['label'];
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _classnames.default)(componentName, hashId, otherProps === null || otherProps === void 0 ? void 0 : otherProps.className, componentName + '-viewOnly')
+    }, function (_nodeInfo$matchNode$) {
+      //多选下拉框 详情展示 showCheckedStrategy 有值且显示完整路径时
+      if (otherProps.showCheckedStrategy && showFullLevelKeyName) {
+        return renderTreeSelectNodePath();
+      }
+      // 多选状态
+      if (otherProps.multiple) {
+        if (labelInValue) {
+          return value && value.length > 0 ? value.map(function (item) {
+            return item[setLabelKeyName()] || item['title'] || item['label'];
+          }).join(',') : '-';
+        }
+        var pathNodes = (0, _utils.getNodePaths)(transTreeData, value, {
+          childrenParam: treeOptionName.children,
+          keyParam: treeOptionName.value
+        }, _objectSpread({}, otherProps));
+        return pathNodes.length > 0 ? pathNodes.map(function (nItem) {
+          var _nItem;
+          return (_nItem = nItem[nItem.length - 1]) === null || _nItem === void 0 ? void 0 : _nItem[setLabelKeyName()];
         }).join(',') : '-';
       }
-      var pathNodes = (0, _utils.getNodePaths)(treeData, value, {
+      var nodeInfo = (0, _utils.getParentNodes)(transTreeData, labelInValue ? value.value : value, {
         childrenParam: treeOptionName.children,
         keyParam: treeOptionName.value
       }, _objectSpread({}, otherProps));
-      return pathNodes.length > 0 ? pathNodes.map(function (nItem) {
-        var _nItem;
-        return (_nItem = nItem[nItem.length - 1]) === null || _nItem === void 0 ? void 0 : _nItem[treeOptionName.title];
-      }).join(',') : '-';
-    }
-    return fullLevelName || '-'; // 只读显示时，只返回文本
+      return (nodeInfo === null || nodeInfo === void 0 || (_nodeInfo$matchNode$ = nodeInfo.matchNode[0]) === null || _nodeInfo$matchNode$ === void 0 ? void 0 : _nodeInfo$matchNode$[setLabelKeyName()]) || '-'; // 只读显示时，只返回文本
+    }());
   }
-  return wrapSSR( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, showFullLevel && !otherProps.showCheckedStrategy ? /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(componentName, " ").concat(hashId, " ").concat(disabled ? 'refactor-disabled' : '').concat(otherProps.size === 'small' ? ' refactor-tree-select-sm' : ''),
-    title: fullLevelName || ''
-  }, renderTreeSelectNode(), /*#__PURE__*/_react.default.createElement("span", {
-    className: "refactor-tree-select-extra",
-    style: fullLevelStyle
-  }, fullLevelName)) : renderTreeSelectNode()));
+  return wrapSSR( /*#__PURE__*/_react.default.createElement(_antd.TreeSelect, _extends({
+    placeholder: placeholder,
+    value: value,
+    ref: ref
+  }, otherProps, {
+    treeNodeLabelProp: showFullLevel ? 'treeFullLevelName' : otherProps === null || otherProps === void 0 ? void 0 : otherProps.treeNodeLabelProp,
+    className: (0, _classnames.default)(componentName, hashId, otherProps === null || otherProps === void 0 ? void 0 : otherProps.className),
+    labelInValue: labelInValue,
+    showCheckedStrategy: otherProps.showCheckedStrategy,
+    disabled: disabled,
+    onSelect: function onSelect(value, node, extra) {
+      var newNodeInfo = (0, _utils.getParentNodes)(transTreeData, value, {
+        childrenParam: treeOptionName.children,
+        keyParam: treeOptionName.value
+      });
+      if (_onSelect) _onSelect(value, _objectSpread(_objectSpread({}, node), newNodeInfo.matchNode[0]), extra, newNodeInfo.nodeParent);
+    },
+    onOpenChange: function onOpenChange(open) {
+      var _otherProps$onOpenCha;
+      otherProps === null || otherProps === void 0 || (_otherProps$onOpenCha = otherProps.onOpenChange) === null || _otherProps$onOpenCha === void 0 || _otherProps$onOpenCha.call(otherProps, open);
+    },
+    onSearch: function onSearch(value) {
+      var _otherProps$onSearch;
+      otherProps === null || otherProps === void 0 || (_otherProps$onSearch = otherProps.onSearch) === null || _otherProps$onSearch === void 0 || _otherProps$onSearch.call(otherProps, value);
+    },
+    treeData: transTreeData,
+    fieldNames: _objectSpread(_objectSpread({}, treeOptionName), {}, {
+      label: (treeOptionName === null || treeOptionName === void 0 ? void 0 : treeOptionName.title) || (treeOptionName === null || treeOptionName === void 0 ? void 0 : treeOptionName.label)
+    }, (otherProps === null || otherProps === void 0 ? void 0 : otherProps.fieldNames) || {})
+  })));
 });
 var _default = exports.default = RefactorTreeSelect;

package/lib/FormComp/FieldComponent/style/TreeSelect.js

@@ -18,7 +18,7 @@ var RefactorTreeSelectStyleFunc = function RefactorTreeSelectStyleFunc(prefix) {
   };
   return (0, _genStyleHook.createStyleHook)(prefix, function (token) {
     var prefixCls = ".".concat(prefix);
-    return [_defineProperty(_defineProperty({}, prefixCls, {
+    return [_defineProperty({}, prefixCls, _defineProperty({
       '&.refactor-disabled .refactor-tree-select-extra ': {
         color: token.colorTextDisabled,
         background: token.colorBgContainerDisabled
@@ -28,13 +28,15 @@ var RefactorTreeSelectStyleFunc = function RefactorTreeSelectStyleFunc(prefix) {
         height: token.controlHeight,
         padding: "1px 22px 1px ".concat(token.paddingXS + 3, "px")
       }
-    }), '.tree-select-viewonly-list', {
-      border: "1px solid ".concat(new _tinycolor.TinyColor(token.colorSplit).setAlpha(0.6).toRgbString()),
-      borderRadius: token.borderRadisuSM,
+    }, '.tree-select-viewonly-list', {
+      border: "1px solid ".concat(token.colorBorder),
+      borderRadius: token.borderRadius,
       padding: "".concat(token.paddingXS, "px ").concat(token.paddingSM, "px"),
       '& .toggle-icon': {
         fontSize: token.fontSizeSM,
         color: token.colorTextSecondary,
+        borderBottomLeftRadius: token.borderRadius,
+        borderBottomRightRadius: token.borderRadius,
         // backgroundImage: `-webkit-gradient(linear, left top, left bottom, from(fade(@component-background, 0)), to(@component-background))`,
         // backgroundImage: `-webkit-linear-gradient(top, fade(@component-background, 0), @component-background)`,
         backgroundImage: "linear-gradient(-180deg, ".concat(new _tinycolor.TinyColor(token.colorBgContainer).setAlpha(0.).toRgbString(), ", ").concat(token.colorBgContainer, ")"),
@@ -42,7 +44,7 @@ var RefactorTreeSelectStyleFunc = function RefactorTreeSelectStyleFunc(prefix) {
           color: token.colorPrimary
         }
       }
-    })];
+    }))];
   }, prepareComponentToken // 当前组件扩展的变量
   );
 };

package/lib/RefactorTree/index.js

@@ -15,7 +15,7 @@ var _useLanguage = require("../hooks/use-language");
 var _style = _interopRequireDefault(require("./style"));
 var _ConfigContext = require("../ConfigContext");
 var _classnames = _interopRequireDefault(require("classnames"));
-var _excluded = ["treeData", "rootName", "rootKey", "emptyDescription", "optionName", "searchOptionName", "defaultSelectedKeys", "nodeExtra", "selectable", "nodeControl", "limitKey", "checkedKeys", "checkStrictly", "onSelect", "onCheck", "titleRender", "disabledFields", "showSearch", "searchText", "searchConfig", "searchTrigger", "searchAuto", "children", "footer", "wrapperStyle", "wrapperClassname"];
+var _excluded = ["treeData", "rootName", "rootKey", "emptyDescription", "optionName", "searchOptionName", "defaultSelectedKeys", "nodeExtra", "selectable", "nodeControl", "limitKey", "checkedKeys", "checkStrictly", "onSelect", "onCheck", "titleRender", "disabledFields", "showSearch", "searchText", "searchConfig", "searchTrigger", "searchAuto", "searchExtra", "children", "footer", "wrapperStyle", "wrapperClassname", "fullHeight"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -78,10 +78,12 @@ var RefactorTree = function RefactorTree(props) {
     searchTrigger = _ConcatTreeProps$sear === void 0 ? 'search' : _ConcatTreeProps$sear,
     _ConcatTreeProps$sear2 = ConcatTreeProps.searchAuto,
     searchAuto = _ConcatTreeProps$sear2 === void 0 ? true : _ConcatTreeProps$sear2,
+    searchExtra = ConcatTreeProps.searchExtra,
     children = ConcatTreeProps.children,
     footer = ConcatTreeProps.footer,
     wrapperStyle = ConcatTreeProps.wrapperStyle,
     wrapperClassname = ConcatTreeProps.wrapperClassname,
+    fullHeight = ConcatTreeProps.fullHeight,
     otherProps = _objectWithoutProperties(ConcatTreeProps, _excluded);
   // const { title, value, children, disabled } = { value: 'value', title: 'title', children: 'children', disabled: 'disabled', ...optionName }
   var _useState = (0, _react.useState)(''),
@@ -97,7 +99,7 @@ var RefactorTree = function RefactorTree(props) {
     var afterTransData = (0, _util.transDataParam)(treeData, optionName); // 通过转换后的数据
     var resultData;
     // 如果有配置根节点,则添加 一个根节点数据
-    resultData = rootName ? [_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, optionName.title || 'title', rootName), optionName.value || 'value', rootKey || '0'), optionName.key || 'key', rootKey || '0'), 'children', afterTransData)] : afterTransData;
+    resultData = rootName ? [_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, optionName.title || 'title', rootName), optionName.value || 'value', rootKey || '0'), optionName.key || 'key', rootKey || '0'), optionName.key || 'children', afterTransData)] : afterTransData;
     // 有配置limitKey指定限制同级节点时，添加判断节点选择限制(在父子节点不相关联条件下使用checkStrictly=true)
     if (checkStrictly && limitKey && checkedKeys) {
       if (Array.isArray(checkedKeys) && checkedKeys.length > 0 || checkedKeys && Array.isArray(checkedKeys.checked) && checkedKeys.checked.length > 0) {
@@ -235,18 +237,21 @@ var RefactorTree = function RefactorTree(props) {
     }
   };
   return wrapSSR( /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(componentName, wrapperClassname),
+    className: (0, _classnames.default)(componentName, wrapperClassname, fullHeight ? 'spec-standard-refactor-tree-fullheight' : '', hashId),
     style: wrapperStyle
-  }, children, showSearch && /*#__PURE__*/_react.default.createElement(Search, _extends({
-    style: {
-      marginBottom: 8
-    },
+  }, children, showSearch && /*#__PURE__*/_react.default.createElement("div", {
+    className: 'spec-standard-refactor-tree-searchbar'
+  }, /*#__PURE__*/_react.default.createElement(Search, _extends({
     allowClear: true,
     enterButton: searchTrigger === "search" ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_icons.SearchOutlined, null), " ", searchText || (lang === null || lang === void 0 ? void 0 : lang['filter.submit']) || '查询') : false,
     placeholder: (lang === null || lang === void 0 ? void 0 : lang['field.input.placeholder']) || '请输入'
   }, searchConfig, {
     onSearch: onRefactorSearch,
     onChange: onRefactorChange
-  })), RenderTree(), footer));
+  })), searchExtra && /*#__PURE__*/_react.default.createElement("div", {
+    className: 'spec-standard-refactor-tree-search-extra'
+  }, searchExtra)), RenderTree(), footer && /*#__PURE__*/_react.default.createElement("div", {
+    className: 'spec-standard-refactor-tree-footer'
+  }, footer)));
 };
 var _default = exports.default = RefactorTree;

package/lib/RefactorTree/style/index.js

@@ -5,7 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _genStyleHook = require("../../theme/utils/genStyleHook");
+var _index = require("../../theme/index");
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
@@ -17,7 +20,32 @@ var RefactorTreeStyleFunc = function RefactorTreeStyleFunc(prefix) {
   };
   return (0, _genStyleHook.createStyleHook)(prefix, function (token) {
     var prefixCls = ".".concat(prefix);
-    return [_defineProperty({}, prefixCls, {})];
+    return [_defineProperty({}, prefixCls, {
+      '&.spec-standard-refactor-tree-fullheight': {
+        height: '100%',
+        display: 'flex',
+        flexDirection: 'column',
+        overflow: 'hidden',
+        '.ant-tree': _objectSpread({
+          flex: 1,
+          height: '100%',
+          overflow: 'auto',
+          padding: '0'
+        }, (0, _index.scrollBar)(token))
+      },
+      '.spec-standard-refactor-tree-searchbar': {
+        // backgroundColor: '#f0f'
+        marginBottom: "".concat(token.margin, "px"),
+        display: 'flex',
+        alignItems: 'center',
+        '.ant-input-search': {
+          flex: 1
+        }
+      },
+      '.ant-tree + .spec-standard-refactor-tree-footer': {
+        marginTop: "".concat(token.margin, "px")
+      }
+    })];
   }, prepareComponentToken // 当前组件扩展的变量
   );
 };

package/lib/RefactorTree/util.d.ts

@@ -5,15 +5,16 @@ interface optionNameProps {
     children?: string;
     disabled?: string;
     selectable?: string;
+    label?: string;
 }
 /**
  * transDataParam 根据指定选项字段名重组数据
  *
  * @params {array} array 树数据集合
- * @params {object} optionName 选项字段值
+ * @params {object} optionName 选项字段值(tree-select的标题使用的是label字段）
  *
  * */
-export declare function transDataParam(array: any[], optionName?: optionNameProps): any[] | null;
+export declare function transDataParam(array: any[], optionName?: optionNameProps, extra?: any): any[];
 /**
  * 根据限制字段limitKey进行重组数据
  *