@douyinfe/semi-ui 2.12.0-alpha.0 → 2.12.0-beta.0

package/divider/index.tsx

@@ -60,14 +60,10 @@ const Divider: React.FC<DividerProps> = props => {
 
     return (
         <div {...rest} className={dividerClassNames} style={{ ...overrideDefaultStyle, ...style }}>
-            {children && layout === 'horizontal' ? (
-                typeof children === 'string' ? (
-                    <span className={`${prefixCls}-divider_inner-text`} x-semi-prop="children">
-                        {children}
-                    </span>
-                ) : (
-                    children
-                )
+            {(children && layout === 'horizontal') ? (
+                typeof children === 'string' ? <span className={`${prefixCls}-divider_inner-text`}>
+                    {children}
+                </span> : children
             ) : null}
         </div>
     );

package/dropdown/index.tsx

@@ -144,7 +144,7 @@ class Dropdown extends BaseComponent<DropdownProps, DropdownState> {
         return (
             <DropdownContext.Provider value={contextValue}>
                 <div className={className} style={style}>
-                    <div className={`${prefixCls}-content`} x-semi-prop="render">{content}</div>
+                    <div className={`${prefixCls}-content`}>{content}</div>
                 </div>
             </DropdownContext.Provider>
         );

package/empty/index.tsx

@@ -109,25 +109,17 @@ export default class Empty extends BaseComponent<EmptyProps, EmptyState> {
             };
         return (
             <div className={wrapperCls} style={style}>
-                <div className={`${prefixCls}-image`} style={imageStyle} x-semi-prop="image,darkModeImage">
+                <div className={`${prefixCls}-image`} style={imageStyle} >
                     {imageNode}
                 </div>
-                <div className={`${prefixCls}-content`}>
+                <div className={`${prefixCls}-content`} >
                     {title ? (
-                        <Typography.Title {...(titleProps as any)} className={`${prefixCls}-title`} x-semi-prop="title">
+                        <Typography.Title {...(titleProps as any)} className={`${prefixCls}-title`} >
                             {title}
                         </Typography.Title>
                     ) : null}
-                    {description ? (
-                        <div className={`${prefixCls}-description`} x-semi-prop="description">
-                            {description}
-                        </div>
-                    ) : null}
-                    {children ? (
-                        <div className={`${prefixCls}-footer`} x-semi-prop="children">
-                            {children}
-                        </div>
-                    ) : null}
+                    {description ? <div className={`${prefixCls}-description`} >{description}</div> : null}
+                    {children ? <div className={`${prefixCls}-footer`}>{children}</div> : null}
                 </div>
             </div>
         );

package/form/hoc/withField.tsx

@@ -439,7 +439,7 @@ function withField<
                 [`${prefix}-field-extra-botttom`]: mergeExtraPos === 'bottom',
             });
 
-            const extraContent = extraText ? <div className={extraCls} id={extraTextId} x-semi-prop="extraText">{extraText}</div> : null;
+            const extraContent = extraText ? <div className={extraCls} id={extraTextId}>{extraText}</div> : null;
 
             let newProps: Record<string, any> = {
                 id: a11yId,

package/form/label.tsx

@@ -61,7 +61,7 @@ export default class Label extends PureComponent<LabelProps> {
         width ? labelStyle.width = width : null;
 
         const textContent = (
-            <div className={`${prefixCls}-field-label-text`} x-semi-prop="label">
+            <div className={`${prefixCls}-field-label-text`}>
                 {typeof text !== 'undefined' ? text : children}
             </div>
         );

package/grid/col.tsx

@@ -125,7 +125,7 @@ class Col extends React.Component<ColProps> {
         };
 
         return (
-            <div {...others} style={style} className={classes} x-semi-prop="children">
+            <div {...others} style={style} className={classes}>
                 {children}
             </div>
         );

package/grid/row.tsx

@@ -167,7 +167,7 @@ class Row extends React.Component<RowProps, RowState> {
                     gutters,
                 }}
             >
-                <div {...otherProps} className={classes} style={rowStyle} x-semi-prop="children">
+                <div {...otherProps} className={classes} style={rowStyle}>
                     {children}
                 </div>
             </RowContext.Provider>

package/iconButton/index.tsx

@@ -97,8 +97,7 @@ class IconButton extends PureComponent<IconButtonProps> {
             [`${prefixCls}-content-right`]: iconPosition === 'left',
         });
 
-        const xSemiProp = this.props['x-semi-children-alias'] || 'children';
-        const children = originChildren != null ? <span className={btnTextCls} x-semi-prop={xSemiProp}>{originChildren}</span> : null;
+        const children = originChildren != null ? <span className={btnTextCls}>{originChildren}</span> : null;
 
         if (iconPosition === 'left') {
             finalChildren = (

package/input/index.tsx

@@ -141,7 +141,7 @@ class Input extends BaseComponent<InputProps, InputState> {
         onKeyUp: noop,
         onKeyPress: noop,
         onEnterPress: noop,
-        validateStatus: 'default',
+        validateStatus: 'default'
     };
 
     inputRef!: React.RefObject<HTMLInputElement>;
@@ -195,7 +195,7 @@ class Input extends BaseComponent<InputProps, InputState> {
             notifyClear: (e: React.MouseEvent<HTMLDivElement>) => this.props.onClear(e),
             setPaddingLeft: (paddingLeft: string) => this.setState({ paddingLeft }),
             setMinLength: (minLength: number) => this.setState({ minLength }),
-            isEventTarget: (e: React.MouseEvent) => e && e.target === e.currentTarget,
+            isEventTarget: (e: React.MouseEvent) => e && e.target === e.currentTarget
         };
     }
 
@@ -255,7 +255,7 @@ class Input extends BaseComponent<InputProps, InputState> {
 
     handleModeEnterPress = (e: React.KeyboardEvent<HTMLDivElement>) => {
         this.foundation.handleModeEnterPress(e);
-    };
+    }
 
     handleClickPrefixOrSuffix = (e: React.MouseEvent<HTMLInputElement>) => {
         this.foundation.handleClickPrefixOrSuffix(e);
@@ -273,11 +273,7 @@ class Input extends BaseComponent<InputProps, InputState> {
                 [`${prefixCls}-prepend-text`]: addonBefore && isString(addonBefore),
                 [`${prefixCls}-prepend-icon`]: isSemiIcon(addonBefore),
             });
-            return (
-                <div className={prefixWrapperCls} x-semi-prop="addonBefore">
-                    {addonBefore}
-                </div>
-            );
+            return <div className={prefixWrapperCls}>{addonBefore}</div>;
         }
         return null;
     }
@@ -290,11 +286,7 @@ class Input extends BaseComponent<InputProps, InputState> {
                 [`${prefixCls}-append-text`]: addonAfter && isString(addonAfter),
                 [`${prefixCls}-append-icon`]: isSemiIcon(addonAfter),
             });
-            return (
-                <div className={prefixWrapperCls} x-semi-prop="addonAfter">
-                    {addonAfter}
-                </div>
-            );
+            return <div className={prefixWrapperCls}>{addonAfter}</div>;
         }
         return null;
     }
@@ -360,17 +352,7 @@ class Input extends BaseComponent<InputProps, InputState> {
         });
 
         // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
-        return (
-            <div
-                className={prefixWrapperCls}
-                onMouseDown={this.handlePreventMouseDown}
-                onClick={this.handleClickPrefixOrSuffix}
-                id={insetLabelId}
-                x-semi-prop="prefix,insetLabel"
-            >
-                {labelNode}
-            </div>
-        );
+        return <div className={prefixWrapperCls} onMouseDown={this.handlePreventMouseDown} onClick={this.handleClickPrefixOrSuffix} id={insetLabelId}>{labelNode}</div>;
     }
 
     showClearBtn() {
@@ -385,22 +367,13 @@ class Input extends BaseComponent<InputProps, InputState> {
             return null;
         }
         const suffixWrapperCls = cls({
-            [`${prefixCls}-suffix`]: true,
-            [`${prefixCls}-suffix-text`]: suffix && isString(suffix),
-            [`${prefixCls}-suffix-icon`]: isSemiIcon(suffix),
+            [`${prefixCls }-suffix`]: true,
+            [`${prefixCls }-suffix-text`]: suffix && isString(suffix),
+            [`${prefixCls }-suffix-icon`]: isSemiIcon(suffix),
             [`${prefixCls}-suffix-hidden`]: suffixAllowClear && Boolean(hideSuffix),
         });
         // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
-        return (
-            <div
-                className={suffixWrapperCls}
-                onMouseDown={this.handlePreventMouseDown}
-                onClick={this.handleClickPrefixOrSuffix}
-                x-semi-prop="suffix"
-            >
-                {suffix}
-            </div>
-        );
+        return <div className={suffixWrapperCls} onMouseDown={this.handlePreventMouseDown} onClick={this.handleClickPrefixOrSuffix}>{suffix}</div>;
     }
 
     render() {
@@ -487,7 +460,7 @@ class Input extends BaseComponent<InputProps, InputState> {
             inputProps.minLength = stateMinLength;
         }
         if (validateStatus === 'error') {
-            inputProps['aria-invalid'] = 'true';
+            inputProps['aria-invalid'] = "true";
         }
         return (
             // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions

package/lib/cjs/avatar/index.js

@@ -202,8 +202,7 @@ class Avatar extends _baseComponent.default {
     }, className);
     let content = children;
     const hoverRender = hoverContent ? /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(prefixCls, "-hover"),
-      "x-semi-prop": "hoverContent"
+      className: "".concat(prefixCls, "-hover")
     }, hoverContent) : null;
 
     if (isImg) {
@@ -217,8 +216,7 @@ class Avatar extends _baseComponent.default {
       content = /*#__PURE__*/_react.default.createElement("span", {
         className: "".concat(prefixCls, "-content")
       }, /*#__PURE__*/_react.default.createElement("span", {
-        className: "".concat(prefixCls, "-label"),
-        "x-semi-prop": "children"
+        className: "".concat(prefixCls, "-label")
       }, children));
     }
 

package/lib/cjs/backtop/index.js

@@ -121,8 +121,7 @@ class BackTop extends _baseComponent.default {
     const content = visible ? /*#__PURE__*/_react.default.createElement("div", (0, _assign.default)({}, others, {
       className: preCls,
       style: style,
-      onClick: e => this.handleClick(e),
-      "x-semi-prop": "children"
+      onClick: e => this.handleClick(e)
     }), backtopBtn) : null;
     return content;
   }

package/lib/cjs/badge/index.js

@@ -104,8 +104,7 @@ class Badge extends _react.PureComponent {
       className: prefixCls
     }, rest), children, /*#__PURE__*/_react.default.createElement("span", {
       className: wrapper,
-      style: style,
-      "x-semi-prop": "count"
+      style: style
     }, dot ? null : content));
   }
 

package/lib/cjs/banner/index.js

@@ -93,7 +93,6 @@ class Banner extends _baseComponent.default {
       className: "".concat(prefixCls, "-close"),
       onClick: this.remove,
       icon: closeIcon || /*#__PURE__*/_react.default.createElement(_semiIcons.IconClose, {
-        "x-semi-prop": "closeIcon",
         "aria-hidden": true
       }),
       theme: "borderless",
@@ -140,8 +139,7 @@ class Banner extends _baseComponent.default {
 
     if (iconType) {
       return /*#__PURE__*/_react.default.createElement("div", {
-        className: iconCls,
-        "x-semi-prop": "icon"
+        className: iconCls
       }, iconType);
     }
 
@@ -183,15 +181,12 @@ class Banner extends _baseComponent.default {
     }, title ? /*#__PURE__*/_react.default.createElement(_typography.default.Title, {
       heading: 5,
       className: "".concat(prefixCls, "-title"),
-      component: "div",
-      "x-semi-prop": "title"
+      component: "div"
     }, title) : null, description ? /*#__PURE__*/_react.default.createElement(_typography.default.Paragraph, {
       className: "".concat(prefixCls, "-description"),
-      component: "div",
-      "x-semi-prop": "description"
+      component: "div"
     }, description) : null)), this.renderCloser()), children ? /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(prefixCls, "-extra"),
-      "x-semi-prop": "children"
+      className: "".concat(prefixCls, "-extra")
     }, children) : null) : null;
     return banner;
   }

package/lib/cjs/breadcrumb/index.js

@@ -76,15 +76,14 @@ class Breadcrumb extends _baseComponent.default {
       }, /*#__PURE__*/_react.default.createElement("span", {
         className: "".concat(clsPrefix, "-item-wrap")
       }, /*#__PURE__*/_react.default.createElement("span", {
-        role: "button",
+        role: 'button',
         tabIndex: 0,
-        "aria-label": "Expand breadcrumb items",
+        "aria-label": 'Expand breadcrumb items',
         className: (0, _concat.default)(_context = "".concat(clsPrefix, "-item ")).call(_context, clsPrefix, "-item-more"),
         onClick: item => this.foundation.handleExpand(item),
         onKeyPress: e => this.foundation.handleExpandEnterPress(e)
       }, hasRenderMore && renderMore(restItem), !hasRenderMore && moreType === 'default' && /*#__PURE__*/_react.default.createElement(_semiIcons.IconMore, null), !hasRenderMore && moreType === 'popover' && this.renderPopoverMore(restItem)), /*#__PURE__*/_react.default.createElement("span", {
-        className: "".concat(clsPrefix, "-separator"),
-        "x-semi-prop": "separator"
+        className: "".concat(clsPrefix, "-separator")
       }, this.props.separator)));
 
       (0, _splice.default)(template).call(template, 1, itemsLen - maxItemCount, spread);

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

@@ -6,7 +6,7 @@ export declare type HtmlType = 'button' | 'reset' | 'submit';
 export declare type Size = 'default' | 'small' | 'large';
 export declare type Theme = 'solid' | 'borderless' | 'light';
 export declare type Type = 'primary' | 'secondary' | 'tertiary' | 'warning' | 'danger';
-export interface ButtonProps {
+export interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {
     id?: string;
     block?: boolean;
     circle?: boolean;

package/lib/cjs/button/Button.js

@@ -22,10 +22,6 @@ var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-sta
 
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
 
-var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
-
-var _omit2 = _interopRequireDefault(require("lodash/omit"));
-
 var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -85,7 +81,7 @@ class Button extends _react.PureComponent {
 
     const baseProps = (0, _assign.default)((0, _assign.default)({
       disabled
-    }, (0, _omit2.default)(attr, ['x-semi-children-alias'])), {
+    }, attr), {
       className: (0, _classnames.default)(prefixCls, {
         [(0, _concat.default)(_context = "".concat(prefixCls, "-")).call(_context, type)]: !disabled && type,
         ["".concat(prefixCls, "-disabled")]: disabled,
@@ -100,12 +96,6 @@ class Button extends _react.PureComponent {
       type: htmlType,
       'aria-disabled': disabled
     });
-    const xSemiProps = {};
-
-    if (!(className && (0, _includes.default)(className).call(className, '-with-icon'))) {
-      xSemiProps['x-semi-prop'] = this.props['x-semi-children-alias'] || 'children';
-    }
-
     return (
       /*#__PURE__*/
       // eslint-disable-next-line react/button-has-type
@@ -113,10 +103,10 @@ class Button extends _react.PureComponent {
         onClick: this.props.onClick,
         onMouseDown: this.props.onMouseDown,
         style: style
-      }), /*#__PURE__*/_react.default.createElement("span", (0, _assign.default)({
+      }), /*#__PURE__*/_react.default.createElement("span", {
         className: "".concat(prefixCls, "-content"),
         onClick: e => disabled && e.stopPropagation()
-      }, xSemiProps), children))
+      }, children))
     );
   }
 

package/lib/cjs/card/index.js

@@ -95,8 +95,7 @@ class Card extends _react.PureComponent {
         _react.default.createElement("div", {
           className: headerWrapperCls
         }, headerExtraContent && /*#__PURE__*/_react.default.createElement("div", {
-          className: "".concat(prefixcls, "-header-wrapper-extra"),
-          "x-semi-prop": "headerExtraContent"
+          className: "".concat(prefixcls, "-header-wrapper-extra")
         }, headerExtraContent), title && /*#__PURE__*/_react.default.createElement("div", {
           className: titleCls
         }, (0, _isString2.default)(title) ? /*#__PURE__*/_react.default.createElement(_typography.default.Title, {
@@ -104,8 +103,7 @@ class Card extends _react.PureComponent {
           ellipsis: {
             showTooltip: true,
             rows: 1
-          },
-          "x-semi-prop": "title"
+          }
         }, title) : title)));
       }
 
@@ -118,8 +116,7 @@ class Card extends _react.PureComponent {
       } = this.props;
       const coverCls = (0, _classnames.default)("".concat(prefixcls, "-cover"));
       return cover && /*#__PURE__*/_react.default.createElement("div", {
-        className: coverCls,
-        "x-semi-prop": "cover"
+        className: coverCls
       }, cover);
     };
 
@@ -151,8 +148,7 @@ class Card extends _react.PureComponent {
         spacing: 12
       }, (0, _map.default)(actions).call(actions, (item, idx) => /*#__PURE__*/_react.default.createElement("div", {
         key: idx,
-        className: actionsItemCls,
-        "x-semi-prop": "actions.".concat(idx)
+        className: actionsItemCls
       }, item)))));
     };
 
@@ -167,8 +163,7 @@ class Card extends _react.PureComponent {
       });
       return footer && /*#__PURE__*/_react.default.createElement("div", {
         style: footerStyle,
-        className: footerCls,
-        "x-semi-prop": "footer"
+        className: footerCls
       }, footer);
     };
   }

package/lib/cjs/carousel/CarouselArrow.js

@@ -74,16 +74,12 @@ class CarouselArrow extends _react.default.PureComponent {
       // role='button'
       className: leftClassNames,
       onClick: prev
-    }, (0, _get2.default)(this.props, 'arrowProps.leftArrow.props'), {
-      "x-semi-prop": "arrowProps.leftArrow.children"
-    }), this.renderLeftIcon()), /*#__PURE__*/_react.default.createElement("div", (0, _assign.default)({
+    }, (0, _get2.default)(this.props, 'arrowProps.leftArrow.props')), this.renderLeftIcon()), /*#__PURE__*/_react.default.createElement("div", (0, _assign.default)({
       // role='button'
       // tabIndex={0} 
       className: rightClassNames,
       onClick: next
-    }, (0, _get2.default)(this.props, 'arrowProps.rightArrow.props'), {
-      "x-semi-prop": "arrowProps.rightArrow.children"
-    }), this.renderRightIcon()));
+    }, (0, _get2.default)(this.props, 'arrowProps.rightArrow.props')), this.renderRightIcon()));
   }
 
 }

package/lib/cjs/carousel/index.js

@@ -296,8 +296,7 @@ class Carousel extends _baseComponent.default {
       className: (0, _classnames.default)([(0, _concat.default)(_context2 = "".concat(_constants.cssClasses.CAROUSEL_CONTENT, "-")).call(_context2, animation)], {
         ["".concat(_constants.cssClasses.CAROUSEL_CONTENT)]: true,
         ["".concat(_constants.cssClasses.CAROUSEL_CONTENT, "-reverse")]: slideDirection === 'left' ? isReverse : !isReverse
-      }),
-      "x-semi-prop": "children"
+      })
     }, this.renderChildren()), this.renderIndicator(), this.renderArrow());
   }
 

package/lib/cjs/cascader/index.js

@@ -342,8 +342,7 @@ class Cascader extends _baseComponent.default {
         ["".concat(prefixcls, "-suffix-icon")]: (0, _utils.isSemiIcon)(suffix)
       });
       return /*#__PURE__*/_react.default.createElement("div", {
-        className: suffixWrapperCls,
-        "x-semi-prop": "suffix"
+        className: suffixWrapperCls
       }, suffix);
     };
 
@@ -363,8 +362,7 @@ class Cascader extends _baseComponent.default {
       });
       return /*#__PURE__*/_react.default.createElement("div", {
         className: prefixWrapperCls,
-        id: insetLabelId,
-        "x-semi-prop": "prefix,insetLabel"
+        id: insetLabelId
       }, labelNode);
     };
 
@@ -454,7 +452,7 @@ class Cascader extends _baseComponent.default {
           className: clearCls,
           onClick: this.handleClear,
           onKeyPress: this.handleClearEnterPress,
-          role: "button",
+          role: 'button',
           tabIndex: 0
         }, /*#__PURE__*/_react.default.createElement(_semiIcons.IconClear, null));
       }
@@ -473,8 +471,7 @@ class Cascader extends _baseComponent.default {
       }
 
       return arrowIcon ? /*#__PURE__*/_react.default.createElement("div", {
-        className: (0, _classnames.default)("".concat(prefixcls, "-arrow")),
-        "x-semi-prop": "arrowIcon"
+        className: (0, _classnames.default)("".concat(prefixcls, "-arrow"))
       }, arrowIcon) : null;
     };
 
@@ -549,12 +546,12 @@ class Cascader extends _baseComponent.default {
         "aria-errormessage": this.props['aria-errormessage'],
         "aria-label": this.props['aria-label'],
         "aria-labelledby": this.props['aria-labelledby'],
-        "aria-describedby": this.props['aria-describedby'],
+        "aria-describedby": this.props["aria-describedby"],
         "aria-required": this.props['aria-required'],
         id: id
       }, mouseEvent, {
         // eslint-disable-next-line jsx-a11y/role-has-required-aria-props
-        role: "combobox",
+        role: 'combobox',
         tabIndex: 0
       }), inner);
     };

package/lib/cjs/cascader/item.js

@@ -332,8 +332,7 @@ class Item extends _react.PureComponent {
         className: (0, _concat.default)(_context6 = "".concat(prefixcls, " ")).call(_context6, prefixcls, "-empty"),
         key: 'empty-list'
       }, /*#__PURE__*/_react.default.createElement("span", {
-        className: "".concat(prefixcls, "-label"),
-        "x-semi-prop": "emptyContent"
+        className: "".concat(prefixcls, "-label")
       }, emptyContent || locale.emptyText));
     });
   }

package/lib/cjs/checkbox/checkbox.js

@@ -181,17 +181,13 @@ class Checkbox extends _baseComponent.default {
     const extraCls = (0, _classnames.default)("".concat(prefix, "-extra"), {
       ["".concat(prefix, "-cardType_extra_noChildren")]: props.isCardType && !children
     });
-    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: this.addonId,
-      className: "".concat(prefix, "-addon"),
-      "x-semi-prop": xSemiPropChildren
+      id: addonId,
+      className: "".concat(prefix, "-addon")
     }, children) : null, extra ? /*#__PURE__*/_react.default.createElement("div", {
-      id: this.extraId,
-      className: extraCls,
-      "x-semi-prop": "extra"
+      id: extraId,
+      className: extraCls
     }, extra) : null);
 
     return (

package/lib/cjs/collapsible/index.js

@@ -115,8 +115,7 @@ const Collapsible = props => {
       style: {
         overflow: 'hidden'
       },
-      id: id,
-      "x-semi-prop": "children"
+      id: id
     }, children));
   };
 

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" | "dateTime" | "month" | "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/dateInput.js

@@ -179,8 +179,7 @@ class DateInput extends _baseComponent.default {
     const labelNode = prefix || insetLabel;
     return labelNode ? /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(prefixCls, "-range-input-prefix"),
-      onClick: e => !disabled && !rangeInputFocus && this.handleRangeStartFocus(e),
-      "x-semi-prop": "prefix,insetLabel"
+      onClick: e => !disabled && !rangeInputFocus && this.handleRangeStartFocus(e)
     }, labelNode) : null;
   }
 

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" | "dateTime" | "month" | "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/datePicker.js

@@ -220,13 +220,11 @@ class DatePicker extends _baseComponent.default {
         className: wrapCls,
         style: dropdownStyle
       }, topSlot && /*#__PURE__*/_react.default.createElement("div", {
-        className: "".concat(_constants.cssClasses.PREFIX, "-topSlot"),
-        "x-semi-prop": "topSlot"
+        className: "".concat(_constants.cssClasses.PREFIX, "-topSlot")
       }, topSlot), insetInput && /*#__PURE__*/_react.default.createElement(_dateInput.default, (0, _assign.default)({}, insetInputProps, {
         insetInput: true
       })), this.adapter.typeIsYearOrMonth() ? this.renderYearMonthPanel(locale, localeCode) : this.renderMonthGrid(locale, localeCode, dateFnsLocale), this.renderQuickControls(), bottomSlot && /*#__PURE__*/_react.default.createElement("div", {
-        className: "".concat(_constants.cssClasses.PREFIX, "-bottomSlot"),
-        "x-semi-prop": "bottomSlot"
+        className: "".concat(_constants.cssClasses.PREFIX, "-bottomSlot")
       }, bottomSlot), this.renderFooter(locale, localeCode));
     };
 

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" | "dateTime" | "month" | "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>;
@@ -82,7 +82,7 @@ export default class MonthsGrid extends BaseComponent<MonthsGridProps, MonthsGri
     renderMonth(month: Date, panelType: PanelType): JSX.Element;
     handleWeeksRowNumChange: (weeksRowNum: number, panelType: PanelType) => void;
     reselect: () => void;
-    getYAMOpenType: () => "none" | "both" | "left" | "right";
+    getYAMOpenType: () => "left" | "right" | "none" | "both";
     renderTimePicker(panelType: PanelType, panelDetail: MonthInfo): JSX.Element;
     renderYearAndMonth(panelType: PanelType, panelDetail: MonthInfo): JSX.Element;
     renderSwitch(panelType: PanelType): JSX.Element;

package/lib/cjs/divider/index.js

@@ -80,8 +80,7 @@ const Divider = props => {
     className: dividerClassNames,
     style: (0, _assign.default)((0, _assign.default)({}, overrideDefaultStyle), style)
   }), children && layout === 'horizontal' ? typeof children === 'string' ? /*#__PURE__*/_react.default.createElement("span", {
-    className: "".concat(prefixCls, "-divider_inner-text"),
-    "x-semi-prop": "children"
+    className: "".concat(prefixCls, "-divider_inner-text")
   }, children) : children : null);
 };