@kdcloudjs/kdesign 1.7.33-stable.12 → 1.7.33-stable.12-hotfix.2

package/es/checkbox/checkbox.js

@@ -20,7 +20,7 @@ import isBoolean from 'lodash/isBoolean';
 import Icon from '../icon';
 import devWarning from '../_utils/devwarning';
 var InternalCheckbox = function InternalCheckbox(props, ref) {
-  var _context, _context2, _context3, _classNames, _context4, _context5, _context6, _context7, _classNames2, _context8, _context9, _context10, _context11, _context12, _context13, _context14, _classNames4, _context15, _context16, _context17, _classNames5, _context18;
+  var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context0, _context1, _context10, _context11, _context12, _context13, _context14, _context15, _context16;
   var _useContext = useContext(ConfigContext),
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
@@ -63,13 +63,13 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
   var getIndeterminate = function getIndeterminate() {
     return selected ? false : indeterminate;
   };
-  var getDefaultClassName = classNames(className, (_classNames = {}, _defineProperty(_classNames, "".concat(checkboxPrefixCls), true), _defineProperty(_classNames, "".concat(checkboxPrefixCls, "-no-child"), !children), _defineProperty(_classNames, _concatInstanceProperty(_context = "".concat(checkboxPrefixCls, "-")).call(_context, mergedSize), !!children), _defineProperty(_classNames, _concatInstanceProperty(_context2 = "".concat(checkboxPrefixCls, "-")).call(_context2, mergedCheckboxType), true), _defineProperty(_classNames, _concatInstanceProperty(_context3 = "".concat(checkboxPrefixCls, "-")).call(_context3, mergedCheckboxType, "-disabled"), mergedDisabled), _defineProperty(_classNames, "checked", selected), _classNames));
-  var getSquareClassName = classNames(className, (_classNames2 = {}, _defineProperty(_classNames2, "".concat(checkboxPrefixCls), true), _defineProperty(_classNames2, _concatInstanceProperty(_context4 = "".concat(checkboxPrefixCls, "-")).call(_context4, mergedCheckboxType), true), _defineProperty(_classNames2, _concatInstanceProperty(_context5 = "".concat(checkboxPrefixCls, "-")).call(_context5, mergedSize), !!children), _defineProperty(_classNames2, _concatInstanceProperty(_context6 = "".concat(checkboxPrefixCls, "-")).call(_context6, mergedCheckboxType, "-disabled"), mergedDisabled), _defineProperty(_classNames2, _concatInstanceProperty(_context7 = "".concat(checkboxPrefixCls, "-")).call(_context7, mergedCheckboxType, "-checked"), selected && !mergedDisabled), _defineProperty(_classNames2, "checked", selected), _classNames2));
+  var getDefaultClassName = classNames(className, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(checkboxPrefixCls), true), "".concat(checkboxPrefixCls, "-no-child"), !children), _concatInstanceProperty(_context = "".concat(checkboxPrefixCls, "-")).call(_context, mergedSize), !!children), _concatInstanceProperty(_context2 = "".concat(checkboxPrefixCls, "-")).call(_context2, mergedCheckboxType), true), _concatInstanceProperty(_context3 = "".concat(checkboxPrefixCls, "-")).call(_context3, mergedCheckboxType, "-disabled"), mergedDisabled), "checked", selected));
+  var getSquareClassName = classNames(className, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(checkboxPrefixCls), true), _concatInstanceProperty(_context4 = "".concat(checkboxPrefixCls, "-")).call(_context4, mergedCheckboxType), true), _concatInstanceProperty(_context5 = "".concat(checkboxPrefixCls, "-")).call(_context5, mergedSize), !!children), _concatInstanceProperty(_context6 = "".concat(checkboxPrefixCls, "-")).call(_context6, mergedCheckboxType, "-disabled"), mergedDisabled), _concatInstanceProperty(_context7 = "".concat(checkboxPrefixCls, "-")).call(_context7, mergedCheckboxType, "-checked"), selected && !mergedDisabled), "checked", selected));
   var getRootClassName = isDefaultType() ? getDefaultClassName : getSquareClassName;
   var inputClassName = classNames(_defineProperty({}, "".concat(checkboxPrefixCls, "-input"), true));
-  var checkedWrapperClassName = classNames((_classNames4 = {}, _defineProperty(_classNames4, _concatInstanceProperty(_context8 = "".concat(checkboxPrefixCls, "-")).call(_context8, mergedCheckboxType, "-wrapper"), true), _defineProperty(_classNames4, _concatInstanceProperty(_context9 = "".concat(checkboxPrefixCls, "-")).call(_context9, mergedCheckboxType, "-wrapper-size"), true), _defineProperty(_classNames4, _concatInstanceProperty(_context10 = "".concat(checkboxPrefixCls, "-")).call(_context10, mergedCheckboxType, "-margin"), !!children), _defineProperty(_classNames4, _concatInstanceProperty(_context11 = "".concat(checkboxPrefixCls, "-")).call(_context11, mergedCheckboxType, "-checked"), selected), _defineProperty(_classNames4, _concatInstanceProperty(_context12 = "".concat(checkboxPrefixCls, "-")).call(_context12, mergedCheckboxType, "-indeterminate"), getIndeterminate()), _defineProperty(_classNames4, _concatInstanceProperty(_context13 = "".concat(checkboxPrefixCls, "-")).call(_context13, mergedCheckboxType, "-disabled"), mergedDisabled && !selected), _defineProperty(_classNames4, _concatInstanceProperty(_context14 = "".concat(checkboxPrefixCls, "-")).call(_context14, mergedCheckboxType, "-checked-disabled"), mergedDisabled && selected), _classNames4));
-  var triangleClassName = classNames((_classNames5 = {}, _defineProperty(_classNames5, _concatInstanceProperty(_context15 = "".concat(checkboxPrefixCls, "-")).call(_context15, mergedCheckboxType, "-triangle"), !selected), _defineProperty(_classNames5, _concatInstanceProperty(_context16 = "".concat(checkboxPrefixCls, "-")).call(_context16, mergedCheckboxType, "-triangle-checked"), selected), _defineProperty(_classNames5, _concatInstanceProperty(_context17 = "".concat(checkboxPrefixCls, "-")).call(_context17, mergedCheckboxType, "-triangle-disabled"), mergedDisabled), _classNames5));
-  var innerIconClassName = classNames(_defineProperty({}, _concatInstanceProperty(_context18 = "".concat(checkboxPrefixCls, "-")).call(_context18, mergedCheckboxType, "-inner"), true));
+  var checkedWrapperClassName = classNames(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, _concatInstanceProperty(_context8 = "".concat(checkboxPrefixCls, "-")).call(_context8, mergedCheckboxType, "-wrapper"), true), _concatInstanceProperty(_context9 = "".concat(checkboxPrefixCls, "-")).call(_context9, mergedCheckboxType, "-wrapper-size"), true), _concatInstanceProperty(_context0 = "".concat(checkboxPrefixCls, "-")).call(_context0, mergedCheckboxType, "-margin"), !!children), _concatInstanceProperty(_context1 = "".concat(checkboxPrefixCls, "-")).call(_context1, mergedCheckboxType, "-checked"), selected), _concatInstanceProperty(_context10 = "".concat(checkboxPrefixCls, "-")).call(_context10, mergedCheckboxType, "-indeterminate"), getIndeterminate()), _concatInstanceProperty(_context11 = "".concat(checkboxPrefixCls, "-")).call(_context11, mergedCheckboxType, "-disabled"), mergedDisabled && !selected), _concatInstanceProperty(_context12 = "".concat(checkboxPrefixCls, "-")).call(_context12, mergedCheckboxType, "-checked-disabled"), mergedDisabled && selected));
+  var triangleClassName = classNames(_defineProperty(_defineProperty(_defineProperty({}, _concatInstanceProperty(_context13 = "".concat(checkboxPrefixCls, "-")).call(_context13, mergedCheckboxType, "-triangle"), !selected), _concatInstanceProperty(_context14 = "".concat(checkboxPrefixCls, "-")).call(_context14, mergedCheckboxType, "-triangle-checked"), selected), _concatInstanceProperty(_context15 = "".concat(checkboxPrefixCls, "-")).call(_context15, mergedCheckboxType, "-triangle-disabled"), mergedDisabled));
+  var innerIconClassName = classNames(_defineProperty({}, _concatInstanceProperty(_context16 = "".concat(checkboxPrefixCls, "-")).call(_context16, mergedCheckboxType, "-inner"), true));
   var handleChange = function handleChange(e) {
     onChange && onChange(e);
     (checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.onCheckboxGroupChange) && (checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.onCheckboxGroupChange(value, e.target.checked, e));
@@ -96,7 +96,7 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
     };
   }, []);
   var getDefaultCheckbox = function getDefaultCheckbox() {
-    var _context19, _context20;
+    var _context17, _context18;
     var inputProps = {
       type: 'checkbox',
       className: inputClassName,
@@ -117,24 +117,24 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
         ref: labelRef
       }, rest), /*#__PURE__*/React.createElement("span", {
         className: checkedWrapperClassName
-      }, selected ? /*#__PURE__*/React.createElement("span", {
+      }, selected ? (/*#__PURE__*/React.createElement("span", {
         className: innerIconClassName
       }, /*#__PURE__*/React.createElement(Icon, {
         type: "right-bold",
-        className: _concatInstanceProperty(_context19 = "".concat(checkboxPrefixCls, "-")).call(_context19, mergedCheckboxType, "-inner-icon")
-      })) : null, /*#__PURE__*/React.createElement("input", _extends({
+        className: _concatInstanceProperty(_context17 = "".concat(checkboxPrefixCls, "-")).call(_context17, mergedCheckboxType, "-inner-icon")
+      }))) : null, /*#__PURE__*/React.createElement("input", _extends({
         type: "checkbox",
         ref: ref
       }, inputProps))), children ? /*#__PURE__*/React.createElement("span", {
         className: "".concat(checkboxPrefixCls, "-children")
-      }, children) : null, !isDefaultType() ? /*#__PURE__*/React.createElement("span", {
+      }, children) : null, !isDefaultType() ? (/*#__PURE__*/React.createElement("span", {
         className: triangleClassName
       }, /*#__PURE__*/React.createElement("span", {
         className: innerIconClassName
       }, /*#__PURE__*/React.createElement(Icon, {
         type: "right-bold",
-        className: _concatInstanceProperty(_context20 = "".concat(checkboxPrefixCls, "-")).call(_context20, mergedCheckboxType, "-inner-icon")
-      }))) : null)
+        className: _concatInstanceProperty(_context18 = "".concat(checkboxPrefixCls, "-")).call(_context18, mergedCheckboxType, "-inner-icon")
+      })))) : null)
     );
   };
   return getDefaultCheckbox();

package/es/city-picker/city-picker.js

@@ -24,7 +24,7 @@ var getCityId = function getCityId(data) {
   return data;
 };
 var InternalSelect = function InternalSelect(props, ref) {
-  var _context, _classNames3, _classNames6;
+  var _context;
   var _useContext = useContext(ConfigContext),
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
@@ -108,13 +108,13 @@ var InternalSelect = function InternalSelect(props, ref) {
     afterChangeFocus = _useState8[0],
     setAfterChangeFocus = _useState8[1];
   var _useState9 = useState(null),
-    _useState10 = _slicedToArray(_useState9, 2),
-    seletedCity = _useState10[0],
-    setSeletedCity = _useState10[1];
-  var _useState11 = useState('domestic'),
-    _useState12 = _slicedToArray(_useState11, 2),
-    tabsValue = _useState12[0],
-    setTabsValue = _useState12[1];
+    _useState0 = _slicedToArray(_useState9, 2),
+    seletedCity = _useState0[0],
+    setSeletedCity = _useState0[1];
+  var _useState1 = useState('domestic'),
+    _useState10 = _slicedToArray(_useState1, 2),
+    tabsValue = _useState10[0],
+    setTabsValue = _useState10[1];
   var isDomestic = function isDomestic(type) {
     return type === 'domestic';
   };
@@ -122,7 +122,7 @@ var InternalSelect = function InternalSelect(props, ref) {
   var cityPickerCls = classNames(selectPrefixCls, className, _defineProperty({}, "".concat(selectPrefixCls, "-visible"), optionShow));
   var selectionCls = classNames(_defineProperty({}, "".concat(selectPrefixCls, "-selector"), true));
   // 公共样式
-  var commCls = classNames((_classNames3 = {}, _defineProperty(_classNames3, "".concat(selectPrefixCls, "-bordered"), borderType === 'bordered'), _defineProperty(_classNames3, "".concat(selectPrefixCls, "-underline"), borderType === 'underline'), _defineProperty(_classNames3, "".concat(selectPrefixCls, "-borderless"), borderType === 'none'), _defineProperty(_classNames3, _concatInstanceProperty(_context = "".concat(selectPrefixCls, "-size-")).call(_context, size), size), _defineProperty(_classNames3, "".concat(selectPrefixCls, "-wrapper"), true), _defineProperty(_classNames3, "".concat(selectPrefixCls, "-show-search"), focusd), _classNames3));
+  var commCls = classNames(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(selectPrefixCls, "-bordered"), borderType === 'bordered'), "".concat(selectPrefixCls, "-underline"), borderType === 'underline'), "".concat(selectPrefixCls, "-borderless"), borderType === 'none'), _concatInstanceProperty(_context = "".concat(selectPrefixCls, "-size-")).call(_context, size), size), "".concat(selectPrefixCls, "-wrapper"), true), "".concat(selectPrefixCls, "-show-search"), focusd));
   useEffect(function () {
     var _context2;
     if (typeof value === 'undefined') return;
@@ -186,12 +186,11 @@ var InternalSelect = function InternalSelect(props, ref) {
   };
   // 渲染后缀图标
   var renderSuffix = function renderSuffix() {
-    var _classNames4;
     if (disabled) return null;
     var suffixIcon = selectProps.suffixIcon;
-    var arrowIconCls = classNames((_classNames4 = {}, _defineProperty(_classNames4, "".concat(selectPrefixCls, "-icon-arrow"), true), _defineProperty(_classNames4, "".concat(selectPrefixCls, "-icon-arrow-up"), optionShow), _defineProperty(_classNames4, "".concat(selectPrefixCls, "-icon-arrow-down"), !optionShow), _defineProperty(_classNames4, "".concat(selectPrefixCls, "-icon-arrow-focus"), optionShow), _classNames4));
+    var arrowIconCls = classNames(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(selectPrefixCls, "-icon-arrow"), true), "".concat(selectPrefixCls, "-icon-arrow-up"), optionShow), "".concat(selectPrefixCls, "-icon-arrow-down"), !optionShow), "".concat(selectPrefixCls, "-icon-arrow-focus"), optionShow));
     var iconShow = allowClear && !disabled && ((initValue !== null && initValue !== void 0 ? initValue : '') !== '' || searchValue);
-    return /*#__PURE__*/React.createElement(React.Fragment, null, iconShow && /*#__PURE__*/React.createElement("span", {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, iconShow && (/*#__PURE__*/React.createElement("span", {
       onClick: handleReset,
       onMouseDown: function onMouseDown(e) {
         return e.preventDefault();
@@ -200,7 +199,7 @@ var InternalSelect = function InternalSelect(props, ref) {
       ref: clearRef
     }, clearIcon || /*#__PURE__*/React.createElement(Icon, {
       type: "close"
-    })), showArrow && /*#__PURE__*/React.createElement("span", {
+    }))), showArrow && /*#__PURE__*/React.createElement("span", {
       className: arrowIconCls
     }, suffixIcon || /*#__PURE__*/React.createElement(Icon, {
       type: "arrow-down"
@@ -221,12 +220,12 @@ var InternalSelect = function InternalSelect(props, ref) {
     }).join('|') : "(".concat(escapeRegExp(inputValue), ")"), 'i');
     var strArr = text === null || text === void 0 ? void 0 : text.split(regex);
     return /*#__PURE__*/React.createElement(React.Fragment, null, strArr === null || strArr === void 0 ? void 0 : _mapInstanceProperty(strArr).call(strArr, function (item, index) {
-      return (regex === null || regex === void 0 ? void 0 : regex.test(item)) ? /*#__PURE__*/React.createElement("span", {
+      return (regex === null || regex === void 0 ? void 0 : regex.test(item)) ? (/*#__PURE__*/React.createElement("span", {
         key: index,
         className: "".concat(selectPrefixCls, "-highlight")
-      }, item) : /*#__PURE__*/React.createElement("span", {
+      }, item)) : (/*#__PURE__*/React.createElement("span", {
         key: index
-      }, item);
+      }, item));
     }));
   };
   var handleOption = function handleOption(city) {
@@ -284,7 +283,7 @@ var InternalSelect = function InternalSelect(props, ref) {
   };
   // 渲染下拉列表框
   var renderContent = function renderContent() {
-    return loading ? renderLoading() : /*#__PURE__*/React.createElement(React.Fragment, null, searchValue ? /*#__PURE__*/React.createElement(React.Fragment, null, isDomestic(type) && /*#__PURE__*/React.createElement(Tabs, {
+    return loading ? renderLoading() : (/*#__PURE__*/React.createElement(React.Fragment, null, searchValue ? (/*#__PURE__*/React.createElement(React.Fragment, null, isDomestic(type) && (/*#__PURE__*/React.createElement(Tabs, {
       noContainer: true,
       onChange: toggleTabPane,
       activeKey: tabsValue
@@ -293,9 +292,9 @@ var InternalSelect = function InternalSelect(props, ref) {
         key: item.id,
         tab: item.name
       }, item);
-    })), tabsValue === 'domestic' ? renderNodeList(domesticList, cityPickerLangMsg === null || cityPickerLangMsg === void 0 ? void 0 : cityPickerLangMsg.emptyText) : renderNodeList(foreignList, cityPickerLangMsg === null || cityPickerLangMsg === void 0 ? void 0 : cityPickerLangMsg.emptyText)) : /*#__PURE__*/React.createElement(React.Fragment, null, !!commonList.length && /*#__PURE__*/React.createElement("div", {
+    }))), tabsValue === 'domestic' ? renderNodeList(domesticList, cityPickerLangMsg === null || cityPickerLangMsg === void 0 ? void 0 : cityPickerLangMsg.emptyText) : renderNodeList(foreignList, cityPickerLangMsg === null || cityPickerLangMsg === void 0 ? void 0 : cityPickerLangMsg.emptyText))) : (/*#__PURE__*/React.createElement(React.Fragment, null, !!commonList.length && (/*#__PURE__*/React.createElement("div", {
       className: "".concat(selectPrefixCls, "-dropdown-common")
-    }, cityPickerLangMsg === null || cityPickerLangMsg === void 0 ? void 0 : cityPickerLangMsg.common), renderNodeList(commonList, cityPickerLangMsg === null || cityPickerLangMsg === void 0 ? void 0 : cityPickerLangMsg.commonEmptyText, true)));
+    }, cityPickerLangMsg === null || cityPickerLangMsg === void 0 ? void 0 : cityPickerLangMsg.common)), renderNodeList(commonList, cityPickerLangMsg === null || cityPickerLangMsg === void 0 ? void 0 : cityPickerLangMsg.commonEmptyText, true)))));
   };
   var _renderCityInfo = useCallback(function (data) {
     var isCommon = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
@@ -322,11 +321,10 @@ var InternalSelect = function InternalSelect(props, ref) {
     }
   }, [type, tabsValue]);
   var renderSingle = function renderSingle() {
-    var _classNames5;
     var hiddenStyle = !!searchValue || (initValue !== null && initValue !== void 0 ? initValue : '') !== '' ? {
       visibility: 'hidden'
     } : undefined;
-    var itemCls = classNames((_classNames5 = {}, _defineProperty(_classNames5, "".concat(selectPrefixCls, "-content-item"), true), _defineProperty(_classNames5, "".concat(selectPrefixCls, "-content-item-seleted"), afterChangeFocus), _classNames5));
+    var itemCls = classNames(_defineProperty(_defineProperty({}, "".concat(selectPrefixCls, "-content-item"), true), "".concat(selectPrefixCls, "-content-item-seleted"), afterChangeFocus));
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
       className: singleCls,
       ref: selectionRef
@@ -342,10 +340,10 @@ var InternalSelect = function InternalSelect(props, ref) {
       onFocus: handleFocus,
       onBlur: handleBlur,
       readOnly: !!disabled
-    }), !searchValue && /*#__PURE__*/React.createElement("span", {
+    }), !searchValue && (/*#__PURE__*/React.createElement("span", {
       className: itemCls,
       title: seletedCity === null || seletedCity === void 0 ? void 0 : seletedCity.name
-    }, seletedCity === null || seletedCity === void 0 ? void 0 : seletedCity.name)), !searchValue && /*#__PURE__*/React.createElement("span", {
+    }, seletedCity === null || seletedCity === void 0 ? void 0 : seletedCity.name))), !searchValue && /*#__PURE__*/React.createElement("span", {
       className: "".concat(selectPrefixCls, "-content-info")
     }, _renderCityInfo(seletedCity))), /*#__PURE__*/React.createElement("span", {
       className: "".concat(selectPrefixCls, "-placeholder"),
@@ -354,7 +352,7 @@ var InternalSelect = function InternalSelect(props, ref) {
       className: "".concat(selectPrefixCls, "-suffix")
     }, renderSuffix())));
   };
-  var singleCls = classNames(commCls, (_classNames6 = {}, _defineProperty(_classNames6, "".concat(selectPrefixCls, "-disabled"), disabled), _defineProperty(_classNames6, "".concat(selectPrefixCls, "-focused"), !disabled && focusd || optionShow), _classNames6));
+  var singleCls = classNames(commCls, _defineProperty(_defineProperty({}, "".concat(selectPrefixCls, "-disabled"), disabled), "".concat(selectPrefixCls, "-focused"), !disabled && focusd || optionShow));
   useEffect(function () {
     if (optionShow && !disabled) {
       var onDropdownVisibleChange = selectProps.onDropdownVisibleChange;
@@ -391,10 +389,10 @@ var InternalSelect = function InternalSelect(props, ref) {
     }
     return -1;
   };
-  var _useState13 = useState(-1),
-    _useState14 = _slicedToArray(_useState13, 2),
-    activeIndex = _useState14[0],
-    setActiveIndex = _useState14[1];
+  var _useState11 = useState(-1),
+    _useState12 = _slicedToArray(_useState11, 2),
+    activeIndex = _useState12[0],
+    setActiveIndex = _useState12[1];
   var initActiveIndex = function initActiveIndex() {
     var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : undefined;
     setActiveIndex(index === undefined ? getActiveIndex(0) : index);

package/es/city-picker/option.js

@@ -3,7 +3,6 @@ import React, { useContext, useRef } from 'react';
 import classNames from 'classnames';
 import ConfigContext from '../config-provider/ConfigContext';
 var InternalOption = function InternalOption(props, ref) {
-  var _classNames;
   var optionRef = useRef(null) || ref;
   var children = props.children,
     value = props.value,
@@ -24,7 +23,7 @@ var InternalOption = function InternalOption(props, ref) {
     prefixCls = _useContext.prefixCls;
   var selectOptionPrefixCls = getPrefixCls(prefixCls, 'city-picker-list-item');
   var isSelected = id !== undefined ? id === value : false;
-  var optionCls = classNames(selectOptionPrefixCls, className, (_classNames = {}, _defineProperty(_classNames, "".concat(selectOptionPrefixCls, "-selected"), isSelected), _defineProperty(_classNames, "".concat(selectOptionPrefixCls, "-disabled"), disabled), _defineProperty(_classNames, "".concat(selectOptionPrefixCls, "-active"), activeIndex === index), _classNames));
+  var optionCls = classNames(selectOptionPrefixCls, className, _defineProperty(_defineProperty(_defineProperty({}, "".concat(selectOptionPrefixCls, "-selected"), isSelected), "".concat(selectOptionPrefixCls, "-disabled"), disabled), "".concat(selectOptionPrefixCls, "-active"), activeIndex === index));
   var handleClick = function handleClick(e) {
     e.preventDefault();
     if (disabled || id === undefined) return;
@@ -43,11 +42,11 @@ var InternalOption = function InternalOption(props, ref) {
     onClick: handleClick,
     onMouseEnter: handleOnMouseEnter,
     onMouseLeave: handleOnMouseLeave
-  }, typeof itemRender === 'function' ? itemRender(city) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+  }, typeof itemRender === 'function' ? itemRender(city) : (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
     className: "".concat(selectOptionPrefixCls, "-content")
   }, children), /*#__PURE__*/React.createElement("span", {
     className: "".concat(selectOptionPrefixCls, "-info")
-  }, renderCityInfo === null || renderCityInfo === void 0 ? void 0 : renderCityInfo(city, true)))));
+  }, renderCityInfo === null || renderCityInfo === void 0 ? void 0 : renderCityInfo(city, true))))));
 };
 var Option = /*#__PURE__*/React.forwardRef(InternalOption);
 Option.displayName = 'CityPickerOption';

package/es/collapse/panel.js

@@ -17,7 +17,6 @@ import ConfigContext from '../config-provider/ConfigContext';
 import { getCompProps } from '../_utils';
 import Icon from '../icon';
 var Panel = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _classNames6, _classNames7, _classNames8;
   var _React$useContext = React.useContext(ConfigContext),
     getPrefixCls = _React$useContext.getPrefixCls,
     prefixCls = _React$useContext.prefixCls,
@@ -63,8 +62,7 @@ var Panel = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onChange && onChange(panelKey);
   };
   var renderIcon = function renderIcon() {
-    var _classNames;
-    var iconClassName = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(panelPrefixCls, "-icon"), true), _defineProperty(_classNames, "".concat(panelPrefixCls, "-animation-expand"), !expand), _defineProperty(_classNames, "".concat(panelPrefixCls, "-animation-collapse"), expand), _defineProperty(_classNames, "".concat(panelPrefixCls, "-disabled"), disabled), _classNames));
+    var iconClassName = classNames(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(panelPrefixCls, "-icon"), true), "".concat(panelPrefixCls, "-animation-expand"), !expand), "".concat(panelPrefixCls, "-animation-collapse"), expand), "".concat(panelPrefixCls, "-disabled"), disabled));
     return /*#__PURE__*/React.createElement("span", {
       className: iconClassName,
       onClick: handleClick
@@ -73,20 +71,18 @@ var Panel = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }));
   };
   var renderLeft = function renderLeft() {
-    var _classNames2, _classNames3;
-    var className = classNames((_classNames2 = {}, _defineProperty(_classNames2, "".concat(panelPrefixCls, "-left"), true), _defineProperty(_classNames2, "".concat(panelPrefixCls, "-disabled"), disabled), _classNames2));
-    var headerClassName = classNames((_classNames3 = {}, _defineProperty(_classNames3, "".concat(panelPrefixCls, "-header"), true), _defineProperty(_classNames3, "".concat(panelPrefixCls, "-disabled"), disabled), _classNames3));
+    var className = classNames(_defineProperty(_defineProperty({}, "".concat(panelPrefixCls, "-left"), true), "".concat(panelPrefixCls, "-disabled"), disabled));
+    var headerClassName = classNames(_defineProperty(_defineProperty({}, "".concat(panelPrefixCls, "-header"), true), "".concat(panelPrefixCls, "-disabled"), disabled));
     return /*#__PURE__*/React.createElement("span", {
       className: className,
       onClick: handleClick
-    }, expandIconPosition === 'left' ? renderIcon() : null, header && /*#__PURE__*/React.createElement("span", {
+    }, expandIconPosition === 'left' ? renderIcon() : null, header && (/*#__PURE__*/React.createElement("span", {
       className: headerClassName,
       title: title
-    }, renderReactNode(header)));
+    }, renderReactNode(header))));
   };
   var renderRight = function renderRight() {
-    var _classNames4;
-    var className = classNames((_classNames4 = {}, _defineProperty(_classNames4, "".concat(panelPrefixCls, "-right"), true), _defineProperty(_classNames4, "".concat(panelPrefixCls, "-disabled"), disabled), _classNames4));
+    var className = classNames(_defineProperty(_defineProperty({}, "".concat(panelPrefixCls, "-right"), true), "".concat(panelPrefixCls, "-disabled"), disabled));
     return /*#__PURE__*/React.createElement("span", {
       className: className
     }, extra && /*#__PURE__*/React.createElement("span", {
@@ -94,8 +90,7 @@ var Panel = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }, renderReactNode(extra)), expandIconPosition === 'right' ? renderIcon() : null);
   };
   var renderMiddle = function renderMiddle() {
-    var _classNames5;
-    var className = classNames((_classNames5 = {}, _defineProperty(_classNames5, "".concat(panelPrefixCls, "-middle"), true), _defineProperty(_classNames5, "".concat(panelPrefixCls, "-disabled"), disabled), _classNames5));
+    var className = classNames(_defineProperty(_defineProperty({}, "".concat(panelPrefixCls, "-middle"), true), "".concat(panelPrefixCls, "-disabled"), disabled));
     return /*#__PURE__*/React.createElement("span", {
       className: className
     }, assist && /*#__PURE__*/React.createElement("span", {
@@ -108,9 +103,9 @@ var Panel = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }
     return reactNode;
   };
-  var rootClassName = classNames(className, (_classNames6 = {}, _defineProperty(_classNames6, "".concat(panelPrefixCls), true), _defineProperty(_classNames6, "".concat(panelPrefixCls, "-border"), bordered), _defineProperty(_classNames6, "".concat(panelPrefixCls, "-opened"), expand), _classNames6));
-  var topClassName = classNames((_classNames7 = {}, _defineProperty(_classNames7, "".concat(panelPrefixCls, "-top"), true), _defineProperty(_classNames7, "".concat(panelPrefixCls, "-disabled"), disabled), _defineProperty(_classNames7, "".concat(panelPrefixCls, "-top-border"), bordered && expand), _classNames7));
-  var childrenClassName = classNames((_classNames8 = {}, _defineProperty(_classNames8, "".concat(panelPrefixCls, "-children"), expand), _defineProperty(_classNames8, "".concat(panelPrefixCls, "-children-hide"), !expand), _classNames8));
+  var rootClassName = classNames(className, _defineProperty(_defineProperty(_defineProperty({}, "".concat(panelPrefixCls), true), "".concat(panelPrefixCls, "-border"), bordered), "".concat(panelPrefixCls, "-opened"), expand));
+  var topClassName = classNames(_defineProperty(_defineProperty(_defineProperty({}, "".concat(panelPrefixCls, "-top"), true), "".concat(panelPrefixCls, "-disabled"), disabled), "".concat(panelPrefixCls, "-top-border"), bordered && expand));
+  var childrenClassName = classNames(_defineProperty(_defineProperty({}, "".concat(panelPrefixCls, "-children"), expand), "".concat(panelPrefixCls, "-children-hide"), !expand));
   var childrenBorderedClassName = classNames(_defineProperty({}, "".concat(panelPrefixCls, "-children-bordered"), bordered));
   var runExpandAnimation = function runExpandAnimation(element) {
     element.style.height = '0px';

package/es/color-picker/color-picker-panel.js

@@ -15,7 +15,7 @@ import { ChromePicker } from 'react-color';
 import devWarning from '../_utils/devwarning';
 import useOnClickOutside from './utils/hooks/useOnClickOutside';
 var ColorPickerPanel = function ColorPickerPanel(props) {
-  var _classNames, _context;
+  var _context;
   var setCorrectColorValue = props.setCorrectColorValue,
     setInputColorValue = props.setInputColorValue,
     setAlpha = props.setAlpha,
@@ -53,7 +53,7 @@ var ColorPickerPanel = function ColorPickerPanel(props) {
     locale = _useContext.locale;
   var colorPickerPrefixCls = getPrefixCls(prefixCls, 'color-picker');
   var panelCls = classNames("".concat(colorPickerPrefixCls, "-panel"));
-  var panelChromePickerCls = classNames("".concat(colorPickerPrefixCls, "-panel-chrome"), (_classNames = {}, _defineProperty(_classNames, "".concat(colorPickerPrefixCls, "-panel-chrome-no-box"), !(showColorPickerBox === null || showColorPickerBox === void 0 ? void 0 : showColorPickerBox.showBox)), _defineProperty(_classNames, "".concat(colorPickerPrefixCls, "-panel-chrome-no-hue"), !(showColorPickerBox === null || showColorPickerBox === void 0 ? void 0 : showColorPickerBox.showHue)), _defineProperty(_classNames, "".concat(colorPickerPrefixCls, "-panel-chrome-no-opacity"), !(showColorPickerBox === null || showColorPickerBox === void 0 ? void 0 : showColorPickerBox.showOpacity)), _classNames));
+  var panelChromePickerCls = classNames("".concat(colorPickerPrefixCls, "-panel-chrome"), _defineProperty(_defineProperty(_defineProperty({}, "".concat(colorPickerPrefixCls, "-panel-chrome-no-box"), !(showColorPickerBox === null || showColorPickerBox === void 0 ? void 0 : showColorPickerBox.showBox)), "".concat(colorPickerPrefixCls, "-panel-chrome-no-hue"), !(showColorPickerBox === null || showColorPickerBox === void 0 ? void 0 : showColorPickerBox.showHue)), "".concat(colorPickerPrefixCls, "-panel-chrome-no-opacity"), !(showColorPickerBox === null || showColorPickerBox === void 0 ? void 0 : showColorPickerBox.showOpacity)));
   var panelFollowThemeCls = classNames("".concat(colorPickerPrefixCls, "-panel-switch"));
   var panelInputCls = classNames("".concat(colorPickerPrefixCls, "-panel-input"), _defineProperty({}, "".concat(colorPickerPrefixCls, "-panel-input-no-recommend"), !showPresetColor));
   var transparentCls = classNames("".concat(colorPickerPrefixCls, "-panel-transparent"));
@@ -173,19 +173,19 @@ var ColorPickerPanel = function ColorPickerPanel(props) {
   useOnClickOutside([panelClsRef, inputRef], function () {
     setShowPanel(false);
   });
-  return /*#__PURE__*/React.createElement(React.Fragment, null, showColorPickerPanel && /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, showColorPickerPanel && (/*#__PURE__*/React.createElement("div", {
     className: panelCls,
     ref: panelClsRef
   }, /*#__PURE__*/React.createElement(ChromePicker, {
     className: panelChromePickerCls,
     color: colTypeArr[2].value,
     onChange: handleChromeChange
-  }), functionalColor && showSwitch && /*#__PURE__*/React.createElement("div", {
+  }), functionalColor && showSwitch && (/*#__PURE__*/React.createElement("div", {
     className: panelFollowThemeCls
   }, /*#__PURE__*/React.createElement("span", null, (switchName === null || switchName === void 0 ? void 0 : switchName.internationalName) && locale.getLangMsg('ColorPicker', switchName.internationalName) || switchName.name), /*#__PURE__*/React.createElement(Switch, {
     checked: isFollow,
     onChange: handleSwitchChange
-  })), showColorTransfer && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+  }))), showColorTransfer && (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: panelInputCls,
     ref: panelInputRef
   }, /*#__PURE__*/React.createElement(Select, {
@@ -214,7 +214,7 @@ var ColorPickerPanel = function ColorPickerPanel(props) {
     borderType: "bordered",
     value: alphaNoVerifyVal,
     disabled: isFollow
-  })), showPresetColor && /*#__PURE__*/React.createElement("div", {
+  }))), showPresetColor && (/*#__PURE__*/React.createElement("div", {
     className: colorDivContainerCls
   }, _mapInstanceProperty(_context = checkUserPresetColor(presetColor) && presetColorToHEX(presetColor) || systemPresetColor).call(_context, function (colorValue, i) {
     return /*#__PURE__*/React.createElement("li", {
@@ -230,7 +230,7 @@ var ColorPickerPanel = function ColorPickerPanel(props) {
         'square-click': clickedColorIndex === i
       })
     }));
-  }))));
+  }))))));
 };
 ColorPickerPanel.displayName = 'ColorPickerPanel';
 export default ColorPickerPanel;

package/es/color-picker/color-picker.js

@@ -55,25 +55,25 @@ var ColorPicker = function ColorPicker(props) {
     colTypeArr = _useState8[0],
     setColTypeArr = _useState8[1];
   var _useState9 = useState(defaultOpen),
-    _useState10 = _slicedToArray(_useState9, 2),
-    showPanel = _useState10[0],
-    setShowPanel = _useState10[1];
-  var _useState11 = useState(1),
+    _useState0 = _slicedToArray(_useState9, 2),
+    showPanel = _useState0[0],
+    setShowPanel = _useState0[1];
+  var _useState1 = useState(1),
+    _useState10 = _slicedToArray(_useState1, 2),
+    alpha = _useState10[0],
+    setAlpha = _useState10[1];
+  var _useState11 = useState(alpha * 100 + '%'),
     _useState12 = _slicedToArray(_useState11, 2),
-    alpha = _useState12[0],
-    setAlpha = _useState12[1];
-  var _useState13 = useState(alpha * 100 + '%'),
+    alphaNoVerifyVal = _useState12[0],
+    setAlphaNoVerifyVal = _useState12[1];
+  var _useState13 = useState(false),
     _useState14 = _slicedToArray(_useState13, 2),
-    alphaNoVerifyVal = _useState14[0],
-    setAlphaNoVerifyVal = _useState14[1];
-  var _useState15 = useState(false),
+    isFollow = _useState14[0],
+    setIsFollow = _useState14[1];
+  var _useState15 = useState(),
     _useState16 = _slicedToArray(_useState15, 2),
-    isFollow = _useState16[0],
-    setIsFollow = _useState16[1];
-  var _useState17 = useState(),
-    _useState18 = _slicedToArray(_useState17, 2),
-    clickedColorIndex = _useState18[0],
-    setClickedColorIndex = _useState18[1];
+    clickedColorIndex = _useState16[0],
+    setClickedColorIndex = _useState16[1];
   var colorPickerPrefixCls = getPrefixCls(prefixCls, 'color-picker');
   var popUpLayer = getPrefixCls(prefixCls, 'color-picker-pop');
   var containerCls = classNames("".concat(colorPickerPrefixCls, "-container"));
@@ -130,8 +130,7 @@ var ColorPicker = function ColorPicker(props) {
     }
   }, [value, defaultValue]);
   var afterIcon = function afterIcon() {
-    var _classNames;
-    var afterIconContainerCls = classNames("".concat(colorPickerPrefixCls, "-icon"), (_classNames = {}, _defineProperty(_classNames, "".concat(colorPickerPrefixCls, "-icon-underline"), borderType === 'underline'), _defineProperty(_classNames, "".concat(colorPickerPrefixCls, "-icon-bordered"), borderType === 'bordered'), _defineProperty(_classNames, "".concat(colorPickerPrefixCls, "-icon-up"), showPanel), _defineProperty(_classNames, "".concat(colorPickerPrefixCls, "-icon-down"), !showPanel), _classNames));
+    var afterIconContainerCls = classNames("".concat(colorPickerPrefixCls, "-icon"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(colorPickerPrefixCls, "-icon-underline"), borderType === 'underline'), "".concat(colorPickerPrefixCls, "-icon-bordered"), borderType === 'bordered'), "".concat(colorPickerPrefixCls, "-icon-up"), showPanel), "".concat(colorPickerPrefixCls, "-icon-down"), !showPanel));
     return /*#__PURE__*/React.createElement("div", {
       className: afterIconContainerCls,
       style: {

package/es/color-picker/utils/colorFormat.js

@@ -90,11 +90,11 @@ export var getColorObj = function getColorObj(colorStr) {
       var _b2 = colorArray[2].replace(')', '');
       return _concatInstanceProperty(_context6 = _concatInstanceProperty(_context7 = "rgb(".concat(strFixed(r), ",")).call(_context7, strFixed(g), ",")).call(_context6, strFixed(_b2), ")");
     } else {
-      var _context8, _context9, _context10;
+      var _context8, _context9, _context0;
       var _r = colorArray[0].replace('rgba(', '');
       var _b3 = colorArray[2];
       var _a2 = colorArray[3].replace(')', '');
-      return _concatInstanceProperty(_context8 = _concatInstanceProperty(_context9 = _concatInstanceProperty(_context10 = "rgba(".concat(strFixed(_r), ",")).call(_context10, strFixed(g), ",")).call(_context9, strFixed(_b3), ",")).call(_context8, strFixed(_a2, 2), ")");
+      return _concatInstanceProperty(_context8 = _concatInstanceProperty(_context9 = _concatInstanceProperty(_context0 = "rgba(".concat(strFixed(_r), ",")).call(_context0, strFixed(g), ",")).call(_context9, strFixed(_b3), ",")).call(_context8, strFixed(_a2, 2), ")");
     }
   } else {
     return colorStr;
@@ -109,11 +109,11 @@ var removePercentage = function removePercentage(parameter) {
 var colorToStr = function colorToStr(obj) {
   var arr = obj.color;
   if (obj.valpha === 1) {
-    var _context11, _context12, _context13;
-    return _concatInstanceProperty(_context11 = _concatInstanceProperty(_context12 = _concatInstanceProperty(_context13 = "".concat(obj.model === 'hsv' ? 'hsb' : 'hsl', "(")).call(_context13, strFixed(arr[0]), ", ")).call(_context12, strFixed(arr[1]), "%, ")).call(_context11, strFixed(arr[2]), "%)");
+    var _context1, _context10, _context11;
+    return _concatInstanceProperty(_context1 = _concatInstanceProperty(_context10 = _concatInstanceProperty(_context11 = "".concat(obj.model === 'hsv' ? 'hsb' : 'hsl', "(")).call(_context11, strFixed(arr[0]), ", ")).call(_context10, strFixed(arr[1]), "%, ")).call(_context1, strFixed(arr[2]), "%)");
   } else {
-    var _context14, _context15, _context16, _context17;
-    return _concatInstanceProperty(_context14 = _concatInstanceProperty(_context15 = _concatInstanceProperty(_context16 = _concatInstanceProperty(_context17 = "".concat(obj.model === 'hsv' ? 'hsba' : 'hsla', "(")).call(_context17, strFixed(arr[0]), ", ")).call(_context16, strFixed(arr[1]), "%, ")).call(_context15, strFixed(arr[2]), "%, ")).call(_context14, strFixed(obj.valpha, 2), ")");
+    var _context12, _context13, _context14, _context15;
+    return _concatInstanceProperty(_context12 = _concatInstanceProperty(_context13 = _concatInstanceProperty(_context14 = _concatInstanceProperty(_context15 = "".concat(obj.model === 'hsv' ? 'hsba' : 'hsla', "(")).call(_context15, strFixed(arr[0]), ", ")).call(_context14, strFixed(arr[1]), "%, ")).call(_context13, strFixed(arr[2]), "%, ")).call(_context12, strFixed(obj.valpha, 2), ")");
   }
 };
 export var strFixed = function strFixed(numStr) {

package/es/config-provider/ConfigContext.d.ts

@@ -10,6 +10,7 @@ export interface IConfigProps {
     prefixCls?: string;
     localeConfig?: LocaleConfigType;
     locale?: IntlUniversal;
+    isMobile?: boolean;
 }
 export interface IContextConfigProps {
     getPrefixCls?: (configPrefixCls?: string, suffixCls?: string, customizePrefixCls?: string) => string;
@@ -17,6 +18,7 @@ export interface IContextConfigProps {
     prefixCls?: string;
     localeConfig?: LocaleConfigType;
     locale: IntlUniversal;
+    isMobile?: boolean;
 }
 declare const ConfigContext: import("react").Context<IContextConfigProps>;
 export default ConfigContext;

package/es/config-provider/compDefaultProps.d.ts

@@ -245,7 +245,7 @@ declare const compDefaultProps: {
     RadioGroup: {};
     Rate: {
         allowHalf: boolean;
-        icon: () => JSX.Element;
+        icon: () => React.JSX.Element;
         count: number;
         defaultValue: number;
         disabled: boolean;
@@ -333,7 +333,7 @@ declare const compDefaultProps: {
         disabled: boolean;
         draggable: boolean;
         virtual: boolean;
-        switcherIcon: () => JSX.Element;
+        switcherIcon: () => React.JSX.Element;
         estimatedItemSize: number;
         expandOnClickNode: boolean;
     };
@@ -444,7 +444,7 @@ declare const compDefaultProps: {
         treeExpandOnClickNode: boolean;
         onlyExpandOnClickIcon: boolean;
         showSearch: boolean;
-        switcherIcon: () => JSX.Element;
+        switcherIcon: () => React.JSX.Element;
         expandOnClickNode: boolean;
         listHeight: number;
         virtual: boolean;

package/es/config-provider/defaultConfig.d.ts

@@ -6,5 +6,6 @@ declare const defaultConfig: {
         getLangMsg: (componentName: string, labelName: string, params?: any) => string | import("react").ReactNode[];
         getCompLangMsg: (compLangMsgParams: import("../locale").CompLangMsgParams, customGetLangMsg?: ((componentName: string, labelName: string, params: any) => any) | undefined, localeDate?: any) => any;
     };
+    isMobile: boolean;
 };
 export default defaultConfig;

package/es/config-provider/defaultConfig.js

@@ -13,6 +13,7 @@ var defaultConfig = {
   locale: {
     getLangMsg: getLangMsg,
     getCompLangMsg: getCompLangMsg
-  }
+  },
+  isMobile: false
 };
 export default defaultConfig;

package/es/date-picker/calendar.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { DateType, PickerMode, SharedTimeProps } from './interface';
 import { RangeShowTimeObject } from './range-picker';
 export interface CalendarProps {
@@ -9,5 +9,5 @@ export interface CalendarProps {
     showTime?: boolean | SharedTimeProps | RangeShowTimeObject;
     disabledDate?: (date: DateType) => boolean;
 }
-declare function Calendar(props: CalendarProps): JSX.Element;
+declare function Calendar(props: CalendarProps): React.JSX.Element;
 export default Calendar;

package/es/date-picker/calendar.js

@@ -23,7 +23,7 @@ function Calendar(props) {
     var weekTitleItemCls = classnames("".concat(prefixCls, "-weektitle-item"));
     if (showWeekNumber) {
       var weekTitleNumberItemCls = classnames("".concat(prefixCls, "-weektitle-weeknumber"));
-      dayNames.push( /*#__PURE__*/React.createElement("div", {
+      dayNames.push(/*#__PURE__*/React.createElement("div", {
         key: "W",
         className: weekTitleNumberItemCls
       }));
@@ -43,7 +43,7 @@ function Calendar(props) {
     var weeks = [];
     var i = 0;
     while (true) {
-      weeks.push( /*#__PURE__*/React.createElement(Week, {
+      weeks.push(/*#__PURE__*/React.createElement(Week, {
         key: i,
         day: currentWeekStart,
         picker: picker,
@@ -69,7 +69,6 @@ function Calendar(props) {
       //   }
       // }
     }
-
     return weeks;
   };
   var calendarCls = classnames("".concat(prefixCls, "-calendar"));

package/es/date-picker/date-panel.d.ts

@@ -49,5 +49,5 @@ declare type OmitType = Omit<PickerPanelBaseProps, 'picker'> & Omit<PickerPanelD
 interface MergedPickerPanelProps extends OmitType {
     picker?: PickerMode;
 }
-declare function Panel(props: MergedPickerPanelProps): JSX.Element;
+declare function Panel(props: MergedPickerPanelProps): React.JSX.Element;
 export default Panel;