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

package/lib/cjs/space/index.js

@@ -95,8 +95,7 @@ class Space extends _react.PureComponent {
     const childrenNodes = (0, _utils.flatten)(children);
     return /*#__PURE__*/_react.default.createElement("div", {
       className: classNames,
-      style: realStyle,
-      "x-semi-prop": "children"
+      style: realStyle
     }, childrenNodes);
   }
 

package/lib/cjs/spin/index.js

@@ -89,11 +89,8 @@ class Spin extends _baseComponent.default {
     return loading ? /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(prefixCls, "-wrapper")
     }, indicator ? /*#__PURE__*/_react.default.createElement("div", {
-      className: spinIconCls,
-      "x-semi-prop": "indicator"
-    }, indicator) : /*#__PURE__*/_react.default.createElement(_icon.default, null), tip ? /*#__PURE__*/_react.default.createElement("div", {
-      "x-semi-prop": "tip"
-    }, tip) : null) : null;
+      className: spinIconCls
+    }, indicator) : /*#__PURE__*/_react.default.createElement(_icon.default, null), tip ? /*#__PURE__*/_react.default.createElement("div", null, tip) : null) : null;
   }
 
   render() {
@@ -120,8 +117,7 @@ class Spin extends _baseComponent.default {
       style: style
     }, this.renderSpin(), /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(prefixCls, "-children"),
-      style: childStyle,
-      "x-semi-prop": "children"
+      style: childStyle
     }, children));
   }
 

package/lib/cjs/switch/index.js

@@ -139,21 +139,19 @@ class Switch extends _baseComponent.default {
       className: _constants.cssClasses.KNOB,
       "aria-hidden": true
     }), showCheckedText ? /*#__PURE__*/_react.default.createElement("div", {
-      className: _constants.cssClasses.CHECKED_TEXT,
-      "x-semi-prop": "checkedText"
+      className: _constants.cssClasses.CHECKED_TEXT
     }, checkedText) : null, showUncheckedText ? /*#__PURE__*/_react.default.createElement("div", {
-      className: _constants.cssClasses.UNCHECKED_TEXT,
-      "x-semi-prop": "uncheckedText"
+      className: _constants.cssClasses.UNCHECKED_TEXT
     }, uncheckedText) : null, /*#__PURE__*/_react.default.createElement("input", (0, _assign.default)({}, switchProps, {
       ref: this.switchRef,
       id: id,
-      role: "switch",
+      role: 'switch',
       "aria-checked": nativeControlChecked,
       "aria-invalid": this.props['aria-invalid'],
       "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-disabled": this.props['disabled'],
       onChange: e => this.foundation.handleChange(e.target.checked, e),
       onFocus: e => this.handleFocusVisible(e),

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

@@ -280,7 +280,7 @@ declare class Table<RecordType extends Record<string, any>> extends BaseComponen
      * Combine pagination and table paging processing functions
      */
     mergePagination: (pagination: TablePaginationProps) => {
-        position?: "both" | "top" | "bottom";
+        position?: "top" | "bottom" | "both";
         formatPageText?: import("./interface").FormatPageText;
         style?: React.CSSProperties;
         className?: string;

package/lib/cjs/table/Table.js

@@ -642,8 +642,7 @@ class Table extends _baseComponent.default {
       }
 
       return /*#__PURE__*/(0, _react.isValidElement)(title) || typeof title === 'string' ? /*#__PURE__*/_react.default.createElement("div", {
-        className: "".concat(prefixCls, "-title"),
-        "x-semi-prop": "title"
+        className: "".concat(prefixCls, "-title")
       }, title) : null;
     };
 
@@ -668,8 +667,7 @@ class Table extends _baseComponent.default {
       }, (locale, localeCode) => /*#__PURE__*/_react.default.createElement("div", {
         className: wrapCls
       }, /*#__PURE__*/_react.default.createElement("div", {
-        className: "".concat(prefixCls, "-empty"),
-        "x-semi-prop": "empty"
+        className: "".concat(prefixCls, "-empty")
       }, empty || locale.emptyText)));
     };
 
@@ -689,8 +687,7 @@ class Table extends _baseComponent.default {
 
       return /*#__PURE__*/(0, _react.isValidElement)(footer) || typeof footer === 'string' ? /*#__PURE__*/_react.default.createElement("div", {
         className: "".concat(prefixCls, "-footer"),
-        key: "footer",
-        "x-semi-prop": "footer"
+        key: "footer"
       }, footer) : null;
     };
 

package/lib/cjs/tabs/TabBar.js

@@ -271,8 +271,7 @@ class TabBar extends _react.default.Component {
       const tabBarStyle = (0, _assign.default)((0, _assign.default)({}, tabBarExtraContentDefaultStyle), tabBarExtraContentStyle);
       return /*#__PURE__*/_react.default.createElement("div", {
         className: extraCls,
-        style: tabBarStyle,
-        "x-semi-prop": "tabBarExtraContent"
+        style: tabBarStyle
       }, tabBarExtraContent);
     }
 

package/lib/cjs/tabs/TabPane.js

@@ -143,17 +143,14 @@ class TabPane extends _react.PureComponent {
       style: style,
       "aria-hidden": active ? 'false' : 'true',
       tabIndex: 0
-    }, (0, _getDataAttr.default)(restProps), {
-      "x-semi-prop": "children"
-    }), motion ? /*#__PURE__*/_react.default.createElement(_TabPaneTransition.default, {
+    }, (0, _getDataAttr.default)(restProps)), motion ? /*#__PURE__*/_react.default.createElement(_TabPaneTransition.default, {
       direction: this.getDirection(this.context.activeKey, itemKey, this.context.panes),
       motion: motion,
       mode: tabPosition === 'top' ? 'horizontal' : 'vertical',
       state: active ? 'enter' : 'leave'
     }, transitionStyle => /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(_constants.cssClasses.TABS_PANE_MOTION_OVERLAY),
-      style: (0, _assign.default)({}, transitionStyle),
-      "x-semi-prop": "children"
+      style: (0, _assign.default)({}, transitionStyle)
     }, shouldRender ? children : null)) : shouldRender ? children : null);
   }
 

package/lib/cjs/tagInput/index.js

@@ -228,8 +228,7 @@ class TagInput extends _baseComponent.default {
       ["".concat(prefixCls, "-prefix-icon")]: /*#__PURE__*/_react.default.isValidElement(prefix) && !(prefix && (0, _isString2.default)(prefix))
     });
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: prefixWrapperCls,
-      "x-semi-prop": "prefix"
+      className: prefixWrapperCls
     }, prefix);
   }
 
@@ -248,8 +247,7 @@ class TagInput extends _baseComponent.default {
       ["".concat(prefixCls, "-suffix-icon")]: /*#__PURE__*/_react.default.isValidElement(suffix) && !(suffix && (0, _isString2.default)(suffix))
     });
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: suffixWrapperCls,
-      "x-semi-prop": "suffix"
+      className: suffixWrapperCls
     }, suffix);
   }
 

package/lib/cjs/timePicker/Combobox.js

@@ -311,9 +311,7 @@ class Combobox extends _baseComponent.default {
       componentName: "TimePicker"
     }, (locale, localeCode) => /*#__PURE__*/_react.default.createElement(_index.default, {
       header: panelHeader,
-      footer: panelFooter,
-      "x-semi-header-alias": "panelHeader",
-      "x-semi-footer-alias": "panelFooter"
+      footer: panelFooter
     }, this.renderAMPMSelect(locale, localeCode), this.renderHourSelect(value.getHours(), locale), this.renderMinuteSelect(value.getMinutes(), locale), this.renderSecondSelect(value.getSeconds(), locale)));
   }
 

package/lib/cjs/toast/toast.js

@@ -135,7 +135,7 @@ class Toast extends _baseComponent.default {
     const btnTheme = 'borderless';
     const btnSize = 'small';
     return /*#__PURE__*/_react.default.createElement("div", {
-      role: "alert",
+      role: 'alert',
       "aria-label": "".concat(type ? type : 'default', " type"),
       className: toastCls,
       style: style,
@@ -145,16 +145,13 @@ class Toast extends _baseComponent.default {
       className: "".concat(prefixCls, "-content")
     }, this.renderIcon(), /*#__PURE__*/_react.default.createElement("span", {
       className: "".concat(prefixCls, "-content-text"),
-      style: textStyle,
-      "x-semi-prop": "content"
+      style: textStyle
     }, content), showClose && /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(prefixCls, "-close-button")
     }, /*#__PURE__*/_react.default.createElement(_index.default, {
       onClick: e => this.close(e),
       type: "tertiary",
-      icon: /*#__PURE__*/_react.default.createElement(_semiIcons.IconClose, {
-        "x-semi-prop": "icon"
-      }),
+      icon: /*#__PURE__*/_react.default.createElement(_semiIcons.IconClose, null),
       theme: btnTheme,
       size: btnSize
     }))));

package/lib/cjs/tooltip/TooltipStyledTransition.js

@@ -31,12 +31,15 @@ const TooltipTransition = function () {
   const {
     children
   } = props;
-  const motion = (0, _getMotionObjFromProps.default)(props);
+  const motion = (0, _getMotionObjFromProps.default)(props); //  add fillMode forward to fix issue 715, tooltip close will flashing under react 18
+
   return /*#__PURE__*/_react.default.createElement(_semiAnimationReact.StyledTransition, (0, _assign.default)({}, props, {
     enter: enterCls,
     leave: leaveCls,
     duration: '100ms'
-  }, motion), typeof children === 'function' ? _ref => {
+  }, motion, {
+    fillMode: 'forward'
+  }), typeof children === 'function' ? _ref => {
     let {
       animateCls,
       animateEvents,

package/lib/cjs/transfer/index.js

@@ -279,8 +279,7 @@ class Transfer extends _baseComponent.default {
       className: leftItemCls,
       checked: checked,
       role: "listitem",
-      onChange: () => this.onSelectOrRemove(item),
-      "x-semi-children-alias": "dataSource[".concat(index, "].label")
+      onChange: () => this.onSelectOrRemove(item)
     }, item.label);
   }
 

package/lib/cjs/tree/treeNode.js

@@ -410,8 +410,7 @@ class TreeNode extends _react.PureComponent {
     return /*#__PURE__*/_react.default.createElement("ul", {
       className: wrapperCls
     }, /*#__PURE__*/_react.default.createElement("li", {
-      className: (0, _concat.default)(_context2 = "".concat(prefixcls, "-label ")).call(_context2, prefixcls, "-label-empty"),
-      "x-semi-prop": "emptyContent"
+      className: (0, _concat.default)(_context2 = "".concat(prefixcls, "-label ")).call(_context2, prefixcls, "-label-empty")
     }, emptyContent));
   } // eslint-disable-next-line max-lines-per-function
 

package/lib/cjs/treeSelect/index.js

@@ -120,8 +120,7 @@ class TreeSelect 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);
     };
 
@@ -141,8 +140,7 @@ class TreeSelect extends _baseComponent.default {
       });
       return /*#__PURE__*/_react.default.createElement("div", {
         className: prefixWrapperCls,
-        id: insetLabelId,
-        "x-semi-prop": "prefix,insetLabel"
+        id: insetLabelId
       }, labelNode);
     };
 
@@ -396,8 +394,7 @@ class TreeSelect 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;
     };
 

package/lib/cjs/typography/base.js

@@ -571,8 +571,7 @@ class Base extends _react.Component {
 
     const iconSize = size === 'small' ? 'small' : 'default';
     return /*#__PURE__*/_react.default.createElement("span", {
-      className: "".concat(prefixCls, "-icon"),
-      "x-semi-prop": "icon"
+      className: "".concat(prefixCls, "-icon")
     }, (0, _utils.isSemiIcon)(icon) ? /*#__PURE__*/_react.default.cloneElement(icon, {
       size: iconSize
     }) : icon);

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<4 | 1 | 2 | 3 | 5 | 6>;
+        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

@@ -6,7 +6,7 @@ import BaseComponent, { ValidateStatus } from '../_base/baseComponent';
 import { FileItem, RenderFileItemProps, UploadListType, PromptPositionType, BeforeUploadProps, AfterUploadProps, OnChangeProps, customRequestArgs, CustomError } from './interface';
 import { Locale } from '../locale/interface';
 import '@douyinfe/semi-foundation/lib/cjs/upload/upload.css';
-export { FileItem, RenderFileItemProps, UploadListType, PromptPositionType, BeforeUploadProps, AfterUploadProps, OnChangeProps, customRequestArgs, CustomError, BeforeUploadObjectResult, AfterUploadResult, };
+export { FileItem, RenderFileItemProps, UploadListType, PromptPositionType, BeforeUploadProps, AfterUploadProps, OnChangeProps, customRequestArgs, CustomError, BeforeUploadObjectResult, AfterUploadResult };
 export interface UploadProps {
     accept?: string;
     action: string;

package/lib/cjs/upload/index.js

@@ -256,9 +256,7 @@ class Upload extends _baseComponent.default {
         });
       }
 
-      const addContent = /*#__PURE__*/_react.default.createElement("div", (0, _assign.default)({}, addContentProps, {
-        "x-semi-prop": "children"
-      }), children);
+      const addContent = /*#__PURE__*/_react.default.createElement("div", (0, _assign.default)({}, addContentProps), children);
 
       if (!showUploadList || !fileList.length) {
         if (showAddTriggerInList) {
@@ -391,18 +389,15 @@ class Upload extends _baseComponent.default {
         onDragEnter: this.onDragEnter,
         onClick: this.onClick
       }, children ? children : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-        className: "".concat(dragAreaBaseCls, "-icon"),
-        "x-semi-prop": "dragIcon"
+        className: "".concat(dragAreaBaseCls, "-icon")
       }, dragIcon || /*#__PURE__*/_react.default.createElement(_semiIcons.IconUpload, {
         size: "extra-large"
       })), /*#__PURE__*/_react.default.createElement("div", {
         className: "".concat(dragAreaBaseCls, "-text")
       }, /*#__PURE__*/_react.default.createElement("div", {
-        className: "".concat(dragAreaBaseCls, "-main-text"),
-        "x-semi-prop": "dragMainText"
+        className: "".concat(dragAreaBaseCls, "-main-text")
       }, dragMainText || locale.mainText), /*#__PURE__*/_react.default.createElement("div", {
-        className: "".concat(dragAreaBaseCls, "-sub-text"),
-        "x-semi-prop": "dragSubText"
+        className: "".concat(dragAreaBaseCls, "-sub-text")
       }, dragSubText), /*#__PURE__*/_react.default.createElement("div", {
         className: "".concat(dragAreaBaseCls, "-tips")
       }, dragAreaStatus === _constants.strings.DRAG_AREA_LEGAL && /*#__PURE__*/_react.default.createElement("span", {
@@ -588,11 +583,9 @@ class Upload extends _baseComponent.default {
       className: inputReplaceCls,
       ref: this.replaceInputRef
     }), this.renderAddContent(), prompt ? /*#__PURE__*/_react.default.createElement("div", {
-      className: promptCls,
-      "x-semi-prop": "prompt"
+      className: promptCls
     }, prompt) : null, validateMessage ? /*#__PURE__*/_react.default.createElement("div", {
-      className: validateMsgCls,
-      "x-semi-prop": "validateMessage"
+      className: validateMsgCls
     }, validateMessage) : null, this.renderFileList());
   }
 

package/lib/es/avatar/index.js

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

package/lib/es/backtop/index.js

@@ -98,8 +98,7 @@ export default class BackTop extends BaseComponent {
     const content = visible ? /*#__PURE__*/React.createElement("div", _Object$assign({}, 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/es/badge/index.js

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

package/lib/es/banner/index.js

@@ -68,7 +68,6 @@ export default class Banner extends BaseComponent {
       className: "".concat(prefixCls, "-close"),
       onClick: this.remove,
       icon: closeIcon || /*#__PURE__*/React.createElement(IconClose, {
-        "x-semi-prop": "closeIcon",
         "aria-hidden": true
       }),
       theme: "borderless",
@@ -114,8 +113,7 @@ export default class Banner extends BaseComponent {
 
     if (iconType) {
       return /*#__PURE__*/React.createElement("div", {
-        className: iconCls,
-        "x-semi-prop": "icon"
+        className: iconCls
       }, iconType);
     }
 
@@ -157,15 +155,12 @@ export default class Banner extends BaseComponent {
     }, title ? /*#__PURE__*/React.createElement(Typography.Title, {
       heading: 5,
       className: "".concat(prefixCls, "-title"),
-      component: "div",
-      "x-semi-prop": "title"
+      component: "div"
     }, title) : null, description ? /*#__PURE__*/React.createElement(Typography.Paragraph, {
       className: "".concat(prefixCls, "-description"),
-      component: "div",
-      "x-semi-prop": "description"
+      component: "div"
     }, description) : null)), this.renderCloser()), children ? /*#__PURE__*/React.createElement("div", {
-      className: "".concat(prefixCls, "-extra"),
-      "x-semi-prop": "children"
+      className: "".concat(prefixCls, "-extra")
     }, children) : null) : null;
     return banner;
   }

package/lib/es/breadcrumb/index.js

@@ -47,15 +47,14 @@ class Breadcrumb extends BaseComponent {
       }, /*#__PURE__*/React.createElement("span", {
         className: "".concat(clsPrefix, "-item-wrap")
       }, /*#__PURE__*/React.createElement("span", {
-        role: "button",
+        role: 'button',
         tabIndex: 0,
-        "aria-label": "Expand breadcrumb items",
+        "aria-label": 'Expand breadcrumb items',
         className: _concatInstanceProperty(_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.createElement(IconMore, null), !hasRenderMore && moreType === 'popover' && this.renderPopoverMore(restItem)), /*#__PURE__*/React.createElement("span", {
-        className: "".concat(clsPrefix, "-separator"),
-        "x-semi-prop": "separator"
+        className: "".concat(clsPrefix, "-separator")
       }, this.props.separator)));
 
       _spliceInstanceProperty(template).call(template, 1, itemsLen - maxItemCount, spread);

package/lib/es/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/es/button/Button.js

@@ -1,9 +1,7 @@
-import _omit from "lodash/omit";
 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 _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
 
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
@@ -54,7 +52,7 @@ export default class Button extends PureComponent {
 
     const baseProps = _Object$assign(_Object$assign({
       disabled
-    }, _omit(attr, ['x-semi-children-alias'])), {
+    }, attr), {
       className: classNames(prefixCls, {
         [_concatInstanceProperty(_context = "".concat(prefixCls, "-")).call(_context, type)]: !disabled && type,
         ["".concat(prefixCls, "-disabled")]: disabled,
@@ -70,12 +68,6 @@ export default class Button extends PureComponent {
       'aria-disabled': disabled
     });
 
-    const xSemiProps = {};
-
-    if (!(className && _includesInstanceProperty(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
@@ -83,10 +75,10 @@ export default class Button extends PureComponent {
         onClick: this.props.onClick,
         onMouseDown: this.props.onMouseDown,
         style: style
-      }), /*#__PURE__*/React.createElement("span", _Object$assign({
+      }), /*#__PURE__*/React.createElement("span", {
         className: "".concat(prefixCls, "-content"),
         onClick: e => disabled && e.stopPropagation()
-      }, xSemiProps), children))
+      }, children))
     );
   }
 

package/lib/es/card/index.js

@@ -59,8 +59,7 @@ class Card extends PureComponent {
         React.createElement("div", {
           className: headerWrapperCls
         }, headerExtraContent && /*#__PURE__*/React.createElement("div", {
-          className: "".concat(prefixcls, "-header-wrapper-extra"),
-          "x-semi-prop": "headerExtraContent"
+          className: "".concat(prefixcls, "-header-wrapper-extra")
         }, headerExtraContent), title && /*#__PURE__*/React.createElement("div", {
           className: titleCls
         }, _isString(title) ? /*#__PURE__*/React.createElement(Typography.Title, {
@@ -68,8 +67,7 @@ class Card extends PureComponent {
           ellipsis: {
             showTooltip: true,
             rows: 1
-          },
-          "x-semi-prop": "title"
+          }
         }, title) : title)));
       }
 
@@ -82,8 +80,7 @@ class Card extends PureComponent {
       } = this.props;
       const coverCls = cls("".concat(prefixcls, "-cover"));
       return cover && /*#__PURE__*/React.createElement("div", {
-        className: coverCls,
-        "x-semi-prop": "cover"
+        className: coverCls
       }, cover);
     };
 
@@ -113,8 +110,7 @@ class Card extends PureComponent {
         spacing: 12
       }, _mapInstanceProperty(actions).call(actions, (item, idx) => /*#__PURE__*/React.createElement("div", {
         key: idx,
-        className: actionsItemCls,
-        "x-semi-prop": "actions.".concat(idx)
+        className: actionsItemCls
       }, item)))));
     };
 
@@ -129,8 +125,7 @@ class Card extends PureComponent {
       });
       return footer && /*#__PURE__*/React.createElement("div", {
         style: footerStyle,
-        className: footerCls,
-        "x-semi-prop": "footer"
+        className: footerCls
       }, footer);
     };
   }

package/lib/es/carousel/CarouselArrow.js

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

package/lib/es/carousel/index.js

@@ -263,8 +263,7 @@ class Carousel extends BaseComponent {
       className: cls([_concatInstanceProperty(_context2 = "".concat(cssClasses.CAROUSEL_CONTENT, "-")).call(_context2, animation)], {
         ["".concat(cssClasses.CAROUSEL_CONTENT)]: true,
         ["".concat(cssClasses.CAROUSEL_CONTENT, "-reverse")]: slideDirection === 'left' ? isReverse : !isReverse
-      }),
-      "x-semi-prop": "children"
+      })
     }, this.renderChildren()), this.renderIndicator(), this.renderArrow());
   }
 

package/lib/es/cascader/index.js

@@ -285,8 +285,7 @@ class Cascader extends BaseComponent {
         ["".concat(prefixcls, "-suffix-icon")]: isSemiIcon(suffix)
       });
       return /*#__PURE__*/React.createElement("div", {
-        className: suffixWrapperCls,
-        "x-semi-prop": "suffix"
+        className: suffixWrapperCls
       }, suffix);
     };
 
@@ -306,8 +305,7 @@ class Cascader extends BaseComponent {
       });
       return /*#__PURE__*/React.createElement("div", {
         className: prefixWrapperCls,
-        id: insetLabelId,
-        "x-semi-prop": "prefix,insetLabel"
+        id: insetLabelId
       }, labelNode);
     };
 
@@ -397,7 +395,7 @@ class Cascader extends BaseComponent {
           className: clearCls,
           onClick: this.handleClear,
           onKeyPress: this.handleClearEnterPress,
-          role: "button",
+          role: 'button',
           tabIndex: 0
         }, /*#__PURE__*/React.createElement(IconClear, null));
       }
@@ -416,8 +414,7 @@ class Cascader extends BaseComponent {
       }
 
       return arrowIcon ? /*#__PURE__*/React.createElement("div", {
-        className: cls("".concat(prefixcls, "-arrow")),
-        "x-semi-prop": "arrowIcon"
+        className: cls("".concat(prefixcls, "-arrow"))
       }, arrowIcon) : null;
     };
 
@@ -492,12 +489,12 @@ class Cascader extends BaseComponent {
         "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);
     };