tdesign-react 0.23.0 → 0.23.1

package/lib/select/base/Select.js

@@ -1,90 +1,100 @@
 /**
- * tdesign v0.23.0
+ * tdesign v0.23.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../../_chunks/dep-72ef6cf6.js';
-import { _ as _slicedToArray } from '../../_chunks/dep-442ff40f.js';
-import React, { useState, useRef, useMemo, useEffect } from 'react';
-import { CloseCircleFilledIcon } from 'tdesign-icons-react';
-import classNames from 'classnames';
-import { i as isFunction_1 } from '../../_chunks/dep-b05d4541.js';
-import { g as get_1 } from '../../_chunks/dep-e09b37eb.js';
-import { i as isString_1 } from '../../_chunks/dep-2c954aac.js';
-import { isNumber } from 'lodash';
-import { useLocaleReceiver } from '../../locale/LocalReceiver.js';
-import useConfig from '../../_util/useConfig.js';
-import composeRefs from '../../_util/composeRefs.js';
-import useDefaultValue from '../../_util/useDefaultValue.js';
-import forwardRefWithStatics from '../../_util/forwardRefWithStatics.js';
-import { getValueToOption, getSelectValueArr, getMultipleTags } from '../util/helper.js';
-import noop from '../../_util/noop.js';
-import FakeArrow from '../../common/FakeArrow.js';
-import { Loading } from '../../loading/index.js';
-import { Input } from '../../input/index.js';
-import { Popup } from '../../popup/index.js';
-import { Tag } from '../../tag/index.js';
-import Option from './Option.js';
-import OptionGroup from './OptionGroup.js';
-import PopupContent from './PopupContent.js';
-import '../../_chunks/dep-42dfd306.js';
-import '../../_chunks/dep-ad63776f.js';
-import '../../_chunks/dep-55ec31d6.js';
-import '../../_chunks/dep-3f6bcf45.js';
-import '../../_chunks/dep-3b234d38.js';
-import '../../_chunks/dep-566d4902.js';
-import '../../_chunks/dep-595a775f.js';
-import '../../_chunks/dep-106adff6.js';
-import '../../_chunks/dep-17da32ea.js';
-import '../../_chunks/dep-9f75cf86.js';
-import '../../_chunks/dep-3c713383.js';
-import '../../config-provider/ConfigContext.js';
-import '../../locale/zh_CN.js';
-import '../../_chunks/dep-c611ea38.js';
-import '../../_util/useDefault.js';
-import 'hoist-non-react-statics';
-import '../../_chunks/dep-a2bc34d5.js';
-import '../../loading/loading.js';
-import '../../_util/dom.js';
-import 'raf';
-import '../../_util/easing.js';
-import '../../common/Portal.js';
-import 'react-dom';
-import '../../loading/gradient.js';
-import '../../_common/js/loading/circle-adapter.js';
-import '../../_common/js/utils/set-style.js';
-import '../../loading/plugin.js';
-import '../../input/Input.js';
-import '../../input/InputGroup.js';
-import '../../popup/Popup.js';
-import 'react-transition-group';
-import 'react-popper';
-import '../../popup/Portal.js';
-import '../../popup/hooks/useTriggerProps.js';
-import '../../_util/useClickOutside.js';
-import '../../popup/hooks/usePopupCssTransition.js';
-import '../../tag/Tag.js';
-import '../../tag/CheckTag.js';
-import '../../_chunks/dep-e4b59541.js';
-import '../../_util/useRipple.js';
-import '../../_util/setStyle.js';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var defineProperty = require('../../_chunks/dep-60e5ab16.js');
+var slicedToArray = require('../../_chunks/dep-dcd8e953.js');
+var React = require('react');
+var tdesignIconsReact = require('tdesign-icons-react');
+var classNames = require('classnames');
+var isFunction = require('../../_chunks/dep-8f7cf7c0.js');
+var get = require('../../_chunks/dep-cb485461.js');
+var isString = require('../../_chunks/dep-cf067838.js');
+var lodash = require('lodash');
+var locale_LocalReceiver = require('../../locale/LocalReceiver.js');
+var _util_useConfig = require('../../_util/useConfig.js');
+var _util_composeRefs = require('../../_util/composeRefs.js');
+var _util_useDefaultValue = require('../../_util/useDefaultValue.js');
+var _util_forwardRefWithStatics = require('../../_util/forwardRefWithStatics.js');
+var select_util_helper = require('../util/helper.js');
+var _util_noop = require('../../_util/noop.js');
+var common_FakeArrow = require('../../common/FakeArrow.js');
+var loading_index = require('../../loading/index.js');
+var input_index = require('../../input/index.js');
+var popup_index = require('../../popup/index.js');
+var tag_index = require('../../tag/index.js');
+var select_base_Option = require('./Option.js');
+var select_base_OptionGroup = require('./OptionGroup.js');
+var select_base_PopupContent = require('./PopupContent.js');
+require('../../_chunks/dep-e9b6be46.js');
+require('../../_chunks/dep-a3912276.js');
+require('../../_chunks/dep-bf25d6c3.js');
+require('../../_chunks/dep-1a5e5f30.js');
+require('../../_chunks/dep-9877f338.js');
+require('../../_chunks/dep-06e9d05b.js');
+require('../../_chunks/dep-1e386cf9.js');
+require('../../_chunks/dep-9c909570.js');
+require('../../_chunks/dep-bbdfd0f9.js');
+require('../../_chunks/dep-095a6366.js');
+require('../../_chunks/dep-02537686.js');
+require('../../config-provider/ConfigContext.js');
+require('../../locale/zh_CN.js');
+require('../../_chunks/dep-d004a138.js');
+require('../../_util/useDefault.js');
+require('hoist-non-react-statics');
+require('../../_chunks/dep-d01b2726.js');
+require('../../loading/loading.js');
+require('../../_util/dom.js');
+require('raf');
+require('../../_util/easing.js');
+require('../../common/Portal.js');
+require('react-dom');
+require('../../loading/gradient.js');
+require('../../_common/js/loading/circle-adapter.js');
+require('../../_common/js/utils/set-style.js');
+require('../../_common/js/utils/helper.js');
+require('../../loading/plugin.js');
+require('../../input/Input.js');
+require('../../input/InputGroup.js');
+require('../../popup/Popup.js');
+require('react-transition-group');
+require('react-popper');
+require('../../popup/hooks/useTriggerProps.js');
+require('../../_util/useClickOutside.js');
+require('../../popup/hooks/usePopupCssTransition.js');
+require('../../tag/Tag.js');
+require('../../tag/CheckTag.js');
+require('../../_chunks/dep-b9ea7adb.js');
+require('../../_util/useRipple.js');
+require('../../_util/setStyle.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { defineProperty._defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var MAX_OVERLAY_WIDTH = 500;
-var Select = forwardRefWithStatics(function (props, ref) {
+
+var Select = _util_forwardRefWithStatics["default"](function (props, ref) {
   var _classNames3;
 
-  var _useLocaleReceiver = useLocaleReceiver("select"),
-      _useLocaleReceiver2 = _slicedToArray(_useLocaleReceiver, 2),
+  var _useLocaleReceiver = locale_LocalReceiver.useLocaleReceiver("select"),
+      _useLocaleReceiver2 = slicedToArray._slicedToArray(_useLocaleReceiver, 2),
       local = _useLocaleReceiver2[0],
       t = _useLocaleReceiver2[1];
 
   var emptyText = t(local.loadingText);
 
-  var _useDefaultValue = useDefaultValue(props),
+  var _useDefaultValue = _util_useDefaultValue["default"](props),
       _useDefaultValue$bord = _useDefaultValue.bordered,
       bordered = _useDefaultValue$bord === void 0 ? true : _useDefaultValue$bord,
       creatable = _useDefaultValue.creatable,
@@ -110,7 +120,7 @@ var Select = forwardRefWithStatics(function (props, ref) {
       _onFocus = _useDefaultValue.onFocus,
       _onBlur = _useDefaultValue.onBlur,
       _useDefaultValue$onCl = _useDefaultValue.onClear,
-      onClear = _useDefaultValue$onCl === void 0 ? noop : _useDefaultValue$onCl,
+      onClear = _useDefaultValue$onCl === void 0 ? _util_noop["default"] : _useDefaultValue$onCl,
       onCreate = _useDefaultValue.onCreate,
       onRemove = _useDefaultValue.onRemove,
       onSearch = _useDefaultValue.onSearch,
@@ -124,59 +134,64 @@ var Select = forwardRefWithStatics(function (props, ref) {
       minCollapsedNum = _useDefaultValue.minCollapsedNum,
       valueDisplay = _useDefaultValue.valueDisplay,
       _onEnter = _useDefaultValue.onEnter,
-      onVisibleChange = _useDefaultValue.onVisibleChange;
-
-  var _useConfig = useConfig(),
+      onVisibleChange = _useDefaultValue.onVisibleChange,
+      _useDefaultValue$show = _useDefaultValue.showArrow,
+      showArrow = _useDefaultValue$show === void 0 ? true : _useDefaultValue$show,
+      inputProps = _useDefaultValue.inputProps,
+      panelBottomContent = _useDefaultValue.panelBottomContent,
+      panelTopContent = _useDefaultValue.panelTopContent;
+
+  var _useConfig = _util_useConfig["default"](),
       classPrefix = _useConfig.classPrefix;
 
   var name = "".concat(classPrefix, "-select");
 
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
+  var _useState = React.useState(false),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
       showPopup = _useState2[0],
       setShowPopup = _useState2[1];
 
-  var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
+  var _useState3 = React.useState(false),
+      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
       isHover = _useState4[0],
       toggleHover = _useState4[1];
 
-  var _useState5 = useState(void 0),
-      _useState6 = _slicedToArray(_useState5, 2),
+  var _useState5 = React.useState(void 0),
+      _useState6 = slicedToArray._slicedToArray(_useState5, 2),
       inputVal = _useState6[0],
       setInputVal = _useState6[1];
 
-  var _useState7 = useState([]),
-      _useState8 = _slicedToArray(_useState7, 2),
+  var _useState7 = React.useState([]),
+      _useState8 = slicedToArray._slicedToArray(_useState7, 2),
       currentOptions = _useState8[0],
       setCurrentOptions = _useState8[1];
 
-  var _useState9 = useState([]),
-      _useState10 = _slicedToArray(_useState9, 2),
+  var _useState9 = React.useState([]),
+      _useState10 = slicedToArray._slicedToArray(_useState9, 2),
       tmpPropOptions = _useState10[0],
       setTmpPropOptions = _useState10[1];
 
-  var _useState11 = useState({}),
-      _useState12 = _slicedToArray(_useState11, 2),
+  var _useState11 = React.useState({}),
+      _useState12 = slicedToArray._slicedToArray(_useState11, 2),
       valueToOption = _useState12[0],
       setValueToOption = _useState12[1];
 
-  var _useState13 = useState([]),
-      _useState14 = _slicedToArray(_useState13, 2),
+  var _useState13 = React.useState([]),
+      _useState14 = slicedToArray._slicedToArray(_useState13, 2),
       selectedOptions = _useState14[0],
       setSelectedOptions = _useState14[1];
 
-  var _useState15 = useState(0),
-      _useState16 = _slicedToArray(_useState15, 2),
+  var _useState15 = React.useState(0),
+      _useState16 = slicedToArray._slicedToArray(_useState15, 2),
       width = _useState16[0],
       setWidth = _useState16[1];
 
-  var selectRef = useRef(null);
-  var overlayRef = useRef(null);
-  var selectedLabel = useMemo(function () {
-    return get_1(selectedOptions[0] || {}, (keys === null || keys === void 0 ? void 0 : keys.label) || "label") || "";
+  var selectRef = React.useRef(null);
+  var overlayRef = React.useRef(null);
+  var selectedLabel = React.useMemo(function () {
+    return get.get_1(selectedOptions[0] || {}, (keys === null || keys === void 0 ? void 0 : keys.label) || "label") || "";
   }, [selectedOptions, keys]);
-  useEffect(function () {
+  React.useEffect(function () {
     if (showPopup && selectRef !== null && selectRef !== void 0 && selectRef.current) {
       var _overlayRef$current, _overlayRef$current$g;
 
@@ -197,12 +212,12 @@ var Select = forwardRefWithStatics(function (props, ref) {
     }
   };
 
-  useEffect(function () {
+  React.useEffect(function () {
     if (keys) {
       var transformedOptions = options.map(function (option) {
         return _objectSpread(_objectSpread({}, option), {}, {
-          value: get_1(option, (keys === null || keys === void 0 ? void 0 : keys.value) || "value"),
-          label: get_1(option, (keys === null || keys === void 0 ? void 0 : keys.label) || "label")
+          value: get.get_1(option, (keys === null || keys === void 0 ? void 0 : keys.value) || "value"),
+          label: get.get_1(option, (keys === null || keys === void 0 ? void 0 : keys.label) || "label")
         });
       });
       setCurrentOptions(transformedOptions);
@@ -212,9 +227,9 @@ var Select = forwardRefWithStatics(function (props, ref) {
       setTmpPropOptions(options);
     }
 
-    setValueToOption(getValueToOption(children, options, keys) || {});
+    setValueToOption(select_util_helper.getValueToOption(children, options, keys) || {});
   }, [options, keys, children]);
-  useEffect(function () {
+  React.useEffect(function () {
     setSelectedOptions(function (oldSelectedOptions) {
       var valueKey = (keys === null || keys === void 0 ? void 0 : keys.value) || "value";
       var labelKey = (keys === null || keys === void 0 ? void 0 : keys.label) || "label";
@@ -225,8 +240,8 @@ var Select = forwardRefWithStatics(function (props, ref) {
             var _ref;
 
             return valueToOption[item] || oldSelectedOptions.find(function (option) {
-              return get_1(option, valueKey) === item;
-            }) || (_ref = {}, _defineProperty(_ref, valueKey, item), _defineProperty(_ref, labelKey, item), _ref);
+              return get.get_1(option, valueKey) === item;
+            }) || (_ref = {}, defineProperty._defineProperty(_ref, valueKey, item), defineProperty._defineProperty(_ref, labelKey, item), _ref);
           }
 
           return item;
@@ -238,8 +253,8 @@ var Select = forwardRefWithStatics(function (props, ref) {
           var _ref2;
 
           return [valueToOption[value] || oldSelectedOptions.find(function (option) {
-            return get_1(option, valueKey) === value;
-          }) || (_ref2 = {}, _defineProperty(_ref2, valueKey, value), _defineProperty(_ref2, labelKey, value), _ref2)].filter(Boolean);
+            return get.get_1(option, valueKey) === value;
+          }) || (_ref2 = {}, defineProperty._defineProperty(_ref2, valueKey, value), defineProperty._defineProperty(_ref2, labelKey, value), _ref2)].filter(Boolean);
         }
 
         return [value];
@@ -251,10 +266,10 @@ var Select = forwardRefWithStatics(function (props, ref) {
 
   var removeTag = function removeTag(event, selectValue, tagData) {
     event.stopPropagation();
-    var values = getSelectValueArr(value, selectValue, true, valueType, keys);
+    var values = select_util_helper.getSelectValueArr(value, selectValue, true, valueType, keys);
     onChange(values);
 
-    if (isFunction_1(onRemove)) {
+    if (isFunction.isFunction_1(onRemove)) {
       onRemove({
         value: tagData.value,
         data: tagData,
@@ -270,7 +285,7 @@ var Select = forwardRefWithStatics(function (props, ref) {
       setInputVal(!multiple || reserveKeyword && multiple ? label : "");
     }
 
-    if (creatable && isFunction_1(onCreate)) {
+    if (creatable && isFunction.isFunction_1(onCreate)) {
       if (options.filter(function (option) {
         return option.value === value2;
       }).length === 0) {
@@ -289,7 +304,7 @@ var Select = forwardRefWithStatics(function (props, ref) {
       return;
     }
 
-    if (filter && isFunction_1(filter)) {
+    if (filter && isFunction.isFunction_1(filter)) {
       filteredOptions = Array.isArray(tmpPropOptions) && tmpPropOptions.filter(function (option) {
         return filter(value2, option);
       });
@@ -313,7 +328,7 @@ var Select = forwardRefWithStatics(function (props, ref) {
   var handleInputChange = function handleInputChange(value2) {
     setInputVal(value2);
 
-    if (isFunction_1(onSearch)) {
+    if (isFunction.isFunction_1(onSearch)) {
       onSearch(value2);
       return;
     }
@@ -321,8 +336,8 @@ var Select = forwardRefWithStatics(function (props, ref) {
     handleFilter(value2);
   };
 
-  var defaultLabel = /* @__PURE__ */React.createElement("span", {
-    className: classNames(className, _defineProperty({}, "".concat(name, "__placeholder"), !value && !isNumber(value) || Array.isArray(value) && value.length < 1), _defineProperty({}, "".concat(name, "__single"), selectedLabel))
+  var defaultLabel = /* @__PURE__ */React__default["default"].createElement("span", {
+    className: classNames__default["default"](className, defineProperty._defineProperty({}, "".concat(name, "__placeholder"), !value && !lodash.isNumber(value) || Array.isArray(value) && value.length < 1), defineProperty._defineProperty({}, "".concat(name, "__single"), selectedLabel))
   }, selectedLabel || placeholder || "-\u8BF7\u9009\u62E9-");
 
   var renderMultipleTags = function renderMultipleTags() {
@@ -330,13 +345,13 @@ var Select = forwardRefWithStatics(function (props, ref) {
       var tags;
 
       if (valueType === "value") {
-        tags = getMultipleTags(selectedOptions, keys);
+        tags = select_util_helper.getMultipleTags(selectedOptions, keys);
       } else {
-        tags = getMultipleTags(value, keys);
+        tags = select_util_helper.getMultipleTags(value, keys);
       }
 
-      if (tags.length > 0) return /* @__PURE__ */React.createElement(React.Fragment, null, tags.slice(0, minCollapsedNum).map(function (item) {
-        return /* @__PURE__ */React.createElement(Tag, {
+      if (tags.length > 0) return /* @__PURE__ */React__default["default"].createElement(React__default["default"].Fragment, null, tags.slice(0, minCollapsedNum).map(function (item) {
+        return /* @__PURE__ */React__default["default"].createElement(tag_index.Tag, {
           closable: !disabled,
           key: item.value,
           onClose: function onClose(_ref4) {
@@ -346,7 +361,7 @@ var Select = forwardRefWithStatics(function (props, ref) {
           disabled: disabled,
           size: size
         }, item.label);
-      }), collapsedItems, minCollapsedNum && tags.length - minCollapsedNum > 0 && !collapsedItems ? /* @__PURE__ */React.createElement(Tag, {
+      }), collapsedItems, minCollapsedNum && tags.length - minCollapsedNum > 0 && !collapsedItems ? /* @__PURE__ */React__default["default"].createElement(tag_index.Tag, {
         size: size
       }, " ", "+".concat(tags.length - minCollapsedNum)) : null);
       return !filterable ? defaultLabel : null;
@@ -355,12 +370,25 @@ var Select = forwardRefWithStatics(function (props, ref) {
     return !filterable ? defaultLabel : null;
   };
 
+  var handleInputKeyDown = React.useCallback(function (inputValue, _ref5) {
+    var e = _ref5.e;
+
+    if (!inputValue && multiple && Array.isArray(value) && e.which === 8
+    /* BACKSPACE */
+    ) {
+      var lastValue = value[value.length - 1];
+      var values = select_util_helper.getSelectValueArr(value, lastValue, true, valueType, keys);
+      onChange(values);
+    }
+  }, [value, onChange, multiple, valueType, keys]);
+
   var renderInput = function renderInput() {
-    return /* @__PURE__ */React.createElement(Input, {
-      value: isString_1(inputVal) ? inputVal : selectedLabel,
-      placeholder: multiple && get_1(value, "length") > 0 ? null : selectedLabel || placeholder || "-\u8BF7\u9009\u62E9-",
+    return /* @__PURE__ */React__default["default"].createElement(input_index.Input, _objectSpread({
+      value: isString.isString_1(inputVal) || multiple ? inputVal : selectedLabel,
+      placeholder: multiple && get.get_1(value, "length") > 0 ? null : selectedLabel || placeholder || "-\u8BF7\u9009\u62E9-",
       className: "".concat(name, "__input"),
       onChange: handleInputChange,
+      onKeydown: handleInputKeyDown,
       size: size,
       onFocus: function onFocus(_, context) {
         return _onFocus === null || _onFocus === void 0 ? void 0 : _onFocus({
@@ -381,7 +409,7 @@ var Select = forwardRefWithStatics(function (props, ref) {
           e: context === null || context === void 0 ? void 0 : context.e
         });
       }
-    });
+    }, inputProps));
   };
 
   var onInputClick = function onInputClick(e) {
@@ -410,21 +438,21 @@ var Select = forwardRefWithStatics(function (props, ref) {
 
   var renderSuffixIcon = function renderSuffixIcon() {
     if (loading) {
-      return /* @__PURE__ */React.createElement(Loading, {
-        className: classNames(className, "".concat(name, "__right-icon"), "".concat(name, "__active-icon")),
+      return /* @__PURE__ */React__default["default"].createElement(loading_index.Loading, {
+        className: classNames__default["default"](className, "".concat(name, "__right-icon"), "".concat(name, "__active-icon")),
         loading: true,
         size: "small"
       });
     }
 
     if (clearable && value && isHover) {
-      return /* @__PURE__ */React.createElement(CloseCircleFilledIcon, {
+      return /* @__PURE__ */React__default["default"].createElement(tdesignIconsReact.CloseCircleFilledIcon, {
         onClick: clearable ? onClearValue : void 0,
-        className: classNames(className, "".concat(name, "__right-icon"), "".concat(name, "__right-icon-clear"))
+        className: classNames__default["default"](className, "".concat(name, "__right-icon"), "".concat(name, "__right-icon-clear"))
       });
     }
 
-    return /* @__PURE__ */React.createElement(FakeArrow, {
+    return showArrow && /* @__PURE__ */React__default["default"].createElement(common_FakeArrow["default"], {
       overlayClassName: "".concat(name, "__right-icon"),
       isActive: showPopup,
       disabled: disabled
@@ -445,11 +473,13 @@ var Select = forwardRefWithStatics(function (props, ref) {
     loadingText: loadingText,
     loading: loading,
     valueType: valueType,
-    keys: keys
+    keys: keys,
+    panelBottomContent: panelBottomContent,
+    panelTopContent: panelTopContent
   };
 
   var renderContent = function renderContent() {
-    return /* @__PURE__ */React.createElement(PopupContent, _objectSpread({}, popupContentProps), children);
+    return /* @__PURE__ */React__default["default"].createElement(select_base_PopupContent["default"], _objectSpread({}, popupContentProps), children);
   };
 
   var renderMultipleInput = function renderMultipleInput() {
@@ -463,7 +493,7 @@ var Select = forwardRefWithStatics(function (props, ref) {
     return renderMultipleTags();
   };
 
-  return /* @__PURE__ */React.createElement("div", {
+  return /* @__PURE__ */React__default["default"].createElement("div", {
     className: "".concat(name, "__wrap"),
     style: _objectSpread({}, style),
     onMouseEnter: function onMouseEnter() {
@@ -472,7 +502,7 @@ var Select = forwardRefWithStatics(function (props, ref) {
     onMouseLeave: function onMouseLeave() {
       return toggleHover(false);
     }
-  }, /* @__PURE__ */React.createElement(Popup, _objectSpread({
+  }, /* @__PURE__ */React__default["default"].createElement(popup_index.Popup, _objectSpread({
     trigger: "click",
     ref: overlayRef,
     content: renderContent(),
@@ -482,25 +512,25 @@ var Select = forwardRefWithStatics(function (props, ref) {
       width: width ? "".concat(width, "px") : "none"
     },
     onVisibleChange: handleShowPopup,
-    overlayClassName: classNames(className, "".concat(name, "__dropdown"), "".concat(classPrefix, "-popup"), "narrow-scrollbar"),
+    overlayClassName: classNames__default["default"](className, "".concat(name, "__dropdown"), "".concat(classPrefix, "-popup"), "narrow-scrollbar"),
     className: "".concat(name, "__popup-reference"),
     expandAnimation: true,
     destroyOnClose: true
-  }, popupProps), /* @__PURE__ */React.createElement("div", {
-    className: classNames(className, name, (_classNames3 = {}, _defineProperty(_classNames3, "".concat(classPrefix, "-is-disabled"), disabled), _defineProperty(_classNames3, "".concat(classPrefix, "-is-active"), showPopup), _defineProperty(_classNames3, "".concat(classPrefix, "-size-s"), size === "small"), _defineProperty(_classNames3, "".concat(classPrefix, "-size-l"), size === "large"), _defineProperty(_classNames3, "".concat(classPrefix, "-no-border"), !bordered), _defineProperty(_classNames3, "".concat(classPrefix, "-has-prefix"), !!prefixIcon), _classNames3)),
-    ref: composeRefs(selectRef, ref),
+  }, popupProps), /* @__PURE__ */React__default["default"].createElement("div", {
+    className: classNames__default["default"](className, name, (_classNames3 = {}, defineProperty._defineProperty(_classNames3, "".concat(classPrefix, "-is-disabled"), disabled), defineProperty._defineProperty(_classNames3, "".concat(classPrefix, "-is-active"), showPopup), defineProperty._defineProperty(_classNames3, "".concat(classPrefix, "-size-s"), size === "small"), defineProperty._defineProperty(_classNames3, "".concat(classPrefix, "-size-l"), size === "large"), defineProperty._defineProperty(_classNames3, "".concat(classPrefix, "-no-border"), !bordered), defineProperty._defineProperty(_classNames3, "".concat(classPrefix, "-has-prefix"), !!prefixIcon), _classNames3)),
+    ref: _util_composeRefs["default"](selectRef, ref),
     style: {
       userSelect: "none"
     },
     onClick: onInputClick
-  }, /* @__PURE__ */React.createElement("span", {
+  }, /* @__PURE__ */React__default["default"].createElement("span", {
     className: "".concat(name, "__left-icon")
   }, prefixIcon), multiple ? renderMultipleInput() : null, filterable && renderInput(), !multiple && !filterable && defaultLabel, renderSuffixIcon())));
 }, {
   displayName: "Select",
-  Option: Option,
-  OptionGroup: OptionGroup
+  Option: select_base_Option["default"],
+  OptionGroup: select_base_OptionGroup["default"]
 });
 
-export { Select as default };
+exports["default"] = Select;
 //# sourceMappingURL=Select.js.map