tntd 2.7.29-beta.1 → 2.7.30

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

@@ -1,459 +1,566 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+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;
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isMultiple = void 0;
-const classnames_1 = __importDefault(require("classnames"));
-const useLayoutEffect_1 = __importDefault(require("rc-util/lib/hooks/useLayoutEffect"));
-const useMergedState_1 = __importDefault(require("rc-util/lib/hooks/useMergedState"));
-const isMobile_1 = __importDefault(require("rc-util/lib/isMobile"));
-const KeyCode_1 = __importDefault(require("rc-util/lib/KeyCode"));
-const ref_1 = require("rc-util/lib/ref");
-const React = __importStar(require("react"));
-const useAllowClear_1 = require("./hooks/useAllowClear");
-const useBaseProps_1 = require("./hooks/useBaseProps");
-const useDelayReset_1 = __importDefault(require("./hooks/useDelayReset"));
-const useLock_1 = __importDefault(require("./hooks/useLock"));
-const useSelectTriggerControl_1 = __importDefault(require("./hooks/useSelectTriggerControl"));
-const Selector_1 = __importDefault(require("./Selector"));
-const SelectTrigger_1 = __importDefault(require("./SelectTrigger"));
-const TransBtn_1 = __importDefault(require("./TransBtn"));
-const valueUtil_1 = require("./utils/valueUtil");
-const DEFAULT_OMIT_PROPS = [
-    'value',
-    'onChange',
-    'removeIcon',
-    'placeholder',
-    'autoFocus',
-    'maxTagCount',
-    'maxTagTextLength',
-    'maxTagPlaceholder',
-    'choiceTransitionName',
-    'onInputKeyDown',
-    'onPopupScroll',
-    'tabIndex',
-];
+var DEFAULT_OMIT_PROPS = ['value', 'onChange', 'removeIcon', 'placeholder', 'autoFocus', 'maxTagCount', 'maxTagTextLength', 'maxTagPlaceholder', 'choiceTransitionName', 'onInputKeyDown', 'onPopupScroll', 'tabIndex'];
 function isMultiple(mode) {
-    return mode === 'tags' || mode === 'multiple';
+  return mode === 'tags' || mode === 'multiple';
 }
-exports.isMultiple = isMultiple;
-const BaseSelect = React.forwardRef((props, ref) => {
-    var _a;
-    const { id, prefixCls, className, showSearch, tagRender, direction, omitDomProps, 
-    // Value
-    displayValues, onDisplayValuesChange, emptyOptions, notFoundContent = 'Not Found', onClear, 
-    // Mode
-    mode, 
-    // Status
-    disabled, loading, 
-    // Customize Input
-    getInputElement, getRawInputElement, 
-    // Open
-    open, defaultOpen, onDropdownVisibleChange, 
-    // Active
-    activeValue, onActiveValueChange, activeDescendantId, 
-    // Search
-    searchValue, autoClearSearchValue, onSearch, onSearchSplit, tokenSeparators, 
-    // Icons
-    allowClear, suffixIcon, clearIcon, 
-    // Dropdown
-    OptionList, animation, transitionName, dropdownStyle, dropdownClassName, dropdownMatchSelectWidth, dropdownRender, dropdownAlign, placement, builtinPlacements, getPopupContainer, 
-    // Focus
-    showAction = [], onFocus, onBlur, 
-    // Rest Events
-    onKeyUp, onKeyDown, onMouseDown } = props, 
-    // Rest Props
+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 ==============================
-    const multiple = isMultiple(mode);
-    const mergedShowSearch = (showSearch !== undefined ? showSearch : multiple) || mode === 'combobox';
-    const domProps = Object.assign({}, restProps);
-    DEFAULT_OMIT_PROPS.forEach((propName) => {
-        delete domProps[propName];
+  // ============================== 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);
     });
-    omitDomProps === null || omitDomProps === void 0 ? void 0 : omitDomProps.forEach((propName) => {
-        delete domProps[propName];
+  }, [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'
     });
-    // ============================= Mobile =============================
-    const [mobile, setMobile] = React.useState(false);
-    React.useEffect(() => {
-        // Only update on the client side
-        setMobile((0, isMobile_1.default)());
-    }, []);
-    // ============================== Refs ==============================
-    const containerRef = React.useRef(null);
-    const selectorDomRef = React.useRef(null);
-    const triggerRef = React.useRef(null);
-    const selectorRef = React.useRef(null);
-    const listRef = React.useRef(null);
-    const blurRef = React.useRef(false);
-    /** Used for component focused management */
-    const [mockFocused, setMockFocused, cancelSetMockFocused] = (0, useDelayReset_1.default)();
-    // =========================== Imperative ===========================
-    React.useImperativeHandle(ref, () => {
-        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: (arg) => { var _a; return (_a = listRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo(arg); },
+  };
+  // 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;
     });
-    // ========================== Search Value ==========================
-    const mergedSearchValue = React.useMemo(() => {
-        var _a;
-        if (mode !== 'combobox') {
-            return searchValue;
-        }
-        const 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`
-    const customizeInputElement = (mode === 'combobox' && typeof getInputElement === 'function' && getInputElement()) || null;
-    // Used for customize replacement for `rc-cascader`
-    const customizeRawInputElement = typeof getRawInputElement === 'function' && getRawInputElement();
-    const customizeRawInputRef = (0, ref_1.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
-    const [rendered, setRendered] = React.useState(false);
-    (0, useLayoutEffect_1.default)(() => {
-        setRendered(true);
-    }, []);
-    const [innerOpen, setInnerOpen] = (0, useMergedState_1.default)(false, {
-        defaultValue: defaultOpen,
-        value: open,
+    onDisplayValuesChange(newValues, {
+      type: 'remove',
+      values: [val]
     });
-    let mergedOpen = rendered ? innerOpen : false;
-    // Not trigger `open` in `combobox` when `notFoundContent` is empty
-    const emptyListContent = !notFoundContent && emptyOptions;
-    if (disabled || (emptyListContent && mergedOpen && mode === 'combobox')) {
-        mergedOpen = false;
+  };
+  // ========================== 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);
+      }
     }
-    const triggerOpen = emptyListContent ? false : mergedOpen;
-    const onToggleOpen = React.useCallback((newOpen) => {
-        const 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 =============================
-    const tokenWithEnter = React.useMemo(() => (tokenSeparators || []).some((tokenSeparator) => ['\n', '\r\n'].includes(tokenSeparator)), [tokenSeparators]);
-    const onInternalSearch = (searchText, fromTyping, isCompositing) => {
-        let ret = true;
-        let newSearchText = searchText;
-        onActiveValueChange === null || onActiveValueChange === void 0 ? void 0 : onActiveValueChange(null);
-        // Check if match the `tokenSeparators`
-        const patchLabels = isCompositing
-            ? null
-            : (0, valueUtil_1.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
-    const 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(() => {
-        if (!mergedOpen && !multiple && mode !== 'combobox') {
-            onInternalSearch('', false, false);
-        }
-    }, [mergedOpen]);
-    // ============================ Disabled ============================
-    // Close dropdown & remove focus state when disabled change
-    React.useEffect(() => {
-        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
-     */
-    const [getClearLock, setClearLock] = (0, useLock_1.default)();
-    // KeyDown
-    const onInternalKeyDown = (event, ...rest) => {
-        const clearLock = getClearLock();
-        const { which } = event;
-        if (which === KeyCode_1.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_1.default.BACKSPACE &&
-            !clearLock &&
-            multiple &&
-            !mergedSearchValue &&
-            displayValues.length) {
-            const cloneDisplayValues = [...displayValues];
-            let removedDisplayValue = null;
-            for (let i = cloneDisplayValues.length - 1; i >= 0; i -= 1) {
-                const current = cloneDisplayValues[i];
-                if (!current.disabled) {
-                    cloneDisplayValues.splice(i, 1);
-                    removedDisplayValue = current;
-                    break;
-                }
-            }
-            if (removedDisplayValue) {
-                onDisplayValuesChange(cloneDisplayValues, {
-                    type: 'remove',
-                    values: [removedDisplayValue],
-                });
-            }
-        }
-        if (mergedOpen && listRef.current) {
-            listRef.current.onKeyDown(event, ...rest);
-        }
-        onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event, ...rest);
-    };
-    // KeyUp
-    const onInternalKeyUp = (event, ...rest) => {
-        if (mergedOpen && listRef.current) {
-            listRef.current.onKeyUp(event, ...rest);
-        }
-        onKeyUp === null || onKeyUp === void 0 ? void 0 : onKeyUp(event, ...rest);
-    };
-    // ============================ Selector ============================
-    const onSelectorRemove = (val) => {
-        const newValues = displayValues.filter((i) => i !== val);
-        onDisplayValuesChange(newValues, {
-            type: 'remove',
-            values: [val],
+    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'
         });
-    };
-    // ========================== Focus / Blur ==========================
-    /** Record real focus status */
-    const focusRef = React.useRef(false);
-    const onContainerFocus = (...args) => {
-        setMockFocused(true);
-        if (!disabled) {
-            if (onFocus && !focusRef.current) {
-                onFocus(...args);
-            }
-            // `showAction` should handle `focus` if set
-            if (showAction.includes('focus')) {
-                onToggleOpen(true);
-            }
-        }
-        focusRef.current = true;
-    };
-    const onContainerBlur = (...args) => {
-        blurRef.current = true;
-        setMockFocused(false, () => {
-            focusRef.current = false;
-            blurRef.current = false;
-            onToggleOpen(false);
+      } else if (mode === 'multiple') {
+        // `multiple` mode only clean the search value but not trigger event
+        onSearch('', {
+          source: 'blur'
         });
-        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(...args);
-        }
+      }
+    }
+    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);
     };
-    // Give focus back of Select
-    const activeTimeoutIds = [];
-    React.useEffect(() => () => {
-        activeTimeoutIds.forEach((timeoutId) => clearTimeout(timeoutId));
-        activeTimeoutIds.splice(0, activeTimeoutIds.length);
-    }, []);
-    const onInternalMouseDown = (event, ...restArgs) => {
+  }, []);
+  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;
-        const { target } = event;
-        const 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)) {
-            const timeoutId = setTimeout(() => {
-                var _a;
-                const 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);
+        var index = activeTimeoutIds.indexOf(timeoutId);
+        if (index !== -1) {
+          activeTimeoutIds.splice(index, 1);
         }
-        onMouseDown === null || onMouseDown === void 0 ? void 0 : onMouseDown(event, ...restArgs);
-    };
-    // ============================ Dropdown ============================
-    const [, forceUpdate] = React.useState({});
-    // We need force update here since popup dom is render async
-    function onPopupMouseEnter() {
-        forceUpdate({});
-    }
-    // Used for raw custom input trigger
-    let onTriggerVisibleChange;
-    if (customizeRawInputElement) {
-        onTriggerVisibleChange = (newOpen) => {
-            onToggleOpen(newOpen);
-        };
+        cancelSetMockFocused();
+        if (!mobile && !popupElement.contains(document.activeElement)) {
+          (_a = selectorRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        }
+      });
+      activeTimeoutIds.push(timeoutId);
     }
-    // Close when click on non-select element
-    (0, useSelectTriggerControl_1.default)(() => { var _a; return [containerRef.current, (_a = triggerRef.current) === null || _a === void 0 ? void 0 : _a.getPopupElement()]; }, triggerOpen, onToggleOpen, !!customizeRawInputElement);
-    // ============================ Context =============================
-    const baseSelectContext = React.useMemo(() => (Object.assign(Object.assign({}, props), { notFoundContent, open: mergedOpen, triggerOpen,
-        id, showSearch: mergedShowSearch, multiple, toggleOpen: onToggleOpen })), [props, notFoundContent, triggerOpen, mergedOpen, id, mergedShowSearch, multiple, onToggleOpen]);
-    // ==================================================================
-    // ==                            Render                            ==
-    // ==================================================================
-    // ============================= Arrow ==============================
-    const showSuffixIcon = !!suffixIcon || loading;
-    let arrowNode;
-    if (showSuffixIcon) {
-        arrowNode = (React.createElement(TransBtn_1.default, { className: (0, classnames_1.default)(`${prefixCls}-arrow`, {
-                [`${prefixCls}-arrow-loading`]: loading,
-            }), customizeIcon: suffixIcon, customizeIconProps: {
-                loading,
-                searchValue: mergedSearchValue,
-                open: mergedOpen,
-                focused: mockFocused,
-                showSearch: mergedShowSearch,
-            } }));
+    for (var _len3 = arguments.length, restArgs = new Array(_len3 > 1 ? _len3 - 1 : 0), _key3 = 1; _key3 < _len3; _key3++) {
+      restArgs[_key3 - 1] = arguments[_key3];
     }
-    // ============================= Clear ==============================
-    const 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);
+    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);
     };
-    const { allowClear: mergedAllowClear, clearIcon: clearNode } = (0, useAllowClear_1.useAllowClear)(prefixCls, onClearMouseDown, displayValues, allowClear, clearIcon, disabled, mergedSearchValue, mode);
-    // =========================== OptionList ===========================
-    const optionList = React.createElement(OptionList, { ref: listRef });
-    // ============================= Select =============================
-    const mergedClassName = (0, classnames_1.default)(prefixCls, className, {
-        [`${prefixCls}-focused`]: mockFocused,
-        [`${prefixCls}-multiple`]: multiple,
-        [`${prefixCls}-single`]: !multiple,
-        [`${prefixCls}-allow-clear`]: allowClear,
-        [`${prefixCls}-show-arrow`]: showSuffixIcon,
-        [`${prefixCls}-disabled`]: disabled,
-        [`${prefixCls}-loading`]: loading,
-        [`${prefixCls}-open`]: mergedOpen,
-        [`${prefixCls}-customize-input`]: customizeInputElement,
-        [`${prefixCls}-show-search`]: mergedShowSearch,
+  }
+  // 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
     });
-    // >>> Selector
-    const selectorNode = (React.createElement(SelectTrigger_1.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: () => selectorDomRef.current, onPopupVisibleChange: onTriggerVisibleChange, onPopupMouseEnter: onPopupMouseEnter }, customizeRawInputElement ? (React.cloneElement(customizeRawInputElement, {
-        ref: customizeRawInputRef,
-    })) : (React.createElement(Selector_1.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
-    let 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" }, `${displayValues
-                .map(({ label, value }) => ['number', 'string'].includes(typeof label) ? label : value)
-                .join(', ')}`)),
-            selectorNode,
-            arrowNode,
-            mergedAllowClear && clearNode));
-    }
-    return (React.createElement(useBaseProps_1.BaseSelectContext.Provider, { value: baseSelectContext }, renderNode));
+  }, [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';
+  BaseSelect.displayName = 'BaseSelect';
 }
-exports.default = BaseSelect;
-//# sourceMappingURL=BaseSelect.js.map
+var _default = BaseSelect;
+exports["default"] = _default;