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

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

@@ -110,7 +110,7 @@ function Panel(props) {
       endPeriod = _getYearsPeriod.endPeriod;
     var headerCls = classnames("".concat(prefixCls, "-header"), "".concat(prefixCls, "-header-year"));
     return {
-      children: /*#__PURE__*/React.createElement(React.Fragment, null, startPeriod, " - ", endPeriod),
+      children: (/*#__PURE__*/React.createElement(React.Fragment, null, startPeriod, " - ", endPeriod)),
       className: headerCls
     };
   };
@@ -133,18 +133,17 @@ function Panel(props) {
     }
   };
   var renderDateHeader = function renderDateHeader() {
-    var _classnames, _classnames2;
     var year = getYear(viewDate);
     var month = getMonth(viewDate) + 1;
     var headerCls = classnames("".concat(prefixCls, "-header"), "".concat(prefixCls, "-header-date"));
     return {
-      children: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
-        className: classnames("".concat(prefixCls, "-header-text-inner"), (_classnames = {}, _defineProperty(_classnames, "".concat(prefixCls, "-header-text-inner-active"), innerPicker === 'year'), _defineProperty(_classnames, "".concat(prefixCls, "-header-text-inner-hover"), picker === 'date'), _classnames)),
+      children: (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+        className: classnames("".concat(prefixCls, "-header-text-inner"), _defineProperty(_defineProperty({}, "".concat(prefixCls, "-header-text-inner-active"), innerPicker === 'year'), "".concat(prefixCls, "-header-text-inner-hover"), picker === 'date')),
         onClick: onHeaderYearClick
       }, year + locale.year), /*#__PURE__*/React.createElement("span", {
-        className: classnames("".concat(prefixCls, "-header-text-inner"), (_classnames2 = {}, _defineProperty(_classnames2, "".concat(prefixCls, "-header-text-inner-active"), innerPicker === 'month'), _defineProperty(_classnames2, "".concat(prefixCls, "-header-text-inner-hover"), picker === 'date'), _classnames2)),
+        className: classnames("".concat(prefixCls, "-header-text-inner"), _defineProperty(_defineProperty({}, "".concat(prefixCls, "-header-text-inner-active"), innerPicker === 'month'), "".concat(prefixCls, "-header-text-inner-hover"), picker === 'date')),
         onClick: onHeaderMonthClick
-      }, month + locale.month)),
+      }, month + locale.month))),
       className: headerCls
     };
   };

package/es/date-picker/date-picker.js

@@ -350,9 +350,9 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
         innerPicker: innerPicker,
         setInnerPicker: setInnerPicker
       }
-    }, panelNode, (extraFooter || rangesNode || todayNode) && innerPicker === undefined ? /*#__PURE__*/React.createElement("div", {
+    }, panelNode, (extraFooter || rangesNode || todayNode) && innerPicker === undefined ? (/*#__PURE__*/React.createElement("div", {
       className: "".concat(datePickerPrefixCls, "-footer")
-    }, extraFooter, rangesNode, todayNode) : null);
+    }, extraFooter, rangesNode, todayNode)) : null);
   };
   var inputProps = {
     inputRef: inputRef,
@@ -395,7 +395,7 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
     triggerChange: triggerChange,
     resetText: resetText
   };
-  return usePopper( /*#__PURE__*/React.createElement(InputDate, _extends({
+  return usePopper(/*#__PURE__*/React.createElement(InputDate, _extends({
     ref: inputDivRef
   }, inputProps)), /*#__PURE__*/React.createElement("div", {
     ref: popperRef,

package/es/date-picker/hooks/use-range-cls.js

@@ -15,7 +15,6 @@ export default function useRangeCls(_ref) {
     isEnd = _ref.isEnd;
   function getClassName(date) {
     if (isRange) {
-      var _classnames;
       var _rangeValue = rangeValue || [null, null];
       if (hoverRangedValue === null || hoverRangedValue === void 0 ? void 0 : _findInstanceProperty(hoverRangedValue).call(hoverRangedValue, function (n) {
         return n;
@@ -28,7 +27,7 @@ export default function useRangeCls(_ref) {
       if (isSameDay(_rangeValue[0], _rangeValue[1])) return {};
       if (isCurrentMonth && !isCurrentMonth(date)) return {};
       if (_rangeValue[0] && _rangeValue[1] && isAfter(_rangeValue[0], _rangeValue[1])) return {};
-      return classnames((_classnames = {}, _defineProperty(_classnames, "".concat(prefixCls, "-range-view"), isAfterStart(date, _rangeValue) && isBeforeEnd(date, _rangeValue)), _defineProperty(_classnames, "".concat(prefixCls, "-range-start"), isStart(date, _rangeValue)), _defineProperty(_classnames, "".concat(prefixCls, "-range-end"), isEnd(date, _rangeValue)), _classnames));
+      return classnames(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-range-view"), isAfterStart(date, _rangeValue) && isBeforeEnd(date, _rangeValue)), "".concat(prefixCls, "-range-start"), isStart(date, _rangeValue)), "".concat(prefixCls, "-range-end"), isEnd(date, _rangeValue)));
     }
     return {};
   }

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

@@ -8,5 +8,5 @@ export interface DatetimePanelProps extends PanelSharedProps, Omit<CalendarProps
     showTime?: boolean | SharedTimeProps;
     defaultValue?: DateType;
 }
-declare function DatetimePanel(props: DatetimePanelProps): JSX.Element;
+declare function DatetimePanel(props: DatetimePanelProps): React.JSX.Element;
 export default DatetimePanel;

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

@@ -11,5 +11,5 @@ export interface HeaderProps {
     onSuperPrev?: () => void;
     onSuperNext?: () => void;
 }
-declare function Header(props: HeaderProps): JSX.Element;
+declare function Header(props: HeaderProps): React.JSX.Element;
 export default Header;

package/es/date-picker/panel/header/header.js

@@ -19,36 +19,36 @@ function Header(props) {
   var textCls = classnames("".concat(prefixCls, "-header-text"));
   return /*#__PURE__*/React.createElement("div", {
     className: className
-  }, onSuperPrev ? /*#__PURE__*/React.createElement("span", {
+  }, onSuperPrev ? (/*#__PURE__*/React.createElement("span", {
     className: iconCls,
     onClick: onSuperPrev
   }, superPrevIcon || /*#__PURE__*/React.createElement(Icon, {
     type: "double-arrow-left"
-  })) : /*#__PURE__*/React.createElement("span", {
+  }))) : (/*#__PURE__*/React.createElement("span", {
     className: iconCls
-  }), onPrev ? /*#__PURE__*/React.createElement("span", {
+  })), onPrev ? (/*#__PURE__*/React.createElement("span", {
     className: iconCls,
     onClick: onPrev
   }, prevIcon || /*#__PURE__*/React.createElement(Icon, {
     type: "arrow-left"
-  })) : /*#__PURE__*/React.createElement("span", {
+  }))) : (/*#__PURE__*/React.createElement("span", {
     className: iconCls
-  }), /*#__PURE__*/React.createElement("span", {
+  })), /*#__PURE__*/React.createElement("span", {
     className: textCls
-  }, children), onNext ? /*#__PURE__*/React.createElement("span", {
+  }, children), onNext ? (/*#__PURE__*/React.createElement("span", {
     className: iconCls,
     onClick: onNext
   }, nextIcon || /*#__PURE__*/React.createElement(Icon, {
     type: "arrow-right"
-  })) : /*#__PURE__*/React.createElement("span", {
+  }))) : (/*#__PURE__*/React.createElement("span", {
     className: iconCls
-  }), onSuperNext ? /*#__PURE__*/React.createElement("span", {
+  })), onSuperNext ? (/*#__PURE__*/React.createElement("span", {
     className: iconCls,
     onClick: onSuperNext
   }, superNextIcon || /*#__PURE__*/React.createElement(Icon, {
     type: "double-arrow-right"
-  })) : /*#__PURE__*/React.createElement("span", {
+  }))) : (/*#__PURE__*/React.createElement("span", {
     className: iconCls
-  }));
+  })));
 }
 export default Header;

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { DateType } from '../../interface';
 export interface MonthProps {
     showFullMonth?: boolean;
     disabledDate?(date: DateType): boolean;
 }
-declare function Month(props: MonthProps): JSX.Element;
+declare function Month(props: MonthProps): React.JSX.Element;
 export default Month;

package/es/date-picker/panel/month/month.js

@@ -55,8 +55,7 @@ function Month(props) {
     }
   };
   var getMonthClassNames = function getMonthClassNames(i) {
-    var _classnames;
-    return classnames("".concat(prefixCls, "-month-text"), (_classnames = {}, _defineProperty(_classnames, "".concat(prefixCls, "-month-text-selected"), getMonthSelected(i)), _defineProperty(_classnames, "".concat(prefixCls, "-month-text-today"), getMonthToday(i)), _classnames));
+    return classnames("".concat(prefixCls, "-month-text"), _defineProperty(_defineProperty({}, "".concat(prefixCls, "-month-text-selected"), getMonthSelected(i)), "".concat(prefixCls, "-month-text-today"), getMonthToday(i)));
   };
   var getRangeCls = useRangeCls({
     prefixCls: prefixCls,

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import { DateType } from '../../interface';
 interface QuarterProps {
     disabledDate?: (date: DateType) => boolean;
 }
-declare function Quarter(props: QuarterProps): JSX.Element;
+declare function Quarter(props: QuarterProps): React.JSX.Element;
 export default Quarter;

package/es/date-picker/panel/quarter/quarter.js

@@ -51,8 +51,7 @@ function Quarter(props) {
     }
   };
   var getQuarterClassNames = function getQuarterClassNames(q) {
-    var _classnames;
-    return classnames("".concat(prefixCls, "-quarter-text"), (_classnames = {}, _defineProperty(_classnames, "".concat(prefixCls, "-quarter-text-selected"), getQuarterSelected(q)), _defineProperty(_classnames, "".concat(prefixCls, "-quarter-text-today"), getQuarterToday(q)), _classnames));
+    return classnames("".concat(prefixCls, "-quarter-text"), _defineProperty(_defineProperty({}, "".concat(prefixCls, "-quarter-text-selected"), getQuarterSelected(q)), "".concat(prefixCls, "-quarter-text-today"), getQuarterToday(q)));
   };
   var getRangeCls = useRangeCls({
     prefixCls: prefixCls,

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

@@ -13,5 +13,5 @@ export interface TimeUnitColumnProps {
     hideDisabledOptions?: boolean;
     onSelect?: (value: number) => void;
 }
-declare function TimeUnitColumn(props: TimeUnitColumnProps): JSX.Element;
+declare function TimeUnitColumn(props: TimeUnitColumnProps): React.JSX.Element;
 export default TimeUnitColumn;

package/es/date-picker/panel/time/time-column.js

@@ -48,7 +48,6 @@ function TimeUnitColumn(props) {
       position: 'relative'
     }
   }, _mapInstanceProperty(units).call(units, function (unit) {
-    var _classNames;
     if (hideDisabledOptions && unit.disabled) {
       return null;
     }
@@ -57,7 +56,7 @@ function TimeUnitColumn(props) {
       ref: function ref(element) {
         liRefs.current.set(unit.value, element);
       },
-      className: classNames(cellPrefixCls, (_classNames = {}, _defineProperty(_classNames, "".concat(cellPrefixCls, "-disabled"), unit.disabled), _defineProperty(_classNames, "".concat(cellPrefixCls, "-selected"), value === unit.value), _classNames)),
+      className: classNames(cellPrefixCls, _defineProperty(_defineProperty({}, "".concat(cellPrefixCls, "-disabled"), unit.disabled), "".concat(cellPrefixCls, "-selected"), value === unit.value)),
       onClick: function onClick() {
         if (unit.disabled) {
           return;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { DateType, DisabledTimes, PanelSharedProps, PickerMode } from '../../interface';
 export interface SharedTimeProps extends DisabledTimes {
     format?: string;
@@ -17,5 +17,5 @@ export interface TimePanelProps extends PanelSharedProps, SharedTimeProps {
     format?: string;
     picker?: PickerMode;
 }
-declare function TimePanel(props: TimePanelProps): JSX.Element;
+declare function TimePanel(props: TimePanelProps): React.JSX.Element;
 export default TimePanel;

package/es/date-picker/panel/time/time.js

@@ -212,9 +212,9 @@ function TimePanel(props) {
     className: classNames("".concat(prefixCls, "-time"), {
       // [`${panelPrefixCls}-active`]: active,
     })
-  }, picker !== 'time' ? /*#__PURE__*/React.createElement(Header, {
+  }, picker !== 'time' ? (/*#__PURE__*/React.createElement(Header, {
     className: "".concat(prefixCls, "-time-header")
-  }, !disabledTimePanel && value ? formatDate(value, format) : null) : null, /*#__PURE__*/React.createElement("div", {
+  }, !disabledTimePanel && value ? formatDate(value, format) : null)) : null, /*#__PURE__*/React.createElement("div", {
     className: classNames("".concat(prefixCls, "-content"), {
       // [`${panelPrefixCls}-active`]: active,
     })

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { DateType, PickerMode } from '../../interface';
 export interface WeekProps {
     day: DateType;
@@ -7,5 +7,5 @@ export interface WeekProps {
     showTime?: boolean;
     disabledDate?: (date: DateType) => boolean;
 }
-declare function Week(props: WeekProps): JSX.Element;
+declare function Week(props: WeekProps): React.JSX.Element;
 export default Week;

package/es/date-picker/panel/week/week.js

@@ -93,8 +93,8 @@ function Week(props) {
     }
   };
   var getDayClassNames = function getDayClassNames(date) {
-    var _classnames, _context, _context2;
-    return picker === 'date' ? classnames("".concat(prefixCls, "-calendar-text"), (_classnames = {}, _defineProperty(_classnames, "".concat(prefixCls, "-calendar-text-selected"), getSelected(date)), _defineProperty(_classnames, "".concat(prefixCls, "-calendar-text-today"), getToday(date)), _classnames)) : picker === 'week' ? classnames(_concatInstanceProperty(_context = "".concat(prefixCls, "-calendar-")).call(_context, picker, "-text"), _defineProperty({}, _concatInstanceProperty(_context2 = "".concat(prefixCls, "-calendar-")).call(_context2, picker, "-text-today"), getWeekToday(date))) : '';
+    var _context, _context2;
+    return picker === 'date' ? classnames("".concat(prefixCls, "-calendar-text"), _defineProperty(_defineProperty({}, "".concat(prefixCls, "-calendar-text-selected"), getSelected(date)), "".concat(prefixCls, "-calendar-text-today"), getToday(date))) : picker === 'week' ? classnames(_concatInstanceProperty(_context = "".concat(prefixCls, "-calendar-")).call(_context, picker, "-text"), _defineProperty({}, _concatInstanceProperty(_context2 = "".concat(prefixCls, "-calendar-")).call(_context2, picker, "-text-today"), getWeekToday(date))) : '';
   };
   var getRangeCls = useRangeCls({
     prefixCls: prefixCls,
@@ -153,19 +153,18 @@ function Week(props) {
     }
   };
   var renderDays = function renderDays() {
-    var _context3, _classnames4;
+    var _context3;
     var startOfWeek = getStartOfWeek(day);
     var days = [];
     var weekNumber = formatWeekNumber(startOfWeek);
     if (showWeekNumber) {
       var calenderWeekNumberCls = classnames("".concat(prefixCls, "-calendar-weeknumber"));
-      days.push( /*#__PURE__*/React.createElement("div", {
+      days.push(/*#__PURE__*/React.createElement("div", {
         key: "W",
         className: calenderWeekNumberCls
       }, weekNumber));
     }
     var week = _concatInstanceProperty(days).call(days, _mapInstanceProperty(_context3 = [0, 1, 2, 3, 4, 5, 6]).call(_context3, function (offset) {
-      var _classnames3;
       var day = addDays(startOfWeek, offset);
       var date = getDate(day);
       var now;
@@ -203,12 +202,12 @@ function Week(props) {
       // console.log('disabledDate', disabledDate)
       return /*#__PURE__*/React.createElement("div", _extends({
         key: day.valueOf(),
-        className: classnames("".concat(prefixCls, "-calendar-item"), (_classnames3 = {}, _defineProperty(_classnames3, "".concat(prefixCls, "-calendar-item-disabled"), disabledDate && disabledDate(day)), _defineProperty(_classnames3, "".concat(prefixCls, "-calendar-current"), currentMonth === getMonth(day)), _classnames3), getRangeCls(day))
+        className: classnames("".concat(prefixCls, "-calendar-item"), _defineProperty(_defineProperty({}, "".concat(prefixCls, "-calendar-item-disabled"), disabledDate && disabledDate(day)), "".concat(prefixCls, "-calendar-current"), currentMonth === getMonth(day)), getRangeCls(day))
       }, _props), /*#__PURE__*/React.createElement("div", {
         className: getDayClassNames(day)
       }, date));
     }));
-    var calenderLineCls = classnames((_classnames4 = {}, _defineProperty(_classnames4, "".concat(prefixCls, "-calendar-line"), picker !== 'week'), _defineProperty(_classnames4, "".concat(prefixCls, "-calendar-week-line"), picker === 'week'), _defineProperty(_classnames4, "".concat(prefixCls, "-calendar-week-selected"), picker === 'week' && getWeekSelected(startOfWeek)), _classnames4));
+    var calenderLineCls = classnames(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-calendar-line"), picker !== 'week'), "".concat(prefixCls, "-calendar-week-line"), picker === 'week'), "".concat(prefixCls, "-calendar-week-selected"), picker === 'week' && getWeekSelected(startOfWeek)));
     return /*#__PURE__*/React.createElement("div", {
       className: calenderLineCls
     }, week);

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { DateType, PickerMode } from '../../interface';
 export interface YearProps {
     yearItemNumber: number;
@@ -7,5 +7,5 @@ export interface YearProps {
     disabledDate?: (date: DateType) => boolean;
     picker?: PickerMode;
 }
-declare function Year(props: YearProps): JSX.Element;
+declare function Year(props: YearProps): React.JSX.Element;
 export default Year;

package/es/date-picker/panel/year/year.js

@@ -55,8 +55,7 @@ function Year(props) {
     }
   };
   function getYearClassNames(y) {
-    var _classnames;
-    return classnames("".concat(prefixCls, "-year-text"), (_classnames = {}, _defineProperty(_classnames, "".concat(prefixCls, "-year-text-selected"), getYearSelected(y)), _defineProperty(_classnames, "".concat(prefixCls, "-year-text-today"), getYearToday(y)), _classnames));
+    return classnames("".concat(prefixCls, "-year-text"), _defineProperty(_defineProperty({}, "".concat(prefixCls, "-year-text-selected"), getYearSelected(y)), "".concat(prefixCls, "-year-text-today"), getYearToday(y)));
   }
   var getRangeCls = useRangeCls({
     prefixCls: prefixCls,
@@ -114,7 +113,7 @@ function Year(props) {
           }
         }
       };
-      yearsList.push( /*#__PURE__*/React.createElement("div", _extends({
+      yearsList.push(/*#__PURE__*/React.createElement("div", _extends({
         className: classnames("".concat(prefixCls, "-year-item"), _defineProperty({}, "".concat(prefixCls, "-year-item-disabled"), disabledDate && disabledDate(year)), getRangeCls(year)),
         key: y
       }, _props), /*#__PURE__*/React.createElement("span", {

package/es/date-picker/popper.js

@@ -6,7 +6,6 @@ import classnames from 'classnames';
 import { usePopper } from 'react-popper';
 import { useOnClickOutside } from '../_utils/hooks';
 function Popper(props, ref) {
-  var _classnames;
   var showArrow = props.showArrow,
     onClickOutside = props.onClickOutside,
     inputDivRef = props.inputDivRef,
@@ -45,7 +44,7 @@ function Popper(props, ref) {
     }),
     styles = _usePopper.styles,
     attributes = _usePopper.attributes;
-  var arrowCls = classnames((_classnames = {}, _defineProperty(_classnames, "".concat(prefixCls, "-has-arrow"), showArrow), _defineProperty(_classnames, "".concat(prefixCls, "-no-arrow"), !showArrow), _classnames));
+  var arrowCls = classnames(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-has-arrow"), showArrow), "".concat(prefixCls, "-no-arrow"), !showArrow));
   var panelWarpperCls = classnames("".concat(prefixCls, "-panel"), dropdownClassName, _defineProperty({
     'has-arrow': showArrow,
     'no-arrow': !showArrow

package/es/date-picker/range/input-range.js

@@ -8,7 +8,7 @@ import { Icon } from '../../index';
 import usePickerInput from '../hooks/use-picker-input';
 import { getInputSize, getRangePlaceholder, elementsContains, getValue, updateValues } from '../utils';
 function InputDate(props, ref) {
-  var _classnames, _context, _classnames2, _context2, _classnames3, _context3, _classnames4;
+  var _context, _context2, _context3;
   var startInputRef = props.startInputRef,
     endInputRef = props.endInputRef,
     startInputDivRef = props.startInputDivRef,
@@ -172,7 +172,7 @@ function InputDate(props, ref) {
     _usePickerInput4$ = _usePickerInput4[1],
     endFocused = _usePickerInput4$.focused,
     endTyping = _usePickerInput4$.typing;
-  var borderClass = classnames((_classnames = {}, _defineProperty(_classnames, "".concat(prefixCls, "-underline"), borderType === 'underline'), _defineProperty(_classnames, "".concat(prefixCls, "-borderless"), borderType === 'none'), _classnames));
+  var borderClass = classnames(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-underline"), borderType === 'underline'), "".concat(prefixCls, "-borderless"), borderType === 'none'));
   var mouseEnterHandle = function mouseEnterHandle(e) {
     setIsMouseEnter(true);
     if (typeof onMouseEnter === 'function') {
@@ -187,7 +187,7 @@ function InputDate(props, ref) {
   };
   return /*#__PURE__*/React.createElement("div", _extends({
     ref: ref,
-    className: classnames(prefixCls, "".concat(prefixCls, "-range"), className, borderClass, (_classnames2 = {}, _defineProperty(_classnames2, _concatInstanceProperty(_context = "".concat(prefixCls, "-")).call(_context, size), size), _defineProperty(_classnames2, "".concat(prefixCls, "-disabled"), mergedDisabled[0] && mergedDisabled[1]), _defineProperty(_classnames2, "".concat(prefixCls, "-focused"), mergedActivePickerIndex === 0 ? startFocused : endFocused), _classnames2)),
+    className: classnames(prefixCls, "".concat(prefixCls, "-range"), className, borderClass, _defineProperty(_defineProperty(_defineProperty({}, _concatInstanceProperty(_context = "".concat(prefixCls, "-")).call(_context, size), size), "".concat(prefixCls, "-disabled"), mergedDisabled[0] && mergedDisabled[1]), "".concat(prefixCls, "-focused"), mergedActivePickerIndex === 0 ? startFocused : endFocused)),
     style: style,
     onMouseDown: onInternalonMouseDown,
     onMouseUp: onMouseUp,
@@ -196,7 +196,7 @@ function InputDate(props, ref) {
     onContextMenu: onContextMenu,
     onClick: onInternalonClick
   }, dataOrAriaProps), /*#__PURE__*/React.createElement("div", {
-    className: classnames("".concat(prefixCls, "-input"), (_classnames3 = {}, _defineProperty(_classnames3, "".concat(prefixCls, "-input-active"), mergedActivePickerIndex === 0), _defineProperty(_classnames3, "".concat(prefixCls, "-input-placeholder"), !!startHoverValue), _defineProperty(_classnames3, _concatInstanceProperty(_context2 = "".concat(prefixCls, "-input-")).call(_context2, size), size), _classnames3)),
+    className: classnames("".concat(prefixCls, "-input"), _defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-input-active"), mergedActivePickerIndex === 0), "".concat(prefixCls, "-input-placeholder"), !!startHoverValue), _concatInstanceProperty(_context2 = "".concat(prefixCls, "-input-")).call(_context2, size), size)),
     ref: startInputDivRef
   }, /*#__PURE__*/React.createElement("input", _extends({
     id: id,
@@ -216,7 +216,7 @@ function InputDate(props, ref) {
     className: "".concat(prefixCls, "-range-separator"),
     ref: separatorRef
   }, separator), /*#__PURE__*/React.createElement("div", {
-    className: classnames("".concat(prefixCls, "-input"), (_classnames4 = {}, _defineProperty(_classnames4, "".concat(prefixCls, "-input-active"), mergedActivePickerIndex === 1), _defineProperty(_classnames4, "".concat(prefixCls, "-input-placeholder"), !!endHoverValue), _defineProperty(_classnames4, _concatInstanceProperty(_context3 = "".concat(prefixCls, "-input-")).call(_context3, size), size), _classnames4)),
+    className: classnames("".concat(prefixCls, "-input"), _defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-input-active"), mergedActivePickerIndex === 1), "".concat(prefixCls, "-input-placeholder"), !!endHoverValue), _concatInstanceProperty(_context3 = "".concat(prefixCls, "-input-")).call(_context3, size), size)),
     ref: endInputDivRef
   }, /*#__PURE__*/React.createElement("input", _extends({
     ref: endInputRef,

package/es/date-picker/range-picker.js

@@ -308,9 +308,9 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
   var _useMergedState9 = useMergedState([picker, picker], {
       value: mode
     }),
-    _useMergedState10 = _slicedToArray(_useMergedState9, 2),
-    mergedModes = _useMergedState10[0],
-    setInnerModes = _useMergedState10[1];
+    _useMergedState0 = _slicedToArray(_useMergedState9, 2),
+    mergedModes = _useMergedState0[0],
+    setInnerModes = _useMergedState0[1];
   var _useState3 = useState(undefined),
     _useState4 = _slicedToArray(_useState3, 2),
     innerPicker = _useState4[0],
@@ -675,7 +675,7 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
     }
     return null;
   };
-  return usePopper( /*#__PURE__*/React.createElement(InputDate, _extends({
+  return usePopper(/*#__PURE__*/React.createElement(InputDate, _extends({
     ref: inputDivRef
   }, inputProps)), /*#__PURE__*/React.createElement("div", {
     ref: popperRef,
@@ -683,9 +683,9 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
       e.preventDefault();
     },
     className: classNames("".concat(datePickerPrefixCls, "-container"))
-  }, /*#__PURE__*/React.createElement("div", null, renderPanels(), extraNode || rangesNode ? /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", null, renderPanels(), extraNode || rangesNode ? (/*#__PURE__*/React.createElement("div", {
     className: "".concat(datePickerPrefixCls, "-footer")
-  }, extraNode, rangesNode) : null), /*#__PURE__*/React.createElement("div", null, renderConfig())), {
+  }, extraNode, rangesNode)) : null), /*#__PURE__*/React.createElement("div", null, renderConfig())), {
     trigger: 'click',
     prefixCls: "".concat(datePickerPrefixCls, "-panel"),
     arrow: false,

package/es/date-picker/single/input-date.js

@@ -8,7 +8,7 @@ import { Icon } from '../../index';
 import usePickerInput from '../hooks/use-picker-input';
 import { getInputSize, getPlaceholder, elementsContains } from '../utils';
 function InputDate(props, ref) {
-  var _classnames, _context, _classnames2;
+  var _context;
   var inputRef = props.inputRef,
     panelDivRef = props.panelDivRef,
     id = props.id,
@@ -140,10 +140,10 @@ function InputDate(props, ref) {
     _usePickerInput2$ = _usePickerInput2[1],
     focused = _usePickerInput2$.focused,
     typing = _usePickerInput2$.typing;
-  var borderClass = classnames((_classnames = {}, _defineProperty(_classnames, "".concat(prefixCls, "-underline"), borderType === 'underline'), _defineProperty(_classnames, "".concat(prefixCls, "-borderless"), borderType === 'none'), _classnames));
+  var borderClass = classnames(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-underline"), borderType === 'underline'), "".concat(prefixCls, "-borderless"), borderType === 'none'));
   return /*#__PURE__*/React.createElement("div", _extends({
     ref: ref,
-    className: classnames(prefixCls, className, borderClass, (_classnames2 = {}, _defineProperty(_classnames2, "".concat(prefixCls, "-disabled"), disabled), _defineProperty(_classnames2, "".concat(prefixCls, "-focused"), focused), _defineProperty(_classnames2, _concatInstanceProperty(_context = "".concat(prefixCls, "-")).call(_context, size), size), _classnames2)),
+    className: classnames(prefixCls, className, borderClass, _defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-disabled"), disabled), "".concat(prefixCls, "-focused"), focused), _concatInstanceProperty(_context = "".concat(prefixCls, "-")).call(_context, size), size)),
     style: style,
     onMouseDown: onInternalonMouseDown,
     onMouseUp: onInternalMouseUp,

package/es/date-picker/utils/date-fns.js

@@ -152,7 +152,6 @@ export function getStartOfWeek(date) {
   return startOfWeek(date);
   // return startOfWeek(date)
 }
-
 export function getStartOfMonth(date) {
   return startOfMonth(date);
 }

package/es/date-picker/utils/get-extra-footer.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
 import { PanelMode } from '../interface';
-export default function getExtraFooter(prefixCls: string, mode: PanelMode, renderExtraFooter?: (mode: PanelMode) => React.ReactNode): JSX.Element | null;
+export default function getExtraFooter(prefixCls: string, mode: PanelMode, renderExtraFooter?: (mode: PanelMode) => React.ReactNode): React.JSX.Element | null;

package/es/date-picker/utils/get-ranges.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { Components, RangeList, InnerLocale } from '../interface';
 export interface RangesProps {
     prefixCls: string;
@@ -11,4 +11,4 @@ export interface RangesProps {
     showNow?: boolean;
     locale: InnerLocale;
 }
-export default function getRanges({ prefixCls, rangeList, components, needConfirmButton, onNow, onOk, okDisabled, showNow, locale, }: RangesProps): JSX.Element | null;
+export default function getRanges({ prefixCls, rangeList, components, needConfirmButton, onNow, onOk, okDisabled, showNow, locale, }: RangesProps): React.JSX.Element | null;

package/es/date-picker/utils/get-ranges.js

@@ -42,12 +42,12 @@ export default function getRanges(_ref) {
         onClick: onNow
       }, locale.now));
     }
-    okNode = needConfirmButton && /*#__PURE__*/React.createElement("li", {
+    okNode = needConfirmButton && (/*#__PURE__*/React.createElement("li", {
       className: "".concat(prefixCls, "-ok")
     }, /*#__PURE__*/React.createElement(Button, {
       onClick: onOk,
       className: classnames("".concat(prefixCls, "-ok-btn"), okDisabled && "".concat(prefixCls, "-btn-disabled"))
-    }, locale.confrim));
+    }, locale.confrim)));
   }
   if (!presetNode && !okNode) {
     return null;

package/es/drawer/drawer.js

@@ -35,7 +35,7 @@ var documentBody = document.body;
 //   return ('-' + size || 0) + 'px'
 // }
 var InternalDrawer = function InternalDrawer(props, ref) {
-  var _classNames, _context2, _context3, _classNames2;
+  var _context2, _context3;
   var _a;
   var _useContext = useContext(ConfigContext),
     getPrefixCls = _useContext.getPrefixCls,
@@ -180,7 +180,7 @@ var InternalDrawer = function InternalDrawer(props, ref) {
       setDraerTransform(visible, placementName, value);
     }
   }, [contentRef, getHorizontalBoolAndPlacementName, height, setDraerTransform, visible, width]);
-  var drawerClasses = classNames(drawerPrefixCls, className, (_classNames = {}, _defineProperty(_classNames, "".concat(drawerPrefixCls, "-hide"), !visible), _defineProperty(_classNames, "".concat(drawerPrefixCls, "-active"), visible), _defineProperty(_classNames, "".concat(drawerPrefixCls, "-not-at-body"), !isBody), _classNames));
+  var drawerClasses = classNames(drawerPrefixCls, className, _defineProperty(_defineProperty(_defineProperty({}, "".concat(drawerPrefixCls, "-hide"), !visible), "".concat(drawerPrefixCls, "-active"), visible), "".concat(drawerPrefixCls, "-not-at-body"), !isBody));
   var headerClass = "".concat(drawerPrefixCls, "-header");
   var _getHorizontalBoolAnd2 = getHorizontalBoolAndPlacementName(),
     placementName = _getHorizontalBoolAnd2.placementName;
@@ -194,28 +194,28 @@ var InternalDrawer = function InternalDrawer(props, ref) {
     transform: transform
   });
   var container = /*#__PURE__*/React.createElement("div", {
-    className: classNames((_classNames2 = {}, _defineProperty(_classNames2, "".concat(drawerPrefixCls, "-container-box"), true), _defineProperty(_classNames2, "".concat(drawerPrefixCls, "-has-container-box"), drawerContainer), _defineProperty(_classNames2, _concatInstanceProperty(_context3 = "".concat(drawerPrefixCls, "-container-")).call(_context3, placement), true), _classNames2)),
+    className: classNames(_defineProperty(_defineProperty(_defineProperty({}, "".concat(drawerPrefixCls, "-container-box"), true), "".concat(drawerPrefixCls, "-has-container-box"), drawerContainer), _concatInstanceProperty(_context3 = "".concat(drawerPrefixCls, "-container-")).call(_context3, placement), true)),
     style: containerStyle,
     ref: contentRef
-  }, (title || closable) && /*#__PURE__*/React.createElement("div", {
+  }, (title || closable) && (/*#__PURE__*/React.createElement("div", {
     className: classNames(headerClass, headerClassName),
     style: headerStyle
   }, /*#__PURE__*/React.createElement("div", {
     className: classNames("".concat(drawerPrefixCls, "-title"), titleClassName),
     style: titleStyle
-  }, title), closable && /*#__PURE__*/React.createElement("div", {
+  }, title), closable && (/*#__PURE__*/React.createElement("div", {
     className: "".concat(drawerPrefixCls, "-close-icon"),
     onClick: function onClick() {
       return closeDrawer();
     }
   }, closeIcon || /*#__PURE__*/React.createElement(Icon, {
     type: "close"
-  }))), /*#__PURE__*/React.createElement("div", {
+  }))))), /*#__PURE__*/React.createElement("div", {
     className: "".concat(drawerPrefixCls, "-body")
-  }, (showChildren || visible) && toArray(children)), footer && /*#__PURE__*/React.createElement("div", {
+  }, (showChildren || visible) && toArray(children)), footer && (/*#__PURE__*/React.createElement("div", {
     className: classNames("".concat(drawerPrefixCls, "-footer"), footerClassName),
     style: footerStyle
-  }, footer));
+  }, footer)));
   var opposition = !mask && _includesInstanceProperty(PlacementTypes).call(PlacementTypes, placement) ? _includesInstanceProperty(horizontalPlacements).call(horizontalPlacements, placement) ? _filterInstanceProperty(horizontalPlacements).call(horizontalPlacements, function (p) {
     return p !== placement;
   })[0] : _filterInstanceProperty(verticalPlacements).call(verticalPlacements, function (p) {
@@ -230,11 +230,11 @@ var InternalDrawer = function InternalDrawer(props, ref) {
       zIndex: zindex || 'auto'
     }, noneMaskStyle), opposition ? _defineProperty({}, opposition, 'unset') : {}),
     ref: containerRef
-  }, mask && /*#__PURE__*/React.createElement("div", {
+  }, mask && (/*#__PURE__*/React.createElement("div", {
     onClick: handleMaskClick,
     className: classNames("".concat(drawerPrefixCls, "-mask"), maskClassName),
     style: maskStyle
-  }), container);
+  })), container);
   if (drawerContainer instanceof HTMLElement) return /*#__PURE__*/ReactDOM.createPortal(comp, drawerContainer);else if (drawerContainer !== false) {
     return /*#__PURE__*/ReactDOM.createPortal(comp, documentBody);
   }