@douyinfe/semi-ui 2.12.1-alpha.1 → 2.13.0

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);
     };
@@ -803,13 +800,15 @@ class Cascader extends _baseComponent.default {
           if ((0, _isArray.default)(realValue)) {
             normallizedValue = (0, _isArray.default)(realValue[0]) ? realValue : [realValue];
           } else {
-            normallizedValue = [[realValue]];
+            if (realValue !== undefined) {
+              normallizedValue = [[realValue]];
+            }
           } // formatValuePath is used to save value of valuePath
 
 
           const formatValuePath = [];
           (0, _forEach.default)(normallizedValue).call(normallizedValue, valueItem => {
-            const formatItem = onChangeWithObject ? (0, _map.default)(valueItem).call(valueItem, i => i.value) : valueItem;
+            const formatItem = onChangeWithObject ? (0, _map.default)(valueItem).call(valueItem, i => i === null || i === void 0 ? void 0 : i.value) : valueItem;
             formatValuePath.push(formatItem);
           }); // formatKeys is used to save key of value
 

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.d.ts

@@ -29,6 +29,7 @@ interface CheckboxState {
     checked: boolean;
     addonId?: string;
     extraId?: string;
+    focusVisible?: boolean;
 }
 declare class Checkbox extends BaseComponent<CheckboxProps, CheckboxState> {
     static contextType: React.Context<CheckboxContextType>;
@@ -65,8 +66,6 @@ declare class Checkbox extends BaseComponent<CheckboxProps, CheckboxState> {
     context: CheckboxContextType;
     get adapter(): CheckboxAdapter<CheckboxProps, CheckboxState>;
     foundation: CheckboxFoundation;
-    addonId: string;
-    extraId: string;
     constructor(props: CheckboxProps);
     componentDidUpdate(prevProps: CheckboxProps): void;
     isInGroup(): boolean;
@@ -74,6 +73,8 @@ declare class Checkbox extends BaseComponent<CheckboxProps, CheckboxState> {
     blur(): void;
     handleChange: React.MouseEventHandler<HTMLSpanElement>;
     handleEnterPress: (e: React.KeyboardEvent<HTMLSpanElement>) => void;
+    handleFocusVisible: (event: React.FocusEvent) => void;
+    handleBlur: (event: React.FocusEvent) => void;
     render(): JSX.Element;
 }
 export default Checkbox;

package/lib/cjs/checkbox/checkbox.js

@@ -49,11 +49,20 @@ class Checkbox extends _baseComponent.default {
 
     this.handleEnterPress = e => this.foundation.handleEnterPress(e);
 
+    this.handleFocusVisible = event => {
+      this.foundation.handleFocusVisible(event);
+    };
+
+    this.handleBlur = event => {
+      this.foundation.handleBlur();
+    };
+
     const checked = false;
     this.state = {
       checked: props.checked || props.defaultChecked || checked,
       addonId: props.addonId,
-      extraId: props.extraId
+      extraId: props.extraId,
+      focusVisible: false
     };
     this.checkboxEntity = null;
     this.foundation = new _checkboxFoundation.default(this.adapter);
@@ -91,6 +100,14 @@ class Checkbox extends _baseComponent.default {
             prefix: 'extra'
           })
         });
+      },
+      setFocusVisible: focusVisible => {
+        this.setState({
+          focusVisible
+        });
+      },
+      focusCheckboxEntity: () => {
+        this.focus();
       }
     });
   }
@@ -136,7 +153,8 @@ class Checkbox extends _baseComponent.default {
     const {
       checked,
       addonId,
-      extraId
+      extraId,
+      focusVisible
     } = this.state;
     const props = {
       checked,
@@ -166,6 +184,7 @@ class Checkbox extends _baseComponent.default {
     }
 
     const prefix = prefixCls || _constants.checkboxClasses.PREFIX;
+    const focusOuter = props.isCardType || props.isPureCardType;
     const wrapper = (0, _classnames.default)(prefix, {
       ["".concat(prefix, "-disabled")]: props.disabled,
       ["".concat(prefix, "-indeterminate")]: indeterminate,
@@ -176,28 +195,24 @@ class Checkbox extends _baseComponent.default {
       ["".concat(prefix, "-cardType_unDisabled")]: !(props.disabled && props.isCardType),
       ["".concat(prefix, "-cardType_checked")]: props.isCardType && props.checked && !props.disabled,
       ["".concat(prefix, "-cardType_checked_disabled")]: props.isCardType && props.checked && props.disabled,
-      [className]: Boolean(className)
+      [className]: Boolean(className),
+      ["".concat(prefix, "-focus")]: focusVisible && focusOuter
     });
     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 (
       /*#__PURE__*/
       // label is better than span, however span is here which is to solve gitlab issue #364
-      // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
       _react.default.createElement("span", {
         role: role,
         tabIndex: tabIndex,
@@ -210,12 +225,15 @@ class Checkbox extends _baseComponent.default {
         onKeyPress: this.handleEnterPress,
         "aria-labelledby": this.props['aria-labelledby']
       }, /*#__PURE__*/_react.default.createElement(_checkboxInner.default, (0, _assign.default)({}, this.props, props, {
-        addonId: children && this.addonId,
-        extraId: extra && this.extraId,
+        addonId: children && addonId,
+        extraId: extra && extraId,
         isPureCardType: props.isPureCardType,
         ref: ref => {
           this.checkboxEntity = ref;
-        }
+        },
+        focusInner: focusVisible && !focusOuter,
+        onInputFocus: this.handleFocusVisible,
+        onInputBlur: this.handleBlur
       })), props.isCardType ? /*#__PURE__*/_react.default.createElement("div", null, renderContent()) : renderContent())
     );
   }

package/lib/cjs/checkbox/checkboxInner.d.ts

@@ -16,6 +16,9 @@ export interface CheckboxInnerProps {
     addonId?: string;
     extraId?: string;
     'aria-label'?: React.AriaAttributes['aria-label'];
+    focusInner?: boolean;
+    onInputFocus?: (e: any) => void;
+    onInputBlur?: (e: any) => void;
 }
 declare class CheckboxInner extends PureComponent<CheckboxInnerProps> {
     static contextType: React.Context<import("./context").CheckboxContextType>;
@@ -34,6 +37,9 @@ declare class CheckboxInner extends PureComponent<CheckboxInnerProps> {
         isPureCardType: PropTypes.Requireable<boolean>;
         addonId: PropTypes.Requireable<string>;
         extraId: PropTypes.Requireable<string>;
+        focusInner: PropTypes.Requireable<boolean>;
+        onInputFocus: PropTypes.Requireable<(...args: any[]) => any>;
+        onInputBlur: PropTypes.Requireable<(...args: any[]) => any>;
     };
     static defaultProps: {
         onChange: (...args: any[]) => void;

package/lib/cjs/checkbox/checkboxInner.js

@@ -53,7 +53,10 @@ class CheckboxInner extends _react.PureComponent {
       name,
       isPureCardType,
       addonId,
-      extraId
+      extraId,
+      focusInner,
+      onInputFocus,
+      onInputBlur
     } = this.props;
     const prefix = prefixCls || _constants.checkboxClasses.PREFIX;
     const wrapper = (0, _classnames.default)({
@@ -62,7 +65,9 @@ class CheckboxInner extends _react.PureComponent {
       ["".concat(prefix, "-inner-pureCardType")]: isPureCardType
     }, _constants.checkboxClasses.WRAPPER);
     const inner = (0, _classnames.default)({
-      ["".concat(prefix, "-inner-display")]: true
+      ["".concat(prefix, "-inner-display")]: true,
+      ["".concat(prefix, "-focus")]: focusInner,
+      ["".concat(prefix, "-focus-border")]: focusInner && !checked
     });
     const icon = checked ? /*#__PURE__*/_react.default.createElement(_semiIcons.IconCheckboxTick, null) : indeterminate ? /*#__PURE__*/_react.default.createElement(_semiIcons.IconCheckboxIndeterminate, null) : null;
     const inputProps = {
@@ -78,7 +83,9 @@ class CheckboxInner extends _react.PureComponent {
       className: _constants.checkboxClasses.INPUT,
       onChange: _noop2.default,
       checked: checked,
-      disabled: disabled
+      disabled: disabled,
+      onFocus: onInputFocus,
+      onBlur: onInputBlur
     };
     name && (inputProps['name'] = name);
     return /*#__PURE__*/_react.default.createElement("span", {
@@ -109,7 +116,10 @@ CheckboxInner.propTypes = {
   value: _propTypes.default.any,
   isPureCardType: _propTypes.default.bool,
   addonId: _propTypes.default.string,
-  extraId: _propTypes.default.string
+  extraId: _propTypes.default.string,
+  focusInner: _propTypes.default.bool,
+  onInputFocus: _propTypes.default.func,
+  onInputBlur: _propTypes.default.func
 };
 CheckboxInner.defaultProps = {
   onChange: _noop2.default

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" | "month" | "dateTime" | "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" | "month" | "dateTime" | "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" | "month" | "dateTime" | "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>;

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

package/lib/cjs/dropdown/index.js

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

package/lib/cjs/empty/index.js

@@ -122,19 +122,15 @@ class Empty extends _baseComponent.default {
       style: style
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(prefixCls, "-image"),
-      style: imageStyle,
-      "x-semi-prop": "image,darkModeImage"
+      style: imageStyle
     }, imageNode), /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(prefixCls, "-content")
     }, title ? /*#__PURE__*/_react.default.createElement(_typography.default.Title, (0, _assign.default)({}, titleProps, {
-      className: "".concat(prefixCls, "-title"),
-      "x-semi-prop": "title"
+      className: "".concat(prefixCls, "-title")
     }), title) : null, description ? /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(prefixCls, "-description"),
-      "x-semi-prop": "description"
+      className: "".concat(prefixCls, "-description")
     }, description) : null, children ? /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(prefixCls, "-footer"),
-      "x-semi-prop": "children"
+      className: "".concat(prefixCls, "-footer")
     }, children) : null));
   }
 

package/lib/cjs/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, "getPopupContainer" | "stopPropagation" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay" | "motion"> & React.RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
+    } & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay" | "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/cjs/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, "getPopupContainer" | "stopPropagation" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay" | "motion"> & import("react").RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
+} & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay" | "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/cjs/form/hoc/withField.js

@@ -459,8 +459,7 @@ function withField(Component, opts) {
       });
       const extraContent = extraText ? /*#__PURE__*/_react.default.createElement("div", {
         className: extraCls,
-        id: extraTextId,
-        "x-semi-prop": "extraText"
+        id: extraTextId
       }, extraText) : null;
       let newProps = (0, _assign.default)((0, _assign.default)({
         id: a11yId,

package/lib/cjs/form/label.js

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

package/lib/cjs/grid/col.js

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

package/lib/cjs/grid/row.js

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

package/lib/cjs/iconButton/index.js

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

package/lib/cjs/input/index.js

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

package/lib/cjs/inputNumber/index.js

@@ -142,8 +142,6 @@ class InputNumber extends _baseComponent.default {
       return /*#__PURE__*/_react.default.createElement("div", {
         className: suffixChildrenCls
       }, /*#__PURE__*/_react.default.createElement("span", {
-        role: "button",
-        tabIndex: -1,
         className: upClassName,
         onMouseDown: notAllowedUp ? _noop2.default : this.handleUpClick,
         onMouseUp: this.handleMouseUp,
@@ -151,8 +149,6 @@ class InputNumber extends _baseComponent.default {
       }, /*#__PURE__*/_react.default.createElement(_semiIcons.IconChevronUp, {
         size: "extra-small"
       })), /*#__PURE__*/_react.default.createElement("span", {
-        role: "button",
-        tabIndex: -1,
         className: downClassName,
         onMouseDown: notAllowedDown ? _noop2.default : this.handleDownClick,
         onMouseUp: this.handleMouseUp,

package/lib/cjs/list/index.js

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

package/lib/cjs/modal/ConfirmModal.js

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

package/lib/cjs/modal/Modal.js

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