tntd 2.7.29 → 2.7.30

package/lib/tntd-select/rc-select/BaseSelect.js

@@ -0,0 +1,566 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+exports.isMultiple = isMultiple;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _useLayoutEffect = _interopRequireDefault(require("rc-util/lib/hooks/useLayoutEffect"));
+var _useMergedState3 = _interopRequireDefault(require("rc-util/lib/hooks/useMergedState"));
+var _isMobile = _interopRequireDefault(require("rc-util/lib/isMobile"));
+var _KeyCode = _interopRequireDefault(require("rc-util/lib/KeyCode"));
+var _ref2 = require("rc-util/lib/ref");
+var React = _interopRequireWildcard(require("react"));
+var _useAllowClear2 = require("./hooks/useAllowClear");
+var _useBaseProps = require("./hooks/useBaseProps");
+var _useDelayReset3 = _interopRequireDefault(require("./hooks/useDelayReset"));
+var _useLock3 = _interopRequireDefault(require("./hooks/useLock"));
+var _useSelectTriggerControl = _interopRequireDefault(require("./hooks/useSelectTriggerControl"));
+var _Selector = _interopRequireDefault(require("./Selector"));
+var _SelectTrigger = _interopRequireDefault(require("./SelectTrigger"));
+var _TransBtn = _interopRequireDefault(require("./TransBtn"));
+var _valueUtil = require("./utils/valueUtil");
+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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+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); }
+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 _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 _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 = 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; }
+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];
+  }
+  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 = ['value', 'onChange', 'removeIcon', 'placeholder', 'autoFocus', 'maxTagCount', 'maxTagTextLength', 'maxTagPlaceholder', 'choiceTransitionName', 'onInputKeyDown', 'onPopupScroll', 'tabIndex'];
+function isMultiple(mode) {
+  return mode === 'tags' || mode === 'multiple';
+}
+var BaseSelect = React.forwardRef(function (props, ref) {
+  var _classNames2;
+  var _a;
+  var id = props.id,
+    prefixCls = props.prefixCls,
+    className = props.className,
+    showSearch = props.showSearch,
+    tagRender = props.tagRender,
+    direction = props.direction,
+    omitDomProps = props.omitDomProps,
+    displayValues = props.displayValues,
+    onDisplayValuesChange = props.onDisplayValuesChange,
+    emptyOptions = props.emptyOptions,
+    _props$notFoundConten = props.notFoundContent,
+    notFoundContent = _props$notFoundConten === void 0 ? 'Not Found' : _props$notFoundConten,
+    onClear = props.onClear,
+    mode = props.mode,
+    disabled = props.disabled,
+    loading = props.loading,
+    getInputElement = props.getInputElement,
+    getRawInputElement = props.getRawInputElement,
+    open = props.open,
+    defaultOpen = props.defaultOpen,
+    onDropdownVisibleChange = props.onDropdownVisibleChange,
+    activeValue = props.activeValue,
+    onActiveValueChange = props.onActiveValueChange,
+    activeDescendantId = props.activeDescendantId,
+    searchValue = props.searchValue,
+    autoClearSearchValue = props.autoClearSearchValue,
+    onSearch = props.onSearch,
+    onSearchSplit = props.onSearchSplit,
+    tokenSeparators = props.tokenSeparators,
+    allowClear = props.allowClear,
+    suffixIcon = props.suffixIcon,
+    clearIcon = props.clearIcon,
+    OptionList = props.OptionList,
+    animation = props.animation,
+    transitionName = props.transitionName,
+    dropdownStyle = props.dropdownStyle,
+    dropdownClassName = props.dropdownClassName,
+    dropdownMatchSelectWidth = props.dropdownMatchSelectWidth,
+    dropdownRender = props.dropdownRender,
+    dropdownAlign = props.dropdownAlign,
+    placement = props.placement,
+    builtinPlacements = props.builtinPlacements,
+    getPopupContainer = props.getPopupContainer,
+    _props$showAction = props.showAction,
+    showAction = _props$showAction === void 0 ? [] : _props$showAction,
+    onFocus = props.onFocus,
+    onBlur = props.onBlur,
+    onKeyUp = props.onKeyUp,
+    onKeyDown = props.onKeyDown,
+    onMouseDown = props.onMouseDown,
+    restProps = __rest(props, ["id", "prefixCls", "className", "showSearch", "tagRender", "direction", "omitDomProps", "displayValues", "onDisplayValuesChange", "emptyOptions", "notFoundContent", "onClear", "mode", "disabled", "loading", "getInputElement", "getRawInputElement", "open", "defaultOpen", "onDropdownVisibleChange", "activeValue", "onActiveValueChange", "activeDescendantId", "searchValue", "autoClearSearchValue", "onSearch", "onSearchSplit", "tokenSeparators", "allowClear", "suffixIcon", "clearIcon", "OptionList", "animation", "transitionName", "dropdownStyle", "dropdownClassName", "dropdownMatchSelectWidth", "dropdownRender", "dropdownAlign", "placement", "builtinPlacements", "getPopupContainer", "showAction", "onFocus", "onBlur", "onKeyUp", "onKeyDown", "onMouseDown"]);
+  // ============================== MISC ==============================
+  var multiple = isMultiple(mode);
+  var mergedShowSearch = (showSearch !== undefined ? showSearch : multiple) || mode === 'combobox';
+  var domProps = Object.assign({}, restProps);
+  DEFAULT_OMIT_PROPS.forEach(function (propName) {
+    delete domProps[propName];
+  });
+  omitDomProps === null || omitDomProps === void 0 ? void 0 : omitDomProps.forEach(function (propName) {
+    delete domProps[propName];
+  });
+  // ============================= Mobile =============================
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    mobile = _React$useState2[0],
+    setMobile = _React$useState2[1];
+  React.useEffect(function () {
+    // Only update on the client side
+    setMobile((0, _isMobile["default"])());
+  }, []);
+  // ============================== Refs ==============================
+  var containerRef = React.useRef(null);
+  var selectorDomRef = React.useRef(null);
+  var triggerRef = React.useRef(null);
+  var selectorRef = React.useRef(null);
+  var listRef = React.useRef(null);
+  var blurRef = React.useRef(false);
+  /** Used for component focused management */
+  var _useDelayReset = (0, _useDelayReset3["default"])(),
+    _useDelayReset2 = _slicedToArray(_useDelayReset, 3),
+    mockFocused = _useDelayReset2[0],
+    setMockFocused = _useDelayReset2[1],
+    cancelSetMockFocused = _useDelayReset2[2];
+  // =========================== Imperative ===========================
+  React.useImperativeHandle(ref, function () {
+    var _a, _b;
+    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: function scrollTo(arg) {
+        var _a;
+        return (_a = listRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo(arg);
+      }
+    };
+  });
+  // ========================== Search Value ==========================
+  var mergedSearchValue = React.useMemo(function () {
+    var _a;
+    if (mode !== 'combobox') {
+      return searchValue;
+    }
+    var val = (_a = displayValues[0]) === null || _a === void 0 ? void 0 : _a.value;
+    return typeof val === 'string' || typeof val === 'number' ? String(val) : '';
+  }, [searchValue, mode, displayValues]);
+  // ========================== Custom Input ==========================
+  // Only works in `combobox`
+  var customizeInputElement = mode === 'combobox' && typeof getInputElement === 'function' && getInputElement() || null;
+  // Used for customize replacement for `rc-cascader`
+  var customizeRawInputElement = typeof getRawInputElement === 'function' && getRawInputElement();
+  var customizeRawInputRef = (0, _ref2.useComposeRef)(selectorDomRef, (_a = customizeRawInputElement === null || customizeRawInputElement === void 0 ? void 0 : customizeRawInputElement.props) === null || _a === void 0 ? void 0 : _a.ref);
+  // ============================== Open ==============================
+  // SSR not support Portal which means we need delay `open` for the first time render
+  var _React$useState3 = React.useState(false),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    rendered = _React$useState4[0],
+    setRendered = _React$useState4[1];
+  (0, _useLayoutEffect["default"])(function () {
+    setRendered(true);
+  }, []);
+  var _useMergedState = (0, _useMergedState3["default"])(false, {
+      defaultValue: defaultOpen,
+      value: open
+    }),
+    _useMergedState2 = _slicedToArray(_useMergedState, 2),
+    innerOpen = _useMergedState2[0],
+    setInnerOpen = _useMergedState2[1];
+  var mergedOpen = rendered ? innerOpen : false;
+  // Not trigger `open` in `combobox` when `notFoundContent` is empty
+  var emptyListContent = !notFoundContent && emptyOptions;
+  if (disabled || emptyListContent && mergedOpen && mode === 'combobox') {
+    mergedOpen = false;
+  }
+  var triggerOpen = emptyListContent ? false : mergedOpen;
+  var onToggleOpen = React.useCallback(function (newOpen) {
+    var nextOpen = newOpen !== undefined ? newOpen : !mergedOpen;
+    if (!disabled) {
+      setInnerOpen(nextOpen);
+      if (mergedOpen !== nextOpen) {
+        onDropdownVisibleChange === null || onDropdownVisibleChange === void 0 ? void 0 : onDropdownVisibleChange(nextOpen);
+      }
+    }
+  }, [disabled, mergedOpen, setInnerOpen, onDropdownVisibleChange]);
+  // ============================= Search =============================
+  var tokenWithEnter = React.useMemo(function () {
+    return (tokenSeparators || []).some(function (tokenSeparator) {
+      return ['\n', '\r\n'].includes(tokenSeparator);
+    });
+  }, [tokenSeparators]);
+  var onInternalSearch = function onInternalSearch(searchText, fromTyping, isCompositing) {
+    var ret = true;
+    var newSearchText = searchText;
+    onActiveValueChange === null || onActiveValueChange === void 0 ? void 0 : onActiveValueChange(null);
+    // Check if match the `tokenSeparators`
+    var patchLabels = isCompositing ? null : (0, _valueUtil.getSeparatedContent)(searchText, tokenSeparators);
+    // Ignore combobox since it's not split-able
+    if (mode !== 'combobox' && patchLabels) {
+      newSearchText = '';
+      onSearchSplit === null || onSearchSplit === void 0 ? void 0 : onSearchSplit(patchLabels);
+      // Should close when paste finish
+      onToggleOpen(false);
+      // Tell Selector that break next actions
+      ret = false;
+    }
+    if (onSearch && mergedSearchValue !== newSearchText) {
+      onSearch(newSearchText, {
+        source: fromTyping ? 'typing' : 'effect'
+      });
+    }
+    return ret;
+  };
+  // 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 onInternalSearchSubmit = function onInternalSearchSubmit(searchText) {
+    // prevent empty tags from appearing when you click the Enter button
+    if (!searchText || !searchText.trim()) {
+      return;
+    }
+    onSearch(searchText, {
+      source: 'submit'
+    });
+  };
+  // Close will clean up single mode search text
+  React.useEffect(function () {
+    if (!mergedOpen && !multiple && mode !== 'combobox') {
+      onInternalSearch('', false, false);
+    }
+  }, [mergedOpen]);
+  // ============================ Disabled ============================
+  // Close dropdown & remove focus state when disabled change
+  React.useEffect(function () {
+    if (innerOpen && disabled) {
+      setInnerOpen(false);
+    }
+    // After onBlur is triggered, the focused does not need to be reset
+    if (disabled && !blurRef.current) {
+      setMockFocused(false);
+    }
+  }, [disabled]);
+  // ============================ 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 = _slicedToArray(_useLock, 2),
+    getClearLock = _useLock2[0],
+    setClearLock = _useLock2[1];
+  // KeyDown
+  var onInternalKeyDown = function onInternalKeyDown(event) {
+    var clearLock = getClearLock();
+    var which = event.which;
+    if (which === _KeyCode["default"].ENTER) {
+      // Do not submit form when type in the input
+      if (mode !== 'combobox') {
+        event.preventDefault();
+      }
+      // We only manage open state here, close logic should handle by list component
+      if (!mergedOpen) {
+        onToggleOpen(true);
+      }
+    }
+    setClearLock(!!mergedSearchValue);
+    // Remove value by `backspace`
+    if (which === _KeyCode["default"].BACKSPACE && !clearLock && multiple && !mergedSearchValue && displayValues.length) {
+      var cloneDisplayValues = _toConsumableArray(displayValues);
+      var removedDisplayValue = null;
+      for (var i = cloneDisplayValues.length - 1; i >= 0; i -= 1) {
+        var current = cloneDisplayValues[i];
+        if (!current.disabled) {
+          cloneDisplayValues.splice(i, 1);
+          removedDisplayValue = current;
+          break;
+        }
+      }
+      if (removedDisplayValue) {
+        onDisplayValuesChange(cloneDisplayValues, {
+          type: 'remove',
+          values: [removedDisplayValue]
+        });
+      }
+    }
+    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));
+    }
+    onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown.apply(void 0, [event].concat(rest));
+  };
+  // 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));
+    }
+    onKeyUp === null || onKeyUp === void 0 ? void 0 : onKeyUp.apply(void 0, [event].concat(rest));
+  };
+  // ============================ Selector ============================
+  var onSelectorRemove = function onSelectorRemove(val) {
+    var newValues = displayValues.filter(function (i) {
+      return i !== val;
+    });
+    onDisplayValuesChange(newValues, {
+      type: 'remove',
+      values: [val]
+    });
+  };
+  // ========================== Focus / Blur ==========================
+  /** Record real focus status */
+  var focusRef = 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
+      if (showAction.includes('focus')) {
+        onToggleOpen(true);
+      }
+    }
+    focusRef.current = true;
+  };
+  var onContainerBlur = function onContainerBlur() {
+    blurRef.current = true;
+    setMockFocused(false, function () {
+      focusRef.current = false;
+      blurRef.current = false;
+      onToggleOpen(false);
+    });
+    if (disabled) {
+      return;
+    }
+    if (mergedSearchValue) {
+      // `tags` mode should move `searchValue` into values
+      if (mode === 'tags') {
+        onSearch(mergedSearchValue, {
+          source: 'submit'
+        });
+      } else if (mode === 'multiple') {
+        // `multiple` mode only clean the search value but not trigger event
+        onSearch('', {
+          source: 'blur'
+        });
+      }
+    }
+    if (onBlur) {
+      onBlur.apply(void 0, arguments);
+    }
+  };
+  // Give focus back of Select
+  var activeTimeoutIds = [];
+  React.useEffect(function () {
+    return function () {
+      activeTimeoutIds.forEach(function (timeoutId) {
+        return clearTimeout(timeoutId);
+      });
+      activeTimeoutIds.splice(0, activeTimeoutIds.length);
+    };
+  }, []);
+  var onInternalMouseDown = function onInternalMouseDown(event) {
+    var _a;
+    var target = event.target;
+    var popupElement = (_a = triggerRef.current) === null || _a === void 0 ? void 0 : _a.getPopupElement();
+    // We should give focus back to selector if clicked item is not focusable
+    if (popupElement && popupElement.contains(target)) {
+      var timeoutId = setTimeout(function () {
+        var _a;
+        var index = activeTimeoutIds.indexOf(timeoutId);
+        if (index !== -1) {
+          activeTimeoutIds.splice(index, 1);
+        }
+        cancelSetMockFocused();
+        if (!mobile && !popupElement.contains(document.activeElement)) {
+          (_a = selectorRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        }
+      });
+      activeTimeoutIds.push(timeoutId);
+    }
+    for (var _len3 = arguments.length, restArgs = new Array(_len3 > 1 ? _len3 - 1 : 0), _key3 = 1; _key3 < _len3; _key3++) {
+      restArgs[_key3 - 1] = arguments[_key3];
+    }
+    onMouseDown === null || onMouseDown === void 0 ? void 0 : onMouseDown.apply(void 0, [event].concat(restArgs));
+  };
+  // ============================ Dropdown ============================
+  var _React$useState5 = React.useState({}),
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    forceUpdate = _React$useState6[1];
+  // We need force update here since popup dom is render async
+  function onPopupMouseEnter() {
+    forceUpdate({});
+  }
+  // Used for raw custom input trigger
+  var onTriggerVisibleChange;
+  if (customizeRawInputElement) {
+    onTriggerVisibleChange = function onTriggerVisibleChange(newOpen) {
+      onToggleOpen(newOpen);
+    };
+  }
+  // Close when click on non-select element
+  (0, _useSelectTriggerControl["default"])(function () {
+    var _a;
+    return [containerRef.current, (_a = triggerRef.current) === null || _a === void 0 ? void 0 : _a.getPopupElement()];
+  }, triggerOpen, onToggleOpen, !!customizeRawInputElement);
+  // ============================ Context =============================
+  var baseSelectContext = React.useMemo(function () {
+    return Object.assign(Object.assign({}, props), {
+      notFoundContent: notFoundContent,
+      open: mergedOpen,
+      triggerOpen: triggerOpen,
+      id: id,
+      showSearch: mergedShowSearch,
+      multiple: multiple,
+      toggleOpen: onToggleOpen
+    });
+  }, [props, notFoundContent, triggerOpen, mergedOpen, id, mergedShowSearch, multiple, onToggleOpen]);
+  // ==================================================================
+  // ==                            Render                            ==
+  // ==================================================================
+  // ============================= Arrow ==============================
+  var showSuffixIcon = !!suffixIcon || loading;
+  var arrowNode;
+  if (showSuffixIcon) {
+    arrowNode = React.createElement(_TransBtn["default"], {
+      className: (0, _classnames["default"])("".concat(prefixCls, "-arrow"), _defineProperty({}, "".concat(prefixCls, "-arrow-loading"), loading)),
+      customizeIcon: suffixIcon,
+      customizeIconProps: {
+        loading: loading,
+        searchValue: mergedSearchValue,
+        open: mergedOpen,
+        focused: mockFocused,
+        showSearch: mergedShowSearch
+      }
+    });
+  }
+  // ============================= Clear ==============================
+  var onClearMouseDown = function onClearMouseDown() {
+    var _a;
+    onClear === null || onClear === void 0 ? void 0 : onClear();
+    (_a = selectorRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    onDisplayValuesChange([], {
+      type: 'clear',
+      values: displayValues
+    });
+    onInternalSearch('', false, false);
+  };
+  var _useAllowClear = (0, _useAllowClear2.useAllowClear)(prefixCls, onClearMouseDown, displayValues, allowClear, clearIcon, disabled, mergedSearchValue, mode),
+    mergedAllowClear = _useAllowClear.allowClear,
+    clearNode = _useAllowClear.clearIcon;
+  // =========================== OptionList ===========================
+  var optionList = React.createElement(OptionList, {
+    ref: listRef
+  });
+  // ============================= Select =============================
+  var mergedClassName = (0, _classnames["default"])(prefixCls, className, (_classNames2 = {}, _defineProperty(_classNames2, "".concat(prefixCls, "-focused"), mockFocused), _defineProperty(_classNames2, "".concat(prefixCls, "-multiple"), multiple), _defineProperty(_classNames2, "".concat(prefixCls, "-single"), !multiple), _defineProperty(_classNames2, "".concat(prefixCls, "-allow-clear"), allowClear), _defineProperty(_classNames2, "".concat(prefixCls, "-show-arrow"), showSuffixIcon), _defineProperty(_classNames2, "".concat(prefixCls, "-disabled"), disabled), _defineProperty(_classNames2, "".concat(prefixCls, "-loading"), loading), _defineProperty(_classNames2, "".concat(prefixCls, "-open"), mergedOpen), _defineProperty(_classNames2, "".concat(prefixCls, "-customize-input"), customizeInputElement), _defineProperty(_classNames2, "".concat(prefixCls, "-show-search"), mergedShowSearch), _classNames2));
+  // >>> Selector
+  var selectorNode = React.createElement(_SelectTrigger["default"], {
+    ref: triggerRef,
+    disabled: disabled,
+    prefixCls: prefixCls,
+    visible: triggerOpen,
+    popupElement: optionList,
+    animation: animation,
+    transitionName: transitionName,
+    dropdownStyle: dropdownStyle,
+    dropdownClassName: dropdownClassName,
+    direction: direction,
+    dropdownMatchSelectWidth: dropdownMatchSelectWidth,
+    dropdownRender: dropdownRender,
+    dropdownAlign: dropdownAlign,
+    placement: placement,
+    builtinPlacements: builtinPlacements,
+    getPopupContainer: getPopupContainer,
+    empty: emptyOptions,
+    getTriggerDOMNode: function getTriggerDOMNode() {
+      return selectorDomRef.current;
+    },
+    onPopupVisibleChange: onTriggerVisibleChange,
+    onPopupMouseEnter: onPopupMouseEnter
+  }, customizeRawInputElement ? React.cloneElement(customizeRawInputElement, {
+    ref: customizeRawInputRef
+  }) : React.createElement(_Selector["default"], Object.assign({}, props, {
+    domRef: selectorDomRef,
+    prefixCls: prefixCls,
+    inputElement: customizeInputElement,
+    ref: selectorRef,
+    id: id,
+    showSearch: mergedShowSearch,
+    autoClearSearchValue: autoClearSearchValue,
+    mode: mode,
+    activeDescendantId: activeDescendantId,
+    tagRender: tagRender,
+    values: displayValues,
+    open: mergedOpen,
+    onToggleOpen: onToggleOpen,
+    activeValue: activeValue,
+    searchValue: mergedSearchValue,
+    onSearch: onInternalSearch,
+    onSearchSubmit: onInternalSearchSubmit,
+    onRemove: onSelectorRemove,
+    tokenWithEnter: tokenWithEnter
+  })));
+  // >>> Render
+  var renderNode;
+  // Render raw
+  if (customizeRawInputElement) {
+    renderNode = selectorNode;
+  } else {
+    renderNode = React.createElement("div", Object.assign({
+      className: mergedClassName
+    }, domProps, {
+      ref: containerRef,
+      onMouseDown: onInternalMouseDown,
+      onKeyDown: onInternalKeyDown,
+      onKeyUp: onInternalKeyUp,
+      onFocus: onContainerFocus,
+      onBlur: onContainerBlur
+    }), mockFocused && !mergedOpen && React.createElement("span", {
+      style: {
+        width: 0,
+        height: 0,
+        position: 'absolute',
+        overflow: 'hidden',
+        opacity: 0
+      },
+      "aria-live": "polite"
+    }, "".concat(displayValues.map(function (_ref) {
+      var label = _ref.label,
+        value = _ref.value;
+      return ['number', 'string'].includes(_typeof(label)) ? label : value;
+    }).join(', '))), selectorNode, arrowNode, mergedAllowClear && clearNode);
+  }
+  return React.createElement(_useBaseProps.BaseSelectContext.Provider, {
+    value: baseSelectContext
+  }, renderNode);
+});
+// Set display name for dev
+if (process.env.NODE_ENV !== 'production') {
+  BaseSelect.displayName = 'BaseSelect';
+}
+var _default = BaseSelect;
+exports["default"] = _default;

package/lib/tntd-select/rc-select/BaseSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseSelect.js","sourceRoot":"","sources":["../../../src/tntd-select/rc-select/BaseSelect.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { AlignType, BuildInPlacements } from '@rc-component/trigger/lib/interface';\nimport classNames from 'classnames';\nimport useLayoutEffect from 'rc-util/lib/hooks/useLayoutEffect';\nimport useMergedState from 'rc-util/lib/hooks/useMergedState';\nimport isMobile from 'rc-util/lib/isMobile';\nimport KeyCode from 'rc-util/lib/KeyCode';\nimport { useComposeRef } from 'rc-util/lib/ref';\nimport type { ScrollConfig, ScrollTo } from 'rc-virtual-list/lib/List';\nimport * as React from 'react';\nimport { useAllowClear } from './hooks/useAllowClear';\nimport { BaseSelectContext } from './hooks/useBaseProps';\nimport useDelayReset from './hooks/useDelayReset';\nimport useLock from './hooks/useLock';\nimport useSelectTriggerControl from './hooks/useSelectTriggerControl';\nimport type {\n  DisplayInfoType,\n  DisplayValueType,\n  Mode,\n  Placement,\n  RawValueType,\n  RenderDOMFunc,\n  RenderNode,\n} from './interface';\nimport type { RefSelectorProps } from './Selector';\nimport Selector from './Selector';\nimport type { RefTriggerProps } from './SelectTrigger';\nimport SelectTrigger from './SelectTrigger';\nimport TransBtn from './TransBtn';\nimport { getSeparatedContent } from './utils/valueUtil';\n\nexport type {\n  DisplayInfoType,\n  DisplayValueType,\n  Mode,\n  Placement,\n  RenderDOMFunc,\n  RenderNode,\n  RawValueType,\n};\n\nconst DEFAULT_OMIT_PROPS = [\n  'value',\n  'onChange',\n  'removeIcon',\n  'placeholder',\n  'autoFocus',\n  'maxTagCount',\n  'maxTagTextLength',\n  'maxTagPlaceholder',\n  'choiceTransitionName',\n  'onInputKeyDown',\n  'onPopupScroll',\n  'tabIndex',\n] as const;\nexport interface RefOptionListProps {\n  onKeyDown: React.KeyboardEventHandler;\n  onKeyUp: React.KeyboardEventHandler;\n  scrollTo?: (args: number | ScrollConfig) => void;\n}\n\nexport type CustomTagProps = {\n  label: React.ReactNode;\n  value: any;\n  disabled: boolean;\n  onClose: (event?: React.MouseEvent<HTMLElement, MouseEvent>) => void;\n  closable: boolean;\n};\n\nexport interface BaseSelectRef {\n  focus: () => void;\n  blur: () => void;\n  scrollTo: ScrollTo;\n}\n\nexport interface BaseSelectPrivateProps {\n  // >>> MISC\n  id: string;\n  prefixCls: string;\n  omitDomProps?: string[];\n\n  // >>> Value\n  displayValues: DisplayValueType[];\n  onDisplayValuesChange: (\n    values: DisplayValueType[],\n    info: {\n      type: DisplayInfoType;\n      values: DisplayValueType[];\n    },\n  ) => void;\n\n  // >>> Active\n  /** Current dropdown list active item string value */\n  activeValue?: string;\n  /** Link search input with target element */\n  activeDescendantId?: string;\n  onActiveValueChange?: (value: string | null) => void;\n\n  // >>> Search\n  searchValue: string;\n  autoClearSearchValue?: boolean;\n  /** Trigger onSearch, return false to prevent trigger open event */\n  onSearch: (\n    searchValue: string,\n    info: {\n      source:\n        | 'typing' //User typing\n        | 'effect' // Code logic trigger\n        | 'submit' // tag mode only\n        | 'blur'; // Not trigger event\n    },\n  ) => void;\n  /** Trigger when search text match the `tokenSeparators`. Will provide split content */\n  onSearchSplit?: (words: string[]) => void;\n\n  // >>> Dropdown\n  OptionList: React.ForwardRefExoticComponent<\n    React.PropsWithoutRef<any> & React.RefAttributes<RefOptionListProps>\n  >;\n  /** Tell if provided `options` is empty */\n  emptyOptions: boolean;\n}\n\nexport type BaseSelectPropsWithoutPrivate = Omit<BaseSelectProps, keyof BaseSelectPrivateProps>;\n\nexport interface BaseSelectProps extends BaseSelectPrivateProps, React.AriaAttributes {\n  className?: string;\n  style?: React.CSSProperties;\n  title?: string;\n  showSearch?: boolean;\n  tagRender?: (props: CustomTagProps) => React.ReactElement;\n  direction?: 'ltr' | 'rtl';\n  maxLength?: number;\n\n  // MISC\n  tabIndex?: number;\n  autoFocus?: boolean;\n  notFoundContent?: React.ReactNode;\n  placeholder?: React.ReactNode;\n  onClear?: () => void;\n\n  choiceTransitionName?: string;\n\n  // >>> Mode\n  mode?: Mode;\n\n  // >>> Status\n  disabled?: boolean;\n  loading?: boolean;\n\n  // >>> Open\n  open?: boolean;\n  defaultOpen?: boolean;\n  onDropdownVisibleChange?: (open: boolean) => void;\n\n  // >>> Customize Input\n  /** @private Internal usage. Do not use in your production. */\n  getInputElement?: () => JSX.Element;\n  /** @private Internal usage. Do not use in your production. */\n  getRawInputElement?: () => JSX.Element;\n\n  // >>> Selector\n  maxTagTextLength?: number;\n  maxTagCount?: number | 'responsive';\n  maxTagPlaceholder?: React.ReactNode | ((omittedValues: DisplayValueType[]) => React.ReactNode);\n\n  // >>> Search\n  tokenSeparators?: string[];\n\n  // >>> Icons\n  allowClear?: boolean | { clearIcon?: RenderNode };\n  suffixIcon?: RenderNode;\n  /**\n   * Clear all icon\n   * @deprecated Please use `allowClear` instead\n   **/\n  clearIcon?: RenderNode;\n  /** Selector remove icon */\n  removeIcon?: RenderNode;\n\n  // >>> Dropdown\n  animation?: string;\n  transitionName?: string;\n  dropdownStyle?: React.CSSProperties;\n  dropdownClassName?: string;\n  dropdownMatchSelectWidth?: boolean | number;\n  dropdownRender?: (menu: React.ReactElement) => React.ReactElement;\n  dropdownAlign?: AlignType;\n  placement?: Placement;\n  builtinPlacements?: BuildInPlacements;\n  getPopupContainer?: RenderDOMFunc;\n\n  // >>> Focus\n  showAction?: ('focus' | 'click')[];\n  onBlur?: React.FocusEventHandler<HTMLElement>;\n  onFocus?: React.FocusEventHandler<HTMLElement>;\n\n  // >>> Rest Events\n  onKeyUp?: React.KeyboardEventHandler<HTMLDivElement>;\n  onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;\n  onMouseDown?: React.MouseEventHandler<HTMLDivElement>;\n  onPopupScroll?: React.UIEventHandler<HTMLDivElement>;\n  onInputKeyDown?: React.KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  onMouseEnter?: React.MouseEventHandler<HTMLDivElement>;\n  onMouseLeave?: React.MouseEventHandler<HTMLDivElement>;\n  onClick?: React.MouseEventHandler<HTMLDivElement>;\n}\n\nexport function isMultiple(mode: Mode) {\n  return mode === 'tags' || mode === 'multiple';\n}\n\nconst BaseSelect = React.forwardRef((props: BaseSelectProps, ref: React.Ref<BaseSelectRef>) => {\n  const {\n    id,\n    prefixCls,\n    className,\n    showSearch,\n    tagRender,\n    direction,\n    omitDomProps,\n\n    // Value\n    displayValues,\n    onDisplayValuesChange,\n    emptyOptions,\n    notFoundContent = 'Not Found',\n    onClear,\n\n    // Mode\n    mode,\n\n    // Status\n    disabled,\n    loading,\n\n    // Customize Input\n    getInputElement,\n    getRawInputElement,\n\n    // Open\n    open,\n    defaultOpen,\n    onDropdownVisibleChange,\n\n    // Active\n    activeValue,\n    onActiveValueChange,\n    activeDescendantId,\n\n    // Search\n    searchValue,\n    autoClearSearchValue,\n    onSearch,\n    onSearchSplit,\n    tokenSeparators,\n\n    // Icons\n    allowClear,\n    suffixIcon,\n    clearIcon,\n\n    // Dropdown\n    OptionList,\n    animation,\n    transitionName,\n    dropdownStyle,\n    dropdownClassName,\n    dropdownMatchSelectWidth,\n    dropdownRender,\n    dropdownAlign,\n    placement,\n    builtinPlacements,\n    getPopupContainer,\n\n    // Focus\n    showAction = [],\n    onFocus,\n    onBlur,\n\n    // Rest Events\n    onKeyUp,\n    onKeyDown,\n    onMouseDown,\n\n    // Rest Props\n    ...restProps\n  } = props;\n\n  // ============================== MISC ==============================\n  const multiple = isMultiple(mode);\n  const mergedShowSearch =\n    (showSearch !== undefined ? showSearch : multiple) || mode === 'combobox';\n\n  const domProps = {\n    ...restProps,\n  } as Omit<keyof typeof restProps, (typeof DEFAULT_OMIT_PROPS)[number]>;\n\n  DEFAULT_OMIT_PROPS.forEach((propName) => {\n    delete domProps[propName];\n  });\n\n  omitDomProps?.forEach((propName) => {\n    delete domProps[propName];\n  });\n\n  // ============================= Mobile =============================\n  const [mobile, setMobile] = React.useState(false);\n  React.useEffect(() => {\n    // Only update on the client side\n    setMobile(isMobile());\n  }, []);\n\n  // ============================== Refs ==============================\n  const containerRef = React.useRef<HTMLDivElement>(null);\n  const selectorDomRef = React.useRef<HTMLDivElement>(null);\n  const triggerRef = React.useRef<RefTriggerProps>(null);\n  const selectorRef = React.useRef<RefSelectorProps>(null);\n  const listRef = React.useRef<RefOptionListProps>(null);\n  const blurRef = React.useRef<boolean>(false);\n\n  /** Used for component focused management */\n  const [mockFocused, setMockFocused, cancelSetMockFocused] = useDelayReset();\n\n  // =========================== Imperative ===========================\n  React.useImperativeHandle(ref, () => ({\n    focus: selectorRef.current?.focus,\n    blur: selectorRef.current?.blur,\n    scrollTo: (arg) => listRef.current?.scrollTo(arg),\n  }));\n\n  // ========================== Search Value ==========================\n  const mergedSearchValue = React.useMemo(() => {\n    if (mode !== 'combobox') {\n      return searchValue;\n    }\n\n    const val = displayValues[0]?.value;\n\n    return typeof val === 'string' || typeof val === 'number' ? String(val) : '';\n  }, [searchValue, mode, displayValues]);\n\n  // ========================== Custom Input ==========================\n  // Only works in `combobox`\n  const customizeInputElement: React.ReactElement =\n    (mode === 'combobox' && typeof getInputElement === 'function' && getInputElement()) || null;\n\n  // Used for customize replacement for `rc-cascader`\n  const customizeRawInputElement: React.ReactElement =\n    typeof getRawInputElement === 'function' && getRawInputElement();\n\n  const customizeRawInputRef = useComposeRef<HTMLElement>(\n    selectorDomRef,\n    customizeRawInputElement?.props?.ref,\n  );\n\n  // ============================== Open ==============================\n  // SSR not support Portal which means we need delay `open` for the first time render\n  const [rendered, setRendered] = React.useState(false);\n  useLayoutEffect(() => {\n    setRendered(true);\n  }, []);\n\n  const [innerOpen, setInnerOpen] = useMergedState<boolean>(false, {\n    defaultValue: defaultOpen,\n    value: open,\n  });\n\n  let mergedOpen = rendered ? innerOpen : false;\n\n  // Not trigger `open` in `combobox` when `notFoundContent` is empty\n  const emptyListContent = !notFoundContent && emptyOptions;\n  if (disabled || (emptyListContent && mergedOpen && mode === 'combobox')) {\n    mergedOpen = false;\n  }\n  const triggerOpen = emptyListContent ? false : mergedOpen;\n\n  const onToggleOpen = React.useCallback(\n    (newOpen?: boolean) => {\n      const nextOpen = newOpen !== undefined ? newOpen : !mergedOpen;\n\n      if (!disabled) {\n        setInnerOpen(nextOpen);\n\n        if (mergedOpen !== nextOpen) {\n          onDropdownVisibleChange?.(nextOpen);\n        }\n      }\n    },\n    [disabled, mergedOpen, setInnerOpen, onDropdownVisibleChange],\n  );\n\n  // ============================= Search =============================\n  const tokenWithEnter = React.useMemo(\n    () => (tokenSeparators || []).some((tokenSeparator) => ['\\n', '\\r\\n'].includes(tokenSeparator)),\n    [tokenSeparators],\n  );\n\n  const onInternalSearch = (searchText: string, fromTyping: boolean, isCompositing: boolean) => {\n    let ret = true;\n    let newSearchText = searchText;\n    onActiveValueChange?.(null);\n\n    // Check if match the `tokenSeparators`\n    const patchLabels: string[] = isCompositing\n      ? null\n      : getSeparatedContent(searchText, tokenSeparators);\n\n    // Ignore combobox since it's not split-able\n    if (mode !== 'combobox' && patchLabels) {\n      newSearchText = '';\n\n      onSearchSplit?.(patchLabels);\n\n      // Should close when paste finish\n      onToggleOpen(false);\n\n      // Tell Selector that break next actions\n      ret = false;\n    }\n\n    if (onSearch && mergedSearchValue !== newSearchText) {\n      onSearch(newSearchText, {\n        source: fromTyping ? 'typing' : 'effect',\n      });\n    }\n\n    return ret;\n  };\n\n  // Only triggered when menu is closed & mode is tags\n  // If menu is open, OptionList will take charge\n  // If mode isn't tags, press enter is not meaningful when you can't see any option\n  const onInternalSearchSubmit = (searchText: string) => {\n    // prevent empty tags from appearing when you click the Enter button\n    if (!searchText || !searchText.trim()) {\n      return;\n    }\n    onSearch(searchText, { source: 'submit' });\n  };\n\n  // Close will clean up single mode search text\n  React.useEffect(() => {\n    if (!mergedOpen && !multiple && mode !== 'combobox') {\n      onInternalSearch('', false, false);\n    }\n  }, [mergedOpen]);\n\n  // ============================ Disabled ============================\n  // Close dropdown & remove focus state when disabled change\n  React.useEffect(() => {\n    if (innerOpen && disabled) {\n      setInnerOpen(false);\n    }\n\n    // After onBlur is triggered, the focused does not need to be reset\n    if (disabled && !blurRef.current) {\n      setMockFocused(false);\n    }\n  }, [disabled]);\n\n  // ============================ Keyboard ============================\n  /**\n   * We record input value here to check if can press to clean up by backspace\n   * - null: Key is not down, this is reset by key up\n   * - true: Search text is empty when first time backspace down\n   * - false: Search text is not empty when first time backspace down\n   */\n  const [getClearLock, setClearLock] = useLock();\n\n  // KeyDown\n  const onInternalKeyDown: React.KeyboardEventHandler<HTMLDivElement> = (event, ...rest) => {\n    const clearLock = getClearLock();\n    const { which } = event;\n\n    if (which === KeyCode.ENTER) {\n      // Do not submit form when type in the input\n      if (mode !== 'combobox') {\n        event.preventDefault();\n      }\n\n      // We only manage open state here, close logic should handle by list component\n      if (!mergedOpen) {\n        onToggleOpen(true);\n      }\n    }\n\n    setClearLock(!!mergedSearchValue);\n\n    // Remove value by `backspace`\n    if (\n      which === KeyCode.BACKSPACE &&\n      !clearLock &&\n      multiple &&\n      !mergedSearchValue &&\n      displayValues.length\n    ) {\n      const cloneDisplayValues = [...displayValues];\n      let removedDisplayValue = null;\n\n      for (let i = cloneDisplayValues.length - 1; i >= 0; i -= 1) {\n        const current = cloneDisplayValues[i];\n\n        if (!current.disabled) {\n          cloneDisplayValues.splice(i, 1);\n          removedDisplayValue = current;\n          break;\n        }\n      }\n\n      if (removedDisplayValue) {\n        onDisplayValuesChange(cloneDisplayValues, {\n          type: 'remove',\n          values: [removedDisplayValue],\n        });\n      }\n    }\n\n    if (mergedOpen && listRef.current) {\n      listRef.current.onKeyDown(event, ...rest);\n    }\n\n    onKeyDown?.(event, ...rest);\n  };\n\n  // KeyUp\n  const onInternalKeyUp: React.KeyboardEventHandler<HTMLDivElement> = (event, ...rest) => {\n    if (mergedOpen && listRef.current) {\n      listRef.current.onKeyUp(event, ...rest);\n    }\n\n    onKeyUp?.(event, ...rest);\n  };\n\n  // ============================ Selector ============================\n  const onSelectorRemove = (val: DisplayValueType) => {\n    const newValues = displayValues.filter((i) => i !== val);\n\n    onDisplayValuesChange(newValues, {\n      type: 'remove',\n      values: [val],\n    });\n  };\n\n  // ========================== Focus / Blur ==========================\n  /** Record real focus status */\n  const focusRef = React.useRef<boolean>(false);\n\n  const onContainerFocus: React.FocusEventHandler<HTMLElement> = (...args) => {\n    setMockFocused(true);\n\n    if (!disabled) {\n      if (onFocus && !focusRef.current) {\n        onFocus(...args);\n      }\n\n      // `showAction` should handle `focus` if set\n      if (showAction.includes('focus')) {\n        onToggleOpen(true);\n      }\n    }\n\n    focusRef.current = true;\n  };\n\n  const onContainerBlur: React.FocusEventHandler<HTMLElement> = (...args) => {\n    blurRef.current = true;\n\n    setMockFocused(false, () => {\n      focusRef.current = false;\n      blurRef.current = false;\n      onToggleOpen(false);\n    });\n\n    if (disabled) {\n      return;\n    }\n\n    if (mergedSearchValue) {\n      // `tags` mode should move `searchValue` into values\n      if (mode === 'tags') {\n        onSearch(mergedSearchValue, { source: 'submit' });\n      } else if (mode === 'multiple') {\n        // `multiple` mode only clean the search value but not trigger event\n        onSearch('', {\n          source: 'blur',\n        });\n      }\n    }\n\n    if (onBlur) {\n      onBlur(...args);\n    }\n  };\n\n  // Give focus back of Select\n  const activeTimeoutIds: any[] = [];\n  React.useEffect(\n    () => () => {\n      activeTimeoutIds.forEach((timeoutId) => clearTimeout(timeoutId));\n      activeTimeoutIds.splice(0, activeTimeoutIds.length);\n    },\n    [],\n  );\n\n  const onInternalMouseDown: React.MouseEventHandler<HTMLDivElement> = (event, ...restArgs) => {\n    const { target } = event;\n    const popupElement: HTMLDivElement = triggerRef.current?.getPopupElement();\n\n    // We should give focus back to selector if clicked item is not focusable\n    if (popupElement && popupElement.contains(target as HTMLElement)) {\n      const timeoutId = setTimeout(() => {\n        const index = activeTimeoutIds.indexOf(timeoutId);\n        if (index !== -1) {\n          activeTimeoutIds.splice(index, 1);\n        }\n\n        cancelSetMockFocused();\n\n        if (!mobile && !popupElement.contains(document.activeElement)) {\n          selectorRef.current?.focus();\n        }\n      });\n\n      activeTimeoutIds.push(timeoutId);\n    }\n\n    onMouseDown?.(event, ...restArgs);\n  };\n\n  // ============================ Dropdown ============================\n  const [, forceUpdate] = React.useState({});\n  // We need force update here since popup dom is render async\n  function onPopupMouseEnter() {\n    forceUpdate({});\n  }\n\n  // Used for raw custom input trigger\n  let onTriggerVisibleChange: null | ((newOpen: boolean) => void);\n  if (customizeRawInputElement) {\n    onTriggerVisibleChange = (newOpen: boolean) => {\n      onToggleOpen(newOpen);\n    };\n  }\n\n  // Close when click on non-select element\n  useSelectTriggerControl(\n    () => [containerRef.current, triggerRef.current?.getPopupElement()],\n    triggerOpen,\n    onToggleOpen,\n    !!customizeRawInputElement,\n  );\n\n  // ============================ Context =============================\n  const baseSelectContext = React.useMemo(\n    () => ({\n      ...props,\n      notFoundContent,\n      open: mergedOpen,\n      triggerOpen,\n      id,\n      showSearch: mergedShowSearch,\n      multiple,\n      toggleOpen: onToggleOpen,\n    }),\n    [props, notFoundContent, triggerOpen, mergedOpen, id, mergedShowSearch, multiple, onToggleOpen],\n  );\n\n  // ==================================================================\n  // ==                            Render                            ==\n  // ==================================================================\n\n  // ============================= Arrow ==============================\n  const showSuffixIcon = !!suffixIcon || loading;\n  let arrowNode: React.ReactNode;\n\n  if (showSuffixIcon) {\n    arrowNode = (\n      <TransBtn\n        className={classNames(`${prefixCls}-arrow`, {\n          [`${prefixCls}-arrow-loading`]: loading,\n        })}\n        customizeIcon={suffixIcon}\n        customizeIconProps={{\n          loading,\n          searchValue: mergedSearchValue,\n          open: mergedOpen,\n          focused: mockFocused,\n          showSearch: mergedShowSearch,\n        }}\n      />\n    );\n  }\n\n  // ============================= Clear ==============================\n  const onClearMouseDown: React.MouseEventHandler<HTMLSpanElement> = () => {\n    onClear?.();\n\n    selectorRef.current?.focus();\n\n    onDisplayValuesChange([], {\n      type: 'clear',\n      values: displayValues,\n    });\n    onInternalSearch('', false, false);\n  };\n\n  const { allowClear: mergedAllowClear, clearIcon: clearNode } = useAllowClear(\n    prefixCls,\n    onClearMouseDown,\n    displayValues,\n    allowClear,\n    clearIcon,\n    disabled,\n\n    mergedSearchValue,\n    mode,\n  );\n\n  // =========================== OptionList ===========================\n  const optionList = <OptionList ref={listRef} />;\n\n  // ============================= Select =============================\n  const mergedClassName = classNames(prefixCls, className, {\n    [`${prefixCls}-focused`]: mockFocused,\n    [`${prefixCls}-multiple`]: multiple,\n    [`${prefixCls}-single`]: !multiple,\n    [`${prefixCls}-allow-clear`]: allowClear,\n    [`${prefixCls}-show-arrow`]: showSuffixIcon,\n    [`${prefixCls}-disabled`]: disabled,\n    [`${prefixCls}-loading`]: loading,\n    [`${prefixCls}-open`]: mergedOpen,\n    [`${prefixCls}-customize-input`]: customizeInputElement,\n    [`${prefixCls}-show-search`]: mergedShowSearch,\n  });\n\n  // >>> Selector\n  const selectorNode = (\n    <SelectTrigger\n      ref={triggerRef}\n      disabled={disabled}\n      prefixCls={prefixCls}\n      visible={triggerOpen}\n      popupElement={optionList}\n      animation={animation}\n      transitionName={transitionName}\n      dropdownStyle={dropdownStyle}\n      dropdownClassName={dropdownClassName}\n      direction={direction}\n      dropdownMatchSelectWidth={dropdownMatchSelectWidth}\n      dropdownRender={dropdownRender}\n      dropdownAlign={dropdownAlign}\n      placement={placement}\n      builtinPlacements={builtinPlacements}\n      getPopupContainer={getPopupContainer}\n      empty={emptyOptions}\n      getTriggerDOMNode={() => selectorDomRef.current}\n      onPopupVisibleChange={onTriggerVisibleChange}\n      onPopupMouseEnter={onPopupMouseEnter}\n    >\n      {customizeRawInputElement ? (\n        React.cloneElement(customizeRawInputElement, {\n          ref: customizeRawInputRef,\n        })\n      ) : (\n        <Selector\n          {...props}\n          domRef={selectorDomRef}\n          prefixCls={prefixCls}\n          inputElement={customizeInputElement}\n          ref={selectorRef}\n          id={id}\n          showSearch={mergedShowSearch}\n          autoClearSearchValue={autoClearSearchValue}\n          mode={mode}\n          activeDescendantId={activeDescendantId}\n          tagRender={tagRender}\n          values={displayValues}\n          open={mergedOpen}\n          onToggleOpen={onToggleOpen}\n          activeValue={activeValue}\n          searchValue={mergedSearchValue}\n          onSearch={onInternalSearch}\n          onSearchSubmit={onInternalSearchSubmit}\n          onRemove={onSelectorRemove}\n          tokenWithEnter={tokenWithEnter}\n        />\n      )}\n    </SelectTrigger>\n  );\n\n  // >>> Render\n  let renderNode: React.ReactNode;\n\n  // Render raw\n  if (customizeRawInputElement) {\n    renderNode = selectorNode;\n  } else {\n    renderNode = (\n      <div\n        className={mergedClassName}\n        {...domProps}\n        ref={containerRef}\n        onMouseDown={onInternalMouseDown}\n        onKeyDown={onInternalKeyDown}\n        onKeyUp={onInternalKeyUp}\n        onFocus={onContainerFocus}\n        onBlur={onContainerBlur}\n      >\n        {mockFocused && !mergedOpen && (\n          <span\n            style={{\n              width: 0,\n              height: 0,\n              position: 'absolute',\n              overflow: 'hidden',\n              opacity: 0,\n            }}\n            aria-live=\"polite\"\n          >\n            {/* Merge into one string to make screen reader work as expect */}\n            {`${displayValues\n              .map(({ label, value }) =>\n                ['number', 'string'].includes(typeof label) ? label : value,\n              )\n              .join(', ')}`}\n          </span>\n        )}\n        {selectorNode}\n        {arrowNode}\n        {mergedAllowClear && clearNode}\n      </div>\n    );\n  }\n\n  return (\n    <BaseSelectContext.Provider value={baseSelectContext}>{renderNode}</BaseSelectContext.Provider>\n  );\n});\n\n// Set display name for dev\nif (process.env.NODE_ENV !== 'production') {\n  BaseSelect.displayName = 'BaseSelect';\n}\n\nexport default BaseSelect;\n"]}