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

package/lib/es/skeleton/item.js

@@ -1,16 +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 _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-
 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;
 };
@@ -23,14 +17,12 @@ import { strings } from '@douyinfe/semi-foundation/lib/es/avatar/constants';
 import '@douyinfe/semi-foundation/lib/es/skeleton/skeleton.css';
 const sizeSet = strings.SIZE;
 
-const generator = type => BasicComponent => props => /*#__PURE__*/React.createElement(BasicComponent, _Object$assign({
+const generator = type => BasicComponent => props => /*#__PURE__*/React.createElement(BasicComponent, Object.assign({
   type: type
 }, props));
 
 class Generic extends PureComponent {
   render() {
-    var _context, _context2, _context3;
-
     const _a = this.props,
           {
       prefixCls,
@@ -40,10 +32,10 @@ class Generic extends PureComponent {
     } = _a,
           others = __rest(_a, ["prefixCls", "className", "type", "size"]);
 
-    const classString = cls(className, _concatInstanceProperty(_context = "".concat(prefixCls, "-")).call(_context, type), {
-      [_concatInstanceProperty(_context2 = _concatInstanceProperty(_context3 = "".concat(prefixCls, "-")).call(_context3, type, "-")).call(_context2, size)]: type.toUpperCase() === 'AVATAR'
+    const classString = cls(className, "".concat(prefixCls, "-").concat(type), {
+      ["".concat(prefixCls, "-").concat(type, "-").concat(size)]: type.toUpperCase() === 'AVATAR'
     });
-    return /*#__PURE__*/React.createElement('div', _Object$assign({
+    return /*#__PURE__*/React.createElement('div', Object.assign({
       className: classString
     }, others));
   }
@@ -67,8 +59,6 @@ export const Title = generator('title')(Generic);
 export const Button = generator('button')(Generic);
 export class Paragraph extends PureComponent {
   render() {
-    var _context4;
-
     const {
       prefixCls,
       className,
@@ -79,7 +69,7 @@ export class Paragraph extends PureComponent {
     return /*#__PURE__*/React.createElement("ul", {
       className: classString,
       style: style
-    }, _mapInstanceProperty(_context4 = [...Array(rows)]).call(_context4, (e, i) => /*#__PURE__*/React.createElement("li", {
+    }, [...Array(rows)].map((e, i) => /*#__PURE__*/React.createElement("li", {
       key: i
     })));
   }

package/lib/es/slider/index.js

@@ -1,13 +1,5 @@
 import _noop from "lodash/noop";
 import _isEqual from "lodash/isEqual";
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
-import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
-import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-import _Set from "@babel/runtime-corejs3/core-js-stable/set";
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
-import _Promise from "@babel/runtime-corejs3/core-js-stable/promise";
 
 /* eslint-disable max-lines-per-function */
 
@@ -82,7 +74,7 @@ export default class Slider extends BaseComponent {
         'aria-labelledby': ariaLabelledby,
         'aria-disabled': disabled
       };
-      vertical && _Object$assign(commonAria, {
+      vertical && Object.assign(commonAria, {
         'aria-orientation': 'vertical'
       });
       const handleContents = !range ? /*#__PURE__*/React.createElement(Tooltip, {
@@ -92,7 +84,7 @@ export default class Slider extends BaseComponent {
         rePosKey: minPercent,
         visible: isInRenderTree && (tipVisible.min || firstDotFocusVisible),
         className: "".concat(cssClasses.HANDLE, "-tooltip")
-      }, /*#__PURE__*/React.createElement("span", _Object$assign({
+      }, /*#__PURE__*/React.createElement("span", Object.assign({
         onMouseOver: this.foundation.checkAndUpdateIsInRenderTreeState,
         ref: this.minHanleEl,
         className: minClass,
@@ -145,7 +137,7 @@ export default class Slider extends BaseComponent {
         rePosKey: minPercent,
         visible: isInRenderTree && (tipVisible.min || firstDotFocusVisible),
         className: "".concat(cssClasses.HANDLE, "-tooltip")
-      }, /*#__PURE__*/React.createElement("span", _Object$assign({
+      }, /*#__PURE__*/React.createElement("span", Object.assign({
         ref: this.minHanleEl,
         className: minClass,
         style: {
@@ -197,7 +189,7 @@ export default class Slider extends BaseComponent {
         rePosKey: maxPercent,
         visible: isInRenderTree && (tipVisible.max || secondDotFocusVisible),
         className: "".concat(cssClasses.HANDLE, "-tooltip")
-      }, /*#__PURE__*/React.createElement("span", _Object$assign({
+      }, /*#__PURE__*/React.createElement("span", Object.assign({
         ref: this.maxHanleEl,
         className: maxClass,
         style: {
@@ -275,8 +267,6 @@ export default class Slider extends BaseComponent {
     };
 
     this.renderStepDot = () => {
-      var _context;
-
       const {
         min,
         max,
@@ -284,9 +274,9 @@ export default class Slider extends BaseComponent {
         marks
       } = this.props;
       const stylePos = vertical ? 'top' : 'left';
-      const labelContent = marks && _Object$keys(marks).length > 0 ? /*#__PURE__*/React.createElement("div", {
+      const labelContent = marks && Object.keys(marks).length > 0 ? /*#__PURE__*/React.createElement("div", {
         className: cssClasses.DOTS
-      }, _mapInstanceProperty(_context = _Object$keys(marks)).call(_context, mark => {
+      }, Object.keys(marks).map(mark => {
         const activeResult = this.foundation.isMarkActive(Number(mark));
         const markClass = cls("".concat(prefixCls, "-dot"), {
           ["".concat(prefixCls, "-dot-active")]: this.foundation.isMarkActive(Number(mark)) === 'active'
@@ -308,8 +298,6 @@ export default class Slider extends BaseComponent {
     };
 
     this.renderLabel = () => {
-      var _context2;
-
       const {
         min,
         max,
@@ -318,11 +306,9 @@ export default class Slider extends BaseComponent {
         verticalReverse
       } = this.props;
       const stylePos = vertical ? 'top' : 'left';
-      const labelContent = marks && _Object$keys(marks).length > 0 ? /*#__PURE__*/React.createElement("div", {
+      const labelContent = marks && Object.keys(marks).length > 0 ? /*#__PURE__*/React.createElement("div", {
         className: cssClasses.MARKS + (vertical && verticalReverse ? '-reverse' : '')
-      }, _mapInstanceProperty(_context2 = _Object$keys(marks)).call(_context2, mark => {
-        var _context3;
-
+      }, Object.keys(marks).map(mark => {
         const activeResult = this.foundation.isMarkActive(Number(mark));
         const markPercent = (Number(mark) - min) / (max - min);
         return activeResult ?
@@ -330,7 +316,7 @@ export default class Slider extends BaseComponent {
         // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
         React.createElement("span", {
           key: mark,
-          className: cls(_concatInstanceProperty(_context3 = "".concat(prefixCls, "-mark")).call(_context3, vertical && verticalReverse ? '-reverse' : '')),
+          className: cls("".concat(prefixCls, "-mark").concat(vertical && verticalReverse ? '-reverse' : '')),
           style: {
             [stylePos]: "".concat(markPercent * 100, "%")
           },
@@ -376,13 +362,13 @@ export default class Slider extends BaseComponent {
     this.maxHanleEl = /*#__PURE__*/React.createRef();
     this.dragging = [false, false];
     this.foundation = new SliderFoundation(this.adapter);
-    this.eventListenerSet = new _Set();
+    this.eventListenerSet = new Set();
   }
 
   get adapter() {
     var _this = this;
 
-    return _Object$assign(_Object$assign({}, super.adapter), {
+    return Object.assign(Object.assign({}, super.adapter), {
       getSliderLengths: () => {
         if (this.sliderEl && this.sliderEl.current) {
           const rect = this.sliderEl.current.getBoundingClientRect();
@@ -424,8 +410,7 @@ export default class Slider extends BaseComponent {
       isEventFromHandle: e => {
         const handles = [this.minHanleEl, this.maxHanleEl];
         let flag = false;
-
-        _forEachInstanceProperty(handles).call(handles, handle => {
+        handles.forEach(handle => {
           if (!handle) {
             return;
           }
@@ -437,7 +422,6 @@ export default class Slider extends BaseComponent {
             flag = true;
           }
         });
-
         return flag;
       },
       getOverallVars: () => ({
@@ -566,9 +550,7 @@ export default class Slider extends BaseComponent {
         this.props.onAfterChange(value);
       },
       unSubscribeEventListener: () => {
-        var _context4;
-
-        _forEachInstanceProperty(_context4 = _Array$from(this.eventListenerSet)).call(_context4, clear => clear());
+        Array.from(this.eventListenerSet).forEach(clear => clear());
       }
     });
   }
@@ -597,8 +579,6 @@ export default class Slider extends BaseComponent {
   }
 
   render() {
-    var _context5;
-
     const {
       disabled,
       currentValue,
@@ -625,7 +605,7 @@ export default class Slider extends BaseComponent {
       ["".concat(prefixCls)]: !vertical,
       [cssClasses.VERTICAL]: vertical
     });
-    const ariaLabel = range ? _concatInstanceProperty(_context5 = "Range: ".concat(this._getAriaValueText(currentValue[0], 0), " to ")).call(_context5, this._getAriaValueText(currentValue[1], 1)) : undefined;
+    const ariaLabel = range ? "Range: ".concat(this._getAriaValueText(currentValue[0], 0), " to ").concat(this._getAriaValueText(currentValue[1], 1)) : undefined;
     const slider = /*#__PURE__*/React.createElement("div", {
       className: wrapperClass,
       style: style,
@@ -664,8 +644,7 @@ export default class Slider extends BaseComponent {
 
       const clearSelf = () => {
         target === null || target === void 0 ? void 0 : target.removeEventListener(eventName, callback);
-
-        _Promise.resolve().then(() => {
+        Promise.resolve().then(() => {
           this.eventListenerSet.delete(clearSelf);
         });
       };

package/lib/es/space/index.js

@@ -1,8 +1,6 @@
 import _isNumber from "lodash/isNumber";
 import _isArray from "lodash/isArray";
 import _isString from "lodash/isString";
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import React, { PureComponent } from 'react';
 import cls from 'classnames';
 import PropTypes from 'prop-types';
@@ -13,8 +11,6 @@ const prefixCls = cssClasses.PREFIX;
 
 class Space extends PureComponent {
   render() {
-    var _context;
-
     const {
       children = null,
       style,
@@ -25,9 +21,7 @@ class Space extends PureComponent {
       vertical
     } = this.props;
     const isWrap = wrap && vertical ? false : wrap;
-
-    const realStyle = _Object$assign({}, style);
-
+    const realStyle = Object.assign({}, style);
     let spacingHorizontalType = '';
     let spacingVerticalType = '';
 
@@ -52,7 +46,7 @@ class Space extends PureComponent {
     }
 
     const classNames = cls(prefixCls, className, {
-      [_concatInstanceProperty(_context = "".concat(prefixCls, "-align-")).call(_context, align)]: align,
+      ["".concat(prefixCls, "-align-").concat(align)]: align,
       ["".concat(prefixCls, "-vertical")]: vertical,
       ["".concat(prefixCls, "-horizontal")]: !vertical,
       ["".concat(prefixCls, "-wrap")]: isWrap,

package/lib/es/space/utils.js

@@ -1,6 +1,3 @@
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-import _Array$isArray from "@babel/runtime-corejs3/core-js-stable/array/is-array";
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import React, { isValidElement } from 'react';
 const REACT_FRAGMENT_TYPE = 'Symbol(react.fragment)';
 /**
@@ -8,23 +5,19 @@ const REACT_FRAGMENT_TYPE = 'Symbol(react.fragment)';
  */
 
 export const flatten = children => {
-  var _context;
-
   let res = [];
-
-  _forEachInstanceProperty(_context = React.Children).call(_context, children, child => {
+  React.Children.forEach(children, child => {
     if (child === undefined || child === null) {
       return;
     }
 
-    if (_Array$isArray(child)) {
-      res = _concatInstanceProperty(res).call(res, flatten(child));
+    if (Array.isArray(child)) {
+      res = res.concat(flatten(child));
     } else if ( /*#__PURE__*/isValidElement(child) && child.type && child.type.toString() === REACT_FRAGMENT_TYPE && child.props) {
-      res = _concatInstanceProperty(res).call(res, flatten(child.props.children));
+      res = res.concat(flatten(child.props.children));
     } else {
       res.push(child);
     }
   });
-
   return res;
 };

package/lib/es/spin/icon.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;
 };
@@ -37,7 +33,7 @@ function Icon() {
   }
 
   const id = "linearGradient-".concat(_propsId);
-  return /*#__PURE__*/React.createElement("svg", _Object$assign({}, rest, {
+  return /*#__PURE__*/React.createElement("svg", Object.assign({}, rest, {
     className: className,
     width: "48",
     height: "48",

package/lib/es/spin/index.js

@@ -1,5 +1,3 @@
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import React from 'react';
 import PropTypes from 'prop-types';
 import cls from 'classnames';
@@ -40,7 +38,7 @@ class Spin extends BaseComponent {
   }
 
   get adapter() {
-    return _Object$assign(_Object$assign({}, super.adapter), {
+    return Object.assign(Object.assign({}, super.adapter), {
       setLoading: value => {
         this.setState({
           loading: value
@@ -75,8 +73,6 @@ class Spin extends BaseComponent {
   }
 
   render() {
-    var _context;
-
     this.foundation.updateLoadingIfNeedDelay();
     const {
       children,
@@ -89,7 +85,7 @@ class Spin extends BaseComponent {
       loading
     } = this.state;
     const spinCls = cls(prefixCls, wrapperClassName, {
-      [_concatInstanceProperty(_context = "".concat(prefixCls, "-")).call(_context, size)]: size,
+      ["".concat(prefixCls, "-").concat(size)]: size,
       ["".concat(prefixCls, "-block")]: children,
       ["".concat(prefixCls, "-hidden")]: !loading
     });

package/lib/es/steps/basicStep.js

@@ -1,5 +1,4 @@
 import _isFunction from "lodash/isFunction";
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
@@ -13,8 +12,6 @@ export var stepSizeMapIconSize;
 })(stepSizeMapIconSize || (stepSizeMapIconSize = {}));
 
 const BasicStep = props => {
-  var _context;
-
   const {
     prefixCls,
     className,
@@ -88,7 +85,7 @@ const BasicStep = props => {
     }, inner) : null;
   };
 
-  const classString = classnames(prefixCls, _concatInstanceProperty(_context = "".concat(prefixCls, "-")).call(_context, status), {
+  const classString = classnames(prefixCls, "".concat(prefixCls, "-").concat(status), {
     ["".concat(prefixCls, "-active")]: active,
     ["".concat(prefixCls, "-done")]: done
   }, className);

package/lib/es/steps/basicSteps.js

@@ -1,15 +1,9 @@
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import React, { cloneElement, Children, useMemo, isValidElement } from 'react';
 import PropTypes from 'prop-types';
 import cls from 'classnames';
 import { stepsClasses as css } from '@douyinfe/semi-foundation/lib/es/steps/constants';
 
 const Steps = props => {
-  var _context2, _context3;
-
   const {
     size,
     current,
@@ -24,18 +18,14 @@ const Steps = props => {
     onChange
   } = props;
   const inner = useMemo(() => {
-    var _context;
-
-    const filteredChildren = _filterInstanceProperty(_context = Children.toArray(children)).call(_context, c => /*#__PURE__*/isValidElement(c));
-
-    const content = _mapInstanceProperty(Children).call(Children, filteredChildren, (child, index) => {
+    const filteredChildren = Children.toArray(children).filter(c => /*#__PURE__*/isValidElement(c));
+    const content = Children.map(filteredChildren, (child, index) => {
       if (!child) {
         return null;
       }
 
       const stepNumber = initial + index;
-
-      const childProps = _Object$assign({
+      const childProps = Object.assign({
         stepNumber: "".concat(stepNumber + 1),
         size
       }, child.props);
@@ -63,15 +53,14 @@ const Steps = props => {
         }
       };
 
-      return /*#__PURE__*/cloneElement(child, _Object$assign({}, childProps));
+      return /*#__PURE__*/cloneElement(child, Object.assign({}, childProps));
     });
-
     return content;
   }, [children, initial, prefixCls, direction, status, current, size, onChange]);
   const wrapperCls = cls(className, {
     ["".concat(prefixCls, "-basic")]: true,
-    [_concatInstanceProperty(_context2 = "".concat(prefixCls, "-")).call(_context2, direction)]: true,
-    [_concatInstanceProperty(_context3 = "".concat(prefixCls, "-")).call(_context3, size)]: size !== 'default',
+    ["".concat(prefixCls, "-").concat(direction)]: true,
+    ["".concat(prefixCls, "-").concat(size)]: size !== 'default',
     ["".concat(prefixCls, "-hasline")]: hasLine
   });
   return /*#__PURE__*/React.createElement("div", {

package/lib/es/steps/fillStep.js

@@ -1,5 +1,4 @@
 import _isFunction from "lodash/isFunction";
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
@@ -7,8 +6,6 @@ import { stepsClasses as css } from '@douyinfe/semi-foundation/lib/es/steps/cons
 import { IconTickCircle, IconAlertCircle, IconAlertTriangle } from '@douyinfe/semi-icons';
 
 const FillStep = props => {
-  var _context;
-
   const {
     prefixCls,
     className,
@@ -99,7 +96,7 @@ const FillStep = props => {
     tabIndex: 0,
     className: classnames({
       [prefixCls]: true,
-      [_concatInstanceProperty(_context = "".concat(prefixCls, "-")).call(_context, status)]: Boolean(status),
+      ["".concat(prefixCls, "-").concat(status)]: Boolean(status),
       ["".concat(prefixCls, "-clickable")]: onClick
     }, className),
     style: style,

package/lib/es/steps/fillSteps.js

@@ -1,7 +1,3 @@
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import React, { cloneElement, Children, useMemo, isValidElement } from 'react';
 import PropTypes from 'prop-types';
 import cls from 'classnames';
@@ -9,8 +5,6 @@ import { stepsClasses as css } from '@douyinfe/semi-foundation/lib/es/steps/cons
 import { Row, Col } from '../grid';
 
 const Steps = props => {
-  var _context2;
-
   const {
     current,
     status,
@@ -23,22 +17,17 @@ const Steps = props => {
     onChange
   } = props;
   const inner = useMemo(() => {
-    var _context;
-
-    const filteredChildren = _filterInstanceProperty(_context = Children.toArray(children)).call(_context, c => /*#__PURE__*/isValidElement(c));
-
+    const filteredChildren = Children.toArray(children).filter(c => /*#__PURE__*/isValidElement(c));
     const colStyle = direction === 'vertical' ? null : {
       width: "".concat(100 / filteredChildren.length, "%")
     };
-
-    const content = _mapInstanceProperty(Children).call(Children, filteredChildren, (child, index) => {
+    const content = Children.map(filteredChildren, (child, index) => {
       if (!child) {
         return null;
       }
 
       const stepNumber = initial + index;
-
-      const childProps = _Object$assign({
+      const childProps = Object.assign({
         stepNumber: "".concat(stepNumber + 1),
         direction
       }, child.props);
@@ -65,14 +54,13 @@ const Steps = props => {
 
       return /*#__PURE__*/React.createElement(Col, {
         style: colStyle
-      }, /*#__PURE__*/cloneElement(child, _Object$assign({}, childProps)));
+      }, /*#__PURE__*/cloneElement(child, Object.assign({}, childProps)));
     });
-
     return content;
   }, [children, initial, prefixCls, direction, status, current, onChange]);
   const wrapperCls = cls(className, {
     [prefixCls]: true,
-    [_concatInstanceProperty(_context2 = "".concat(prefixCls, "-")).call(_context2, direction)]: true
+    ["".concat(prefixCls, "-").concat(direction)]: true
   });
   return /*#__PURE__*/React.createElement("div", {
     className: wrapperCls,

package/lib/es/steps/index.js

@@ -1,15 +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";
 
 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;
 };
@@ -33,13 +30,13 @@ class Steps extends Component {
 
     switch (type) {
       case 'fill':
-        return /*#__PURE__*/React.createElement(FillSteps, _Object$assign({}, restProps));
+        return /*#__PURE__*/React.createElement(FillSteps, Object.assign({}, restProps));
 
       case 'basic':
-        return /*#__PURE__*/React.createElement(BasicSteps, _Object$assign({}, restProps));
+        return /*#__PURE__*/React.createElement(BasicSteps, Object.assign({}, restProps));
 
       case 'nav':
-        return /*#__PURE__*/React.createElement(NavSteps, _Object$assign({}, restProps));
+        return /*#__PURE__*/React.createElement(NavSteps, Object.assign({}, restProps));
 
       default:
         return null;

package/lib/es/steps/navSteps.js

@@ -1,15 +1,9 @@
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import React, { cloneElement, Children, useMemo, isValidElement } from 'react';
 import PropTypes from 'prop-types';
 import cls from 'classnames';
 import { stepsClasses as css } from '@douyinfe/semi-foundation/lib/es/steps/constants';
 
 const Steps = props => {
-  var _context2;
-
   const {
     size,
     current,
@@ -21,22 +15,17 @@ const Steps = props => {
     onChange
   } = props;
   const inner = useMemo(() => {
-    var _context;
-
-    const filteredChildren = _filterInstanceProperty(_context = Children.toArray(children)).call(_context, c => /*#__PURE__*/isValidElement(c));
-
+    const filteredChildren = Children.toArray(children).filter(c => /*#__PURE__*/isValidElement(c));
     const total = filteredChildren.length;
-
-    const content = _mapInstanceProperty(Children).call(Children, filteredChildren, (child, index) => {
+    const content = Children.map(filteredChildren, (child, index) => {
       if (!child) {
         return null;
       }
 
-      const childProps = _Object$assign({
+      const childProps = Object.assign({
         index,
         total
       }, child.props);
-
       childProps.active = index === current;
 
       childProps.onChange = () => {
@@ -45,14 +34,13 @@ const Steps = props => {
         }
       };
 
-      return /*#__PURE__*/cloneElement(child, _Object$assign({}, childProps));
+      return /*#__PURE__*/cloneElement(child, Object.assign({}, childProps));
     });
-
     return content;
   }, [children, prefixCls, current, size, initial, onChange]);
   const wrapperCls = cls(className, {
     ["".concat(prefixCls, "-nav")]: true,
-    [_concatInstanceProperty(_context2 = "".concat(prefixCls, "-")).call(_context2, size)]: size !== 'default'
+    ["".concat(prefixCls, "-").concat(size)]: size !== 'default'
   });
   return /*#__PURE__*/React.createElement("div", {
     "aria-label": props["aria-label"],

package/lib/es/steps/step.js

@@ -1,4 +1,3 @@
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import React, { useContext } from 'react';
 import BasicStep from './basicStep';
 import FillStep from './fillStep';
@@ -13,13 +12,13 @@ const Step = props => {
   const renderStep = () => {
     switch (type) {
       case 'fill':
-        return /*#__PURE__*/React.createElement(FillStep, _Object$assign({}, props));
+        return /*#__PURE__*/React.createElement(FillStep, Object.assign({}, props));
 
       case 'basic':
-        return /*#__PURE__*/React.createElement(BasicStep, _Object$assign({}, props));
+        return /*#__PURE__*/React.createElement(BasicStep, Object.assign({}, props));
 
       case 'nav':
-        return /*#__PURE__*/React.createElement(NavStep, _Object$assign({}, props));
+        return /*#__PURE__*/React.createElement(NavStep, Object.assign({}, props));
 
       default:
         return null;