@douyinfe/semi-ui 2.19.1-alpha.2 → 2.19.2-alpha.0

package/lib/cjs/radio/radio.js

@@ -219,16 +219,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,
@@ -249,9 +259,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());
   }
 
 }
@@ -288,5 +296,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" | "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

@@ -36,7 +36,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/tag/group.js

@@ -95,27 +95,29 @@ class TagGroup extends _react.PureComponent {
         return tag;
       }
 
-      if (!tag.size) {
-        tag.size = size;
+      const newTag = Object.assign({}, tag);
+
+      if (!newTag.size) {
+        newTag.size = size;
       }
 
-      if (!tag.avatarShape) {
-        tag.avatarShape = avatarShape;
+      if (!newTag.avatarShape) {
+        newTag.avatarShape = avatarShape;
       }
 
-      if (!tag.tagKey) {
-        if (typeof tag.children === 'string' || typeof tag.children === 'number') {
-          tag.tagKey = tag.children;
+      if (!newTag.tagKey) {
+        if (typeof newTag.children === 'string' || typeof newTag.children === 'number') {
+          newTag.tagKey = newTag.children;
         } else {
-          tag.tagKey = Math.random();
+          newTag.tagKey = Math.random();
         }
       }
 
-      return /*#__PURE__*/_react.default.createElement(_index.default, Object.assign({}, tag, {
-        key: tag.tagKey,
+      return /*#__PURE__*/_react.default.createElement(_index.default, Object.assign({}, newTag, {
+        key: newTag.tagKey,
         onClose: (tagChildren, e, tagKey) => {
-          if (tag.onClose) {
-            tag.onClose(tagChildren, e, tagKey);
+          if (newTag.onClose) {
+            newTag.onClose(tagChildren, e, tagKey);
           }
 
           onTagClose && onTagClose(tagChildren, e, tagKey);

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

@@ -227,7 +227,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/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/tooltip/index.js

@@ -700,8 +700,8 @@ class Tooltip extends _baseComponent.default {
           ref.current = node;
         }
       },
-      tabIndex: children.props.tabIndex || 0 // a11y keyboard, in some condition select's tabindex need to -1 or 0 
-
+      tabIndex: children.props.tabIndex || 0,
+      'data-popupid': id
     })); // If you do not add a layer of div, in order to bind the events and className in the tooltip, you need to cloneElement children, but this time it may overwrite the children's original ref reference
     // So if the user adds ref to the content, you need to use callback ref: https://github.com/facebook/react/issues/8873
 

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

@@ -64,7 +64,7 @@ export default class Base extends Component<BaseTypographyProps, BaseTypographyS
         spacing: PropTypes.Requireable<"normal" | "extended">;
         strong: PropTypes.Requireable<boolean>;
         size: PropTypes.Requireable<"small" | "normal">;
-        type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
+        type: PropTypes.Requireable<"warning" | "success" | "primary" | "secondary" | "tertiary" | "danger" | "quaternary">;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;
         icon: PropTypes.Requireable<PropTypes.ReactNodeLike>;

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

@@ -29,7 +29,7 @@ export default class Paragraph extends PureComponent<ParagraphProps> {
         link: PropTypes.Requireable<boolean | object>;
         underline: PropTypes.Requireable<boolean>;
         strong: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
+        type: PropTypes.Requireable<"warning" | "success" | "primary" | "secondary" | "tertiary" | "danger" | "quaternary">;
         size: PropTypes.Requireable<"small" | "normal">;
         spacing: PropTypes.Requireable<"normal" | "extended">;
         style: PropTypes.Requireable<object>;

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

@@ -32,7 +32,7 @@ export default class Text extends PureComponent<TextProps> {
         underline: PropTypes.Requireable<boolean>;
         link: PropTypes.Requireable<boolean | object>;
         strong: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
+        type: PropTypes.Requireable<"warning" | "success" | "primary" | "secondary" | "tertiary" | "danger" | "quaternary">;
         size: PropTypes.Requireable<"small" | "normal">;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;

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

@@ -36,8 +36,8 @@ export default class Title extends PureComponent<TitleProps> {
         link: PropTypes.Requireable<boolean | object>;
         underline: PropTypes.Requireable<boolean>;
         strong: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
-        heading: PropTypes.Requireable<4 | 2 | 1 | 3 | 5 | 6>;
+        type: PropTypes.Requireable<"warning" | "success" | "primary" | "secondary" | "tertiary" | "danger" | "quaternary">;
+        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/_base/base.css

@@ -14,6 +14,7 @@ body {
   --semi-transition_function-easeIn:ease-in;
   --semi-transition_function-easeOut:ease-out;
   --semi-transition_function-easeInIOut:ease-in-out;
+  --semi-transition_delay-none: 0ms;
   --semi-transition_delay-slowest:0ms;
   --semi-transition_delay-slower:0ms;
   --semi-transition_delay-slow:0ms;

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

@@ -6,6 +6,7 @@ import BaseComponent from '../_base/baseComponent';
 import Link from './link';
 import '@douyinfe/semi-foundation/lib/es/anchor/anchor.css';
 import { ArrayElement } from '../_base/base';
+import { ContextValue } from '../configProvider/context';
 export { LinkProps } from './link';
 export interface AnchorProps {
     autoCollapse?: boolean;
@@ -35,6 +36,7 @@ export interface AnchorState {
     slideBarTop: string;
 }
 declare class Anchor extends BaseComponent<AnchorProps, AnchorState> {
+    static contextType: React.Context<ContextValue>;
     static Link: typeof Link;
     static PropTypes: {
         size: PropTypes.Requireable<"default" | "small">;
@@ -77,6 +79,7 @@ declare class Anchor extends BaseComponent<AnchorProps, AnchorState> {
     childMap: Record<string, Set<string>>;
     handler: () => void;
     clickHandler: () => void;
+    context: ContextValue;
     constructor(props: AnchorProps);
     get adapter(): AnchorAdapter<AnchorProps, AnchorState>;
     addLink: (link: string) => void;
@@ -88,6 +91,7 @@ declare class Anchor extends BaseComponent<AnchorProps, AnchorState> {
     setScrollHeight: () => void;
     updateScrollHeight: (prevState: AnchorState, state: AnchorState) => void;
     updateChildMap: (prevState: AnchorState, state: AnchorState) => void;
+    renderChildren: () => any;
     componentDidMount(): void;
     componentDidUpdate(prevProps: AnchorProps, prevState: AnchorState): void;
     componentWillUnmount(): void;

package/lib/es/anchor/index.js

@@ -11,11 +11,15 @@ import Link from './link';
 import AnchorContext from './anchor-context';
 import '@douyinfe/semi-foundation/lib/es/anchor/anchor.css';
 import getUuid from '@douyinfe/semi-foundation/lib/es/utils/uuid';
+import ConfigContext from '../configProvider/context';
 const prefixCls = cssClasses.PREFIX;
 
 class Anchor extends BaseComponent {
   constructor(props) {
+    var _this;
+
     super(props);
+    _this = this;
 
     this.addLink = link => {
       this.foundation.addLink(link);
@@ -54,6 +58,35 @@ class Anchor extends BaseComponent {
       this.foundation.updateChildMap(prevState, state);
     };
 
+    this.renderChildren = () => {
+      const loop = function (children) {
+        let level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+        return React.Children.map(children, child => {
+          if ( /*#__PURE__*/React.isValidElement(child)) {
+            const childProps = {
+              direction: _this.context.direction,
+              level,
+              children: []
+            };
+            const {
+              children
+            } = child.props;
+            const hasChildren = children && React.Children.count(children) > 0;
+
+            if (hasChildren) {
+              childProps.children = loop(children, level + 1);
+            }
+
+            return /*#__PURE__*/React.cloneElement(child, childProps);
+          }
+
+          return null;
+        });
+      };
+
+      return loop(this.props.children);
+    };
+
     this.state = {
       activeLink: '',
       links: [],
@@ -256,11 +289,12 @@ class Anchor extends BaseComponent {
     })), /*#__PURE__*/React.createElement("div", {
       className: anchorWrapper,
       role: "list"
-    }, children)));
+    }, this.renderChildren())));
   }
 
 }
 
+Anchor.contextType = ConfigContext;
 Anchor.Link = Link;
 Anchor.PropTypes = {
   size: PropTypes.oneOf(strings.SIZE),

package/lib/es/anchor/link.d.ts

@@ -10,6 +10,8 @@ export interface LinkProps {
     children?: ReactNode;
     style?: React.CSSProperties;
     disabled?: boolean;
+    level?: number;
+    direction?: 'ltr' | 'rtl';
 }
 export default class Link extends BaseComponent<LinkProps, {}> {
     static propTypes: {

package/lib/es/anchor/link.js

@@ -131,7 +131,9 @@ export default class Link extends BaseComponent {
       className,
       style,
       disabled = false,
-      title
+      title,
+      level,
+      direction
     } = this.props;
     const {
       activeLink,
@@ -143,8 +145,12 @@ export default class Link extends BaseComponent {
       ["".concat(prefixCls, "-link-title-active")]: active,
       ["".concat(prefixCls, "-link-title-disabled")]: disabled
     });
+    const paddingAttributeKey = direction === 'rtl' ? 'paddingRight' : 'paddingLeft';
     const ariaProps = {
-      'aria-disabled': disabled
+      'aria-disabled': disabled,
+      style: {
+        [paddingAttributeKey]: 8 * level
+      }
     };
 
     if (active) {

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

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

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

@@ -48,7 +48,7 @@ export default class Button extends PureComponent<ButtonProps> {
         prefixCls: PropTypes.Requireable<string>;
         style: PropTypes.Requireable<object>;
         size: PropTypes.Requireable<"default" | "small" | "large">;
-        type: PropTypes.Requireable<"warning" | "primary" | "tertiary" | "secondary" | "danger">;
+        type: PropTypes.Requireable<"warning" | "primary" | "secondary" | "tertiary" | "danger">;
         block: PropTypes.Requireable<boolean>;
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
         onMouseDown: PropTypes.Requireable<(...args: any[]) => any>;

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,3 +1,5 @@
+import _get from "lodash/get";
+
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
 
@@ -18,6 +20,42 @@ 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) {
+      inner.slice(0, -1).forEach(item => {
+        const isButtonType = _get(item, 'type.elementType') === 'Button';
+
+        const buttonProps = _get(item, 'props');
+
+        if (buttonProps) {
+          const {
+            type,
+            theme,
+            disabled
+          } = buttonProps;
+          lineCls = classNames("".concat(prefixCls, "-group-line"), "".concat(prefixCls, "-group-line-").concat(theme !== null && theme !== void 0 ? theme : 'light'), "".concat(prefixCls, "-group-line-").concat(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(inner.slice(-1));
+      return innerWithLine;
+    } else {
+      return inner;
+    }
+  }
+
   render() {
     const _a = this.props,
           {
@@ -31,6 +69,7 @@ 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) {
@@ -41,13 +80,14 @@ export default class ButtonGroup extends BaseComponent {
       }, 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

@@ -23,7 +23,7 @@ declare class Button extends React.PureComponent<ButtonProps> {
         onMouseLeave: import("prop-types").Requireable<(...args: any[]) => any>;
         disabled: import("prop-types").Requireable<boolean>;
         size: import("prop-types").Requireable<"default" | "small" | "large">;
-        type: import("prop-types").Requireable<"warning" | "primary" | "tertiary" | "secondary" | "danger">;
+        type: import("prop-types").Requireable<"warning" | "primary" | "secondary" | "tertiary" | "danger">;
         block: import("prop-types").Requireable<boolean>;
         onClick: import("prop-types").Requireable<(...args: any[]) => any>;
         onMouseDown: import("prop-types").Requireable<(...args: any[]) => any>;
@@ -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

@@ -24,4 +24,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.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

@@ -182,15 +182,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__*/
@@ -216,7 +224,7 @@ class Checkbox extends BaseComponent {
         focusInner: focusVisible && !focusOuter,
         onInputFocus: this.handleFocusVisible,
         onInputBlur: this.handleBlur
-      })), props.isCardType ? /*#__PURE__*/React.createElement("div", null, renderContent()) : renderContent())
+      })), renderContent())
     );
   }
 
@@ -260,4 +268,5 @@ Checkbox.defaultProps = {
   onMouseLeave: _noop,
   type: 'default'
 };
+Checkbox.elementType = 'Checkbox';
 export default Checkbox;

package/lib/es/checkbox/checkboxGroup.js

@@ -70,7 +70,8 @@ class CheckboxGroup extends BaseComponent {
       [prefix]: true,
       ["".concat(prefix, "-wrapper")]: true,
       ["".concat(prefix, "-").concat(direction)]: direction,
-      ["".concat(prefix, "-").concat(direction, "-cardType")]: direction && isCardType
+      ["".concat(prefix, "-").concat(direction, "-cardType")]: direction && isCardType,
+      ["".concat(prefix, "-").concat(direction, "-pureCardType")]: direction && isPureCardType
     }, className);
     const realValue = this.state.value.slice();
     let inner;

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>;