@douyinfe/semi-ui 2.19.0-alpha.8 → 2.19.0

package/lib/es/datePicker/dateInput.js

@@ -1,17 +1,10 @@
-import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
-import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
-import _Array$isArray from "@babel/runtime-corejs3/core-js-stable/array/is-array";
-import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
-
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
 
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && _indexOfInstanceProperty(e).call(e, p) < 0) t[p] = s[p];
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
 
-  if (s != null && typeof _Object$getOwnPropertySymbols === "function") for (var i = 0, p = _Object$getOwnPropertySymbols(s); i < p.length; i++) {
-    if (_indexOfInstanceProperty(e).call(e, p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
@@ -77,14 +70,10 @@ export default class DateInput extends BaseComponent {
     };
 
     this.getRangeInputValue = (rangeStart, rangeEnd) => {
-      var _context, _context2;
-
       const {
         rangeSeparator
       } = this.props;
-
-      const rangeInputValue = _concatInstanceProperty(_context = _concatInstanceProperty(_context2 = "".concat(rangeStart)).call(_context2, rangeSeparator)).call(_context, rangeEnd);
-
+      const rangeInputValue = "".concat(rangeStart).concat(rangeSeparator).concat(rangeEnd);
       return rangeInputValue;
     };
 
@@ -94,7 +83,7 @@ export default class DateInput extends BaseComponent {
   get adapter() {
     var _this = this;
 
-    return _Object$assign(_Object$assign({}, super.adapter), {
+    return Object.assign(Object.assign({}, super.adapter), {
       updateIsFocusing: isFocusing => this.setState({
         isFocusing
       }),
@@ -205,8 +194,6 @@ export default class DateInput extends BaseComponent {
   }
 
   renderRangeInput(rangeProps) {
-    var _context3, _context4;
-
     const {
       // this.props
       placeholder,
@@ -228,7 +215,7 @@ export default class DateInput extends BaseComponent {
     } = rangeProps;
     const [rangeStart, rangeEnd = ''] = text.split(rangeSeparator) || [];
     const rangeSize = size === 'large' ? 'default' : 'small';
-    const rangePlaceholder = _Array$isArray(placeholder) ? placeholder : [placeholder, placeholder];
+    const rangePlaceholder = Array.isArray(placeholder) ? placeholder : [placeholder, placeholder];
     const [rangeStartPlaceholder, rangeEndPlaceholder] = rangePlaceholder;
     const inputLeftWrapperCls = cls("".concat(prefixCls, "-range-input-wrapper-start"), "".concat(prefixCls, "-range-input-wrapper"), {
       ["".concat(prefixCls, "-range-input-wrapper-active")]: rangeInputFocus === 'rangeStart' && !disabled,
@@ -239,7 +226,7 @@ export default class DateInput extends BaseComponent {
     });
     return /*#__PURE__*/React.createElement(React.Fragment, null, this.renderRangePrefix(), /*#__PURE__*/React.createElement("div", {
       onClick: e => !disabled && this.handleRangeInputFocus(e, 'rangeStart'),
-      className: _concatInstanceProperty(_context3 = "".concat(inputCls, " ")).call(_context3, inputLeftWrapperCls)
+      className: "".concat(inputCls, " ").concat(inputLeftWrapperCls)
     }, /*#__PURE__*/React.createElement(Input, {
       size: rangeSize,
       style: inputStyle,
@@ -255,7 +242,7 @@ export default class DateInput extends BaseComponent {
       autofocus: autofocus,
       ref: rangeInputStartRef
     })), this.renderRangeSeparator(rangeStart, rangeEnd), /*#__PURE__*/React.createElement("div", {
-      className: _concatInstanceProperty(_context4 = "".concat(inputCls, " ")).call(_context4, inputRightWrapperCls),
+      className: "".concat(inputCls, " ").concat(inputRightWrapperCls),
       onClick: e => !disabled && this.handleRangeInputFocus(e, 'rangeEnd')
     }, /*#__PURE__*/React.createElement(Input, {
       size: rangeSize,
@@ -287,7 +274,7 @@ export default class DateInput extends BaseComponent {
       density
     } = this.props;
 
-    const _isRangeType = _includesInstanceProperty(type).call(type, 'Range');
+    const _isRangeType = type.includes('Range');
 
     const newInsetInputValue = this.foundation.getInsetInputValue({
       value,
@@ -382,7 +369,7 @@ export default class DateInput extends BaseComponent {
     const dateTimeIcon = /*#__PURE__*/React.createElement(IconCalendarClock, {
       "aria-hidden": true
     });
-    const suffix = _includesInstanceProperty(type).call(type, 'Time') ? dateTimeIcon : dateIcon;
+    const suffix = type.includes('Time') ? dateTimeIcon : dateIcon;
     let text = '';
 
     if (!isNullOrUndefined(inputValue)) {
@@ -395,14 +382,12 @@ export default class DateInput extends BaseComponent {
       ["".concat(prefixCls, "-input-readonly")]: inputReadOnly
     });
     const isRangeType = /range/i.test(type);
-
-    const rangeProps = _Object$assign(_Object$assign({}, this.props), {
+    const rangeProps = Object.assign(Object.assign({}, this.props), {
       text,
       suffix,
       inputCls
     });
-
-    return isRangeType ? this.renderRangeInput(rangeProps) : /*#__PURE__*/React.createElement(Input, _Object$assign({}, rest, {
+    return isRangeType ? this.renderRangeInput(rangeProps) : /*#__PURE__*/React.createElement(Input, Object.assign({}, rest, {
       insetLabel: insetLabel,
       disabled: disabled,
       readonly: inputReadOnly,

package/lib/es/datePicker/datePicker.js

@@ -4,11 +4,6 @@ import _get from "lodash/get";
 import _isDate from "lodash/isDate";
 import _stubFalse from "lodash/stubFalse";
 import _noop from "lodash/noop";
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
-import _Array$isArray from "@babel/runtime-corejs3/core-js-stable/array/is-array";
-import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
-import _setTimeout from "@babel/runtime-corejs3/core-js-stable/set-timeout";
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 
 /* eslint-disable jsx-a11y/click-events-have-key-events,jsx-a11y/interactive-supports-focus */
 
@@ -130,7 +125,7 @@ export default class DatePicker extends BaseComponent {
 
     this.renderFooter = (locale, localeCode) => {
       if (this.adapter.needConfirm()) {
-        return /*#__PURE__*/React.createElement(Footer, _Object$assign({}, this.props, {
+        return /*#__PURE__*/React.createElement(Footer, Object.assign({}, this.props, {
           locale: locale,
           localeCode: localeCode,
           onConfirmClick: this.handleConfirm,
@@ -290,7 +285,7 @@ export default class DatePicker extends BaseComponent {
   get adapter() {
     var _this2 = this;
 
-    return _Object$assign(_Object$assign({}, super.adapter), {
+    return Object.assign(Object.assign({}, super.adapter), {
       togglePanel: panelShow => {
         this.setState({
           panelShow
@@ -360,7 +355,7 @@ export default class DatePicker extends BaseComponent {
       updateCachedSelectedValue: cachedSelectedValue => {
         let _cachedSelectedValue = cachedSelectedValue;
 
-        if (cachedSelectedValue && !_Array$isArray(cachedSelectedValue)) {
+        if (cachedSelectedValue && !Array.isArray(cachedSelectedValue)) {
           _cachedSelectedValue = [...cachedSelectedValue];
         }
 
@@ -384,16 +379,8 @@ export default class DatePicker extends BaseComponent {
           });
         }
       },
-      needConfirm: () => {
-        var _context;
-
-        return _includesInstanceProperty(_context = ['dateTime', 'dateTimeRange']).call(_context, this.props.type) && this.props.needConfirm === true;
-      },
-      typeIsYearOrMonth: () => {
-        var _context2;
-
-        return _includesInstanceProperty(_context2 = ['month', 'year']).call(_context2, this.props.type);
-      },
+      needConfirm: () => ['dateTime', 'dateTimeRange'].includes(this.props.type) && this.props.needConfirm === true,
+      typeIsYearOrMonth: () => ['month', 'year'].includes(this.props.type),
       setMotionEnd: motionEnd => this.setState({
         motionEnd
       }),
@@ -429,10 +416,9 @@ export default class DatePicker extends BaseComponent {
              * resulting in the panel being closed before endDate is selected
              */
 
-            _setTimeout(() => {
+            setTimeout(() => {
               this.focusRecordsRef.current.rangeStart = true;
             }, 0);
-
             break;
 
           case 'rangeEnd':
@@ -455,10 +441,9 @@ export default class DatePicker extends BaseComponent {
              * resulting in the panel being closed before endDate is selected
              */
 
-            _setTimeout(() => {
+            setTimeout(() => {
               this.focusRecordsRef.current.rangeEnd = true;
             }, 0);
-
             break;
 
           default:
@@ -514,7 +499,7 @@ export default class DatePicker extends BaseComponent {
 
   componentDidUpdate(prevProps) {
     if (prevProps.value !== this.props.value) {
-      this.foundation.initFromProps(_Object$assign({}, this.props));
+      this.foundation.initFromProps(Object.assign({}, this.props));
     } else if (this.props.timeZone !== prevProps.timeZone) {
       this.foundation.initFromProps({
         value: this.state.value,
@@ -658,14 +643,12 @@ export default class DatePicker extends BaseComponent {
       density,
       defaultPickerValue
     };
-    return insetInput ? /*#__PURE__*/React.createElement(DateInput, _Object$assign({}, insetInputProps, {
+    return insetInput ? /*#__PURE__*/React.createElement(DateInput, Object.assign({}, insetInputProps, {
       insetInput: true
     })) : null;
   }
 
   renderInner(extraProps) {
-    var _context3, _context4;
-
     const {
       type,
       format,
@@ -698,15 +681,15 @@ export default class DatePicker extends BaseComponent {
     const inputDisabled = disabled || insetInput && triggerDisabled;
     const inputCls = classnames("".concat(cssClasses.PREFIX, "-input"), {
       ["".concat(cssClasses.PREFIX, "-range-input")]: isRangeType,
-      [_concatInstanceProperty(_context3 = "".concat(cssClasses.PREFIX, "-range-input-")).call(_context3, size)]: isRangeType && size,
+      ["".concat(cssClasses.PREFIX, "-range-input-").concat(size)]: isRangeType && size,
       ["".concat(cssClasses.PREFIX, "-range-input-active")]: isRangeType && rangeInputFocus && !inputDisabled,
       ["".concat(cssClasses.PREFIX, "-range-input-disabled")]: isRangeType && inputDisabled,
-      [_concatInstanceProperty(_context4 = "".concat(cssClasses.PREFIX, "-range-input-")).call(_context4, validateStatus)]: isRangeType && validateStatus
+      ["".concat(cssClasses.PREFIX, "-range-input-").concat(validateStatus)]: isRangeType && validateStatus
     });
     const phText = placeholder || locale.placeholder[type]; // i18n
     // These values should be passed to triggerRender, do not delete any key if it is not necessary
 
-    const props = _Object$assign(_Object$assign({}, extraProps), {
+    const props = Object.assign(Object.assign({}, extraProps), {
       placeholder: phText,
       disabled: inputDisabled,
       inputValue,
@@ -741,20 +724,19 @@ export default class DatePicker extends BaseComponent {
       rangeInputStartRef: insetInput ? null : this.rangeInputStartRef,
       rangeInputEndRef: insetInput ? null : this.rangeInputEndRef
     });
-
     return /*#__PURE__*/React.createElement("div", {
       // tooltip will mount a11y props to children
       // eslint-disable-next-line jsx-a11y/role-has-required-aria-props
       role: "combobox",
-      "aria-label": _Array$isArray(value) && value.length ? "Change date" : "Choose date",
+      "aria-label": Array.isArray(value) && value.length ? "Change date" : "Choose date",
       "aria-disabled": disabled,
       onClick: this.handleTriggerWrapperClick,
       className: inputCls
-    }, typeof triggerRender === 'function' ? /*#__PURE__*/React.createElement(Trigger, _Object$assign({}, props, {
+    }, typeof triggerRender === 'function' ? /*#__PURE__*/React.createElement(Trigger, Object.assign({}, props, {
       triggerRender: triggerRender,
       componentName: "DatePicker",
-      componentProps: _Object$assign({}, this.props)
-    })) : /*#__PURE__*/React.createElement(DateInput, _Object$assign({}, props)));
+      componentProps: Object.assign({}, this.props)
+    })) : /*#__PURE__*/React.createElement(DateInput, Object.assign({}, props)));
   }
 
   render() {
@@ -777,7 +759,7 @@ export default class DatePicker extends BaseComponent {
     };
     const inner = this.renderInner();
     const wrappedInner = this.wrapPopover(inner);
-    return /*#__PURE__*/React.createElement("div", _Object$assign({}, outerProps), wrappedInner);
+    return /*#__PURE__*/React.createElement("div", Object.assign({}, outerProps), wrappedInner);
   }
 
 }

package/lib/es/datePicker/index.js

@@ -1,6 +1,3 @@
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
-import _trimInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/trim";
-import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
 import React from 'react';
 import { forwardStatics } from '@douyinfe/semi-foundation/lib/es/utils/object';
 import { numbers, strings } from '@douyinfe/semi-foundation/lib/es/datePicker/constants';
@@ -8,8 +5,7 @@ import DatePicker from './datePicker';
 import ConfigContext from '../configProvider/context';
 import LocaleConsumer from '../locale/localeConsumer';
 export default forwardStatics( /*#__PURE__*/React.forwardRef((props, ref) => {
-  const propsObj = _Object$assign({}, props);
-
+  const propsObj = Object.assign({}, props);
   const {
     type,
     format,
@@ -28,12 +24,10 @@ export default forwardStatics( /*#__PURE__*/React.forwardRef((props, ref) => {
 
 
   if (rangeSeparator && typeof rangeSeparator === 'string') {
-    propsObj.rangeSeparator = " ".concat(_trimInstanceProperty(rangeSeparator).call(rangeSeparator), " ");
+    propsObj.rangeSeparator = " ".concat(rangeSeparator.trim(), " ");
   }
 
   if (propsObj.insetInput) {
-    var _context;
-
     if (!propsObj.position) {
       propsObj.position = strings.POSITION_INLINE_INPUT;
     }
@@ -44,7 +38,7 @@ export default forwardStatics( /*#__PURE__*/React.forwardRef((props, ref) => {
      */
 
 
-    if (_includesInstanceProperty(_context = propsObj.position).call(_context, 'Over') && !propsObj.spacing) {
+    if (propsObj.position.includes('Over') && !propsObj.spacing) {
       propsObj.spacing = numbers.SPACING_INSET_INPUT;
     }
   }
@@ -55,7 +49,7 @@ export default forwardStatics( /*#__PURE__*/React.forwardRef((props, ref) => {
     } = _ref;
     return /*#__PURE__*/React.createElement(LocaleConsumer, {
       componentName: 'DatePicker'
-    }, (locale, localeCode, dateFnsLocale) => /*#__PURE__*/React.createElement(DatePicker, _Object$assign({
+    }, (locale, localeCode, dateFnsLocale) => /*#__PURE__*/React.createElement(DatePicker, Object.assign({
       timeZone: timeZone,
       localeCode: localeCode,
       locale: locale,

package/lib/es/datePicker/insetInput.js

@@ -1,5 +1,4 @@
 import _get from "lodash/get";
-import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
 import React from 'react';
 import Input from '../input';
 export function InsetDateInput(props) {
@@ -40,7 +39,7 @@ export function InsetTimeInput(props) {
     disabled
   } = props;
 
-  const _isTimeType = _includesInstanceProperty(type).call(type, 'Time');
+  const _isTimeType = type.includes('Time');
 
   if (!_isTimeType) {
     return null;

package/lib/es/datePicker/month.js

@@ -1,10 +1,6 @@
 import _isFunction from "lodash/isFunction";
 import _stubFalse from "lodash/stubFalse";
 import _noop from "lodash/noop";
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
-import _trimInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/trim";
-import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-import _Set from "@babel/runtime-corejs3/core-js-stable/set";
 
 /* eslint-disable jsx-a11y/click-events-have-key-events,jsx-a11y/no-noninteractive-element-interactions */
 
@@ -34,7 +30,7 @@ export default class Month extends BaseComponent {
   }
 
   get adapter() {
-    return _Object$assign(_Object$assign({}, super.adapter), {
+    return Object.assign(Object.assign({}, super.adapter), {
       updateToday: todayText => this.setState({
         todayText
       }),
@@ -87,12 +83,12 @@ export default class Month extends BaseComponent {
 
     if (!isDisabled && this.props.rangeInputFocus === 'rangeStart' && rangeEnd && this.props.focusRecordsRef && this.props.focusRecordsRef.current.rangeEnd) {
       // The reason for splitting is that the dateRangeTime format: 'yyyy-MM-dd HH:MM:SS'
-      isDisabled = isAfter(fullDate, _trimInstanceProperty(rangeEnd).call(rangeEnd).split(/\s+/)[0]);
+      isDisabled = isAfter(fullDate, rangeEnd.trim().split(/\s+/)[0]);
     }
 
     if (!isDisabled && this.props.rangeInputFocus === 'rangeEnd' && rangeStart && this.props.focusRecordsRef && this.props.focusRecordsRef.current.rangeStart) {
       // The reason for splitting is that the dateRangeTime format: 'yyyy-MM-dd HH:MM:SS'
-      isDisabled = isBefore(fullDate, _trimInstanceProperty(rangeStart).call(rangeStart).split(/\s+/)[0]);
+      isDisabled = isBefore(fullDate, rangeStart.trim().split(/\s+/)[0]);
     }
 
     return {
@@ -294,7 +290,7 @@ export default class Month extends BaseComponent {
       rangeStart,
       rangeEnd
     });
-    const dateRangeStatus = this.getDateRangeStatus(_Object$assign({
+    const dateRangeStatus = this.getDateRangeStatus(Object.assign({
       fullDate,
       rangeStart,
       rangeEnd,
@@ -303,7 +299,7 @@ export default class Month extends BaseComponent {
       offsetRangeEnd,
       rangeInputFocus
     }, singleDayStatus));
-    const offsetDataStatus = this.getOffsetDateStatus(_Object$assign(_Object$assign({
+    const offsetDataStatus = this.getOffsetDateStatus(Object.assign(Object.assign({
       offsetRangeStart,
       offsetRangeEnd,
       rangeStart,
@@ -312,8 +308,7 @@ export default class Month extends BaseComponent {
       hoverDay
     }, singleDayStatus), dateRangeStatus)); // this parameter will pass to the user when given renderFullDate function, do not delete or modify its key
 
-    const dayStatus = _Object$assign(_Object$assign(_Object$assign({}, singleDayStatus), dateRangeStatus), offsetDataStatus);
-
+    const dayStatus = Object.assign(Object.assign(Object.assign({}, singleDayStatus), dateRangeStatus), offsetDataStatus);
     return dayStatus;
   }
 
@@ -327,12 +322,11 @@ export default class Month extends BaseComponent {
       weekdays
     } = this.state; // i18n
 
-    const weekdaysText = _mapInstanceProperty(weekdays).call(weekdays, key => locale.weeks[key]);
-
+    const weekdaysText = weekdays.map(key => locale.weeks[key]);
     return /*#__PURE__*/React.createElement("div", {
       role: "row",
       className: weekdayCls
-    }, _mapInstanceProperty(weekdaysText).call(weekdaysText, (E, i) => /*#__PURE__*/React.createElement("div", {
+    }, weekdaysText.map((E, i) => /*#__PURE__*/React.createElement("div", {
       role: "columnheader",
       key: E + i,
       className: weekdayItemCls
@@ -362,7 +356,7 @@ export default class Month extends BaseComponent {
     return /*#__PURE__*/React.createElement("div", {
       className: weeksCls,
       style: style
-    }, _mapInstanceProperty(weeks).call(weeks, (week, weekIndex) => this.renderWeek(week, weekIndex)));
+    }, weeks.map((week, weekIndex) => this.renderWeek(week, weekIndex)));
   }
 
   renderWeek(week, weekIndex) {
@@ -371,7 +365,7 @@ export default class Month extends BaseComponent {
       role: "row",
       className: weekCls,
       key: weekIndex
-    }, _mapInstanceProperty(week).call(week, (day, dayIndex) => this.renderDay(day, dayIndex)));
+    }, week.map((day, dayIndex) => this.renderDay(day, dayIndex)));
   }
 
   renderDay(day, dayIndex) {
@@ -396,7 +390,7 @@ export default class Month extends BaseComponent {
       }, /*#__PURE__*/React.createElement("span", null));
     }
 
-    const dayStatus = this.getDayStatus(day, _Object$assign({
+    const dayStatus = this.getDayStatus(day, Object.assign({
       todayText
     }, this.props));
     const dayCls = classNames(cssClasses.DAY, {
@@ -486,7 +480,7 @@ Month.propTypes = {
 };
 Month.defaultProps = {
   month: new Date(),
-  selected: new _Set(),
+  selected: new Set(),
   rangeStart: '',
   rangeEnd: '',
   onDayClick: _noop,

package/lib/es/datePicker/monthsGrid.js

@@ -1,10 +1,5 @@
 import _stubFalse from "lodash/stubFalse";
 import _noop from "lodash/noop";
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-import _Set from "@babel/runtime-corejs3/core-js-stable/set";
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
 
 /* eslint-disable jsx-a11y/interactive-supports-focus,jsx-a11y/click-events-have-key-events */
 
@@ -118,8 +113,7 @@ export default class MonthsGrid extends BaseComponent {
 
     this.reselect = () => {
       const refKeys = ["timepicker-".concat(strings.PANEL_TYPE_LEFT), "timepicker-".concat(strings.PANEL_TYPE_RIGHT), "yam-".concat(strings.PANEL_TYPE_LEFT), "yam-".concat(strings.PANEL_TYPE_RIGHT)];
-
-      _forEachInstanceProperty(refKeys).call(refKeys, key => {
+      refKeys.forEach(key => {
         const current = this.adapter.getCache(key);
 
         if (current && typeof current.reselect === 'function') {
@@ -144,7 +138,7 @@ export default class MonthsGrid extends BaseComponent {
     const dateState = {
       // Direct use of full date string storage, mainly considering the month rendering comparison to save a conversion
       // The selected value for single or multiple selection, full date string, eg. {'2019-10-01', '2019-10-02'}
-      selected: new _Set()
+      selected: new Set()
     };
     const rangeState = {
       monthLeft: {
@@ -167,7 +161,7 @@ export default class MonthsGrid extends BaseComponent {
       offsetRangeStart: '',
       offsetRangeEnd: ''
     };
-    this.state = _Object$assign(_Object$assign({}, dateState), rangeState);
+    this.state = Object.assign(Object.assign({}, dateState), rangeState);
     this.foundation = new MonthsGridFoundation(this.adapter);
   }
 
@@ -203,7 +197,7 @@ export default class MonthsGrid extends BaseComponent {
   }
 
   get adapter() {
-    return _Object$assign(_Object$assign(_Object$assign(_Object$assign({}, super.adapter), this.dateAdapter), this.rangeAdapter), {
+    return Object.assign(Object.assign(Object.assign(Object.assign({}, super.adapter), this.dateAdapter), this.rangeAdapter), {
       updateMonthOnLeft: v => this.setState({
         monthLeft: v
       }),
@@ -271,9 +265,7 @@ export default class MonthsGrid extends BaseComponent {
   }
 
   renderPanel(month, panelType) {
-    var _context;
-
-    let monthCls = classnames(_concatInstanceProperty(_context = "".concat(prefixCls, "-month-grid-")).call(_context, panelType));
+    let monthCls = classnames("".concat(prefixCls, "-month-grid-").concat(panelType));
     const {
       monthLeft,
       monthRight,
@@ -451,17 +443,13 @@ export default class MonthsGrid extends BaseComponent {
       pickerDate
     } = panelDetail;
     const timePanelCls = classnames("".concat(prefixCls, "-time"));
-
-    const restProps = _Object$assign(_Object$assign({}, timePickerOpts), {
+    const restProps = Object.assign(Object.assign({}, timePickerOpts), {
       hideDisabledOptions
     });
-
     const disabledOptions = this.foundation.calcDisabledTime(panelType);
 
     if (disabledOptions) {
-      var _context2;
-
-      _forEachInstanceProperty(_context2 = ['disabledHours', 'disabledMinutes', 'disabledSeconds']).call(_context2, key => {
+      ['disabledHours', 'disabledMinutes', 'disabledSeconds'].forEach(key => {
         if (disabledOptions[key]) {
           restProps[key] = disabledOptions[key];
         }
@@ -487,7 +475,7 @@ export default class MonthsGrid extends BaseComponent {
     const placeholder = locale.selectTime;
     return /*#__PURE__*/React.createElement("div", {
       className: timePanelCls
-    }, /*#__PURE__*/React.createElement(Combobox, _Object$assign({
+    }, /*#__PURE__*/React.createElement(Combobox, Object.assign({
       ref: current => this.cacheRefCurrent("timepicker-".concat(panelType), current),
       panelHeader: placeholder,
       format: format || strings.FORMAT_TIME_PICKER,
@@ -527,8 +515,6 @@ export default class MonthsGrid extends BaseComponent {
   }
 
   renderSwitch(panelType) {
-    var _context3;
-
     const {
       rangeStart,
       rangeEnd,
@@ -544,7 +530,7 @@ export default class MonthsGrid extends BaseComponent {
       insetInput
     } = this.props; // Type: date, dateRange, year, month, inset input no rendering required
 
-    if (!_includesInstanceProperty(type).call(type, 'Time') || insetInput) {
+    if (!type.includes('Time') || insetInput) {
       return null;
     } // switch year/month & time
 
@@ -573,9 +559,7 @@ export default class MonthsGrid extends BaseComponent {
     } = panelDetail;
     const monthText = showDate ? formatFn(showDate, FORMAT_SWITCH_DATE) : '';
     const timeText = showDate ? formatFn(showDate, formatTimePicker) : '';
-
-    const showSwitchIcon = _includesInstanceProperty(_context3 = ['default']).call(_context3, density);
-
+    const showSwitchIcon = ['default'].includes(density);
     const switchCls = classnames("".concat(prefixCls, "-switch"));
     const dateCls = classnames({
       ["".concat(prefixCls, "-switch-date")]: true,

package/lib/es/datePicker/quickControl.js

@@ -1,6 +1,3 @@
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-
 /* eslint-disable jsx-a11y/no-static-element-interactions,jsx-a11y/click-events-have-key-events */
 import React, { PureComponent } from 'react';
 import classNames from 'classnames';
@@ -16,8 +13,6 @@ const {
 
 class QuickControl extends PureComponent {
   render() {
-    var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12;
-
     const {
       presets,
       onPresetClick,
@@ -31,29 +26,29 @@ class QuickControl extends PureComponent {
     const isTopAndBottomRange = isPanelTopAndBottom && isTypeRange;
     const isTopAndBottomMonth = isPanelTopAndBottom && isMonth;
     const wrapperCls = classNames("".concat(prefixCls, "-quick-control"), {
-      [_concatInstanceProperty(_context = "".concat(prefixCls, "-quick-control-")).call(_context, type)]: type,
-      [_concatInstanceProperty(_context2 = "".concat(prefixCls, "-quick-control-")).call(_context2, presetPosition)]: true
+      ["".concat(prefixCls, "-quick-control-").concat(type)]: type,
+      ["".concat(prefixCls, "-quick-control-").concat(presetPosition)]: true
     });
     const headerCls = classNames({
       ["".concat(prefixCls, "-quick-control-header")]: true
     });
     const contentWrapperCls = classNames({
-      [_concatInstanceProperty(_context3 = "".concat(prefixCls, "-quick-control-")).call(_context3, presetPosition, "-content-wrapper")]: true
+      ["".concat(prefixCls, "-quick-control-").concat(presetPosition, "-content-wrapper")]: true
     });
     const contentCls = classNames({
-      [_concatInstanceProperty(_context4 = "".concat(prefixCls, "-quick-control-")).call(_context4, presetPosition, "-content")]: !isTopAndBottomRange && !isTopAndBottomMonth,
-      [_concatInstanceProperty(_context5 = "".concat(prefixCls, "-quick-control-")).call(_context5, presetPosition, "-range-content")]: isTopAndBottomRange,
-      [_concatInstanceProperty(_context6 = "".concat(prefixCls, "-quick-control-")).call(_context6, presetPosition, "-month-content")]: isTopAndBottomMonth
+      ["".concat(prefixCls, "-quick-control-").concat(presetPosition, "-content")]: !isTopAndBottomRange && !isTopAndBottomMonth,
+      ["".concat(prefixCls, "-quick-control-").concat(presetPosition, "-range-content")]: isTopAndBottomRange,
+      ["".concat(prefixCls, "-quick-control-").concat(presetPosition, "-month-content")]: isTopAndBottomMonth
     });
     const itemCls = classNames({
-      [_concatInstanceProperty(_context7 = "".concat(prefixCls, "-quick-control-")).call(_context7, presetPosition, "-content-item")]: !isTopAndBottomRange && !isTopAndBottomMonth,
-      [_concatInstanceProperty(_context8 = "".concat(prefixCls, "-quick-control-")).call(_context8, presetPosition, "-range-content-item")]: isTopAndBottomRange,
-      [_concatInstanceProperty(_context9 = "".concat(prefixCls, "-quick-control-")).call(_context9, presetPosition, "-month-content-item")]: isTopAndBottomMonth
+      ["".concat(prefixCls, "-quick-control-").concat(presetPosition, "-content-item")]: !isTopAndBottomRange && !isTopAndBottomMonth,
+      ["".concat(prefixCls, "-quick-control-").concat(presetPosition, "-range-content-item")]: isTopAndBottomRange,
+      ["".concat(prefixCls, "-quick-control-").concat(presetPosition, "-month-content-item")]: isTopAndBottomMonth
     });
     const ellipsisCls = classNames({
-      [_concatInstanceProperty(_context10 = "".concat(prefixCls, "-quick-control-")).call(_context10, presetPosition, "-content-item-ellipsis")]: !isTopAndBottomRange && !isTopAndBottomMonth,
-      [_concatInstanceProperty(_context11 = "".concat(prefixCls, "-quick-control-")).call(_context11, presetPosition, "-range-content-item-ellipsis")]: isTopAndBottomRange,
-      [_concatInstanceProperty(_context12 = "".concat(prefixCls, "-quick-control-")).call(_context12, presetPosition, "-month-content-item-ellipsis")]: isTopAndBottomMonth
+      ["".concat(prefixCls, "-quick-control-").concat(presetPosition, "-content-item-ellipsis")]: !isTopAndBottomRange && !isTopAndBottomMonth,
+      ["".concat(prefixCls, "-quick-control-").concat(presetPosition, "-range-content-item-ellipsis")]: isTopAndBottomRange,
+      ["".concat(prefixCls, "-quick-control-").concat(presetPosition, "-month-content-item-ellipsis")]: isTopAndBottomMonth
     });
 
     if (!presets.length) {
@@ -69,7 +64,7 @@ class QuickControl extends PureComponent {
       className: contentWrapperCls
     }, /*#__PURE__*/React.createElement("div", {
       className: contentCls
-    }, _mapInstanceProperty(presets).call(presets, (item, index) => {
+    }, presets.map((item, index) => {
       const _item = typeof item === 'function' ? item() : item;
 
       return /*#__PURE__*/React.createElement(Button, {