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

package/lib/es/select/index.js

@@ -3,18 +3,6 @@ import _get from "lodash/get";
 import _noop from "lodash/noop";
 import _isString from "lodash/isString";
 import _isEqual from "lodash/isEqual";
-import _Map from "@babel/runtime-corejs3/core-js-stable/map";
-import _bindInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/bind";
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
-import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-import _Array$isArray from "@babel/runtime-corejs3/core-js-stable/array/is-array";
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _someInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/some";
-import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
-import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
-import _valuesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/values";
 
 /* eslint-disable max-len */
 
@@ -50,8 +38,6 @@ const key = 0; // Notes: Use the label of the option as the identifier, that is,
 
 class Select extends BaseComponent {
   constructor(props) {
-    var _context, _context2, _context3, _context4, _context5, _context6;
-
     super(props);
 
     this.setOptionContainerEl = node => this.optionContainerEl = {
@@ -64,7 +50,7 @@ class Select extends BaseComponent {
       isOpen: false,
       isFocus: false,
       options: [],
-      selections: new _Map(),
+      selections: new Map(),
       dropdownMinWidth: null,
       optionKey: key,
       inputValue: '',
@@ -85,12 +71,12 @@ class Select extends BaseComponent {
     this.optionsRef = /*#__PURE__*/React.createRef();
     this.optionContainerEl = /*#__PURE__*/React.createRef();
     this.clickOutsideHandler = null;
-    this.onSelect = _bindInstanceProperty(_context = this.onSelect).call(_context, this);
-    this.onClear = _bindInstanceProperty(_context2 = this.onClear).call(_context2, this);
-    this.onMouseEnter = _bindInstanceProperty(_context3 = this.onMouseEnter).call(_context3, this);
-    this.onMouseLeave = _bindInstanceProperty(_context4 = this.onMouseLeave).call(_context4, this);
-    this.renderOption = _bindInstanceProperty(_context5 = this.renderOption).call(_context5, this);
-    this.onKeyPress = _bindInstanceProperty(_context6 = this.onKeyPress).call(_context6, this);
+    this.onSelect = this.onSelect.bind(this);
+    this.onClear = this.onClear.bind(this);
+    this.onMouseEnter = this.onMouseEnter.bind(this);
+    this.onMouseLeave = this.onMouseLeave.bind(this);
+    this.renderOption = this.renderOption.bind(this);
+    this.onKeyPress = this.onKeyPress.bind(this);
     this.foundation = new SelectFoundation(this.adapter);
     warning('optionLabelProp' in this.props, '[Semi Select] \'optionLabelProp\' has already been deprecated, please use \'renderSelectedItem\' instead.');
     warning('labelInValue' in this.props, '[Semi Select] \'labelInValue\' has already been deprecated, please use \'onChangeWithObject\' instead.');
@@ -185,7 +171,7 @@ class Select extends BaseComponent {
         this.props.onDeselect(value, option);
       }
     };
-    return _Object$assign(_Object$assign(_Object$assign(_Object$assign(_Object$assign({}, super.adapter), keyboardAdapter), filterAdapter), multipleAdapter), {
+    return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, super.adapter), keyboardAdapter), filterAdapter), multipleAdapter), {
       // Collect all subitems, each item is visible by default when collected, and is not selected
       getOptionsFromChildren: function () {
         let children = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _this.props.children;
@@ -196,7 +182,7 @@ class Select extends BaseComponent {
         } = _this.props;
 
         if (optionList && optionList.length) {
-          options = _mapInstanceProperty(optionList).call(optionList, (itemOpt, index) => _Object$assign({
+          options = optionList.map((itemOpt, index) => Object.assign({
             _show: true,
             _selected: false,
             _scrollIndex: index
@@ -247,7 +233,7 @@ class Select extends BaseComponent {
         });
       },
       // clone Map, important!!!, prevent unexpected modify on state
-      getSelections: () => new _Map(this.state.selections),
+      getSelections: () => new Map(this.state.selections),
       notifyChange: value => {
         this.props.onChange(value);
       },
@@ -321,20 +307,16 @@ class Select extends BaseComponent {
         return this.state.isFocusInContainer;
       },
       updateScrollTop: index => {
-        var _context8, _context9;
-
         // eslint-disable-next-line max-len
         let optionClassName = ".".concat(prefixcls, "-option-selected");
 
         if (index !== undefined) {
-          var _context7;
-
-          optionClassName = _concatInstanceProperty(_context7 = ".".concat(prefixcls, "-option:nth-child(")).call(_context7, index, ")");
+          optionClassName = ".".concat(prefixcls, "-option:nth-child(").concat(index, ")");
         }
 
-        let destNode = document.querySelector(_concatInstanceProperty(_context8 = _concatInstanceProperty(_context9 = "#".concat(prefixcls, "-")).call(_context9, this.selectOptionListID, " ")).call(_context8, optionClassName));
+        let destNode = document.querySelector("#".concat(prefixcls, "-").concat(this.selectOptionListID, " ").concat(optionClassName));
 
-        if (_Array$isArray(destNode)) {
+        if (Array.isArray(destNode)) {
           // eslint-disable-next-line prefer-destructuring
           destNode = destNode[0];
         }
@@ -362,12 +344,8 @@ class Select extends BaseComponent {
   }
 
   componentDidUpdate(prevProps, prevState) {
-    var _context10, _context11;
-
-    const prevChildrenKeys = _mapInstanceProperty(_context10 = React.Children.toArray(prevProps.children)).call(_context10, child => child.key);
-
-    const nowChildrenKeys = _mapInstanceProperty(_context11 = React.Children.toArray(this.props.children)).call(_context11, child => child.key);
-
+    const prevChildrenKeys = React.Children.toArray(prevProps.children).map(child => child.key);
+    const nowChildrenKeys = React.Children.toArray(this.props.children).map(child => child.key);
     let isOptionsChanged = false;
 
     if (!_isEqual(prevChildrenKeys, nowChildrenKeys) || !_isEqual(prevProps.optionList, this.props.optionList)) {
@@ -386,8 +364,6 @@ class Select extends BaseComponent {
   }
 
   renderInput() {
-    var _context12;
-
     const {
       size,
       multiple,
@@ -406,14 +382,12 @@ class Select extends BaseComponent {
       inputValue,
       focusIndex
     } = this.state;
-
-    const selectInputProps = _Object$assign({
+    const selectInputProps = Object.assign({
       value: inputValue,
       disabled,
       className: inputcls,
       onChange: this.handleInputChange
     }, inputProps);
-
     let style = {}; // Multiple choice mode
 
     if (multiple) {
@@ -423,10 +397,10 @@ class Select extends BaseComponent {
       selectInputProps.style = style;
     }
 
-    return /*#__PURE__*/React.createElement(Input, _Object$assign({
+    return /*#__PURE__*/React.createElement(Input, Object.assign({
       ref: this.inputRef,
       size: size,
-      "aria-activedescendant": focusIndex !== -1 ? _concatInstanceProperty(_context12 = "".concat(this.selectID, "-option-")).call(_context12, focusIndex) : '',
+      "aria-activedescendant": focusIndex !== -1 ? "".concat(this.selectID, "-option-").concat(focusIndex) : '',
       onFocus: e => {
         // if multiple and filter, when use tab key to let select get focus
         // need to manual update state isFocus to let the focus style take effect
@@ -503,20 +477,18 @@ class Select extends BaseComponent {
     let optionStyle = style || {};
 
     if (option.style) {
-      optionStyle = _Object$assign(_Object$assign({}, optionStyle), option.style);
+      optionStyle = Object.assign(Object.assign({}, optionStyle), option.style);
     }
 
     if (option._inputCreateOnly) {
       optionContent = this.renderCreateOption(option, isFocused, optionIndex, style);
     } else {
-      var _context13;
-
       // use another name to make sure that 'key' in optionList still exist when we call onChange
       if ('key' in option) {
         option._keyInOptionList = option.key;
       }
 
-      optionContent = /*#__PURE__*/React.createElement(Option, _Object$assign({
+      optionContent = /*#__PURE__*/React.createElement(Option, Object.assign({
         showTick: true
       }, option, {
         selected: option._selected,
@@ -527,7 +499,7 @@ class Select extends BaseComponent {
         key: option.key || option.label + option.value + optionIndex,
         renderOptionItem: renderOptionItem,
         inputValue: inputValue,
-        id: _concatInstanceProperty(_context13 = "".concat(this.selectID, "-option-")).call(_context13, optionIndex)
+        id: "".concat(this.selectID, "-option-").concat(optionIndex)
       }), option.label);
     }
 
@@ -540,7 +512,7 @@ class Select extends BaseComponent {
     } = this.props; // default render method
 
     if (typeof renderCreateItem === 'undefined') {
-      const defaultCreateItem = /*#__PURE__*/React.createElement(Option, _Object$assign({
+      const defaultCreateItem = /*#__PURE__*/React.createElement(Option, Object.assign({
         key: option.key || option.label + option.value,
         onSelect: (v, e) => this.onSelect(v, optionIndex, e),
         onMouseEnter: () => this.onOptionHover(optionIndex),
@@ -575,15 +547,14 @@ class Select extends BaseComponent {
 
   renderWithGroup(visibleOptions) {
     const content = [];
-    const groupStatus = new _Map();
-
-    _forEachInstanceProperty(visibleOptions).call(visibleOptions, (option, optionIndex) => {
+    const groupStatus = new Map();
+    visibleOptions.forEach((option, optionIndex) => {
       const parentGroup = option._parentGroup;
       const optionContent = this.renderOption(option, optionIndex);
 
       if (parentGroup && !groupStatus.has(parentGroup.label)) {
         // when use with OptionGroup and group content not already insert
-        const groupContent = /*#__PURE__*/React.createElement(OptionGroup, _Object$assign({}, parentGroup, {
+        const groupContent = /*#__PURE__*/React.createElement(OptionGroup, Object.assign({}, parentGroup, {
           key: parentGroup.label
         }));
         groupStatus.set(parentGroup.label, true);
@@ -592,7 +563,6 @@ class Select extends BaseComponent {
 
       content.push(optionContent);
     });
-
     return content;
   }
 
@@ -625,8 +595,6 @@ class Select extends BaseComponent {
   }
 
   renderOptions(children) {
-    var _context14;
-
     const {
       dropdownMinWidth,
       options,
@@ -645,28 +613,26 @@ class Select extends BaseComponent {
       multiple
     } = this.props; // Do a filter first, instead of directly judging in forEach, so that the focusIndex can correspond to
 
-    const visibleOptions = _filterInstanceProperty(options).call(options, item => item._show);
-
+    const visibleOptions = options.filter(item => item._show);
     let listContent = this.renderWithGroup(visibleOptions);
 
     if (virtualize) {
       listContent = this.renderVirtualizeList(visibleOptions);
     }
 
-    const style = _Object$assign({
+    const style = Object.assign({
       minWidth: dropdownMinWidth
     }, dropdownStyle);
-
     const optionListCls = cls({
       ["".concat(prefixcls, "-option-list")]: true,
       ["".concat(prefixcls, "-option-list-chosen")]: selections.size
     });
-    const isEmpty = !options.length || !_someInstanceProperty(options).call(options, item => item._show);
+    const isEmpty = !options.length || !options.some(item => item._show);
     return (
       /*#__PURE__*/
       // eslint-disable-next-line jsx-a11y/no-static-element-interactions
       React.createElement("div", {
-        id: _concatInstanceProperty(_context14 = "".concat(prefixcls, "-")).call(_context14, this.selectOptionListID),
+        id: "".concat(prefixcls, "-").concat(this.selectOptionListID),
         className: dropdownClassName,
         style: style,
         ref: this.setOptionContainerEl,
@@ -745,9 +711,9 @@ class Select extends BaseComponent {
       });
     }
 
-    const mapItems = maxTagCount ? _sliceInstanceProperty(selectedItems).call(selectedItems, 0, maxTagCount) : selectedItems; // no need to render rest tag when maxTagCount is setting
+    const mapItems = maxTagCount ? selectedItems.slice(0, maxTagCount) : selectedItems; // no need to render rest tag when maxTagCount is setting
 
-    const tags = _mapInstanceProperty(mapItems).call(mapItems, (item, i) => {
+    const tags = mapItems.map((item, i) => {
       const label = item[0];
       const {
         value
@@ -780,7 +746,7 @@ class Select extends BaseComponent {
       };
 
       if (isRenderInTag) {
-        return /*#__PURE__*/React.createElement(Tag, _Object$assign({}, basic, {
+        return /*#__PURE__*/React.createElement(Tag, Object.assign({}, basic, {
           color: "white",
           size: size || 'large',
           key: value,
@@ -792,7 +758,6 @@ class Select extends BaseComponent {
         }, content);
       }
     });
-
     const contentWrapperCls = cls({
       ["".concat(prefixcls, "-content-wrapper")]: true,
       ["".concat(prefixcls, "-content-wrapper-one-line")]: maxTagCount,
@@ -850,8 +815,7 @@ class Select extends BaseComponent {
 
     if (virtualize) {
       let minItemIndex = -1;
-
-      _forEachInstanceProperty(selections).call(selections, item => {
+      selections.forEach(item => {
         const itemIndex = _get(item, '_scrollIndex');
         /* When the itemIndex is legal */
 
@@ -907,8 +871,6 @@ class Select extends BaseComponent {
   }
 
   renderSelection() {
-    var _context15, _context16;
-
     const {
       disabled,
       multiple,
@@ -962,7 +924,7 @@ class Select extends BaseComponent {
       className: "".concat(prefixcls, "-arrow-empty")
     });
     const inner = useCustomTrigger ? /*#__PURE__*/React.createElement(Trigger, {
-      value: _Array$from(_valuesInstanceProperty(selections).call(selections)),
+      value: Array.from(selections.values()),
       inputValue: inputValue,
       onChange: this.handleInputChange,
       onClear: this.onClear,
@@ -970,7 +932,7 @@ class Select extends BaseComponent {
       triggerRender: triggerRender,
       placeholder: placeholder,
       componentName: "Select",
-      componentProps: _Object$assign({}, this.props)
+      componentProps: Object.assign({}, this.props)
     }) : [/*#__PURE__*/React.createElement(Fragment, {
       key: "prefix"
     }, prefix || insetLabel ? this.renderPrefix() : null), /*#__PURE__*/React.createElement(Fragment, {
@@ -999,11 +961,11 @@ class Select extends BaseComponent {
       /*#__PURE__*/
 
       /* eslint-disable-next-line jsx-a11y/aria-activedescendant-has-tabindex */
-      React.createElement("div", _Object$assign({
+      React.createElement("div", Object.assign({
         role: "combobox",
         "aria-disabled": disabled,
         "aria-expanded": isOpen,
-        "aria-controls": _concatInstanceProperty(_context15 = "".concat(prefixcls, "-")).call(_context15, this.selectOptionListID),
+        "aria-controls": "".concat(prefixcls, "-").concat(this.selectOptionListID),
         "aria-haspopup": "listbox",
         "aria-label": selections.size ? 'selected' : '',
         "aria-invalid": this.props['aria-invalid'],
@@ -1017,7 +979,7 @@ class Select extends BaseComponent {
         style: style,
         id: this.selectID,
         tabIndex: tabIndex,
-        "aria-activedescendant": focusIndex !== -1 ? _concatInstanceProperty(_context16 = "".concat(this.selectID, "-option-")).call(_context16, focusIndex) : '',
+        "aria-activedescendant": focusIndex !== -1 ? "".concat(this.selectID, "-option-").concat(focusIndex) : '',
         onMouseEnter: this.onMouseEnter,
         onMouseLeave: this.onMouseLeave,
         onFocus: e => this.foundation.handleTriggerFocus(e),

package/lib/es/select/option.js

@@ -1,15 +1,12 @@
 import _isString from "lodash/isString";
-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;
 };
@@ -39,7 +36,7 @@ class Option extends PureComponent {
     const isDisabled = props.disabled;
 
     if (!isDisabled) {
-      props.onSelect(_Object$assign(_Object$assign({}, rest), {
+      props.onSelect(Object.assign(Object.assign({}, rest), {
         value,
         label: label || children
       }), event);
@@ -108,7 +105,7 @@ class Option extends PureComponent {
 
 
     if (typeof renderOptionItem === 'function') {
-      return renderOptionItem(_Object$assign({
+      return renderOptionItem(Object.assign({
         disabled,
         focused,
         selected,
@@ -117,7 +114,7 @@ class Option extends PureComponent {
         value,
         inputValue,
         onMouseEnter: e => onMouseEnter(e),
-        onClick: e => this.onClick(_Object$assign({
+        onClick: e => this.onClick(Object.assign({
           value,
           label,
           children
@@ -138,7 +135,7 @@ class Option extends PureComponent {
       React.createElement("div", {
         className: optionClassName,
         onClick: e => {
-          this.onClick(_Object$assign({
+          this.onClick(Object.assign({
             value,
             label,
             children

package/lib/es/select/utils.js

@@ -1,18 +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";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-
 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;
 };
@@ -27,7 +19,7 @@ const generateOption = (child, parent, index) => {
     return null;
   }
 
-  const option = _Object$assign(_Object$assign({
+  const option = Object.assign(Object.assign({
     value: childProps.value,
     // Drop-down menu rendering priority label value, children, value in turn downgrade
     label: childProps.label || childProps.children || childProps.value,
@@ -37,7 +29,6 @@ const generateOption = (child, parent, index) => {
   }, childProps), {
     _parentGroup: parent
   });
-
   return option;
 };
 
@@ -52,11 +43,10 @@ const getOptionsFromGroup = selectChildren => {
   // eslint-disable-next-line max-len
 
   let childNodes = React.Children.toArray(selectChildren);
-  childNodes = _filterInstanceProperty(childNodes).call(childNodes, childNode => childNode && childNode.props);
+  childNodes = childNodes.filter(childNode => childNode && childNode.props);
   let type = '';
   let optionIndex = -1;
-
-  _forEachInstanceProperty(childNodes).call(childNodes, child => {
+  childNodes.forEach(child => {
     if (child.type.isSelectOption) {
       type = 'option';
       optionIndex++;
@@ -74,19 +64,16 @@ const getOptionsFromGroup = selectChildren => {
           restGroupProps = __rest(_a, ["children"]);
 
       children = React.Children.toArray(children);
-
-      const childrenOption = _mapInstanceProperty(children).call(children, option => {
+      const childrenOption = children.map(option => {
         optionIndex++;
         return generateOption(option, restGroupProps, optionIndex);
       });
-
-      const group = _Object$assign(_Object$assign({}, child.props), {
+      const group = Object.assign(Object.assign({}, child.props), {
         children: childrenOption,
         key: child.key
       });
-
       optionGroups.push(group);
-      options = _concatInstanceProperty(options).call(options, childrenOption);
+      options = options.concat(childrenOption);
     } else {
       warning(true, '[Semi Select] The children of `Select` should be `Select.Option` or `Select.OptionGroup`');
     }

package/lib/es/sideSheet/SideSheetContent.js

@@ -1,16 +1,12 @@
 import _noop from "lodash/noop";
-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";
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 
 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,13 +96,11 @@ export default class SideSheetContent extends React.PureComponent {
       className: "".concat(prefixCls, "-header"),
       role: 'heading',
       "aria-level": 1,
-      style: _Object$assign({}, headerStyle)
+      style: Object.assign({}, headerStyle)
     }, header, closer);
   }
 
   getDialogElement() {
-    var _context;
-
     const props = __rest(this.props, []);
 
     const style = {};
@@ -128,9 +122,9 @@ export default class SideSheetContent extends React.PureComponent {
       key: "dialog-element",
       role: "dialog",
       tabIndex: -1,
-      className: _concatInstanceProperty(_context = "".concat(prefixCls, "-inner ")).call(_context, prefixCls, "-inner-wrap"),
+      className: "".concat(prefixCls, "-inner ").concat(prefixCls, "-inner-wrap"),
       // onMouseDown={this.onDialogMouseDown}
-      style: _Object$assign(_Object$assign({}, props.style), style)
+      style: Object.assign(Object.assign({}, props.style), style)
     }, /*#__PURE__*/React.createElement("div", {
       className: "".concat(prefixCls, "-content")
     }, header, /*#__PURE__*/React.createElement("div", {

package/lib/es/sideSheet/SideSheetTransition.js

@@ -1,4 +1,3 @@
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 // @ts-ignore  Currently there is no types definition for semi-animation-react;
 import { Transition } from '@douyinfe/semi-animation-react';
 import React from 'react'; // eslint-disable-next-line max-len
@@ -69,7 +68,7 @@ export default class SideSheetTransition extends React.PureComponent {
       };
     }
 
-    return /*#__PURE__*/React.createElement(Transition, _Object$assign({
+    return /*#__PURE__*/React.createElement(Transition, Object.assign({
       config: {
         tension: 170,
         friction: 14,

package/lib/es/sideSheet/index.js

@@ -1,16 +1,12 @@
 import _noop from "lodash/noop";
-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";
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 
 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;
 };
@@ -51,7 +47,7 @@ export default class SideSheet extends BaseComponent {
   }
 
   get adapter() {
-    return _Object$assign(_Object$assign({}, super.adapter), {
+    return Object.assign(Object.assign({}, super.adapter), {
       disabledBodyScroll: () => {
         const {
           getPopupContainer
@@ -136,8 +132,6 @@ export default class SideSheet extends BaseComponent {
   }
 
   renderContent() {
-    var _context;
-
     const _a = this.props,
           {
       placement,
@@ -164,14 +158,13 @@ export default class SideSheet extends BaseComponent {
     const sheetWidth = isVertical ? width ? width : defaultWidthList[size] : '100%';
     const sheetHeight = isHorizontal ? height ? height : defaultHeight : '100%';
     const classList = cls(prefixCls, className, {
-      [_concatInstanceProperty(_context = "".concat(prefixCls, "-")).call(_context, placement)]: placement,
+      ["".concat(prefixCls, "-").concat(placement)]: placement,
       ["".concat(prefixCls, "-popup")]: getPopupContainer,
       ["".concat(prefixCls, "-horizontal")]: isHorizontal,
       ["".concat(prefixCls, "-rtl")]: direction === 'rtl',
       ["".concat(prefixCls, "-hidden")]: keepDOM && this.state.hidden
     });
-
-    const contentProps = _Object$assign(_Object$assign({}, props), {
+    const contentProps = Object.assign(Object.assign({}, props), {
       visible,
       motion: false,
       className: classList,
@@ -179,7 +172,6 @@ export default class SideSheet extends BaseComponent {
       height: sheetHeight,
       onClose: this.handleCancel
     });
-
     const mergedMotion = this.foundation.getMergedMotion();
     this._active = this._active || visible;
     const shouldRender = (visible || keepDOM) && this._active;
@@ -190,16 +182,16 @@ export default class SideSheet extends BaseComponent {
         motion: mergedMotion,
         controlled: keepDOM,
         visible: visible
-      }, shouldRender ? transitionStyles => /*#__PURE__*/React.createElement(SideSheetContent, _Object$assign({}, contentProps, {
-        style: _Object$assign(_Object$assign({}, transitionStyles), style),
-        maskStyle: _Object$assign({
+      }, shouldRender ? transitionStyles => /*#__PURE__*/React.createElement(SideSheetContent, Object.assign({}, contentProps, {
+        style: Object.assign(Object.assign({}, transitionStyles), style),
+        maskStyle: Object.assign({
           opacity: transitionStyles.opacity
         }, maskStyle)
       }), children) : null);
     }
 
     if (shouldRender) {
-      return /*#__PURE__*/React.createElement(SideSheetContent, _Object$assign({}, contentProps, {
+      return /*#__PURE__*/React.createElement(SideSheetContent, Object.assign({}, contentProps, {
         style: style,
         maskStyle: maskStyle
       }), children);

package/lib/es/skeleton/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;
 };
@@ -40,7 +36,7 @@ class Skeleton extends PureComponent {
     let content;
 
     if (loading) {
-      content = /*#__PURE__*/React.createElement("div", _Object$assign({
+      content = /*#__PURE__*/React.createElement("div", Object.assign({
         className: skCls,
         style: style
       }, others, {