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

package/form/baseForm.tsx

@@ -151,7 +151,6 @@ class Form extends BaseComponent<BaseFormProps, BaseFormState> {
 
     componentWillUnmount() {
         this.foundation.destroy();
-        this.formApi = null;
     }
 
     get adapter(): BaseFormAdapter<BaseFormProps, BaseFormState> {

package/lib/cjs/button/buttonGroup.js

@@ -22,8 +22,6 @@ var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-st
 
 var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
 
-var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
-
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
 
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
@@ -73,20 +71,18 @@ class ButtonGroup extends _baseComponent.default {
       var _context;
 
       (0, _forEach.default)(_context = (0, _slice.default)(inner).call(inner, 0, -1)).call(_context, item => {
-        var _context2;
-
-        const isButtonType = (0, _includes.default)(_context2 = [(0, _get2.default)(item, 'type.displayName'), (0, _get2.default)(item, 'type.name')]).call(_context2, 'Button');
+        const isButtonType = (0, _get2.default)(item, 'type.elementType') === 'Button';
         const buttonProps = (0, _get2.default)(item, 'props');
 
         if (buttonProps) {
-          var _context3, _context4;
+          var _context2, _context3;
 
           const {
             type,
             theme,
             disabled
           } = buttonProps;
-          lineCls = (0, _classnames.default)("".concat(prefixCls, "-group-line"), (0, _concat.default)(_context3 = "".concat(prefixCls, "-group-line-")).call(_context3, theme !== null && theme !== void 0 ? theme : 'light'), (0, _concat.default)(_context4 = "".concat(prefixCls, "-group-line-")).call(_context4, type !== null && type !== void 0 ? type : 'primary'), {
+          lineCls = (0, _classnames.default)("".concat(prefixCls, "-group-line"), (0, _concat.default)(_context2 = "".concat(prefixCls, "-group-line-")).call(_context2, theme !== null && theme !== void 0 ? theme : 'light'), (0, _concat.default)(_context3 = "".concat(prefixCls, "-group-line-")).call(_context3, type !== null && type !== void 0 ? type : 'primary'), {
             ["".concat(prefixCls, "-group-line-disabled")]: disabled
           });
         }
@@ -123,9 +119,9 @@ class ButtonGroup extends _baseComponent.default {
     const cls = (0, _classnames.default)("".concat(prefixCls, "-group"), className);
 
     if (children) {
-      var _context5;
+      var _context4;
 
-      inner = (0, _map.default)(_context5 = (0, _isArray.default)(children) ? children : [children]).call(_context5, (itm, index) => /*#__PURE__*/(0, _react.isValidElement)(itm) ? /*#__PURE__*/(0, _react.cloneElement)(itm, (0, _assign.default)((0, _assign.default)((0, _assign.default)({
+      inner = (0, _map.default)(_context4 = (0, _isArray.default)(children) ? children : [children]).call(_context4, (itm, index) => /*#__PURE__*/(0, _react.isValidElement)(itm) ? /*#__PURE__*/(0, _react.cloneElement)(itm, (0, _assign.default)((0, _assign.default)((0, _assign.default)({
         disabled,
         size,
         type

package/lib/cjs/button/index.d.ts

@@ -31,6 +31,7 @@ declare class Button extends React.PureComponent<ButtonProps> {
         htmlType: import("prop-types").Requireable<"button" | "reset" | "submit">;
         'aria-label': import("prop-types").Requireable<string>;
     };
+    static elementType: string;
     constructor(props?: {});
     render(): JSX.Element;
 }

package/lib/cjs/button/index.js

@@ -40,5 +40,6 @@ class Button extends _react.default.PureComponent {
 }
 
 Button.propTypes = (0, _assign.default)((0, _assign.default)({}, _Button.default.propTypes), _iconButton.default.propTypes);
+Button.elementType = 'Button';
 var _default = Button;
 exports.default = _default;

package/lib/cjs/checkbox/checkbox.js

@@ -211,15 +211,23 @@ class Checkbox extends _baseComponent.default {
     const name = inGroup && this.context.checkboxGroup.name;
     const xSemiPropChildren = this.props['x-semi-children-alias'] || 'children';
 
-    const renderContent = () => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children ? /*#__PURE__*/_react.default.createElement("span", {
-      id: addonId,
-      className: "".concat(prefix, "-addon"),
-      "x-semi-prop": xSemiPropChildren
-    }, children) : null, extra ? /*#__PURE__*/_react.default.createElement("div", {
-      id: extraId,
-      className: extraCls,
-      "x-semi-prop": "extra"
-    }, extra) : null);
+    const renderContent = () => {
+      if (!children && !extra) {
+        return null;
+      }
+
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: "".concat(prefix, "-content")
+      }, children ? /*#__PURE__*/_react.default.createElement("span", {
+        id: addonId,
+        className: "".concat(prefix, "-addon"),
+        "x-semi-prop": xSemiPropChildren
+      }, children) : null, extra ? /*#__PURE__*/_react.default.createElement("div", {
+        id: extraId,
+        className: extraCls,
+        "x-semi-prop": "extra"
+      }, extra) : null);
+    };
 
     return (
       /*#__PURE__*/
@@ -245,7 +253,7 @@ class Checkbox extends _baseComponent.default {
         focusInner: focusVisible && !focusOuter,
         onInputFocus: this.handleFocusVisible,
         onInputBlur: this.handleBlur
-      })), props.isCardType ? /*#__PURE__*/_react.default.createElement("div", null, renderContent()) : renderContent())
+      })), renderContent())
     );
   }
 

package/lib/cjs/checkbox/checkboxGroup.js

@@ -34,7 +34,7 @@ var _checkboxGroupFoundation = _interopRequireDefault(require("@douyinfe/semi-fo
 
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
 
-var _context7 = require("./context");
+var _context8 = require("./context");
 
 var _checkbox = _interopRequireDefault(require("./checkbox"));
 
@@ -83,7 +83,7 @@ class CheckboxGroup extends _baseComponent.default {
   }
 
   render() {
-    var _context2, _context3, _context4;
+    var _context2, _context3, _context4, _context5;
 
     const {
       children,
@@ -103,15 +103,16 @@ class CheckboxGroup extends _baseComponent.default {
       [prefix]: true,
       ["".concat(prefix, "-wrapper")]: true,
       [(0, _concat.default)(_context2 = "".concat(prefix, "-")).call(_context2, direction)]: direction,
-      [(0, _concat.default)(_context3 = "".concat(prefix, "-")).call(_context3, direction, "-cardType")]: direction && isCardType
+      [(0, _concat.default)(_context3 = "".concat(prefix, "-")).call(_context3, direction, "-cardType")]: direction && isCardType,
+      [(0, _concat.default)(_context4 = "".concat(prefix, "-")).call(_context4, direction, "-pureCardType")]: direction && isPureCardType
     }, className);
-    const realValue = (0, _slice.default)(_context4 = this.state.value).call(_context4);
+    const realValue = (0, _slice.default)(_context5 = this.state.value).call(_context5);
     let inner;
 
     if (options) {
-      var _context5;
+      var _context6;
 
-      inner = (0, _map.default)(_context5 = options || []).call(_context5, (option, index) => {
+      inner = (0, _map.default)(_context6 = options || []).call(_context6, (option, index) => {
         if (typeof option === 'string') {
           return /*#__PURE__*/_react.default.createElement(_checkbox.default, {
             role: "listitem",
@@ -135,9 +136,9 @@ class CheckboxGroup extends _baseComponent.default {
         }
       });
     } else if (children) {
-      var _context6;
+      var _context7;
 
-      inner = (0, _map.default)(_context6 = _react.default.Children.toArray(children)).call(_context6, (itm, index) => /*#__PURE__*/_react.default.cloneElement(itm, {
+      inner = (0, _map.default)(_context7 = _react.default.Children.toArray(children)).call(_context7, (itm, index) => /*#__PURE__*/_react.default.cloneElement(itm, {
         key: index,
         role: 'listitem'
       }));
@@ -151,7 +152,7 @@ class CheckboxGroup extends _baseComponent.default {
       style: style,
       "aria-labelledby": this.props['aria-labelledby'],
       "aria-describedby": this.props['aria-describedby']
-    }, /*#__PURE__*/_react.default.createElement(_context7.Context.Provider, {
+    }, /*#__PURE__*/_react.default.createElement(_context8.Context.Provider, {
       value: {
         checkboxGroup: {
           onChange: this.onChange,

package/lib/cjs/form/baseForm.d.ts

@@ -126,7 +126,7 @@ declare class Form extends BaseComponent<BaseFormProps, BaseFormState> {
         onListScroll?: (e: React.UIEvent<HTMLDivElement, UIEvent>) => void;
         children?: React.ReactNode;
         preventScroll?: boolean;
-    } & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay" | "motion"> & React.RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
+    } & Pick<import("../tooltip").TooltipProps, "getPopupContainer" | "stopPropagation" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay" | "motion"> & React.RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
     static Checkbox: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../checkbox").CheckboxProps & import("./interface").RCIncludeType>;
     static CheckboxGroup: React.ComponentType<import("utility-types").Subtract<import("../checkbox").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & React.RefAttributes<any>>;
     static Radio: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../radio").RadioProps & import("./interface").RCIncludeType>;

package/lib/cjs/form/baseForm.js

@@ -106,7 +106,6 @@ class Form extends _baseComponent.default {
 
   componentWillUnmount() {
     this.foundation.destroy();
-    this.formApi = null;
   }
 
   get adapter() {

package/lib/cjs/form/field.d.ts

@@ -74,7 +74,7 @@ declare const FormSelect: import("react").ComponentType<import("utility-types").
     onListScroll?: (e: import("react").UIEvent<HTMLDivElement, UIEvent>) => void;
     children?: import("react").ReactNode;
     preventScroll?: boolean;
-} & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay" | "motion"> & import("react").RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
+} & Pick<import("../tooltip").TooltipProps, "getPopupContainer" | "stopPropagation" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay" | "motion"> & import("react").RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
 declare const FormCheckboxGroup: import("react").ComponentType<import("utility-types").Subtract<import("../checkbox/checkboxGroup").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & import("react").RefAttributes<any>>;
 declare const FormCheckbox: import("react").ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../checkbox/checkbox").CheckboxProps & import("./interface").RCIncludeType>;
 declare const FormRadioGroup: import("react").ComponentType<import("utility-types").Subtract<import("../radio/radioGroup").RadioGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & import("react").RefAttributes<any>>;

package/lib/cjs/popconfirm/index.d.ts

@@ -27,13 +27,15 @@ export interface PopconfirmProps extends PopoverProps {
     zIndex?: number;
     trigger?: Trigger;
     position?: Position;
-    onCancel?: (e: React.MouseEvent) => void;
-    onConfirm?: (e: React.MouseEvent) => void;
+    onCancel?: (e: React.MouseEvent) => Promise<any> | void;
+    onConfirm?: (e: React.MouseEvent) => Promise<any> | 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/cjs/popconfirm/index.js

@@ -72,6 +72,8 @@ class Popconfirm extends _baseComponent.default {
     this.stopImmediatePropagation = e => e && e.nativeEvent && e.nativeEvent.stopImmediatePropagation();
 
     this.state = {
+      cancelLoading: false,
+      confirmLoading: false,
       visible: props.defaultVisible || false
     };
     this.foundation = new _popconfirmFoundation.default(this.adapter);
@@ -95,6 +97,12 @@ class Popconfirm extends _baseComponent.default {
       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),
@@ -111,15 +119,21 @@ class Popconfirm extends _baseComponent.default {
       cancelButtonProps,
       okButtonProps
     } = this.props;
+    const {
+      cancelLoading,
+      confirmLoading
+    } = this.state;
     return /*#__PURE__*/_react.default.createElement(_localeConsumer.default, {
       componentName: "Popconfirm"
     }, (locale, localeCode) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_button.default, (0, _assign.default)({
       type: cancelType,
-      onClick: this.handleCancel
+      onClick: this.handleCancel,
+      loading: cancelLoading
     }, cancelButtonProps), cancelText || (0, _get2.default)(locale, 'cancel')), /*#__PURE__*/_react.default.createElement(_button.default, (0, _assign.default)({
       type: okType,
       theme: "solid",
-      onClick: this.handleConfirm
+      onClick: this.handleConfirm,
+      loading: confirmLoading
     }, okButtonProps), okText || (0, _get2.default)(locale, 'confirm'))));
   }
 
@@ -141,35 +155,39 @@ class Popconfirm extends _baseComponent.default {
     });
     const showTitle = title !== null && typeof title !== 'undefined';
     const showContent = content !== null || typeof content !== 'undefined';
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: popCardCls,
-      onClick: this.stopImmediatePropagation,
-      style: style
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(prefixCls, "-inner")
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(prefixCls, "-header")
-    }, /*#__PURE__*/_react.default.createElement("i", {
-      className: "".concat(prefixCls, "-header-icon"),
-      "x-semi-prop": "icon"
-    }, /*#__PURE__*/_react.default.isValidElement(icon) ? icon : null), /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(prefixCls, "-header-body")
-    }, showTitle ? /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(prefixCls, "-header-title"),
-      "x-semi-prop": "title"
-    }, title) : null, showContent ? /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(prefixCls, "-header-content"),
-      "x-semi-prop": "content"
-    }, content) : null), /*#__PURE__*/_react.default.createElement(_button.default, {
-      className: "".concat(prefixCls, "-btn-close"),
-      icon: /*#__PURE__*/_react.default.createElement(_semiIcons.IconClose, null),
-      size: "small",
-      theme: 'borderless',
-      type: cancelType,
-      onClick: this.handleCancel
-    })), /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(prefixCls, "-footer")
-    }, this.renderControls())));
+    return (
+      /*#__PURE__*/
+      // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
+      _react.default.createElement("div", {
+        className: popCardCls,
+        onClick: this.stopImmediatePropagation,
+        style: style
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: "".concat(prefixCls, "-inner")
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: "".concat(prefixCls, "-header")
+      }, /*#__PURE__*/_react.default.createElement("i", {
+        className: "".concat(prefixCls, "-header-icon"),
+        "x-semi-prop": "icon"
+      }, /*#__PURE__*/_react.default.isValidElement(icon) ? icon : null), /*#__PURE__*/_react.default.createElement("div", {
+        className: "".concat(prefixCls, "-header-body")
+      }, showTitle ? /*#__PURE__*/_react.default.createElement("div", {
+        className: "".concat(prefixCls, "-header-title"),
+        "x-semi-prop": "title"
+      }, title) : null, showContent ? /*#__PURE__*/_react.default.createElement("div", {
+        className: "".concat(prefixCls, "-header-content"),
+        "x-semi-prop": "content"
+      }, content) : null), /*#__PURE__*/_react.default.createElement(_button.default, {
+        className: "".concat(prefixCls, "-btn-close"),
+        icon: /*#__PURE__*/_react.default.createElement(_semiIcons.IconClose, null),
+        size: "small",
+        theme: 'borderless',
+        type: cancelType,
+        onClick: this.handleCancel
+      })), /*#__PURE__*/_react.default.createElement("div", {
+        className: "".concat(prefixCls, "-footer")
+      }, this.renderControls())))
+    );
   }
 
   render() {

package/lib/cjs/radio/radio.js

@@ -228,16 +228,26 @@ class Radio extends _baseComponent.default {
       ["".concat(prefix, "-focus")]: focusVisible && isButtonRadio
     }, addonClassName);
 
-    const renderContent = () => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children ? /*#__PURE__*/_react.default.createElement("span", {
-      className: addonCls,
-      style: addonStyle,
-      id: addonId,
-      "x-semi-prop": "children"
-    }, children) : null, extra && !isButtonRadio ? /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(prefix, "-extra"),
-      id: extraId,
-      "x-semi-prop": "extra"
-    }, extra) : null);
+    const renderContent = () => {
+      if (!children && !extra) {
+        return null;
+      }
+
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _classnames.default)(["".concat(prefix, "-content"), {
+          ["".concat(prefix, "-isCardRadioGroup_content")]: isCardRadioGroup
+        }])
+      }, children ? /*#__PURE__*/_react.default.createElement("span", {
+        className: addonCls,
+        style: addonStyle,
+        id: addonId,
+        "x-semi-prop": "children"
+      }, children) : null, extra && !isButtonRadio ? /*#__PURE__*/_react.default.createElement("div", {
+        className: "".concat(prefix, "-extra"),
+        id: extraId,
+        "x-semi-prop": "extra"
+      }, extra) : null);
+    };
 
     return /*#__PURE__*/_react.default.createElement("label", {
       style: style,
@@ -258,9 +268,7 @@ class Radio extends _baseComponent.default {
       focusInner: focusVisible && !focusOuter,
       onInputFocus: this.handleFocusVisible,
       onInputBlur: this.handleBlur
-    })), isCardRadioGroup ? /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(prefix, "-isCardRadioGroup_content")
-    }, renderContent()) : renderContent());
+    })), renderContent());
   }
 
 }

package/lib/cjs/radio/radioGroup.js

@@ -45,7 +45,7 @@ class RadioGroup extends _baseComponent.default {
     this.getFormatName = () => this.props.name || 'default';
 
     this.state = {
-      value: undefined
+      value: props.value || props.defaultValue
     };
     this.foundation = new _radioGroupFoundation.default(this.adapter);
   }

package/lib/cjs/tabs/TabBar.js

@@ -151,7 +151,11 @@ class TabBar extends _react.default.Component {
       var _context5, _context6;
 
       if ((0, _isEmpty2.default)(items)) {
-        return null;
+        return /*#__PURE__*/_react.default.createElement(_button.default, {
+          disabled: true,
+          icon: icon,
+          theme: "borderless"
+        });
       }
 
       const {

package/lib/cjs/transfer/index.js

@@ -322,7 +322,8 @@ class Transfer extends _baseComponent.default {
     const noMatch = inSearchMode && searchResult.size === 0;
     const emptySearch = emptyContent.search ? emptyContent.search : locale.emptySearch;
     const emptyLeft = emptyContent.left ? emptyContent.left : locale.emptyLeft;
-    const emptyCom = this.renderEmpty('left', inputValue ? emptySearch : emptyLeft);
+    const emptyDataCom = this.renderEmpty('left', emptyLeft);
+    const emptySearchCom = this.renderEmpty('left', emptySearch);
 
     const loadingCom = /*#__PURE__*/_react.default.createElement(_spin.default, null);
 
@@ -334,7 +335,11 @@ class Transfer extends _baseComponent.default {
         break;
 
       case noMatch:
-        content = emptyCom;
+        content = emptySearchCom;
+        break;
+
+      case data.length === 0:
+        content = emptyDataCom;
         break;
 
       case type === _constants.strings.TYPE_TREE_TO_LIST:

package/lib/cjs/typography/title.d.ts

@@ -37,7 +37,7 @@ export default class Title extends PureComponent<TitleProps> {
         underline: PropTypes.Requireable<boolean>;
         strong: PropTypes.Requireable<boolean>;
         type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
-        heading: PropTypes.Requireable<1 | 2 | 3 | 4 | 5 | 6>;
+        heading: PropTypes.Requireable<4 | 2 | 1 | 3 | 5 | 6>;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;
         component: PropTypes.Requireable<string>;

package/lib/es/button/buttonGroup.js

@@ -3,7 +3,6 @@ import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/inst
 import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
 import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
 import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
-import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import _Array$isArray from "@babel/runtime-corejs3/core-js-stable/array/is-array";
@@ -37,21 +36,19 @@ export default class ButtonGroup extends BaseComponent {
       var _context;
 
       _forEachInstanceProperty(_context = _sliceInstanceProperty(inner).call(inner, 0, -1)).call(_context, item => {
-        var _context2;
-
-        const isButtonType = _includesInstanceProperty(_context2 = [_get(item, 'type.displayName'), _get(item, 'type.name')]).call(_context2, 'Button');
+        const isButtonType = _get(item, 'type.elementType') === 'Button';
 
         const buttonProps = _get(item, 'props');
 
         if (buttonProps) {
-          var _context3, _context4;
+          var _context2, _context3;
 
           const {
             type,
             theme,
             disabled
           } = buttonProps;
-          lineCls = classNames("".concat(prefixCls, "-group-line"), _concatInstanceProperty(_context3 = "".concat(prefixCls, "-group-line-")).call(_context3, theme !== null && theme !== void 0 ? theme : 'light'), _concatInstanceProperty(_context4 = "".concat(prefixCls, "-group-line-")).call(_context4, type !== null && type !== void 0 ? type : 'primary'), {
+          lineCls = classNames("".concat(prefixCls, "-group-line"), _concatInstanceProperty(_context2 = "".concat(prefixCls, "-group-line-")).call(_context2, theme !== null && theme !== void 0 ? theme : 'light'), _concatInstanceProperty(_context3 = "".concat(prefixCls, "-group-line-")).call(_context3, type !== null && type !== void 0 ? type : 'primary'), {
             ["".concat(prefixCls, "-group-line-disabled")]: disabled
           });
         }
@@ -89,9 +86,9 @@ export default class ButtonGroup extends BaseComponent {
     const cls = classNames("".concat(prefixCls, "-group"), className);
 
     if (children) {
-      var _context5;
+      var _context4;
 
-      inner = _mapInstanceProperty(_context5 = _Array$isArray(children) ? children : [children]).call(_context5, (itm, index) => /*#__PURE__*/isValidElement(itm) ? /*#__PURE__*/cloneElement(itm, _Object$assign(_Object$assign(_Object$assign({
+      inner = _mapInstanceProperty(_context4 = _Array$isArray(children) ? children : [children]).call(_context4, (itm, index) => /*#__PURE__*/isValidElement(itm) ? /*#__PURE__*/cloneElement(itm, _Object$assign(_Object$assign(_Object$assign({
         disabled,
         size,
         type

package/lib/es/button/index.d.ts

@@ -31,6 +31,7 @@ declare class Button extends React.PureComponent<ButtonProps> {
         htmlType: import("prop-types").Requireable<"button" | "reset" | "submit">;
         'aria-label': import("prop-types").Requireable<string>;
     };
+    static elementType: string;
     constructor(props?: {});
     render(): JSX.Element;
 }

package/lib/es/button/index.js

@@ -26,4 +26,5 @@ class Button extends React.PureComponent {
 }
 
 Button.propTypes = _Object$assign(_Object$assign({}, BaseButton.propTypes), IconButton.propTypes);
+Button.elementType = 'Button';
 export default Button;

package/lib/es/checkbox/checkbox.js

@@ -187,15 +187,23 @@ class Checkbox extends BaseComponent {
     const name = inGroup && this.context.checkboxGroup.name;
     const xSemiPropChildren = this.props['x-semi-children-alias'] || 'children';
 
-    const renderContent = () => /*#__PURE__*/React.createElement(React.Fragment, null, children ? /*#__PURE__*/React.createElement("span", {
-      id: addonId,
-      className: "".concat(prefix, "-addon"),
-      "x-semi-prop": xSemiPropChildren
-    }, children) : null, extra ? /*#__PURE__*/React.createElement("div", {
-      id: extraId,
-      className: extraCls,
-      "x-semi-prop": "extra"
-    }, extra) : null);
+    const renderContent = () => {
+      if (!children && !extra) {
+        return null;
+      }
+
+      return /*#__PURE__*/React.createElement("div", {
+        className: "".concat(prefix, "-content")
+      }, children ? /*#__PURE__*/React.createElement("span", {
+        id: addonId,
+        className: "".concat(prefix, "-addon"),
+        "x-semi-prop": xSemiPropChildren
+      }, children) : null, extra ? /*#__PURE__*/React.createElement("div", {
+        id: extraId,
+        className: extraCls,
+        "x-semi-prop": "extra"
+      }, extra) : null);
+    };
 
     return (
       /*#__PURE__*/
@@ -221,7 +229,7 @@ class Checkbox extends BaseComponent {
         focusInner: focusVisible && !focusOuter,
         onInputFocus: this.handleFocusVisible,
         onInputBlur: this.handleBlur
-      })), props.isCardType ? /*#__PURE__*/React.createElement("div", null, renderContent()) : renderContent())
+      })), renderContent())
     );
   }
 

package/lib/es/checkbox/checkboxGroup.js

@@ -59,7 +59,7 @@ class CheckboxGroup extends BaseComponent {
   }
 
   render() {
-    var _context2, _context3, _context4;
+    var _context2, _context3, _context4, _context5;
 
     const {
       children,
@@ -79,17 +79,18 @@ class CheckboxGroup extends BaseComponent {
       [prefix]: true,
       ["".concat(prefix, "-wrapper")]: true,
       [_concatInstanceProperty(_context2 = "".concat(prefix, "-")).call(_context2, direction)]: direction,
-      [_concatInstanceProperty(_context3 = "".concat(prefix, "-")).call(_context3, direction, "-cardType")]: direction && isCardType
+      [_concatInstanceProperty(_context3 = "".concat(prefix, "-")).call(_context3, direction, "-cardType")]: direction && isCardType,
+      [_concatInstanceProperty(_context4 = "".concat(prefix, "-")).call(_context4, direction, "-pureCardType")]: direction && isPureCardType
     }, className);
 
-    const realValue = _sliceInstanceProperty(_context4 = this.state.value).call(_context4);
+    const realValue = _sliceInstanceProperty(_context5 = this.state.value).call(_context5);
 
     let inner;
 
     if (options) {
-      var _context5;
+      var _context6;
 
-      inner = _mapInstanceProperty(_context5 = options || []).call(_context5, (option, index) => {
+      inner = _mapInstanceProperty(_context6 = options || []).call(_context6, (option, index) => {
         if (typeof option === 'string') {
           return /*#__PURE__*/React.createElement(Checkbox, {
             role: "listitem",
@@ -113,9 +114,9 @@ class CheckboxGroup extends BaseComponent {
         }
       });
     } else if (children) {
-      var _context6;
+      var _context7;
 
-      inner = _mapInstanceProperty(_context6 = React.Children.toArray(children)).call(_context6, (itm, index) => /*#__PURE__*/React.cloneElement(itm, {
+      inner = _mapInstanceProperty(_context7 = React.Children.toArray(children)).call(_context7, (itm, index) => /*#__PURE__*/React.cloneElement(itm, {
         key: index,
         role: 'listitem'
       }));

package/lib/es/form/baseForm.d.ts

@@ -126,7 +126,7 @@ declare class Form extends BaseComponent<BaseFormProps, BaseFormState> {
         onListScroll?: (e: React.UIEvent<HTMLDivElement, UIEvent>) => void;
         children?: React.ReactNode;
         preventScroll?: boolean;
-    } & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay" | "motion"> & React.RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
+    } & Pick<import("../tooltip").TooltipProps, "getPopupContainer" | "stopPropagation" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay" | "motion"> & React.RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
     static Checkbox: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../checkbox").CheckboxProps & import("./interface").RCIncludeType>;
     static CheckboxGroup: React.ComponentType<import("utility-types").Subtract<import("../checkbox").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & React.RefAttributes<any>>;
     static Radio: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../radio").RadioProps & import("./interface").RCIncludeType>;

package/lib/es/form/baseForm.js

@@ -68,7 +68,6 @@ class Form extends BaseComponent {
 
   componentWillUnmount() {
     this.foundation.destroy();
-    this.formApi = null;
   }
 
   get adapter() {