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

package/lib/cjs/radio/radioInner.js

@@ -93,7 +93,10 @@ class RadioInner extends _baseComponent.default {
       isPureCardRadioGroup,
       addonId,
       extraId,
-      'aria-label': ariaLabel
+      'aria-label': ariaLabel,
+      focusInner,
+      onInputFocus,
+      onInputBlur
     } = this.props;
     const {
       checked
@@ -106,6 +109,8 @@ class RadioInner extends _baseComponent.default {
       ["".concat(prefix, "-inner-pureCardRadio")]: isPureCardRadioGroup
     });
     const inner = (0, _classnames.default)({
+      ["".concat(prefix, "-focus")]: focusInner,
+      ["".concat(prefix, "-focus-border")]: focusInner && !checked,
       ["".concat(prefix, "-inner-display")]: !isButtonRadio
     });
     return /*#__PURE__*/_react.default.createElement("span", {
@@ -114,7 +119,6 @@ class RadioInner extends _baseComponent.default {
       ref: ref => {
         this.inputEntity = ref;
       },
-      // eslint-disable-next-line jsx-a11y/no-autofocus
       autoFocus: autoFocus,
       type: mode === 'advanced' ? 'checkbox' : 'radio',
       checked: Boolean(checked),
@@ -123,7 +127,9 @@ class RadioInner extends _baseComponent.default {
       name: name,
       "aria-label": ariaLabel,
       "aria-labelledby": addonId,
-      "aria-describedby": extraId
+      "aria-describedby": extraId,
+      onFocus: onInputFocus,
+      onBlur: onInputBlur
     }), /*#__PURE__*/_react.default.createElement("span", {
       className: inner
     }, checked ? /*#__PURE__*/_react.default.createElement(_semiIcons.IconRadio, null) : null));
@@ -138,7 +144,10 @@ RadioInner.propTypes = {
   isButtonRadio: _propTypes.default.bool,
   onChange: _propTypes.default.func,
   mode: _propTypes.default.oneOf(['advanced', '']),
-  'aria-label': _propTypes.default.string
+  'aria-label': _propTypes.default.string,
+  focusInner: _propTypes.default.bool,
+  onInputFocus: _propTypes.default.func,
+  onInputBlur: _propTypes.default.func
 };
 RadioInner.defaultProps = {
   onChange: _noop2.default,

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

@@ -483,6 +483,8 @@ class Select extends _baseComponent.default {
     e.nativeEvent.stopImmediatePropagation();
     this.foundation.handleClearClick(e);
   }
+  /* istanbul ignore next */
+
 
   onClearBtnEnterPress(e) {
     this.foundation.handleClearBtnEnterPress(e);
@@ -718,7 +720,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 +880,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 +900,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 +953,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/ColumnFilter.js

@@ -42,7 +42,7 @@ var _dropdown = _interopRequireDefault(require("../dropdown"));
 
 var _radio = require("../radio");
 
-var _checkbox = _interopRequireDefault(require("../checkbox"));
+var _checkbox = require("../checkbox");
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -126,7 +126,7 @@ function renderDropdown() {
       }) : /*#__PURE__*/_react.default.createElement(_dropdown.default.Item, {
         key: key,
         onClick: changeFn
-      }, filterMultiple ? /*#__PURE__*/_react.default.createElement(_checkbox.default, {
+      }, filterMultiple ? /*#__PURE__*/_react.default.createElement(_checkbox.Checkbox, {
         checked: checked
       }, text) : /*#__PURE__*/_react.default.createElement(_radio.Radio, {
         checked: checked

package/lib/cjs/table/ColumnSelection.js

@@ -26,7 +26,7 @@ var _constants = require("@douyinfe/semi-foundation/lib/cjs/table/constants");
 
 var _tableSelectionCellFoundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/table/tableSelectionCellFoundation"));
 
-var _checkbox = _interopRequireDefault(require("../checkbox"));
+var _checkbox = require("../checkbox");
 
 /* eslint-disable max-len */
 
@@ -78,7 +78,7 @@ class TableSelectionCell extends _baseComponent.default {
     }, className);
     return /*#__PURE__*/_react.default.createElement("span", {
       className: wrapCls
-    }, /*#__PURE__*/_react.default.createElement(_checkbox.default, (0, _assign.default)({
+    }, /*#__PURE__*/_react.default.createElement(_checkbox.Checkbox, (0, _assign.default)({
       "aria-label": ariaLabel
     }, checkboxProps)));
   }

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

@@ -79,6 +79,8 @@ class TagInput extends _baseComponent.default {
     this.handleClearBtn = e => {
       this.foundation.handleClearBtn(e);
     };
+    /* istanbul ignore next */
+
 
     this.handleClearEnterPress = e => {
       this.foundation.handleClearEnterPress(e);
@@ -253,14 +255,18 @@ class TagInput extends _baseComponent.default {
       ["".concat(prefixCls, "-prefix-text")]: labelNode && (0, _isString2.default)(labelNode),
       // eslint-disable-next-line max-len
       ["".concat(prefixCls, "-prefix-icon")]: (0, _utils.isSemiIcon)(labelNode)
-    }); // eslint-disable-next-line jsx-a11y/no-static-element-interactions,jsx-a11y/click-events-have-key-events
-
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: prefixWrapperCls,
-      onMouseDown: this.handlePreventMouseDown,
-      onClick: this.handleClickPrefixOrSuffix,
-      id: insetLabelId
-    }, labelNode);
+    });
+    return (
+      /*#__PURE__*/
+      // eslint-disable-next-line jsx-a11y/no-static-element-interactions,jsx-a11y/click-events-have-key-events
+      _react.default.createElement("div", {
+        className: prefixWrapperCls,
+        onMouseDown: this.handlePreventMouseDown,
+        onClick: this.handleClickPrefixOrSuffix,
+        id: insetLabelId,
+        "x-semi-prop": "prefix"
+      }, labelNode)
+    );
   }
 
   renderSuffix() {
@@ -276,13 +282,17 @@ class TagInput extends _baseComponent.default {
       ["".concat(prefixCls, "-suffix-text")]: suffix && (0, _isString2.default)(suffix),
       // eslint-disable-next-line max-len
       ["".concat(prefixCls, "-suffix-icon")]: (0, _utils.isSemiIcon)(suffix)
-    }); // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
-
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: suffixWrapperCls,
-      onMouseDown: this.handlePreventMouseDown,
-      onClick: this.handleClickPrefixOrSuffix
-    }, suffix);
+    });
+    return (
+      /*#__PURE__*/
+      // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
+      _react.default.createElement("div", {
+        className: suffixWrapperCls,
+        onMouseDown: this.handlePreventMouseDown,
+        onClick: this.handleClickPrefixOrSuffix,
+        "x-semi-prop": "suffix"
+      }, suffix)
+    );
   }
 
   renderTags() {
@@ -306,7 +316,7 @@ class TagInput extends _baseComponent.default {
     const typoCls = (0, _classnames.default)("".concat(prefixCls, "-wrapper-typo"), {
       ["".concat(prefixCls, "-wrapper-typo-disabled")]: disabled
     });
-    const spanNotWithPopoverCls = (0, _classnames.default)("".concat(prefixCls, "-wrapper-n"), {
+    const restTagsCls = (0, _classnames.default)("".concat(prefixCls, "-wrapper-n"), {
       ["".concat(prefixCls, "-wrapper-n-disabled")]: disabled
     });
     const restTags = [];
@@ -346,17 +356,18 @@ class TagInput extends _baseComponent.default {
         tags.push(item);
       }
     });
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, tags, restTags.length > 0 && (showRestTagsPopover && !disabled ? /*#__PURE__*/_react.default.createElement(_popover.default, (0, _assign.default)({
+
+    const restTagsContent = /*#__PURE__*/_react.default.createElement("span", {
+      className: restTagsCls
+    }, "+", tagsArray.length - maxTagCount);
+
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, tags, restTags.length > 0 && (showRestTagsPopover ? /*#__PURE__*/_react.default.createElement(_popover.default, (0, _assign.default)({
       content: restTags,
       showArrow: true,
       trigger: "hover",
       position: "top",
       autoAdjustOverflow: true
-    }, restTagsPopoverProps), /*#__PURE__*/_react.default.createElement("span", {
-      className: (0, _classnames.default)("".concat(prefixCls, "-wrapper-n"))
-    }, "+", tagsArray.length - maxTagCount)) : /*#__PURE__*/_react.default.createElement("span", {
-      className: spanNotWithPopoverCls
-    }, "+".concat(tagsArray.length - maxTagCount))));
+    }, restTagsPopoverProps), restTagsContent) : restTagsContent));
   }
 
   blur() {

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

package/lib/cjs/timePicker/TimePicker.js

@@ -110,6 +110,8 @@ class TimePicker extends _baseComponent.default {
 
       return panelProps;
     };
+    /* istanbul ignore next */
+
 
     this.handlePanelVisibleChange = visible => this.foundation.handleVisibleChange(visible);
 

package/lib/cjs/toast/toast.js

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

package/lib/cjs/tooltip/index.js

@@ -672,7 +672,12 @@ class Tooltip extends _baseComponent.default {
         children = /*#__PURE__*/(0, _react.cloneElement)(children, {
           style: childrenStyle
         });
-        children = this.wrapSpan(children);
+
+        if (trigger !== 'custom') {
+          // no need to wrap span when trigger is custom, cause it don't need bind event
+          children = this.wrapSpan(children);
+        }
+
         this.isWrapped = true;
       } else if (! /*#__PURE__*/(0, _react.isValidElement)(children)) {
         children = this.wrapSpan(children);

package/lib/cjs/transfer/index.js

@@ -62,9 +62,9 @@ var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
 
 var _localeConsumer = _interopRequireDefault(require("../locale/localeConsumer"));
 
-var _checkbox = _interopRequireDefault(require("../checkbox"));
+var _index = require("../checkbox/index");
 
-var _index = _interopRequireDefault(require("../input/index"));
+var _index2 = _interopRequireDefault(require("../input/index"));
 
 var _spin = _interopRequireDefault(require("../spin"));
 
@@ -212,7 +212,7 @@ class Transfer extends _baseComponent.default {
       role: "search",
       "aria-label": "Transfer filter",
       className: "".concat(prefixcls, "-filter")
-    }, /*#__PURE__*/_react.default.createElement(_index.default, (0, _assign.default)({
+    }, /*#__PURE__*/_react.default.createElement(_index2.default, (0, _assign.default)({
       prefix: /*#__PURE__*/_react.default.createElement(_semiIcons.IconSearch, null),
       placeholder: locale.placeholder,
       showClear: true,
@@ -273,13 +273,14 @@ class Transfer extends _baseComponent.default {
       ["".concat(prefixcls, "-item")]: true,
       ["".concat(prefixcls, "-item-disabled")]: item.disabled
     });
-    return /*#__PURE__*/_react.default.createElement(_checkbox.default, {
+    return /*#__PURE__*/_react.default.createElement(_index.Checkbox, {
       key: index,
       disabled: item.disabled || disabled,
       className: leftItemCls,
       checked: checked,
       role: "listitem",
-      onChange: () => this.onSelectOrRemove(item)
+      onChange: () => this.onSelectOrRemove(item),
+      "x-semi-children-alias": "dataSource[".concat(index, "].label")
     }, item.label);
   }
 

package/lib/cjs/tree/treeNode.js

@@ -46,7 +46,7 @@ var _isEnterPress = _interopRequireDefault(require("@douyinfe/semi-foundation/li
 
 var _semiIcons = require("@douyinfe/semi-icons");
 
-var _checkbox = _interopRequireDefault(require("../checkbox"));
+var _checkbox = require("../checkbox");
 
 var _treeContext = _interopRequireDefault(require("./treeContext"));
 
@@ -355,7 +355,7 @@ class TreeNode extends _react.PureComponent {
       role: 'none',
       onClick: this.onCheck,
       onKeyPress: this.handleCheckEnterPress
-    }, /*#__PURE__*/_react.default.createElement(_checkbox.default, {
+    }, /*#__PURE__*/_react.default.createElement(_checkbox.Checkbox, {
       "aria-label": 'Toggle the checked state of checkbox',
       indeterminate: halfChecked,
       checked: checked,
@@ -410,7 +410,8 @@ class TreeNode extends _react.PureComponent {
     return /*#__PURE__*/_react.default.createElement("ul", {
       className: wrapperCls
     }, /*#__PURE__*/_react.default.createElement("li", {
-      className: (0, _concat.default)(_context2 = "".concat(prefixcls, "-label ")).call(_context2, prefixcls, "-label-empty")
+      className: (0, _concat.default)(_context2 = "".concat(prefixcls, "-label ")).call(_context2, prefixcls, "-label-empty"),
+      "x-semi-prop": "emptyContent"
     }, emptyContent));
   } // eslint-disable-next-line max-lines-per-function
 

package/lib/cjs/treeSelect/index.js

@@ -120,7 +120,8 @@ class TreeSelect extends _baseComponent.default {
         ["".concat(prefixcls, "-suffix-icon")]: (0, _utils.isSemiIcon)(suffix)
       });
       return /*#__PURE__*/_react.default.createElement("div", {
-        className: suffixWrapperCls
+        className: suffixWrapperCls,
+        "x-semi-prop": "suffix"
       }, suffix);
     };
 
@@ -140,7 +141,8 @@ class TreeSelect extends _baseComponent.default {
       });
       return /*#__PURE__*/_react.default.createElement("div", {
         className: prefixWrapperCls,
-        id: insetLabelId
+        id: insetLabelId,
+        "x-semi-prop": "prefix,insetLabel"
       }, labelNode);
     };
 
@@ -169,6 +171,8 @@ class TreeSelect extends _baseComponent.default {
     this.handleClick = e => {
       this.foundation.handleClick(e);
     };
+    /* istanbul ignore next */
+
 
     this.handleSelectionEnterPress = e => {
       this.foundation.handleSelectionEnterPress(e);
@@ -361,6 +365,8 @@ class TreeSelect extends _baseComponent.default {
       e && e.stopPropagation();
       this.foundation.handleClear(e);
     };
+    /* istanbul ignore next */
+
 
     this.handleClearEnterPress = e => {
       e && e.stopPropagation();
@@ -394,7 +400,8 @@ class TreeSelect extends _baseComponent.default {
       }
 
       return arrowIcon ? /*#__PURE__*/_react.default.createElement("div", {
-        className: (0, _classnames.default)("".concat(prefixcls, "-arrow"))
+        className: (0, _classnames.default)("".concat(prefixcls, "-arrow")),
+        "x-semi-prop": "arrowIcon"
       }, arrowIcon) : null;
     };
 

package/lib/cjs/typography/base.js

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

package/lib/cjs/typography/title.d.ts

@@ -37,7 +37,7 @@ export default class Title extends PureComponent<TitleProps> {
         underline: PropTypes.Requireable<boolean>;
         strong: PropTypes.Requireable<boolean>;
         type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
-        heading: PropTypes.Requireable<4 | 2 | 1 | 3 | 5 | 6>;
+        heading: PropTypes.Requireable<1 | 2 | 3 | 4 | 5 | 6>;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;
         component: PropTypes.Requireable<string>;