fan-standard-comp 4.1.21 → 4.1.23

package/es/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/es/FormComp/FieldComponent/RefactorTreeSelect.js

@@ -1,7 +1,6 @@
 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); }
 var _excluded = ["treeData", "value", "showFullLevel", "separator", "disabled", "disabledFields", "fieldStatus", "treeOptionName", "placeholder", "protoTreeNode", "onSelect", "labelInValue"];
 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; }
@@ -15,15 +14,16 @@ 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; }
-import React, { useRef, useState, useEffect } from "react";
+import React, { useState, useMemo } from "react";
 import { TreeSelect } from "antd";
 import "./style/index.less";
 import { getParentNodes, getNodePaths } from "../../utils";
 import { UpOutlined, DownOutlined } from "@ant-design/icons";
 import useStyle from "./style/TreeSelect";
 import classNames from 'classnames';
+import { transDataParam } from "../../RefactorTree/util";
 import { useLanguageObject } from "../../hooks/use-language";
-var TreeNode = TreeSelect.TreeNode;
+import _ from 'lodash';
 var RefactorTreeSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$treeData = props.treeData,
     treeData = _props$treeData === void 0 ? [] : _props$treeData,
@@ -37,6 +37,7 @@ var RefactorTreeSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
     _props$treeOptionName = props.treeOptionName,
     treeOptionName = _props$treeOptionName === void 0 ? {
       title: 'title',
+      label: 'label',
       value: 'value',
       children: 'children',
       disabled: 'disabled'
@@ -52,136 +53,30 @@ var RefactorTreeSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
     _useStyle2 = _slicedToArray(_useStyle, 2),
     wrapSSR = _useStyle2[0],
     hashId = _useStyle2[1];
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    fullLevelName = _useState2[0],
-    setFullLevelName = _useState2[1];
-  var _useState3 = 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.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.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));
-    });
-  };
-  useEffect(function () {
-    if (value) {
-      // 获取选中节点相关数据：包括当前完整数据值、当前父节点以上层层级节点数据集合及id集合
-      var nodeInfo = 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.createElement(TreeSelect, _extends({
-      placeholder: placeholder,
-      value: value,
-      ref: ref
-    }, otherProps, {
-      className: classNames(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 = 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 = useMemo(function () {
+    var newTree = _.cloneDeep(treeData || []);
+    return 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 = useState(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    showAllPath = _useState6[0],
-    setShowAllPath = _useState6[1]; // 显示所有树选择路径
+  // 判断是否指定显示完整名称
+  var showFullLevelKeyName = 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 = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    showAllPath = _useState2[0],
+    setShowAllPath = _useState2[1]; // 显示所有树选择路径
   var renderTreeSelectNodePath = function renderTreeSelectNodePath() {
     //获取节点路径
-    var pathNodes = getNodePaths(treeData, value, {
+    var pathNodes = getNodePaths(transTreeData, value, {
       childrenParam: treeOptionName.children,
       keyParam: treeOptionName.value
     }, _objectSpread({}, otherProps));
@@ -190,16 +85,16 @@ var RefactorTreeSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
     };
     if (pathNodes.length > 0) {
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.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.createElement("div", {
             className: 'tree-select-viewonly-item',
             key: index
           }, /*#__PURE__*/React.createElement("b", null, "\xB7 "), item.map(function (i) {
-            return i[treeOptionName.title];
+            return i[setLabelKeyName()];
           }).join(separator));
         }
       }), pathNodes.length > 2 ? /*#__PURE__*/React.createElement("div", {
@@ -211,34 +106,65 @@ var RefactorTreeSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }
   };
   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.createElement("div", {
+      className: classNames(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 = 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 = getNodePaths(treeData, value, {
+      var nodeInfo = 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.createElement(React.Fragment, null, showFullLevel && !otherProps.showCheckedStrategy ? /*#__PURE__*/React.createElement("div", {
-    className: "".concat(componentName, " ").concat(hashId, " ").concat(disabled ? 'refactor-disabled' : '').concat(otherProps.size === 'small' ? ' refactor-tree-select-sm' : ''),
-    title: fullLevelName || ''
-  }, renderTreeSelectNode(), /*#__PURE__*/React.createElement("span", {
-    className: "refactor-tree-select-extra",
-    style: fullLevelStyle
-  }, fullLevelName)) : renderTreeSelectNode()));
+  return wrapSSR( /*#__PURE__*/React.createElement(TreeSelect, _extends({
+    placeholder: placeholder,
+    value: value,
+    ref: ref
+  }, otherProps, {
+    treeNodeLabelProp: showFullLevel ? 'treeFullLevelName' : otherProps === null || otherProps === void 0 ? void 0 : otherProps.treeNodeLabelProp,
+    className: classNames(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 = 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) || {})
+  })));
 });
 export default RefactorTreeSelect;

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

@@ -12,7 +12,7 @@ var RefactorTreeSelectStyleFunc = function RefactorTreeSelectStyleFunc(prefix) {
   };
   return 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
@@ -22,13 +22,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(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(token.colorBgContainer).setAlpha(0.).toRgbString(), ", ").concat(token.colorBgContainer, ")"),
@@ -36,7 +38,7 @@ var RefactorTreeSelectStyleFunc = function RefactorTreeSelectStyleFunc(prefix) {
           color: token.colorPrimary
         }
       }
-    })];
+    }))];
   }, prepareComponentToken // 当前组件扩展的变量
   );
 };

package/es/RefactorTree/index.js

@@ -1,5 +1,5 @@
 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); }
-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 _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 _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; }
@@ -71,10 +71,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 = useState(''),
@@ -90,7 +92,7 @@ var RefactorTree = function RefactorTree(props) {
     var afterTransData = 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) {
@@ -228,18 +230,21 @@ var RefactorTree = function RefactorTree(props) {
     }
   };
   return wrapSSR( /*#__PURE__*/React.createElement("div", {
-    className: classNames(componentName, wrapperClassname),
+    className: classNames(componentName, wrapperClassname, fullHeight ? 'spec-standard-refactor-tree-fullheight' : '', hashId),
     style: wrapperStyle
-  }, children, showSearch && /*#__PURE__*/React.createElement(Search, _extends({
-    style: {
-      marginBottom: 8
-    },
+  }, children, showSearch && /*#__PURE__*/React.createElement("div", {
+    className: 'spec-standard-refactor-tree-searchbar'
+  }, /*#__PURE__*/React.createElement(Search, _extends({
     allowClear: true,
     enterButton: searchTrigger === "search" ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(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.createElement("div", {
+    className: 'spec-standard-refactor-tree-search-extra'
+  }, searchExtra)), RenderTree(), footer && /*#__PURE__*/React.createElement("div", {
+    className: 'spec-standard-refactor-tree-footer'
+  }, footer)));
 };
 export default RefactorTree;

package/es/RefactorTree/style/index.js

@@ -1,8 +1,11 @@
 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); }
 import { createStyleHook } from "../../theme/utils/genStyleHook";
+import { scrollBar } from "../../theme/index";
 var RefactorTreeStyleFunc = function RefactorTreeStyleFunc(prefix) {
   var prepareComponentToken = function prepareComponentToken(token) {
     return {
@@ -11,7 +14,32 @@ var RefactorTreeStyleFunc = function RefactorTreeStyleFunc(prefix) {
   };
   return 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'
+        }, 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/es/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进行重组数据
  *

package/es/RefactorTree/util.js

@@ -13,12 +13,12 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 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); }
 /* eslint-disable */
 // import * as React from 'react';
-
+import { getNodePaths, getParentNodes } from "../utils/getParentNodes";
 /**
  * transDataParam 根据指定选项字段名重组数据
  *
  * @params {array} array 树数据集合
- * @params {object} optionName 选项字段值
+ * @params {object} optionName 选项字段值(tree-select的标题使用的是label字段）
  *
  * */
 export function transDataParam(array) {
@@ -26,25 +26,67 @@ export function transDataParam(array) {
     key: 'key',
     value: 'key',
     title: 'title',
+    label: 'label',
     children: 'children',
     disabled: 'disabled',
     selectable: 'selectable'
   };
+  var extra = arguments.length > 2 ? arguments[2] : undefined;
   var trans = function trans(list) {
-    if (!list) return null;
+    if (!list) return [];
     return list.map(function (item) {
       if (item.hasOwnProperty(optionName.disabled || 'disabled')) {
-        item.disabled = item[optionName.disabled || 'disabled'];
+        item[optionName.disabled || 'disabled'] = item[optionName.disabled || 'disabled'];
       }
       if (item.hasOwnProperty(optionName.selectable || 'selectable')) {
-        item.selectable = item[optionName.selectable || 'selectable'];
+        item[optionName.selectable || 'selectable'] = item[optionName.selectable || 'selectable'];
       }
       if (item.hasOwnProperty(optionName.children || 'children')) {
-        item.children = item[optionName.children || 'children'] ? trans(item[optionName.children || 'children']) : [];
+        // item.children = item[optionName.children || 'children'] ? trans(item[optionName.children || 'children']) : []
+        item[optionName.children || 'children'] = item[optionName.children || 'children'] ? trans(item[optionName.children || 'children']) : [];
+      }
+      var newNodeInfo = getParentNodes(array, item[optionName.value || optionName.key || 'key'], {
+        childrenParam: (optionName === null || optionName === void 0 ? void 0 : optionName.children) || 'children',
+        keyParam: optionName.value || optionName.key || 'key'
+      });
+      var pathNodes = getNodePaths(array, item[optionName.value || optionName.key || 'key'], {
+        childrenParam: (optionName === null || optionName === void 0 ? void 0 : optionName.children) || 'children',
+        keyParam: optionName.value || optionName.key || 'key'
+      }, {});
+
+      /// disabledFields:指定禁用节点
+      var resetByDisabledFields = function resetByDisabledFields(initItem) {
+        var oldItem = _objectSpread({}, initItem);
+        var nodeItem = Object.assign({}, (_objectDestructuringEmpty(oldItem), oldItem));
+        Object.keys(nodeItem).forEach(function (itemKeyName) {
+          var isMatch = extra.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[optionName.disabled || 'disabled'] = true;
+            } else if (nodeItem.hasOwnProperty(optionName.disabled || 'disabled')) {
+              nodeItem[optionName.disabled || 'disabled'] = nodeItem[optionName.disabled || 'disabled'];
+            }
+          }
+        });
+        return nodeItem;
+      };
+      if (extra !== null && extra !== void 0 && extra.disabledFields && Array.isArray(extra === null || extra === void 0 ? void 0 : extra.disabledFields)) {
+        item = resetByDisabledFields(item);
       }
       return _objectSpread(_objectSpread({}, item), {}, {
         key: item[optionName.value || optionName.key || 'key'],
-        title: item[optionName.title || 'title']
+        title: item[optionName.title || optionName.label || 'label' || 'title'],
+        label: item[optionName.title || optionName.label || 'label' || 'title'],
+        treeFullLevelNamePath: pathNodes,
+        treeFullLevelName: pathNodes.map(function (item) {
+          return item[optionName.title || optionName.label || 'label' || 'title'];
+        }).join((extra === null || extra === void 0 ? void 0 : extra.separator) || '/'),
+        treeParentKeys: newNodeInfo.parentKeys.reverse(),
+        treeParentNodes: newNodeInfo.nodeParent.reverse()
         // children: trans(item[treeOptionName.children || 'children']),
         // disabled: item[treeOptionName.disabled || 'disabled'],
         // selectable: item[treeOptionName.selectable || 'selectable'],
@@ -146,9 +188,9 @@ export function resetDataWithDisabled(list, optionName, disabledFields) {
           return fItem.key === itemKeyName;
         });
         if (isMatch) {
-          var _isMatch$value$split;
+          var _isMatch$value$split2;
           // 确认是否匹配数据，进行设置 disabled
-          if ((_isMatch$value$split = isMatch.value.split(',')) !== null && _isMatch$value$split !== void 0 && _isMatch$value$split.includes(item[itemKeyName])) {
+          if ((_isMatch$value$split2 = isMatch.value.split(',')) !== null && _isMatch$value$split2 !== void 0 && _isMatch$value$split2.includes(item[itemKeyName])) {
             item.disabled = true;
           } else if (item.hasOwnProperty(optionName.disabled || 'disabled')) {
             item.disabled = item[optionName.disabled || 'disabled'];

package/es/StandardContent/SideCard.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { titleContentType } from '../StandardTitle';
+export interface SideCardType {
+    children?: React.ReactNode;
+    footer?: React.ReactNode;
+    title?: titleContentType;
+    tabs?: any;
+    style?: any;
+    className?: string;
+    titleMark?: 'ring' | 'bar';
+    titleExtra?: React.ReactNode;
+    [k: string]: any;
+}
+declare const SideCard: React.ForwardRefExoticComponent<Omit<SideCardType, "ref"> & React.RefAttributes<unknown>>;
+export default SideCard;