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

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, "stopPropagation" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay" | "getPopupContainer" | "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, "stopPropagation" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay" | "getPopupContainer" | "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/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

@@ -117,10 +117,9 @@ class Modal extends _baseComponent.default {
             "aria-label": "cancel",
             onClick: this.handleCancel,
             loading: cancelLoading,
-            type: "tertiary"
-          }, this.props.cancelButtonProps, {
-            "x-semi-children-alias": "cancelText"
-          }), cancelText || locale.cancel);
+            type: "tertiary",
+            autoFocus: true
+          }, this.props.cancelButtonProps), cancelText || locale.cancel);
         }
       };
 
@@ -132,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,
@@ -404,7 +401,7 @@ Modal.defaultProps = {
   onOk: _noop2.default,
   afterClose: _noop2.default,
   maskFixed: false,
-  closeOnEsc: false,
+  closeOnEsc: true,
   size: 'small',
   keepDOM: false,
   lazyRender: true,

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

@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 import { ContextValue } from '../configProvider/context';
 import BaseComponent from '../_base/baseComponent';
 import ModalContentFoundation, { ModalContentAdapter, ModalContentProps, ModalContentState } from '@douyinfe/semi-foundation/lib/cjs/modal/modalContentFoundation';
+import FocusTrapHandle from '@douyinfe/semi-foundation/lib/cjs/utils/FocusHandle';
 export interface ModalContentReactProps extends ModalContentProps {
     children?: React.ReactNode;
 }
@@ -26,6 +27,7 @@ export default class ModalContent extends BaseComponent<ModalContentReactProps,
     modalDialogRef: React.MutableRefObject<HTMLDivElement>;
     foundation: ModalContentFoundation;
     context: ContextValue;
+    focusTrapHandle: FocusTrapHandle;
     constructor(props: ModalContentProps);
     get adapter(): ModalContentAdapter;
     componentDidMount(): void;

package/lib/cjs/modal/ModalContent.js

@@ -22,11 +22,11 @@ var _setTimeout2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-j
 
 var _bind = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/bind"));
 
-var _get2 = _interopRequireDefault(require("lodash/get"));
+var _noop2 = _interopRequireDefault(require("lodash/noop"));
 
 var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
 
-var _noop2 = _interopRequireDefault(require("lodash/noop"));
+var _get2 = _interopRequireDefault(require("lodash/get"));
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -48,7 +48,7 @@ var _modalContentFoundation = _interopRequireDefault(require("@douyinfe/semi-fou
 
 var _semiIcons = require("@douyinfe/semi-icons");
 
-var _utils = require("../_utils");
+var _FocusHandle = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/FocusHandle"));
 
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
@@ -121,9 +121,7 @@ class ModalContent extends _baseComponent.default {
       let closer;
 
       if (closable) {
-        const iconType = closeIcon || /*#__PURE__*/_react.default.createElement(_semiIcons.IconClose, {
-          "x-semi-prop": "closeIcon"
-        });
+        const iconType = closeIcon || /*#__PURE__*/_react.default.createElement(_semiIcons.IconClose, null);
 
         closer = /*#__PURE__*/_react.default.createElement(_iconButton.default, {
           "aria-label": "close",
@@ -145,8 +143,7 @@ class ModalContent extends _baseComponent.default {
         icon
       } = this.props;
       return icon ? /*#__PURE__*/_react.default.createElement("span", {
-        className: "".concat(_constants.cssClasses.DIALOG, "-icon-wrapper"),
-        "x-semi-prop": "icon"
+        className: "".concat(_constants.cssClasses.DIALOG, "-icon-wrapper")
       }, icon) : null;
     };
 
@@ -165,8 +162,7 @@ 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"),
-        "x-semi-prop": "title"
+        id: "".concat(_constants.cssClasses.DIALOG, "-title")
       }, title), closer);
     };
 
@@ -185,14 +181,12 @@ class ModalContent extends _baseComponent.default {
       return hasHeader ? /*#__PURE__*/_react.default.createElement("div", {
         className: bodyCls,
         id: "".concat(_constants.cssClasses.DIALOG, "-body"),
-        style: bodyStyle,
-        "x-semi-prop": "children"
+        style: bodyStyle
       }, children) : /*#__PURE__*/_react.default.createElement("div", {
         className: "".concat(_constants.cssClasses.DIALOG, "-body-wrapper")
       }, icon, /*#__PURE__*/_react.default.createElement("div", {
         className: bodyCls,
-        style: bodyStyle,
-        "x-semi-prop": "children"
+        style: bodyStyle
       }, children), closer);
     };
 
@@ -224,8 +218,7 @@ 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"),
-        "x-semi-prop": "footer"
+        className: "".concat(_constants.cssClasses.DIALOG, "-footer")
       }, props.footer) : null;
 
       const dialogElement =
@@ -240,6 +233,7 @@ class ModalContent extends _baseComponent.default {
       }, /*#__PURE__*/_react.default.createElement("div", {
         role: "dialog",
         ref: this.modalDialogRef,
+        tabIndex: -1,
         "aria-modal": "true",
         "aria-labelledby": "".concat(_constants.cssClasses.DIALOG, "-title"),
         "aria-describedby": "".concat(_constants.cssClasses.DIALOG, "-body"),
@@ -255,7 +249,7 @@ class ModalContent extends _baseComponent.default {
 
     this.state = {
       dialogMouseDown: false,
-      prevFocusElement: (0, _utils.getActiveElement)()
+      prevFocusElement: _FocusHandle.default.getActiveElement()
     };
     this.foundation = new _modalContentFoundation.default(this.adapter);
     this.dialogId = "dialog-".concat(uuid++);
@@ -298,19 +292,27 @@ class ModalContent extends _baseComponent.default {
       },
       getMouseState: () => this.state.dialogMouseDown,
       modalDialogFocus: () => {
+        var _a, _b, _c;
+
         let activeElementInDialog;
 
         if (this.modalDialogRef) {
-          const activeElement = (0, _utils.getActiveElement)();
+          const activeElement = _FocusHandle.default.getActiveElement();
+
           activeElementInDialog = this.modalDialogRef.current.contains(activeElement);
+          (_a = this.focusTrapHandle) === null || _a === void 0 ? void 0 : _a.destroy();
+          this.focusTrapHandle = new _FocusHandle.default(this.modalDialogRef.current);
         }
 
         if (!activeElementInDialog) {
-          this.modalDialogRef && this.modalDialogRef.current.focus();
+          (_c = (_b = this.modalDialogRef) === null || _b === void 0 ? void 0 : _b.current) === null || _c === void 0 ? void 0 : _c.focus();
         }
       },
       modalDialogBlur: () => {
-        this.modalDialogRef && this.modalDialogRef.current.blur();
+        var _a, _b;
+
+        (_a = this.modalDialogRef) === null || _a === void 0 ? void 0 : _a.current.blur();
+        (_b = this.focusTrapHandle) === null || _b === void 0 ? void 0 : _b.destroy();
       },
       prevFocusElementReFocus: () => {
         const {
@@ -358,8 +360,7 @@ class ModalContent extends _baseComponent.default {
       className: "".concat(_constants.cssClasses.DIALOG, "-wrap"),
       onClick: maskClosable ? this.onMaskClick : null,
       onMouseUp: maskClosable ? this.onMaskMouseUp : null
-    }, this.getDialogElement())); // @ts-ignore Unreachable branch
-    // eslint-disable-next-line max-len
+    }, this.getDialogElement())); // eslint-disable-next-line max-len
 
 
     return containerContext && containerContext.Provider ? /*#__PURE__*/_react.default.createElement(containerContext.Provider, {

package/lib/cjs/notification/notice.js

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

package/lib/cjs/pagination/index.js

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

package/lib/cjs/popconfirm/index.js

@@ -150,16 +150,13 @@ class Popconfirm extends _baseComponent.default {
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(prefixCls, "-header")
     }, /*#__PURE__*/_react.default.createElement("i", {
-      className: "".concat(prefixCls, "-header-icon"),
-      "x-semi-prop": "icon"
+      className: "".concat(prefixCls, "-header-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"),
-      "x-semi-prop": "title"
+      className: "".concat(prefixCls, "-header-title")
     }, title) : null, showContent ? /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(prefixCls, "-header-content"),
-      "x-semi-prop": "content"
+      className: "".concat(prefixCls, "-header-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/progress/index.js

@@ -246,7 +246,7 @@ class Progress extends _react.Component {
     const perc = this.calcPercent(percent);
     const percNumber = this.calcPercent(percentNumber);
     const innerStyle = {
-      backgroundColor: stroke
+      background: stroke
     };
 
     if (direction === _constants.strings.DEFAULT_DIRECTION) {

package/lib/cjs/radio/radio.d.ts

@@ -75,7 +75,7 @@ declare class Radio extends BaseComponent<RadioProps, RadioState> {
         prefixCls?: string;
         name?: string;
         onChange?: (e: RadioChangeEvent) => void;
-        buttonSize?: "small" | "large" | "middle";
+        buttonSize?: "small" | "middle" | "large";
         isCardRadio?: boolean;
         isPureCardRadio?: boolean;
     };

package/lib/cjs/radio/radio.js

@@ -188,12 +188,10 @@ 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: this.addonId,
-      "x-semi-prop": "children"
+      id: addonId
     }, children) : null, extra && !isButtonRadio ? /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(prefix, "-extra"),
-      id: this.extraId,
-      "x-semi-prop": "extra"
+      id: extraId
     }, extra) : null);
 
     return /*#__PURE__*/_react.default.createElement("label", {

package/lib/cjs/radio/radioGroup.d.ts

@@ -48,7 +48,7 @@ declare class RadioGroup extends BaseComponent<RadioGroupProps, RadioGroupState>
         disabled: PropTypes.Requireable<boolean>;
         name: PropTypes.Requireable<string>;
         options: PropTypes.Requireable<any[]>;
-        buttonSize: PropTypes.Requireable<"small" | "large" | "middle">;
+        buttonSize: PropTypes.Requireable<"small" | "middle" | "large">;
         type: PropTypes.Requireable<"default" | "button" | "card" | "pureCard">;
         value: PropTypes.Requireable<any>;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/cjs/rating/item.js

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

package/lib/cjs/scrollList/index.js

@@ -55,19 +55,16 @@ class ScrollList extends _baseComponent.default {
     }, header ? /*#__PURE__*/_react.default.createElement("div", {
       className: clsHeader
     }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(clsHeader, "-title"),
-      "x-semi-prop": this.props['x-semi-header-alias'] || "header"
+      className: "".concat(clsHeader, "-title")
     }, 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"),
-      "x-semi-prop": this.props['x-semi-footer-alias'] || "footer"
+      className: "".concat(clsWrapper, "-footer")
     }, footer) : null);
   }
 

package/lib/cjs/select/index.js

@@ -718,8 +718,7 @@ 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,
-      "x-semi-prop": "placeholder"
+      className: spanCls
     }, renderText || renderText === 0 ? renderText : placeholder), filterable && showInput ? this.renderInput() : null));
   }
 
@@ -878,8 +877,7 @@ class Select extends _baseComponent.default {
       ["".concat(prefixcls, "-suffix-icon")]: (0, _utils2.isSemiIcon)(suffix)
     });
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: suffixWrapperCls,
-      "x-semi-prop": "suffix"
+      className: suffixWrapperCls
     }, suffix);
   }
 
@@ -898,8 +896,7 @@ class Select extends _baseComponent.default {
     });
     return /*#__PURE__*/_react.default.createElement("div", {
       className: prefixWrapperCls,
-      id: insetLabelId,
-      "x-semi-prop": "prefix,insetLabel"
+      id: insetLabelId
     }, labelNode);
   }
 
@@ -951,8 +948,7 @@ 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"),
-      "x-semi-prop": "arrowIcon"
+      className: "".concat(prefixcls, "-arrow")
     }, arrowIcon) : /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(prefixcls, "-arrow-empty")
     });

package/lib/cjs/select/option.js

@@ -129,8 +129,7 @@ class Option extends _react.PureComponent {
       return /*#__PURE__*/_react.default.createElement(_localeConsumer.default, {
         componentName: "Select"
       }, locale => /*#__PURE__*/_react.default.createElement("div", {
-        className: optionClassName,
-        "x-semi-prop": "emptyContent"
+        className: optionClassName
       }, 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,8 +102,7 @@ class SideSheetContent extends _react.default.PureComponent {
 
     if (title) {
       header = /*#__PURE__*/_react.default.createElement("div", {
-        className: "".concat(prefixCls, "-title"),
-        "x-semi-prop": "title"
+        className: "".concat(prefixCls, "-title")
       }, this.props.title);
     }
 
@@ -159,11 +158,9 @@ class SideSheetContent extends _react.default.PureComponent {
       className: "".concat(prefixCls, "-content")
     }, header, /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(prefixCls, "-body"),
-      style: props.bodyStyle,
-      "x-semi-prop": "children"
+      style: props.bodyStyle
     }, props.children), props.footer ? /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(prefixCls, "-footer"),
-      "x-semi-prop": "footer"
+      className: "".concat(prefixCls, "-footer")
     }, props.footer) : null));
 
     return dialogElement;

package/lib/cjs/skeleton/index.js

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