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

package/lib/es/overflowList/index.js

@@ -2,11 +2,6 @@ import _isUndefined from "lodash/isUndefined";
 import _isNull from "lodash/isNull";
 import _omit from "lodash/omit";
 import _isEqual from "lodash/isEqual";
-import _someInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/some";
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
-import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-import _Map from "@babel/runtime-corejs3/core-js-stable/map";
 
 /* eslint-disable arrow-body-style */
 import React from 'react';
@@ -41,16 +36,15 @@ class OverflowList extends BaseComponent {
 
     this.resize = function () {
       let entries = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-
       // if any parent is growing, assume we have more room than before
-      const growing = _someInstanceProperty(entries).call(entries, entry => {
+      const growing = entries.some(entry => {
         const previousWidth = _this.previousWidths.get(entry.target) || 0;
         return entry.contentRect.width > previousWidth;
       });
 
       _this.repartition(growing);
 
-      _forEachInstanceProperty(entries).call(entries, entry => _this.previousWidths.set(entry.target, entry.contentRect.width));
+      entries.forEach(entry => _this.previousWidths.set(entry.target, entry.contentRect.width));
     };
 
     this.repartition = growing => {
@@ -84,8 +78,6 @@ class OverflowList extends BaseComponent {
     };
 
     this.renderItemList = () => {
-      var _context;
-
       const {
         className,
         wrapperClassName,
@@ -104,9 +96,9 @@ class OverflowList extends BaseComponent {
         ref: ref => {
           this.scroller = ref;
         },
-        style: _Object$assign({}, wrapperStyle),
+        style: Object.assign({}, wrapperStyle),
         key: "".concat(prefixCls, "-scroll-wrapper")
-      }, _mapInstanceProperty(_context = _mapInstanceProperty(visible).call(visible, visibleItemRenderer)).call(_context, (item, ind) => {
+      }, visible.map(visibleItemRenderer).map((item, ind) => {
         const {
           forwardRef,
           key
@@ -116,7 +108,7 @@ class OverflowList extends BaseComponent {
           'data-scrollkey': "".concat(key),
           key
         });
-      })), overflow[1]] : [collapseFrom === Boundary.START ? overflow : null, _mapInstanceProperty(visible).call(visible, visibleItemRenderer), collapseFrom === Boundary.END ? overflow : null, /*#__PURE__*/React.createElement("div", {
+      })), overflow[1]] : [collapseFrom === Boundary.START ? overflow : null, visible.map(visibleItemRenderer), collapseFrom === Boundary.END ? overflow : null, /*#__PURE__*/React.createElement("div", {
         className: "".concat(prefixCls, "-spacer"),
         ref: ref => this.spacer = ref,
         key: "".concat(prefixCls, "-spacer")
@@ -133,12 +125,12 @@ class OverflowList extends BaseComponent {
       lastOverflowCount: 0,
       overflow: [],
       visible: props.items,
-      visibleState: new _Map()
+      visibleState: new Map()
     };
     this.foundation = new OverflowListFoundation(this.adapter);
-    this.previousWidths = new _Map();
+    this.previousWidths = new Map();
     this.itemRefs = {};
-    this.itemSizeMap = new _Map();
+    this.itemSizeMap = new Map();
   }
 
   static getDerivedStateFromProps(props, prevState) {
@@ -164,14 +156,14 @@ class OverflowList extends BaseComponent {
   }
 
   get adapter() {
-    return _Object$assign(_Object$assign({}, super.adapter), {
+    return Object.assign(Object.assign({}, super.adapter), {
       updateVisibleState: visibleState => {
         this.setState({
           visibleState
         });
       },
       updateStates: states => {
-        this.setState(_Object$assign({}, states));
+        this.setState(Object.assign({}, states));
       },
       notifyIntersect: res => {
         this.props.onIntersect && this.props.onIntersect(res);

package/lib/es/overflowList/intersectionObserver.js

@@ -1,8 +1,5 @@
 import _isEmpty from "lodash/isEmpty";
 import _isEqual from "lodash/isEqual";
-import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
 import React from 'react';
 import PropTypes from 'prop-types';
 export default class ReactIntersectionObserver extends React.PureComponent {
@@ -10,7 +7,7 @@ export default class ReactIntersectionObserver extends React.PureComponent {
     const {
       items
     } = this.props;
-    this.cachedKeys = _Object$keys(items);
+    this.cachedKeys = Object.keys(items);
     const {
       root,
       threshold,
@@ -18,7 +15,7 @@ export default class ReactIntersectionObserver extends React.PureComponent {
       option,
       onIntersect
     } = this.props;
-    this.observer = new IntersectionObserver(onIntersect, _Object$assign({
+    this.observer = new IntersectionObserver(onIntersect, Object.assign({
       root,
       threshold,
       rootMargin
@@ -30,8 +27,7 @@ export default class ReactIntersectionObserver extends React.PureComponent {
     const {
       items
     } = this.props;
-
-    const itemKeys = _Object$keys(items);
+    const itemKeys = Object.keys(items);
 
     if (!_isEqual(this.cachedKeys, itemKeys)) {
       this.observeElement(true);
@@ -47,8 +43,6 @@ export default class ReactIntersectionObserver extends React.PureComponent {
   }
 
   observeElement() {
-    var _context;
-
     let force = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
     const {
       items
@@ -65,7 +59,7 @@ export default class ReactIntersectionObserver extends React.PureComponent {
     } // observer callback is invoked immediately when observing new elements
 
 
-    _forEachInstanceProperty(_context = _Object$keys(items)).call(_context, key => {
+    Object.keys(items).forEach(key => {
       const node = items[key];
 
       if (!node) {

package/lib/es/pagination/index.js

@@ -1,9 +1,4 @@
 import _noop from "lodash/noop";
-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$from from "@babel/runtime-corejs3/core-js-stable/array/from";
 
 /* eslint-disable max-len */
 
@@ -30,8 +25,6 @@ const {
 } = Select;
 export default class Pagination extends BaseComponent {
   constructor(props) {
-    var _context, _context2;
-
     super(props);
     this.state = {
       total: props.total,
@@ -46,13 +39,13 @@ export default class Pagination extends BaseComponent {
       quickJumpPage: ''
     };
     this.foundation = new PaginationFoundation(this.adapter);
-    this.renderDefaultPage = _bindInstanceProperty(_context = this.renderDefaultPage).call(_context, this);
-    this.renderSmallPage = _bindInstanceProperty(_context2 = this.renderSmallPage).call(_context2, this);
+    this.renderDefaultPage = this.renderDefaultPage.bind(this);
+    this.renderSmallPage = this.renderSmallPage.bind(this);
     warning(Boolean(props.showSizeChanger && props.hideOnSinglePage), '[Semi Pagination] You should not use showSizeChanger and hideOnSinglePage in ths same time. At this time, hideOnSinglePage no longer takes effect, otherwise there may be a problem that the switch entry disappears');
   }
 
   get adapter() {
-    return _Object$assign(_Object$assign({}, super.adapter), {
+    return Object.assign(Object.assign({}, super.adapter), {
       setPageList: pageListState => {
         const {
           pageList,
@@ -206,12 +199,10 @@ export default class Pagination extends BaseComponent {
 
     const pageSizeText = locale.pageSize;
     const newPageSizeOpts = this.foundation.pageSizeInOpts();
-
-    const options = _mapInstanceProperty(newPageSizeOpts).call(newPageSizeOpts, size => /*#__PURE__*/React.createElement(Option, {
+    const options = newPageSizeOpts.map(size => /*#__PURE__*/React.createElement(Option, {
       value: size,
       key: size
     }, /*#__PURE__*/React.createElement("span", null, "".concat(size, " "), pageSizeText)));
-
     return /*#__PURE__*/React.createElement("div", {
       className: switchCls
     }, /*#__PURE__*/React.createElement(Select, {
@@ -270,15 +261,13 @@ export default class Pagination extends BaseComponent {
       popoverPosition,
       popoverZIndex
     } = this.props;
-    return _mapInstanceProperty(pageList).call(pageList, (page, i) => {
-      var _context3;
-
+    return pageList.map((page, i) => {
       const pageListClassName = classNames("".concat(prefixCls, "-item"), {
         ["".concat(prefixCls, "-item-active")]: currentPage === page // [`${prefixCls}-item-rest-opening`]: (i < 3 && isLeftRestHover && page ==='...') || (i > 3 && isRightRestHover && page === '...')
 
       });
       const pageEl = /*#__PURE__*/React.createElement("li", {
-        key: _concatInstanceProperty(_context3 = "".concat(page)).call(_context3, i),
+        key: "".concat(page).concat(i),
         onClick: () => this.foundation.goPage(page, i),
         className: pageListClassName,
         "aria-label": page === '...' ? 'More' : "Page ".concat(page),
@@ -286,15 +275,13 @@ export default class Pagination extends BaseComponent {
       }, page);
 
       if (page === '...') {
-        var _context4;
-
         let content;
         i < 3 ? content = restLeftPageList : content = restRightPageList;
         return /*#__PURE__*/React.createElement(Popover, {
           trigger: "hover",
           // onVisibleChange={visible=>this.handleRestHover(visible, i < 3 ? 'left' : 'right')}
           content: this.renderRestPageList(content),
-          key: _concatInstanceProperty(_context4 = "".concat(page)).call(_context4, i),
+          key: "".concat(page).concat(i),
           position: popoverPosition,
           zIndex: popoverZIndex
         }, pageEl);
@@ -313,8 +300,6 @@ export default class Pagination extends BaseComponent {
     const count = restList.length;
 
     const row = item => {
-      var _context5;
-
       const {
         index,
         style
@@ -322,7 +307,7 @@ export default class Pagination extends BaseComponent {
       const page = restList[index];
       return /*#__PURE__*/React.createElement("div", {
         role: "listitem",
-        key: _concatInstanceProperty(_context5 = "".concat(page)).call(_context5, index),
+        key: "".concat(page).concat(index),
         className: className,
         onClick: () => this.foundation.goPage(page, index),
         style: style,
@@ -350,8 +335,6 @@ export default class Pagination extends BaseComponent {
   }
 
   renderSmallPage(locale) {
-    var _context6;
-
     const {
       className,
       style,
@@ -371,13 +354,12 @@ export default class Pagination extends BaseComponent {
       return null;
     }
 
-    const pageNumbers = _Array$from({
+    const pageNumbers = Array.from({
       length: Math.ceil(total / pageSize)
     }, (v, i) => i + 1);
-
     const pageList = this.renderRestPageList(pageNumbers);
     const page = /*#__PURE__*/React.createElement("div", {
-      className: _concatInstanceProperty(_context6 = "".concat(prefixCls, "-item ")).call(_context6, prefixCls, "-item-small")
+      className: "".concat(prefixCls, "-item ").concat(prefixCls, "-item-small")
     }, currentPage, "/", totalPageNum, " ");
     return /*#__PURE__*/React.createElement("div", {
       className: paginationCls,

package/lib/es/popconfirm/index.js

@@ -1,16 +1,13 @@
 import _get from "lodash/get";
 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;
 };
@@ -65,7 +62,7 @@ export default class Popconfirm extends BaseComponent {
   }
 
   get adapter() {
-    return _Object$assign(_Object$assign({}, super.adapter), {
+    return Object.assign(Object.assign({}, super.adapter), {
       setVisible: visible => this.setState({
         visible
       }),
@@ -97,11 +94,11 @@ export default class Popconfirm extends BaseComponent {
     } = this.state;
     return /*#__PURE__*/React.createElement(LocaleConsumer, {
       componentName: "Popconfirm"
-    }, (locale, localeCode) => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, _Object$assign({
+    }, (locale, localeCode) => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, Object.assign({
       type: cancelType,
       onClick: this.handleCancel,
       loading: cancelLoading
-    }, cancelButtonProps), cancelText || _get(locale, 'cancel')), /*#__PURE__*/React.createElement(Button, _Object$assign({
+    }, cancelButtonProps), cancelText || _get(locale, 'cancel')), /*#__PURE__*/React.createElement(Button, Object.assign({
       type: okType,
       theme: "solid",
       onClick: this.handleConfirm,
@@ -126,7 +123,7 @@ export default class Popconfirm extends BaseComponent {
       ["".concat(prefixCls, "-rtl")]: direction === 'rtl'
     });
     const showTitle = title !== null && typeof title !== 'undefined';
-    const showContent = content !== null || typeof content !== 'undefined';
+    const showContent = !(content === null || typeof content === 'undefined');
     return (
       /*#__PURE__*/
       // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
@@ -146,17 +143,17 @@ export default class Popconfirm extends BaseComponent {
       }, showTitle ? /*#__PURE__*/React.createElement("div", {
         className: "".concat(prefixCls, "-header-title"),
         "x-semi-prop": "title"
-      }, title) : null, showContent ? /*#__PURE__*/React.createElement("div", {
-        className: "".concat(prefixCls, "-header-content"),
-        "x-semi-prop": "content"
-      }, content) : null), /*#__PURE__*/React.createElement(Button, {
+      }, title) : null), /*#__PURE__*/React.createElement(Button, {
         className: "".concat(prefixCls, "-btn-close"),
         icon: /*#__PURE__*/React.createElement(IconClose, null),
         size: "small",
         theme: 'borderless',
         type: cancelType,
         onClick: this.handleCancel
-      })), /*#__PURE__*/React.createElement("div", {
+      })), showContent ? /*#__PURE__*/React.createElement("div", {
+        className: "".concat(prefixCls, "-body"),
+        "x-semi-prop": "content"
+      }, content) : null, /*#__PURE__*/React.createElement("div", {
         className: "".concat(prefixCls, "-footer")
       }, this.renderControls())))
     );
@@ -198,7 +195,7 @@ export default class Popconfirm extends BaseComponent {
       popProps.trigger = 'custom';
     }
 
-    return /*#__PURE__*/React.createElement(Popover, _Object$assign({}, attrs, {
+    return /*#__PURE__*/React.createElement(Popover, Object.assign({}, attrs, {
       content: popContent,
       visible: visible,
       position: position

package/lib/es/popover/Arrow.js

@@ -1,15 +1,12 @@
 import _get from "lodash/get";
-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;
 };
@@ -30,7 +27,7 @@ const Arrow = function () {
   } = props,
         rest = __rest(props, ["position", "className", "arrowStyle", "popStyle"]);
 
-  const isVertical = _indexOfInstanceProperty(position).call(position, 'top') === 0 || _indexOfInstanceProperty(position).call(position, 'bottom') === 0;
+  const isVertical = position.indexOf('top') === 0 || position.indexOf('bottom') === 0;
   const cls = classnames(className, cssClasses.ARROW);
 
   const borderOpacity = _get(arrowStyle, 'borderOpacity', strings.DEFAULT_ARROW_STYLE.borderOpacity);
@@ -39,21 +36,20 @@ const Arrow = function () {
 
   const borderColor = _get(arrowStyle, 'borderColor', _get(popStyle, 'borderColor', strings.DEFAULT_ARROW_STYLE.borderColor));
 
-  const wrapProps = _Object$assign(_Object$assign({}, rest), {
+  const wrapProps = Object.assign(Object.assign({}, rest), {
     width: numbers.ARROW_BOUNDING.width,
     height: numbers.ARROW_BOUNDING.height,
     xmlns: 'http://www.w3.org/2000/svg',
     className: cls
   });
-
-  return isVertical ? /*#__PURE__*/React.createElement("svg", _Object$assign({}, wrapProps), /*#__PURE__*/React.createElement("path", {
+  return isVertical ? /*#__PURE__*/React.createElement("svg", Object.assign({}, wrapProps), /*#__PURE__*/React.createElement("path", {
     d: "M0 0.5L0 1.5C4 1.5, 5.5 3, 7.5 5S10,8 12,8S14.5 7, 16.5 5S20,1.5 24,1.5L24 0.5L0 0.5z",
     fill: borderColor,
     opacity: borderOpacity
   }), /*#__PURE__*/React.createElement("path", {
     d: "M0 0L0 1C4 1, 5.5 2, 7.5 4S10,7 12,7S14.5  6, 16.5 4S20,1 24,1L24 0L0 0z",
     fill: bgColor
-  })) : /*#__PURE__*/React.createElement("svg", _Object$assign({}, wrapProps), /*#__PURE__*/React.createElement("path", {
+  })) : /*#__PURE__*/React.createElement("svg", Object.assign({}, wrapProps), /*#__PURE__*/React.createElement("path", {
     d: "M0.5 0L1.5 0C1.5 4, 3 5.5, 5 7.5S8,10 8,12S7 14.5, 5 16.5S1.5,20 1.5,24L0.5 24L0.5 0z",
     fill: borderColor,
     opacity: borderOpacity

package/lib/es/popover/index.js

@@ -1,16 +1,13 @@
 import _noop from "lodash/noop";
 import _isFunction from "lodash/isFunction";
-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;
 };
@@ -91,14 +88,14 @@ class Popover extends React.PureComponent {
       popStyle: style,
       arrowStyle
     };
-    const arrow = showArrow ? /*#__PURE__*/React.createElement(Arrow, _Object$assign({}, arrowProps)) : false;
+    const arrow = showArrow ? /*#__PURE__*/React.createElement(Arrow, Object.assign({}, arrowProps)) : false;
 
     if (typeof spacing !== 'number') {
       spacing = showArrow ? numbers.SPACING_WITH_ARROW : numbers.SPACING;
     }
 
     const role = trigger === 'click' || trigger === 'custom' ? 'dialog' : 'tooltip';
-    return /*#__PURE__*/React.createElement(Tooltip, _Object$assign({
+    return /*#__PURE__*/React.createElement(Tooltip, Object.assign({
       guardFocus: true
     }, attr, {
       trigger: trigger,

package/lib/es/progress/index.js

@@ -1,5 +1,3 @@
-import _parseInt from "@babel/runtime-corejs3/core-js-stable/parse-int";
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import React, { Component } from 'react';
 import cls from 'classnames';
 import PropTypes from 'prop-types';
@@ -57,8 +55,7 @@ class Progress extends Component {
         } // let percentNumber = Number.isInteger(props.value) ? props.value : Math.floor(props.value * 100) / 100;
 
 
-        const percentNumber = _parseInt(props.value);
-
+        const percentNumber = parseInt(props.value);
         this.setState({
           percentNumber
         });
@@ -83,8 +80,6 @@ class Progress extends Component {
   }
 
   renderCircleProgress() {
-    var _context;
-
     const {
       strokeLinecap,
       style,
@@ -127,8 +122,7 @@ class Progress extends Component {
     const circumference = radius * 2 * Math.PI;
     const strokeDashoffset = (1 - perc / 100) * circumference; // Offset
 
-    const strokeDasharray = _concatInstanceProperty(_context = "".concat(circumference, " ")).call(_context, circumference);
-
+    const strokeDasharray = "".concat(circumference, " ").concat(circumference);
     const text = format(percNumber);
     return /*#__PURE__*/React.createElement("div", {
       id: id,

package/lib/es/radio/radio.d.ts

@@ -66,6 +66,7 @@ declare class Radio extends BaseComponent<RadioProps, RadioState> {
         preventScroll: PropTypes.Requireable<boolean>;
     };
     static defaultProps: Partial<RadioProps>;
+    static elementType: string;
     radioEntity: RadioInner;
     context: RadioContextValue;
     foundation: RadioFoundation;

package/lib/es/radio/radio.js

@@ -1,8 +1,6 @@
 import _isBoolean from "lodash/isBoolean";
 import _isUndefined from "lodash/isUndefined";
 import _noop from "lodash/noop";
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 
 /* eslint-disable prefer-destructuring */
 import React from 'react';
@@ -75,7 +73,7 @@ class Radio extends BaseComponent {
   }
 
   get adapter() {
-    return _Object$assign(_Object$assign({}, super.adapter), {
+    return Object.assign(Object.assign({}, super.adapter), {
       setHover: hover => {
         this.setState({
           hover
@@ -122,8 +120,6 @@ class Radio extends BaseComponent {
   }
 
   render() {
-    var _context, _context2, _context3;
-
     const {
       addonClassName,
       addonStyle,
@@ -180,10 +176,10 @@ class Radio extends BaseComponent {
     const wrapper = cls(prefix, {
       ["".concat(prefix, "-disabled")]: isDisabled,
       ["".concat(prefix, "-checked")]: realChecked,
-      [_concatInstanceProperty(_context = "".concat(prefix, "-")).call(_context, displayMode)]: Boolean(displayMode),
+      ["".concat(prefix, "-").concat(displayMode)]: Boolean(displayMode),
       ["".concat(prefix, "-buttonRadioComponent")]: isButtonRadioComponent,
       ["".concat(prefix, "-buttonRadioGroup")]: isButtonRadioGroup,
-      [_concatInstanceProperty(_context2 = "".concat(prefix, "-buttonRadioGroup-")).call(_context2, buttonSize)]: isButtonRadioGroup && buttonSize,
+      ["".concat(prefix, "-buttonRadioGroup-").concat(buttonSize)]: isButtonRadioGroup && buttonSize,
       ["".concat(prefix, "-cardRadioGroup")]: isCardRadioGroup,
       ["".concat(prefix, "-cardRadioGroup_disabled")]: isDisabled && isCardRadioGroup,
       ["".concat(prefix, "-cardRadioGroup_checked")]: isCardRadioGroup && realChecked && !isDisabled,
@@ -199,7 +195,7 @@ class Radio extends BaseComponent {
       ["".concat(prefix, "-addon-buttonRadio-checked")]: isButtonRadio && realChecked,
       ["".concat(prefix, "-addon-buttonRadio-disabled")]: isButtonRadio && isDisabled,
       ["".concat(prefix, "-addon-buttonRadio-hover")]: isButtonRadio && !realChecked && !isDisabled && isHover,
-      [_concatInstanceProperty(_context3 = "".concat(prefix, "-addon-buttonRadio-")).call(_context3, buttonSize)]: isButtonRadio && buttonSize,
+      ["".concat(prefix, "-addon-buttonRadio-").concat(buttonSize)]: isButtonRadio && buttonSize,
       ["".concat(prefix, "-focus")]: focusVisible && isButtonRadio
     }, addonClassName);
 
@@ -229,7 +225,7 @@ class Radio extends BaseComponent {
       className: wrapper,
       onMouseEnter: this.handleMouseEnter,
       onMouseLeave: this.handleMouseLeave
-    }, /*#__PURE__*/React.createElement(RadioInner, _Object$assign({}, this.props, props, {
+    }, /*#__PURE__*/React.createElement(RadioInner, Object.assign({}, this.props, props, {
       mode: realMode,
       name: name !== null && name !== void 0 ? name : groupName,
       isButtonRadio: isButtonRadio,
@@ -280,4 +276,5 @@ Radio.defaultProps = {
   mode: '',
   type: 'default'
 };
+Radio.elementType = 'Radio';
 export default Radio;

package/lib/es/radio/radioGroup.js

@@ -1,7 +1,4 @@
 import _noop from "lodash/noop";
-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";
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
@@ -48,7 +45,7 @@ class RadioGroup extends BaseComponent {
   }
 
   get adapter() {
-    return _Object$assign(_Object$assign({}, super.adapter), {
+    return Object.assign(Object.assign({}, super.adapter), {
       setValue: value => {
         this.setState({
           value
@@ -63,8 +60,6 @@ class RadioGroup extends BaseComponent {
   }
 
   render() {
-    var _context, _context2, _context3;
-
     const {
       children,
       options,
@@ -85,18 +80,16 @@ class RadioGroup extends BaseComponent {
     const prefixClsDisplay = classnames(className, {
       [prefix]: true,
       ["".concat(prefix, "-wrapper")]: true,
-      [_concatInstanceProperty(_context = "".concat(prefix, "-")).call(_context, direction)]: direction && !isButtonRadio,
-      [_concatInstanceProperty(_context2 = "".concat(prefix, "-")).call(_context2, direction, "-default")]: direction && isDefaultRadio,
-      [_concatInstanceProperty(_context3 = "".concat(prefix, "-")).call(_context3, direction, "-card")]: direction && isCardRadio,
+      ["".concat(prefix, "-").concat(direction)]: direction && !isButtonRadio,
+      ["".concat(prefix, "-").concat(direction, "-default")]: direction && isDefaultRadio,
+      ["".concat(prefix, "-").concat(direction, "-card")]: direction && isCardRadio,
       ["".concat(prefix, "-buttonRadio")]: isButtonRadio
     });
     const realValue = this.state.value;
     let inner;
 
     if (options) {
-      var _context4;
-
-      inner = _mapInstanceProperty(_context4 = options || []).call(_context4, (option, index) => {
+      inner = (options || []).map((option, index) => {
         if (typeof option === 'string') {
           return /*#__PURE__*/React.createElement(Radio, {
             key: index,
@@ -115,9 +108,7 @@ class RadioGroup extends BaseComponent {
         }
       });
     } else if (children) {
-      var _context5;
-
-      inner = _mapInstanceProperty(_context5 = React.Children).call(_context5, children, (itm, index) => /*#__PURE__*/React.isValidElement(itm) ? /*#__PURE__*/React.cloneElement(itm, {
+      inner = React.Children.map(children, (itm, index) => /*#__PURE__*/React.isValidElement(itm) ? /*#__PURE__*/React.cloneElement(itm, {
         key: index
       }) : null);
     }

package/lib/es/radio/radioInner.js

@@ -1,6 +1,4 @@
 import _noop from "lodash/noop";
-import _bindInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/bind";
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import React from 'react';
 import PropTypes from 'prop-types';
 import RadioInnerFoundation from '@douyinfe/semi-foundation/lib/es/radio/radioInnerFoundation';
@@ -12,18 +10,16 @@ import { IconRadio } from '@douyinfe/semi-icons';
 
 class RadioInner extends BaseComponent {
   constructor(props) {
-    var _context;
-
     super(props);
     this.state = {
       checked: false
     };
     this.foundation = new RadioInnerFoundation(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), {
       setNativeControlChecked: checked => {
         this.setState({
           checked