@douyinfe/semi-ui 2.19.0-alpha.4 → 2.19.0-alpha.7

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

@@ -25,5 +25,6 @@ export default class ButtonGroup extends BaseComponent<ButtonGroupProps> {
     static defaultProps: {
         size: string;
     };
+    getInnerWithLine(inner: any): any;
     render(): JSX.Element;
 }

package/lib/cjs/button/buttonGroup.js

@@ -18,12 +18,20 @@ var _indexOf = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-st
 
 var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
 
+var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
+
+var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
+
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
 
 var _isArray = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/is-array"));
 
 var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
 
+var _get2 = _interopRequireDefault(require("lodash/get"));
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
@@ -55,6 +63,45 @@ const prefixCls = _constants.cssClasses.PREFIX;
 const btnSizes = _constants.strings.sizes;
 
 class ButtonGroup extends _baseComponent.default {
+  getInnerWithLine(inner) {
+    const innerWithLine = [];
+    let lineCls = "".concat(prefixCls, "-group-line");
+
+    if (inner.length > 1) {
+      var _context;
+
+      (0, _forEach.default)(_context = (0, _slice.default)(inner).call(inner, 0, -1)).call(_context, item => {
+        const isButtonType = (0, _get2.default)(item, 'type.elementType') === 'Button';
+        const buttonProps = (0, _get2.default)(item, 'props');
+
+        if (buttonProps) {
+          var _context2, _context3;
+
+          const {
+            type,
+            theme,
+            disabled
+          } = buttonProps;
+          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
+          });
+        }
+
+        if (isButtonType) {
+          innerWithLine.push(item, /*#__PURE__*/_react.default.createElement("span", {
+            className: lineCls
+          }));
+        } else {
+          innerWithLine.push(item);
+        }
+      });
+      innerWithLine.push((0, _slice.default)(inner).call(inner, -1));
+      return innerWithLine;
+    } else {
+      return inner;
+    }
+  }
+
   render() {
     const _a = this.props,
           {
@@ -68,25 +115,27 @@ class ButtonGroup extends _baseComponent.default {
           rest = __rest(_a, ["children", "disabled", "size", "type", "className", 'aria-label']);
 
     let inner;
+    let innerWithLine = [];
     const cls = (0, _classnames.default)("".concat(prefixCls, "-group"), className);
 
     if (children) {
-      var _context;
+      var _context4;
 
-      inner = (0, _map.default)(_context = (0, _isArray.default)(children) ? children : [children]).call(_context, (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
       }, itm.props), rest), {
         key: index
       })) : itm);
+      innerWithLine = this.getInnerWithLine(inner);
     }
 
     return /*#__PURE__*/_react.default.createElement("div", {
       className: cls,
       role: "group",
       "aria-label": ariaLabel
-    }, inner);
+    }, innerWithLine);
   }
 
 }

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/carousel/CarouselIndicator.d.ts

@@ -8,7 +8,7 @@ declare class CarouselIndicator extends React.PureComponent<CarouselIndicatorPro
         position: PropTypes.Requireable<"left" | "right" | "center">;
         size: PropTypes.Requireable<"small" | "medium">;
         style: PropTypes.Requireable<object>;
-        theme: PropTypes.Requireable<"primary" | "dark" | "light">;
+        theme: PropTypes.Requireable<"dark" | "light" | "primary">;
         total: PropTypes.Requireable<number>;
         onIndicatorChange: PropTypes.Requireable<(...args: any[]) => any>;
         type: PropTypes.Requireable<"line" | "dot" | "columnar">;

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

@@ -22,7 +22,7 @@ declare class Carousel extends BaseComponent<CarouselProps, CarouselState> {
         indicatorPosition: PropTypes.Requireable<"left" | "right" | "center">;
         indicatorSize: PropTypes.Requireable<"small" | "medium">;
         indicatorType: PropTypes.Requireable<"line" | "dot" | "columnar">;
-        theme: PropTypes.Requireable<"primary" | "dark" | "light">;
+        theme: PropTypes.Requireable<"dark" | "light" | "primary">;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
         arrowType: PropTypes.Requireable<"hover" | "always">;
         showArrow: PropTypes.Requireable<boolean>;

package/lib/cjs/checkbox/checkbox.js

@@ -211,23 +211,15 @@ class Checkbox extends _baseComponent.default {
     const name = inGroup && this.context.checkboxGroup.name;
     const xSemiPropChildren = this.props['x-semi-children-alias'] || 'children';
 
-    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);
-    };
+    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);
 
     return (
       /*#__PURE__*/
@@ -253,7 +245,7 @@ class Checkbox extends _baseComponent.default {
         focusInner: focusVisible && !focusOuter,
         onInputFocus: this.handleFocusVisible,
         onInputBlur: this.handleBlur
-      })), renderContent())
+      })), props.isCardType ? /*#__PURE__*/_react.default.createElement("div", null, renderContent()) : renderContent())
     );
   }
 

package/lib/cjs/datePicker/dateInput.d.ts

@@ -26,7 +26,7 @@ export default class DateInput extends BaseComponent<DateInputProps, {}> {
         onFocus: PropTypes.Requireable<(...args: any[]) => any>;
         value: PropTypes.Requireable<any[]>;
         disabled: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "dateTimeRange">;
+        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "dateTimeRange">;
         showClear: PropTypes.Requireable<boolean>;
         format: PropTypes.Requireable<string>;
         inputStyle: PropTypes.Requireable<object>;

package/lib/cjs/datePicker/datePicker.d.ts

@@ -41,7 +41,7 @@ export default class DatePicker extends BaseComponent<DatePickerProps, DatePicke
         'aria-invalid': PropTypes.Requireable<boolean>;
         'aria-labelledby': PropTypes.Requireable<string>;
         'aria-required': PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "dateTimeRange">;
+        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "dateTimeRange">;
         size: PropTypes.Requireable<"default" | "small" | "large">;
         density: PropTypes.Requireable<"default" | "compact">;
         defaultValue: PropTypes.Requireable<string | number | object>;

package/lib/cjs/datePicker/monthsGrid.d.ts

@@ -17,7 +17,7 @@ export interface MonthsGridProps extends MonthsGridFoundationProps, BaseProps {
 export declare type MonthsGridState = MonthsGridFoundationState;
 export default class MonthsGrid extends BaseComponent<MonthsGridProps, MonthsGridState> {
     static propTypes: {
-        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "dateTimeRange">;
+        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "dateTimeRange">;
         defaultValue: PropTypes.Requireable<string | number | object>;
         defaultPickerValue: PropTypes.Requireable<string | number | object>;
         multiple: PropTypes.Requireable<boolean>;

package/lib/cjs/radio/radio.d.ts

@@ -81,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/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.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>;

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/timePicker/TimePicker.d.ts

@@ -99,11 +99,11 @@ export default class TimePicker extends BaseComponent<TimePickerProps, TimePicke
         'aria-required': PropTypes.Requireable<boolean>;
         prefixCls: PropTypes.Requireable<string>;
         clearText: PropTypes.Requireable<string>;
-        value: PropTypes.Requireable<string | number | string[] | number[] | Date | Date[]>;
+        value: PropTypes.Requireable<string | number | string[] | Date | number[] | Date[]>;
         inputReadOnly: PropTypes.Requireable<boolean>;
         disabled: PropTypes.Requireable<boolean>;
         showClear: PropTypes.Requireable<boolean>;
-        defaultValue: PropTypes.Requireable<string | number | string[] | number[] | Date | Date[]>;
+        defaultValue: PropTypes.Requireable<string | number | string[] | Date | number[] | Date[]>;
         open: PropTypes.Requireable<boolean>;
         defaultOpen: PropTypes.Requireable<boolean>;
         onOpenChange: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/cjs/timePicker/TimeShape.d.ts

@@ -6,5 +6,5 @@ import PropTypes from 'prop-types';
  * - \[12:00:12, 12:21:12]
  * - \[[12:00:12, 12:21:12], [12:11:12, 12:32:12]]
  */
-declare const TimeShape: PropTypes.Requireable<string | number | string[] | number[] | Date | Date[]>;
+declare const TimeShape: PropTypes.Requireable<string | number | string[] | Date | number[] | Date[]>;
 export { TimeShape };

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

@@ -19,11 +19,11 @@ export default class LocaleTimePicker extends React.PureComponent<LocalePickerPr
         'aria-required': import("prop-types").Requireable<boolean>;
         prefixCls: import("prop-types").Requireable<string>;
         clearText: import("prop-types").Requireable<string>;
-        value: import("prop-types").Requireable<string | number | string[] | number[] | Date | Date[]>;
+        value: import("prop-types").Requireable<string | number | string[] | Date | number[] | Date[]>;
         inputReadOnly: import("prop-types").Requireable<boolean>;
         disabled: import("prop-types").Requireable<boolean>;
         showClear: import("prop-types").Requireable<boolean>;
-        defaultValue: import("prop-types").Requireable<string | number | string[] | number[] | Date | Date[]>;
+        defaultValue: import("prop-types").Requireable<string | number | string[] | Date | number[] | Date[]>;
         open: import("prop-types").Requireable<boolean>;
         defaultOpen: import("prop-types").Requireable<boolean>;
         onOpenChange: import("prop-types").Requireable<(...args: any[]) => any>;

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<1 | 2 | 3 | 4 | 6 | 5>;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;
         component: PropTypes.Requireable<string>;

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

@@ -140,7 +140,7 @@ declare class Upload extends BaseComponent<UploadProps, UploadState> {
         style: PropTypes.Requireable<object>;
         timeout: PropTypes.Requireable<number>;
         transformFile: PropTypes.Requireable<(...args: any[]) => any>;
-        uploadTrigger: PropTypes.Requireable<"auto" | "custom">;
+        uploadTrigger: PropTypes.Requireable<"custom" | "auto">;
         validateMessage: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         validateStatus: PropTypes.Requireable<"default" | "error" | "warning" | "success">;
         withCredentials: PropTypes.Requireable<boolean>;

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

@@ -25,5 +25,6 @@ export default class ButtonGroup extends BaseComponent<ButtonGroupProps> {
     static defaultProps: {
         size: string;
     };
+    getInnerWithLine(inner: any): any;
     render(): JSX.Element;
 }

package/lib/es/button/buttonGroup.js

@@ -1,5 +1,9 @@
+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 _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
+import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
+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";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
@@ -24,6 +28,47 @@ import '@douyinfe/semi-foundation/lib/es/button/button.css';
 const prefixCls = cssClasses.PREFIX;
 const btnSizes = strings.sizes;
 export default class ButtonGroup extends BaseComponent {
+  getInnerWithLine(inner) {
+    const innerWithLine = [];
+    let lineCls = "".concat(prefixCls, "-group-line");
+
+    if (inner.length > 1) {
+      var _context;
+
+      _forEachInstanceProperty(_context = _sliceInstanceProperty(inner).call(inner, 0, -1)).call(_context, item => {
+        const isButtonType = _get(item, 'type.elementType') === 'Button';
+
+        const buttonProps = _get(item, 'props');
+
+        if (buttonProps) {
+          var _context2, _context3;
+
+          const {
+            type,
+            theme,
+            disabled
+          } = buttonProps;
+          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
+          });
+        }
+
+        if (isButtonType) {
+          innerWithLine.push(item, /*#__PURE__*/React.createElement("span", {
+            className: lineCls
+          }));
+        } else {
+          innerWithLine.push(item);
+        }
+      });
+
+      innerWithLine.push(_sliceInstanceProperty(inner).call(inner, -1));
+      return innerWithLine;
+    } else {
+      return inner;
+    }
+  }
+
   render() {
     const _a = this.props,
           {
@@ -37,25 +82,27 @@ export default class ButtonGroup extends BaseComponent {
           rest = __rest(_a, ["children", "disabled", "size", "type", "className", 'aria-label']);
 
     let inner;
+    let innerWithLine = [];
     const cls = classNames("".concat(prefixCls, "-group"), className);
 
     if (children) {
-      var _context;
+      var _context4;
 
-      inner = _mapInstanceProperty(_context = _Array$isArray(children) ? children : [children]).call(_context, (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
       }, itm.props), rest), {
         key: index
       })) : itm);
+      innerWithLine = this.getInnerWithLine(inner);
     }
 
     return /*#__PURE__*/React.createElement("div", {
       className: cls,
       role: "group",
       "aria-label": ariaLabel
-    }, inner);
+    }, innerWithLine);
   }
 
 }

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/carousel/CarouselIndicator.d.ts

@@ -8,7 +8,7 @@ declare class CarouselIndicator extends React.PureComponent<CarouselIndicatorPro
         position: PropTypes.Requireable<"left" | "right" | "center">;
         size: PropTypes.Requireable<"small" | "medium">;
         style: PropTypes.Requireable<object>;
-        theme: PropTypes.Requireable<"primary" | "dark" | "light">;
+        theme: PropTypes.Requireable<"dark" | "light" | "primary">;
         total: PropTypes.Requireable<number>;
         onIndicatorChange: PropTypes.Requireable<(...args: any[]) => any>;
         type: PropTypes.Requireable<"line" | "dot" | "columnar">;

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

@@ -22,7 +22,7 @@ declare class Carousel extends BaseComponent<CarouselProps, CarouselState> {
         indicatorPosition: PropTypes.Requireable<"left" | "right" | "center">;
         indicatorSize: PropTypes.Requireable<"small" | "medium">;
         indicatorType: PropTypes.Requireable<"line" | "dot" | "columnar">;
-        theme: PropTypes.Requireable<"primary" | "dark" | "light">;
+        theme: PropTypes.Requireable<"dark" | "light" | "primary">;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
         arrowType: PropTypes.Requireable<"hover" | "always">;
         showArrow: PropTypes.Requireable<boolean>;

package/lib/es/checkbox/checkbox.js

@@ -187,23 +187,15 @@ class Checkbox extends BaseComponent {
     const name = inGroup && this.context.checkboxGroup.name;
     const xSemiPropChildren = this.props['x-semi-children-alias'] || 'children';
 
-    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);
-    };
+    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);
 
     return (
       /*#__PURE__*/
@@ -229,7 +221,7 @@ class Checkbox extends BaseComponent {
         focusInner: focusVisible && !focusOuter,
         onInputFocus: this.handleFocusVisible,
         onInputBlur: this.handleBlur
-      })), renderContent())
+      })), props.isCardType ? /*#__PURE__*/React.createElement("div", null, renderContent()) : renderContent())
     );
   }
 

package/lib/es/datePicker/dateInput.d.ts

@@ -26,7 +26,7 @@ export default class DateInput extends BaseComponent<DateInputProps, {}> {
         onFocus: PropTypes.Requireable<(...args: any[]) => any>;
         value: PropTypes.Requireable<any[]>;
         disabled: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "dateTimeRange">;
+        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "dateTimeRange">;
         showClear: PropTypes.Requireable<boolean>;
         format: PropTypes.Requireable<string>;
         inputStyle: PropTypes.Requireable<object>;

package/lib/es/datePicker/datePicker.d.ts

@@ -41,7 +41,7 @@ export default class DatePicker extends BaseComponent<DatePickerProps, DatePicke
         'aria-invalid': PropTypes.Requireable<boolean>;
         'aria-labelledby': PropTypes.Requireable<string>;
         'aria-required': PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "dateTimeRange">;
+        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "dateTimeRange">;
         size: PropTypes.Requireable<"default" | "small" | "large">;
         density: PropTypes.Requireable<"default" | "compact">;
         defaultValue: PropTypes.Requireable<string | number | object>;

package/lib/es/datePicker/monthsGrid.d.ts

@@ -17,7 +17,7 @@ export interface MonthsGridProps extends MonthsGridFoundationProps, BaseProps {
 export declare type MonthsGridState = MonthsGridFoundationState;
 export default class MonthsGrid extends BaseComponent<MonthsGridProps, MonthsGridState> {
     static propTypes: {
-        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "dateTimeRange">;
+        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "dateTimeRange">;
         defaultValue: PropTypes.Requireable<string | number | object>;
         defaultPickerValue: PropTypes.Requireable<string | number | object>;
         multiple: PropTypes.Requireable<boolean>;

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

@@ -81,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

@@ -203,16 +203,26 @@ class Radio extends BaseComponent {
       ["".concat(prefix, "-focus")]: focusVisible && isButtonRadio
     }, addonClassName);
 
-    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);
+    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);
+    };
 
     return /*#__PURE__*/React.createElement("label", {
       style: style,
@@ -233,9 +243,7 @@ class Radio extends BaseComponent {
       focusInner: focusVisible && !focusOuter,
       onInputFocus: this.handleFocusVisible,
       onInputBlur: this.handleBlur
-    })), isCardRadioGroup ? /*#__PURE__*/React.createElement("div", {
-      className: "".concat(prefix, "-isCardRadioGroup_content")
-    }, renderContent()) : renderContent());
+    })), renderContent());
   }
 
 }