fan-standard-comp 3.2.11 → 3.2.13

package/lib/FormComp/FieldComponent/RefactorTreeSelect.js

@@ -5,36 +5,26 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-require("antd/es/popover/style");
-var _popover = _interopRequireDefault(require("antd/es/popover"));
-require("antd/es/tag/style");
-var _tag = _interopRequireDefault(require("antd/es/tag"));
 require("antd/es/tree-select/style");
 var _treeSelect = _interopRequireDefault(require("antd/es/tree-select"));
+var _tslib = require("tslib");
 var _react = _interopRequireWildcard(require("react"));
 require("./style/index.less");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _lodash = _interopRequireDefault(require("lodash"));
 var _utils = require("../../utils");
 var _icons = require("@ant-design/icons");
-var _excluded = ["treeData", "value", "showFullLevel", "separator", "disabled", "disabledFields", "fieldStatus", "treeOptionName", "placeholder", "protoTreeNode", "onSelect", "labelInValue"];
+var _util = require("../../RefactorTree/util");
+var _useLanguage = require("../../hooks/use-language");
 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 && {}.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 _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _objectDestructuringEmpty(t) { if (null == t) throw new TypeError("Cannot destructure " + t); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-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(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : 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); }
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
-var TreeNode = _treeSelect.default.TreeNode;
 var RefactorTreeSelect = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$treeData = props.treeData,
     treeData = _props$treeData === void 0 ? [] : _props$treeData,
@@ -48,6 +38,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'
@@ -56,239 +47,124 @@ var RefactorTreeSelect = /*#__PURE__*/_react.default.forwardRef(function (props,
     protoTreeNode = props.protoTreeNode,
     _onSelect = props.onSelect,
     labelInValue = props.labelInValue,
-    otherProps = _objectWithoutProperties(props, _excluded);
-  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];
-  /*
-  // 下拉浮层显示"全选"功能（未完善）
-   const [indeterminate, setIndeterminate] = useState(false)
-   const [checkAll, setCheckAll] = useState(false)
-   const onCheckAllChange = (e) => {
-     // setCheckedList(e.target.checked ? plainOptions : []);
-     setIndeterminate(false);
-     setCheckAll(e.target.checked);
-     // 全选
-     if (e.target.checked) {
-       console.log(convertToArray(treeData))
-       // 还需要按showCheckedStrategy判断选择的节点数量
-       otherProps?.onChange(convertToArray(treeData).map(item=> item[treeOptionName.value]))
-     } else {
-       otherProps?.onChange([])
-     }
-   }*/
-
-  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 = _extends({}, (_objectDestructuringEmpty(prevDataItem), prevDataItem));
-      // 筛选与禁用字段内值相同的节点进行禁用
-      var resetByDisabledFields = function resetByDisabledFields(initItem) {
-        var oldItem = _objectSpread({}, initItem);
-        var nodeItem = _extends({}, (_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 ? 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));
-    });
+    otherProps = (0, _tslib.__rest)(props, ["treeData", "value", "showFullLevel", "separator", "disabled", "disabledFields", "fieldStatus", "treeOptionName", "placeholder", "protoTreeNode", "onSelect", "labelInValue"]);
+  var lang = (0, _useLanguage.useLanguageObject)(); // 当前使用的语言包
+  var componentName = 'refactor-tree-select';
+  // 重组数据
+  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 _a;
+    return showFullLevelKeyName || ((_a = otherProps.fieldNames) === null || _a === void 0 ? void 0 : _a.label) || treeOptionName.title || treeOptionName.label;
   };
-  (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() {
-    // 限制显示多个tag
-    if (otherProps.treeCheckable && otherProps.maxTagCount) {
-      // 未自行配置`maxTagPlaceholder`时，使用当前结构，点击"+xxx"后，浮层将显示对应的标签
-      if (!otherProps.hasOwnProperty('maxTagPlaceholder')) {
-        otherProps.maxTagPlaceholder = function (omittedValues) {
-          return /*#__PURE__*/_react.default.createElement(_popover.default, {
-            zIndex: 10000,
-            content: /*#__PURE__*/_react.default.createElement("div", {
-              style: {
-                maxWidth: '350px'
-              }
-            }, omittedValues.map(function (item) {
-              return /*#__PURE__*/_react.default.createElement(_tag.default, {
-                key: item.value
-              }, item.label);
-            }))
-          }, "+", omittedValues.length);
-        };
-      }
-    }
-    return /*#__PURE__*/_react.default.createElement(_treeSelect.default, _extends({
-      placeholder: placeholder,
-      value: value,
-      ref: ref
-    }, otherProps, {
-      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);
-      },
-      onDropdownVisibleChange: function onDropdownVisibleChange(open) {
-        var _otherProps$onDropdow;
-        setFullLevelStyle({
-          opacity: open ? 0.3 : ''
-        });
-        otherProps === null || otherProps === void 0 ? void 0 : (_otherProps$onDropdow = otherProps.onDropdownVisibleChange) === null || _otherProps$onDropdow === void 0 ? void 0 : _otherProps$onDropdow.call(otherProps, open);
-      },
-      onSearch: function onSearch(value) {
-        var _otherProps$onSearch;
-        setFullLevelStyle({
-          opacity: value ? 0 : ''
-        });
-        otherProps === null || otherProps === void 0 ? void 0 : (_otherProps$onSearch = otherProps.onSearch) === null || _otherProps$onSearch === void 0 ? void 0 : _otherProps$onSearch.call(otherProps, value);
-      }
-      // 下拉浮层中显示"全选"按钮
-      // dropdownRender={(originNode) => {
-      //   return otherProps?.dropdownRender ? otherProps?.dropdownRender(originNode, <div>
-      //     <div>
-      //       <Checkbox indeterminate={indeterminate} onChange={onCheckAllChange} checked={checkAll}>
-      //       全选
-      //     </Checkbox> <span>已选{value?.length}</span></div>
-      //   </div>) : originNode
-      // }}
-    }), _renderTreeNode(treeData, treeOptionName, protoTreeNode || {}));
-  };
-  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));
+    }, Object.assign({}, otherProps));
     var togglePath = function togglePath() {
       setShowAllPath(!showAllPath);
     };
     if (pathNodes.length > 0) {
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
         className: "tree-select-viewonly-list ".concat(showAllPath ? 'collapsed' : '')
-      }, pathNodes.map(function (item, index) {
+      },
+      // @ts-ignore
+      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", {
+      }), pathNodes.length > 2 ? (/*#__PURE__*/_react.default.createElement("div", {
         className: "toggle-icon",
         onClick: togglePath
-      }, !showAllPath ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "\u5C55\u5F00 ", /*#__PURE__*/_react.default.createElement(_icons.DownOutlined, null)) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "\u6536\u8D77 ", /*#__PURE__*/_react.default.createElement(_icons.UpOutlined, null))) : null));
+      }, !showAllPath ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (lang === null || lang === void 0 ? void 0 : lang['field.expand']) || '展开', " ", /*#__PURE__*/_react.default.createElement(_icons.DownOutlined, null)) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (lang === null || lang === void 0 ? void 0 : lang['field.collapse']) || '收起', " ", /*#__PURE__*/_react.default.createElement(_icons.UpOutlined, null)))) : null));
     } else {
       return '-';
     }
   };
   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, otherProps === null || otherProps === void 0 ? void 0 : otherProps.className, componentName + '-viewOnly')
+    }, function () {
+      var _a;
+      //多选下拉框 详情展示 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
+        }, Object.assign({}, otherProps));
+        return pathNodes.length > 0 ? pathNodes.map(function (nItem) {
+          var _a;
+          return (_a = nItem[nItem.length - 1]) === null || _a === void 0 ? void 0 : _a[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 || '-'; // 只读显示时，只返回文本
+      }, Object.assign({}, otherProps));
+      return ((_a = nodeInfo === null || nodeInfo === void 0 ? void 0 : nodeInfo.matchNode[0]) === null || _a === void 0 ? void 0 : _a[setLabelKeyName()]) || '-'; // 只读显示时，只返回文本
+    }());
   }
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, showFullLevel && !otherProps.showCheckedStrategy ? /*#__PURE__*/_react.default.createElement("div", {
-    className: "refactor-tree-select ".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 /*#__PURE__*/_react.default.createElement(_treeSelect.default, Object.assign({
+    placeholder: placeholder,
+    value: value,
+    ref: ref
+  }, otherProps, {
+    treeNodeLabelProp: showFullLevel ? 'treeFullLevelName' : otherProps === null || otherProps === void 0 ? void 0 : otherProps.treeNodeLabelProp,
+    className: (0, _classnames.default)(componentName, 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, Object.assign(Object.assign({}, node), newNodeInfo.matchNode[0]), extra, newNodeInfo.nodeParent);
+    },
+    onDropdownVisibleChange: function onDropdownVisibleChange(open) {
+      var _a;
+      (_a = otherProps === null || otherProps === void 0 ? void 0 : otherProps.onDropdownVisibleChange) === null || _a === void 0 ? void 0 : _a.call(otherProps, open);
+    },
+    onSearch: function onSearch(value) {
+      var _a;
+      (_a = otherProps === null || otherProps === void 0 ? void 0 : otherProps.onSearch) === null || _a === void 0 ? void 0 : _a.call(otherProps, value);
+    },
+    treeData: transTreeData,
+    fieldNames: Object.assign(Object.assign(Object.assign({}, 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/index.js

@@ -34,7 +34,7 @@ var _input = _interopRequireDefault(require("antd/es/input"));
 var _react = _interopRequireWildcard(require("react"));
 var _Uploader = _interopRequireDefault(require("../Uploader"));
 var _SpecIcon = _interopRequireDefault(require("../../SpecIcon"));
-var _RefactorTreeSelect = _interopRequireDefault(require("./RefactorTreeSelect.js"));
+var _RefactorTreeSelect = _interopRequireDefault(require("./RefactorTreeSelect"));
 var _setReadonlyValues = require("./setReadonlyValues.js");
 var _TitleNode = _interopRequireDefault(require("./TitleNode"));
 var _ReUpload = _interopRequireDefault(require("./ReUpload"));

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[];
+export declare function transDataParam(array: any[], optionName?: optionNameProps, extra?: any): any[];
 /**
  * 根据限制字段limitKey进行重组数据
  *
@@ -25,7 +26,7 @@ export declare function transDataParam(array?: any[], optionName?: optionNamePro
  * @Return {array}  返回结果数据
  *
  * */
-export declare function resetDataWithLimit(hasKeys: any[], list: any[], optionName?: optionNameProps, limitKey?: string): any[];
+export declare function resetDataWithLimit(hasKeys: any[], list: any[], optionName: optionNameProps, limitKey: string): any[];
 /**
  * 根据指定禁用字段 disabledFields 进行重组数据
  *

package/lib/RefactorTree/util.js

@@ -7,17 +7,18 @@ exports.resetDataWithDisabled = resetDataWithDisabled;
 exports.resetDataWithLimit = resetDataWithLimit;
 exports.transDataParam = transDataParam;
 var _tslib = require("tslib");
+var _getParentNodes = require("../utils/getParentNodes");
 function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
 function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; } /* eslint-disable */ // import * as React from 'react';
 /**
  * transDataParam 根据指定选项字段名重组数据
  *
  * @params {array} array 树数据集合
- * @params {object} optionName 选项字段值
+ * @params {object} optionName 选项字段值(tree-select的标题使用的是label字段）
  *
  * */
 function transDataParam(array) {
@@ -25,29 +26,70 @@ 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[optionName.children || 'children'] = item[optionName.children || 'children'] ? _trans(item[optionName.children || 'children']) : [];
+      }
+      var newNodeInfo = (0, _getParentNodes.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 = (0, _getParentNodes.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 = Object.assign({}, initItem);
+        var nodeItem = (0, _tslib.__rest)(oldItem, []);
+        Object.keys(nodeItem).forEach(function (itemKeyName) {
+          var _a;
+          var isMatch = extra.disabledFields.find(function (fItem) {
+            return fItem.key === itemKeyName;
+          });
+          if (isMatch) {
+            // 确认是否匹配数据，进行设置 disabled
+            if ((_a = isMatch.value.split(',')) === null || _a === void 0 ? void 0 : _a.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 ? void 0 : extra.disabledFields) && Array.isArray(extra === null || extra === void 0 ? void 0 : extra.disabledFields)) {
+        item = resetByDisabledFields(item);
       }
       return Object.assign(Object.assign({}, 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()
       });
     });
   };
-  return _trans(array);
+  return _trans(array || []);
 }
 /**
  * 根据限制字段limitKey进行重组数据
@@ -89,7 +131,7 @@ function resetDataWithLimit(hasKeys, list) {
   var _filterResetSameLevel = function filterResetSameLevel(preList, matchDataValue) {
     if (!preList) return [];
     if (!matchDataValue) return preList;
-    return preList === null || preList === void 0 ? void 0 : preList.map(function (preItem) {
+    return (preList || []).map(function (preItem) {
       var oldItem = Object.assign({}, preItem);
       var item = (0, _tslib.__rest)(oldItem, []);
       if (item[limitKey] !== matchDataValue) {
@@ -136,7 +178,7 @@ function resetDataWithDisabled(list, optionName, disabledFields) {
       var item = (0, _tslib.__rest)(oldItem, []);
       Object.keys(item).forEach(function (itemKeyName) {
         var _a;
-        var isMatch = fields.find(function (fItem) {
+        var isMatch = (fields || []).find(function (fItem) {
           return fItem.key === itemKeyName;
         });
         if (isMatch) {

package/lib/hooks/use-language.d.ts

@@ -0,0 +1,2 @@
+export declare const renderLangObject: (obj: any, language: 'string') => any;
+export declare const useLanguageObject: () => any;

package/lib/hooks/use-language.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useLanguageObject = exports.renderLangObject = void 0;
+var _react = require("react");
+var _ConfigContext = require("../ConfigContext");
+var _bnBD = _interopRequireDefault(require("../locales/bn-BD"));
+var _enUS = _interopRequireDefault(require("../locales/en-US"));
+var _faIR = _interopRequireDefault(require("../locales/fa-IR"));
+var _idID = _interopRequireDefault(require("../locales/id-ID"));
+var _jaJP = _interopRequireDefault(require("../locales/ja-JP"));
+var _ptBR = _interopRequireDefault(require("../locales/pt-BR"));
+var _zhCN = _interopRequireDefault(require("../locales/zh-CN"));
+var _zhTW = _interopRequireDefault(require("../locales/zh-TW"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var langCompare = {
+  'bn': 'bn-BD',
+  'en': 'en-US',
+  'fa': 'fa-IR',
+  'id': 'id-ID',
+  'ja': 'ja-JP',
+  'pt': 'pt-BR',
+  'zh-cn': 'zh-CN',
+  'zh-tw': 'zh-TW'
+};
+// 'bn-BD', 'en-US', 'fa-IR', 'id-ID', 'ja-JP', 'pt-BR', 'zh-CN', 'zh-TW'
+var renderLangObject = exports.renderLangObject = function renderLangObject(obj, language) {
+  if (!obj) return {};
+  if (obj === null || obj === void 0 ? void 0 : obj[language.replace('-', '')]) return obj[language.replace('-', '')];
+  // @ts-ignore
+  if ((langCompare === null || langCompare === void 0 ? void 0 : langCompare[language]) && (obj === null || obj === void 0 ? void 0 : obj[langCompare === null || langCompare === void 0 ? void 0 : langCompare[language].replace('-', '')])) return obj[langCompare[language].replace('-', '')];
+  return obj.zhCN; // Object.values(obj)[0] // 默认使用中文
+};
+var useLanguageObject = exports.useLanguageObject = function useLanguageObject() {
+  var _a;
+  var InitFanContext = (0, _react.useContext)(_ConfigContext.FanContext);
+  var language = ((_a = InitFanContext === null || InitFanContext === void 0 ? void 0 : InitFanContext.locale) === null || _a === void 0 ? void 0 : _a.locale) || 'zh-CN';
+  var customObj = (InitFanContext === null || InitFanContext === void 0 ? void 0 : InitFanContext.locale) || {}; // 里面可以配置扩展语言包或者替换原来的语言包
+  return renderLangObject(Object.assign({
+    zhCN: _zhCN.default,
+    enUS: _enUS.default,
+    bnBD: _bnBD.default,
+    faIR: _faIR.default,
+    idID: _idID.default,
+    jaJP: _jaJP.default,
+    ptBR: _ptBR.default,
+    zhTW: _zhTW.default
+  }, customObj), language);
+};

package/lib/hooks/use-throttle.d.ts

@@ -0,0 +1 @@
+export declare const useThrottle: (callback: any, delay: any) => (boolean | ((...args: any) => void))[];

package/lib/hooks/use-throttle.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useThrottle = void 0;
+var _react = require("react");
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; } // @ts-nocheck
+// 自定义节流Hook
+var useThrottle = exports.useThrottle = function useThrottle(callback, delay) {
+  var _useState = (0, _react.useState)(true),
+    _useState2 = _slicedToArray(_useState, 2),
+    isReady = _useState2[0],
+    setIsReady = _useState2[1];
+  var timerRef = (0, _react.useRef)(null);
+  var throttledFn = (0, _react.useCallback)(function () {
+    if (isReady) {
+      setIsReady(false);
+      callback === null || callback === void 0 ? void 0 : callback.apply(void 0, arguments); // 执行回调
+      //
+      timerRef.current = setTimeout(function () {
+        setIsReady(true);
+      }, delay);
+    }
+  }, [callback, delay, isReady]);
+  // 清理定时器
+  (0, _react.useEffect)(function () {
+    return function () {
+      if (timerRef.current) clearTimeout(timerRef.current);
+    };
+  }, []);
+  return [throttledFn, isReady]; // 返回函数和就绪状态
+};