@douyinfe/semi-ui 2.19.0-alpha.2 → 2.19.0-alpha.3

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/checkbox/checkbox.js

@@ -211,7 +211,13 @@ 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", {
+    if (!children && !extra) {
+      return null;
+    }
+
+    const renderContent = () => /*#__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
@@ -245,7 +251,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

@@ -20,14 +20,8 @@ var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stab
 
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
 
-var _some = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/some"));
-
-var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
-
 var _isEqual2 = _interopRequireDefault(require("lodash/isEqual"));
 
-var _get2 = _interopRequireDefault(require("lodash/get"));
-
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -40,7 +34,7 @@ var _checkboxGroupFoundation = _interopRequireDefault(require("@douyinfe/semi-fo
 
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
 
-var _context9 = require("./context");
+var _context7 = require("./context");
 
 var _checkbox = _interopRequireDefault(require("./checkbox"));
 
@@ -124,8 +118,7 @@ class CheckboxGroup extends _baseComponent.default {
             key: index,
             disabled: this.props.disabled,
             value: option,
-            prefixCls: prefixCls,
-            type: type
+            prefixCls: prefixCls
           }, option);
         } else {
           return /*#__PURE__*/_react.default.createElement(_checkbox.default, {
@@ -137,33 +130,17 @@ class CheckboxGroup extends _baseComponent.default {
             extra: option.extra,
             className: option.className,
             style: option.style,
-            onChange: option.onChange,
-            type: type
+            onChange: option.onChange
           }, option.label);
         }
       });
     } else if (children) {
       var _context6;
 
-      inner = (0, _map.default)(_context6 = _react.default.Children.toArray(children)).call(_context6, (itm, index) => {
-        var _context7;
-
-        const props = {
-          key: index,
-          role: 'listitem'
-        };
-        const isCheckboxComp = (0, _some.default)(_context7 = ['Checkbox', 'CheckboxWithGroup']).call(_context7, comp => {
-          var _context8;
-
-          return (0, _includes.default)(_context8 = [(0, _get2.default)(itm, 'type.displayName'), (0, _get2.default)(itm, 'type.name')]).call(_context8, comp);
-        });
-
-        if (isCheckboxComp) {
-          props.type = type;
-        }
-
-        return /*#__PURE__*/_react.default.cloneElement(itm, props);
-      });
+      inner = (0, _map.default)(_context6 = _react.default.Children.toArray(children)).call(_context6, (itm, index) => /*#__PURE__*/_react.default.cloneElement(itm, {
+        key: index,
+        role: 'listitem'
+      }));
     }
 
     return /*#__PURE__*/_react.default.createElement("div", {
@@ -174,7 +151,7 @@ class CheckboxGroup extends _baseComponent.default {
       style: style,
       "aria-labelledby": this.props['aria-labelledby'],
       "aria-describedby": this.props['aria-describedby']
-    }, /*#__PURE__*/_react.default.createElement(_context9.Context.Provider, {
+    }, /*#__PURE__*/_react.default.createElement(_context7.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/radioGroup.js

@@ -16,14 +16,8 @@ var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-sta
 
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
 
-var _some = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/some"));
-
-var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
-
 var _noop2 = _interopRequireDefault(require("lodash/noop"));
 
-var _get2 = _interopRequireDefault(require("lodash/get"));
-
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -38,7 +32,7 @@ var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
 
 var _radio = _interopRequireDefault(require("./radio"));
 
-var _context8 = _interopRequireDefault(require("./context"));
+var _context6 = _interopRequireDefault(require("./context"));
 
 class RadioGroup extends _baseComponent.default {
   constructor(props) {
@@ -130,8 +124,7 @@ class RadioGroup extends _baseComponent.default {
           return /*#__PURE__*/_react.default.createElement(_radio.default, {
             key: index,
             disabled: this.props.disabled,
-            value: option,
-            type: type
+            value: option
           }, option);
         } else {
           return /*#__PURE__*/_react.default.createElement(_radio.default, {
@@ -140,36 +133,16 @@ class RadioGroup extends _baseComponent.default {
             value: option.value,
             extra: option.extra,
             className: option.className,
-            style: option.style,
-            type: type
+            style: option.style
           }, option.label);
         }
       });
     } else if (children) {
       var _context5;
 
-      inner = (0, _map.default)(_context5 = _react.default.Children).call(_context5, children, (itm, index) => {
-        if ( /*#__PURE__*/_react.default.isValidElement(itm)) {
-          var _context6;
-
-          const props = {
-            key: index
-          };
-          const isRadioComp = (0, _some.default)(_context6 = ['Radio', 'RadioWithGroup']).call(_context6, comp => {
-            var _context7;
-
-            return (0, _includes.default)(_context7 = [(0, _get2.default)(itm, 'type.displayName'), (0, _get2.default)(itm, 'type.name')]).call(_context7, comp);
-          });
-
-          if (isRadioComp) {
-            props.type = type;
-          }
-
-          return /*#__PURE__*/_react.default.cloneElement(itm, props);
-        } else {
-          return null;
-        }
-      });
+      inner = (0, _map.default)(_context5 = _react.default.Children).call(_context5, children, (itm, index) => /*#__PURE__*/_react.default.isValidElement(itm) ? /*#__PURE__*/_react.default.cloneElement(itm, {
+        key: index
+      }) : null);
     }
 
     return /*#__PURE__*/_react.default.createElement("div", {
@@ -182,7 +155,7 @@ class RadioGroup extends _baseComponent.default {
       "aria-labelledby": this.props['aria-labelledby'],
       "aria-describedby": this.props['aria-describedby'],
       "aria-required": this.props['aria-required']
-    }, /*#__PURE__*/_react.default.createElement(_context8.default.Provider, {
+    }, /*#__PURE__*/_react.default.createElement(_context6.default.Provider, {
       value: {
         radioGroup: {
           onChange: this.onChange,

package/lib/cjs/table/ColumnFilter.js

@@ -179,12 +179,14 @@ function ColumnFilter() {
   } else {
     iconElem = /*#__PURE__*/_react.default.createElement("div", {
       className: finalCls
-    }, /*#__PURE__*/_react.default.createElement(_semiIcons.IconFilter, {
+    }, '\u200b'
+    /* ZWSP(zero-width space) */
+    , /*#__PURE__*/_react.default.createElement(_semiIcons.IconFilter, {
       role: "button",
       "aria-label": "Filter data with this column",
       "aria-haspopup": "listbox",
       tabIndex: -1,
-      size: "small"
+      size: "default"
     }));
   }
 

package/lib/cjs/table/ColumnSorter.d.ts

@@ -7,6 +7,7 @@ export interface ColumnSorterProps {
     onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
     prefixCls?: string;
     sortOrder?: SortOrder;
+    title?: React.ReactNode;
 }
 export default class ColumnSorter extends PureComponent<ColumnSorterProps> {
     static propTypes: {

package/lib/cjs/table/ColumnSorter.js

@@ -40,9 +40,10 @@ class ColumnSorter extends _react.PureComponent {
       prefixCls,
       onClick,
       sortOrder,
-      style
+      style,
+      title
     } = this.props;
-    const iconBtnSize = 'small';
+    const iconBtnSize = 'default';
     const upCls = (0, _classnames.default)("".concat(prefixCls, "-column-sorter-up"), {
       on: sortOrder === _constants.strings.SORT_DIRECTIONS[0]
     });
@@ -61,11 +62,13 @@ class ColumnSorter extends _react.PureComponent {
       role: 'button'
     }, ariaProps, {
       tabIndex: -1,
-      style: style,
-      className: "".concat(prefixCls, "-column-sorter"),
+      className: "".concat(prefixCls, "-column-sorter-wrapper"),
       onClick: onClick,
       onKeyPress: e => (0, _isEnterPress.default)(e) && onClick(e)
-    }), /*#__PURE__*/_react.default.createElement("span", {
+    }), title, /*#__PURE__*/_react.default.createElement("div", {
+      style: style,
+      className: "".concat(prefixCls, "-column-sorter")
+    }, /*#__PURE__*/_react.default.createElement("span", {
       className: "".concat(upCls)
     }, /*#__PURE__*/_react.default.createElement(_semiIcons.IconCaretup, {
       size: iconBtnSize
@@ -73,7 +76,7 @@ class ColumnSorter extends _react.PureComponent {
       className: "".concat(downCls)
     }, /*#__PURE__*/_react.default.createElement(_semiIcons.IconCaretdown, {
       size: iconBtnSize
-    })));
+    }))));
   }
 
 }

package/lib/cjs/table/Table.js

@@ -555,15 +555,24 @@ class Table extends _baseComponent.default {
         const defaultSortOrder = (0, _get2.default)(curQuery, 'defaultSortOrder', false);
         const sortOrder = _this.foundation.isSortOrderValid(stateSortOrder) ? stateSortOrder : defaultSortOrder;
 
+        const TitleNode = typeof rawTitle !== 'function' && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+          key: _constants.strings.DEFAULT_KEY_COLUMN_TITLE
+        }, rawTitle);
+
         if (typeof column.sorter === 'function' || column.sorter === true) {
+          // In order to increase the click hot area of ​​sorting, when sorting is required & useFullRender is false,
+          // both the title and sorting areas are used as the click hot area for sorting。
           const sorter = /*#__PURE__*/_react.default.createElement(_ColumnSorter.default, {
             key: _constants.strings.DEFAULT_KEY_COLUMN_SORTER,
             sortOrder: sortOrder,
-            onClick: e => _this.foundation.handleSort(column, e)
+            onClick: e => _this.foundation.handleSort(column, e),
+            title: TitleNode
           });
 
           useFullRender && (titleMap.sorter = sorter);
           titleArr.push(sorter);
+        } else {
+          titleArr.push(TitleNode);
         }
 
         const stateFilteredValue = (0, _get2.default)(curQuery, 'filteredValue');
@@ -583,9 +592,7 @@ class Table extends _baseComponent.default {
           titleArr.push(filter);
         }
 
-        const newTitle = typeof rawTitle === 'function' ? () => rawTitle(titleMap) : titleArr.unshift( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
-          key: _constants.strings.DEFAULT_KEY_COLUMN_TITLE
-        }, rawTitle)) && titleArr;
+        const newTitle = typeof rawTitle === 'function' ? () => rawTitle(titleMap) : titleArr;
         column = (0, _assign.default)((0, _assign.default)({}, column), {
           title: newTitle
         });

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/checkbox/checkbox.js

@@ -187,7 +187,13 @@ 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", {
+    if (!children && !extra) {
+      return null;
+    }
+
+    const renderContent = () => /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefix, "-content")
+    }, children ? /*#__PURE__*/React.createElement("span", {
       id: addonId,
       className: "".concat(prefix, "-addon"),
       "x-semi-prop": xSemiPropChildren
@@ -221,7 +227,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

@@ -1,12 +1,9 @@
 import _isEqual from "lodash/isEqual";
-import _get from "lodash/get";
 import _bindInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/bind";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-import _someInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/some";
-import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
 
 /* eslint-disable max-len */
 import React from 'react';
@@ -99,8 +96,7 @@ class CheckboxGroup extends BaseComponent {
             key: index,
             disabled: this.props.disabled,
             value: option,
-            prefixCls: prefixCls,
-            type: type
+            prefixCls: prefixCls
           }, option);
         } else {
           return /*#__PURE__*/React.createElement(Checkbox, {
@@ -112,34 +108,17 @@ class CheckboxGroup extends BaseComponent {
             extra: option.extra,
             className: option.className,
             style: option.style,
-            onChange: option.onChange,
-            type: type
+            onChange: option.onChange
           }, option.label);
         }
       });
     } else if (children) {
       var _context6;
 
-      inner = _mapInstanceProperty(_context6 = React.Children.toArray(children)).call(_context6, (itm, index) => {
-        var _context7;
-
-        const props = {
-          key: index,
-          role: 'listitem'
-        };
-
-        const isCheckboxComp = _someInstanceProperty(_context7 = ['Checkbox', 'CheckboxWithGroup']).call(_context7, comp => {
-          var _context8;
-
-          return _includesInstanceProperty(_context8 = [_get(itm, 'type.displayName'), _get(itm, 'type.name')]).call(_context8, comp);
-        });
-
-        if (isCheckboxComp) {
-          props.type = type;
-        }
-
-        return /*#__PURE__*/React.cloneElement(itm, props);
-      });
+      inner = _mapInstanceProperty(_context6 = React.Children.toArray(children)).call(_context6, (itm, index) => /*#__PURE__*/React.cloneElement(itm, {
+        key: index,
+        role: 'listitem'
+      }));
     }
 
     return /*#__PURE__*/React.createElement("div", {

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() {

package/lib/es/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>>;