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

package/lib/cjs/grid/col.js

@@ -116,7 +116,8 @@ class Col extends _react.default.Component {
     } : {}), style);
     return /*#__PURE__*/_react.default.createElement("div", (0, _assign.default)({}, others, {
       style: style,
-      className: classes
+      className: classes,
+      "x-semi-prop": "children"
     }), children);
   }
 

package/lib/cjs/grid/row.js

@@ -181,7 +181,8 @@ class Row extends _react.default.Component {
       }
     }, /*#__PURE__*/_react.default.createElement("div", (0, _assign.default)({}, otherProps, {
       className: classes,
-      style: rowStyle
+      style: rowStyle,
+      "x-semi-prop": "children"
     }), children));
   }
 

package/lib/cjs/iconButton/index.js

@@ -103,8 +103,10 @@ class IconButton extends _react.PureComponent {
       ["".concat(prefixCls, "-content-left")]: iconPosition === 'right',
       ["".concat(prefixCls, "-content-right")]: iconPosition === 'left'
     });
+    const xSemiProp = this.props['x-semi-children-alias'] || 'children';
     const children = originChildren != null ? /*#__PURE__*/_react.default.createElement("span", {
-      className: btnTextCls
+      className: btnTextCls,
+      "x-semi-prop": xSemiProp
     }, originChildren) : null;
 
     if (iconPosition === 'left') {

package/lib/cjs/input/index.js

@@ -210,7 +210,8 @@ class Input extends _baseComponent.default {
         ["".concat(prefixCls, "-prepend-icon")]: (0, _utils.isSemiIcon)(addonBefore)
       });
       return /*#__PURE__*/_react.default.createElement("div", {
-        className: prefixWrapperCls
+        className: prefixWrapperCls,
+        "x-semi-prop": "addonBefore"
       }, addonBefore);
     }
 
@@ -229,7 +230,8 @@ class Input extends _baseComponent.default {
         ["".concat(prefixCls, "-append-icon")]: (0, _utils.isSemiIcon)(addonAfter)
       });
       return /*#__PURE__*/_react.default.createElement("div", {
-        className: prefixWrapperCls
+        className: prefixWrapperCls,
+        "x-semi-prop": "addonAfter"
       }, addonAfter);
     }
 
@@ -309,7 +311,8 @@ class Input extends _baseComponent.default {
       className: prefixWrapperCls,
       onMouseDown: this.handlePreventMouseDown,
       onClick: this.handleClickPrefixOrSuffix,
-      id: insetLabelId
+      id: insetLabelId,
+      "x-semi-prop": "prefix,insetLabel"
     }, labelNode);
   }
 
@@ -346,7 +349,8 @@ class Input extends _baseComponent.default {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: suffixWrapperCls,
       onMouseDown: this.handlePreventMouseDown,
-      onClick: this.handleClickPrefixOrSuffix
+      onClick: this.handleClickPrefixOrSuffix,
+      "x-semi-prop": "suffix"
     }, suffix);
   }
 
@@ -447,7 +451,7 @@ class Input extends _baseComponent.default {
     }
 
     if (validateStatus === 'error') {
-      inputProps['aria-invalid'] = "true";
+      inputProps['aria-invalid'] = 'true';
     }
 
     return (

package/lib/cjs/list/index.js

@@ -55,7 +55,8 @@ class List extends _baseComponent.default {
 
       if (emptyContent) {
         return /*#__PURE__*/_react.default.createElement("div", {
-          className: "".concat(_constants.cssClasses.PREFIX, "-empty")
+          className: "".concat(_constants.cssClasses.PREFIX, "-empty"),
+          "x-semi-prop": "emptyContent"
         }, emptyContent);
       } else {
         return /*#__PURE__*/_react.default.createElement(_localeConsumer.default, {
@@ -140,7 +141,8 @@ class List extends _baseComponent.default {
       className: wrapperCls,
       style: style
     }, header ? /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(_constants.cssClasses.PREFIX, "-header")
+      className: "".concat(_constants.cssClasses.PREFIX, "-header"),
+      "x-semi-prop": "header"
     }, header) : null, /*#__PURE__*/_react.default.createElement(_listContext.default.Provider, {
       value: {
         grid,
@@ -151,7 +153,8 @@ class List extends _baseComponent.default {
       spinning: loading,
       size: "large"
     }, this.wrapChildren(childrenList, children))), footer ? /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(_constants.cssClasses.PREFIX, "-footer")
+      className: "".concat(_constants.cssClasses.PREFIX, "-footer"),
+      "x-semi-prop": "footer"
     }, footer) : null, loadMore ? loadMore : null);
   }
 

package/lib/cjs/modal/ConfirmModal.js

@@ -129,7 +129,8 @@ const ConfirmModal = props => {
     icon: iconNode,
     visible: visible
   }, rest), /*#__PURE__*/_react.default.createElement("div", {
-    className: contentCls
+    className: contentCls,
+    "x-semi-prop": "content"
   }, content));
 };
 

package/lib/cjs/modal/Modal.js

@@ -119,7 +119,9 @@ class Modal extends _baseComponent.default {
             loading: cancelLoading,
             type: "tertiary",
             autoFocus: true
-          }, this.props.cancelButtonProps), cancelText || locale.cancel);
+          }, this.props.cancelButtonProps, {
+            "x-semi-children-alias": "cancelText"
+          }), cancelText || locale.cancel);
         }
       };
 
@@ -131,7 +133,9 @@ class Modal extends _baseComponent.default {
         theme: "solid",
         loading: confirmLoading,
         onClick: this.handleOk
-      }, this.props.okButtonProps), okText || locale.confirm)));
+      }, this.props.okButtonProps, {
+        "x-semi-children-alias": "okText"
+      }), okText || locale.confirm)));
     }; // getDialog = () => {
     //     const {
     //         footer,

package/lib/cjs/modal/ModalContent.js

@@ -121,7 +121,9 @@ class ModalContent extends _baseComponent.default {
       let closer;
 
       if (closable) {
-        const iconType = closeIcon || /*#__PURE__*/_react.default.createElement(_semiIcons.IconClose, null);
+        const iconType = closeIcon || /*#__PURE__*/_react.default.createElement(_semiIcons.IconClose, {
+          "x-semi-prop": "closeIcon"
+        });
 
         closer = /*#__PURE__*/_react.default.createElement(_iconButton.default, {
           "aria-label": "close",
@@ -143,7 +145,8 @@ class ModalContent extends _baseComponent.default {
         icon
       } = this.props;
       return icon ? /*#__PURE__*/_react.default.createElement("span", {
-        className: "".concat(_constants.cssClasses.DIALOG, "-icon-wrapper")
+        className: "".concat(_constants.cssClasses.DIALOG, "-icon-wrapper"),
+        "x-semi-prop": "icon"
       }, icon) : null;
     };
 
@@ -162,7 +165,8 @@ class ModalContent extends _baseComponent.default {
       }, icon, /*#__PURE__*/_react.default.createElement(_typography.default.Title, {
         heading: 5,
         className: "".concat(_constants.cssClasses.DIALOG, "-title"),
-        id: "".concat(_constants.cssClasses.DIALOG, "-title")
+        id: "".concat(_constants.cssClasses.DIALOG, "-title"),
+        "x-semi-prop": "title"
       }, title), closer);
     };
 
@@ -181,12 +185,14 @@ class ModalContent extends _baseComponent.default {
       return hasHeader ? /*#__PURE__*/_react.default.createElement("div", {
         className: bodyCls,
         id: "".concat(_constants.cssClasses.DIALOG, "-body"),
-        style: bodyStyle
+        style: bodyStyle,
+        "x-semi-prop": "children"
       }, children) : /*#__PURE__*/_react.default.createElement("div", {
         className: "".concat(_constants.cssClasses.DIALOG, "-body-wrapper")
       }, icon, /*#__PURE__*/_react.default.createElement("div", {
         className: bodyCls,
-        style: bodyStyle
+        style: bodyStyle,
+        "x-semi-prop": "children"
       }, children), closer);
     };
 
@@ -218,7 +224,8 @@ class ModalContent extends _baseComponent.default {
       const body = this.renderBody();
       const header = this.renderHeader();
       const footer = props.footer ? /*#__PURE__*/_react.default.createElement("div", {
-        className: "".concat(_constants.cssClasses.DIALOG, "-footer")
+        className: "".concat(_constants.cssClasses.DIALOG, "-footer"),
+        "x-semi-prop": "footer"
       }, props.footer) : null;
 
       const dialogElement =

package/lib/cjs/modal/confirm.d.ts

@@ -17,7 +17,7 @@ export declare function withInfo(props: ModalReactProps): {
     bodyStyle?: React.CSSProperties;
     maskStyle?: React.CSSProperties;
     style?: React.CSSProperties;
-    icon: string | number | boolean | React.ReactFragment | JSX.Element;
+    icon: React.ReactNode | JSX.Element;
     closeIcon?: React.ReactNode;
     title?: React.ReactNode;
     content?: React.ReactNode;
@@ -59,7 +59,7 @@ export declare function withSuccess(props: ModalReactProps): {
     bodyStyle?: React.CSSProperties;
     maskStyle?: React.CSSProperties;
     style?: React.CSSProperties;
-    icon: string | number | boolean | React.ReactFragment | JSX.Element;
+    icon: React.ReactNode | JSX.Element;
     closeIcon?: React.ReactNode;
     title?: React.ReactNode;
     content?: React.ReactNode;
@@ -101,7 +101,7 @@ export declare function withWarning(props: ModalReactProps): {
     bodyStyle?: React.CSSProperties;
     maskStyle?: React.CSSProperties;
     style?: React.CSSProperties;
-    icon: string | number | boolean | React.ReactFragment | JSX.Element;
+    icon: React.ReactNode | JSX.Element;
     closeIcon?: React.ReactNode;
     title?: React.ReactNode;
     content?: React.ReactNode;
@@ -143,7 +143,7 @@ export declare function withError(props: ModalReactProps): {
     bodyStyle?: React.CSSProperties;
     maskStyle?: React.CSSProperties;
     style?: React.CSSProperties;
-    icon: string | number | boolean | React.ReactFragment | JSX.Element;
+    icon: React.ReactNode | JSX.Element;
     closeIcon?: React.ReactNode;
     title?: React.ReactNode;
     content?: React.ReactNode;
@@ -185,7 +185,7 @@ export declare function withConfirm(props: ModalReactProps): {
     bodyStyle?: React.CSSProperties;
     maskStyle?: React.CSSProperties;
     style?: React.CSSProperties;
-    icon: string | number | boolean | React.ReactFragment | JSX.Element;
+    icon: React.ReactNode | JSX.Element;
     closeIcon?: React.ReactNode;
     title?: React.ReactNode;
     content?: React.ReactNode;

package/lib/cjs/notification/notice.js

@@ -143,7 +143,8 @@ class Notice extends _baseComponent.default {
 
     if (iconType) {
       return /*#__PURE__*/_react.default.createElement("div", {
-        className: iconCls
+        className: iconCls,
+        "x-semi-prop": "icon"
       }, (0, _utils.isSemiIcon)(iconType) ? /*#__PURE__*/_react.default.cloneElement(iconType, {
         size: iconType.props.size || 'large'
       }) : iconType);
@@ -201,9 +202,11 @@ class Notice extends _baseComponent.default {
         className: "".concat(prefixCls, "-content-wrapper")
       }, title ? /*#__PURE__*/_react.default.createElement("div", {
         id: titleID,
-        className: "".concat(prefixCls, "-title")
+        className: "".concat(prefixCls, "-title"),
+        "x-semi-prop": "title"
       }, title) : '', content ? /*#__PURE__*/_react.default.createElement("div", {
-        className: "".concat(prefixCls, "-content")
+        className: "".concat(prefixCls, "-content"),
+        "x-semi-prop": "content"
       }, content) : ''), showClose && /*#__PURE__*/_react.default.createElement(_iconButton.default, {
         className: "".concat(prefixCls, "-icon-close"),
         type: "tertiary",

package/lib/cjs/pagination/index.js

@@ -188,7 +188,8 @@ class Pagination extends _baseComponent.default {
       "aria-disabled": prevDisabled ? true : false,
       "aria-label": "Previous",
       onClick: e => !prevDisabled && this.foundation.goPrev(e),
-      className: preClassName
+      className: preClassName,
+      "x-semi-prop": "prevText"
     }, prevText || /*#__PURE__*/_react.default.createElement(_semiIcons.IconChevronLeft, {
       size: "large"
     }));
@@ -211,7 +212,8 @@ class Pagination extends _baseComponent.default {
       "aria-disabled": nextDisabled ? true : false,
       "aria-label": "Next",
       onClick: e => !nextDisabled && this.foundation.goNext(e),
-      className: nextClassName
+      className: nextClassName,
+      "x-semi-prop": "prevText"
     }, nextText || /*#__PURE__*/_react.default.createElement(_semiIcons.IconChevronRight, {
       size: "large"
     }));

package/lib/cjs/popconfirm/index.js

@@ -150,13 +150,16 @@ class Popconfirm extends _baseComponent.default {
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(prefixCls, "-header")
     }, /*#__PURE__*/_react.default.createElement("i", {
-      className: "".concat(prefixCls, "-header-icon")
+      className: "".concat(prefixCls, "-header-icon"),
+      "x-semi-prop": "icon"
     }, /*#__PURE__*/_react.default.isValidElement(icon) ? icon : null), /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(prefixCls, "-header-body")
     }, showTitle ? /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(prefixCls, "-header-title")
+      className: "".concat(prefixCls, "-header-title"),
+      "x-semi-prop": "title"
     }, title) : null, showContent ? /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(prefixCls, "-header-content")
+      className: "".concat(prefixCls, "-header-content"),
+      "x-semi-prop": "content"
     }, content) : null), /*#__PURE__*/_react.default.createElement(_button.default, {
       className: "".concat(prefixCls, "-btn-close"),
       icon: /*#__PURE__*/_react.default.createElement(_semiIcons.IconClose, null),

package/lib/cjs/radio/radio.js

@@ -188,10 +188,12 @@ class Radio extends _baseComponent.default {
     const renderContent = () => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children ? /*#__PURE__*/_react.default.createElement("span", {
       className: addonCls,
       style: addonStyle,
-      id: addonId
+      id: this.addonId,
+      "x-semi-prop": "children"
     }, children) : null, extra && !isButtonRadio ? /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(prefix, "-extra"),
-      id: extraId
+      id: this.extraId,
+      "x-semi-prop": "extra"
     }, extra) : null);
 
     return /*#__PURE__*/_react.default.createElement("label", {

package/lib/cjs/rating/item.js

@@ -126,7 +126,8 @@ class Item extends _react.PureComponent {
         width: "".concat(firstWidth * 100, "%")
       }
     }, content), /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(prefixCls, "-second")
+      className: "".concat(prefixCls, "-second"),
+      "x-semi-prop": "character"
     }, content)));
   }
 

package/lib/cjs/scrollList/index.js

@@ -55,16 +55,19 @@ class ScrollList extends _baseComponent.default {
     }, header ? /*#__PURE__*/_react.default.createElement("div", {
       className: clsHeader
     }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(clsHeader, "-title")
+      className: "".concat(clsHeader, "-title"),
+      "x-semi-prop": this.props['x-semi-header-alias'] || "header"
     }, header), /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(clsWrapper, "-line")
     })) : null, /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(clsWrapper, "-body"),
       style: {
         height: bodyHeight ? bodyHeight : ''
-      }
+      },
+      "x-semi-prop": "children"
     }, children), footer ? /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(clsWrapper, "-footer")
+      className: "".concat(clsWrapper, "-footer"),
+      "x-semi-prop": this.props['x-semi-footer-alias'] || "footer"
     }, footer) : null);
   }
 

package/lib/cjs/select/index.js

@@ -718,7 +718,8 @@ class Select extends _baseComponent.default {
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
       className: contentWrapperCls
     }, /*#__PURE__*/_react.default.createElement("span", {
-      className: spanCls
+      className: spanCls,
+      "x-semi-prop": "placeholder"
     }, renderText || renderText === 0 ? renderText : placeholder), filterable && showInput ? this.renderInput() : null));
   }
 
@@ -877,7 +878,8 @@ class Select extends _baseComponent.default {
       ["".concat(prefixcls, "-suffix-icon")]: (0, _utils2.isSemiIcon)(suffix)
     });
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: suffixWrapperCls
+      className: suffixWrapperCls,
+      "x-semi-prop": "suffix"
     }, suffix);
   }
 
@@ -896,7 +898,8 @@ class Select extends _baseComponent.default {
     });
     return /*#__PURE__*/_react.default.createElement("div", {
       className: prefixWrapperCls,
-      id: insetLabelId
+      id: insetLabelId,
+      "x-semi-prop": "prefix,insetLabel"
     }, labelNode);
   }
 
@@ -948,7 +951,8 @@ class Select extends _baseComponent.default {
     });
     const showClear = this.props.showClear && (selections.size || inputValue) && !disabled && (isHovering || isOpen);
     const arrowContent = showArrow ? /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(prefixcls, "-arrow")
+      className: "".concat(prefixcls, "-arrow"),
+      "x-semi-prop": "arrowIcon"
     }, arrowIcon) : /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(prefixcls, "-arrow-empty")
     });

package/lib/cjs/select/option.js

@@ -129,7 +129,8 @@ class Option extends _react.PureComponent {
       return /*#__PURE__*/_react.default.createElement(_localeConsumer.default, {
         componentName: "Select"
       }, locale => /*#__PURE__*/_react.default.createElement("div", {
-        className: optionClassName
+        className: optionClassName,
+        "x-semi-prop": "emptyContent"
       }, emptyContent || locale.emptyText));
     } // Since there are empty, locale and other logic, the custom renderOptionItem is directly converged to the internal option instead of being placed in Select/index
 

package/lib/cjs/sideSheet/SideSheetContent.js

@@ -102,7 +102,8 @@ class SideSheetContent extends _react.default.PureComponent {
 
     if (title) {
       header = /*#__PURE__*/_react.default.createElement("div", {
-        className: "".concat(prefixCls, "-title")
+        className: "".concat(prefixCls, "-title"),
+        "x-semi-prop": "title"
       }, this.props.title);
     }
 
@@ -158,9 +159,11 @@ class SideSheetContent extends _react.default.PureComponent {
       className: "".concat(prefixCls, "-content")
     }, header, /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(prefixCls, "-body"),
-      style: props.bodyStyle
+      style: props.bodyStyle,
+      "x-semi-prop": "children"
     }, props.children), props.footer ? /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(prefixCls, "-footer")
+      className: "".concat(prefixCls, "-footer"),
+      "x-semi-prop": "footer"
     }, props.footer) : null));
 
     return dialogElement;

package/lib/cjs/skeleton/index.js

@@ -71,7 +71,9 @@ class Skeleton extends _react.PureComponent {
       content = /*#__PURE__*/_react.default.createElement("div", (0, _assign.default)({
         className: skCls,
         style: style
-      }, others), placeholder);
+      }, others, {
+        "x-semi-prop": "placeholder"
+      }), placeholder);
     } else {
       content = children;
     }

package/lib/cjs/space/index.js

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

package/lib/cjs/spin/index.js

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

package/lib/cjs/switch/index.js

@@ -139,19 +139,21 @@ class Switch extends _baseComponent.default {
       className: _constants.cssClasses.KNOB,
       "aria-hidden": true
     }), showCheckedText ? /*#__PURE__*/_react.default.createElement("div", {
-      className: _constants.cssClasses.CHECKED_TEXT
+      className: _constants.cssClasses.CHECKED_TEXT,
+      "x-semi-prop": "checkedText"
     }, checkedText) : null, showUncheckedText ? /*#__PURE__*/_react.default.createElement("div", {
-      className: _constants.cssClasses.UNCHECKED_TEXT
+      className: _constants.cssClasses.UNCHECKED_TEXT,
+      "x-semi-prop": "uncheckedText"
     }, 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

@@ -294,7 +294,7 @@ declare class Table<RecordType extends Record<string, any>> extends BaseComponen
         defaultCurrentPage?: number;
         onPageChange?: (currentPage: number) => void;
         onPageSizeChange?: (newPageSize: number) => void;
-        onChange: (currentPage: number, pageSize: number) => void;
+        onChange: ((currentPage: number, pageSize: number) => void) | ((currentPage: number, currentPageSize: number) => void);
         prevText?: React.ReactNode;
         nextText?: React.ReactNode;
         showSizeChanger?: boolean;

package/lib/cjs/table/Table.js

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

package/lib/cjs/tabs/TabBar.js

@@ -271,7 +271,8 @@ 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
+        style: tabBarStyle,
+        "x-semi-prop": "tabBarExtraContent"
       }, tabBarExtraContent);
     }
 

package/lib/cjs/tabs/TabPane.js

@@ -143,14 +143,17 @@ class TabPane extends _react.PureComponent {
       style: style,
       "aria-hidden": active ? 'false' : 'true',
       tabIndex: 0
-    }, (0, _getDataAttr.default)(restProps)), motion ? /*#__PURE__*/_react.default.createElement(_TabPaneTransition.default, {
+    }, (0, _getDataAttr.default)(restProps), {
+      "x-semi-prop": "children"
+    }), 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)
+      style: (0, _assign.default)({}, transitionStyle),
+      "x-semi-prop": "children"
     }, shouldRender ? children : null)) : shouldRender ? children : null);
   }
 

package/lib/cjs/tagInput/index.js

@@ -228,7 +228,8 @@ 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
+      className: prefixWrapperCls,
+      "x-semi-prop": "prefix"
     }, prefix);
   }
 
@@ -247,7 +248,8 @@ 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
+      className: suffixWrapperCls,
+      "x-semi-prop": "suffix"
     }, suffix);
   }
 

package/lib/cjs/timePicker/Combobox.js

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