@kdcloudjs/kdesign 1.6.34 → 1.6.35

package/es/select/select.js

@@ -19,134 +19,113 @@ import Option from './option';
 import usePopper from '../_utils/usePopper';
 import VirtualList from '../virtual-list';
 var INPUT_MIN_WIDTH = 4; // 输入框最小宽度
-
 var InternalSelect = function InternalSelect(props, ref) {
   var _context, _classNames6, _classNames12;
-
   var _useContext = useContext(ConfigContext),
-      getPrefixCls = _useContext.getPrefixCls,
-      prefixCls = _useContext.prefixCls,
-      userDefaultProps = _useContext.compDefaultProps;
-
+    getPrefixCls = _useContext.getPrefixCls,
+    prefixCls = _useContext.prefixCls,
+    userDefaultProps = _useContext.compDefaultProps;
   var selectProps = 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 = useMergedState(undefined, {
-    value: value,
-    defaultValue: defaultValue
-  }),
-      _useMergedState2 = _slicedToArray(_useMergedState, 2),
-      initValue = _useMergedState2[0],
-      setInitValue = _useMergedState2[1];
-
+      value: value,
+      defaultValue: defaultValue
+    }),
+    _useMergedState2 = _slicedToArray(_useMergedState, 2),
+    initValue = _useMergedState2[0],
+    setInitValue = _useMergedState2[1];
   var realChildren = Array.isArray(options) ? options : toArray(children); // options配置项和默认children
-
   var innerRef = useRef();
   var selectRef = ref || innerRef;
   var searchRef = useRef(null); // 搜索框ref
-
   var selectionRef = useRef(null);
   var dropDownRef = useRef(null);
   var multipleRef = useRef({
     selectedVal: isMultiple ? [] : null,
     selectMulOpts: []
   }); // 多选ref已选中项
-
   var measureRef = useRef(null);
-
   var _useState = useState([]),
-      _useState2 = _slicedToArray(_useState, 2),
-      mulOptions = _useState2[0],
-      setMulOptions = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    mulOptions = _useState2[0],
+    setMulOptions = _useState2[1];
   var _useState3 = useState(''),
-      _useState4 = _slicedToArray(_useState3, 2),
-      singleVal = _useState4[0],
-      setSingleVal = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    singleVal = _useState4[0],
+    setSingleVal = _useState4[1];
   var _useState5 = useState(!!props.visible || defaultOpen),
-      _useState6 = _slicedToArray(_useState5, 2),
-      optionShow = _useState6[0],
-      setOptionShow = _useState6[1]; // 下拉列表是否展示
+    _useState6 = _slicedToArray(_useState5, 2),
+    optionShow = _useState6[0],
+    setOptionShow = _useState6[1]; // 下拉列表是否展示
   // const [searchInput, setSearchInput] = useState<string>('') // 搜索框值
-
-
   var _useState7 = useState(''),
-      _useState8 = _slicedToArray(_useState7, 2),
-      searchValue = _useState8[0],
-      setSearchValue = _useState8[1]; // 搜索框定时器
-
-
+    _useState8 = _slicedToArray(_useState7, 2),
+    searchValue = _useState8[0],
+    setSearchValue = _useState8[1]; // 搜索框定时器
   var _useState9 = useState(INPUT_MIN_WIDTH),
-      _useState10 = _slicedToArray(_useState9, 2),
-      inputWidth = _useState10[0],
-      setInputWidth = _useState10[1]; // 输入框宽度
-
-
-  var selectPrefixCls = getPrefixCls(prefixCls, 'select', customPrefixcls); // 选择器样式
-
+    _useState10 = _slicedToArray(_useState9, 2),
+    inputWidth = _useState10[0],
+    setInputWidth = _useState10[1]; // 输入框宽度
+  var selectPrefixCls = getPrefixCls(prefixCls, 'select', customPrefixcls);
+  // 选择器样式
   var selectCls = classNames(selectPrefixCls, className, _defineProperty({}, "".concat(selectPrefixCls, "-visible"), optionShow));
-  var selectionCls = classNames(_defineProperty({}, "".concat(selectPrefixCls, "-selector"), true)); // 下拉列表框样式
-
-  var dropDownCls = classNames(dropdownClassName, _defineProperty({}, "".concat(selectPrefixCls, "-dropdown"), true)); // 下拉子项列表样式
-
-  var dropContentCls = classNames(_defineProperty({}, "".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 = classNames(_defineProperty({}, "".concat(selectPrefixCls, "-multiple-footer"), true)); // 多选，单选公共样式
-
+  var selectionCls = classNames(_defineProperty({}, "".concat(selectPrefixCls, "-selector"), true));
+  // 下拉列表框样式
+  var dropDownCls = classNames(dropdownClassName, _defineProperty({}, "".concat(selectPrefixCls, "-dropdown"), true));
+  // 下拉子项列表样式
+  var dropContentCls = classNames(_defineProperty({}, "".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 = classNames(_defineProperty({}, "".concat(selectPrefixCls, "-multiple-footer"), true));
+  // 多选，单选公共样式
   var commCls = classNames((_classNames6 = {}, _defineProperty(_classNames6, "".concat(selectPrefixCls, "-bordered"), borderType === 'bordered'), _defineProperty(_classNames6, "".concat(selectPrefixCls, "-underline"), borderType === 'underline'), _defineProperty(_classNames6, "".concat(selectPrefixCls, "-borderless"), borderType === 'none'), _defineProperty(_classNames6, _concatInstanceProperty(_context = "".concat(selectPrefixCls, "-size-")).call(_context, size), size), _defineProperty(_classNames6, "".concat(selectPrefixCls, "-wrapper"), true), _classNames6));
   useEffect(function () {
     setOptionShow(!!props.visible);
-  }, [props.visible]); // realchildren更新时数据处理---待解决
-
+  }, [props.visible]);
+  // realchildren更新时数据处理---待解决
   useEffect(function () {
     if (isMultiple) {
       multipleRef.current.selectedVal = Array.isArray(initValue) ? _toConsumableArray(initValue) : initValue || [];
-
       if (Array.isArray(initValue)) {
         if (realChildren === null || realChildren === void 0 ? void 0 : realChildren.length) {
           var _context2;
-
           var arr = [];
-
           _mapInstanceProperty(initValue).call(initValue, function (item) {
             var _a, _b;
-
             var obj = (realChildren === null || realChildren === void 0 ? void 0 : _findInstanceProperty(realChildren).call(realChildren, function (child) {
               if (child && child.props) {
                 return child.props.value === item;
@@ -154,7 +133,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,
@@ -167,11 +145,9 @@ var InternalSelect = function InternalSelect(props, ref) {
               });
             }
           });
-
           setMulOptions(_concatInstanceProperty(_context2 = []).call(_context2, arr));
           multipleRef.current.selectMulOpts = _concatInstanceProperty(arr).call(arr);
         }
-
         if (!(initValue === null || initValue === void 0 ? void 0 : initValue.length)) {
           setMulOptions([]);
         }
@@ -181,18 +157,15 @@ var InternalSelect = function InternalSelect(props, ref) {
   useEffect(function () {
     if (!isMultiple) {
       multipleRef.current.selectedVal = initValue; // 默认选中值
-
       if (initValue !== undefined) {
         var obj = (realChildren === null || realChildren === void 0 ? void 0 : _findInstanceProperty(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 {
@@ -216,23 +189,19 @@ var InternalSelect = function InternalSelect(props, ref) {
   var handleBlur = 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);
     }
   };
-
   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();
       }
@@ -245,94 +214,73 @@ 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;
     };
-
     _mapInstanceProperty(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);
       }
     });
-
     return childrenList;
   }, [searchValue, realChildren, filterOption, optionFilterProp]);
   var getOptionLabel = 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 : _findInstanceProperty(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 = _toConsumableArray(selectedVal);
-
         var optsArr = _toConsumableArray(selectMulOpts);
-
         if (_includesInstanceProperty(selectedVal).call(selectedVal, key)) {
           var idx = selectedVal.indexOf(key);
-
           _spliceInstanceProperty(valArr).call(valArr, idx, 1);
-
           _spliceInstanceProperty(optsArr).call(optsArr, idx, 1);
         } else {
           valArr.push(key);
@@ -342,9 +290,7 @@ var InternalSelect = function InternalSelect(props, ref) {
             label: getOptionLabel(obj) || key
           }));
         }
-
         onChange && onChange(labelInValue ? optsArr : valArr, optsArr);
-
         if (!isSelected) {
           onDeselect && onDeselect(key); // 下拉项取消选中时调用，参数为选中项的value,多选模式下生效
         }
@@ -358,11 +304,9 @@ var InternalSelect = function InternalSelect(props, ref) {
           label: label
         }));
       }
-
       onSelect && onSelect(key);
       return;
     }
-
     if (!isMultiple) {
       setSingleVal(getOptionLabel(obj) || key);
       multipleRef.current.selectedVal = key;
@@ -377,27 +321,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 (_includesInstanceProperty(_selectedVal).call(_selectedVal, key)) {
         var _idx = _selectedVal.indexOf(key);
-
         _spliceInstanceProperty(_selectedVal).call(_selectedVal, _idx, 1);
-
         _spliceInstanceProperty(_selectMulOpts).call(_selectMulOpts, _idx, 1);
       } else {
         _selectedVal.push(key);
-
         _selectMulOpts.push(_extends(_extends({}, optionsObj), {
           value: key,
           label: getOptionLabel(obj) || key
         }));
       }
-
       setMulOptions(_toConsumableArray(_selectMulOpts));
       onChange && onChange(labelInValue ? _selectMulOpts : _selectedVal, _selectMulOpts);
-
       if (!isSelected) {
         onDeselect && onDeselect(key); // 下拉项取消选中时调用，参数为选中项的value,多选模式下生效
       }
@@ -405,23 +343,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 = _toConsumableArray(selectedVal);
-
     var newSelectMulOpts = _toConsumableArray(selectMulOpts);
-
     if ((filledOptions === null || filledOptions === void 0 ? void 0 : filledOptions.length) !== newSelectedVal.length) {
       _mapInstanceProperty(filledOptions).call(filledOptions, function (child) {
         var _ref = child.props || child,
-            value = _ref.value;
-
+          value = _ref.value;
         if (!_includesInstanceProperty(newSelectedVal).call(newSelectedVal, value)) {
           newSelectedVal.push(value);
           newSelectMulOpts.push({
@@ -430,7 +363,6 @@ var InternalSelect = function InternalSelect(props, ref) {
           });
         }
       });
-
       if (typeof value === 'undefined') {
         multipleRef.current.selectedVal = newSelectedVal;
         multipleRef.current.selectMulOpts = newSelectMulOpts;
@@ -440,34 +372,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 = useCallback(function (event) {
     var val = event.currentTarget.value;
     setSearchValue(val);
     onSearch === null || onSearch === void 0 ? void 0 : onSearch(val);
-  }, [onSearch]); // 清除搜索内容
-
+  }, [onSearch]);
+  // 清除搜索内容
   var handleClear = 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 = [];
@@ -475,36 +403,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);
-
     _spliceInstanceProperty(selectedVal).call(selectedVal, idx, 1);
-
     _spliceInstanceProperty(selectMulOpts).call(selectMulOpts, idx, 1);
-
     setMulOptions(_toConsumableArray(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 = classNames((_classNames7 = {}, _defineProperty(_classNames7, "".concat(selectPrefixCls, "-icon-arrow"), true), _defineProperty(_classNames7, "".concat(selectPrefixCls, "-icon-arrow-up"), optionShow), _defineProperty(_classNames7, "".concat(selectPrefixCls, "-icon-arrow-down"), !optionShow), _defineProperty(_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 = classNames(_defineProperty({}, "".concat(selectPrefixCls, "-icon-clear"), true));
@@ -522,7 +443,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.createElement(Option, _extends({
@@ -544,15 +464,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.createElement("div", {
       className: dropContentCls,
       style: heightStyle
     }, childrenToRender);
-  }; // 下拉列表为空时显示的内容
-
-
+  };
+  // 下拉列表为空时显示的内容
   var renderNotContent = function renderNotContent() {
     // 下拉列表为空
     var emptyListCls = classNames(_defineProperty({}, "".concat(selectPrefixCls, "-dropdown-empty"), true));
@@ -562,18 +480,16 @@ var InternalSelect = function InternalSelect(props, ref) {
       className: emptyListCls
     }, emptyContent);
   };
-
   var isShowSearch = useMemo(function () {
     return isBoolean(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 = _mapInstanceProperty(childrenToRender).call(childrenToRender, function (item, index) {
         if (item === null || item === undefined) return;
@@ -585,7 +501,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) {
@@ -598,15 +513,13 @@ var InternalSelect = function InternalSelect(props, ref) {
         return child;
       });
     }
-
     var heightStyle = {
       maxHeight: listHeight || '300px'
-    }; // 下拉框style属性
-
+    };
+    // 下拉框style属性
     var dropDownStyle = _extends({
       width: style === null || style === void 0 ? void 0 : style.width
     }, dropdownStyle);
-
     var checkboxStyle = {
       height: '30px',
       background: 'none'
@@ -627,12 +540,10 @@ var InternalSelect = function InternalSelect(props, ref) {
     }, "\u5168\u9009"), /*#__PURE__*/React.createElement("span", {
       className: "".concat(selectPrefixCls, "-multiple-footer-hadSelected")
     }, "\u5DF2\u9009", /*#__PURE__*/React.createElement("span", null, isMultiple ? selectedVal.length : 0), "\u9879"))));
-  }; // 处理多选tag
-
-
+  };
+  // 处理多选tag
   var handleMaxTagHolder = useCallback(function () {
     var maxTagPlaceholder = selectProps.maxTagPlaceholder;
-
     if (typeof maxTagPlaceholder === 'function') {
       return /*#__PURE__*/React.createElement(Tag, {
         type: "edit",
@@ -647,13 +558,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 : _findInstanceProperty(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 {
@@ -661,13 +569,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;
@@ -693,14 +599,12 @@ var InternalSelect = function InternalSelect(props, ref) {
     }, placeholder), /*#__PURE__*/React.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 = classNames(commCls, (_classNames10 = {}, _defineProperty(_classNames10, "".concat(selectPrefixCls, "-multiple-disabled"), disabled), _defineProperty(_classNames10, _concatInstanceProperty(_context3 = "".concat(selectPrefixCls, "-")).call(_context3, mode), mode), _defineProperty(_classNames10, "".concat(selectPrefixCls, "-focused"), autoFocus || optionShow), _defineProperty(_classNames10, "".concat(selectPrefixCls, "-placeholder"), placeholder && !mulOptions.length), _classNames10));
     var itemCls = classNames((_classNames11 = {}, _defineProperty(_classNames11, "".concat(selectPrefixCls, "-selection-item"), true), _defineProperty(_classNames11, _concatInstanceProperty(_context4 = "".concat(selectPrefixCls, "-selection-item-")).call(_context4, size), size), _classNames11));
     var TagStyle = {
@@ -712,7 +616,7 @@ var InternalSelect = function InternalSelect(props, ref) {
       ref: selectionRef
     }, Array.isArray(mulOptions) && /*#__PURE__*/React.createElement(React.Fragment, null, _mapInstanceProperty(mulOptions).call(mulOptions, function (item, index) {
       var label = item.label,
-          value = item.value;
+        value = item.value;
       return (!maxTagCount || index <= maxTagCount - 1) && /*#__PURE__*/React.createElement("span", {
         key: value,
         className: classNames("".concat(selectPrefixCls, "-selection-tag")),
@@ -762,9 +666,7 @@ var InternalSelect = function InternalSelect(props, ref) {
       className: "".concat(selectPrefixCls, "-suffix")
     }, renderSuffix()));
   };
-
   var singleCls = classNames(commCls, (_classNames12 = {}, _defineProperty(_classNames12, "".concat(selectPrefixCls, "-single"), true), _defineProperty(_classNames12, "".concat(selectPrefixCls, "-single-disabled"), disabled), _defineProperty(_classNames12, "".concat(selectPrefixCls, "-single-focused"), autoFocus && !disabled || optionShow), _classNames12));
-
   var renderSelect = function renderSelect() {
     return /*#__PURE__*/React.createElement("div", {
       className: selectCls,
@@ -776,38 +678,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 _extends({
         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 = _extends(_extends({}, selectProps), {
     prefixCls: selectPrefixCls,
     placement: 'bottomLeft',
@@ -817,10 +712,8 @@ var InternalSelect = function InternalSelect(props, ref) {
     onVisibleChange: handleVisibleChange,
     clickToClose: !isShowSearch
   });
-
   return usePopper(renderSelect(), renderContent(), popperProps);
 };
-
 var Select = /*#__PURE__*/React.forwardRef(InternalSelect);
 Select.displayName = 'Select';
 export default Select;