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

package/form/interface.ts

@@ -102,7 +102,7 @@ interface setValuesConfig {
     isOverride: boolean;
 }
 
-export interface BaseFormProps {
+export interface BaseFormProps extends Omit<React.FormHTMLAttributes<HTMLFormElement>, 'children' | 'onChange'> {
     'aria-label'?: React.AriaAttributes['aria-label'];
     onSubmit?: (values: Record<string, any>) => void;
     onSubmitFail?: (errors: Record<string, FieldError>, values: any) => void;

package/lib/cjs/_utils/index.js

@@ -93,7 +93,10 @@ function cloneDeep(value, customizer) {
           (0, _set2.default)(newArray, key, v[key]);
         }); // internal-issues:887
 
-        (0, _warning.default)((0, _get2.default)(process, 'env.NODE_ENV') !== 'production', "[Semi] You may use an out-of-bounds array. In some cases, your program may not behave as expected.\n                    The maximum length of an array is 4294967295.\n                    Please check whether the array subscript in your data exceeds the maximum value of the JS array subscript");
+        try {
+          (0, _warning.default)((0, _get2.default)(process, 'env.NODE_ENV') !== 'production', "[Semi] You may use an out-of-bounds array. In some cases, your program may not behave as expected.\n                    The maximum length of an array is 4294967295.\n                    Please check whether the array subscript in your data exceeds the maximum value of the JS array subscript");
+        } catch (e) {}
+
         return newArray;
       } else {
         return undefined;

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

@@ -20,6 +20,7 @@ export default class Avatar extends BaseComponent<AvatarProps, AvatarState> {
         onMouseEnter: typeof noop;
         onMouseLeave: typeof noop;
     };
+    static elementType: string;
     static propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         color: PropTypes.Requireable<string>;

package/lib/cjs/avatar/index.js

@@ -340,4 +340,5 @@ Avatar.propTypes = {
   onClick: _propTypes.default.func,
   onMouseEnter: _propTypes.default.func,
   onMouseLeave: _propTypes.default.func
-};
+};
+Avatar.elementType = 'Avatar';

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<"dark" | "light" | "primary">;
+        theme: PropTypes.Requireable<"primary" | "dark" | "light">;
         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<"dark" | "light" | "primary">;
+        theme: PropTypes.Requireable<"primary" | "dark" | "light">;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
         arrowType: PropTypes.Requireable<"hover" | "always">;
         showArrow: PropTypes.Requireable<boolean>;

package/lib/cjs/checkbox/checkbox.d.ts

@@ -67,6 +67,7 @@ declare class Checkbox extends BaseComponent<CheckboxProps, CheckboxState> {
         onMouseLeave: (...args: any[]) => void;
         type: string;
     };
+    static elementType: string;
     checkboxEntity: CheckboxInner;
     context: CheckboxContextType;
     get adapter(): CheckboxAdapter<CheckboxProps, CheckboxState>;

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())
     );
   }
 
@@ -289,5 +297,6 @@ Checkbox.defaultProps = {
   onMouseLeave: _noop2.default,
   type: 'default'
 };
+Checkbox.elementType = 'Checkbox';
 var _default = Checkbox;
 exports.default = _default;

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/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<"date" | "month" | "dateTime" | "dateRange" | "year" | "dateTimeRange">;
+        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "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<"date" | "month" | "dateTime" | "dateRange" | "year" | "dateTimeRange">;
+        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "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<"date" | "month" | "dateTime" | "dateRange" | "year" | "dateTimeRange">;
+        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "dateTimeRange">;
         defaultValue: PropTypes.Requireable<string | number | object>;
         defaultPickerValue: PropTypes.Requireable<string | number | object>;
         multiple: PropTypes.Requireable<boolean>;

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

@@ -81,7 +81,7 @@ export interface FormFCChild<K extends Record<string, any> = any> {
     values: K;
     formApi: FormApi<K>;
 }
-export interface BaseFormProps {
+export interface BaseFormProps extends Omit<React.FormHTMLAttributes<HTMLFormElement>, 'children' | 'onChange'> {
     'aria-label'?: React.AriaAttributes['aria-label'];
     onSubmit?: (values: Record<string, any>) => void;
     onSubmitFail?: (errors: Record<string, FieldError>, values: any) => void;

package/lib/cjs/popconfirm/index.js

@@ -154,7 +154,7 @@ class Popconfirm extends _baseComponent.default {
       ["".concat(prefixCls, "-rtl")]: direction === 'rtl'
     });
     const showTitle = title !== null && typeof title !== 'undefined';
-    const showContent = content !== null || typeof content !== 'undefined';
+    const showContent = !(content === null || typeof content === 'undefined');
     return (
       /*#__PURE__*/
       // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
@@ -174,17 +174,17 @@ class Popconfirm extends _baseComponent.default {
       }, 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, {
+      }, title) : 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", {
+      })), showContent ? /*#__PURE__*/_react.default.createElement("div", {
+        className: "".concat(prefixCls, "-body"),
+        "x-semi-prop": "content"
+      }, content) : null, /*#__PURE__*/_react.default.createElement("div", {
         className: "".concat(prefixCls, "-footer")
       }, this.renderControls())))
     );

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

@@ -66,6 +66,7 @@ declare class Radio extends BaseComponent<RadioProps, RadioState> {
         preventScroll: PropTypes.Requireable<boolean>;
     };
     static defaultProps: Partial<RadioProps>;
+    static elementType: string;
     radioEntity: RadioInner;
     context: RadioContextValue;
     foundation: RadioFoundation;
@@ -81,7 +82,7 @@ declare class Radio extends BaseComponent<RadioProps, RadioState> {
         prefixCls?: string;
         name?: string;
         onChange?: (e: RadioChangeEvent) => void;
-        buttonSize?: "small" | "large" | "middle";
+        buttonSize?: "small" | "middle" | "large";
         isCardRadio?: boolean;
         isPureCardRadio?: boolean;
     };

package/lib/cjs/radio/radio.js

@@ -305,5 +305,6 @@ Radio.defaultProps = {
   mode: '',
   type: 'default'
 };
+Radio.elementType = 'Radio';
 var _default = Radio;
 exports.default = _default;

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" | "large" | "middle">;
+        buttonSize: PropTypes.Requireable<"small" | "middle" | "large">;
         type: PropTypes.Requireable<"default" | "button" | "card" | "pureCard">;
         value: PropTypes.Requireable<any>;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/cjs/tabs/interface.d.ts

@@ -1,5 +1,6 @@
-import React, { ComponentType, CSSProperties, MouseEvent, ReactNode } from 'react';
+import React, { CSSProperties, MouseEvent, ReactNode } from 'react';
 import { Motion } from '../_base/base';
+import TabBar from './TabBar';
 export declare type TabType = 'line' | 'card' | 'button';
 export declare type TabSize = 'small' | 'medium' | 'large';
 export declare type TabPosition = 'top' | 'left';
@@ -21,7 +22,7 @@ export interface TabsProps {
     lazyRender?: boolean;
     onChange?: (activeKey: string) => void;
     onTabClick?: (activeKey: string, e: MouseEvent<Element>) => void;
-    renderTabBar?: (tabBarProps: TabBarProps, defaultTabBar: ComponentType) => ReactNode;
+    renderTabBar?: (tabBarProps: TabBarProps, defaultTabBar: typeof TabBar) => ReactNode;
     size?: TabSize;
     style?: CSSProperties;
     tabBarClassName?: string;

package/lib/cjs/tag/group.d.ts

@@ -1,21 +1,7 @@
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import Tag from './index';
-import { PopoverProps } from '../popover/index';
-import { AvatarShape, TagProps } from './interface';
-export interface TagGroupProps<T> {
-    style?: React.CSSProperties;
-    className?: string;
-    maxTagCount?: number;
-    restCount?: number;
-    tagList?: (T extends 'custom' ? React.ReactNode : TagProps)[];
-    size?: 'small' | 'large';
-    showPopover?: boolean;
-    popoverProps?: PopoverProps;
-    avatarShape?: AvatarShape;
-    mode?: string;
-    onTagClose: (tagChildren: React.ReactNode, event: React.MouseEvent<HTMLElement>, tagKey: string | number) => void;
-}
+import { TagGroupProps } from './interface';
 export default class TagGroup<T> extends PureComponent<TagGroupProps<T>> {
     static defaultProps: {
         style: {};

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

@@ -10,7 +10,7 @@ export default class Tag extends Component<TagProps, TagState> {
     static defaultProps: TagProps;
     static propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        tagKey: PropTypes.Requireable<PropTypes.Requireable<string> | PropTypes.Requireable<number>>;
+        tagKey: PropTypes.Requireable<string | number>;
         size: PropTypes.Requireable<string>;
         color: PropTypes.Requireable<string>;
         type: PropTypes.Requireable<string>;

package/lib/cjs/tag/index.js

@@ -255,7 +255,7 @@ Tag.defaultProps = {
 };
 Tag.propTypes = {
   children: _propTypes.default.node,
-  tagKey: _propTypes.default.oneOf([_propTypes.default.string, _propTypes.default.number]),
+  tagKey: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
   size: _propTypes.default.oneOf(tagSize),
   color: _propTypes.default.oneOf(tagColors),
   type: _propTypes.default.oneOf(tagType),

package/lib/cjs/tag/interface.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { PopoverProps } from '../popover/index';
 export declare type TagColor = 'amber' | 'blue' | 'cyan' | 'green' | 'grey' | 'indigo' | 'light-blue' | 'light-green' | 'lime' | 'orange' | 'pink' | 'purple' | 'red' | 'teal' | 'violet' | 'yellow' | 'white';
 export declare type TagType = 'ghost' | 'solid' | 'light';
 export declare type TagSize = 'default' | 'small' | 'large';
@@ -21,14 +22,16 @@ export interface TagProps {
     'aria-label'?: React.AriaAttributes['aria-label'];
     tabIndex?: number;
 }
-export interface TagGroupProps {
+export interface TagGroupProps<T> {
     style?: React.CSSProperties;
     className?: string;
     maxTagCount?: number;
-    tagList?: (TagProps | React.ReactNode)[];
+    restCount?: number;
+    tagList?: (T extends 'custom' ? React.ReactNode : TagProps)[];
     size?: 'small' | 'large';
     showPopover?: boolean;
-    popoverProps?: any;
+    popoverProps?: PopoverProps;
     avatarShape?: AvatarShape;
     mode?: string;
+    onTagClose: (tagChildren: React.ReactNode, event: React.MouseEvent<HTMLElement>, tagKey: string | number) => void;
 }

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[] | Date | number[] | Date[]>;
+        value: PropTypes.Requireable<string | number | string[] | number[] | Date | Date[]>;
         inputReadOnly: PropTypes.Requireable<boolean>;
         disabled: PropTypes.Requireable<boolean>;
         showClear: PropTypes.Requireable<boolean>;
-        defaultValue: PropTypes.Requireable<string | number | string[] | Date | number[] | Date[]>;
+        defaultValue: PropTypes.Requireable<string | number | string[] | number[] | Date | 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[] | Date | number[] | Date[]>;
+declare const TimeShape: PropTypes.Requireable<string | number | string[] | number[] | Date | 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[] | Date | number[] | Date[]>;
+        value: import("prop-types").Requireable<string | number | string[] | number[] | Date | 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[] | Date | number[] | Date[]>;
+        defaultValue: import("prop-types").Requireable<string | number | string[] | number[] | Date | 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 | 6 | 5>;
+        heading: PropTypes.Requireable<1 | 2 | 3 | 4 | 5 | 6>;
         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<"custom" | "auto">;
+        uploadTrigger: PropTypes.Requireable<"auto" | "custom">;
         validateMessage: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         validateStatus: PropTypes.Requireable<"default" | "error" | "warning" | "success">;
         withCredentials: PropTypes.Requireable<boolean>;

package/lib/es/_utils/index.js

@@ -64,7 +64,10 @@ export function cloneDeep(value, customizer) {
         }); // internal-issues:887
 
 
-        warning(_get(process, 'env.NODE_ENV') !== 'production', "[Semi] You may use an out-of-bounds array. In some cases, your program may not behave as expected.\n                    The maximum length of an array is 4294967295.\n                    Please check whether the array subscript in your data exceeds the maximum value of the JS array subscript");
+        try {
+          warning(_get(process, 'env.NODE_ENV') !== 'production', "[Semi] You may use an out-of-bounds array. In some cases, your program may not behave as expected.\n                    The maximum length of an array is 4294967295.\n                    Please check whether the array subscript in your data exceeds the maximum value of the JS array subscript");
+        } catch (e) {}
+
         return newArray;
       } else {
         return undefined;

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

@@ -20,6 +20,7 @@ export default class Avatar extends BaseComponent<AvatarProps, AvatarState> {
         onMouseEnter: typeof noop;
         onMouseLeave: typeof noop;
     };
+    static elementType: string;
     static propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         color: PropTypes.Requireable<string>;

package/lib/es/avatar/index.js

@@ -293,4 +293,5 @@ Avatar.propTypes = {
   onClick: PropTypes.func,
   onMouseEnter: PropTypes.func,
   onMouseLeave: PropTypes.func
-};
+};
+Avatar.elementType = 'Avatar';

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<"dark" | "light" | "primary">;
+        theme: PropTypes.Requireable<"primary" | "dark" | "light">;
         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<"dark" | "light" | "primary">;
+        theme: PropTypes.Requireable<"primary" | "dark" | "light">;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
         arrowType: PropTypes.Requireable<"hover" | "always">;
         showArrow: PropTypes.Requireable<boolean>;

package/lib/es/checkbox/checkbox.d.ts

@@ -67,6 +67,7 @@ declare class Checkbox extends BaseComponent<CheckboxProps, CheckboxState> {
         onMouseLeave: (...args: any[]) => void;
         type: string;
     };
+    static elementType: string;
     checkboxEntity: CheckboxInner;
     context: CheckboxContextType;
     get adapter(): CheckboxAdapter<CheckboxProps, CheckboxState>;

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())
     );
   }
 
@@ -265,4 +273,5 @@ Checkbox.defaultProps = {
   onMouseLeave: _noop,
   type: 'default'
 };
+Checkbox.elementType = 'Checkbox';
 export default Checkbox;

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/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<"date" | "month" | "dateTime" | "dateRange" | "year" | "dateTimeRange">;
+        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "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<"date" | "month" | "dateTime" | "dateRange" | "year" | "dateTimeRange">;
+        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "dateTimeRange">;
         size: PropTypes.Requireable<"default" | "small" | "large">;
         density: PropTypes.Requireable<"default" | "compact">;
         defaultValue: PropTypes.Requireable<string | number | object>;