@kdcloudjs/kdesign 1.8.11 → 1.8.13

package/es/select/select.js

@@ -28,7 +28,7 @@ import Option from './option';
 import usePopper from '../_utils/usePopper';
 import VirtualList from '../virtual-list';
 import KeyCode from '../_utils/KeyCode';
-var INPUT_MIN_WIDTH = 4; // 输入框最小宽度
+var INPUT_MIN_WIDTH = 4;
 var InternalSelect = function InternalSelect(props, ref) {
   var _context, _classNames5, _classNames6, _classNames12, _context5;
   var _useContext = useContext(ConfigContext),
@@ -78,7 +78,7 @@ var InternalSelect = function InternalSelect(props, ref) {
     tagRender = selectProps.tagRender,
     virtualListProps = selectProps.virtualListProps,
     status = selectProps.status;
-  var isMultiple = mode === 'multiple'; // 是否多选
+  var isMultiple = mode === 'multiple';
   var _useMergedState = useMergedState(undefined, {
       value: value,
       defaultValue: defaultValue
@@ -86,15 +86,15 @@ var InternalSelect = function InternalSelect(props, ref) {
     _useMergedState2 = _slicedToArray(_useMergedState, 2),
     initValue = _useMergedState2[0],
     setInitValue = _useMergedState2[1];
-  var realChildren = Array.isArray(options) ? options : toArray(children); // options配置项和默认children
+  var realChildren = Array.isArray(options) ? options : toArray(children);
   var selectRef = useRef();
-  var searchRef = useRef(null); // 搜索框ref
+  var searchRef = useRef(null);
   var selectionRef = useRef(null);
   var dropDownRef = useRef(null);
   var multipleRef = useRef({
     selectedVal: isMultiple ? [] : null,
     selectMulOpts: []
-  }); // 多选ref已选中项
+  });
   var measureRef = useRef(null);
   var clearRef = useRef(null);
   var _useState = useState([]),
@@ -109,16 +109,14 @@ var InternalSelect = function InternalSelect(props, ref) {
     _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]; // 搜索框定时器
+    setSearchValue = _useState8[1];
   var _useState9 = useState(INPUT_MIN_WIDTH),
     _useState10 = _slicedToArray(_useState9, 2),
     inputWidth = _useState10[0],
-    setInputWidth = _useState10[1]; // 输入框宽度
+    setInputWidth = _useState10[1];
   var _useState11 = useState(autoFocus),
     _useState12 = _slicedToArray(_useState11, 2),
     focusd = _useState12[0],
@@ -127,21 +125,16 @@ var InternalSelect = function InternalSelect(props, ref) {
     return isBoolean(showSearch) ? showSearch : isMultiple;
   }, [isMultiple, showSearch]);
   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 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((_classNames5 = {}, _defineProperty(_classNames5, "".concat(selectPrefixCls, "-bordered"), borderType === 'bordered'), _defineProperty(_classNames5, "".concat(selectPrefixCls, "-underline"), borderType === 'underline'), _defineProperty(_classNames5, "".concat(selectPrefixCls, "-borderless"), borderType === 'none'), _defineProperty(_classNames5, _concatInstanceProperty(_context = "".concat(selectPrefixCls, "-size-")).call(_context, size), size), _defineProperty(_classNames5, "".concat(selectPrefixCls, "-wrapper"), true), _defineProperty(_classNames5, "".concat(selectPrefixCls, "-show-search"), isShowSearch && focusd), _defineProperty(_classNames5, "".concat(selectPrefixCls, "-error"), status === 'error'), _classNames5));
   useEffect(function () {
     if (typeof props.visible !== 'undefined') {
       setOptionShow(props.visible);
     }
   }, [props.visible]);
-  // realchildren更新时数据处理---待解决
   useEffect(function () {
     if (isMultiple) {
       multipleRef.current.selectedVal = Array.isArray(initValue) ? _toConsumableArray(initValue) : initValue || [];
@@ -188,7 +181,7 @@ var InternalSelect = function InternalSelect(props, ref) {
   }, [isMultiple, initValue, children, options]);
   useEffect(function () {
     if (!isMultiple) {
-      multipleRef.current.selectedVal = initValue; // 默认选中值
+      multipleRef.current.selectedVal = initValue;
       if (initValue !== undefined) {
         var obj = realChildren === null || realChildren === void 0 ? void 0 : _findInstanceProperty(realChildren).call(realChildren, function (child) {
           var _a;
@@ -227,14 +220,6 @@ var InternalSelect = function InternalSelect(props, ref) {
     setFocusd(false);
     onBlur && onBlur(e);
   }, [onBlur]);
-  // 点击组件
-  // const handleClick = () => {
-  //   if (disabled) return
-  //   if (optionShow) {
-  //     const { onDropdownVisibleChange } = selectProps
-  //     onDropdownVisibleChange && onDropdownVisibleChange(true)
-  //   }
-  // }
   useEffect(function () {
     selectionRef.current.addEventListener('mouseup', function (e) {
       var _a;
@@ -274,7 +259,6 @@ var InternalSelect = function InternalSelect(props, ref) {
     });
     return childrenList;
   }, [searchValue, realChildren, filterOption, optionFilterProp]);
-  // 下拉列表框样式
   var dropDownCls = classNames(dropdownClassName, (_classNames6 = {}, _defineProperty(_classNames6, "".concat(selectPrefixCls, "-dropdown"), true), _defineProperty(_classNames6, "".concat(selectPrefixCls, "-dropdown-no-data"), filledOptions.length === 0), _classNames6));
   var getOptionLabel = useCallback(function (obj) {
     var _a;
@@ -291,7 +275,6 @@ var InternalSelect = function InternalSelect(props, ref) {
     }
     return obj === null || obj === void 0 ? void 0 : obj.label;
   }, [optionLabelProp, selectProps]);
-  // 点击下拉列表中某项回调
   var handleOption = function handleOption(key, label, isSelected) {
     var _a, _b;
     var onSelect = selectProps.onSelect,
@@ -327,13 +310,12 @@ var InternalSelect = function InternalSelect(props, ref) {
           valArr.push(key);
           optsArr.push(_extends(_extends({}, optionsObj), {
             value: key,
-            // label: obj.props ? obj.props?.children : obj.label || key,
             label: getOptionLabel(obj) || key
           }));
         }
         onChange && onChange(labelInValue ? optsArr : valArr, optsArr);
         if (!isSelected) {
-          onDeselect && onDeselect(key); // 下拉项取消选中时调用，参数为选中项的value,多选模式下生效
+          onDeselect && onDeselect(key);
         }
       } else {
         handleVisibleChange(false);
@@ -378,14 +360,12 @@ var InternalSelect = function InternalSelect(props, ref) {
       setMulOptions(_toConsumableArray(_selectMulOpts));
       onChange && onChange(labelInValue ? _selectMulOpts : _selectedVal, _selectMulOpts);
       if (!isSelected) {
-        onDeselect && onDeselect(key); // 下拉项取消选中时调用，参数为选中项的value,多选模式下生效
+        onDeselect && onDeselect(key);
       }
     }
-
     setSearchValue('');
-    onSelect && onSelect(key); // 下拉项被选中时调用，参数为选中项value或key
+    onSelect && onSelect(key);
   };
-
   var removeIntersection = function removeIntersection(selectedItems, filteredItems) {
     var filteredValues = new _Set(_mapInstanceProperty(filteredItems).call(filteredItems, function (item) {
       var _a;
@@ -410,7 +390,6 @@ var InternalSelect = function InternalSelect(props, ref) {
     }
     return [filteredSelectedValues, filteredSelectedItems];
   };
-  // 多选模式下选中所有 与清除所有 (可以优化)
   var handleSelectAll = function handleSelectAll(checked) {
     var _multipleRef$current3 = multipleRef.current,
       selectedVal = _multipleRef$current3.selectedVal,
@@ -449,21 +428,18 @@ var InternalSelect = function InternalSelect(props, ref) {
     }
     onChange && onChange(labelInValue ? newSelectMulOpts : newSelectedVal, newSelectMulOpts);
   };
-  // 输入框变化搜索内容
   var handleSearchChange = function handleSearchChange(event) {
     var val = event.currentTarget.value;
     handleVisibleChange(true);
     setSearchValue(val);
     onSearch === null || onSearch === void 0 ? void 0 : onSearch(val);
   };
-  // 清除搜索内容
   var handleClear = useCallback(function () {
     if (searchRef.current) {
       searchRef.current.value = '';
       setSearchValue('');
     }
   }, [searchRef]);
-  // 清空选择器内容
   var handleReset = function handleReset(e) {
     e.stopPropagation();
     if (isMultiple) {
@@ -477,7 +453,6 @@ var InternalSelect = function InternalSelect(props, ref) {
     setSearchValue('');
     onChange && onChange(isMultiple ? '' : undefined);
   };
-  // 多选模式下清除某一项
   var handleRemove = function handleRemove(e, tag) {
     if (disabled) return;
     var _multipleRef$current4 = multipleRef.current,
@@ -490,32 +465,30 @@ var InternalSelect = function InternalSelect(props, ref) {
     onChange && onChange(labelInValue ? selectMulOpts : selectedVal, selectMulOpts);
     e.stopPropagation();
   };
-  // 渲染后缀图标
   var renderSuffix = function renderSuffix() {
     var _classNames7;
     var suffixIcon = selectProps.suffixIcon;
-    // 选择器下拉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 : (singleVal !== null && singleVal !== void 0 ? singleVal : '') !== '') || searchValue);
     var clearIconCls = classNames(_defineProperty({}, "".concat(selectPrefixCls, "-icon-clear"), true));
-    return /*#__PURE__*/React.createElement(React.Fragment, null, iconShow ? /*#__PURE__*/React.createElement("span", {
+    return React.createElement(React.Fragment, null, iconShow ? React.createElement("span", {
       onClick: handleReset,
       onMouseDown: function onMouseDown(e) {
         return e.preventDefault();
       },
       className: clearIconCls,
       ref: clearRef
-    }, clearIcon || /*#__PURE__*/React.createElement(Icon, {
+    }, clearIcon || React.createElement(Icon, {
       type: "close"
-    })) : null, showArrow ? /*#__PURE__*/React.createElement("span", {
+    })) : null, showArrow ? React.createElement("span", {
       className: arrowIconCls
-    }, suffixIcon || /*#__PURE__*/React.createElement(Icon, {
+    }, suffixIcon || React.createElement(Icon, {
       type: "arrow-down"
     })) : null);
   };
   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({
+      return React.createElement(Option, _extends({
         isMultiple: isMultiple
       }, child.props, {
         key: index,
@@ -528,7 +501,7 @@ var InternalSelect = function InternalSelect(props, ref) {
         }
       }));
     } else {
-      return /*#__PURE__*/React.createElement(Option, _extends({
+      return React.createElement(Option, _extends({
         isMultiple: isMultiple,
         value: child === null || child === void 0 ? void 0 : child.value,
         key: index,
@@ -543,18 +516,16 @@ var InternalSelect = function InternalSelect(props, ref) {
     }
   };
   var dropRender = function dropRender(childrenToRender, heightStyle) {
-    return /*#__PURE__*/React.createElement("div", {
+    return React.createElement("div", {
       className: dropContentCls,
       style: heightStyle
     }, childrenToRender);
   };
-  // 下拉列表为空时显示的内容
   var renderNotContent = function renderNotContent() {
-    // 下拉列表为空
     var emptyListCls = classNames(_defineProperty({}, "".concat(selectPrefixCls, "-dropdown-empty"), true));
     var notFoundContent = selectProps.notFoundContent;
     var emptyContent = notFoundContent || locale.getLangMsg('global', 'emptyText');
-    return (filledOptions === null || filledOptions === void 0 ? void 0 : filledOptions.length) === 0 && /*#__PURE__*/React.createElement("div", {
+    return (filledOptions === null || filledOptions === void 0 ? void 0 : filledOptions.length) === 0 && React.createElement("div", {
       className: emptyListCls
     }, emptyContent);
   };
@@ -592,7 +563,6 @@ var InternalSelect = function InternalSelect(props, ref) {
       indeterminate: indeterminate
     };
   };
-  // 渲染下拉列表框
   var renderContent = function renderContent() {
     var dropdownRender = selectProps.dropdownRender,
       listHeight = selectProps.listHeight;
@@ -605,7 +575,7 @@ var InternalSelect = function InternalSelect(props, ref) {
         var temp = renderOption(item, index);
         return temp;
       });
-      eleOptionList = /*#__PURE__*/React.createElement(VirtualList, _extends({
+      eleOptionList = React.createElement(VirtualList, _extends({
         role: "listbox",
         data: childrenToRender,
         itemKey: function itemKey(child) {
@@ -626,7 +596,6 @@ var InternalSelect = function InternalSelect(props, ref) {
     var heightStyle = {
       maxHeight: listHeight || '300px'
     };
-    // 下拉框style属性
     var checkboxStyle = {
       height: '30px',
       background: 'none'
@@ -634,38 +603,37 @@ var InternalSelect = function InternalSelect(props, ref) {
     var _getCheckedState = getCheckedState(mulOptions, filledOptions),
       checked = _getCheckedState.checked,
       indeterminate = _getCheckedState.indeterminate;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    return React.createElement(React.Fragment, null, React.createElement("div", {
       className: dropDownCls,
       style: dropdownStyle,
       ref: dropDownRef
-    }, !dropdownRender && childrenToRender.length > 0 ? dropRender(eleOptionList, heightStyle) : null, renderNotContent(), /*#__PURE__*/React.createElement("div", null, dropdownRender ? dropdownRender(dropRender(eleOptionList, heightStyle)) : null), isMultiple && filledOptions.length > 0 ? /*#__PURE__*/React.createElement("div", {
+    }, !dropdownRender && childrenToRender.length > 0 ? dropRender(eleOptionList, heightStyle) : null, renderNotContent(), React.createElement("div", null, dropdownRender ? dropdownRender(dropRender(eleOptionList, heightStyle)) : null), isMultiple && filledOptions.length > 0 ? React.createElement("div", {
       className: multipleFooterCls
-    }, /*#__PURE__*/React.createElement(Checkbox, {
+    }, React.createElement(Checkbox, {
       style: checkboxStyle,
       checked: checked,
       indeterminate: indeterminate,
       onChange: function onChange() {
         return handleSelectAll(checked);
       }
-    }, selectLangMsg === null || selectLangMsg === void 0 ? void 0 : selectLangMsg.selectAll), /*#__PURE__*/React.createElement("span", {
+    }, selectLangMsg === null || selectLangMsg === void 0 ? void 0 : selectLangMsg.selectAll), React.createElement("span", {
       className: "".concat(selectPrefixCls, "-multiple-footer-hadSelected")
     }, locale.getLangMsg('Select', 'seleted', {
-      size: /*#__PURE__*/React.createElement("span", {
+      size: React.createElement("span", {
         className: "".concat(selectPrefixCls, "-multiple-footer-hadSelected-number")
       }, selectedVal === null || selectedVal === void 0 ? void 0 : selectedVal.length)
     }))) : null));
   };
-  // 处理多选tag
   var handleMaxTagHolder = useCallback(function () {
     var maxTagPlaceholder = selectProps.maxTagPlaceholder;
     if (typeof maxTagPlaceholder === 'function') {
-      return /*#__PURE__*/React.createElement(Tag, {
+      return React.createElement(Tag, {
         type: "edit",
         size: size,
         disabled: disabled
       }, maxTagPlaceholder(mulOptions));
     } else {
-      return /*#__PURE__*/React.createElement(Tag, {
+      return React.createElement(Tag, {
         type: "edit",
         size: size,
         disabled: disabled
@@ -691,13 +659,13 @@ var InternalSelect = function InternalSelect(props, ref) {
     var hiddenStyle = isShowSearch && !!searchValue || singleVal ? {
       visibility: 'hidden'
     } : undefined;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    return React.createElement(React.Fragment, null, React.createElement("div", {
       className: singleCls,
       ref: selectionRef,
       title: title
-    }, /*#__PURE__*/React.createElement("span", {
+    }, React.createElement("span", {
       className: "".concat(selectPrefixCls, "-selection-search")
-    }, /*#__PURE__*/React.createElement("input", {
+    }, React.createElement("input", {
       ref: searchRef,
       value: searchValue,
       className: "".concat(selectPrefixCls, "-selection-search-input"),
@@ -705,16 +673,15 @@ var InternalSelect = function InternalSelect(props, ref) {
       onFocus: handleFocus,
       onBlur: handleBlur,
       readOnly: !isShowSearch || !!disabled
-    })), singleVal && !searchValue ? /*#__PURE__*/React.createElement("span", {
+    })), singleVal && !searchValue ? React.createElement("span", {
       className: "".concat(selectPrefixCls, "-selection-item")
-    }, singleVal) : null, /*#__PURE__*/React.createElement("span", {
+    }, singleVal) : null, React.createElement("span", {
       className: "".concat(selectPrefixCls, "-placeholder"),
       style: hiddenStyle
-    }, placeholder), /*#__PURE__*/React.createElement("span", {
+    }, placeholder), React.createElement("span", {
       className: "".concat(selectPrefixCls, "-suffix")
     }, renderSuffix())));
   };
-  // 渲染多选选择器 (待优化：多选框下拉按钮样式调整，限制tag数代码优化)
   var renderMultiple = function renderMultiple() {
     var _context3, _classNames10, _context4, _classNames11;
     var maxTagCount = selectProps.maxTagCount,
@@ -728,13 +695,13 @@ var InternalSelect = function InternalSelect(props, ref) {
     var totalText = locale.getLangMsg('Select', 'total', {
       total: mulOptions.length
     });
-    return /*#__PURE__*/React.createElement("div", {
+    return React.createElement("div", {
       className: multipleCls,
       ref: selectionRef
-    }, Array.isArray(mulOptions) ? /*#__PURE__*/React.createElement(React.Fragment, null, _mapInstanceProperty(mulOptions).call(mulOptions, function (item, index) {
+    }, Array.isArray(mulOptions) ? React.createElement(React.Fragment, null, _mapInstanceProperty(mulOptions).call(mulOptions, function (item, index) {
       var label = item.label,
         value = item.value;
-      return !maxTagCount || index <= maxTagCount - 1 ? /*#__PURE__*/React.createElement("span", {
+      return !maxTagCount || index <= maxTagCount - 1 ? React.createElement("span", {
         key: value,
         className: classNames("".concat(selectPrefixCls, "-selection-tag")),
         onMouseDown: function onMouseDown(e) {
@@ -746,7 +713,7 @@ var InternalSelect = function InternalSelect(props, ref) {
         label: label,
         disabled: disabled,
         size: size
-      }) : /*#__PURE__*/React.createElement(Tag, {
+      }) : React.createElement(Tag, {
         type: "edit",
         style: TagStyle,
         size: size,
@@ -757,16 +724,16 @@ var InternalSelect = function InternalSelect(props, ref) {
         },
         "data-tag": value
       }, label)) : null;
-    }), maxTagCount && mulOptions.length > maxTagCount ? maxTagPlaceholder ? handleMaxTagHolder() : /*#__PURE__*/React.createElement("span", {
+    }), maxTagCount && mulOptions.length > maxTagCount ? maxTagPlaceholder ? handleMaxTagHolder() : React.createElement("span", {
       className: itemCls
-    }, /*#__PURE__*/React.createElement("span", {
+    }, React.createElement("span", {
       className: "".concat(selectPrefixCls, "-selection-item-content")
-    }, totalText)) : null) : null, /*#__PURE__*/React.createElement("span", {
+    }, totalText)) : null) : null, React.createElement("span", {
       className: "".concat(selectPrefixCls, "-selection-search"),
       style: {
         width: inputWidth
       }
-    }, /*#__PURE__*/React.createElement("input", {
+    }, React.createElement("input", {
       ref: searchRef,
       value: searchValue,
       className: "".concat(selectPrefixCls, "-selection-search-input"),
@@ -774,17 +741,16 @@ var InternalSelect = function InternalSelect(props, ref) {
       onFocus: handleFocus,
       onBlur: handleBlur,
       readOnly: !isShowSearch || !!disabled
-    }), /*#__PURE__*/React.createElement("span", {
+    }), React.createElement("span", {
       ref: measureRef,
       className: "".concat(selectPrefixCls, "-selection-search-mirror")
-    }, searchValue, "\xA0")), /*#__PURE__*/React.createElement("span", {
+    }, searchValue, "\xA0")), React.createElement("span", {
       className: "".concat(selectPrefixCls, "-placeholder")
-    }, !mulOptions.length && !searchValue ? placeholder : null), /*#__PURE__*/React.createElement("span", {
+    }, !mulOptions.length && !searchValue ? placeholder : null), React.createElement("span", {
       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"), focusd && !disabled || optionShow), _classNames12));
-  // keyboard
   var getActiveIndex = function getActiveIndex(index) {
     var offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
     var len = filledOptions.length;
@@ -797,7 +763,6 @@ var InternalSelect = function InternalSelect(props, ref) {
     }
     return -1;
   };
-  // reset activeIndex
   useEffect(function () {
     if (searchValue) {
       setActiveIndex(getActiveIndex(0));
@@ -842,23 +807,19 @@ var InternalSelect = function InternalSelect(props, ref) {
   var onInternalKeyDown = function onInternalKeyDown(e) {
     var _a, _b;
     var which = e.which;
-    // open
     if (which === KeyCode.ENTER || which === KeyCode.UP || which === KeyCode.DOWN) {
       e.preventDefault();
       handleVisibleChange(true);
     }
-    // backspace
     var _multipleRef$current5 = multipleRef.current,
       selectedVal = _multipleRef$current5.selectedVal,
       selectMulOpts = _multipleRef$current5.selectMulOpts;
-    // isMultiple
     if (which === KeyCode.BACKSPACE && !searchValue && isMultiple && (selectedVal === null || selectedVal === void 0 ? void 0 : selectedVal.length) && selectMulOpts.length) {
       _spliceInstanceProperty(selectedVal).call(selectedVal, -1, 1);
       _spliceInstanceProperty(selectMulOpts).call(selectMulOpts, -1, 1);
       setMulOptions(_toConsumableArray(selectMulOpts));
       onChange && onChange(labelInValue ? selectMulOpts : selectedVal, selectMulOpts);
     }
-    // optionsList: up、down、enter
     if (optionShow) {
       var offset = 0;
       if (which === KeyCode.UP) {
@@ -871,7 +832,6 @@ var InternalSelect = function InternalSelect(props, ref) {
         var key = ((_a = item.props) === null || _a === void 0 ? void 0 : _a.value) || item.value;
         var label = ((_b = item.props) === null || _b === void 0 ? void 0 : _b.children) || item.label;
         handleOption(key, label, true);
-        // search
         if (searchValue) {
           setActiveIndex(_findIndexInstanceProperty(realChildren).call(realChildren, function (child) {
             var _a;
@@ -901,11 +861,11 @@ var InternalSelect = function InternalSelect(props, ref) {
     }
   };
   var renderSelect = function renderSelect() {
-    return /*#__PURE__*/React.createElement("div", {
+    return React.createElement("div", {
       className: selectCls,
       ref: selectRef,
       style: style
-    }, /*#__PURE__*/React.createElement("span", {
+    }, React.createElement("span", {
       className: selectionCls,
       tabIndex: disabled ? -1 : 0,
       onFocus: function onFocus() {
@@ -949,6 +909,6 @@ var InternalSelect = function InternalSelect(props, ref) {
   });
   return usePopper(renderSelect(), renderContent(), popperProps);
 };
-var Select = /*#__PURE__*/React.forwardRef(InternalSelect);
+var Select = React.forwardRef(InternalSelect);
 Select.displayName = 'Select';
 export default Select;

package/es/signature/drawingBoard.js

@@ -6,7 +6,7 @@ import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/insta
 import React, { useState, useEffect, useRef, forwardRef, useImperativeHandle } from 'react';
 import Icon from '../icon';
 import classNames from 'classnames';
-var DrawingBoard = /*#__PURE__*/forwardRef(function (props, ref) {
+var DrawingBoard = forwardRef(function (props, ref) {
   var _classNames;
   var prefixCls = props.prefixCls,
     isEmpty = props.isEmpty,
@@ -97,66 +97,66 @@ var DrawingBoard = /*#__PURE__*/forwardRef(function (props, ref) {
       setCurrentHistoryIndex: setCurrentHistoryIndex
     };
   });
-  return /*#__PURE__*/React.createElement("div", {
+  return React.createElement("div", {
     className: "".concat(prefixCls, "-drawing-board"),
     ref: canvasWrapperRef
-  }, /*#__PURE__*/React.createElement("div", {
+  }, React.createElement("div", {
     className: classNames((_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-drawing-board-operation"), true), _defineProperty(_classNames, "enabled", !isEmpty), _classNames))
-  }, undo ? /*#__PURE__*/React.createElement("span", {
+  }, undo ? React.createElement("span", {
     onClick: function onClick() {
       return handleUndo();
     }
-  }, /*#__PURE__*/React.createElement("svg", {
+  }, React.createElement("svg", {
     width: "1em",
     height: "1em",
     viewBox: "0 0 32 32"
-  }, /*#__PURE__*/React.createElement("g", {
+  }, React.createElement("g", {
     id: "1016.\u64A4\u9500",
     stroke: "none",
     "stroke-width": "1",
     fill: "none",
     "fill-rule": "evenodd"
-  }, /*#__PURE__*/React.createElement("g", {
+  }, React.createElement("g", {
     id: "\u7F16\u7EC4",
     transform: "translate(2.000000, 1.000000)",
     fill: "#000000",
     "fill-rule": "nonzero"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, React.createElement("path", {
     d: "M9.16767025,16.9762781 C9.5300869,17.3386948 9.5300869,17.9262881 9.16767025,18.2887049 C8.84552213,18.6108529 8.34545651,18.6466472 7.98377112,18.3960875 L7.85524348,18.2887049 L0.815437446,11.2488988 C-0.203859357,10.229602 -0.267565411,8.61657722 0.624319283,7.52306442 L0.815437446,7.31161852 L7.85524348,0.271812484 C8.21766013,-0.0906041612 8.80525361,-0.0906041612 9.16767025,0.271812484 C9.48981838,0.593960608 9.5256126,1.09402626 9.27505297,1.45571158 L9.16767025,1.58423925 L2.39801882,8.35223283 L18.7197413,8.35223283 C24.8235066,8.35223283 28,11.88167 28,18.5605173 C28,25.0286774 25.0409921,28.8154573 19.1996764,29.6367412 L18.7197413,29.6968277 L3.87132753,29.6968277 C3.358793,29.6968277 2.94330165,29.2813365 2.94330165,28.7688019 C2.94330165,28.3132156 3.27159111,27.9343054 3.70451369,27.8557278 L3.87132753,27.840776 L18.6172581,27.846452 C23.6969089,27.2820464 26.1439483,24.2912204 26.1439483,18.5605173 C26.1439483,13.0283959 23.8870007,10.3626156 19.1446408,10.2148013 L18.7197413,10.2082845 L2.39987488,10.2082845 L9.16767025,16.9762781 Z",
     id: "\u8DEF\u5F84",
     fill: "currentColor"
-  }))))) : null, redo ? /*#__PURE__*/React.createElement("span", {
+  }))))) : null, redo ? React.createElement("span", {
     onClick: function onClick() {
       return handleRedo();
     }
-  }, /*#__PURE__*/React.createElement("svg", {
+  }, React.createElement("svg", {
     width: "1em",
     height: "1em",
     viewBox: "0 0 32 32"
-  }, /*#__PURE__*/React.createElement("g", {
+  }, React.createElement("g", {
     id: "1016.\u64A4\u9500",
     stroke: "none",
     "stroke-width": "1",
     fill: "none",
     "fill-rule": "evenodd"
-  }, /*#__PURE__*/React.createElement("g", {
+  }, React.createElement("g", {
     id: "\u7F16\u7EC4",
     transform: "translate(2.000000, 1.000000)",
     fill: "#000000",
     "fill-rule": "nonzero"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, React.createElement("path", {
     d: "M9.16767025,16.9762781 C9.5300869,17.3386948 9.5300869,17.9262881 9.16767025,18.2887049 C8.84552213,18.6108529 8.34545651,18.6466472 7.98377112,18.3960875 L7.85524348,18.2887049 L0.815437446,11.2488988 C-0.203859357,10.229602 -0.267565411,8.61657722 0.624319283,7.52306442 L0.815437446,7.31161852 L7.85524348,0.271812484 C8.21766013,-0.0906041612 8.80525361,-0.0906041612 9.16767025,0.271812484 C9.48981838,0.593960608 9.5256126,1.09402626 9.27505297,1.45571158 L9.16767025,1.58423925 L2.39801882,8.35223283 L18.7197413,8.35223283 C24.8235066,8.35223283 28,11.88167 28,18.5605173 C28,25.0286774 25.0409921,28.8154573 19.1996764,29.6367412 L18.7197413,29.6968277 L3.87132753,29.6968277 C3.358793,29.6968277 2.94330165,29.2813365 2.94330165,28.7688019 C2.94330165,28.3132156 3.27159111,27.9343054 3.70451369,27.8557278 L3.87132753,27.840776 L18.6172581,27.846452 C23.6969089,27.2820464 26.1439483,24.2912204 26.1439483,18.5605173 C26.1439483,13.0283959 23.8870007,10.3626156 19.1446408,10.2148013 L18.7197413,10.2082845 L2.39987488,10.2082845 L9.16767025,16.9762781 Z",
     id: "\u8DEF\u5F84",
     fill: "currentColor"
-  }))))) : null, /*#__PURE__*/React.createElement(Icon, {
+  }))))) : null, React.createElement(Icon, {
     type: "delete",
     className: "".concat(prefixCls, "-drawing-board-clear"),
     onClick: function onClick() {
       return handleOnClear();
     }
-  })), /*#__PURE__*/React.createElement("span", {
+  })), React.createElement("span", {
     className: "".concat(prefixCls, "-drawing-board-tip")
-  }, isEmpty ? signatureLangMsg === null || signatureLangMsg === void 0 ? void 0 : signatureLangMsg.pleaseWriteHere : ''), /*#__PURE__*/React.createElement("canvas", {
+  }, isEmpty ? signatureLangMsg === null || signatureLangMsg === void 0 ? void 0 : signatureLangMsg.pleaseWriteHere : ''), React.createElement("canvas", {
     ref: canvasRef
   }));
 });