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

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

@@ -27,15 +27,13 @@ export interface PopconfirmProps extends PopoverProps {
     zIndex?: number;
     trigger?: Trigger;
     position?: Position;
-    onCancel?: (e: React.MouseEvent) => Promise<any> | void;
-    onConfirm?: (e: React.MouseEvent) => Promise<any> | void;
+    onCancel?: (e: React.MouseEvent) => void;
+    onConfirm?: (e: React.MouseEvent) => void;
     onVisibleChange?: (visible: boolean) => void;
     onClickOutSide?: (e: React.MouseEvent) => void;
 }
 export interface PopconfirmState {
     visible: boolean;
-    cancelLoading: boolean;
-    confirmLoading: boolean;
 }
 export default class Popconfirm extends BaseComponent<PopconfirmProps, PopconfirmState> {
     static contextType: React.Context<ContextValue>;

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;
 };
@@ -44,8 +41,6 @@ export default class Popconfirm extends BaseComponent {
     this.stopImmediatePropagation = e => e && e.nativeEvent && e.nativeEvent.stopImmediatePropagation();
 
     this.state = {
-      cancelLoading: false,
-      confirmLoading: false,
       visible: props.defaultVisible || false
     };
     this.foundation = new PopconfirmFoundation(this.adapter);
@@ -65,16 +60,10 @@ 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
       }),
-      updateConfirmLoading: loading => this.setState({
-        confirmLoading: loading
-      }),
-      updateCancelLoading: loading => this.setState({
-        cancelLoading: loading
-      }),
       notifyConfirm: e => this.props.onConfirm(e),
       notifyCancel: e => this.props.onCancel(e),
       notifyVisibleChange: visible => this.props.onVisibleChange(visible),
@@ -91,21 +80,15 @@ export default class Popconfirm extends BaseComponent {
       cancelButtonProps,
       okButtonProps
     } = this.props;
-    const {
-      cancelLoading,
-      confirmLoading
-    } = 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({
+      onClick: this.handleCancel
+    }, cancelButtonProps), cancelText || _get(locale, 'cancel')), /*#__PURE__*/React.createElement(Button, Object.assign({
       type: okType,
       theme: "solid",
-      onClick: this.handleConfirm,
-      loading: confirmLoading
+      onClick: this.handleConfirm
     }, okButtonProps), okText || _get(locale, 'confirm'))));
   }
 
@@ -127,39 +110,35 @@ export default class Popconfirm extends BaseComponent {
     });
     const showTitle = title !== null && typeof title !== '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
-      React.createElement("div", {
-        className: popCardCls,
-        onClick: this.stopImmediatePropagation,
-        style: style
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "".concat(prefixCls, "-inner")
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "".concat(prefixCls, "-header")
-      }, /*#__PURE__*/React.createElement("i", {
-        className: "".concat(prefixCls, "-header-icon"),
-        "x-semi-prop": "icon"
-      }, /*#__PURE__*/React.isValidElement(icon) ? icon : null), /*#__PURE__*/React.createElement("div", {
-        className: "".concat(prefixCls, "-header-body")
-      }, showTitle ? /*#__PURE__*/React.createElement("div", {
-        className: "".concat(prefixCls, "-header-title"),
-        "x-semi-prop": "title"
-      }, 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
-      })), 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())))
-    );
+    return /*#__PURE__*/React.createElement("div", {
+      className: popCardCls,
+      onClick: this.stopImmediatePropagation,
+      style: style
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefixCls, "-inner")
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefixCls, "-header")
+    }, /*#__PURE__*/React.createElement("i", {
+      className: "".concat(prefixCls, "-header-icon"),
+      "x-semi-prop": "icon"
+    }, /*#__PURE__*/React.isValidElement(icon) ? icon : null), /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefixCls, "-header-body")
+    }, showTitle ? /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefixCls, "-header-title"),
+      "x-semi-prop": "title"
+    }, 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
+    })), 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())));
   }
 
   render() {
@@ -198,7 +177,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,7 +66,6 @@ declare class Radio extends BaseComponent<RadioProps, RadioState> {
         preventScroll: PropTypes.Requireable<boolean>;
     };
     static defaultProps: Partial<RadioProps>;
-    static elementType: string;
     radioEntity: RadioInner;
     context: RadioContextValue;
     foundation: RadioFoundation;
@@ -82,7 +81,7 @@ declare class Radio extends BaseComponent<RadioProps, RadioState> {
         prefixCls?: string;
         name?: string;
         onChange?: (e: RadioChangeEvent) => void;
-        buttonSize?: "small" | "middle" | "large";
+        buttonSize?: "small" | "large" | "middle";
         isCardRadio?: boolean;
         isPureCardRadio?: boolean;
     };

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,37 +195,27 @@ 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);
 
-    const renderContent = () => {
-      if (!children && !extra) {
-        return null;
-      }
-
-      return /*#__PURE__*/React.createElement("div", {
-        className: cls(["".concat(prefix, "-content"), {
-          ["".concat(prefix, "-isCardRadioGroup_content")]: isCardRadioGroup
-        }])
-      }, children ? /*#__PURE__*/React.createElement("span", {
-        className: addonCls,
-        style: addonStyle,
-        id: addonId,
-        "x-semi-prop": "children"
-      }, children) : null, extra && !isButtonRadio ? /*#__PURE__*/React.createElement("div", {
-        className: "".concat(prefix, "-extra"),
-        id: extraId,
-        "x-semi-prop": "extra"
-      }, extra) : null);
-    };
+    const renderContent = () => /*#__PURE__*/React.createElement(React.Fragment, null, children ? /*#__PURE__*/React.createElement("span", {
+      className: addonCls,
+      style: addonStyle,
+      id: addonId,
+      "x-semi-prop": "children"
+    }, children) : null, extra && !isButtonRadio ? /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefix, "-extra"),
+      id: extraId,
+      "x-semi-prop": "extra"
+    }, extra) : null);
 
     return /*#__PURE__*/React.createElement("label", {
       style: style,
       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,
@@ -243,7 +229,9 @@ class Radio extends BaseComponent {
       focusInner: focusVisible && !focusOuter,
       onInputFocus: this.handleFocusVisible,
       onInputBlur: this.handleBlur
-    })), renderContent());
+    })), isCardRadioGroup ? /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefix, "-isCardRadioGroup_content")
+    }, renderContent()) : renderContent());
   }
 
 }
@@ -280,5 +268,4 @@ Radio.defaultProps = {
   mode: '',
   type: 'default'
 };
-Radio.elementType = 'Radio';
 export default Radio;

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

@@ -48,7 +48,7 @@ declare class RadioGroup extends BaseComponent<RadioGroupProps, RadioGroupState>
         disabled: PropTypes.Requireable<boolean>;
         name: PropTypes.Requireable<string>;
         options: PropTypes.Requireable<any[]>;
-        buttonSize: PropTypes.Requireable<"small" | "middle" | "large">;
+        buttonSize: PropTypes.Requireable<"small" | "large" | "middle">;
         type: PropTypes.Requireable<"default" | "button" | "card" | "pureCard">;
         value: PropTypes.Requireable<any>;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;