@douyinfe/semi-ui 2.19.0-beta.0 → 2.19.1-alpha.0

package/lib/es/checkbox/checkbox.js

@@ -1,8 +1,6 @@
 import _noop from "lodash/noop";
 import _isBoolean from "lodash/isBoolean";
 import _isUndefined from "lodash/isUndefined";
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
-import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
 
 /* eslint-disable max-len */
 import React from 'react';
@@ -44,7 +42,7 @@ class Checkbox extends BaseComponent {
   }
 
   get adapter() {
-    return _Object$assign(_Object$assign({}, super.adapter), {
+    return Object.assign(Object.assign({}, super.adapter), {
       setNativeControlChecked: checked => {
         this.setState({
           checked
@@ -143,10 +141,7 @@ class Checkbox extends BaseComponent {
 
     if (inGroup) {
       if (this.context.checkboxGroup.value) {
-        var _context;
-
-        const realChecked = _includesInstanceProperty(_context = this.context.checkboxGroup.value || []).call(_context, value);
-
+        const realChecked = (this.context.checkboxGroup.value || []).includes(value);
         props.checked = realChecked;
       }
 
@@ -187,23 +182,15 @@ class Checkbox extends BaseComponent {
     const name = inGroup && this.context.checkboxGroup.name;
     const xSemiPropChildren = this.props['x-semi-children-alias'] || 'children';
 
-    const renderContent = () => {
-      if (!children && !extra) {
-        return null;
-      }
-
-      return /*#__PURE__*/React.createElement("div", {
-        className: "".concat(prefix, "-content")
-      }, children ? /*#__PURE__*/React.createElement("span", {
-        id: addonId,
-        className: "".concat(prefix, "-addon"),
-        "x-semi-prop": xSemiPropChildren
-      }, children) : null, extra ? /*#__PURE__*/React.createElement("div", {
-        id: extraId,
-        className: extraCls,
-        "x-semi-prop": "extra"
-      }, extra) : null);
-    };
+    const renderContent = () => /*#__PURE__*/React.createElement(React.Fragment, null, children ? /*#__PURE__*/React.createElement("span", {
+      id: addonId,
+      className: "".concat(prefix, "-addon"),
+      "x-semi-prop": xSemiPropChildren
+    }, children) : null, extra ? /*#__PURE__*/React.createElement("div", {
+      id: extraId,
+      className: extraCls,
+      "x-semi-prop": "extra"
+    }, extra) : null);
 
     return (
       /*#__PURE__*/
@@ -219,7 +206,7 @@ class Checkbox extends BaseComponent {
         onClick: this.handleChange,
         onKeyPress: this.handleEnterPress,
         "aria-labelledby": this.props['aria-labelledby']
-      }, /*#__PURE__*/React.createElement(CheckboxInner, _Object$assign({}, this.props, props, {
+      }, /*#__PURE__*/React.createElement(CheckboxInner, Object.assign({}, this.props, props, {
         addonId: children && addonId,
         extraId: extra && extraId,
         isPureCardType: props.isPureCardType,
@@ -229,7 +216,7 @@ class Checkbox extends BaseComponent {
         focusInner: focusVisible && !focusOuter,
         onInputFocus: this.handleFocusVisible,
         onInputBlur: this.handleBlur
-      })), renderContent())
+      })), props.isCardType ? /*#__PURE__*/React.createElement("div", null, renderContent()) : renderContent())
     );
   }
 
@@ -273,5 +260,4 @@ Checkbox.defaultProps = {
   onMouseLeave: _noop,
   type: 'default'
 };
-Checkbox.elementType = 'Checkbox';
 export default Checkbox;

package/lib/es/checkbox/checkboxGroup.js

@@ -1,9 +1,4 @@
 import _isEqual from "lodash/isEqual";
-import _bindInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/bind";
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
-import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 
 /* eslint-disable max-len */
 import React from 'react';
@@ -17,18 +12,16 @@ import Checkbox from './checkbox';
 
 class CheckboxGroup extends BaseComponent {
   constructor(props) {
-    var _context;
-
     super(props);
     this.state = {
       value: props.value || props.defaultValue
     };
     this.foundation = new CheckboxGroupFoundation(this.adapter);
-    this.onChange = _bindInstanceProperty(_context = this.onChange).call(_context, this);
+    this.onChange = this.onChange.bind(this);
   }
 
   get adapter() {
-    return _Object$assign(_Object$assign({}, super.adapter), {
+    return Object.assign(Object.assign({}, super.adapter), {
       updateGroupValue: value => {
         this.setState({
           value
@@ -59,8 +52,6 @@ class CheckboxGroup extends BaseComponent {
   }
 
   render() {
-    var _context2, _context3, _context4, _context5;
-
     const {
       children,
       options,
@@ -78,19 +69,14 @@ class CheckboxGroup extends BaseComponent {
     const prefixClsDisplay = classnames({
       [prefix]: true,
       ["".concat(prefix, "-wrapper")]: true,
-      [_concatInstanceProperty(_context2 = "".concat(prefix, "-")).call(_context2, direction)]: direction,
-      [_concatInstanceProperty(_context3 = "".concat(prefix, "-")).call(_context3, direction, "-cardType")]: direction && isCardType,
-      [_concatInstanceProperty(_context4 = "".concat(prefix, "-")).call(_context4, direction, "-pureCardType")]: direction && isPureCardType
+      ["".concat(prefix, "-").concat(direction)]: direction,
+      ["".concat(prefix, "-").concat(direction, "-cardType")]: direction && isCardType
     }, className);
-
-    const realValue = _sliceInstanceProperty(_context5 = this.state.value).call(_context5);
-
+    const realValue = this.state.value.slice();
     let inner;
 
     if (options) {
-      var _context6;
-
-      inner = _mapInstanceProperty(_context6 = options || []).call(_context6, (option, index) => {
+      inner = (options || []).map((option, index) => {
         if (typeof option === 'string') {
           return /*#__PURE__*/React.createElement(Checkbox, {
             role: "listitem",
@@ -114,9 +100,7 @@ class CheckboxGroup extends BaseComponent {
         }
       });
     } else if (children) {
-      var _context7;
-
-      inner = _mapInstanceProperty(_context7 = React.Children.toArray(children)).call(_context7, (itm, index) => /*#__PURE__*/React.cloneElement(itm, {
+      inner = React.Children.toArray(children).map((itm, index) => /*#__PURE__*/React.cloneElement(itm, {
         key: index,
         role: 'listitem'
       }));

package/lib/es/checkbox/checkboxInner.js

@@ -1,5 +1,4 @@
 import _noop from "lodash/noop";
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 
 /* eslint-disable no-nested-ternary */
 import React, { PureComponent } from 'react';
@@ -69,7 +68,7 @@ class CheckboxInner extends PureComponent {
     name && (inputProps['name'] = name);
     return /*#__PURE__*/React.createElement("span", {
       className: wrapper
-    }, /*#__PURE__*/React.createElement("input", _Object$assign({}, inputProps, {
+    }, /*#__PURE__*/React.createElement("input", Object.assign({}, inputProps, {
       ref: ref => {
         this.inputEntity = ref;
       }

package/lib/es/collapse/index.js

@@ -1,18 +1,12 @@
 import _isEqual from "lodash/isEqual";
-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 _Set from "@babel/runtime-corejs3/core-js-stable/set";
-import _bindInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/bind";
-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";
 
 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;
 };
@@ -30,8 +24,6 @@ import CollapseContext from './collapse-context';
 
 class Collapse extends BaseComponent {
   constructor(props) {
-    var _context;
-
     super(props);
 
     this.onChange = (activeKey, e) => {
@@ -41,13 +33,13 @@ class Collapse extends BaseComponent {
     this.foundation = new CollapseFoundation(this.adapter);
     const initKeys = this.foundation.initActiveKey();
     this.state = {
-      activeSet: new _Set(initKeys)
+      activeSet: new Set(initKeys)
     };
-    this.onChange = _bindInstanceProperty(_context = this.onChange).call(_context, this);
+    this.onChange = this.onChange.bind(this);
   }
 
   get adapter() {
-    return _Object$assign(_Object$assign({}, super.adapter), {
+    return Object.assign(Object.assign({}, super.adapter), {
       handleChange: (activeKey, e) => this.props.onChange(activeKey, e),
       addActiveKey: activeSet => this.setState({
         activeSet
@@ -57,11 +49,11 @@ class Collapse extends BaseComponent {
 
   static getDerivedStateFromProps(props, state) {
     if (props.activeKey) {
-      const keys = _Array$isArray(props.activeKey) ? props.activeKey : [props.activeKey];
-      const newSet = new _Set(keys);
+      const keys = Array.isArray(props.activeKey) ? props.activeKey : [props.activeKey];
+      const newSet = new Set(keys);
 
       if (!_isEqual(newSet, state.activeSet)) {
-        return _Object$assign(_Object$assign({}, state), {
+        return Object.assign(Object.assign({}, state), {
           activeSet: newSet
         });
       }

package/lib/es/collapse/item.js

@@ -1,14 +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 _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
-
 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;
 };
@@ -100,7 +96,7 @@ export default class CollapsePanel extends PureComponent {
     const contentCls = cls({
       ["".concat(cssClasses.PREFIX, "-content")]: true
     });
-    return /*#__PURE__*/React.createElement("div", _Object$assign({
+    return /*#__PURE__*/React.createElement("div", Object.assign({
       className: itemCls
     }, restProps), /*#__PURE__*/React.createElement("div", {
       role: "button",

package/lib/es/collapsible/index.js

@@ -1,4 +1,3 @@
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 // @ts-ignore  currently no type definition for @douyinfe/semi-animation-react
 import { Transition } from '@douyinfe/semi-animation-react';
 import PropTypes from 'prop-types';
@@ -69,8 +68,7 @@ const Collapsible = props => {
 
   const renderChildren = transitionStyle => {
     const transition = transitionStyle && typeof transitionStyle === 'object' ? formatStyle(transitionStyle) : {};
-
-    const wrapperstyle = _Object$assign(_Object$assign({
+    const wrapperstyle = Object.assign(Object.assign({
       overflow: 'hidden',
       maxHeight: defaultMaxHeight
     }, style), transition);
@@ -109,7 +107,7 @@ const Collapsible = props => {
       didLeave,
       motion
     });
-    return /*#__PURE__*/React.createElement(Transition, _Object$assign({
+    return /*#__PURE__*/React.createElement(Transition, Object.assign({
       state: isOpen ? 'enter' : 'leave',
       immediate: transitionImmediate,
       from: {

package/lib/es/configProvider/index.js

@@ -1,14 +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 _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
-
 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;
 };
@@ -43,7 +39,7 @@ export default class ConfigProvider extends React.Component {
           rest = __rest(_a, ["children", "direction"]);
 
     return /*#__PURE__*/React.createElement(Context.Provider, {
-      value: _Object$assign({
+      value: Object.assign({
         direction
       }, rest)
     }, this.renderChilren());

package/lib/es/datePicker/dateInput.d.ts

@@ -26,7 +26,7 @@ export default class DateInput extends BaseComponent<DateInputProps, {}> {
         onFocus: PropTypes.Requireable<(...args: any[]) => any>;
         value: PropTypes.Requireable<any[]>;
         disabled: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "dateTimeRange">;
+        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "dateTimeRange">;
         showClear: PropTypes.Requireable<boolean>;
         format: PropTypes.Requireable<string>;
         inputStyle: PropTypes.Requireable<object>;

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.d.ts

@@ -41,7 +41,7 @@ export default class DatePicker extends BaseComponent<DatePickerProps, DatePicke
         'aria-invalid': PropTypes.Requireable<boolean>;
         'aria-labelledby': PropTypes.Requireable<string>;
         'aria-required': PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "dateTimeRange">;
+        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "dateTimeRange">;
         size: PropTypes.Requireable<"default" | "small" | "large">;
         density: PropTypes.Requireable<"default" | "compact">;
         defaultValue: PropTypes.Requireable<string | number | object>;

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);
   }
 
 }