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

package/lib/es/badge/index.js

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

package/lib/es/banner/index.js

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

package/lib/es/breadcrumb/index.js

@@ -47,14 +47,15 @@ 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")
+        className: "".concat(clsPrefix, "-separator"),
+        "x-semi-prop": "separator"
       }, this.props.separator)));
 
       _spliceInstanceProperty(template).call(template, 1, itemsLen - maxItemCount, spread);

package/lib/es/button/Button.js

@@ -1,7 +1,9 @@
+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 = {};
@@ -52,7 +54,7 @@ export default class Button extends PureComponent {
 
     const baseProps = _Object$assign(_Object$assign({
       disabled
-    }, attr), {
+    }, _omit(attr, ['x-semi-children-alias'])), {
       className: classNames(prefixCls, {
         [_concatInstanceProperty(_context = "".concat(prefixCls, "-")).call(_context, type)]: !disabled && type,
         ["".concat(prefixCls, "-disabled")]: disabled,
@@ -68,6 +70,12 @@ 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
@@ -75,10 +83,10 @@ export default class Button extends PureComponent {
         onClick: this.props.onClick,
         onMouseDown: this.props.onMouseDown,
         style: style
-      }), /*#__PURE__*/React.createElement("span", {
+      }), /*#__PURE__*/React.createElement("span", _Object$assign({
         className: "".concat(prefixCls, "-content"),
         onClick: e => disabled && e.stopPropagation()
-      }, children))
+      }, xSemiProps), children))
     );
   }
 

package/lib/es/card/index.js

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

package/lib/es/carousel/CarouselArrow.js

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

package/lib/es/carousel/index.js

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

package/lib/es/cascader/item.js

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

package/lib/es/checkbox/checkbox.js

@@ -157,13 +157,17 @@ class Checkbox extends BaseComponent {
     const extraCls = classnames("".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.createElement(React.Fragment, null, children ? /*#__PURE__*/React.createElement("span", {
-      id: addonId,
-      className: "".concat(prefix, "-addon")
+      id: this.addonId,
+      className: "".concat(prefix, "-addon"),
+      "x-semi-prop": xSemiPropChildren
     }, children) : null, extra ? /*#__PURE__*/React.createElement("div", {
-      id: extraId,
-      className: extraCls
+      id: this.extraId,
+      className: extraCls,
+      "x-semi-prop": "extra"
     }, extra) : null);
 
     return (

package/lib/es/collapsible/index.js

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

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" | "dateTime" | "month" | "dateRange" | "year" | "dateTimeRange">;
         showClear: PropTypes.Requireable<boolean>;
         format: PropTypes.Requireable<string>;
         inputStyle: PropTypes.Requireable<object>;

package/lib/es/datePicker/dateInput.js

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

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

package/lib/es/datePicker/datePicker.js

@@ -182,11 +182,13 @@ export default class DatePicker extends BaseComponent {
         className: wrapCls,
         style: dropdownStyle
       }, topSlot && /*#__PURE__*/React.createElement("div", {
-        className: "".concat(cssClasses.PREFIX, "-topSlot")
+        className: "".concat(cssClasses.PREFIX, "-topSlot"),
+        "x-semi-prop": "topSlot"
       }, topSlot), insetInput && /*#__PURE__*/React.createElement(DateInput, _Object$assign({}, insetInputProps, {
         insetInput: true
       })), this.adapter.typeIsYearOrMonth() ? this.renderYearMonthPanel(locale, localeCode) : this.renderMonthGrid(locale, localeCode, dateFnsLocale), this.renderQuickControls(), bottomSlot && /*#__PURE__*/React.createElement("div", {
-        className: "".concat(cssClasses.PREFIX, "-bottomSlot")
+        className: "".concat(cssClasses.PREFIX, "-bottomSlot"),
+        "x-semi-prop": "bottomSlot"
       }, bottomSlot), this.renderFooter(locale, localeCode));
     };
 

package/lib/es/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<"dateTime" | "date" | "month" | "dateRange" | "year" | "dateTimeRange">;
+        type: PropTypes.Requireable<"date" | "dateTime" | "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: () => "left" | "right" | "none" | "both";
+    getYAMOpenType: () => "none" | "both" | "left" | "right";
     renderTimePicker(panelType: PanelType, panelDetail: MonthInfo): JSX.Element;
     renderYearAndMonth(panelType: PanelType, panelDetail: MonthInfo): JSX.Element;
     renderSwitch(panelType: PanelType): JSX.Element;

package/lib/es/divider/index.js

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

package/lib/es/dropdown/index.js

@@ -86,7 +86,8 @@ class Dropdown extends BaseComponent {
       className: className,
       style: style
     }, /*#__PURE__*/React.createElement("div", {
-      className: "".concat(prefixCls, "-content")
+      className: "".concat(prefixCls, "-content"),
+      "x-semi-prop": "render"
     }, content)));
   }
 

package/lib/es/empty/index.js

@@ -101,15 +101,19 @@ export default class Empty extends BaseComponent {
       style: style
     }, /*#__PURE__*/React.createElement("div", {
       className: "".concat(prefixCls, "-image"),
-      style: imageStyle
+      style: imageStyle,
+      "x-semi-prop": "image,darkModeImage"
     }, imageNode), /*#__PURE__*/React.createElement("div", {
       className: "".concat(prefixCls, "-content")
     }, title ? /*#__PURE__*/React.createElement(Typography.Title, _Object$assign({}, titleProps, {
-      className: "".concat(prefixCls, "-title")
+      className: "".concat(prefixCls, "-title"),
+      "x-semi-prop": "title"
     }), title) : null, description ? /*#__PURE__*/React.createElement("div", {
-      className: "".concat(prefixCls, "-description")
+      className: "".concat(prefixCls, "-description"),
+      "x-semi-prop": "description"
     }, description) : null, children ? /*#__PURE__*/React.createElement("div", {
-      className: "".concat(prefixCls, "-footer")
+      className: "".concat(prefixCls, "-footer"),
+      "x-semi-prop": "children"
     }, children) : null));
   }
 

package/lib/es/form/baseForm.d.ts

@@ -125,7 +125,7 @@ declare class Form extends BaseComponent<BaseFormProps, BaseFormState> {
         onBlur?: (e: React.FocusEvent<Element, Element>) => void;
         onListScroll?: (e: React.UIEvent<HTMLDivElement, UIEvent>) => void;
         children?: React.ReactNode;
-    } & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay" | "motion"> & React.RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
+    } & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay" | "getPopupContainer" | "motion"> & React.RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
     static Checkbox: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../checkbox").CheckboxProps & import("./interface").RCIncludeType>;
     static CheckboxGroup: React.ComponentType<import("utility-types").Subtract<import("../checkbox").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
     static Radio: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../radio").RadioProps & import("./interface").RCIncludeType>;

package/lib/es/form/field.d.ts

@@ -73,7 +73,7 @@ declare const FormSelect: import("react").ComponentType<import("utility-types").
     onBlur?: (e: import("react").FocusEvent<Element, Element>) => void;
     onListScroll?: (e: import("react").UIEvent<HTMLDivElement, UIEvent>) => void;
     children?: import("react").ReactNode;
-} & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay" | "motion"> & import("react").RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
+} & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay" | "getPopupContainer" | "motion"> & import("react").RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
 declare const FormCheckboxGroup: import("react").ComponentType<import("utility-types").Subtract<import("../checkbox/checkboxGroup").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
 declare const FormCheckbox: import("react").ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../checkbox/checkbox").CheckboxProps & import("./interface").RCIncludeType>;
 declare const FormRadioGroup: import("react").ComponentType<import("utility-types").Subtract<import("../radio/radioGroup").RadioGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;

package/lib/es/form/hoc/withField.js

@@ -426,7 +426,8 @@ function withField(Component, opts) {
       });
       const extraContent = extraText ? /*#__PURE__*/React.createElement("div", {
         className: extraCls,
-        id: extraTextId
+        id: extraTextId,
+        "x-semi-prop": "extraText"
       }, extraText) : null;
 
       let newProps = _Object$assign(_Object$assign({

package/lib/es/form/label.js

@@ -29,7 +29,8 @@ export default class Label extends PureComponent {
     const labelStyle = style ? style : {};
     width ? labelStyle.width = width : null;
     const textContent = /*#__PURE__*/React.createElement("div", {
-      className: "".concat(prefixCls, "-field-label-text")
+      className: "".concat(prefixCls, "-field-label-text"),
+      "x-semi-prop": "label"
     }, typeof text !== 'undefined' ? text : children);
     const contentWithExtra = /*#__PURE__*/React.createElement(React.Fragment, null, textContent, /*#__PURE__*/React.createElement("div", {
       className: "".concat(prefixCls, "-field-label-extra")

package/lib/es/grid/col.js

@@ -97,7 +97,8 @@ class Col extends React.Component {
     } : {}), style);
     return /*#__PURE__*/React.createElement("div", _Object$assign({}, others, {
       style: style,
-      className: classes
+      className: classes,
+      "x-semi-prop": "children"
     }), children);
   }
 

package/lib/es/grid/row.js

@@ -157,7 +157,8 @@ class Row extends React.Component {
       }
     }, /*#__PURE__*/React.createElement("div", _Object$assign({}, otherProps, {
       className: classes,
-      style: rowStyle
+      style: rowStyle,
+      "x-semi-prop": "children"
     }), children));
   }
 

package/lib/es/iconButton/index.js

@@ -71,8 +71,10 @@ class IconButton extends 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.createElement("span", {
-      className: btnTextCls
+      className: btnTextCls,
+      "x-semi-prop": xSemiProp
     }, originChildren) : null;
 
     if (iconPosition === 'left') {

package/lib/es/input/index.js

@@ -183,7 +183,8 @@ class Input extends BaseComponent {
         ["".concat(prefixCls, "-prepend-icon")]: isSemiIcon(addonBefore)
       });
       return /*#__PURE__*/React.createElement("div", {
-        className: prefixWrapperCls
+        className: prefixWrapperCls,
+        "x-semi-prop": "addonBefore"
       }, addonBefore);
     }
 
@@ -202,7 +203,8 @@ class Input extends BaseComponent {
         ["".concat(prefixCls, "-append-icon")]: isSemiIcon(addonAfter)
       });
       return /*#__PURE__*/React.createElement("div", {
-        className: prefixWrapperCls
+        className: prefixWrapperCls,
+        "x-semi-prop": "addonAfter"
       }, addonAfter);
     }
 
@@ -282,7 +284,8 @@ class Input extends BaseComponent {
       className: prefixWrapperCls,
       onMouseDown: this.handlePreventMouseDown,
       onClick: this.handleClickPrefixOrSuffix,
-      id: insetLabelId
+      id: insetLabelId,
+      "x-semi-prop": "prefix,insetLabel"
     }, labelNode);
   }
 
@@ -319,7 +322,8 @@ class Input extends BaseComponent {
     return /*#__PURE__*/React.createElement("div", {
       className: suffixWrapperCls,
       onMouseDown: this.handlePreventMouseDown,
-      onClick: this.handleClickPrefixOrSuffix
+      onClick: this.handleClickPrefixOrSuffix,
+      "x-semi-prop": "suffix"
     }, suffix);
   }
 
@@ -421,7 +425,7 @@ class Input extends BaseComponent {
     }
 
     if (validateStatus === 'error') {
-      inputProps['aria-invalid'] = "true";
+      inputProps['aria-invalid'] = 'true';
     }
 
     return (

package/lib/es/list/index.js

@@ -27,7 +27,8 @@ class List extends BaseComponent {
 
       if (emptyContent) {
         return /*#__PURE__*/React.createElement("div", {
-          className: "".concat(cssClasses.PREFIX, "-empty")
+          className: "".concat(cssClasses.PREFIX, "-empty"),
+          "x-semi-prop": "emptyContent"
         }, emptyContent);
       } else {
         return /*#__PURE__*/React.createElement(LocaleConsumer, {
@@ -115,7 +116,8 @@ class List extends BaseComponent {
       className: wrapperCls,
       style: style
     }, header ? /*#__PURE__*/React.createElement("div", {
-      className: "".concat(cssClasses.PREFIX, "-header")
+      className: "".concat(cssClasses.PREFIX, "-header"),
+      "x-semi-prop": "header"
     }, header) : null, /*#__PURE__*/React.createElement(ListContext.Provider, {
       value: {
         grid,
@@ -126,7 +128,8 @@ class List extends BaseComponent {
       spinning: loading,
       size: "large"
     }, this.wrapChildren(childrenList, children))), footer ? /*#__PURE__*/React.createElement("div", {
-      className: "".concat(cssClasses.PREFIX, "-footer")
+      className: "".concat(cssClasses.PREFIX, "-footer"),
+      "x-semi-prop": "footer"
     }, footer) : null, loadMore ? loadMore : null);
   }
 

package/lib/es/modal/ConfirmModal.js

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

package/lib/es/modal/Modal.js

@@ -79,7 +79,9 @@ class Modal extends BaseComponent {
             onClick: this.handleCancel,
             loading: cancelLoading,
             type: "tertiary"
-          }, this.props.cancelButtonProps), cancelText || locale.cancel);
+          }, this.props.cancelButtonProps, {
+            "x-semi-children-alias": "cancelText"
+          }), cancelText || locale.cancel);
         }
       };
 
@@ -91,7 +93,9 @@ class Modal extends BaseComponent {
         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,