acud 1.2.17 → 1.2.18

package/es/tree-select/src/TreeSelect.js

@@ -2,20 +2,14 @@ import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _typeof from "@babel/runtime/helpers/esm/typeof";
-
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
-
-  for (var p in s) {
-    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  }
-
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
-
 import * as React from 'react';
 import { BaseSelect } from 'rc-select';
 import { conductCheck } from "rc-tree/es/utils/conductUtil";
@@ -36,110 +30,100 @@ import useCheckedKeys from './hooks/useCheckedKeys';
 import useFilterTreeData from './hooks/useFilterTreeData';
 import warningProps from './utils/warningPropsUtil';
 import warning from "rc-util/es/warning";
-
 function isRawValue(value) {
   return !value || _typeof(value) !== 'object';
 }
-
 var TreeSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var id = props.id,
-      _props$prefixCls = props.prefixCls,
-      prefixCls = _props$prefixCls === void 0 ? 'rc-tree-select' : _props$prefixCls,
-      value = props.value,
-      defaultValue = props.defaultValue,
-      onChange = props.onChange,
-      onSelect = props.onSelect,
-      onDeselect = props.onDeselect,
-      searchValue = props.searchValue,
-      inputValue = props.inputValue,
-      onSearch = props.onSearch,
-      _props$autoClearSearc = props.autoClearSearchValue,
-      autoClearSearchValue = _props$autoClearSearc === void 0 ? true : _props$autoClearSearc,
-      filterTreeNode = props.filterTreeNode,
-      _props$treeNodeFilter = props.treeNodeFilterProp,
-      treeNodeFilterProp = _props$treeNodeFilter === void 0 ? 'value' : _props$treeNodeFilter,
-      _props$showCheckedStr = props.showCheckedStrategy,
-      showCheckedStrategy = _props$showCheckedStr === void 0 ? SHOW_CHILD : _props$showCheckedStr,
-      treeNodeLabelProp = props.treeNodeLabelProp,
-      multiple = props.multiple,
-      treeCheckable = props.treeCheckable,
-      treeCheckStrictly = props.treeCheckStrictly,
-      labelInValue = props.labelInValue,
-      fieldNames = props.fieldNames,
-      treeDataSimpleMode = props.treeDataSimpleMode,
-      treeData = props.treeData,
-      children = props.children,
-      loadData = props.loadData,
-      treeLoadedKeys = props.treeLoadedKeys,
-      onTreeLoad = props.onTreeLoad,
-      treeDefaultExpandAll = props.treeDefaultExpandAll,
-      treeExpandedKeys = props.treeExpandedKeys,
-      treeDefaultExpandedKeys = props.treeDefaultExpandedKeys,
-      onTreeExpand = props.onTreeExpand,
-      treeExpandAction = props.treeExpandAction,
-      virtual = props.virtual,
-      _props$listHeight = props.listHeight,
-      listHeight = _props$listHeight === void 0 ? 200 : _props$listHeight,
-      _props$listItemHeight = props.listItemHeight,
-      listItemHeight = _props$listItemHeight === void 0 ? 20 : _props$listItemHeight,
-      onDropdownVisibleChange = props.onDropdownVisibleChange,
-      _props$dropdownMatchS = props.dropdownMatchSelectWidth,
-      dropdownMatchSelectWidth = _props$dropdownMatchS === void 0 ? true : _props$dropdownMatchS,
-      treeLine = props.treeLine,
-      treeIcon = props.treeIcon,
-      showTreeIcon = props.showTreeIcon,
-      switcherIcon = props.switcherIcon,
-      treeMotion = props.treeMotion,
-      restProps = __rest(props, ["id", "prefixCls", "value", "defaultValue", "onChange", "onSelect", "onDeselect", "searchValue", "inputValue", "onSearch", "autoClearSearchValue", "filterTreeNode", "treeNodeFilterProp", "showCheckedStrategy", "treeNodeLabelProp", "multiple", "treeCheckable", "treeCheckStrictly", "labelInValue", "fieldNames", "treeDataSimpleMode", "treeData", "children", "loadData", "treeLoadedKeys", "onTreeLoad", "treeDefaultExpandAll", "treeExpandedKeys", "treeDefaultExpandedKeys", "onTreeExpand", "treeExpandAction", "virtual", "listHeight", "listItemHeight", "onDropdownVisibleChange", "dropdownMatchSelectWidth", "treeLine", "treeIcon", "showTreeIcon", "switcherIcon", "treeMotion"]);
-
+    _props$prefixCls = props.prefixCls,
+    prefixCls = _props$prefixCls === void 0 ? 'rc-tree-select' : _props$prefixCls,
+    value = props.value,
+    defaultValue = props.defaultValue,
+    onChange = props.onChange,
+    onSelect = props.onSelect,
+    onDeselect = props.onDeselect,
+    searchValue = props.searchValue,
+    inputValue = props.inputValue,
+    onSearch = props.onSearch,
+    _props$autoClearSearc = props.autoClearSearchValue,
+    autoClearSearchValue = _props$autoClearSearc === void 0 ? true : _props$autoClearSearc,
+    filterTreeNode = props.filterTreeNode,
+    _props$treeNodeFilter = props.treeNodeFilterProp,
+    treeNodeFilterProp = _props$treeNodeFilter === void 0 ? 'value' : _props$treeNodeFilter,
+    _props$showCheckedStr = props.showCheckedStrategy,
+    showCheckedStrategy = _props$showCheckedStr === void 0 ? SHOW_CHILD : _props$showCheckedStr,
+    treeNodeLabelProp = props.treeNodeLabelProp,
+    multiple = props.multiple,
+    treeCheckable = props.treeCheckable,
+    treeCheckStrictly = props.treeCheckStrictly,
+    labelInValue = props.labelInValue,
+    fieldNames = props.fieldNames,
+    treeDataSimpleMode = props.treeDataSimpleMode,
+    treeData = props.treeData,
+    children = props.children,
+    loadData = props.loadData,
+    treeLoadedKeys = props.treeLoadedKeys,
+    onTreeLoad = props.onTreeLoad,
+    treeDefaultExpandAll = props.treeDefaultExpandAll,
+    treeExpandedKeys = props.treeExpandedKeys,
+    treeDefaultExpandedKeys = props.treeDefaultExpandedKeys,
+    onTreeExpand = props.onTreeExpand,
+    treeExpandAction = props.treeExpandAction,
+    virtual = props.virtual,
+    _props$listHeight = props.listHeight,
+    listHeight = _props$listHeight === void 0 ? 200 : _props$listHeight,
+    _props$listItemHeight = props.listItemHeight,
+    listItemHeight = _props$listItemHeight === void 0 ? 20 : _props$listItemHeight,
+    onDropdownVisibleChange = props.onDropdownVisibleChange,
+    _props$dropdownMatchS = props.dropdownMatchSelectWidth,
+    dropdownMatchSelectWidth = _props$dropdownMatchS === void 0 ? true : _props$dropdownMatchS,
+    treeLine = props.treeLine,
+    treeIcon = props.treeIcon,
+    showTreeIcon = props.showTreeIcon,
+    switcherIcon = props.switcherIcon,
+    treeMotion = props.treeMotion,
+    restProps = __rest(props, ["id", "prefixCls", "value", "defaultValue", "onChange", "onSelect", "onDeselect", "searchValue", "inputValue", "onSearch", "autoClearSearchValue", "filterTreeNode", "treeNodeFilterProp", "showCheckedStrategy", "treeNodeLabelProp", "multiple", "treeCheckable", "treeCheckStrictly", "labelInValue", "fieldNames", "treeDataSimpleMode", "treeData", "children", "loadData", "treeLoadedKeys", "onTreeLoad", "treeDefaultExpandAll", "treeExpandedKeys", "treeDefaultExpandedKeys", "onTreeExpand", "treeExpandAction", "virtual", "listHeight", "listItemHeight", "onDropdownVisibleChange", "dropdownMatchSelectWidth", "treeLine", "treeIcon", "showTreeIcon", "switcherIcon", "treeMotion"]);
   var mergedId = useId(id);
   var treeConduction = treeCheckable && !treeCheckStrictly;
   var mergedCheckable = treeCheckable || treeCheckStrictly;
   var mergedLabelInValue = treeCheckStrictly || labelInValue;
-  var mergedMultiple = mergedCheckable || multiple; // ========================== Warning ===========================
-
+  var mergedMultiple = mergedCheckable || multiple;
+  // ========================== Warning ===========================
   if (process.env.NODE_ENV !== 'production') {
     warningProps(props);
-  } // ========================= FieldNames =========================
-
-
+  }
+  // ========================= FieldNames =========================
   var mergedFieldNames = React.useMemo(function () {
     return fillFieldNames(fieldNames);
-  },
-  /* eslint-disable react-hooks/exhaustive-deps */
-  [JSON.stringify(fieldNames)]); // =========================== Search ===========================
-
+  }, /* eslint-disable react-hooks/exhaustive-deps */
+  [JSON.stringify(fieldNames)]);
+  // =========================== Search ===========================
   var _useMergedState = useMergedState('', {
-    value: searchValue !== undefined ? searchValue : inputValue,
-    postState: function postState(search) {
-      return search || '';
-    }
-  }),
-      _useMergedState2 = _slicedToArray(_useMergedState, 2),
-      mergedSearchValue = _useMergedState2[0],
-      setSearchValue = _useMergedState2[1];
-
+      value: searchValue !== undefined ? searchValue : inputValue,
+      postState: function postState(search) {
+        return search || '';
+      }
+    }),
+    _useMergedState2 = _slicedToArray(_useMergedState, 2),
+    mergedSearchValue = _useMergedState2[0],
+    setSearchValue = _useMergedState2[1];
   var onInternalSearch = function onInternalSearch(searchText) {
     setSearchValue(searchText);
     onSearch === null || onSearch === void 0 ? void 0 : onSearch(searchText);
-  }; // ============================ Data ============================
+  };
+  // ============================ Data ============================
   // `useTreeData` only do convert of `children` or `simpleMode`.
   // Else will return origin `treeData` for perf consideration.
   // Do not do anything to loop the data.
-
-
   var mergedTreeData = useTreeData(treeData, children, treeDataSimpleMode);
-
   var _useDataEntities = useDataEntities(mergedTreeData, mergedFieldNames),
-      keyEntities = _useDataEntities.keyEntities,
-      valueEntities = _useDataEntities.valueEntities;
+    keyEntities = _useDataEntities.keyEntities,
+    valueEntities = _useDataEntities.valueEntities;
   /** Get `missingRawValues` which not exist in the tree yet */
-
-
   var splitRawValues = React.useCallback(function (newRawValues) {
     var missingRawValues = [];
-    var existRawValues = []; // Keep missing value in the cache
-
+    var existRawValues = [];
+    // Keep missing value in the cache
     newRawValues.forEach(function (val) {
       if (valueEntities.has(val)) {
         existRawValues.push(val);
@@ -151,33 +135,30 @@ var TreeSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
       missingRawValues: missingRawValues,
       existRawValues: existRawValues
     };
-  }, [valueEntities]); // Filtered Tree
-
+  }, [valueEntities]);
+  // Filtered Tree
   var filteredTreeData = useFilterTreeData(mergedTreeData, mergedSearchValue, {
     fieldNames: mergedFieldNames,
     treeNodeFilterProp: treeNodeFilterProp,
     filterTreeNode: filterTreeNode
-  }); // =========================== Label ============================
-
+  });
+  // =========================== Label ============================
   var getLabel = React.useCallback(function (item) {
     if (item) {
       if (treeNodeLabelProp) {
         return item[treeNodeLabelProp];
-      } // Loop from fieldNames
-
-
+      }
+      // Loop from fieldNames
       var titleList = mergedFieldNames._title;
-
       for (var i = 0; i < titleList.length; i += 1) {
         var title = item[titleList[i]];
-
         if (title !== undefined) {
           return title;
         }
       }
     }
-  }, [mergedFieldNames, treeNodeLabelProp]); // ========================= Wrap Value =========================
-
+  }, [mergedFieldNames, treeNodeLabelProp]);
+  // ========================= Wrap Value =========================
   var toLabeledValues = React.useCallback(function (draftValues) {
     var values = toArray(draftValues);
     return values.map(function (val) {
@@ -186,7 +167,6 @@ var TreeSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
           value: val
         };
       }
-
       return val;
     });
   }, []);
@@ -195,15 +175,14 @@ var TreeSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
     return values.map(function (item) {
       var rawLabel = item.label;
       var rawValue = item.value,
-          rawHalfChecked = item.halfChecked;
+        rawHalfChecked = item.halfChecked;
       var rawDisabled;
-      var entity = valueEntities.get(rawValue); // Fill missing label & status
-
+      var entity = valueEntities.get(rawValue);
+      // Fill missing label & status
       if (entity) {
         rawLabel = rawLabel !== null && rawLabel !== void 0 ? rawLabel : getLabel(entity.node);
         rawDisabled = entity.node.disabled;
       }
-
       return {
         label: rawLabel,
         value: rawValue,
@@ -211,58 +190,54 @@ var TreeSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
         disabled: rawDisabled
       };
     });
-  }, [valueEntities, getLabel, toLabeledValues]); // =========================== Values ===========================
-
+  }, [valueEntities, getLabel, toLabeledValues]);
+  // =========================== Values ===========================
   var _useMergedState3 = useMergedState(defaultValue, {
-    value: value
-  }),
-      _useMergedState4 = _slicedToArray(_useMergedState3, 2),
-      internalValue = _useMergedState4[0],
-      setInternalValue = _useMergedState4[1];
-
+      value: value
+    }),
+    _useMergedState4 = _slicedToArray(_useMergedState3, 2),
+    internalValue = _useMergedState4[0],
+    setInternalValue = _useMergedState4[1];
   var rawMixedLabeledValues = React.useMemo(function () {
     return toLabeledValues(internalValue);
-  }, [toLabeledValues, internalValue]); // Split value into full check and half check
-
+  }, [toLabeledValues, internalValue]);
+  // Split value into full check and half check
   var _React$useMemo = React.useMemo(function () {
-    var fullCheckValues = [];
-    var halfCheckValues = [];
-    rawMixedLabeledValues.forEach(function (item) {
-      if (item.halfChecked) {
-        halfCheckValues.push(item);
-      } else {
-        fullCheckValues.push(item);
-      }
-    });
-    return [fullCheckValues, halfCheckValues];
-  }, [rawMixedLabeledValues]),
-      _React$useMemo2 = _slicedToArray(_React$useMemo, 2),
-      rawLabeledValues = _React$useMemo2[0],
-      rawHalfLabeledValues = _React$useMemo2[1]; // const [mergedValues] = useCache(rawLabeledValues);
-
-
+      var fullCheckValues = [];
+      var halfCheckValues = [];
+      rawMixedLabeledValues.forEach(function (item) {
+        if (item.halfChecked) {
+          halfCheckValues.push(item);
+        } else {
+          fullCheckValues.push(item);
+        }
+      });
+      return [fullCheckValues, halfCheckValues];
+    }, [rawMixedLabeledValues]),
+    _React$useMemo2 = _slicedToArray(_React$useMemo, 2),
+    rawLabeledValues = _React$useMemo2[0],
+    rawHalfLabeledValues = _React$useMemo2[1];
+  // const [mergedValues] = useCache(rawLabeledValues);
   var rawValues = React.useMemo(function () {
     return rawLabeledValues.map(function (item) {
       return item.value;
     });
-  }, [rawLabeledValues]); // Convert value to key. Will fill missed keys for conduct check.
-
+  }, [rawLabeledValues]);
+  // Convert value to key. Will fill missed keys for conduct check.
   var _useCheckedKeys = useCheckedKeys(rawLabeledValues, rawHalfLabeledValues, treeConduction, keyEntities),
-      _useCheckedKeys2 = _slicedToArray(_useCheckedKeys, 2),
-      rawCheckedValues = _useCheckedKeys2[0],
-      rawHalfCheckedValues = _useCheckedKeys2[1]; // Convert rawCheckedKeys to check strategy related values
-
-
+    _useCheckedKeys2 = _slicedToArray(_useCheckedKeys, 2),
+    rawCheckedValues = _useCheckedKeys2[0],
+    rawHalfCheckedValues = _useCheckedKeys2[1];
+  // Convert rawCheckedKeys to check strategy related values
   var displayValues = React.useMemo(function () {
     // Collect keys which need to show
-    var displayKeys = formatStrategyValues(rawCheckedValues, showCheckedStrategy, keyEntities, mergedFieldNames); // Convert to value and filled with label
-
+    var displayKeys = formatStrategyValues(rawCheckedValues, showCheckedStrategy, keyEntities, mergedFieldNames);
+    // Convert to value and filled with label
     var values = displayKeys.map(function (key) {
       var _a, _b, _c;
-
       return (_c = (_b = (_a = keyEntities[key]) === null || _a === void 0 ? void 0 : _a.node) === null || _b === void 0 ? void 0 : _b[mergedFieldNames.value]) !== null && _c !== void 0 ? _c : key;
-    }); // Back fill with origin label
-
+    });
+    // Back fill with origin label
     var labeledValues = values.map(function (val) {
       var targetItem = rawLabeledValues.find(function (item) {
         return item.value === val;
@@ -274,37 +249,30 @@ var TreeSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
     });
     var rawDisplayValues = convert2LabelValues(labeledValues);
     var firstVal = rawDisplayValues[0];
-
     if (!mergedMultiple && firstVal && isNil(firstVal.value) && isNil(firstVal.label)) {
       return [];
     }
-
     return rawDisplayValues.map(function (item) {
       var _a;
-
       return _extends(_extends({}, item), {
         label: (_a = item.label) !== null && _a !== void 0 ? _a : item.value
       });
     });
   }, [mergedFieldNames, mergedMultiple, rawCheckedValues, rawLabeledValues, convert2LabelValues, showCheckedStrategy, keyEntities]);
-
   var _useCache = useCache(displayValues),
-      _useCache2 = _slicedToArray(_useCache, 1),
-      cachedDisplayValues = _useCache2[0]; // =========================== Change ===========================
-
-
+    _useCache2 = _slicedToArray(_useCache, 1),
+    cachedDisplayValues = _useCache2[0];
+  // =========================== Change ===========================
   var triggerChange = useRefFunc(function (newRawValues, extra, source) {
     var labeledValues = convert2LabelValues(newRawValues);
-    setInternalValue(labeledValues); // Clean up if needed
-
+    setInternalValue(labeledValues);
+    // Clean up if needed
     if (autoClearSearchValue) {
       setSearchValue('');
-    } // Generate rest parameters is costly, so only do it when necessary
-
-
+    }
+    // Generate rest parameters is costly, so only do it when necessary
     if (onChange) {
       var eventValues = newRawValues;
-
       if (treeConduction) {
         var formattedKeyList = formatStrategyValues(newRawValues, showCheckedStrategy, keyEntities, mergedFieldNames);
         eventValues = formattedKeyList.map(function (key) {
@@ -312,46 +280,39 @@ var TreeSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
           return entity ? entity.node[mergedFieldNames.value] : key;
         });
       }
-
       var _ref = extra || {
-        triggerValue: undefined,
-        selected: undefined
-      },
-          triggerValue = _ref.triggerValue,
-          selected = _ref.selected;
-
-      var returnRawValues = eventValues; // We need fill half check back
-
+          triggerValue: undefined,
+          selected: undefined
+        },
+        triggerValue = _ref.triggerValue,
+        selected = _ref.selected;
+      var returnRawValues = eventValues;
+      // We need fill half check back
       if (treeCheckStrictly) {
         var halfValues = rawHalfLabeledValues.filter(function (item) {
           return !eventValues.includes(item.value);
         });
         returnRawValues = [].concat(_toConsumableArray(returnRawValues), _toConsumableArray(halfValues));
       }
-
       var returnLabeledValues = convert2LabelValues(returnRawValues);
       var additionalInfo = {
         // [Legacy] Always return as array contains label & value
         preValue: rawLabeledValues,
         triggerValue: triggerValue
-      }; // [Legacy] Fill legacy data if user query.
+      };
+      // [Legacy] Fill legacy data if user query.
       // This is expansive that we only fill when user query
       // https://github.com/react-component/tree-select/blob/fe33eb7c27830c9ac70cd1fdb1ebbe7bc679c16a/src/Select.jsx
-
       var showPosition = true;
-
       if (treeCheckStrictly || source === 'selection' && !selected) {
         showPosition = false;
       }
-
       fillAdditionalInfo(additionalInfo, triggerValue, newRawValues, mergedTreeData, showPosition, mergedFieldNames);
-
       if (mergedCheckable) {
         additionalInfo.checked = selected;
       } else {
         additionalInfo.selected = selected;
       }
-
       var returnValues = mergedLabelInValue ? returnLabeledValues : returnLabeledValues.map(function (item) {
         return item.value;
       });
@@ -359,20 +320,17 @@ var TreeSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
         return item.label;
       }), additionalInfo);
     }
-  }); // ========================== Options ===========================
-
+  });
+  // ========================== Options ===========================
   /** Trigger by option list */
-
   var onOptionSelect = React.useCallback(function (selectedKey, _ref2) {
     var selected = _ref2.selected,
-        source = _ref2.source;
-
+      source = _ref2.source;
     var _a;
-
     var entity = keyEntities[selectedKey];
     var node = entity === null || entity === void 0 ? void 0 : entity.node;
-    var selectedValue = (_a = node === null || node === void 0 ? void 0 : node[mergedFieldNames.value]) !== null && _a !== void 0 ? _a : selectedKey; // Never be falsy but keep it safe
-
+    var selectedValue = (_a = node === null || node === void 0 ? void 0 : node[mergedFieldNames.value]) !== null && _a !== void 0 ? _a : selectedKey;
+    // Never be falsy but keep it safe
     if (!mergedMultiple) {
       // Single mode always set value
       triggerChange([selectedValue], {
@@ -382,53 +340,46 @@ var TreeSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
     } else {
       var newRawValues = selected ? [].concat(_toConsumableArray(rawValues), [selectedValue]) : rawCheckedValues.filter(function (v) {
         return v !== selectedValue;
-      }); // Add keys if tree conduction
-
+      });
+      // Add keys if tree conduction
       if (treeConduction) {
         // Should keep missing values
         var _splitRawValues = splitRawValues(newRawValues),
-            missingRawValues = _splitRawValues.missingRawValues,
-            existRawValues = _splitRawValues.existRawValues;
-
+          missingRawValues = _splitRawValues.missingRawValues,
+          existRawValues = _splitRawValues.existRawValues;
         var keyList = existRawValues.map(function (val) {
           return valueEntities.get(val).key;
-        }); // Conduction by selected or not
-
+        });
+        // Conduction by selected or not
         var checkedKeys;
-
         if (selected) {
           var _conductCheck = conductCheck(keyList, true, keyEntities);
-
           checkedKeys = _conductCheck.checkedKeys;
         } else {
           var _conductCheck2 = conductCheck(keyList, {
             checked: false,
             halfCheckedKeys: rawHalfCheckedValues
           }, keyEntities);
-
           checkedKeys = _conductCheck2.checkedKeys;
-        } // Fill back of keys
-
-
+        }
+        // Fill back of keys
         newRawValues = [].concat(_toConsumableArray(missingRawValues), _toConsumableArray(checkedKeys.map(function (key) {
           return keyEntities[key].node[mergedFieldNames.value];
         })));
       }
-
       triggerChange(newRawValues, {
         selected: selected,
         triggerValue: selectedValue
       }, source || 'option');
-    } // Trigger select event
-
-
+    }
+    // Trigger select event
     if (selected || !mergedMultiple) {
       onSelect === null || onSelect === void 0 ? void 0 : onSelect(selectedValue, fillLegacyProps(node));
     } else {
       onDeselect === null || onDeselect === void 0 ? void 0 : onDeselect(selectedValue, fillLegacyProps(node));
     }
-  }, [splitRawValues, valueEntities, keyEntities, mergedFieldNames, mergedMultiple, rawValues, triggerChange, treeConduction, onSelect, onDeselect, rawCheckedValues, rawHalfCheckedValues]); // ========================== Dropdown ==========================
-
+  }, [splitRawValues, valueEntities, keyEntities, mergedFieldNames, mergedMultiple, rawValues, triggerChange, treeConduction, onSelect, onDeselect, rawCheckedValues, rawHalfCheckedValues]);
+  // ========================== Dropdown ==========================
   var onInternalDropdownVisibleChange = React.useCallback(function (open) {
     if (onDropdownVisibleChange) {
       var legacyParam = {};
@@ -440,27 +391,25 @@ var TreeSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
       });
       onDropdownVisibleChange(open, legacyParam);
     }
-  }, [onDropdownVisibleChange]); // ====================== Display Change ========================
-
+  }, [onDropdownVisibleChange]);
+  // ====================== Display Change ========================
   var onDisplayValuesChange = useRefFunc(function (newValues, info) {
     var newRawValues = newValues.map(function (item) {
       return item.value;
     });
-
     if (info.type === 'clear') {
       triggerChange(newRawValues, {}, 'selection');
       return;
-    } // TreeSelect only have multiple mode which means display change only has remove
-
-
+    }
+    // TreeSelect only have multiple mode which means display change only has remove
     if (info.values.length) {
       onOptionSelect(info.values[0].value, {
         selected: false,
         source: 'selection'
       });
     }
-  }); // ========================== Context ===========================
-
+  });
+  // ========================== Context ===========================
   var treeSelectContext = React.useMemo(function () {
     return {
       virtual: virtual,
@@ -473,8 +422,8 @@ var TreeSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
       triggerChange: triggerChange,
       treeExpandAction: treeExpandAction
     };
-  }, [virtual, dropdownMatchSelectWidth, listHeight, listItemHeight, filteredTreeData, mergedFieldNames, onOptionSelect, treeExpandAction]); // ======================= Legacy Context =======================
-
+  }, [virtual, dropdownMatchSelectWidth, listHeight, listItemHeight, filteredTreeData, mergedFieldNames, onOptionSelect, treeExpandAction]);
+  // ======================= Legacy Context =======================
   var legacyContext = React.useMemo(function () {
     return {
       checkable: mergedCheckable,
@@ -495,8 +444,8 @@ var TreeSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
       treeNodeFilterProp: treeNodeFilterProp,
       keyEntities: keyEntities
     };
-  }, [mergedCheckable, loadData, treeLoadedKeys, onTreeLoad, rawCheckedValues, rawHalfCheckedValues, treeDefaultExpandAll, treeExpandedKeys, treeDefaultExpandedKeys, onTreeExpand, treeIcon, treeMotion, showTreeIcon, switcherIcon, treeLine, treeNodeFilterProp, keyEntities]); // =========================== Render ===========================
-
+  }, [mergedCheckable, loadData, treeLoadedKeys, onTreeLoad, rawCheckedValues, rawHalfCheckedValues, treeDefaultExpandAll, treeExpandedKeys, treeDefaultExpandedKeys, onTreeExpand, treeIcon, treeMotion, showTreeIcon, switcherIcon, treeLine, treeNodeFilterProp, keyEntities]);
+  // =========================== Render ===========================
   return /*#__PURE__*/React.createElement(TreeSelectContext.Provider, {
     value: treeSelectContext
   }, /*#__PURE__*/React.createElement(LegacyContext.Provider, {
@@ -507,25 +456,27 @@ var TreeSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
     // >>> MISC
     id: mergedId,
     prefixCls: prefixCls,
-    mode: mergedMultiple ? 'multiple' : undefined // >>> Display Value
+    mode: mergedMultiple ? 'multiple' : undefined
+    // >>> Display Value
     ,
     displayValues: cachedDisplayValues,
-    onDisplayValuesChange: onDisplayValuesChange // >>> Search
+    onDisplayValuesChange: onDisplayValuesChange
+    // >>> Search
     ,
     searchValue: mergedSearchValue,
-    onSearch: onInternalSearch // >>> Options
+    onSearch: onInternalSearch
+    // >>> Options
     ,
     OptionList: OptionList,
     emptyOptions: !mergedTreeData.length,
     onDropdownVisibleChange: onInternalDropdownVisibleChange,
     dropdownMatchSelectWidth: dropdownMatchSelectWidth
   }))));
-}); // Assign name for Debug
-
+});
+// Assign name for Debug
 if (process.env.NODE_ENV !== 'production') {
   TreeSelect.displayName = 'TreeSelect';
 }
-
 var GenericTreeSelect = TreeSelect;
 GenericTreeSelect.TreeNode = TreeNode;
 GenericTreeSelect.SHOW_ALL = SHOW_ALL;

package/es/tree-select/src/hooks/useCache.js

@@ -4,7 +4,6 @@ import * as React from 'react';
  * This function will try to call requestIdleCallback if available to save performance.
  * No need `getLabel` here since already fetch on `rawLabeledValue`.
  */
-
 export default (function (values) {
   var cacheRef = React.useRef({
     valueLabels: new Map()
@@ -14,10 +13,9 @@ export default (function (values) {
     var valueLabelsCache = new Map();
     var filledValues = values.map(function (item) {
       var _a;
-
       var value = item.value;
-      var mergedLabel = (_a = item.label) !== null && _a !== void 0 ? _a : valueLabels.get(value); // Save in cache
-
+      var mergedLabel = (_a = item.label) !== null && _a !== void 0 ? _a : valueLabels.get(value);
+      // Save in cache
       valueLabelsCache.set(value, mergedLabel);
       return _extends(_extends({}, item), {
         label: mergedLabel