@kdcloudjs/kdesign 1.6.34 → 1.6.35

package/lib/select/select.js

@@ -1,190 +1,143 @@
 "use strict";
 
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
 var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
 var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
 var _find = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find"));
-
 var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
-
 var _splice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/splice"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/toConsumableArray"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _hooks = require("../_utils/hooks");
-
 var _isBoolean = _interopRequireDefault(require("lodash/isBoolean"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _ConfigContext = _interopRequireDefault(require("../config-provider/ConfigContext"));
-
 var _utils = require("../_utils");
-
 var _reactChildren = require("../_utils/react-children");
-
 var _index = require("../index");
-
 var _option = _interopRequireDefault(require("./option"));
-
 var _usePopper = _interopRequireDefault(require("../_utils/usePopper"));
-
 var _virtualList = _interopRequireDefault(require("../virtual-list"));
-
 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; }
-
 var INPUT_MIN_WIDTH = 4; // 输入框最小宽度
-
 var InternalSelect = function InternalSelect(props, ref) {
   var _context, _classNames6, _classNames12;
-
   var _useContext = (0, _react.useContext)(_ConfigContext.default),
-      getPrefixCls = _useContext.getPrefixCls,
-      prefixCls = _useContext.prefixCls,
-      userDefaultProps = _useContext.compDefaultProps;
-
+    getPrefixCls = _useContext.getPrefixCls,
+    prefixCls = _useContext.prefixCls,
+    userDefaultProps = _useContext.compDefaultProps;
   var selectProps = (0, _utils.getCompProps)('Select', userDefaultProps, props);
   var size = selectProps.size,
-      value = selectProps.value,
-      autoFocus = selectProps.autoFocus,
-      className = selectProps.className,
-      defaultOpen = selectProps.defaultOpen,
-      dropdownClassName = selectProps.dropdownClassName,
-      disabled = selectProps.disabled,
-      borderType = selectProps.borderType,
-      _selectProps$showArro = selectProps.showArrow,
-      showArrow = _selectProps$showArro === void 0 ? true : _selectProps$showArro,
-      allowClear = selectProps.allowClear,
-      customPrefixcls = selectProps.prefixCls,
-      onFocus = selectProps.onFocus,
-      onBlur = selectProps.onBlur,
-      onClear = selectProps.onClear,
-      onVisibleChange = selectProps.onVisibleChange,
-      mode = selectProps.mode,
-      showSearch = selectProps.showSearch,
-      onChange = selectProps.onChange,
-      onSearch = selectProps.onSearch,
-      defaultValue = selectProps.defaultValue,
-      labelInValue = selectProps.labelInValue,
-      children = selectProps.children,
-      options = selectProps.options,
-      placeholder = selectProps.placeholder,
-      dropdownStyle = selectProps.dropdownStyle,
-      style = selectProps.style,
-      clearIcon = selectProps.clearIcon,
-      filterOption = selectProps.filterOption,
-      optionFilterProp = selectProps.optionFilterProp,
-      optionLabelProp = selectProps.optionLabelProp,
-      _selectProps$popperSt = selectProps.popperStyle,
-      popperStyle = _selectProps$popperSt === void 0 ? {} : _selectProps$popperSt,
-      tagRender = selectProps.tagRender,
-      virtualListProps = selectProps.virtualListProps;
+    value = selectProps.value,
+    autoFocus = selectProps.autoFocus,
+    className = selectProps.className,
+    defaultOpen = selectProps.defaultOpen,
+    dropdownClassName = selectProps.dropdownClassName,
+    disabled = selectProps.disabled,
+    borderType = selectProps.borderType,
+    _selectProps$showArro = selectProps.showArrow,
+    showArrow = _selectProps$showArro === void 0 ? true : _selectProps$showArro,
+    allowClear = selectProps.allowClear,
+    customPrefixcls = selectProps.prefixCls,
+    onFocus = selectProps.onFocus,
+    onBlur = selectProps.onBlur,
+    onClear = selectProps.onClear,
+    onVisibleChange = selectProps.onVisibleChange,
+    mode = selectProps.mode,
+    showSearch = selectProps.showSearch,
+    onChange = selectProps.onChange,
+    onSearch = selectProps.onSearch,
+    defaultValue = selectProps.defaultValue,
+    labelInValue = selectProps.labelInValue,
+    children = selectProps.children,
+    options = selectProps.options,
+    placeholder = selectProps.placeholder,
+    dropdownStyle = selectProps.dropdownStyle,
+    style = selectProps.style,
+    clearIcon = selectProps.clearIcon,
+    filterOption = selectProps.filterOption,
+    optionFilterProp = selectProps.optionFilterProp,
+    optionLabelProp = selectProps.optionLabelProp,
+    _selectProps$popperSt = selectProps.popperStyle,
+    popperStyle = _selectProps$popperSt === void 0 ? {} : _selectProps$popperSt,
+    tagRender = selectProps.tagRender,
+    virtualListProps = selectProps.virtualListProps;
   var isMultiple = mode === 'multiple'; // 是否多选
-
   var _useMergedState = (0, _hooks.useMergedState)(undefined, {
-    value: value,
-    defaultValue: defaultValue
-  }),
-      _useMergedState2 = (0, _slicedToArray2.default)(_useMergedState, 2),
-      initValue = _useMergedState2[0],
-      setInitValue = _useMergedState2[1];
-
+      value: value,
+      defaultValue: defaultValue
+    }),
+    _useMergedState2 = (0, _slicedToArray2.default)(_useMergedState, 2),
+    initValue = _useMergedState2[0],
+    setInitValue = _useMergedState2[1];
   var realChildren = Array.isArray(options) ? options : (0, _reactChildren.toArray)(children); // options配置项和默认children
-
   var innerRef = (0, _react.useRef)();
   var selectRef = ref || innerRef;
   var searchRef = (0, _react.useRef)(null); // 搜索框ref
-
   var selectionRef = (0, _react.useRef)(null);
   var dropDownRef = (0, _react.useRef)(null);
   var multipleRef = (0, _react.useRef)({
     selectedVal: isMultiple ? [] : null,
     selectMulOpts: []
   }); // 多选ref已选中项
-
   var measureRef = (0, _react.useRef)(null);
-
   var _useState = (0, _react.useState)([]),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      mulOptions = _useState2[0],
-      setMulOptions = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    mulOptions = _useState2[0],
+    setMulOptions = _useState2[1];
   var _useState3 = (0, _react.useState)(''),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      singleVal = _useState4[0],
-      setSingleVal = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    singleVal = _useState4[0],
+    setSingleVal = _useState4[1];
   var _useState5 = (0, _react.useState)(!!props.visible || defaultOpen),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      optionShow = _useState6[0],
-      setOptionShow = _useState6[1]; // 下拉列表是否展示
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    optionShow = _useState6[0],
+    setOptionShow = _useState6[1]; // 下拉列表是否展示
   // const [searchInput, setSearchInput] = useState<string>('') // 搜索框值
-
-
   var _useState7 = (0, _react.useState)(''),
-      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-      searchValue = _useState8[0],
-      setSearchValue = _useState8[1]; // 搜索框定时器
-
-
+    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+    searchValue = _useState8[0],
+    setSearchValue = _useState8[1]; // 搜索框定时器
   var _useState9 = (0, _react.useState)(INPUT_MIN_WIDTH),
-      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
-      inputWidth = _useState10[0],
-      setInputWidth = _useState10[1]; // 输入框宽度
-
-
-  var selectPrefixCls = getPrefixCls(prefixCls, 'select', customPrefixcls); // 选择器样式
-
+    _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
+    inputWidth = _useState10[0],
+    setInputWidth = _useState10[1]; // 输入框宽度
+  var selectPrefixCls = getPrefixCls(prefixCls, 'select', customPrefixcls);
+  // 选择器样式
   var selectCls = (0, _classnames.default)(selectPrefixCls, className, (0, _defineProperty2.default)({}, "".concat(selectPrefixCls, "-visible"), optionShow));
-  var selectionCls = (0, _classnames.default)((0, _defineProperty2.default)({}, "".concat(selectPrefixCls, "-selector"), true)); // 下拉列表框样式
-
-  var dropDownCls = (0, _classnames.default)(dropdownClassName, (0, _defineProperty2.default)({}, "".concat(selectPrefixCls, "-dropdown"), true)); // 下拉子项列表样式
-
-  var dropContentCls = (0, _classnames.default)((0, _defineProperty2.default)({}, "".concat(selectPrefixCls, "-dropdown-scroll"), (isMultiple ? (realChildren === null || realChildren === void 0 ? void 0 : realChildren.length) > 8 : (realChildren === null || realChildren === void 0 ? void 0 : realChildren.length) > 10) || selectProps.dropdownRender)); // 多选底部样式
-
-  var multipleFooterCls = (0, _classnames.default)((0, _defineProperty2.default)({}, "".concat(selectPrefixCls, "-multiple-footer"), true)); // 多选，单选公共样式
-
+  var selectionCls = (0, _classnames.default)((0, _defineProperty2.default)({}, "".concat(selectPrefixCls, "-selector"), true));
+  // 下拉列表框样式
+  var dropDownCls = (0, _classnames.default)(dropdownClassName, (0, _defineProperty2.default)({}, "".concat(selectPrefixCls, "-dropdown"), true));
+  // 下拉子项列表样式
+  var dropContentCls = (0, _classnames.default)((0, _defineProperty2.default)({}, "".concat(selectPrefixCls, "-dropdown-scroll"), (isMultiple ? (realChildren === null || realChildren === void 0 ? void 0 : realChildren.length) > 8 : (realChildren === null || realChildren === void 0 ? void 0 : realChildren.length) > 10) || selectProps.dropdownRender));
+  // 多选底部样式
+  var multipleFooterCls = (0, _classnames.default)((0, _defineProperty2.default)({}, "".concat(selectPrefixCls, "-multiple-footer"), true));
+  // 多选，单选公共样式
   var commCls = (0, _classnames.default)((_classNames6 = {}, (0, _defineProperty2.default)(_classNames6, "".concat(selectPrefixCls, "-bordered"), borderType === 'bordered'), (0, _defineProperty2.default)(_classNames6, "".concat(selectPrefixCls, "-underline"), borderType === 'underline'), (0, _defineProperty2.default)(_classNames6, "".concat(selectPrefixCls, "-borderless"), borderType === 'none'), (0, _defineProperty2.default)(_classNames6, (0, _concat.default)(_context = "".concat(selectPrefixCls, "-size-")).call(_context, size), size), (0, _defineProperty2.default)(_classNames6, "".concat(selectPrefixCls, "-wrapper"), true), _classNames6));
   (0, _react.useEffect)(function () {
     setOptionShow(!!props.visible);
-  }, [props.visible]); // realchildren更新时数据处理---待解决
-
+  }, [props.visible]);
+  // realchildren更新时数据处理---待解决
   (0, _react.useEffect)(function () {
     if (isMultiple) {
       multipleRef.current.selectedVal = Array.isArray(initValue) ? (0, _toConsumableArray2.default)(initValue) : initValue || [];
-
       if (Array.isArray(initValue)) {
         if (realChildren === null || realChildren === void 0 ? void 0 : realChildren.length) {
           var _context2;
-
           var arr = [];
           (0, _map.default)(initValue).call(initValue, function (item) {
             var _a, _b;
-
             var obj = (realChildren === null || realChildren === void 0 ? void 0 : (0, _find.default)(realChildren).call(realChildren, function (child) {
               if (child && child.props) {
                 return child.props.value === item;
@@ -192,7 +145,6 @@ var InternalSelect = function InternalSelect(props, ref) {
                 return child.value === item;
               }
             })) || {};
-
             if (options && options.length) {
               arr.push({
                 value: obj === null || obj === void 0 ? void 0 : obj.value,
@@ -208,7 +160,6 @@ var InternalSelect = function InternalSelect(props, ref) {
           setMulOptions((0, _concat.default)(_context2 = []).call(_context2, arr));
           multipleRef.current.selectMulOpts = (0, _concat.default)(arr).call(arr);
         }
-
         if (!(initValue === null || initValue === void 0 ? void 0 : initValue.length)) {
           setMulOptions([]);
         }
@@ -218,18 +169,15 @@ var InternalSelect = function InternalSelect(props, ref) {
   (0, _react.useEffect)(function () {
     if (!isMultiple) {
       multipleRef.current.selectedVal = initValue; // 默认选中值
-
       if (initValue !== undefined) {
         var obj = (realChildren === null || realChildren === void 0 ? void 0 : (0, _find.default)(realChildren).call(realChildren, function (child) {
           var _a;
-
           if (child && child.props) {
             return ((_a = child.props) === null || _a === void 0 ? void 0 : _a.value) === initValue;
           } else {
             return (child === null || child === void 0 ? void 0 : child.value) === initValue;
           }
         })) || {};
-
         if (options && options.length) {
           setSingleVal(getOptionLabel(obj) || (obj === null || obj === void 0 ? void 0 : obj.value));
         } else {
@@ -253,23 +201,19 @@ var InternalSelect = function InternalSelect(props, ref) {
   var handleBlur = (0, _react.useCallback)(function (e) {
     e.stopPropagation();
     onBlur && onBlur(e);
-  }, [onBlur]); // 点击组件
-
+  }, [onBlur]);
+  // 点击组件
   var handleClick = function handleClick() {
     if (disabled) return;
-
     if (optionShow) {
       var onDropdownVisibleChange = selectProps.onDropdownVisibleChange;
       onDropdownVisibleChange && onDropdownVisibleChange(true);
     }
   };
-
   (0, _react.useEffect)(function () {
     selectionRef.current.addEventListener('mouseup', function (e) {
       var _a;
-
       var isCloseBtn = ((_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.className.indexOf('kd-tag-close-icon')) > -1;
-
       if (isCloseBtn) {
         e.stopPropagation();
       }
@@ -282,29 +226,23 @@ var InternalSelect = function InternalSelect(props, ref) {
     if (filterOption === false || !searchValue) {
       return realChildren;
     }
-
     var childrenList = [];
-
     var handleFilledOption = function handleFilledOption(option) {
       if (filterOption === true) {
         return String(option[optionFilterProp]).toLowerCase().indexOf(searchValue.toLowerCase()) !== -1;
       } else if (typeof filterOption === 'function') {
         return filterOption(searchValue, option);
       }
-
       return true;
     };
-
     (0, _map.default)(realChildren).call(realChildren, function (item) {
       if (item === null || item === undefined) return;
       var isValidOption = true;
-
       if ((item === null || item === void 0 ? void 0 : item.props) && (item.type.displayName === 'Option' || item.type.name === 'Option')) {
         isValidOption = handleFilledOption(item.props);
       } else {
         isValidOption = handleFilledOption(item);
       }
-
       if (isValidOption) {
         childrenList.push(item);
       }
@@ -313,55 +251,45 @@ var InternalSelect = function InternalSelect(props, ref) {
   }, [searchValue, realChildren, filterOption, optionFilterProp]);
   var getOptionLabel = (0, _react.useCallback)(function (obj) {
     var _a;
-
     var text = 'options' in selectProps ? 'label' : optionLabelProp;
-
     if (obj.props) {
       if (text) {
         return obj === null || obj === void 0 ? void 0 : obj.props[text];
       }
-
       return (_a = obj.props) === null || _a === void 0 ? void 0 : _a.children;
     } else {
       if (text) {
         return obj[text];
       }
     }
-
     return obj === null || obj === void 0 ? void 0 : obj.label;
-  }, [optionLabelProp, selectProps]); // 点击下拉列表中某项回调
-
+  }, [optionLabelProp, selectProps]);
+  // 点击下拉列表中某项回调
   var handleOption = function handleOption(key, label, isSelected) {
     var _a;
-
     var onSelect = selectProps.onSelect,
-        onDeselect = selectProps.onDeselect,
-        labelInValue = selectProps.labelInValue,
-        value = selectProps.value;
+      onDeselect = selectProps.onDeselect,
+      labelInValue = selectProps.labelInValue,
+      value = selectProps.value;
     var obj = (realChildren === null || realChildren === void 0 ? void 0 : (0, _find.default)(realChildren).call(realChildren, function (child) {
       var _a;
-
       if (child && child.props) {
         return ((_a = child.props) === null || _a === void 0 ? void 0 : _a.value) === key;
       } else {
         return (child === null || child === void 0 ? void 0 : child.value) === key;
       }
     })) || {};
-
     if (isMultiple) {
       (_a = searchRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     }
-
     var optionsObj = obj.props ? obj.props : obj || {};
-
     if (value !== undefined) {
       if (isMultiple) {
         var _multipleRef$current = multipleRef.current,
-            selectedVal = _multipleRef$current.selectedVal,
-            selectMulOpts = _multipleRef$current.selectMulOpts;
+          selectedVal = _multipleRef$current.selectedVal,
+          selectMulOpts = _multipleRef$current.selectMulOpts;
         var valArr = (0, _toConsumableArray2.default)(selectedVal);
         var optsArr = (0, _toConsumableArray2.default)(selectMulOpts);
-
         if ((0, _includes.default)(selectedVal).call(selectedVal, key)) {
           var idx = selectedVal.indexOf(key);
           (0, _splice.default)(valArr).call(valArr, idx, 1);
@@ -374,9 +302,7 @@ var InternalSelect = function InternalSelect(props, ref) {
             label: getOptionLabel(obj) || key
           }));
         }
-
         onChange && onChange(labelInValue ? optsArr : valArr, optsArr);
-
         if (!isSelected) {
           onDeselect && onDeselect(key); // 下拉项取消选中时调用，参数为选中项的value,多选模式下生效
         }
@@ -390,11 +316,9 @@ var InternalSelect = function InternalSelect(props, ref) {
           label: label
         }));
       }
-
       onSelect && onSelect(key);
       return;
     }
-
     if (!isMultiple) {
       setSingleVal(getOptionLabel(obj) || key);
       multipleRef.current.selectedVal = key;
@@ -409,26 +333,21 @@ var InternalSelect = function InternalSelect(props, ref) {
       }));
     } else {
       var _multipleRef$current2 = multipleRef.current,
-          _selectedVal = _multipleRef$current2.selectedVal,
-          _selectMulOpts = _multipleRef$current2.selectMulOpts;
-
+        _selectedVal = _multipleRef$current2.selectedVal,
+        _selectMulOpts = _multipleRef$current2.selectMulOpts;
       if ((0, _includes.default)(_selectedVal).call(_selectedVal, key)) {
         var _idx = _selectedVal.indexOf(key);
-
         (0, _splice.default)(_selectedVal).call(_selectedVal, _idx, 1);
         (0, _splice.default)(_selectMulOpts).call(_selectMulOpts, _idx, 1);
       } else {
         _selectedVal.push(key);
-
         _selectMulOpts.push((0, _extends2.default)((0, _extends2.default)({}, optionsObj), {
           value: key,
           label: getOptionLabel(obj) || key
         }));
       }
-
       setMulOptions((0, _toConsumableArray2.default)(_selectMulOpts));
       onChange && onChange(labelInValue ? _selectMulOpts : _selectedVal, _selectMulOpts);
-
       if (!isSelected) {
         onDeselect && onDeselect(key); // 下拉项取消选中时调用，参数为选中项的value,多选模式下生效
       }
@@ -436,21 +355,18 @@ var InternalSelect = function InternalSelect(props, ref) {
 
     setSearchValue('');
     onSelect && onSelect(key); // 下拉项被选中时调用，参数为选中项value或key
-  }; // 多选模式下选中所有 与清除所有 (可以优化)
-
-
+  };
+  // 多选模式下选中所有 与清除所有 (可以优化)
   var handleSelectAll = function handleSelectAll() {
     var _multipleRef$current3 = multipleRef.current,
-        selectedVal = _multipleRef$current3.selectedVal,
-        selectMulOpts = _multipleRef$current3.selectMulOpts;
+      selectedVal = _multipleRef$current3.selectedVal,
+      selectMulOpts = _multipleRef$current3.selectMulOpts;
     var newSelectedVal = (0, _toConsumableArray2.default)(selectedVal);
     var newSelectMulOpts = (0, _toConsumableArray2.default)(selectMulOpts);
-
     if ((filledOptions === null || filledOptions === void 0 ? void 0 : filledOptions.length) !== newSelectedVal.length) {
       (0, _map.default)(filledOptions).call(filledOptions, function (child) {
         var _ref = child.props || child,
-            value = _ref.value;
-
+          value = _ref.value;
         if (!(0, _includes.default)(newSelectedVal).call(newSelectedVal, value)) {
           newSelectedVal.push(value);
           newSelectMulOpts.push({
@@ -459,7 +375,6 @@ var InternalSelect = function InternalSelect(props, ref) {
           });
         }
       });
-
       if (typeof value === 'undefined') {
         multipleRef.current.selectedVal = newSelectedVal;
         multipleRef.current.selectMulOpts = newSelectMulOpts;
@@ -469,34 +384,30 @@ var InternalSelect = function InternalSelect(props, ref) {
     } else {
       newSelectedVal = [];
       newSelectMulOpts = [];
-
       if (typeof value === 'undefined') {
         multipleRef.current.selectedVal = [];
         multipleRef.current.selectMulOpts = [];
         setMulOptions([]);
       }
     }
-
     onChange && onChange(labelInValue ? newSelectMulOpts : newSelectedVal, newSelectMulOpts);
-  }; // 输入框变化搜索内容
-
-
+  };
+  // 输入框变化搜索内容
   var handleSearchChange = (0, _react.useCallback)(function (event) {
     var val = event.currentTarget.value;
     setSearchValue(val);
     onSearch === null || onSearch === void 0 ? void 0 : onSearch(val);
-  }, [onSearch]); // 清除搜索内容
-
+  }, [onSearch]);
+  // 清除搜索内容
   var handleClear = (0, _react.useCallback)(function () {
     if (searchRef.current) {
       searchRef.current.value = '';
       setSearchValue('');
     }
-  }, [searchRef]); // 清空选择器内容
-
+  }, [searchRef]);
+  // 清空选择器内容
   var handleReset = function handleReset(e) {
     e.stopPropagation();
-
     if (isMultiple) {
       multipleRef.current.selectedVal = [];
       multipleRef.current.selectMulOpts = [];
@@ -504,33 +415,29 @@ var InternalSelect = function InternalSelect(props, ref) {
     } else {
       setInitValue('');
     }
-
     onClear && onClear('');
     setSearchValue('');
     onChange && onChange(isMultiple ? '' : undefined);
-  }; // 多选模式下清除某一项
-
-
+  };
+  // 多选模式下清除某一项
   var handleRemove = function handleRemove(e, tag) {
     if (disabled) return;
     var _multipleRef$current4 = multipleRef.current,
-        selectedVal = _multipleRef$current4.selectedVal,
-        selectMulOpts = _multipleRef$current4.selectMulOpts;
+      selectedVal = _multipleRef$current4.selectedVal,
+      selectMulOpts = _multipleRef$current4.selectMulOpts;
     var idx = selectedVal.indexOf(tag);
     (0, _splice.default)(selectedVal).call(selectedVal, idx, 1);
     (0, _splice.default)(selectMulOpts).call(selectMulOpts, idx, 1);
     setMulOptions((0, _toConsumableArray2.default)(selectMulOpts));
     onChange && onChange(labelInValue ? selectMulOpts : selectedVal, selectMulOpts);
     e.stopPropagation();
-  }; // 渲染后缀图标
-
-
+  };
+  // 渲染后缀图标
   var renderSuffix = function renderSuffix() {
     var _classNames7;
-
     var suffixIcon = selectProps.suffixIcon;
-    var selectedVal = multipleRef.current.selectedVal; // 选择器下拉icon样式
-
+    var selectedVal = multipleRef.current.selectedVal;
+    // 选择器下拉icon样式
     var arrowIconCls = (0, _classnames.default)((_classNames7 = {}, (0, _defineProperty2.default)(_classNames7, "".concat(selectPrefixCls, "-icon-arrow"), true), (0, _defineProperty2.default)(_classNames7, "".concat(selectPrefixCls, "-icon-arrow-up"), optionShow), (0, _defineProperty2.default)(_classNames7, "".concat(selectPrefixCls, "-icon-arrow-down"), !optionShow), (0, _defineProperty2.default)(_classNames7, "".concat(selectPrefixCls, "-icon-arrow-focus"), optionShow), _classNames7));
     var iconShow = allowClear && !disabled && ((isMultiple ? mulOptions.length > 0 : (selectedVal !== null && selectedVal !== void 0 ? selectedVal : '') !== '') || searchValue);
     var clearIconCls = (0, _classnames.default)((0, _defineProperty2.default)({}, "".concat(selectPrefixCls, "-icon-clear"), true));
@@ -548,7 +455,6 @@ var InternalSelect = function InternalSelect(props, ref) {
       type: "arrow-down"
     })));
   };
-
   var renderOption = function renderOption(child, index) {
     if ((child === null || child === void 0 ? void 0 : child.props) && (child.type.displayName === 'Option' || child.type.name === 'Option')) {
       return /*#__PURE__*/_react.default.createElement(_option.default, (0, _extends2.default)({
@@ -570,15 +476,13 @@ var InternalSelect = function InternalSelect(props, ref) {
       }, child), (child === null || child === void 0 ? void 0 : child.label) || (child === null || child === void 0 ? void 0 : child.value));
     }
   };
-
   var dropRender = function dropRender(childrenToRender, heightStyle) {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: dropContentCls,
       style: heightStyle
     }, childrenToRender);
-  }; // 下拉列表为空时显示的内容
-
-
+  };
+  // 下拉列表为空时显示的内容
   var renderNotContent = function renderNotContent() {
     // 下拉列表为空
     var emptyListCls = (0, _classnames.default)((0, _defineProperty2.default)({}, "".concat(selectPrefixCls, "-dropdown-empty"), true));
@@ -588,18 +492,16 @@ var InternalSelect = function InternalSelect(props, ref) {
       className: emptyListCls
     }, emptyContent);
   };
-
   var isShowSearch = (0, _react.useMemo)(function () {
     return (0, _isBoolean.default)(showSearch) ? showSearch : isMultiple;
-  }, [isMultiple, showSearch]); // 渲染下拉列表框
-
+  }, [isMultiple, showSearch]);
+  // 渲染下拉列表框
   var renderContent = function renderContent() {
     var dropdownRender = selectProps.dropdownRender,
-        listHeight = selectProps.listHeight;
+      listHeight = selectProps.listHeight;
     var selectedVal = multipleRef.current.selectedVal;
     var childrenToRender = filledOptions;
     var eleOptionList = filledOptions;
-
     if (Array.isArray(childrenToRender) && childrenToRender.length > 0) {
       childrenToRender = (0, _map.default)(childrenToRender).call(childrenToRender, function (item, index) {
         if (item === null || item === undefined) return;
@@ -611,7 +513,6 @@ var InternalSelect = function InternalSelect(props, ref) {
         data: childrenToRender,
         itemKey: function itemKey(child) {
           var _a;
-
           return (_a = child.props) === null || _a === void 0 ? void 0 : _a.value;
         },
         onMouseDown: function onMouseDown(e) {
@@ -624,11 +525,10 @@ var InternalSelect = function InternalSelect(props, ref) {
         return child;
       });
     }
-
     var heightStyle = {
       maxHeight: listHeight || '300px'
-    }; // 下拉框style属性
-
+    };
+    // 下拉框style属性
     var dropDownStyle = (0, _extends2.default)({
       width: style === null || style === void 0 ? void 0 : style.width
     }, dropdownStyle);
@@ -652,12 +552,10 @@ var InternalSelect = function InternalSelect(props, ref) {
     }, "\u5168\u9009"), /*#__PURE__*/_react.default.createElement("span", {
       className: "".concat(selectPrefixCls, "-multiple-footer-hadSelected")
     }, "\u5DF2\u9009", /*#__PURE__*/_react.default.createElement("span", null, isMultiple ? selectedVal.length : 0), "\u9879"))));
-  }; // 处理多选tag
-
-
+  };
+  // 处理多选tag
   var handleMaxTagHolder = (0, _react.useCallback)(function () {
     var maxTagPlaceholder = selectProps.maxTagPlaceholder;
-
     if (typeof maxTagPlaceholder === 'function') {
       return /*#__PURE__*/_react.default.createElement(_index.Tag, {
         type: "edit",
@@ -672,13 +570,10 @@ var InternalSelect = function InternalSelect(props, ref) {
       }, maxTagPlaceholder);
     }
   }, [mulOptions]);
-
   var renderSingle = function renderSingle() {
     var _a, _b, _c;
-
     var obj = (realChildren === null || realChildren === void 0 ? void 0 : (0, _find.default)(realChildren).call(realChildren, function (child) {
       var _a;
-
       if (child && child.props) {
         return ((_a = child.props) === null || _a === void 0 ? void 0 : _a.value) === initValue;
       } else {
@@ -686,13 +581,11 @@ var InternalSelect = function InternalSelect(props, ref) {
       }
     })) || {};
     var title = '';
-
     if (obj.props) {
       title = ((_a = obj === null || obj === void 0 ? void 0 : obj.props) === null || _a === void 0 ? void 0 : _a.title) || ((_b = obj === null || obj === void 0 ? void 0 : obj.props) === null || _b === void 0 ? void 0 : _b.label) || ((_c = obj === null || obj === void 0 ? void 0 : obj.props) === null || _c === void 0 ? void 0 : _c.children);
     } else {
       title = (obj === null || obj === void 0 ? void 0 : obj.title) || (obj === null || obj === void 0 ? void 0 : obj.label) || (obj === null || obj === void 0 ? void 0 : obj.children);
     }
-
     var hiddenStyle = isShowSearch && !!searchValue || singleVal ? {
       visibility: 'hidden'
     } : undefined;
@@ -718,14 +611,12 @@ var InternalSelect = function InternalSelect(props, ref) {
     }, placeholder), /*#__PURE__*/_react.default.createElement("span", {
       className: "".concat(selectPrefixCls, "-suffix")
     }, renderSuffix())));
-  }; // 渲染多选选择器 (待优化：多选框下拉按钮样式调整，限制tag数代码优化)
-
-
+  };
+  // 渲染多选选择器 (待优化：多选框下拉按钮样式调整，限制tag数代码优化)
   var renderMultiple = function renderMultiple() {
     var _context3, _classNames10, _context4, _classNames11;
-
     var maxTagCount = selectProps.maxTagCount,
-        maxTagPlaceholder = selectProps.maxTagPlaceholder;
+      maxTagPlaceholder = selectProps.maxTagPlaceholder;
     var multipleCls = (0, _classnames.default)(commCls, (_classNames10 = {}, (0, _defineProperty2.default)(_classNames10, "".concat(selectPrefixCls, "-multiple-disabled"), disabled), (0, _defineProperty2.default)(_classNames10, (0, _concat.default)(_context3 = "".concat(selectPrefixCls, "-")).call(_context3, mode), mode), (0, _defineProperty2.default)(_classNames10, "".concat(selectPrefixCls, "-focused"), autoFocus || optionShow), (0, _defineProperty2.default)(_classNames10, "".concat(selectPrefixCls, "-placeholder"), placeholder && !mulOptions.length), _classNames10));
     var itemCls = (0, _classnames.default)((_classNames11 = {}, (0, _defineProperty2.default)(_classNames11, "".concat(selectPrefixCls, "-selection-item"), true), (0, _defineProperty2.default)(_classNames11, (0, _concat.default)(_context4 = "".concat(selectPrefixCls, "-selection-item-")).call(_context4, size), size), _classNames11));
     var TagStyle = {
@@ -737,7 +628,7 @@ var InternalSelect = function InternalSelect(props, ref) {
       ref: selectionRef
     }, Array.isArray(mulOptions) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (0, _map.default)(mulOptions).call(mulOptions, function (item, index) {
       var label = item.label,
-          value = item.value;
+        value = item.value;
       return (!maxTagCount || index <= maxTagCount - 1) && /*#__PURE__*/_react.default.createElement("span", {
         key: value,
         className: (0, _classnames.default)("".concat(selectPrefixCls, "-selection-tag")),
@@ -787,9 +678,7 @@ var InternalSelect = function InternalSelect(props, ref) {
       className: "".concat(selectPrefixCls, "-suffix")
     }, renderSuffix()));
   };
-
   var singleCls = (0, _classnames.default)(commCls, (_classNames12 = {}, (0, _defineProperty2.default)(_classNames12, "".concat(selectPrefixCls, "-single"), true), (0, _defineProperty2.default)(_classNames12, "".concat(selectPrefixCls, "-single-disabled"), disabled), (0, _defineProperty2.default)(_classNames12, "".concat(selectPrefixCls, "-single-focused"), autoFocus && !disabled || optionShow), _classNames12));
-
   var renderSelect = function renderSelect() {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: selectCls,
@@ -801,38 +690,31 @@ var InternalSelect = function InternalSelect(props, ref) {
       tabIndex: disabled ? -1 : 0,
       onFocus: function onFocus() {
         var _a;
-
         return (_a = searchRef.current) === null || _a === void 0 ? void 0 : _a.focus();
       },
       onBlur: function onBlur() {
         var _a;
-
         return (_a = searchRef.current) === null || _a === void 0 ? void 0 : _a.blur();
       }
     }, !isMultiple ? renderSingle() : renderMultiple()));
   };
-
   var catchStyle = function catchStyle() {
     var _a;
-
     if (selectRef === null || selectRef === void 0 ? void 0 : selectRef.current) {
       var _ref2 = (_a = selectRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect(),
-          width = _ref2.width;
-
+        width = _ref2.width;
       return (0, _extends2.default)({
         width: (dropdownStyle === null || dropdownStyle === void 0 ? void 0 : dropdownStyle.width) || (width > 75 ? width : 75),
         zIndex: 1050
       }, popperStyle);
     }
   };
-
   var handleVisibleChange = function handleVisibleChange(visible) {
     if (visible !== optionShow) {
       props.visible === undefined && setOptionShow(visible);
       onVisibleChange && onVisibleChange(visible);
     }
   };
-
   var popperProps = (0, _extends2.default)((0, _extends2.default)({}, selectProps), {
     prefixCls: selectPrefixCls,
     placement: 'bottomLeft',
@@ -844,9 +726,7 @@ var InternalSelect = function InternalSelect(props, ref) {
   });
   return (0, _usePopper.default)(renderSelect(), renderContent(), popperProps);
 };
-
 var Select = /*#__PURE__*/_react.default.forwardRef(InternalSelect);
-
 Select.displayName = 'Select';
 var _default = Select;
 exports.default = _default;