acud 1.2.17 → 1.2.18

package/lib/select/src/generate.js

@@ -1,60 +1,34 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = generateSelector;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _KeyCode = _interopRequireDefault(require("rc-util/lib/KeyCode"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _useMergedState5 = _interopRequireDefault(require("rc-util/lib/hooks/useMergedState"));
-
 var _Selector = _interopRequireDefault(require("./Selector"));
-
 var _SelectTrigger = _interopRequireDefault(require("./SelectTrigger"));
-
 var _generator = require("./interface/generator");
-
 var _commonUtil = require("./utils/commonUtil");
-
 var _TransBtn = _interopRequireDefault(require("./TransBtn"));
-
 var _iconUtil = _interopRequireDefault(require("../utils/iconUtil"));
-
 var _useLock3 = _interopRequireDefault(require("./hooks/useLock"));
-
 var _useDelayReset3 = _interopRequireDefault(require("./hooks/useDelayReset"));
-
 var _useLayoutEffect = _interopRequireDefault(require("./hooks/useLayoutEffect"));
-
 var _valueUtil = require("./utils/valueUtil");
-
 var _useSelectTriggerControl = _interopRequireDefault(require("./hooks/useSelectTriggerControl"));
-
 var _useCacheDisplayValue = _interopRequireDefault(require("./hooks/useCacheDisplayValue"));
-
 var _useCacheOptions = _interopRequireDefault(require("./hooks/useCacheOptions"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 /**
  * To match accessibility requirement, we always provide an input in the component.
  * Other element will not set `tabIndex` to avoid `onBlur` sequence problem.
@@ -65,118 +39,110 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  */
 var __rest = void 0 && (void 0).__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;
 };
-
 var DEFAULT_OMIT_PROPS = ['removeIcon', 'placeholder', 'autoFocus', 'maxTagCount', 'maxTagTextLength', 'maxTagPlaceholder', 'choiceTransitionName', 'onInputKeyDown', 'tabIndex'];
 /**
  * This function is in internal usage.
  * Do not use it in your prod env since we may refactor this.
  */
-
 function generateSelector(config) {
   var defaultPrefixCls = config.prefixCls,
-      OptionList = config.components.optionList,
-      convertChildrenToData = config.convertChildrenToData,
-      flattenOptions = config.flattenOptions,
-      getLabeledValue = config.getLabeledValue,
-      filterOptions = config.filterOptions,
-      isValueDisabled = config.isValueDisabled,
-      findValueOption = config.findValueOption,
-      warningProps = config.warningProps,
-      fillOptionsWithMissingValue = config.fillOptionsWithMissingValue,
-      omitDOMProps = config.omitDOMProps; // Use raw define since `React.FC` not support generic
-
+    OptionList = config.components.optionList,
+    convertChildrenToData = config.convertChildrenToData,
+    flattenOptions = config.flattenOptions,
+    getLabeledValue = config.getLabeledValue,
+    filterOptions = config.filterOptions,
+    isValueDisabled = config.isValueDisabled,
+    findValueOption = config.findValueOption,
+    warningProps = config.warningProps,
+    fillOptionsWithMissingValue = config.fillOptionsWithMissingValue,
+    omitDOMProps = config.omitDOMProps;
+  // Use raw define since `React.FC` not support generic
   function Select(props, ref) {
     var _classNames2;
-
     var _props$prefixCls = props.prefixCls,
-        prefixCls = _props$prefixCls === void 0 ? defaultPrefixCls : _props$prefixCls,
-        className = props.className,
-        id = props.id,
-        open = props.open,
-        defaultOpen = props.defaultOpen,
-        options = props.options,
-        children = props.children,
-        mode = props.mode,
-        value = props.value,
-        defaultValue = props.defaultValue,
-        labelInValue = props.labelInValue,
-        showSearch = props.showSearch,
-        inputValue = props.inputValue,
-        searchValue = props.searchValue,
-        filterOption = props.filterOption,
-        filterSort = props.filterSort,
-        _props$optionFilterPr = props.optionFilterProp,
-        optionFilterProp = _props$optionFilterPr === void 0 ? 'value' : _props$optionFilterPr,
-        _props$autoClearSearc = props.autoClearSearchValue,
-        autoClearSearchValue = _props$autoClearSearc === void 0 ? true : _props$autoClearSearc,
-        onSearch = props.onSearch,
-        suffixIconPre = props.suffixIconPre,
-        removeIcon = props.removeIcon,
-        allowClear = props.allowClear,
-        clearIcon = props.clearIcon,
-        showArrow = props.showArrow,
-        menuItemSelectedIcon = props.menuItemSelectedIcon,
-        disabled = props.disabled,
-        loading = props.loading,
-        defaultActiveFirstOption = props.defaultActiveFirstOption,
-        notFoundContent = props.notFoundContent,
-        optionLabelProp = props.optionLabelProp,
-        backfill = props.backfill,
-        tabIndex = props.tabIndex,
-        getInputElement = props.getInputElement,
-        getPopupContainer = props.getPopupContainer,
-        _props$listHeight = props.listHeight,
-        listHeight = _props$listHeight === void 0 ? 200 : _props$listHeight,
-        _props$listItemHeight = props.listItemHeight,
-        listItemHeight = _props$listItemHeight === void 0 ? 20 : _props$listItemHeight,
-        animation = props.animation,
-        transitionName = props.transitionName,
-        virtual = props.virtual,
-        dropdownStyle = props.dropdownStyle,
-        dropdownClassName = props.dropdownClassName,
-        dropdownMatchSelectWidth = props.dropdownMatchSelectWidth,
-        dropdownRender = props.dropdownRender,
-        dropdownAlign = props.dropdownAlign,
-        _props$showAction = props.showAction,
-        showAction = _props$showAction === void 0 ? [] : _props$showAction,
-        showTitle = props.showTitle,
-        showSelectAll = props.showSelectAll,
-        direction = props.direction,
-        placement = props.placement,
-        popupOverflow = props.popupOverflow,
-        tokenSeparators = props.tokenSeparators,
-        groupSelectorRender = props.groupSelectorRender,
-        tagRender = props.tagRender,
-        optionRender = props.optionRender,
-        renderEmpty = props.renderEmpty,
-        keepExpand = props.keepExpand,
-        defaultExpandGroupKey = props.defaultExpandGroupKey,
-        onPopupScroll = props.onPopupScroll,
-        onDropdownVisibleChange = props.onDropdownVisibleChange,
-        onFocus = props.onFocus,
-        onBlur = props.onBlur,
-        onKeyUp = props.onKeyUp,
-        onKeyDown = props.onKeyDown,
-        onMouseDown = props.onMouseDown,
-        onChange = props.onChange,
-        onSelect = props.onSelect,
-        onDeselect = props.onDeselect,
-        onClear = props.onClear,
-        onExpandChange = props.onExpandChange,
-        _props$internalProps = props.internalProps,
-        internalProps = _props$internalProps === void 0 ? {} : _props$internalProps,
-        restProps = __rest(props, ["prefixCls", "className", "id", "open", "defaultOpen", "options", "children", "mode", "value", "defaultValue", "labelInValue", "showSearch", "inputValue", "searchValue", "filterOption", "filterSort", "optionFilterProp", "autoClearSearchValue", "onSearch", "suffixIconPre", "removeIcon", "allowClear", "clearIcon", "showArrow", "menuItemSelectedIcon", "disabled", "loading", "defaultActiveFirstOption", "notFoundContent", "optionLabelProp", "backfill", "tabIndex", "getInputElement", "getPopupContainer", "listHeight", "listItemHeight", "animation", "transitionName", "virtual", "dropdownStyle", "dropdownClassName", "dropdownMatchSelectWidth", "dropdownRender", "dropdownAlign", "showAction", "showTitle", "showSelectAll", "direction", "placement", "popupOverflow", "tokenSeparators", "groupSelectorRender", "tagRender", "optionRender", "renderEmpty", "keepExpand", "defaultExpandGroupKey", "onPopupScroll", "onDropdownVisibleChange", "onFocus", "onBlur", "onKeyUp", "onKeyDown", "onMouseDown", "onChange", "onSelect", "onDeselect", "onClear", "onExpandChange", "internalProps"]);
-
+      prefixCls = _props$prefixCls === void 0 ? defaultPrefixCls : _props$prefixCls,
+      className = props.className,
+      id = props.id,
+      open = props.open,
+      defaultOpen = props.defaultOpen,
+      options = props.options,
+      children = props.children,
+      mode = props.mode,
+      value = props.value,
+      defaultValue = props.defaultValue,
+      labelInValue = props.labelInValue,
+      showSearch = props.showSearch,
+      inputValue = props.inputValue,
+      searchValue = props.searchValue,
+      filterOption = props.filterOption,
+      filterSort = props.filterSort,
+      _props$optionFilterPr = props.optionFilterProp,
+      optionFilterProp = _props$optionFilterPr === void 0 ? 'value' : _props$optionFilterPr,
+      _props$autoClearSearc = props.autoClearSearchValue,
+      autoClearSearchValue = _props$autoClearSearc === void 0 ? true : _props$autoClearSearc,
+      onSearch = props.onSearch,
+      suffixIconPre = props.suffixIconPre,
+      removeIcon = props.removeIcon,
+      allowClear = props.allowClear,
+      clearIcon = props.clearIcon,
+      showArrow = props.showArrow,
+      menuItemSelectedIcon = props.menuItemSelectedIcon,
+      disabled = props.disabled,
+      loading = props.loading,
+      defaultActiveFirstOption = props.defaultActiveFirstOption,
+      notFoundContent = props.notFoundContent,
+      optionLabelProp = props.optionLabelProp,
+      backfill = props.backfill,
+      tabIndex = props.tabIndex,
+      getInputElement = props.getInputElement,
+      getPopupContainer = props.getPopupContainer,
+      _props$listHeight = props.listHeight,
+      listHeight = _props$listHeight === void 0 ? 200 : _props$listHeight,
+      _props$listItemHeight = props.listItemHeight,
+      listItemHeight = _props$listItemHeight === void 0 ? 20 : _props$listItemHeight,
+      animation = props.animation,
+      transitionName = props.transitionName,
+      virtual = props.virtual,
+      dropdownStyle = props.dropdownStyle,
+      dropdownClassName = props.dropdownClassName,
+      dropdownMatchSelectWidth = props.dropdownMatchSelectWidth,
+      dropdownRender = props.dropdownRender,
+      dropdownAlign = props.dropdownAlign,
+      _props$showAction = props.showAction,
+      showAction = _props$showAction === void 0 ? [] : _props$showAction,
+      showTitle = props.showTitle,
+      showSelectAll = props.showSelectAll,
+      direction = props.direction,
+      placement = props.placement,
+      popupOverflow = props.popupOverflow,
+      tokenSeparators = props.tokenSeparators,
+      groupSelectorRender = props.groupSelectorRender,
+      tagRender = props.tagRender,
+      optionRender = props.optionRender,
+      renderEmpty = props.renderEmpty,
+      keepExpand = props.keepExpand,
+      defaultExpandGroupKey = props.defaultExpandGroupKey,
+      onPopupScroll = props.onPopupScroll,
+      onDropdownVisibleChange = props.onDropdownVisibleChange,
+      onFocus = props.onFocus,
+      onBlur = props.onBlur,
+      onKeyUp = props.onKeyUp,
+      onKeyDown = props.onKeyDown,
+      onMouseDown = props.onMouseDown,
+      onChange = props.onChange,
+      onSelect = props.onSelect,
+      onDeselect = props.onDeselect,
+      onClear = props.onClear,
+      onExpandChange = props.onExpandChange,
+      _props$internalProps = props.internalProps,
+      internalProps = _props$internalProps === void 0 ? {} : _props$internalProps,
+      restProps = __rest(props, ["prefixCls", "className", "id", "open", "defaultOpen", "options", "children", "mode", "value", "defaultValue", "labelInValue", "showSearch", "inputValue", "searchValue", "filterOption", "filterSort", "optionFilterProp", "autoClearSearchValue", "onSearch", "suffixIconPre", "removeIcon", "allowClear", "clearIcon", "showArrow", "menuItemSelectedIcon", "disabled", "loading", "defaultActiveFirstOption", "notFoundContent", "optionLabelProp", "backfill", "tabIndex", "getInputElement", "getPopupContainer", "listHeight", "listItemHeight", "animation", "transitionName", "virtual", "dropdownStyle", "dropdownClassName", "dropdownMatchSelectWidth", "dropdownRender", "dropdownAlign", "showAction", "showTitle", "showSelectAll", "direction", "placement", "popupOverflow", "tokenSeparators", "groupSelectorRender", "tagRender", "optionRender", "renderEmpty", "keepExpand", "defaultExpandGroupKey", "onPopupScroll", "onDropdownVisibleChange", "onFocus", "onBlur", "onKeyUp", "onKeyDown", "onMouseDown", "onChange", "onSelect", "onDeselect", "onClear", "onExpandChange", "internalProps"]);
     var useInternalProps = internalProps.mark === _generator.INTERNAL_PROPS_MARK;
     var domProps = omitDOMProps ? omitDOMProps(restProps) : restProps;
     DEFAULT_OMIT_PROPS.forEach(function (prop) {
@@ -192,84 +158,71 @@ function generateSelector(config) {
       });
     }, [tokenSeparators]);
     /** Used for component focused management */
-
     var _useDelayReset = (0, _useDelayReset3["default"])(),
-        _useDelayReset2 = (0, _slicedToArray2["default"])(_useDelayReset, 3),
-        mockFocused = _useDelayReset2[0],
-        setMockFocused = _useDelayReset2[1],
-        cancelSetMockFocused = _useDelayReset2[2]; // Inner id for accessibility usage. Only work in client side
-
-
+      _useDelayReset2 = (0, _slicedToArray2["default"])(_useDelayReset, 3),
+      mockFocused = _useDelayReset2[0],
+      setMockFocused = _useDelayReset2[1],
+      cancelSetMockFocused = _useDelayReset2[2];
+    // Inner id for accessibility usage. Only work in client side
     var _useState = (0, React.useState)(),
-        _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-        innerId = _useState2[0],
-        setInnerId = _useState2[1];
-
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      innerId = _useState2[0],
+      setInnerId = _useState2[1];
     (0, React.useEffect)(function () {
       setInnerId("rc_select_".concat((0, _commonUtil.getUUID)()));
     }, []);
-    var mergedId = id || innerId; // optionLabelProp
-
+    var mergedId = id || innerId;
+    // optionLabelProp
     var mergedOptionLabelProp = optionLabelProp;
-
     if (mergedOptionLabelProp === undefined) {
       mergedOptionLabelProp = options ? 'label' : 'children';
-    } // labelInValue
-
-
+    }
+    // labelInValue
     var mergedLabelInValue = mode === 'combobox' ? false : labelInValue;
     var isMultiple = mode === 'tags' || mode === 'multiple';
-    var mergedShowSearch = showSearch !== undefined ? showSearch : isMultiple || mode === 'combobox'; // ============================== Ref ===============================
-
+    var mergedShowSearch = showSearch !== undefined ? showSearch : isMultiple || mode === 'combobox';
+    // ============================== Ref ===============================
     var selectorDomRef = (0, React.useRef)(null);
     React.useImperativeHandle(ref, function () {
       var _a, _b, _c;
-
       return {
         focus: (_a = selectorRef.current) === null || _a === void 0 ? void 0 : _a.focus,
         blur: (_b = selectorRef.current) === null || _b === void 0 ? void 0 : _b.blur,
         scrollTo: (_c = listRef.current) === null || _c === void 0 ? void 0 : _c.scrollTo
       };
-    }); // ============================= Value ==============================
-
+    });
+    // ============================= Value ==============================
     var _useMergedState = (0, _useMergedState5["default"])(defaultValue, {
-      value: value
-    }),
-        _useMergedState2 = (0, _slicedToArray2["default"])(_useMergedState, 2),
-        mergedValue = _useMergedState2[0],
-        setMergedValue = _useMergedState2[1];
+        value: value
+      }),
+      _useMergedState2 = (0, _slicedToArray2["default"])(_useMergedState, 2),
+      mergedValue = _useMergedState2[0],
+      setMergedValue = _useMergedState2[1];
     /** Unique raw values */
-
-
     var _useMemo = (0, React.useMemo)(function () {
-      return (0, _commonUtil.toInnerValue)(mergedValue, {
-        labelInValue: mergedLabelInValue,
-        combobox: mode === 'combobox'
-      });
-    }, [mergedValue, mergedLabelInValue]),
-        _useMemo2 = (0, _slicedToArray2["default"])(_useMemo, 2),
-        mergedRawValue = _useMemo2[0],
-        mergedValueMap = _useMemo2[1];
+        return (0, _commonUtil.toInnerValue)(mergedValue, {
+          labelInValue: mergedLabelInValue,
+          combobox: mode === 'combobox'
+        });
+      }, [mergedValue, mergedLabelInValue]),
+      _useMemo2 = (0, _slicedToArray2["default"])(_useMemo, 2),
+      mergedRawValue = _useMemo2[0],
+      mergedValueMap = _useMemo2[1];
     /** We cache a set of raw values to speed up check */
-
-
     var rawValues = (0, React.useMemo)(function () {
       return new Set(mergedRawValue);
-    }, [mergedRawValue]); // ============================= Option =============================
+    }, [mergedRawValue]);
+    // ============================= Option =============================
     // Set by option list active, it will merge into search input when mode is `combobox`
-
     var _useState3 = (0, React.useState)(null),
-        _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-        activeValue = _useState4[0],
-        setActiveValue = _useState4[1];
-
+      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+      activeValue = _useState4[0],
+      setActiveValue = _useState4[1];
     var _useState5 = (0, React.useState)(''),
-        _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-        innerSearchValue = _useState6[0],
-        setInnerSearchValue = _useState6[1];
-
+      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+      innerSearchValue = _useState6[0],
+      setInnerSearchValue = _useState6[1];
     var mergedSearchValue = innerSearchValue;
-
     if (mode === 'combobox' && mergedValue !== undefined) {
       mergedSearchValue = mergedValue;
     } else if (searchValue !== undefined) {
@@ -277,10 +230,8 @@ function generateSelector(config) {
     } else if (inputValue) {
       mergedSearchValue = inputValue;
     }
-
     var mergedOptions = (0, React.useMemo)(function () {
       var newOptions = options;
-
       if (newOptions === undefined) {
         newOptions = convertChildrenToData(children);
       }
@@ -288,31 +239,26 @@ function generateSelector(config) {
       * `tags` should fill un-list item.
       * This is not cool here since TreeSelect do not need this
       */
-
-
       if (mode === 'tags' && fillOptionsWithMissingValue) {
         newOptions = fillOptionsWithMissingValue(newOptions, mergedValue, mergedOptionLabelProp, labelInValue);
       }
-
       return newOptions || [];
     }, [options, children, mode, mergedValue]);
     var mergedFlattenOptions = (0, React.useMemo)(function () {
       return flattenOptions(mergedOptions, props);
     }, [mergedOptions]);
-    var getValueOption = (0, _useCacheOptions["default"])(mergedFlattenOptions); // Display options for OptionList
-
+    var getValueOption = (0, _useCacheOptions["default"])(mergedFlattenOptions);
+    // Display options for OptionList
     var displayOptions = (0, React.useMemo)(function () {
       if (!mergedSearchValue || !mergedShowSearch) {
         return (0, _toConsumableArray2["default"])(mergedOptions);
       }
-
       var filteredOptions = filterOptions(mergedSearchValue, mergedOptions, {
         optionFilterProp: optionFilterProp,
         filterOption: mode === 'combobox' && filterOption === undefined ? function () {
           return true;
         } : filterOption
       });
-
       if (mode === 'tags' && filteredOptions.every(function (opt) {
         return opt[optionFilterProp] !== mergedSearchValue;
       })) {
@@ -322,11 +268,9 @@ function generateSelector(config) {
           key: '__RC_SELECT_TAG_PLACEHOLDER__'
         });
       }
-
       if (filterSort && Array.isArray(filteredOptions)) {
         return (0, _toConsumableArray2["default"])(filteredOptions).sort(filterSort);
       }
-
       return filteredOptions;
     }, [mergedOptions, mergedSearchValue, mode, mergedShowSearch, filterSort]);
     var displayFlattenOptions = (0, React.useMemo)(function () {
@@ -336,8 +280,8 @@ function generateSelector(config) {
       if (listRef.current && listRef.current.scrollTo) {
         listRef.current.scrollTo(0);
       }
-    }, [mergedSearchValue]); // ============================ Selector ============================
-
+    }, [mergedSearchValue]);
+    // ============================ Selector ============================
     var displayValues = (0, React.useMemo)(function () {
       var tmpValues = mergedRawValue.map(function (val) {
         var valueOptions = getValueOption([val]);
@@ -352,20 +296,16 @@ function generateSelector(config) {
           disabled: isValueDisabled(val, valueOptions)
         });
       });
-
       if (!mode && tmpValues.length === 1 && tmpValues[0].value === null && tmpValues[0].label === null) {
         return [];
       }
-
       return tmpValues;
-    }, [mergedValue, mergedOptions, mode]); // Polyfill with cache label
-
+    }, [mergedValue, mergedOptions, mode]);
+    // Polyfill with cache label
     displayValues = (0, _useCacheDisplayValue["default"])(displayValues);
-
     var triggerSelect = function triggerSelect(newValue, isSelect, source) {
       var newValueOption = getValueOption([newValue]);
       var outOption = findValueOption([newValue], newValueOption)[0];
-
       if (!internalProps.skipTriggerSelect) {
         // Skip trigger `onSelect` or `onDeselect` if configured
         var selectValue = mergedLabelInValue ? getLabeledValue(newValue, {
@@ -374,15 +314,13 @@ function generateSelector(config) {
           labelInValue: mergedLabelInValue,
           optionLabelProp: mergedOptionLabelProp
         }) : newValue;
-
         if (isSelect && onSelect) {
           onSelect(selectValue, outOption);
         } else if (!isSelect && onDeselect) {
           onDeselect(selectValue, outOption);
         }
-      } // Trigger internal event
-
-
+      }
+      // Trigger internal event
       if (useInternalProps) {
         if (isSelect && internalProps.onRawSelect) {
           internalProps.onRawSelect(newValue, outOption, source);
@@ -390,19 +328,16 @@ function generateSelector(config) {
           internalProps.onRawDeselect(newValue, outOption, source);
         }
       }
-    }; // We need cache options here in case user update the option list
-
-
+    };
+    // We need cache options here in case user update the option list
     var _useState7 = (0, React.useState)([]),
-        _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
-        prevValueOptions = _useState8[0],
-        setPrevValueOptions = _useState8[1];
-
+      _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
+      prevValueOptions = _useState8[0],
+      setPrevValueOptions = _useState8[1];
     var triggerChange = function triggerChange(newRawValues) {
       if (useInternalProps && internalProps.skipTriggerChange) {
         return;
       }
-
       var newRawValuesOptions = getValueOption(newRawValues);
       var outValues = (0, _commonUtil.toOuterValues)(Array.from(newRawValues), {
         labelInValue: mergedLabelInValue,
@@ -411,13 +346,13 @@ function generateSelector(config) {
         prevValueMap: mergedValueMap,
         optionLabelProp: mergedOptionLabelProp
       });
-      var outValue = isMultiple ? outValues : outValues[0]; // Skip trigger if prev & current value is both empty
-
+      var outValue = isMultiple ? outValues : outValues[0];
+      // Skip trigger if prev & current value is both empty
       if (onChange && (mergedRawValue.length !== 0 || outValues.length !== 0)) {
         var outOptions = findValueOption(newRawValues, newRawValuesOptions, {
           prevValueOptions: prevValueOptions
-        }); // We will cache option in case it removed by ajax
-
+        });
+        // We will cache option in case it removed by ajax
         setPrevValueOptions(outOptions.map(function (option, index) {
           var clone = (0, _extends2["default"])({}, option);
           Object.defineProperty(clone, '_INTERNAL_OPTION_VALUE_', {
@@ -429,23 +364,17 @@ function generateSelector(config) {
         }));
         onChange(outValue, isMultiple ? outOptions : outOptions[0]);
       }
-
       setMergedValue(outValue);
     };
-
     var onInternalSelect = function onInternalSelect(newValue, _ref) {
       var selected = _ref.selected,
-          source = _ref.source;
-
+        source = _ref.source;
       if (disabled) {
         return;
       }
-
       var newRawValue;
-
       if (isMultiple) {
         newRawValue = new Set(mergedRawValue);
-
         if (selected) {
           newRawValue.add(newValue);
         } else {
@@ -454,16 +383,14 @@ function generateSelector(config) {
       } else {
         newRawValue = new Set();
         newRawValue.add(newValue);
-      } // Multiple always trigger change and single should change if value changed
-
-
+      }
+      // Multiple always trigger change and single should change if value changed
       if (isMultiple || !isMultiple && Array.from(mergedRawValue)[0] !== newValue) {
         triggerChange(Array.from(newRawValue));
-      } // Trigger `onSelect`. Single mode always trigger select
-
-
-      triggerSelect(newValue, !isMultiple || selected, source); // Clean search value if single or configured
-
+      }
+      // Trigger `onSelect`. Single mode always trigger select
+      triggerSelect(newValue, !isMultiple || selected, source);
+      // Clean search value if single or configured
       if (mode === 'combobox') {
         setInnerSearchValue(String(newValue));
         setActiveValue('');
@@ -472,77 +399,65 @@ function generateSelector(config) {
         setActiveValue('');
       }
     };
-
     var onInternalOptionSelect = function onInternalOptionSelect(newValue, info) {
       onInternalSelect(newValue, (0, _extends2["default"])((0, _extends2["default"])({}, info), {
         source: 'option'
       }));
     };
-
     var onInternalSelectionSelect = function onInternalSelectionSelect(newValue, info) {
       onInternalSelect(newValue, (0, _extends2["default"])((0, _extends2["default"])({}, info), {
         source: 'selection'
       }));
-    }; // ============================= Input ==============================
+    };
+    // ============================= Input ==============================
     // Only works in `combobox`
-
-
-    var customizeInputElement = mode === 'combobox' && getInputElement && getInputElement() || null; // ============================== Open ==============================
-
+    var customizeInputElement = mode === 'combobox' && getInputElement && getInputElement() || null;
+    // ============================== Open ==============================
     var _useMergedState3 = (0, _useMergedState5["default"])(undefined, {
-      defaultValue: defaultOpen,
-      value: open
-    }),
-        _useMergedState4 = (0, _slicedToArray2["default"])(_useMergedState3, 2),
-        innerOpen = _useMergedState4[0],
-        setInnerOpen = _useMergedState4[1];
-
-    var mergedOpen = innerOpen; // Not trigger `open` in `combobox` when `notFoundContent` is empty
-
+        defaultValue: defaultOpen,
+        value: open
+      }),
+      _useMergedState4 = (0, _slicedToArray2["default"])(_useMergedState3, 2),
+      innerOpen = _useMergedState4[0],
+      setInnerOpen = _useMergedState4[1];
+    var mergedOpen = innerOpen;
+    // Not trigger `open` in `combobox` when `notFoundContent` is empty
     var emptyListContent = !notFoundContent && !displayOptions.length;
-
     if (disabled || emptyListContent && mergedOpen && mode === 'combobox') {
       mergedOpen = false;
-    } // const triggerOpen = emptyListContent ? false : mergedOpen;
-
-
+    }
+    // const triggerOpen = emptyListContent ? false : mergedOpen;
     var triggerOpen = mergedOpen;
-
     var onToggleOpen = function onToggleOpen(newOpen) {
       var nextOpen = newOpen !== undefined ? newOpen : !mergedOpen;
-
       if (innerOpen !== nextOpen && !disabled) {
         setInnerOpen(nextOpen);
-
         if (onDropdownVisibleChange) {
           onDropdownVisibleChange(nextOpen);
         }
       }
-    }; // ===================== Icons =====================
-
-
+    };
+    // ===================== Icons =====================
     var _getIcons = (0, _iconUtil["default"])({
-      suffixIcon: suffixIconPre,
-      clearIcon: clearIcon,
-      menuItemSelectedIcon: menuItemSelectedIcon,
-      removeIcon: removeIcon,
-      loading: loading,
-      prefixCls: prefixCls,
-      multiple: isMultiple,
-      triggerOpen: triggerOpen
-    }),
-        inputIcon = _getIcons.suffixIcon;
-
-    (0, _useSelectTriggerControl["default"])([containerRef.current, triggerRef.current && triggerRef.current.getPopupElement()], triggerOpen, onToggleOpen); // ============================= Search =============================
-
+        suffixIcon: suffixIconPre,
+        clearIcon: clearIcon,
+        menuItemSelectedIcon: menuItemSelectedIcon,
+        removeIcon: removeIcon,
+        loading: loading,
+        prefixCls: prefixCls,
+        multiple: isMultiple,
+        triggerOpen: triggerOpen
+      }),
+      inputIcon = _getIcons.suffixIcon;
+    (0, _useSelectTriggerControl["default"])([containerRef.current, triggerRef.current && triggerRef.current.getPopupElement()], triggerOpen, onToggleOpen);
+    // ============================= Search =============================
     var triggerSearch = function triggerSearch(searchText, fromTyping, isCompositing) {
       var ret = true;
       var newSearchText = searchText;
-      setActiveValue(null); // Check if match the `tokenSeparators`
-
+      setActiveValue(null);
+      // Check if match the `tokenSeparators`
       var patchLabels = isCompositing ? null : (0, _valueUtil.getSeparatedContent)(searchText, tokenSeparators);
       var patchRawValues = patchLabels;
-
       if (mode === 'combobox') {
         // Only typing will trigger onChange
         if (fromTyping) {
@@ -550,7 +465,6 @@ function generateSelector(config) {
         }
       } else if (patchLabels) {
         newSearchText = '';
-
         if (mode !== 'tags') {
           patchRawValues = patchLabels.map(function (label) {
             var item = mergedFlattenOptions.find(function (_ref2) {
@@ -562,30 +476,25 @@ function generateSelector(config) {
             return val !== null;
           });
         }
-
         var newRawValues = Array.from(new Set([].concat((0, _toConsumableArray2["default"])(mergedRawValue), (0, _toConsumableArray2["default"])(patchRawValues))));
         triggerChange(newRawValues);
         newRawValues.forEach(function (newRawValue) {
           triggerSelect(newRawValue, true, 'input');
-        }); // Should close when paste finish
-
-        onToggleOpen(false); // Tell Selector that break next actions
-
+        });
+        // Should close when paste finish
+        onToggleOpen(false);
+        // Tell Selector that break next actions
         ret = false;
       }
-
       setInnerSearchValue(newSearchText);
-
       if (onSearch && mergedSearchValue !== newSearchText) {
         onSearch(newSearchText);
       }
-
       return ret;
-    }; // Only triggered when menu is closed & mode is tags
+    };
+    // Only triggered when menu is closed & mode is tags
     // If menu is open, OptionList will take charge
     // If mode isn't tags, press enter is not meaningful when you can't see any option
-
-
     var onSearchSubmit = function onSearchSubmit(searchText) {
       var newRawValues = Array.from(new Set([].concat((0, _toConsumableArray2["default"])(mergedRawValue), [searchText])));
       triggerChange(newRawValues);
@@ -593,117 +502,95 @@ function generateSelector(config) {
         triggerSelect(newRawValue, true, 'input');
       });
       setInnerSearchValue('');
-    }; // Close dropdown when disabled change
-
-
+    };
+    // Close dropdown when disabled change
     (0, React.useEffect)(function () {
       if (innerOpen && !!disabled) {
         setInnerOpen(false);
       }
-    }, [disabled]); // Close will clean up single mode search text
-
+    }, [disabled]);
+    // Close will clean up single mode search text
     (0, React.useEffect)(function () {
       if (!mergedOpen && !isMultiple && mode !== 'combobox') {
         triggerSearch('', false, false);
       }
-    }, [mergedOpen]); // ============================ Keyboard ============================
-
+    }, [mergedOpen]);
+    // ============================ Keyboard ============================
     /**
      * We record input value here to check if can press to clean up by backspace
      * - null: Key is not down, this is reset by key up
      * - true: Search text is empty when first time backspace down
      * - false: Search text is not empty when first time backspace down
      */
-
     var _useLock = (0, _useLock3["default"])(),
-        _useLock2 = (0, _slicedToArray2["default"])(_useLock, 2),
-        getClearLock = _useLock2[0],
-        setClearLock = _useLock2[1]; // KeyDown
-
-
+      _useLock2 = (0, _slicedToArray2["default"])(_useLock, 2),
+      getClearLock = _useLock2[0],
+      setClearLock = _useLock2[1];
+    // KeyDown
     var onInternalKeyDown = function onInternalKeyDown(event) {
       var clearLock = getClearLock();
-      var which = event.which; // We only manage open state here, close logic should handle by list component
-
+      var which = event.which;
+      // We only manage open state here, close logic should handle by list component
       if (!mergedOpen && which === _KeyCode["default"].ENTER) {
         onToggleOpen(true);
       }
-
-      setClearLock(!!mergedSearchValue); // Remove value by `backspace`
-
+      setClearLock(!!mergedSearchValue);
+      // Remove value by `backspace`
       if (which === _KeyCode["default"].BACKSPACE && !clearLock && isMultiple && !mergedSearchValue && mergedRawValue.length) {
         var removeInfo = (0, _commonUtil.removeLastEnabledValue)(displayValues, mergedRawValue);
-
         if (removeInfo.removedValue !== null) {
           triggerChange(removeInfo.values);
           triggerSelect(removeInfo.removedValue, false, 'input');
         }
       }
-
       for (var _len = arguments.length, rest = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
         rest[_key - 1] = arguments[_key];
       }
-
       if (mergedOpen && listRef.current) {
         var _listRef$current;
-
         (_listRef$current = listRef.current).onKeyDown.apply(_listRef$current, [event].concat(rest));
       }
-
       if (onKeyDown) {
         onKeyDown.apply(void 0, [event].concat(rest));
       }
-    }; // KeyUp
-
-
+    };
+    // KeyUp
     var onInternalKeyUp = function onInternalKeyUp(event) {
       for (var _len2 = arguments.length, rest = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
         rest[_key2 - 1] = arguments[_key2];
       }
-
       if (mergedOpen && listRef.current) {
         var _listRef$current2;
-
         (_listRef$current2 = listRef.current).onKeyUp.apply(_listRef$current2, [event].concat(rest));
       }
-
       if (onKeyUp) {
         onKeyUp.apply(void 0, [event].concat(rest));
       }
-    }; // ========================== Focus / Blur ==========================
-
+    };
+    // ========================== Focus / Blur ==========================
     /** Record real focus status */
-
-
     var focusRef = (0, React.useRef)(false);
-
     var onContainerFocus = function onContainerFocus() {
       setMockFocused(true);
-
       if (!disabled) {
         if (onFocus && !focusRef.current) {
           onFocus.apply(void 0, arguments);
-        } // `showAction` should handle `focus` if set
-
-
+        }
+        // `showAction` should handle `focus` if set
         if (showAction.includes('focus')) {
           onToggleOpen(true);
         }
       }
-
       focusRef.current = true;
     };
-
     var onContainerBlur = function onContainerBlur() {
       setMockFocused(false, function () {
         focusRef.current = false;
         onToggleOpen(false);
       });
-
       if (disabled) {
         return;
       }
-
       if (mergedSearchValue) {
         // `tags` mode should move `searchValue` into values
         if (mode === 'tags') {
@@ -716,12 +603,10 @@ function generateSelector(config) {
           }, 100);
         }
       }
-
       if (onBlur) {
         onBlur.apply(void 0, arguments);
       }
     };
-
     var activeTimeoutIds = [];
     (0, React.useEffect)(function () {
       return function () {
@@ -731,76 +616,60 @@ function generateSelector(config) {
         activeTimeoutIds.splice(0, activeTimeoutIds.length);
       };
     }, []);
-
     var onInternalMouseDown = function onInternalMouseDown(event) {
       var target = event.target;
-      var popupElement = triggerRef.current && triggerRef.current.getPopupElement(); // We should give focus back to selector if clicked item is not focusable
-
+      var popupElement = triggerRef.current && triggerRef.current.getPopupElement();
+      // We should give focus back to selector if clicked item is not focusable
       if (popupElement && popupElement.contains(target)) {
         var timeoutId = setTimeout(function () {
           var index = activeTimeoutIds.indexOf(timeoutId);
-
           if (index !== -1) {
             activeTimeoutIds.splice(index, 1);
           }
-
           cancelSetMockFocused();
-
           if (!popupElement.contains(document.activeElement)) {
             selectorRef.current.focus();
           }
         });
         activeTimeoutIds.push(timeoutId);
       }
-
       if (onMouseDown) {
         for (var _len3 = arguments.length, restArgs = new Array(_len3 > 1 ? _len3 - 1 : 0), _key3 = 1; _key3 < _len3; _key3++) {
           restArgs[_key3 - 1] = arguments[_key3];
         }
-
         onMouseDown.apply(void 0, [event].concat(restArgs));
       }
-    }; // ========================= Accessibility ==========================
-
-
+    };
+    // ========================= Accessibility ==========================
     var _useState9 = (0, React.useState)(0),
-        _useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
-        accessibilityIndex = _useState10[0],
-        setAccessibilityIndex = _useState10[1];
-
+      _useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
+      accessibilityIndex = _useState10[0],
+      setAccessibilityIndex = _useState10[1];
     var mergedDefaultActiveFirstOption = defaultActiveFirstOption !== undefined ? defaultActiveFirstOption : mode !== 'combobox';
-
     var onActiveValue = function onActiveValue(active, index) {
       var _ref3 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
-          _ref3$source = _ref3.source,
-          source = _ref3$source === void 0 ? 'keyboard' : _ref3$source;
-
+        _ref3$source = _ref3.source,
+        source = _ref3$source === void 0 ? 'keyboard' : _ref3$source;
       setAccessibilityIndex(index);
-
       if (backfill && mode === 'combobox' && active !== null && source === 'keyboard') {
         setActiveValue(String(active));
       }
-    }; // ============================= Popup ==============================
-
-
+    };
+    // ============================= Popup ==============================
     var _useState11 = (0, React.useState)(null),
-        _useState12 = (0, _slicedToArray2["default"])(_useState11, 2),
-        containerWidth = _useState12[0],
-        setContainerWidth = _useState12[1];
-
+      _useState12 = (0, _slicedToArray2["default"])(_useState11, 2),
+      containerWidth = _useState12[0],
+      setContainerWidth = _useState12[1];
     var _useState13 = (0, React.useState)({}),
-        _useState14 = (0, _slicedToArray2["default"])(_useState13, 2),
-        forceUpdate = _useState14[1]; // We need force update here since popup dom is render async
-
-
+      _useState14 = (0, _slicedToArray2["default"])(_useState13, 2),
+      forceUpdate = _useState14[1];
+    // We need force update here since popup dom is render async
     function onPopupMouseEnter() {
       forceUpdate({});
     }
-
     (0, _useLayoutEffect["default"])(function () {
       if (triggerOpen) {
         var newWidth = Math.ceil(containerRef.current.offsetWidth);
-
         if (containerWidth !== newWidth) {
           setContainerWidth(newWidth);
         }
@@ -837,20 +706,17 @@ function generateSelector(config) {
       showTitle: showTitle,
       showSelectAll: showSelectAll,
       optionRender: optionRender
-    }); // ============================= Clear ==============================
-
+    });
+    // ============================= Clear ==============================
     var clearNode;
-
     var onClearMouseDown = function onClearMouseDown() {
       // Trigger internal `onClear` event
       if (useInternalProps && internalProps.onClear) {
         internalProps.onClear();
       }
-
       if (onClear) {
         onClear();
       }
-
       var disabledValues = displayValues.filter(function (value) {
         return !!value.disabled;
       });
@@ -859,19 +725,16 @@ function generateSelector(config) {
       }));
       triggerSearch('', false, false);
     };
-
     if (!disabled && allowClear && (mergedRawValue.length || mergedSearchValue)) {
       clearNode = /*#__PURE__*/React.createElement(_TransBtn["default"], {
         className: "".concat(prefixCls, "-clear"),
         onMouseDown: onClearMouseDown,
         customizeIcon: clearIcon
       }, "\xD7");
-    } // ============================= Arrow ==============================
-
-
+    }
+    // ============================= Arrow ==============================
     var mergedShowArrow = showArrow !== undefined ? showArrow : loading || mode !== 'combobox';
     var arrowNode;
-
     if (mergedShowArrow) {
       arrowNode = /*#__PURE__*/React.createElement(_TransBtn["default"], {
         className: (0, _classnames["default"])("".concat(prefixCls, "-arrow"), (0, _defineProperty2["default"])({}, "".concat(prefixCls, "-arrow-loading"), loading)),
@@ -884,14 +747,12 @@ function generateSelector(config) {
           showSearch: mergedShowSearch
         }
       });
-    } // ============================ Warning =============================
-
-
+    }
+    // ============================ Warning =============================
     if (process.env.NODE_ENV !== 'production' && warningProps) {
       warningProps(props);
-    } // ============================= Render =============================
-
-
+    }
+    // ============================= Render =============================
     var mergedClassName = (0, _classnames["default"])(prefixCls, className, (_classNames2 = {}, (0, _defineProperty2["default"])(_classNames2, "".concat(prefixCls, "-focused"), mockFocused), (0, _defineProperty2["default"])(_classNames2, "".concat(prefixCls, "-multiple"), isMultiple), (0, _defineProperty2["default"])(_classNames2, "".concat(prefixCls, "-single"), !isMultiple), (0, _defineProperty2["default"])(_classNames2, "".concat(prefixCls, "-allow-clear"), allowClear), (0, _defineProperty2["default"])(_classNames2, "".concat(prefixCls, "-show-arrow"), mergedShowArrow), (0, _defineProperty2["default"])(_classNames2, "".concat(prefixCls, "-disabled"), disabled), (0, _defineProperty2["default"])(_classNames2, "".concat(prefixCls, "-loading"), loading), (0, _defineProperty2["default"])(_classNames2, "".concat(prefixCls, "-open"), mergedOpen), (0, _defineProperty2["default"])(_classNames2, "".concat(prefixCls, "-customize-input"), customizeInputElement), (0, _defineProperty2["default"])(_classNames2, "".concat(prefixCls, "-show-search"), mergedShowSearch), _classNames2));
     return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
       className: mergedClassName
@@ -956,7 +817,6 @@ function generateSelector(config) {
       tokenWithEnter: tokenWithEnter
     }))), arrowNode, clearNode);
   }
-
   var RefSelect = /*#__PURE__*/React.forwardRef(Select);
   return RefSelect;
 }