@aloudata/aloudata-design 0.4.0-beta.11 → 0.4.0-beta.12

package/lib/Select/rc-select/Select.js

@@ -4,120 +4,82 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _warning = _interopRequireDefault(require("rc-util/lib/warning"));
-
 var _useMergedState5 = _interopRequireDefault(require("rc-util/lib/hooks/useMergedState"));
-
 var _BaseSelect = _interopRequireWildcard(require("./BaseSelect"));
-
 var _OptionList = _interopRequireDefault(require("./OptionList"));
-
 var _Option = _interopRequireDefault(require("./Option"));
-
 var _OptGroup = _interopRequireDefault(require("./OptGroup"));
-
 var _useOptions = _interopRequireDefault(require("./hooks/useOptions"));
-
 var _SelectContext = _interopRequireDefault(require("./SelectContext"));
-
 var _useId = _interopRequireDefault(require("./hooks/useId"));
-
 var _useRefFunc = _interopRequireDefault(require("./hooks/useRefFunc"));
-
 var _valueUtil = require("./utils/valueUtil");
-
 var _warningPropsUtil = _interopRequireDefault(require("./utils/warningPropsUtil"));
-
 var _commonUtil = require("./utils/commonUtil");
-
 var _useFilterOptions = _interopRequireDefault(require("./hooks/useFilterOptions"));
-
 var _useCache3 = _interopRequireDefault(require("./hooks/useCache"));
-
 var _excluded = ["id", "mode", "prefixCls", "backfill", "fieldNames", "inputValue", "searchValue", "onSearch", "autoClearSearchValue", "onSelect", "onDeselect", "dropdownMatchSelectWidth", "filterOption", "filterSort", "optionFilterProp", "optionLabelProp", "options", "children", "defaultActiveFirstOption", "menuItemSelectedIcon", "virtual", "listHeight", "listItemHeight", "value", "defaultValue", "labelInValue", "onChange"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 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; }
-
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _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(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 var OMIT_DOM_PROPS = ['inputValue'];
-
 function isRawValue(value) {
   return !value || _typeof(value) !== 'object';
 }
-
 var Select = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var id = props.id,
-      mode = props.mode,
-      _props$prefixCls = props.prefixCls,
-      prefixCls = _props$prefixCls === void 0 ? 'rc-select' : _props$prefixCls,
-      backfill = props.backfill,
-      fieldNames = props.fieldNames,
-      inputValue = props.inputValue,
-      searchValue = props.searchValue,
-      onSearch = props.onSearch,
-      _props$autoClearSearc = props.autoClearSearchValue,
-      autoClearSearchValue = _props$autoClearSearc === void 0 ? true : _props$autoClearSearc,
-      onSelect = props.onSelect,
-      onDeselect = props.onDeselect,
-      _props$dropdownMatchS = props.dropdownMatchSelectWidth,
-      dropdownMatchSelectWidth = _props$dropdownMatchS === void 0 ? true : _props$dropdownMatchS,
-      filterOption = props.filterOption,
-      filterSort = props.filterSort,
-      optionFilterProp = props.optionFilterProp,
-      optionLabelProp = props.optionLabelProp,
-      options = props.options,
-      children = props.children,
-      defaultActiveFirstOption = props.defaultActiveFirstOption,
-      menuItemSelectedIcon = props.menuItemSelectedIcon,
-      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,
-      value = props.value,
-      defaultValue = props.defaultValue,
-      labelInValue = props.labelInValue,
-      onChange = props.onChange,
-      restProps = _objectWithoutProperties(props, _excluded);
-
+    mode = props.mode,
+    _props$prefixCls = props.prefixCls,
+    prefixCls = _props$prefixCls === void 0 ? 'rc-select' : _props$prefixCls,
+    backfill = props.backfill,
+    fieldNames = props.fieldNames,
+    inputValue = props.inputValue,
+    searchValue = props.searchValue,
+    onSearch = props.onSearch,
+    _props$autoClearSearc = props.autoClearSearchValue,
+    autoClearSearchValue = _props$autoClearSearc === void 0 ? true : _props$autoClearSearc,
+    onSelect = props.onSelect,
+    onDeselect = props.onDeselect,
+    _props$dropdownMatchS = props.dropdownMatchSelectWidth,
+    dropdownMatchSelectWidth = _props$dropdownMatchS === void 0 ? true : _props$dropdownMatchS,
+    filterOption = props.filterOption,
+    filterSort = props.filterSort,
+    optionFilterProp = props.optionFilterProp,
+    optionLabelProp = props.optionLabelProp,
+    options = props.options,
+    children = props.children,
+    defaultActiveFirstOption = props.defaultActiveFirstOption,
+    menuItemSelectedIcon = props.menuItemSelectedIcon,
+    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,
+    value = props.value,
+    defaultValue = props.defaultValue,
+    labelInValue = props.labelInValue,
+    onChange = props.onChange,
+    restProps = _objectWithoutProperties(props, _excluded);
   var mergedId = (0, _useId.default)(id);
   var multiple = (0, _BaseSelect.isMultiple)(mode);
   var childrenAsData = !!(!options && children);
@@ -125,72 +87,64 @@ var Select = /*#__PURE__*/React.forwardRef(function (props, ref) {
     if (filterOption === undefined && mode === 'combobox') {
       return false;
     }
-
     return filterOption;
-  }, [filterOption, mode]); // ========================= FieldNames =========================
-
+  }, [filterOption, mode]);
+  // ========================= FieldNames =========================
   var mergedFieldNames = React.useMemo(function () {
     return (0, _valueUtil.fillFieldNames)(fieldNames, childrenAsData);
-  },
-  /* eslint-disable react-hooks/exhaustive-deps */
-  [// We stringify fieldNames to avoid unnecessary re-renders.
-  JSON.stringify(fieldNames), childrenAsData]); // =========================== Search ===========================
-
+  }, /* eslint-disable react-hooks/exhaustive-deps */
+  [
+  // We stringify fieldNames to avoid unnecessary re-renders.
+  JSON.stringify(fieldNames), childrenAsData]);
+  // =========================== Search ===========================
   var _useMergedState = (0, _useMergedState5.default)('', {
-    value: searchValue !== undefined ? searchValue : inputValue,
-    postState: function postState(search) {
-      return search || '';
-    }
-  }),
-      _useMergedState2 = _slicedToArray(_useMergedState, 2),
-      mergedSearchValue = _useMergedState2[0],
-      setSearchValue = _useMergedState2[1]; // =========================== Option ===========================
-
-
+      value: searchValue !== undefined ? searchValue : inputValue,
+      postState: function postState(search) {
+        return search || '';
+      }
+    }),
+    _useMergedState2 = _slicedToArray(_useMergedState, 2),
+    mergedSearchValue = _useMergedState2[0],
+    setSearchValue = _useMergedState2[1];
+  // =========================== Option ===========================
   var parsedOptions = (0, _useOptions.default)(options, children, mergedFieldNames, optionFilterProp, optionLabelProp);
   var valueOptions = parsedOptions.valueOptions,
-      labelOptions = parsedOptions.labelOptions,
-      mergedOptions = parsedOptions.options; // ========================= Wrap Value =========================
-
+    labelOptions = parsedOptions.labelOptions,
+    mergedOptions = parsedOptions.options;
+  // ========================= Wrap Value =========================
   var convert2LabelValues = React.useCallback(function (draftValues) {
     // Convert to array
-    var valueList = (0, _commonUtil.toArray)(draftValues); // Convert to labelInValue type
-
+    var valueList = (0, _commonUtil.toArray)(draftValues);
+    // Convert to labelInValue type
     return valueList.map(function (val) {
       var rawValue;
       var rawLabel;
       var rawKey;
-      var rawDisabled; // Fill label & value
-
+      var rawDisabled;
+      // Fill label & value
       if (isRawValue(val)) {
         rawValue = val;
       } else {
         var _val$value;
-
         rawKey = val.key;
         rawLabel = val.label;
         rawValue = (_val$value = val.value) !== null && _val$value !== void 0 ? _val$value : rawKey;
       }
-
       var option = valueOptions.get(rawValue);
-
       if (option) {
         var _option$key;
-
         // Fill missing props
         if (rawLabel === undefined) rawLabel = option === null || option === void 0 ? void 0 : option[optionLabelProp || mergedFieldNames.label];
         if (rawKey === undefined) rawKey = (_option$key = option === null || option === void 0 ? void 0 : option.key) !== null && _option$key !== void 0 ? _option$key : rawValue;
-        rawDisabled = option === null || option === void 0 ? void 0 : option.disabled; // Warning if label not same as provided
-
+        rawDisabled = option === null || option === void 0 ? void 0 : option.disabled;
+        // Warning if label not same as provided
         if (process.env.NODE_ENV !== 'production' && !optionLabelProp) {
           var optionLabel = option === null || option === void 0 ? void 0 : option[mergedFieldNames.label];
-
           if (optionLabel !== undefined && optionLabel !== rawLabel) {
             (0, _warning.default)(false, '`label` of `value` is not same as `label` in Select options.');
           }
         }
       }
-
       return {
         label: rawLabel,
         value: rawValue,
@@ -198,54 +152,46 @@ var Select = /*#__PURE__*/React.forwardRef(function (props, ref) {
         disabled: rawDisabled
       };
     });
-  }, [mergedFieldNames, optionLabelProp, valueOptions]); // =========================== Values ===========================
-
+  }, [mergedFieldNames, optionLabelProp, valueOptions]);
+  // =========================== Values ===========================
   var _useMergedState3 = (0, _useMergedState5.default)(defaultValue, {
-    value: value
-  }),
-      _useMergedState4 = _slicedToArray(_useMergedState3, 2),
-      internalValue = _useMergedState4[0],
-      setInternalValue = _useMergedState4[1]; // Merged value with LabelValueType
-
-
+      value: value
+    }),
+    _useMergedState4 = _slicedToArray(_useMergedState3, 2),
+    internalValue = _useMergedState4[0],
+    setInternalValue = _useMergedState4[1];
+  // Merged value with LabelValueType
   var rawLabeledValues = React.useMemo(function () {
     var _values$;
-
-    var values = convert2LabelValues(internalValue); // combobox no need save value when it's empty
-
+    var values = convert2LabelValues(internalValue);
+    // combobox no need save value when it's empty
     if (mode === 'combobox' && !((_values$ = values[0]) === null || _values$ === void 0 ? void 0 : _values$.value)) {
       return [];
     }
-
     return values;
-  }, [internalValue, convert2LabelValues, mode]); // Fill label with cache to avoid option remove
-
+  }, [internalValue, convert2LabelValues, mode]);
+  // Fill label with cache to avoid option remove
   var _useCache = (0, _useCache3.default)(rawLabeledValues, valueOptions),
-      _useCache2 = _slicedToArray(_useCache, 2),
-      mergedValues = _useCache2[0],
-      getMixedOption = _useCache2[1];
-
+    _useCache2 = _slicedToArray(_useCache, 2),
+    mergedValues = _useCache2[0],
+    getMixedOption = _useCache2[1];
   var displayValues = React.useMemo(function () {
     // `null` need show as placeholder instead
     // https://github.com/ant-design/ant-design/issues/25057
     if (!mode && mergedValues.length === 1) {
       var firstValue = mergedValues[0];
-
       if (firstValue.value === null && (firstValue.label === null || firstValue.label === undefined)) {
         return [];
       }
     }
-
     return mergedValues.map(function (item) {
       var _item$label;
-
       return _objectSpread(_objectSpread({}, item), {}, {
         label: (_item$label = item.label) !== null && _item$label !== void 0 ? _item$label : item.value
       });
     });
   }, [mode, mergedValues]);
   /** Convert `displayValues` to raw value type set */
-
   var rawValues = React.useMemo(function () {
     return new Set(mergedValues.map(function (val) {
       return val.value;
@@ -254,66 +200,56 @@ var Select = /*#__PURE__*/React.forwardRef(function (props, ref) {
   React.useEffect(function () {
     if (mode === 'combobox') {
       var _mergedValues$;
-
       var strValue = (_mergedValues$ = mergedValues[0]) === null || _mergedValues$ === void 0 ? void 0 : _mergedValues$.value;
-
       if (strValue !== undefined && strValue !== null) {
         setSearchValue(String(strValue));
       }
     }
-  }, [mergedValues]); // ======================= Display Option =======================
+  }, [mergedValues]);
+  // ======================= Display Option =======================
   // Create a placeholder item if not exist in `options`
-
   var createTagOption = (0, _useRefFunc.default)(function (val, label) {
     var _ref;
-
     var mergedLabel = label !== null && label !== void 0 ? label : val;
     return _ref = {}, _defineProperty(_ref, mergedFieldNames.value, val), _defineProperty(_ref, mergedFieldNames.label, mergedLabel), _ref;
-  }); // Fill tag as option if mode is `tags`
-
+  });
+  // Fill tag as option if mode is `tags`
   var filledTagOptions = React.useMemo(function () {
     if (mode !== 'tags') {
       return mergedOptions;
-    } // >>> Tag mode
-
-
-    var cloneOptions = _toConsumableArray(mergedOptions); // Check if value exist in options (include new patch item)
-
-
+    }
+    // >>> Tag mode
+    var cloneOptions = _toConsumableArray(mergedOptions);
+    // Check if value exist in options (include new patch item)
     var existOptions = function existOptions(val) {
       return valueOptions.has(val);
-    }; // Fill current value as option
-
-
+    };
+    // Fill current value as option
     _toConsumableArray(mergedValues).sort(function (a, b) {
       return a.value < b.value ? -1 : 1;
     }).forEach(function (item) {
       var val = item.value;
-
       if (!existOptions(val)) {
         cloneOptions.push(createTagOption(val, item.label));
       }
     });
-
     return cloneOptions;
   }, [createTagOption, mergedOptions, valueOptions, mergedValues, mode]);
-  var filteredOptions = (0, _useFilterOptions.default)(filledTagOptions, mergedFieldNames, mergedSearchValue, mergedFilterOption, optionFilterProp); // Fill options with search value if needed
-
+  var filteredOptions = (0, _useFilterOptions.default)(filledTagOptions, mergedFieldNames, mergedSearchValue, mergedFilterOption, optionFilterProp);
+  // Fill options with search value if needed
   var filledSearchOptions = React.useMemo(function () {
     if (mode !== 'tags' || !mergedSearchValue || filteredOptions.some(function (item) {
       return item[optionFilterProp || 'value'] === mergedSearchValue;
     })) {
       return filteredOptions;
-    } // Fill search value as option
-
-
+    }
+    // Fill search value as option
     return [createTagOption(mergedSearchValue)].concat(_toConsumableArray(filteredOptions));
   }, [createTagOption, optionFilterProp, mode, filteredOptions, mergedSearchValue]);
   var orderedFilteredOptions = React.useMemo(function () {
     if (!filterSort) {
       return filledSearchOptions;
     }
-
     return _toConsumableArray(filledSearchOptions).sort(function (a, b) {
       return filterSort(a, b);
     });
@@ -323,16 +259,15 @@ var Select = /*#__PURE__*/React.forwardRef(function (props, ref) {
       fieldNames: mergedFieldNames,
       childrenAsData: childrenAsData
     });
-  }, [orderedFilteredOptions, mergedFieldNames, childrenAsData]); // =========================== Change ===========================
-
+  }, [orderedFilteredOptions, mergedFieldNames, childrenAsData]);
+  // =========================== Change ===========================
   var triggerChange = function triggerChange(values) {
     var labeledValues = convert2LabelValues(values);
     setInternalValue(labeledValues);
-
-    if (onChange && ( // Trigger event only when value changed
+    if (onChange && (
+    // Trigger event only when value changed
     labeledValues.length !== mergedValues.length || labeledValues.some(function (newVal, index) {
       var _mergedValues$index;
-
       return ((_mergedValues$index = mergedValues[index]) === null || _mergedValues$index === void 0 ? void 0 : _mergedValues$index.value) !== (newVal === null || newVal === void 0 ? void 0 : newVal.value);
     }))) {
       var returnValues = labelInValue ? labeledValues : labeledValues.map(function (v) {
@@ -341,40 +276,36 @@ var Select = /*#__PURE__*/React.forwardRef(function (props, ref) {
       var returnOptions = labeledValues.map(function (v) {
         return (0, _valueUtil.injectPropsWithOption)(getMixedOption(v.value));
       });
-      onChange( // Value
-      multiple ? returnValues : returnValues[0], // Option
+      onChange(
+      // Value
+      multiple ? returnValues : returnValues[0],
+      // Option
       multiple ? returnOptions : returnOptions[0]);
     }
-  }; // ======================= Accessibility ========================
-
-
+  };
+  // ======================= Accessibility ========================
   var _React$useState = React.useState(null),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      activeValue = _React$useState2[0],
-      setActiveValue = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    activeValue = _React$useState2[0],
+    setActiveValue = _React$useState2[1];
   var _React$useState3 = React.useState(0),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      accessibilityIndex = _React$useState4[0],
-      setAccessibilityIndex = _React$useState4[1];
-
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    accessibilityIndex = _React$useState4[0],
+    setAccessibilityIndex = _React$useState4[1];
   var mergedDefaultActiveFirstOption = defaultActiveFirstOption !== undefined ? defaultActiveFirstOption : mode !== 'combobox';
   var onActiveValue = React.useCallback(function (active, index) {
     var _ref2 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
-        _ref2$source = _ref2.source,
-        source = _ref2$source === void 0 ? 'keyboard' : _ref2$source;
-
+      _ref2$source = _ref2.source,
+      source = _ref2$source === void 0 ? 'keyboard' : _ref2$source;
     setAccessibilityIndex(index);
-
     if (backfill && mode === 'combobox' && active !== null && source === 'keyboard') {
       setActiveValue(String(active));
     }
-  }, [backfill, mode]); // ========================= OptionList =========================
-
+  }, [backfill, mode]);
+  // ========================= OptionList =========================
   var triggerSelect = function triggerSelect(val, selected) {
     var getSelectEnt = function getSelectEnt() {
       var _option$key2;
-
       var option = getMixedOption(val);
       return [labelInValue ? {
         label: option === null || option === void 0 ? void 0 : option[mergedFieldNames.label],
@@ -382,30 +313,25 @@ var Select = /*#__PURE__*/React.forwardRef(function (props, ref) {
         key: (_option$key2 = option === null || option === void 0 ? void 0 : option.key) !== null && _option$key2 !== void 0 ? _option$key2 : val
       } : val, (0, _valueUtil.injectPropsWithOption)(option)];
     };
-
     if (selected && onSelect) {
       var _getSelectEnt = getSelectEnt(),
-          _getSelectEnt2 = _slicedToArray(_getSelectEnt, 2),
-          wrappedValue = _getSelectEnt2[0],
-          option = _getSelectEnt2[1];
-
+        _getSelectEnt2 = _slicedToArray(_getSelectEnt, 2),
+        wrappedValue = _getSelectEnt2[0],
+        option = _getSelectEnt2[1];
       onSelect(wrappedValue, option);
     } else if (!selected && onDeselect) {
       var _getSelectEnt3 = getSelectEnt(),
-          _getSelectEnt4 = _slicedToArray(_getSelectEnt3, 2),
-          _wrappedValue = _getSelectEnt4[0],
-          _option = _getSelectEnt4[1];
-
+        _getSelectEnt4 = _slicedToArray(_getSelectEnt3, 2),
+        _wrappedValue = _getSelectEnt4[0],
+        _option = _getSelectEnt4[1];
       onDeselect(_wrappedValue, _option);
     }
-  }; // Used for OptionList selection
-
-
+  };
+  // Used for OptionList selection
   var onInternalSelect = (0, _useRefFunc.default)(function (val, info) {
-    var cloneValues; // Single mode always trigger select only with option list
-
+    var cloneValues;
+    // Single mode always trigger select only with option list
     var mergedSelect = multiple ? info.selected : true;
-
     if (mergedSelect) {
       cloneValues = multiple ? [].concat(_toConsumableArray(mergedValues), [val]) : [val];
     } else {
@@ -413,10 +339,9 @@ var Select = /*#__PURE__*/React.forwardRef(function (props, ref) {
         return v.value !== val;
       });
     }
-
     triggerChange(cloneValues);
-    triggerSelect(val, mergedSelect); // Clean search value if single or configured
-
+    triggerSelect(val, mergedSelect);
+    // Clean search value if single or configured
     if (mode === 'combobox') {
       // setSearchValue(String(val));
       setActiveValue('');
@@ -424,49 +349,42 @@ var Select = /*#__PURE__*/React.forwardRef(function (props, ref) {
       setSearchValue('');
       setActiveValue('');
     }
-  }); // ======================= Display Change =======================
+  });
+  // ======================= Display Change =======================
   // BaseSelect display values change
-
   var onDisplayValuesChange = function onDisplayValuesChange(nextValues, info) {
     triggerChange(nextValues);
-
     if (info.type === 'remove' || info.type === 'clear') {
       info.values.forEach(function (item) {
         triggerSelect(item.value, false);
       });
     }
-  }; // =========================== Search ===========================
-
-
+  };
+  // =========================== Search ===========================
   var onInternalSearch = function onInternalSearch(searchText, info) {
     setSearchValue(searchText);
-    setActiveValue(null); // [Submit] Tag mode should flush input
-
+    setActiveValue(null);
+    // [Submit] Tag mode should flush input
     if (info.source === 'submit') {
-      var formatted = (searchText || '').trim(); // prevent empty tags from appearing when you click the Enter button
-
+      var formatted = (searchText || '').trim();
+      // prevent empty tags from appearing when you click the Enter button
       if (formatted) {
         var newRawValues = Array.from(new Set([].concat(_toConsumableArray(rawValues), [formatted])));
         triggerChange(newRawValues);
         triggerSelect(formatted, true);
         setSearchValue('');
       }
-
       return;
     }
-
     if (info.source !== 'blur') {
       if (mode === 'combobox') {
         triggerChange(searchText);
       }
-
       onSearch === null || onSearch === void 0 ? void 0 : onSearch(searchText);
     }
   };
-
   var onInternalSearchSplit = function onInternalSearchSplit(words) {
     var patchValues = words;
-
     if (mode !== 'tags') {
       patchValues = words.map(function (word) {
         var opt = labelOptions.get(word);
@@ -475,15 +393,13 @@ var Select = /*#__PURE__*/React.forwardRef(function (props, ref) {
         return val !== undefined;
       });
     }
-
     var newRawValues = Array.from(new Set([].concat(_toConsumableArray(rawValues), _toConsumableArray(patchValues))));
     triggerChange(newRawValues);
     newRawValues.forEach(function (newRawValue) {
       triggerSelect(newRawValue, true);
     });
-  }; // ========================== Context ===========================
-
-
+  };
+  // ========================== Context ===========================
   var selectContext = React.useMemo(function () {
     var realVirtual = virtual !== false && dropdownMatchSelectWidth !== false;
     return _objectSpread(_objectSpread({}, parsedOptions), {}, {
@@ -499,18 +415,17 @@ var Select = /*#__PURE__*/React.forwardRef(function (props, ref) {
       listItemHeight: listItemHeight,
       childrenAsData: childrenAsData
     });
-  }, [parsedOptions, displayOptions, onActiveValue, mergedDefaultActiveFirstOption, onInternalSelect, menuItemSelectedIcon, rawValues, mergedFieldNames, virtual, dropdownMatchSelectWidth, listHeight, listItemHeight, childrenAsData]); // ========================== Warning ===========================
-
+  }, [parsedOptions, displayOptions, onActiveValue, mergedDefaultActiveFirstOption, onInternalSelect, menuItemSelectedIcon, rawValues, mergedFieldNames, virtual, dropdownMatchSelectWidth, listHeight, listItemHeight, childrenAsData]);
+  // ========================== Warning ===========================
   if (process.env.NODE_ENV !== 'production') {
     (0, _warningPropsUtil.default)(props);
-  } // ==============================================================
+  }
+  // ==============================================================
   // ==                          Render                          ==
   // ==============================================================
-
-
   return /*#__PURE__*/React.createElement(_SelectContext.default.Provider, {
     value: selectContext
-  }, /*#__PURE__*/React.createElement(_BaseSelect.default, Object.assign({}, restProps, {
+  }, /*#__PURE__*/React.createElement(_BaseSelect.default, _objectSpread(_objectSpread({}, restProps), {}, {
     // >>> MISC
     id: mergedId,
     prefixCls: prefixCls,
@@ -533,11 +448,9 @@ var Select = /*#__PURE__*/React.forwardRef(function (props, ref) {
     activeDescendantId: "".concat(mergedId, "_list_").concat(accessibilityIndex)
   })));
 });
-
 if (process.env.NODE_ENV !== 'production') {
   Select.displayName = 'Select';
 }
-
 var TypedSelect = Select;
 TypedSelect.Option = _Option.default;
 TypedSelect.OptGroup = _OptGroup.default;