tntd 2.7.30 → 2.7.32

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

@@ -1,566 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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"]}