@douyinfe/semi-ui 2.13.0-beta.0 → 2.14.0-beta.0

package/dist/umd/semi-ui.js

@@ -4362,6 +4362,7 @@ module.exports = copySymbols;
 
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return isElement; });
+/* istanbul ignore next */
 function isElement(obj) {
   try {
     // Using W3 DOM2 (works for FF, Opera and Chrome)
@@ -25062,7 +25063,7 @@ __webpack_require__.d(__webpack_exports__, "withFormApi", function() { return /*
 __webpack_require__.d(__webpack_exports__, "withField", function() { return /* reexport */ hoc_withField; });
 __webpack_require__.d(__webpack_exports__, "ArrayField", function() { return /* reexport */ form_arrayField; });
 
-// NAMESPACE OBJECT: ../semi-animation-styled/src/constants/types.ts
+// NAMESPACE OBJECT: ../semi-animation-styled/lib/es/src/constants/types.js
 var types_namespaceObject = {};
 __webpack_require__.r(types_namespaceObject);
 __webpack_require__.d(types_namespaceObject, "attentionSeekers", function() { return attentionSeekers; });
@@ -25178,6 +25179,8 @@ class foundation_BaseFoundation {
   }
   /** @return enum{css className} */
 
+  /* istanbul ignore next */
+
 
   static get cssClasses() {
     // Classes extending Foundation should implement this method to return an object which exports every
@@ -25186,6 +25189,8 @@ class foundation_BaseFoundation {
   }
   /** @return enum{strings} */
 
+  /* istanbul ignore next */
+
 
   static get strings() {
     // Classes extending Foundation should implement this method to return an object which exports all
@@ -25194,6 +25199,8 @@ class foundation_BaseFoundation {
   }
   /** @return enum{numbers} */
 
+  /* istanbul ignore next */
+
 
   static get numbers() {
     // Classes extending Foundation should implement this method to return an object which exports all
@@ -25240,10 +25247,14 @@ class foundation_BaseFoundation {
   getContext(key) {
     return this._adapter.getContext(key);
   }
+  /* istanbul ignore next */
+
 
   getContexts() {
     return this._adapter.getContexts();
   }
+  /* istanbul ignore next */
+
 
   getCaches() {
     return this._adapter.getCaches();
@@ -25280,6 +25291,8 @@ class foundation_BaseFoundation {
 
   destroy() {// Subclasses should override this method to perform de-initialization routines (de-registering events, etc.)
   }
+  /* istanbul ignore next */
+
 
   log(text) {
     for (var _len = arguments.length, rest = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
@@ -27291,87 +27304,26 @@ var values_default = /*#__PURE__*/__webpack_require__.n(object_values);
 var node_modules_prop_types = __webpack_require__("QHSe");
 var node_modules_prop_types_default = /*#__PURE__*/__webpack_require__.n(node_modules_prop_types);
 
-// CONCATENATED MODULE: ../semi-animation-styled/src/constants/times.ts
+// CONCATENATED MODULE: ../semi-animation-styled/lib/es/src/constants/times.js
 const loops = ['1', '2', '3', '4', '5', 'infinite'];
 const delays = ['0s', '1s', '2s', '3s', '4s', '5s'];
 const speeds = ['default', 'fast', 'faster', 'slow', 'slower'];
-
-// CONCATENATED MODULE: ../semi-animation-styled/src/constants/types.ts
-const attentionSeekers = [
-    'bounce',
-    'flash',
-    'headShake',
-    'heartBeat',
-    'jello',
-    'pulse',
-    'rubberBand',
-    'shake',
-    'swing',
-    'tada',
-    'wobble',
-];
-
+// CONCATENATED MODULE: ../semi-animation-styled/lib/es/src/constants/types.js
+const attentionSeekers = ['bounce', 'flash', 'headShake', 'heartBeat', 'jello', 'pulse', 'rubberBand', 'shake', 'swing', 'tada', 'wobble'];
 const bouncingEntrances = ['bounceIn', 'bounceInDown', 'bounceInLeft', 'bounceInRight', 'bounceInUp'];
-
 const bouncingExits = ['bounceOut', 'bounceOutDown', 'bounceOutLeft', 'bounceOutRight', 'bounceOutUp'];
-
-const fadingEntrances = [
-    'fadeIn',
-    'fadeInDown',
-    'fadeInDownBig',
-    'fadeInLeft',
-    'fadeInLeftBig',
-    'fadeInRight',
-    'fadeInRightBig',
-    'fadeInUp',
-    'fadeInUpBig',
-];
-
-const fadingExits = [
-    'fadeOut',
-    'fadeOutDown',
-    'fadeOutDownBig',
-    'fadeOutLeft',
-    'fadeOutLeftBig',
-    'fadeOutRight',
-    'fadeOutRightBig',
-    'fadeOutUp',
-    'fadeOutUpBig',
-];
-
+const fadingEntrances = ['fadeIn', 'fadeInDown', 'fadeInDownBig', 'fadeInLeft', 'fadeInLeftBig', 'fadeInRight', 'fadeInRightBig', 'fadeInUp', 'fadeInUpBig'];
+const fadingExits = ['fadeOut', 'fadeOutDown', 'fadeOutDownBig', 'fadeOutLeft', 'fadeOutLeftBig', 'fadeOutRight', 'fadeOutRightBig', 'fadeOutUp', 'fadeOutUpBig'];
 const flippers = ['flip', 'flipInX', 'flipInY', 'flipOutX', 'flipOutY'];
-
 const lightspeed = ['lightSpeedIn', 'lightSpeedOut'];
-
-const rotatingEntrances = [
-    'rotateIn',
-    'rotateInDownLeft',
-    'rotateInDownRight',
-    'rotateInUpLeft',
-    'rotateInUpRight',
-];
-
-const rotatingExits = [
-    'rotateOut',
-    'rotateOutDownLeft',
-    'rotateOutDownRight',
-    'rotateOutUpLeft',
-    'rotateOutUpRight',
-];
-
+const rotatingEntrances = ['rotateIn', 'rotateInDownLeft', 'rotateInDownRight', 'rotateInUpLeft', 'rotateInUpRight'];
+const rotatingExits = ['rotateOut', 'rotateOutDownLeft', 'rotateOutDownRight', 'rotateOutUpLeft', 'rotateOutUpRight'];
 const slidingEntrances = ['slideInDown', 'slideInLeft', 'slideInRight', 'slideInUp'];
-
 const slidingExits = ['slideOutDown', 'slideOutLeft', 'slideOutRight', 'slideOutUp'];
-
 const specials = ['hinge', 'jackInTheBox', 'rollIn', 'rollOut'];
-
 const zoomingEntrances = ['zoomIn', 'zoomInDown', 'zoomInLeft', 'zoomInRight', 'zoomInUp'];
-
 const zoomingExits = ['zoomOut', 'zoomOutDown', 'zoomOutLeft', 'zoomOutRight', 'zoomOutUp'];
-
-// CONCATENATED MODULE: ../semi-animation-styled/index.ts
-
-
+// CONCATENATED MODULE: ../semi-animation-styled/lib/es/index.js
 
 
 
@@ -29798,7 +29750,12 @@ class tooltip_Tooltip extends baseComponent_BaseComponent {
         children = /*#__PURE__*/Object(external_root_React_commonjs2_react_commonjs_react_amd_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__*/Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["isValidElement"])(children)) {
         children = this.wrapSpan(children);
@@ -33870,7 +33827,8 @@ class base_Base extends external_root_React_commonjs2_react_commonjs_react_amd_r
 
     const iconSize = size === 'small' ? 'small' : 'default';
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
-      className: "".concat(base_prefixCls, "-icon")
+      className: "".concat(base_prefixCls, "-icon"),
+      "x-semi-prop": "icon"
     }, Object(_utils["e" /* isSemiIcon */])(icon) ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.cloneElement(icon, {
       size: iconSize
     }) : icon);
@@ -34821,9 +34779,8 @@ class foundation_AutoCompleteFoundation extends foundation {
     }
   }
 
-  destroy() {
-    // this._adapter.unregisterClickOutsideHandler();
-    this.unBindKeyBoardEvent();
+  destroy() {// this._adapter.unregisterClickOutsideHandler();
+    // this.unBindKeyBoardEvent();
   }
 
   _setDropdownWidth() {
@@ -34875,8 +34832,6 @@ class foundation_AutoCompleteFoundation extends foundation {
 
     this._adapter.notifyDropdownVisibleChange(true);
 
-    this.bindKeyBoardEvent();
-
     this._modifyFocusIndexOnPanelOpen();
   }
 
@@ -34886,9 +34841,9 @@ class foundation_AutoCompleteFoundation extends foundation {
     this._adapter.toggleListVisible(false); // this._adapter.unregisterClickOutsideHandler();
 
 
-    this._adapter.notifyDropdownVisibleChange(false);
+    this._adapter.notifyDropdownVisibleChange(false); // After closing the panel, you can still open the panel by pressing the enter key
+    // this.unBindKeyBoardEvent();
 
-    this.unBindKeyBoardEvent();
   } // props.data => optionList
 
 
@@ -35111,13 +35066,12 @@ class foundation_AutoCompleteFoundation extends foundation {
     };
 
     this._adapter.registerKeyDown(this._keydownHandler);
-  }
+  } // unBindKeyBoardEvent() {
+  //     if (this._keydownHandler) {
+  //         this._adapter.unregisterKeyDown(this._keydownHandler);
+  //     }
+  // }
 
-  unBindKeyBoardEvent() {
-    if (this._keydownHandler) {
-      this._adapter.unregisterKeyDown(this._keydownHandler);
-    }
-  }
 
   _handleKeyDown(event) {
     const key = event.keyCode;
@@ -35125,10 +35079,6 @@ class foundation_AutoCompleteFoundation extends foundation {
       visible
     } = this.getStates();
 
-    if (!visible) {
-      return;
-    }
-
     switch (key) {
       case utils_keyCode.UP:
         // Prevent Input's cursor from following the movement
@@ -35147,6 +35097,9 @@ class foundation_AutoCompleteFoundation extends foundation {
         break;
 
       case utils_keyCode.ENTER:
+        // when custom trigger, prevent outer open panel again
+        event.preventDefault();
+
         this._handleEnterKeyDown();
 
         break;
@@ -35218,7 +35171,15 @@ class foundation_AutoCompleteFoundation extends foundation {
   }
 
   _handleArrowKeyDown(offset) {
-    this._getEnableFocusIndex(offset);
+    const {
+      visible
+    } = this.getStates();
+
+    if (!visible) {
+      this.openDropdown();
+    } else {
+      this._getEnableFocusIndex(offset);
+    }
   }
 
   _handleEnterKeyDown() {
@@ -35228,12 +35189,17 @@ class foundation_AutoCompleteFoundation extends foundation {
       focusIndex
     } = this.getStates();
 
-    if (focusIndex !== -1 && options.length !== 0) {
-      const visibleOptions = filter_default()(options).call(options, item => item.show);
+    if (!visible) {
+      this.openDropdown();
+    } else {
+      if (focusIndex !== undefined && focusIndex !== -1 && options.length !== 0) {
+        const visibleOptions = filter_default()(options).call(options, item => item.show);
 
-      const selectedOption = visibleOptions[focusIndex];
-      this.handleSelect(selectedOption, focusIndex);
-    } else if (visible) {// this.close();
+        const selectedOption = visibleOptions[focusIndex];
+        this.handleSelect(selectedOption, focusIndex);
+      } else {
+        this.closeDropdown();
+      }
     }
   }
 
@@ -35242,6 +35208,10 @@ class foundation_AutoCompleteFoundation extends foundation {
   }
 
   handleFocus(e) {
+    // If you get the focus through the tab key, you need to manually bind keyboard events
+    // Then you can open the panel by pressing the enter key
+    this.bindKeyBoardEvent();
+
     this._adapter.notifyFocus(e);
   }
 
@@ -35477,8 +35447,11 @@ class spin_Spin extends baseComponent_BaseComponent {
     return loading ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: "".concat(spin_prefixCls, "-wrapper")
     }, indicator ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-      className: spinIconCls
-    }, indicator) : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(spin_icon, null), tip ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", null, tip) : null) : null;
+      className: spinIconCls,
+      "x-semi-prop": "indicator"
+    }, indicator) : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(spin_icon, null), tip ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+      "x-semi-prop": "tip"
+    }, tip) : null) : null;
   }
 
   render() {
@@ -35505,7 +35478,8 @@ class spin_Spin extends baseComponent_BaseComponent {
       style: style
     }, this.renderSpin(), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: "".concat(spin_prefixCls, "-children"),
-      style: childStyle
+      style: childStyle,
+      "x-semi-prop": "children"
     }, children));
   }
 
@@ -35904,23 +35878,17 @@ class foundation_InputFoundation extends foundation {
       e.preventDefault();
     }
   }
-  /**
-   * A11y: simulate clear button click
-   */
-
-
-  handleClearEnterPress(e) {
-    if (utils_isEnterPress(e)) {
-      this.handleClear(e);
-    }
-  }
   /**
    * A11y: simulate password button click
    */
 
 
   handleModeEnterPress(e) {
-    if (utils_isEnterPress(e)) {
+    var _context;
+
+    // trigger by Enter or Space key
+    if (includes_default()(_context = ['Enter', ' ']).call(_context, e === null || e === void 0 ? void 0 : e.key)) {
+      this.handlePreventMouseDown(e);
       this.handleClickEye(e);
     }
   }
@@ -35977,10 +35945,6 @@ class input_Input extends baseComponent_BaseComponent {
       this.foundation.handleClear(e);
     };
 
-    this.handleClearEnterPress = e => {
-      this.foundation.handleClearEnterPress(e);
-    };
-
     this.handleClick = e => {
       this.foundation.handleClick(e);
     };
@@ -36119,7 +36083,8 @@ class input_Input extends baseComponent_BaseComponent {
         ["".concat(input_prefixCls, "-prepend-icon")]: Object(_utils["e" /* isSemiIcon */])(addonBefore)
       });
       return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-        className: prefixWrapperCls
+        className: prefixWrapperCls,
+        "x-semi-prop": "addonBefore"
       }, addonBefore);
     }
 
@@ -36138,7 +36103,8 @@ class input_Input extends baseComponent_BaseComponent {
         ["".concat(input_prefixCls, "-append-icon")]: Object(_utils["e" /* isSemiIcon */])(addonAfter)
       });
       return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-        className: prefixWrapperCls
+        className: prefixWrapperCls,
+        "x-semi-prop": "addonAfter"
       }, addonAfter);
     }
 
@@ -36150,14 +36116,14 @@ class input_Input extends baseComponent_BaseComponent {
     const allowClear = this.foundation.isAllowClear(); // use onMouseDown to fix issue 1203
 
     if (allowClear) {
-      return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-        role: "button",
-        tabIndex: 0,
-        "aria-label": "Clear input value",
-        className: clearCls,
-        onMouseDown: this.handleClear,
-        onKeyPress: this.handleClearEnterPress
-      }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconClear, null));
+      return (
+        /*#__PURE__*/
+        // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
+        external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+          className: clearCls,
+          onMouseDown: this.handleClear
+        }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconClear, null))
+      );
     }
 
     return null;
@@ -36165,9 +36131,6 @@ class input_Input extends baseComponent_BaseComponent {
 
   renderModeBtn() {
     const {
-      value,
-      isFocus,
-      isHovering,
       eyeClosed
     } = this.state;
     const {
@@ -36175,8 +36138,9 @@ class input_Input extends baseComponent_BaseComponent {
       disabled
     } = this.props;
     const modeCls = classnames_default()("".concat(input_prefixCls, "-modebtn"));
-    const modeIcon = eyeClosed ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconEyeClosedSolid, null) : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconEyeOpened, null);
-    const showModeBtn = mode === 'password' && value && !disabled && (isFocus || isHovering);
+    const modeIcon = eyeClosed ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconEyeClosedSolid, null) : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconEyeOpened, null); // alway show password button for a11y
+
+    const showModeBtn = mode === 'password' && !disabled;
     const ariaLabel = eyeClosed ? 'Show password' : 'Hidden password';
 
     if (showModeBtn) {
@@ -36212,14 +36176,18 @@ class input_Input extends baseComponent_BaseComponent {
       ["".concat(input_prefixCls, "-inset-label")]: insetLabel,
       ["".concat(input_prefixCls, "-prefix-text")]: labelNode && isString_default()(labelNode),
       ["".concat(input_prefixCls, "-prefix-icon")]: Object(_utils["e" /* isSemiIcon */])(labelNode)
-    }); // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
-
-    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-      className: prefixWrapperCls,
-      onMouseDown: this.handlePreventMouseDown,
-      onClick: this.handleClickPrefixOrSuffix,
-      id: insetLabelId
-    }, labelNode);
+    });
+    return (
+      /*#__PURE__*/
+      // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
+      external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+        className: prefixWrapperCls,
+        onMouseDown: this.handlePreventMouseDown,
+        onClick: this.handleClickPrefixOrSuffix,
+        id: insetLabelId,
+        "x-semi-prop": "prefix,insetLabel"
+      }, labelNode)
+    );
   }
 
   showClearBtn() {
@@ -36250,13 +36218,17 @@ class input_Input extends baseComponent_BaseComponent {
       ["".concat(input_prefixCls, "-suffix-text")]: suffix && isString_default()(suffix),
       ["".concat(input_prefixCls, "-suffix-icon")]: Object(_utils["e" /* isSemiIcon */])(suffix),
       ["".concat(input_prefixCls, "-suffix-hidden")]: suffixAllowClear && Boolean(hideSuffix)
-    }); // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
-
-    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.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
+      external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+        className: suffixWrapperCls,
+        onMouseDown: this.handlePreventMouseDown,
+        onClick: this.handleClickPrefixOrSuffix,
+        "x-semi-prop": "suffix"
+      }, suffix)
+    );
   }
 
   render() {
@@ -36269,6 +36241,7 @@ class input_Input extends baseComponent_BaseComponent {
       autofocus,
       className,
       disabled,
+      defaultValue,
       placeholder,
       prefix,
       mode,
@@ -36289,7 +36262,7 @@ class input_Input extends baseComponent_BaseComponent {
       maxLength,
       getValueLength
     } = _a,
-          rest = input_rest(_a, ["addonAfter", "addonBefore", "autofocus", "className", "disabled", "placeholder", "prefix", "mode", "insetLabel", "insetLabelId", "validateStatus", "type", "readonly", "size", "suffix", "style", "showClear", "onEnterPress", "onClear", "hideSuffix", "inputStyle", "forwardRef", "maxLength", "getValueLength"]);
+          rest = input_rest(_a, ["addonAfter", "addonBefore", "autofocus", "className", "disabled", "defaultValue", "placeholder", "prefix", "mode", "insetLabel", "insetLabelId", "validateStatus", "type", "readonly", "size", "suffix", "style", "showClear", "onEnterPress", "onClear", "hideSuffix", "inputStyle", "forwardRef", "maxLength", "getValueLength"]);
 
     const {
       value,
@@ -36357,7 +36330,7 @@ class input_Input extends baseComponent_BaseComponent {
     }
 
     if (validateStatus === 'error') {
-      inputProps['aria-invalid'] = "true";
+      inputProps['aria-invalid'] = 'true';
     }
 
     return (
@@ -36624,7 +36597,8 @@ class option_Option extends external_root_React_commonjs2_react_commonjs_react_a
       return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(localeConsumer_LocaleConsumer, {
         componentName: "Select"
       }, locale => /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.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
 
@@ -37146,9 +37120,28 @@ const avatar_constants_strings = {
 // CONCATENATED MODULE: ../semi-foundation/avatar/foundation.ts
 
 
+
 class foundation_AvatarFoundation extends foundation {
   constructor(adapter) {
     super(assign_default()({}, adapter));
+
+    this.handleFocusVisible = event => {
+      const {
+        target
+      } = event;
+
+      try {
+        if (target.matches(':focus-visible')) {
+          this._adapter.setFocusVisible(true);
+        }
+      } catch (error) {
+        Object(warning["a" /* default */])(true, 'Warning: [Semi Avatar] The current browser does not support the focus-visible');
+      }
+    };
+
+    this.handleBlur = () => {
+      this._adapter.setFocusVisible(false);
+    };
   }
 
   init() {} // eslint-disable-line
@@ -37180,6 +37173,11 @@ class foundation_AvatarFoundation extends foundation {
 // EXTERNAL MODULE: ../semi-foundation/avatar/avatar.scss
 var avatar_avatar = __webpack_require__("R8rS");
 
+// CONCATENATED MODULE: ../semi-foundation/utils/a11y.ts
+function handlePrevent(event) {
+  event.stopPropagation();
+  event.preventDefault();
+}
 // CONCATENATED MODULE: ./avatar/index.tsx
 
 
@@ -37206,6 +37204,7 @@ var avatar_rest = undefined && undefined.__rest || function (s, e) {
 
 
 
+
 const avatar_sizeSet = avatar_constants_strings.SIZE;
 const shapeSet = avatar_constants_strings.SHAPE;
 const colorSet = avatar_constants_strings.COLOR;
@@ -37213,16 +37212,88 @@ const avatar_prefixCls = avatar_constants_cssClasses.PREFIX;
 
 class avatar_Avatar extends baseComponent_BaseComponent {
   constructor(props) {
-    var _context, _context2, _context3;
+    var _context, _context2, _context3, _context4, _context5;
 
     super(props);
+
+    this.handleFocusVisible = event => {
+      this.foundation.handleFocusVisible(event);
+    };
+
+    this.handleBlur = event => {
+      this.foundation.handleBlur();
+    };
+
+    this.getContent = () => {
+      const {
+        children,
+        onClick,
+        imgAttr,
+        src,
+        srcSet,
+        alt
+      } = this.props;
+      const {
+        isImgExist
+      } = this.state;
+      let content = children;
+      const clickable = onClick !== function_noop;
+      const isImg = src && isImgExist;
+      const a11yFocusProps = {
+        tabIndex: 0,
+        onKeyDown: this.handleKeyDown,
+        onFocus: this.handleFocusVisible,
+        onBlur: this.handleBlur
+      };
+
+      if (isImg) {
+        const finalAlt = clickable ? "clickable Avatar: ".concat(alt) : alt;
+
+        const imgBasicProps = assign_default()(assign_default()({
+          src,
+          srcSet,
+          onError: this.handleError
+        }, imgAttr), {
+          className: classnames_default()({
+            ["".concat(avatar_prefixCls, "-no-focus-visible")]: clickable
+          })
+        });
+
+        const imgProps = clickable ? assign_default()(assign_default()({}, imgBasicProps), a11yFocusProps) : imgBasicProps;
+        content = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("img", assign_default()({
+          alt: finalAlt
+        }, imgProps));
+      } else if (typeof children === 'string') {
+        const tempAlt = alt !== null && alt !== void 0 ? alt : children;
+        const finalAlt = clickable ? "clickable Avatar: ".concat(tempAlt) : tempAlt;
+        const props = {
+          role: 'img',
+          'aria-label': finalAlt,
+          className: classnames_default()("".concat(avatar_prefixCls, "-label"), {
+            ["".concat(avatar_prefixCls, "-no-focus-visible")]: clickable
+          })
+        };
+        const finalProps = clickable ? assign_default()(assign_default()({}, props), a11yFocusProps) : props;
+        content = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
+          className: "".concat(avatar_prefixCls, "-content")
+        }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", assign_default()({}, finalProps, {
+          "x-semi-prop": "children"
+        }), children));
+      }
+
+      return content;
+    };
+
     this.state = {
       isImgExist: true,
-      hoverContent: ''
+      hoverContent: '',
+      focusVisible: false
     };
     this.onEnter = bind_default()(_context = this.onEnter).call(_context, this);
     this.onLeave = bind_default()(_context2 = this.onLeave).call(_context2, this);
     this.handleError = bind_default()(_context3 = this.handleError).call(_context3, this);
+    this.handleKeyDown = bind_default()(_context4 = this.handleKeyDown).call(_context4, this);
+    this.getContent = bind_default()(_context5 = this.getContent).call(_context5, this);
   }
 
   get adapter() {
@@ -37255,6 +37326,11 @@ class avatar_Avatar extends baseComponent_BaseComponent {
           } = this.props;
           onMouseLeave && onMouseLeave(e);
         });
+      },
+      setFocusVisible: focusVisible => {
+        this.setState({
+          focusVisible
+        });
       }
     });
   }
@@ -37305,8 +37381,28 @@ class avatar_Avatar extends baseComponent_BaseComponent {
     this.foundation.handleImgLoadError();
   }
 
+  handleKeyDown(event) {
+    const {
+      onClick
+    } = this.props;
+
+    switch (event.key) {
+      case "Enter":
+        onClick(event);
+        handlePrevent(event);
+        break;
+
+      case 'Escape':
+        event.target.blur();
+        break;
+
+      default:
+        break;
+    }
+  }
+
   render() {
-    var _context4, _context5, _context6;
+    var _context6, _context7, _context8;
 
     // eslint-disable-next-line max-len, no-unused-vars
     const _a = this.props,
@@ -37328,46 +37424,29 @@ class avatar_Avatar extends baseComponent_BaseComponent {
 
     const {
       isImgExist,
-      hoverContent
+      hoverContent,
+      focusVisible
     } = this.state;
     const isImg = src && isImgExist;
     const avatarCls = classnames_default()(avatar_prefixCls, {
-      [concat_default()(_context4 = "".concat(avatar_prefixCls, "-")).call(_context4, shape)]: shape,
-      [concat_default()(_context5 = "".concat(avatar_prefixCls, "-")).call(_context5, size)]: size,
-      [concat_default()(_context6 = "".concat(avatar_prefixCls, "-")).call(_context6, color)]: color && !isImg,
-      ["".concat(avatar_prefixCls, "-img")]: isImg
+      [concat_default()(_context6 = "".concat(avatar_prefixCls, "-")).call(_context6, shape)]: shape,
+      [concat_default()(_context7 = "".concat(avatar_prefixCls, "-")).call(_context7, size)]: size,
+      [concat_default()(_context8 = "".concat(avatar_prefixCls, "-")).call(_context8, color)]: color && !isImg,
+      ["".concat(avatar_prefixCls, "-img")]: isImg,
+      ["".concat(avatar_prefixCls, "-focus")]: focusVisible
     }, className);
-    let content = children;
     const hoverRender = hoverContent ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-      className: "".concat(avatar_prefixCls, "-hover")
+      className: "".concat(avatar_prefixCls, "-hover"),
+      "x-semi-prop": "hoverContent"
     }, hoverContent) : null;
-
-    if (isImg) {
-      content = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("img", assign_default()({
-        src: src,
-        srcSet: srcSet,
-        onError: this.handleError,
-        alt: alt
-      }, imgAttr));
-    } else if (typeof children === 'string') {
-      content = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
-        className: "".concat(avatar_prefixCls, "-content")
-      }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
-        className: "".concat(avatar_prefixCls, "-label")
-      }, children));
-    }
-
-    return (
-      /*#__PURE__*/
-      // eslint-disable-next-line jsx-a11y/no-static-element-interactions,jsx-a11y/click-events-have-key-events
-      external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", assign_default()({}, others, {
-        style: style,
-        className: avatarCls,
-        onClick: onClick,
-        onMouseEnter: this.onEnter,
-        onMouseLeave: this.onLeave
-      }), content, hoverRender)
-    );
+    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", assign_default()({}, others, {
+      style: style,
+      className: avatarCls,
+      onClick: onClick,
+      onMouseEnter: this.onEnter,
+      onMouseLeave: this.onLeave,
+      role: 'listitem'
+    }), this.getContent(), hoverRender);
   }
 
 }
@@ -37408,6 +37487,7 @@ avatar_Avatar.propTypes = {
 
 
 
+
 var avatarGroup_rest = undefined && undefined.__rest || function (s, e) {
   var t = {};
 
@@ -37433,7 +37513,12 @@ class avatarGroup_AvatarGroup extends external_root_React_commonjs2_react_common
     const {
       children
     } = this.props;
-    return is_array_default()(children) ? children : [children];
+
+    if (children) {
+      return is_array_default()(children) ? external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.Children.toArray(children) : [children];
+    }
+
+    return [];
   }
 
   getMergeAvatars(avatars) {
@@ -37457,13 +37542,34 @@ class avatarGroup_AvatarGroup extends external_root_React_commonjs2_react_common
   }
 
   renderMoreAvatar(restNumber, restAvatars) {
+    var _context2;
+
     const {
       renderMore
     } = this.props;
     const moreCls = classnames_default()("".concat(avatarGroup_prefixCls, "-item-more"));
+    const restAvatarAlt = restAvatars === null || restAvatars === void 0 ? void 0 : reduce_default()(restAvatars).call(restAvatars, (pre, cur) => {
+      var _context;
+
+      const {
+        children,
+        alt
+      } = cur.props;
+      const avatarInfo = alt !== null && alt !== void 0 ? alt : typeof children === 'string' ? children : '';
+
+      if (avatarInfo.length === 0) {
+        return pre;
+      }
+
+      return pre.length > 0 ? concat_default()(_context = "".concat(pre, ",")).call(_context, avatarInfo) : avatarInfo;
+    }, '');
+
+    const finalAlt = concat_default()(_context2 = " Number of remaining Avatars\uFF1A".concat(restNumber, ",")).call(_context2, restAvatarAlt);
+
     let moreAvatar = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(avatar_Avatar, {
       className: moreCls,
-      key: "_+n"
+      key: "_+n",
+      alt: finalAlt
     }, "+".concat(restNumber));
 
     if (isFunction_default()(renderMore)) {
@@ -37494,15 +37600,15 @@ class avatarGroup_AvatarGroup extends external_root_React_commonjs2_react_common
     });
 
     if (children) {
-      var _context;
+      var _context3;
 
       const avatars = this.getAllAvatars();
-      inner = map_default()(_context = isNumber_default()(maxCount) ? this.getMergeAvatars(avatars) : avatars).call(_context, (itm, index) => {
-        var _context2, _context3;
+      inner = map_default()(_context3 = isNumber_default()(maxCount) ? this.getMergeAvatars(avatars) : avatars).call(_context3, (itm, index) => {
+        var _context4, _context5;
 
         const className = classnames_default()(get_default()(itm.props, 'className'), {
-          [concat_default()(_context2 = "".concat(avatarGroup_prefixCls, "-item-start-")).call(_context2, index)]: overlapFrom === 'start',
-          [concat_default()(_context3 = "".concat(avatarGroup_prefixCls, "-item-end-")).call(_context3, index)]: overlapFrom === 'end'
+          [concat_default()(_context4 = "".concat(avatarGroup_prefixCls, "-item-start-")).call(_context4, index)]: overlapFrom === 'start',
+          [concat_default()(_context5 = "".concat(avatarGroup_prefixCls, "-item-end-")).call(_context5, index)]: overlapFrom === 'end'
         });
         return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.cloneElement(itm, assign_default()(assign_default()({}, rest), {
           className,
@@ -37514,7 +37620,8 @@ class avatarGroup_AvatarGroup extends external_root_React_commonjs2_react_common
     }
 
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-      className: groupCls
+      className: groupCls,
+      role: 'list'
     }, inner);
   }
 
@@ -38456,6 +38563,8 @@ var button_button = __webpack_require__("223E");
 
 
 
+
+
 var Button_rest = undefined && undefined.__rest || function (s, e) {
   var t = {};
 
@@ -38505,7 +38614,7 @@ class Button_Button extends external_root_React_commonjs2_react_commonjs_react_a
 
     const baseProps = assign_default()(assign_default()({
       disabled
-    }, attr), {
+    }, omit_default()(attr, ['x-semi-children-alias'])), {
       className: classnames_default()(prefixCls, {
         [concat_default()(_context = "".concat(prefixCls, "-")).call(_context, type)]: !disabled && type,
         ["".concat(prefixCls, "-disabled")]: disabled,
@@ -38521,6 +38630,12 @@ class Button_Button extends external_root_React_commonjs2_react_commonjs_react_a
       'aria-disabled': disabled
     });
 
+    const xSemiProps = {};
+
+    if (!(className && includes_default()(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
@@ -38528,10 +38643,10 @@ class Button_Button extends external_root_React_commonjs2_react_commonjs_react_a
         onClick: this.props.onClick,
         onMouseDown: this.props.onMouseDown,
         style: style
-      }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
+      }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", assign_default()({
         className: "".concat(prefixCls, "-content"),
         onClick: e => disabled && e.stopPropagation()
-      }, children))
+      }, xSemiProps), children))
     );
   }
 
@@ -38645,8 +38760,10 @@ class iconButton_IconButton extends external_root_React_commonjs2_react_commonjs
       ["".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__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
-      className: btnTextCls
+      className: btnTextCls,
+      "x-semi-prop": xSemiProp
     }, originChildren) : null;
 
     if (iconPosition === 'left') {
@@ -38793,7 +38910,8 @@ class backtop_BackTop extends baseComponent_BaseComponent {
     const content = visible ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", assign_default()({}, others, {
       className: preCls,
       style: style,
-      onClick: e => this.handleClick(e)
+      onClick: e => this.handleClick(e),
+      "x-semi-prop": "children"
     }), backtopBtn) : null;
     return content;
   }
@@ -38901,7 +39019,8 @@ class badge_Badge extends external_root_React_commonjs2_react_commonjs_react_amd
       className: badge_prefixCls
     }, rest), children, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
       className: wrapper,
-      style: style
+      style: style,
+      "x-semi-prop": "count"
     }, dot ? null : content));
   }
 
@@ -39028,6 +39147,7 @@ class banner_Banner extends baseComponent_BaseComponent {
       className: "".concat(banner_prefixCls, "-close"),
       onClick: this.remove,
       icon: closeIcon || /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconClose, {
+        "x-semi-prop": "closeIcon",
         "aria-hidden": true
       }),
       theme: "borderless",
@@ -39073,7 +39193,8 @@ class banner_Banner extends baseComponent_BaseComponent {
 
     if (iconType) {
       return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-        className: iconCls
+        className: iconCls,
+        "x-semi-prop": "icon"
       }, iconType);
     }
 
@@ -39115,12 +39236,15 @@ class banner_Banner extends baseComponent_BaseComponent {
     }, title ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(typography_0.Title, {
       heading: 5,
       className: "".concat(banner_prefixCls, "-title"),
-      component: "div"
+      component: "div",
+      "x-semi-prop": "title"
     }, title) : null, description ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(typography_0.Paragraph, {
       className: "".concat(banner_prefixCls, "-description"),
-      component: "div"
+      component: "div",
+      "x-semi-prop": "description"
     }, description) : null)), this.renderCloser()), children ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-      className: "".concat(banner_prefixCls, "-extra")
+      className: "".concat(banner_prefixCls, "-extra"),
+      "x-semi-prop": "children"
     }, children) : null) : null;
     return banner;
   }
@@ -39497,14 +39621,15 @@ class breadcrumb_Breadcrumb extends baseComponent_BaseComponent {
       }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
         className: "".concat(breadcrumb_clsPrefix, "-item-wrap")
       }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
-        role: 'button',
+        role: "button",
         tabIndex: 0,
-        "aria-label": 'Expand breadcrumb items',
+        "aria-label": "Expand breadcrumb items",
         className: concat_default()(_context = "".concat(breadcrumb_clsPrefix, "-item ")).call(_context, breadcrumb_clsPrefix, "-item-more"),
         onClick: item => this.foundation.handleExpand(item),
         onKeyPress: e => this.foundation.handleExpandEnterPress(e)
       }, hasRenderMore && renderMore(restItem), !hasRenderMore && moreType === 'default' && /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconMore, null), !hasRenderMore && moreType === 'popover' && this.renderPopoverMore(restItem)), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
-        className: "".concat(breadcrumb_clsPrefix, "-separator")
+        className: "".concat(breadcrumb_clsPrefix, "-separator"),
+        "x-semi-prop": "separator"
       }, this.props.separator)));
 
       splice_default()(template).call(template, 1, itemsLen - maxItemCount, spread);
@@ -45966,7 +46091,9 @@ class skeleton_Skeleton extends external_root_React_commonjs2_react_commonjs_rea
       content = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", assign_default()({
         className: skCls,
         style: style
-      }, others), placeholder);
+      }, others, {
+        "x-semi-prop": "placeholder"
+      }), placeholder);
     } else {
       content = children;
     }
@@ -46108,7 +46235,8 @@ class space_Space extends external_root_React_commonjs2_react_commonjs_react_amd
     const childrenNodes = utils_flatten(children);
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: classNames,
-      style: realStyle
+      style: realStyle,
+      "x-semi-prop": "children"
     }, childrenNodes);
   }
 
@@ -46194,7 +46322,8 @@ class card_Card extends external_root_React_commonjs2_react_commonjs_react_amd_r
         external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
           className: headerWrapperCls
         }, headerExtraContent && /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-          className: "".concat(card_prefixcls, "-header-wrapper-extra")
+          className: "".concat(card_prefixcls, "-header-wrapper-extra"),
+          "x-semi-prop": "headerExtraContent"
         }, headerExtraContent), title && /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
           className: titleCls
         }, isString_default()(title) ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(typography_0.Title, {
@@ -46202,7 +46331,8 @@ class card_Card extends external_root_React_commonjs2_react_commonjs_react_amd_r
           ellipsis: {
             showTooltip: true,
             rows: 1
-          }
+          },
+          "x-semi-prop": "title"
         }, title) : title)));
       }
 
@@ -46215,7 +46345,8 @@ class card_Card extends external_root_React_commonjs2_react_commonjs_react_amd_r
       } = this.props;
       const coverCls = classnames_default()("".concat(card_prefixcls, "-cover"));
       return cover && /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-        className: coverCls
+        className: coverCls,
+        "x-semi-prop": "cover"
       }, cover);
     };
 
@@ -46245,7 +46376,8 @@ class card_Card extends external_root_React_commonjs2_react_commonjs_react_amd_r
         spacing: 12
       }, map_default()(actions).call(actions, (item, idx) => /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
         key: idx,
-        className: actionsItemCls
+        className: actionsItemCls,
+        "x-semi-prop": "actions.".concat(idx)
       }, item)))));
     };
 
@@ -46260,7 +46392,8 @@ class card_Card extends external_root_React_commonjs2_react_commonjs_react_amd_r
       });
       return footer && /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
         style: footerStyle,
-        className: footerCls
+        className: footerCls,
+        "x-semi-prop": "footer"
       }, footer);
     };
   }
@@ -46813,12 +46946,16 @@ class CarouselArrow_CarouselArrow extends external_root_React_commonjs2_react_co
       // role='button'
       className: leftClassNames,
       onClick: prev
-    }, get_default()(this.props, 'arrowProps.leftArrow.props')), this.renderLeftIcon()), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", assign_default()({
+    }, get_default()(this.props, 'arrowProps.leftArrow.props'), {
+      "x-semi-prop": "arrowProps.leftArrow.children"
+    }), this.renderLeftIcon()), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", assign_default()({
       // role='button'
       // tabIndex={0} 
       className: rightClassNames,
       onClick: next
-    }, get_default()(this.props, 'arrowProps.rightArrow.props')), this.renderRightIcon()));
+    }, get_default()(this.props, 'arrowProps.rightArrow.props'), {
+      "x-semi-prop": "arrowProps.rightArrow.children"
+    }), this.renderRightIcon()));
   }
 
 }
@@ -47093,7 +47230,8 @@ class carousel_Carousel extends baseComponent_BaseComponent {
       className: classnames_default()([concat_default()(_context2 = "".concat(carousel_constants_cssClasses.CAROUSEL_CONTENT, "-")).call(_context2, animation)], {
         ["".concat(carousel_constants_cssClasses.CAROUSEL_CONTENT)]: true,
         ["".concat(carousel_constants_cssClasses.CAROUSEL_CONTENT, "-reverse")]: slideDirection === 'left' ? isReverse : !isReverse
-      })
+      }),
+      "x-semi-prop": "children"
     }, this.renderChildren()), this.renderIndicator(), this.renderArrow());
   }
 
@@ -47451,6 +47589,8 @@ function findChildKeys(keys, options) {
   });
   return res;
 }
+/* istanbul ignore next */
+
 function findLeafKeys(keys, options) {
   const res = [];
 
@@ -48591,6 +48731,8 @@ class foundation_CascaderFoundation extends foundation {
    * A11y: simulate selection click
    */
 
+  /* istanbul ignore next */
+
 
   handleSelectionEnterPress(keyboardEvent) {
     if (utils_isEnterPress(keyboardEvent)) {
@@ -49032,6 +49174,8 @@ class foundation_CascaderFoundation extends foundation {
    * A11y: simulate clear button click
    */
 
+  /* istanbul ignore next */
+
 
   handleClearEnterPress(keyboardEvent) {
     if (utils_isEnterPress(keyboardEvent)) {
@@ -49116,6 +49260,7 @@ class foundation_CascaderFoundation extends foundation {
     } = this.getProps();
 
     if (disabled) {
+      /* istanbul ignore next */
       return;
     }
 
@@ -49167,6 +49312,7 @@ const checkbox_constants_numbers = {};
 
 
 
+
 class checkboxFoundation_CheckboxFoundation extends foundation {
   constructor(adapter) {
     super(assign_default()({}, adapter));
@@ -49187,7 +49333,7 @@ class checkboxFoundation_CheckboxFoundation extends foundation {
           this._adapter.setFocusVisible(true);
         }
       } catch (error) {
-        console.warn('The current browser does not support the focus-visible');
+        Object(warning["a" /* default */])(true, 'Warning: [Semi Checkbox] The current browser does not support the focus-visible');
       }
     };
 
@@ -49602,13 +49748,17 @@ class checkbox_Checkbox extends baseComponent_BaseComponent {
     const extraCls = 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__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.Fragment, null, children ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
       id: addonId,
-      className: "".concat(prefix, "-addon")
+      className: "".concat(prefix, "-addon"),
+      "x-semi-prop": xSemiPropChildren
     }, children) : null, extra ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       id: extraId,
-      className: extraCls
+      className: extraCls,
+      "x-semi-prop": "extra"
     }, extra) : null);
 
     return (
@@ -50249,7 +50399,8 @@ class item_Item extends external_root_React_commonjs2_react_commonjs_react_amd_r
         className: concat_default()(_context6 = "".concat(item_prefixcls, " ")).call(_context6, item_prefixcls, "-empty"),
         key: 'empty-list'
       }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
-        className: "".concat(item_prefixcls, "-label")
+        className: "".concat(item_prefixcls, "-label"),
+        "x-semi-prop": "emptyContent"
       }, emptyContent || locale.emptyText));
     });
   }
@@ -50313,11 +50464,6 @@ const tag_constants_strings = {
   AVATAR_SHAPE: ['square', 'circle']
 };
 
-// CONCATENATED MODULE: ../semi-foundation/utils/a11y.ts
-function handlePrevent(event) {
-  event.stopPropagation();
-  event.preventDefault();
-}
 // EXTERNAL MODULE: ../semi-foundation/tag/tag.scss
 var tag_tag = __webpack_require__("ktkQ");
 
@@ -50752,6 +50898,8 @@ class foundation_TagInputFoundation extends foundation {
    * A11y: simulate clear button click
    */
 
+  /* istanbul ignore next */
+
 
   handleClearEnterPress(e) {
     if (utils_isEnterPress(e)) {
@@ -50907,6 +51055,8 @@ class tagInput_TagInput extends baseComponent_BaseComponent {
     this.handleClearBtn = e => {
       this.foundation.handleClearBtn(e);
     };
+    /* istanbul ignore next */
+
 
     this.handleClearEnterPress = e => {
       this.foundation.handleClearEnterPress(e);
@@ -51081,14 +51231,18 @@ class tagInput_TagInput extends baseComponent_BaseComponent {
       ["".concat(tagInput_prefixCls, "-prefix-text")]: labelNode && isString_default()(labelNode),
       // eslint-disable-next-line max-len
       ["".concat(tagInput_prefixCls, "-prefix-icon")]: Object(_utils["e" /* isSemiIcon */])(labelNode)
-    }); // eslint-disable-next-line jsx-a11y/no-static-element-interactions,jsx-a11y/click-events-have-key-events
-
-    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.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
+      external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+        className: prefixWrapperCls,
+        onMouseDown: this.handlePreventMouseDown,
+        onClick: this.handleClickPrefixOrSuffix,
+        id: insetLabelId,
+        "x-semi-prop": "prefix"
+      }, labelNode)
+    );
   }
 
   renderSuffix() {
@@ -51104,13 +51258,17 @@ class tagInput_TagInput extends baseComponent_BaseComponent {
       ["".concat(tagInput_prefixCls, "-suffix-text")]: suffix && isString_default()(suffix),
       // eslint-disable-next-line max-len
       ["".concat(tagInput_prefixCls, "-suffix-icon")]: Object(_utils["e" /* isSemiIcon */])(suffix)
-    }); // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
-
-    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.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
+      external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+        className: suffixWrapperCls,
+        onMouseDown: this.handlePreventMouseDown,
+        onClick: this.handleClickPrefixOrSuffix,
+        "x-semi-prop": "suffix"
+      }, suffix)
+    );
   }
 
   renderTags() {
@@ -51134,7 +51292,7 @@ class tagInput_TagInput extends baseComponent_BaseComponent {
     const typoCls = classnames_default()("".concat(tagInput_prefixCls, "-wrapper-typo"), {
       ["".concat(tagInput_prefixCls, "-wrapper-typo-disabled")]: disabled
     });
-    const spanNotWithPopoverCls = classnames_default()("".concat(tagInput_prefixCls, "-wrapper-n"), {
+    const restTagsCls = classnames_default()("".concat(tagInput_prefixCls, "-wrapper-n"), {
       ["".concat(tagInput_prefixCls, "-wrapper-n-disabled")]: disabled
     });
     const restTags = [];
@@ -51176,17 +51334,16 @@ class tagInput_TagInput extends baseComponent_BaseComponent {
       }
     });
 
-    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.Fragment, null, tags, restTags.length > 0 && (showRestTagsPopover && !disabled ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(popover_0, assign_default()({
+    const restTagsContent = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
+      className: restTagsCls
+    }, "+", tagsArray.length - maxTagCount);
+    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.Fragment, null, tags, restTags.length > 0 && (showRestTagsPopover ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(popover_0, assign_default()({
       content: restTags,
       showArrow: true,
       trigger: "hover",
       position: "top",
       autoAdjustOverflow: true
-    }, restTagsPopoverProps), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
-      className: classnames_default()("".concat(tagInput_prefixCls, "-wrapper-n"))
-    }, "+", tagsArray.length - maxTagCount)) : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
-      className: spanNotWithPopoverCls
-    }, "+".concat(tagsArray.length - maxTagCount))));
+    }, restTagsPopoverProps), restTagsContent) : restTagsContent));
   }
 
   blur() {
@@ -51607,7 +51764,8 @@ class cascader_Cascader extends baseComponent_BaseComponent {
         ["".concat(cascader_prefixcls, "-suffix-icon")]: Object(_utils["e" /* isSemiIcon */])(suffix)
       });
       return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-        className: suffixWrapperCls
+        className: suffixWrapperCls,
+        "x-semi-prop": "suffix"
       }, suffix);
     };
 
@@ -51627,7 +51785,8 @@ class cascader_Cascader extends baseComponent_BaseComponent {
       });
       return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
         className: prefixWrapperCls,
-        id: insetLabelId
+        id: insetLabelId,
+        "x-semi-prop": "prefix,insetLabel"
       }, labelNode);
     };
 
@@ -51685,6 +51844,8 @@ class cascader_Cascader extends baseComponent_BaseComponent {
      * A11y: simulate clear button click
      */
 
+    /* istanbul ignore next */
+
 
     this.handleClearEnterPress = e => {
       e && e.stopPropagation();
@@ -51717,7 +51878,7 @@ class cascader_Cascader extends baseComponent_BaseComponent {
           className: clearCls,
           onClick: this.handleClear,
           onKeyPress: this.handleClearEnterPress,
-          role: 'button',
+          role: "button",
           tabIndex: 0
         }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconClear, null));
       }
@@ -51736,7 +51897,8 @@ class cascader_Cascader extends baseComponent_BaseComponent {
       }
 
       return arrowIcon ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-        className: classnames_default()("".concat(cascader_prefixcls, "-arrow"))
+        className: classnames_default()("".concat(cascader_prefixcls, "-arrow")),
+        "x-semi-prop": "arrowIcon"
       }, arrowIcon) : null;
     };
 
@@ -51811,12 +51973,12 @@ class cascader_Cascader extends baseComponent_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);
     };
@@ -52063,14 +52225,16 @@ class cascader_Cascader extends baseComponent_BaseComponent {
           if (is_array_default()(realValue)) {
             normallizedValue = is_array_default()(realValue[0]) ? realValue : [realValue];
           } else {
-            normallizedValue = [[realValue]];
+            if (realValue !== undefined) {
+              normallizedValue = [[realValue]];
+            }
           } // formatValuePath is used to save value of valuePath
 
 
           const formatValuePath = [];
 
           for_each_default()(normallizedValue).call(normallizedValue, valueItem => {
-            const formatItem = onChangeWithObject ? map_default()(valueItem).call(valueItem, i => i.value) : valueItem;
+            const formatItem = onChangeWithObject ? 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
 
@@ -52514,7 +52678,8 @@ const Collapsible = props => {
       style: {
         overflow: 'hidden'
       },
-      id: id
+      id: id,
+      "x-semi-prop": "children"
     }, children));
   };
 
@@ -56877,6 +57042,8 @@ const toIANA = tz => {
  * @returns {Date}
  */
 
+/* istanbul ignore next */
+
 const date_fns_extra_parse = (date, formatToken, options) => {
   if (typeof date === 'string') {
     date = parse(date, formatToken, new Date(), options);
@@ -56899,6 +57066,8 @@ const date_fns_extra_parse = (date, formatToken, options) => {
  * @param {string} [options.timeZone]
  */
 
+/* istanbul ignore next */
+
 
 const date_fns_extra_format = (date, formatToken, options) => {
   if (options && options.timeZone != null && options.timeZone !== '') {
@@ -59659,7 +59828,8 @@ class dateInput_DateInput extends baseComponent_BaseComponent {
     const labelNode = prefix || insetLabel;
     return labelNode ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.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;
   }
 
@@ -63360,16 +63530,19 @@ class scrollList_ScrollList extends baseComponent_BaseComponent {
     }, header ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: clsHeader
     }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-      className: "".concat(clsHeader, "-title")
+      className: "".concat(clsHeader, "-title"),
+      "x-semi-prop": this.props['x-semi-header-alias'] || "header"
     }, header), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: "".concat(clsWrapper, "-line")
     })) : null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: "".concat(clsWrapper, "-body"),
       style: {
         height: bodyHeight ? bodyHeight : ''
-      }
+      },
+      "x-semi-prop": "children"
     }, children), footer ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-      className: "".concat(clsWrapper, "-footer")
+      className: "".concat(clsWrapper, "-footer"),
+      "x-semi-prop": this.props['x-semi-footer-alias'] || "footer"
     }, footer) : null);
   }
 
@@ -63831,7 +64004,9 @@ class Combobox_Combobox extends baseComponent_BaseComponent {
       componentName: "TimePicker"
     }, (locale, localeCode) => /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(scrollList_0, {
       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)));
   }
 
@@ -65177,11 +65352,13 @@ class datePicker_DatePicker extends baseComponent_BaseComponent {
         className: wrapCls,
         style: dropdownStyle
       }, topSlot && /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-        className: "".concat(datePicker_constants_cssClasses.PREFIX, "-topSlot")
+        className: "".concat(datePicker_constants_cssClasses.PREFIX, "-topSlot"),
+        "x-semi-prop": "topSlot"
       }, topSlot), insetInput && /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(dateInput_DateInput, assign_default()({}, insetInputProps, {
         insetInput: true
       })), this.adapter.typeIsYearOrMonth() ? this.renderYearMonthPanel(locale, localeCode) : this.renderMonthGrid(locale, localeCode, dateFnsLocale), this.renderQuickControls(), bottomSlot && /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-        className: "".concat(datePicker_constants_cssClasses.PREFIX, "-bottomSlot")
+        className: "".concat(datePicker_constants_cssClasses.PREFIX, "-bottomSlot"),
+        "x-semi-prop": "bottomSlot"
       }, bottomSlot), this.renderFooter(locale, localeCode));
     };
 
@@ -66130,7 +66307,8 @@ const Divider = props => {
     className: dividerClassNames,
     style: assign_default()(assign_default()({}, overrideDefaultStyle), style)
   }), children && layout === 'horizontal' ? typeof children === 'string' ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
-    className: "".concat(divider_prefixCls, "-divider_inner-text")
+    className: "".concat(divider_prefixCls, "-divider_inner-text"),
+    "x-semi-prop": "children"
   }, children) : children : null);
 };
 
@@ -66251,15 +66429,19 @@ class empty_Empty extends baseComponent_BaseComponent {
       style: style
     }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: "".concat(empty_prefixCls, "-image"),
-      style: imageStyle
+      style: imageStyle,
+      "x-semi-prop": "image,darkModeImage"
     }, imageNode), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: "".concat(empty_prefixCls, "-content")
     }, title ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(typography_0.Title, assign_default()({}, titleProps, {
-      className: "".concat(empty_prefixCls, "-title")
+      className: "".concat(empty_prefixCls, "-title"),
+      "x-semi-prop": "title"
     }), title) : null, description ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-      className: "".concat(empty_prefixCls, "-description")
+      className: "".concat(empty_prefixCls, "-description"),
+      "x-semi-prop": "description"
     }, description) : null, children ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-      className: "".concat(empty_prefixCls, "-footer")
+      className: "".concat(empty_prefixCls, "-footer"),
+      "x-semi-prop": "children"
     }, children) : null));
   }
 
@@ -66644,7 +66826,9 @@ class ModalContent_ModalContent extends baseComponent_BaseComponent {
       let closer;
 
       if (closable) {
-        const iconType = closeIcon || /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconClose, null);
+        const iconType = closeIcon || /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconClose, {
+          "x-semi-prop": "closeIcon"
+        });
         closer = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(iconButton_0, {
           "aria-label": "close",
           className: "".concat(modal_constants_cssClasses.DIALOG, "-close"),
@@ -66665,7 +66849,8 @@ class ModalContent_ModalContent extends baseComponent_BaseComponent {
         icon
       } = this.props;
       return icon ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
-        className: "".concat(modal_constants_cssClasses.DIALOG, "-icon-wrapper")
+        className: "".concat(modal_constants_cssClasses.DIALOG, "-icon-wrapper"),
+        "x-semi-prop": "icon"
       }, icon) : null;
     };
 
@@ -66684,7 +66869,8 @@ class ModalContent_ModalContent extends baseComponent_BaseComponent {
       }, icon, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(typography_0.Title, {
         heading: 5,
         className: "".concat(modal_constants_cssClasses.DIALOG, "-title"),
-        id: "".concat(modal_constants_cssClasses.DIALOG, "-title")
+        id: "".concat(modal_constants_cssClasses.DIALOG, "-title"),
+        "x-semi-prop": "title"
       }, title), closer);
     };
 
@@ -66703,12 +66889,14 @@ class ModalContent_ModalContent extends baseComponent_BaseComponent {
       return hasHeader ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
         className: bodyCls,
         id: "".concat(modal_constants_cssClasses.DIALOG, "-body"),
-        style: bodyStyle
+        style: bodyStyle,
+        "x-semi-prop": "children"
       }, children) : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
         className: "".concat(modal_constants_cssClasses.DIALOG, "-body-wrapper")
       }, icon, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
         className: bodyCls,
-        style: bodyStyle
+        style: bodyStyle,
+        "x-semi-prop": "children"
       }, children), closer);
     };
 
@@ -66740,7 +66928,8 @@ class ModalContent_ModalContent extends baseComponent_BaseComponent {
       const body = this.renderBody();
       const header = this.renderHeader();
       const footer = props.footer ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-        className: "".concat(modal_constants_cssClasses.DIALOG, "-footer")
+        className: "".concat(modal_constants_cssClasses.DIALOG, "-footer"),
+        "x-semi-prop": "footer"
       }, props.footer) : null;
       const dialogElement =
       /*#__PURE__*/
@@ -67006,7 +67195,8 @@ const ConfirmModal = props => {
     icon: iconNode,
     visible: visible
   }, rest), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-    className: contentCls
+    className: contentCls,
+    "x-semi-prop": "content"
   }, content));
 };
 
@@ -67320,7 +67510,9 @@ class Modal_Modal extends baseComponent_BaseComponent {
             loading: cancelLoading,
             type: "tertiary",
             autoFocus: true
-          }, this.props.cancelButtonProps), cancelText || locale.cancel);
+          }, this.props.cancelButtonProps, {
+            "x-semi-children-alias": "cancelText"
+          }), cancelText || locale.cancel);
         }
       };
 
@@ -67332,7 +67524,9 @@ class Modal_Modal extends baseComponent_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,
@@ -68004,7 +68198,8 @@ class dropdown_Dropdown extends baseComponent_BaseComponent {
       className: className,
       style: style
     }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-      className: "".concat(prefixCls, "-content")
+      className: "".concat(prefixCls, "-content"),
+      "x-semi-prop": "render"
     }, content)));
   }
 
@@ -68340,7 +68535,8 @@ class row_Row extends external_root_React_commonjs2_react_commonjs_react_amd_rea
       }
     }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", assign_default()({}, otherProps, {
       className: classes,
-      style: rowStyle
+      style: rowStyle,
+      "x-semi-prop": "children"
     }), children));
   }
 
@@ -68463,7 +68659,8 @@ class col_Col extends external_root_React_commonjs2_react_commonjs_react_amd_rea
     } : {}), style);
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", assign_default()({}, others, {
       style: style,
-      className: classes
+      className: classes,
+      "x-semi-prop": "children"
     }), children);
   }
 
@@ -68977,7 +69174,8 @@ class list_List extends baseComponent_BaseComponent {
 
       if (emptyContent) {
         return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-          className: "".concat(list_constants_cssClasses.PREFIX, "-empty")
+          className: "".concat(list_constants_cssClasses.PREFIX, "-empty"),
+          "x-semi-prop": "emptyContent"
         }, emptyContent);
       } else {
         return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(localeConsumer_LocaleConsumer, {
@@ -69065,7 +69263,8 @@ class list_List extends baseComponent_BaseComponent {
       className: wrapperCls,
       style: style
     }, header ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-      className: "".concat(list_constants_cssClasses.PREFIX, "-header")
+      className: "".concat(list_constants_cssClasses.PREFIX, "-header"),
+      "x-semi-prop": "header"
     }, header) : null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(list_context.Provider, {
       value: {
         grid,
@@ -69076,7 +69275,8 @@ class list_List extends baseComponent_BaseComponent {
       spinning: loading,
       size: "large"
     }, this.wrapChildren(childrenList, children))), footer ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-      className: "".concat(list_constants_cssClasses.PREFIX, "-footer")
+      className: "".concat(list_constants_cssClasses.PREFIX, "-footer"),
+      "x-semi-prop": "footer"
     }, footer) : null, loadMore ? loadMore : null);
   }
 
@@ -69160,7 +69360,8 @@ class label_Label extends external_root_React_commonjs2_react_commonjs_react_amd
     const labelStyle = style ? style : {};
     width ? labelStyle.width = width : null;
     const textContent = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-      className: "".concat(label_prefixCls, "-field-label-text")
+      className: "".concat(label_prefixCls, "-field-label-text"),
+      "x-semi-prop": "label"
     }, typeof text !== 'undefined' ? text : children);
     const contentWithExtra = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.Fragment, null, textContent, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: "".concat(label_prefixCls, "-field-label-extra")
@@ -69249,13 +69450,12 @@ class inputGroup_inputGroup extends baseComponent_BaseComponent {
 
     const defaultName = 'input-group';
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-      role: "group",
-      "aria-label": "Input group",
-      "aria-disabled": this.props.disabled,
       className: groupWrapperCls
     }, label && label.text ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(label_Label, assign_default()({
       name: defaultName
     }, label)) : null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
+      role: "group",
+      "aria-disabled": this.props.disabled,
       id: label && label.name || defaultName,
       className: groupCls,
       style: this.props.style,
@@ -69475,7 +69675,6 @@ const getSizingData = node => {
 
 
 
-
 class textareaFoundation_TextAreaFoundation extends foundation {
   constructor(adapter) {
     super(assign_default()(assign_default()({}, textareaFoundation_TextAreaFoundation.textAreaDefaultAdapter), adapter));
@@ -69741,16 +69940,6 @@ class textareaFoundation_TextAreaFoundation extends foundation {
 
     this.stopPropagation(e);
   }
-  /**
-   * A11y: simulate clear button click
-   */
-
-
-  handleClearEnterPress(e) {
-    if (utils_isEnterPress(e)) {
-      this.handleClear(e);
-    }
-  }
 
 }
 // EXTERNAL MODULE: ../semi-foundation/input/textarea.scss
@@ -69796,10 +69985,6 @@ class textarea_TextArea extends baseComponent_BaseComponent {
       this.foundation.handleClear(e);
     };
 
-    this.handleClearEnterPress = e => {
-      this.foundation.handleClearEnterPress(e);
-    };
-
     this.setRef = node => {
       this.libRef.current = node;
       const {
@@ -69924,14 +70109,14 @@ class textarea_TextArea extends baseComponent_BaseComponent {
     });
 
     if (showClear) {
-      return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-        role: "button",
-        tabIndex: 0,
-        "aria-label": "Clear textarea value",
-        className: clearCls,
-        onClick: this.handleClear,
-        onKeyPress: this.handleClearEnterPress
-      }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconClear, null));
+      return (
+        /*#__PURE__*/
+        // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
+        external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
+          className: clearCls,
+          onClick: this.handleClear
+        }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconClear, null))
+      );
     }
 
     return null;
@@ -69956,9 +70141,6 @@ class textarea_TextArea extends baseComponent_BaseComponent {
         ["".concat(textarea_prefixCls, "-textarea-counter-exceed")]: current > total
       });
       counter = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-        "aria-label": "Textarea value length counter",
-        "aria-valuemax": maxCount,
-        "aria-valuenow": current,
         className: countCls
       }, current, total ? '/' : null, total);
     } else {
@@ -71508,6 +71690,8 @@ class foundation_NavigationFoundation extends foundation {
   constructor(adapter) {
     super(assign_default()({}, adapter));
   }
+  /* istanbul ignore next */
+
 
   static getZeroParentKeys() {
     let itemKeysMap = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -71744,6 +71928,8 @@ class foundation_NavigationFoundation extends foundation {
   handleSelect(data) {
     this._adapter.notifySelect(data);
   }
+  /* istanbul ignore next */
+
 
   judgeIfOpen(openKeys, items) {
     let shouldBeOpen = false;
@@ -73696,7 +73882,8 @@ class notice_Notice extends baseComponent_BaseComponent {
 
     if (iconType) {
       return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-        className: iconCls
+        className: iconCls,
+        "x-semi-prop": "icon"
       }, Object(_utils["e" /* isSemiIcon */])(iconType) ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.cloneElement(iconType, {
         size: iconType.props.size || 'large'
       }) : iconType);
@@ -73754,9 +73941,11 @@ class notice_Notice extends baseComponent_BaseComponent {
         className: "".concat(notice_prefixCls, "-content-wrapper")
       }, title ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
         id: titleID,
-        className: "".concat(notice_prefixCls, "-title")
+        className: "".concat(notice_prefixCls, "-title"),
+        "x-semi-prop": "title"
       }, title) : '', content ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-        className: "".concat(notice_prefixCls, "-content")
+        className: "".concat(notice_prefixCls, "-content"),
+        "x-semi-prop": "content"
       }, content) : ''), showClose && /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(iconButton_0, {
         className: "".concat(notice_prefixCls, "-icon-close"),
         type: "tertiary",
@@ -74592,12 +74781,14 @@ intersectionObserver_ReactIntersectionObserver.defaultProps = {
 
 
 
+
 const Boundary = overflowList_constants_strings.BOUNDARY_MAP;
 const OverflowDirection = overflowList_constants_strings.OVERFLOW_DIR;
 
 class foundation_OverflowListFoundation extends foundation {
   constructor(adapter) {
     super(assign_default()({}, adapter));
+    this.previousY = undefined;
 
     this.isScrollMode = () => {
       const {
@@ -74650,6 +74841,29 @@ class foundation_OverflowListFoundation extends foundation {
       visibleState.set(itemKey, visible);
     });
 
+    let someItemVisible = false;
+
+    for (const value of instance_values_default()(visibleState).call(visibleState)) {
+      if (value) {
+        someItemVisible = true;
+        break;
+      }
+    } // Any item is visible, indicating that the List is visible
+
+
+    const wholeListVisible = someItemVisible; // If scrolling in the vertical direction makes the List invisible, no processing is required. 
+    // If this.previousY is undefined, it means that the List is mounted for the first time and will not be processed.
+
+    const [entry1] = entries;
+    const currentY = entry1.boundingClientRect.y;
+
+    if (!wholeListVisible && this.previousY !== undefined && currentY !== this.previousY) {
+      this.previousY = currentY;
+      return;
+    }
+
+    this.previousY = currentY;
+
     this._adapter.updateVisibleState(visibleState);
 
     this._adapter.notifyIntersect(res);
@@ -78575,6 +78789,8 @@ class foundation_SelectFoundation extends foundation {
       this.handleClick(e);
     }
   }
+  /* istanbul ignore next */
+
 
   handleClearBtnEnterPress(e) {
     if (utils_isEnterPress(e)) {
@@ -79402,6 +79618,8 @@ class select_Select extends baseComponent_BaseComponent {
     e.nativeEvent.stopImmediatePropagation();
     this.foundation.handleClearClick(e);
   }
+  /* istanbul ignore next */
+
 
   onClearBtnEnterPress(e) {
     this.foundation.handleClearBtnEnterPress(e);
@@ -79639,7 +79857,8 @@ class select_Select extends baseComponent_BaseComponent {
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: contentWrapperCls
     }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
-      className: spanCls
+      className: spanCls,
+      "x-semi-prop": "placeholder"
     }, renderText || renderText === 0 ? renderText : placeholder), filterable && showInput ? this.renderInput() : null));
   }
 
@@ -79801,7 +80020,8 @@ class select_Select extends baseComponent_BaseComponent {
       ["".concat(select_prefixcls, "-suffix-icon")]: Object(_utils["e" /* isSemiIcon */])(suffix)
     });
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-      className: suffixWrapperCls
+      className: suffixWrapperCls,
+      "x-semi-prop": "suffix"
     }, suffix);
   }
 
@@ -79820,7 +80040,8 @@ class select_Select extends baseComponent_BaseComponent {
     });
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: prefixWrapperCls,
-      id: insetLabelId
+      id: insetLabelId,
+      "x-semi-prop": "prefix,insetLabel"
     }, labelNode);
   }
 
@@ -79872,7 +80093,8 @@ class select_Select extends baseComponent_BaseComponent {
     });
     const showClear = this.props.showClear && (selections.size || inputValue) && !disabled && (isHovering || isOpen);
     const arrowContent = showArrow ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-      className: "".concat(select_prefixcls, "-arrow")
+      className: "".concat(select_prefixcls, "-arrow"),
+      "x-semi-prop": "arrowIcon"
     }, arrowIcon) : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: "".concat(select_prefixcls, "-arrow-empty")
     });
@@ -80258,7 +80480,8 @@ class pagination_Pagination extends baseComponent_BaseComponent {
       "aria-disabled": prevDisabled ? true : false,
       "aria-label": "Previous",
       onClick: e => !prevDisabled && this.foundation.goPrev(e),
-      className: preClassName
+      className: preClassName,
+      "x-semi-prop": "prevText"
     }, prevText || /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconChevronLeft, {
       size: "large"
     }));
@@ -80281,7 +80504,8 @@ class pagination_Pagination extends baseComponent_BaseComponent {
       "aria-disabled": nextDisabled ? true : false,
       "aria-label": "Next",
       onClick: e => !nextDisabled && this.foundation.goNext(e),
-      className: nextClassName
+      className: nextClassName,
+      "x-semi-prop": "prevText"
     }, nextText || /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconChevronRight, {
       size: "large"
     }));
@@ -80742,13 +80966,16 @@ class popconfirm_Popconfirm extends baseComponent_BaseComponent {
     }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: "".concat(prefixCls, "-header")
     }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("i", {
-      className: "".concat(prefixCls, "-header-icon")
+      className: "".concat(prefixCls, "-header-icon"),
+      "x-semi-prop": "icon"
     }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.isValidElement(icon) ? icon : null), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: "".concat(prefixCls, "-header-body")
     }, showTitle ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-      className: "".concat(prefixCls, "-header-title")
+      className: "".concat(prefixCls, "-header-title"),
+      "x-semi-prop": "title"
     }, title) : null, showContent ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-      className: "".concat(prefixCls, "-header-content")
+      className: "".concat(prefixCls, "-header-content"),
+      "x-semi-prop": "content"
     }, content) : null), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(button_0, {
       className: "".concat(prefixCls, "-btn-close"),
       icon: /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconClose, null),
@@ -82068,7 +82295,30 @@ class radioGroupFoundation_RadioGroupFoundation extends foundation {
 }
 // CONCATENATED MODULE: ../semi-foundation/radio/radioFoundation.ts
 
+
 class radioFoundation_RadioFoundation extends foundation {
+  constructor() {
+    super(...arguments);
+
+    this.handleFocusVisible = event => {
+      const {
+        target
+      } = event;
+
+      try {
+        if (target.matches(':focus-visible')) {
+          this._adapter.setFocusVisible(true);
+        }
+      } catch (error) {
+        Object(warning["a" /* default */])(true, 'Warning: [Semi Radio] The current browser does not support the focus-visible');
+      }
+    };
+
+    this.handleBlur = () => {
+      this._adapter.setFocusVisible(false);
+    };
+  }
+
   init() {
     const {
       children,
@@ -82231,7 +82481,10 @@ class radioInner_RadioInner extends baseComponent_BaseComponent {
       isPureCardRadioGroup,
       addonId,
       extraId,
-      'aria-label': ariaLabel
+      'aria-label': ariaLabel,
+      focusInner,
+      onInputFocus,
+      onInputBlur
     } = this.props;
     const {
       checked
@@ -82244,6 +82497,8 @@ class radioInner_RadioInner extends baseComponent_BaseComponent {
       ["".concat(prefix, "-inner-pureCardRadio")]: isPureCardRadioGroup
     });
     const inner = classnames_default()({
+      ["".concat(prefix, "-focus")]: focusInner,
+      ["".concat(prefix, "-focus-border")]: focusInner && !checked,
       ["".concat(prefix, "-inner-display")]: !isButtonRadio
     });
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
@@ -82252,7 +82507,6 @@ class radioInner_RadioInner extends baseComponent_BaseComponent {
       ref: ref => {
         this.inputEntity = ref;
       },
-      // eslint-disable-next-line jsx-a11y/no-autofocus
       autoFocus: autoFocus,
       type: mode === 'advanced' ? 'checkbox' : 'radio',
       checked: Boolean(checked),
@@ -82261,7 +82515,9 @@ class radioInner_RadioInner extends baseComponent_BaseComponent {
       name: name,
       "aria-label": ariaLabel,
       "aria-labelledby": addonId,
-      "aria-describedby": extraId
+      "aria-describedby": extraId,
+      onFocus: onInputFocus,
+      onBlur: onInputBlur
     }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
       className: inner
     }, checked ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconRadio, null) : null));
@@ -82276,7 +82532,10 @@ radioInner_RadioInner.propTypes = {
   isButtonRadio: prop_types_default.a.bool,
   onChange: prop_types_default.a.func,
   mode: prop_types_default.a.oneOf(['advanced', '']),
-  'aria-label': prop_types_default.a.string
+  'aria-label': prop_types_default.a.string,
+  focusInner: prop_types_default.a.bool,
+  onInputFocus: prop_types_default.a.func,
+  onInputBlur: prop_types_default.a.func
 };
 radioInner_RadioInner.defaultProps = {
   onChange: noop_default.a,
@@ -82331,6 +82590,14 @@ class radio_Radio extends baseComponent_BaseComponent {
       this.foundation.setHover(false);
     };
 
+    this.handleFocusVisible = event => {
+      this.foundation.handleFocusVisible(event);
+    };
+
+    this.handleBlur = event => {
+      this.foundation.handleBlur();
+    };
+
     this.state = {
       hover: false,
       addonId: props.addonId,
@@ -82360,6 +82627,11 @@ class radio_Radio extends baseComponent_BaseComponent {
             prefix: 'extra'
           })
         });
+      },
+      setFocusVisible: focusVisible => {
+        this.setState({
+          focusVisible
+        });
       }
     });
   }
@@ -82393,13 +82665,15 @@ class radio_Radio extends baseComponent_BaseComponent {
       extra,
       mode,
       type,
-      value: propValue
+      value: propValue,
+      name
     } = this.props;
     let realChecked, isDisabled, realMode, isButtonRadioGroup, isCardRadioGroup, isPureCardRadioGroup, isButtonRadioComponent, buttonSize, realPrefixCls;
     const {
       hover: isHover,
       addonId,
-      extraId
+      extraId,
+      focusVisible
     } = this.state;
     let props = {};
 
@@ -82426,6 +82700,7 @@ class radio_Radio extends baseComponent_BaseComponent {
 
     const isButtonRadio = typeof isButtonRadioGroup === 'undefined' ? isButtonRadioComponent : isButtonRadioGroup;
     const prefix = realPrefixCls || radioClasses.PREFIX;
+    const focusOuter = isCardRadioGroup || isPureCardRadioGroup || isButtonRadio;
     const wrapper = classnames_default()(prefix, {
       ["".concat(prefix, "-disabled")]: isDisabled,
       ["".concat(prefix, "-checked")]: realChecked,
@@ -82438,25 +82713,29 @@ class radio_Radio extends baseComponent_BaseComponent {
       ["".concat(prefix, "-cardRadioGroup_checked")]: isCardRadioGroup && realChecked && !isDisabled,
       ["".concat(prefix, "-cardRadioGroup_checked_disabled")]: isCardRadioGroup && realChecked && isDisabled,
       ["".concat(prefix, "-cardRadioGroup_hover")]: isCardRadioGroup && !realChecked && isHover && !isDisabled,
-      [className]: Boolean(className)
+      [className]: Boolean(className),
+      ["".concat(prefix, "-focus")]: focusVisible && (isCardRadioGroup || isPureCardRadioGroup)
     });
-    const name = this.isInGroup() && this.context.radioGroup.name;
+    const groupName = this.isInGroup() && this.context.radioGroup.name;
     const addonCls = classnames_default()({
       ["".concat(prefix, "-addon")]: !isButtonRadio,
       ["".concat(prefix, "-addon-buttonRadio")]: isButtonRadio,
       ["".concat(prefix, "-addon-buttonRadio-checked")]: isButtonRadio && realChecked,
       ["".concat(prefix, "-addon-buttonRadio-disabled")]: isButtonRadio && isDisabled,
       ["".concat(prefix, "-addon-buttonRadio-hover")]: isButtonRadio && !realChecked && !isDisabled && isHover,
-      [concat_default()(_context3 = "".concat(prefix, "-addon-buttonRadio-")).call(_context3, buttonSize)]: isButtonRadio && buttonSize
+      [concat_default()(_context3 = "".concat(prefix, "-addon-buttonRadio-")).call(_context3, buttonSize)]: isButtonRadio && buttonSize,
+      ["".concat(prefix, "-focus")]: focusVisible && isButtonRadio
     }, addonClassName);
 
     const renderContent = () => /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.Fragment, null, children ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
       className: addonCls,
       style: addonStyle,
-      id: addonId
+      id: addonId,
+      "x-semi-prop": "children"
     }, children) : null, extra && !isButtonRadio ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: "".concat(prefix, "-extra"),
-      id: extraId
+      id: extraId,
+      "x-semi-prop": "extra"
     }, extra) : null);
 
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("label", {
@@ -82466,7 +82745,7 @@ class radio_Radio extends baseComponent_BaseComponent {
       onMouseLeave: this.handleMouseLeave
     }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(radioInner, assign_default()({}, this.props, props, {
       mode: realMode,
-      name: name,
+      name: name !== null && name !== void 0 ? name : groupName,
       isButtonRadio: isButtonRadio,
       isPureCardRadioGroup: isPureCardRadioGroup,
       onChange: this.onChange,
@@ -82474,7 +82753,10 @@ class radio_Radio extends baseComponent_BaseComponent {
         this.radioEntity = ref;
       },
       addonId: children && addonId,
-      extraId: extra && extraId
+      extraId: extra && extraId,
+      focusInner: focusVisible && !focusOuter,
+      onInputFocus: this.handleFocusVisible,
+      onInputBlur: this.handleBlur
     })), isCardRadioGroup ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: "".concat(prefix, "-isCardRadioGroup_content")
     }, renderContent()) : renderContent());
@@ -82826,7 +83108,8 @@ class rating_item_Item extends external_root_React_commonjs2_react_commonjs_reac
         width: "".concat(firstWidth * 100, "%")
       }
     }, content), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-      className: "".concat(prefixCls, "-second")
+      className: "".concat(prefixCls, "-second"),
+      "x-semi-prop": "character"
     }, content)));
   }
 
@@ -83532,7 +83815,8 @@ class SideSheetContent_SideSheetContent extends external_root_React_commonjs2_re
 
     if (title) {
       header = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-        className: "".concat(SideSheetContent_prefixCls, "-title")
+        className: "".concat(SideSheetContent_prefixCls, "-title"),
+        "x-semi-prop": "title"
       }, this.props.title);
     }
 
@@ -83587,9 +83871,11 @@ class SideSheetContent_SideSheetContent extends external_root_React_commonjs2_re
       className: "".concat(SideSheetContent_prefixCls, "-content")
     }, header, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: "".concat(SideSheetContent_prefixCls, "-body"),
-      style: props.bodyStyle
+      style: props.bodyStyle,
+      "x-semi-prop": "children"
     }, props.children), props.footer ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-      className: "".concat(SideSheetContent_prefixCls, "-footer")
+      className: "".concat(SideSheetContent_prefixCls, "-footer"),
+      "x-semi-prop": "footer"
     }, props.footer) : null));
     return dialogElement;
   }
@@ -86316,6 +86602,7 @@ steps_Steps.defaultProps = {
 // CONCATENATED MODULE: ../semi-foundation/switch/foundation.ts
 
 
+
 class foundation_SwitchFoundation extends foundation {
   constructor(adapter) {
     super(assign_default()({}, adapter));
@@ -86330,7 +86617,7 @@ class foundation_SwitchFoundation extends foundation {
           this._adapter.setFocusVisible(true);
         }
       } catch (error) {
-        console.warn('The current browser does not support the focus-visible');
+        Object(warning["a" /* default */])(true, 'Warning: [Semi Switch] The current browser does not support the focus-visible');
       }
     };
 
@@ -86520,19 +86807,21 @@ class switch_Switch extends baseComponent_BaseComponent {
       className: switch_constants_cssClasses.KNOB,
       "aria-hidden": true
     }), showCheckedText ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-      className: switch_constants_cssClasses.CHECKED_TEXT
+      className: switch_constants_cssClasses.CHECKED_TEXT,
+      "x-semi-prop": "checkedText"
     }, checkedText) : null, showUncheckedText ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-      className: switch_constants_cssClasses.UNCHECKED_TEXT
+      className: switch_constants_cssClasses.UNCHECKED_TEXT,
+      "x-semi-prop": "uncheckedText"
     }, uncheckedText) : null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("input", 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),
@@ -86725,6 +87014,8 @@ class Logger {
       console[method](...messages);
     }
   }
+  /* istanbul ignore next */
+
 
   log() {
     for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
@@ -86733,6 +87024,8 @@ class Logger {
 
     this._baseLog('log', ...args);
   }
+  /* istanbul ignore next */
+
 
   warn() {
     for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
@@ -86741,6 +87034,8 @@ class Logger {
 
     this._baseLog('warn', ...args);
   }
+  /* istanbul ignore next */
+
 
   error() {
     for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
@@ -86749,6 +87044,8 @@ class Logger {
 
     this._baseLog('error', ...args);
   }
+  /* istanbul ignore next */
+
 
   info() {
     for (var _len5 = arguments.length, args = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
@@ -87318,6 +87615,7 @@ function isTreeTable(_ref2) {
 
 
 
+/* istanbul ignore next */
 class Store_Store {
   constructor(initialState) {
     this._state = assign_default()({}, initialState);
@@ -87370,6 +87668,8 @@ var pull_default = /*#__PURE__*/__webpack_require__.n(lodash_pull);
 // CONCATENATED MODULE: ../semi-foundation/utils/set.ts
 
 
+
+/* istanbul ignore next */
 function copySet(setA) {
   return new set_default.a(setA);
 }
@@ -92727,7 +93027,8 @@ class Table_Table extends baseComponent_BaseComponent {
       }
 
       return /*#__PURE__*/Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["isValidElement"])(title) || typeof title === 'string' ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-        className: "".concat(prefixCls, "-title")
+        className: "".concat(prefixCls, "-title"),
+        "x-semi-prop": "title"
       }, title) : null;
     };
 
@@ -92752,7 +93053,8 @@ class Table_Table extends baseComponent_BaseComponent {
       }, (locale, localeCode) => /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
         className: wrapCls
       }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-        className: "".concat(prefixCls, "-empty")
+        className: "".concat(prefixCls, "-empty"),
+        "x-semi-prop": "empty"
       }, empty || locale.emptyText)));
     };
 
@@ -92772,7 +93074,8 @@ class Table_Table extends baseComponent_BaseComponent {
 
       return /*#__PURE__*/Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["isValidElement"])(footer) || typeof footer === 'string' ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
         className: "".concat(prefixCls, "-footer"),
-        key: "footer"
+        key: "footer",
+        "x-semi-prop": "footer"
       }, footer) : null;
     };
 
@@ -94103,7 +94406,7 @@ class foundation_TabsFoundation extends foundation {
       const tabs = filter_default()(_context = [...event.target.parentNode.childNodes]).call(_context, item => {
         var _context2;
 
-        return includes_default()(_context2 = get_default()(item, 'attributes.data-tabkey.value', '')).call(_context2, 'semiTab') && item.ariaDisabled !== "true";
+        return includes_default()(_context2 = get_default()(item, 'attributes.data-tabkey.value', '')).call(_context2, 'semiTab') && get_default()(item, 'attributes.aria-disabled.value', '') !== "true";
       });
 
       switch (event.key) {
@@ -94518,7 +94821,8 @@ class TabBar_TabBar extends external_root_React_commonjs2_react_commonjs_react_a
 
       return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
         className: extraCls,
-        style: tabBarStyle
+        style: tabBarStyle,
+        "x-semi-prop": "tabBarExtraContent"
       }, tabBarExtraContent);
     }
 
@@ -94808,14 +95112,17 @@ class TabPane_TabPane extends external_root_React_commonjs2_react_commonjs_react
       style: style,
       "aria-hidden": active ? 'false' : 'true',
       tabIndex: 0
-    }, getDataAttr(restProps)), motion ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(tabs_TabPaneTransition, {
+    }, getDataAttr(restProps), {
+      "x-semi-prop": "children"
+    }), motion ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(tabs_TabPaneTransition, {
       direction: this.getDirection(this.context.activeKey, itemKey, this.context.panes),
       motion: motion,
       mode: tabPosition === 'top' ? 'horizontal' : 'vertical',
       state: active ? 'enter' : 'leave'
     }, transitionStyle => /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: "".concat(tabs_constants_cssClasses.TABS_PANE_MOTION_OVERLAY),
-      style: assign_default()({}, transitionStyle)
+      style: assign_default()({}, transitionStyle),
+      "x-semi-prop": "children"
     }, shouldRender ? children : null)) : shouldRender ? children : null);
   }
 
@@ -95820,6 +96127,8 @@ class foundation_TimePickerFoundation extends foundation {
 
     this._adapter.notifyBlur(e);
   }
+  /* istanbul ignore next */
+
 
   handleVisibleChange(visible) {
     if (!this._isControlledComponent('open')) {
@@ -95872,6 +96181,8 @@ class foundation_TimePickerFoundation extends foundation {
       this._notifyChange(value, input);
     }
   }
+  /* istanbul ignore next */
+
 
   doValidate(args) {
     if (typeof args === 'string') {
@@ -96402,6 +96713,8 @@ class TimePicker_TimePicker extends baseComponent_BaseComponent {
 
       return panelProps;
     };
+    /* istanbul ignore next */
+
 
     this.handlePanelVisibleChange = visible => this.foundation.handleVisibleChange(visible);
 
@@ -97071,7 +97384,7 @@ class toast_Toast extends baseComponent_BaseComponent {
     const btnTheme = 'borderless';
     const btnSize = 'small';
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-      role: 'alert',
+      role: "alert",
       "aria-label": "".concat(type ? type : 'default', " type"),
       className: toastCls,
       style: style,
@@ -97081,13 +97394,16 @@ class toast_Toast extends baseComponent_BaseComponent {
       className: "".concat(toast_prefixCls, "-content")
     }, this.renderIcon(), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
       className: "".concat(toast_prefixCls, "-content-text"),
-      style: textStyle
+      style: textStyle,
+      "x-semi-prop": "content"
     }, content), showClose && /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: "".concat(toast_prefixCls, "-close-button")
     }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(iconButton_0, {
       onClick: e => this.close(e),
       type: "tertiary",
-      icon: /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconClose, null),
+      icon: /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconClose, {
+        "x-semi-prop": "icon"
+      }),
       theme: btnTheme,
       size: btnSize
     }))));
@@ -98806,7 +99122,8 @@ class treeNode_TreeNode extends external_root_React_commonjs2_react_commonjs_rea
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("ul", {
       className: wrapperCls
     }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("li", {
-      className: concat_default()(_context2 = "".concat(treeNode_prefixcls, "-label ")).call(_context2, treeNode_prefixcls, "-label-empty")
+      className: concat_default()(_context2 = "".concat(treeNode_prefixcls, "-label ")).call(_context2, treeNode_prefixcls, "-label-empty"),
+      "x-semi-prop": "emptyContent"
     }, emptyContent));
   } // eslint-disable-next-line max-lines-per-function
 
@@ -100233,6 +100550,8 @@ class foundation_TreeSelectFoundation extends foundation {
       loadingKeys: loadingKeys.add(key)
     };
   }
+  /* istanbul ignore next */
+
 
   focusInput(bool) {
     this._adapter.updateInputFocus(bool);
@@ -100347,6 +100666,8 @@ class foundation_TreeSelectFoundation extends foundation {
    * A11y: simulate selection click
    */
 
+  /* istanbul ignore next */
+
 
   handleSelectionEnterPress(e) {
     if (utils_isEnterPress(e)) {
@@ -100399,6 +100720,8 @@ class foundation_TreeSelectFoundation extends foundation {
    * A11y: simulate clear button click
    */
 
+  /* istanbul ignore next */
+
 
   handleClearEnterPress(e) {
     if (utils_isEnterPress(e)) {
@@ -100739,7 +101062,7 @@ class foundation_TreeSelectFoundation extends foundation {
       eventKey,
       expanded,
       data
-    } = treeNode;
+    } = treeNode; // debugger;
 
     if (!expanded) {
       filteredExpandedKeys.add(eventKey);
@@ -100752,6 +101075,7 @@ class foundation_TreeSelectFoundation extends foundation {
     this._adapter.cacheFlattenNodes(motionType === 'hide' && this._isAnimated());
 
     if (!this._isExpandControlled()) {
+      // debugger;
       const flattenNodes = flattenTreeData(treeData, filteredExpandedKeys, showFilteredOnly && filteredShownKeys);
       const motionKeys = this._isAnimated() ? getMotionKeys(eventKey, filteredExpandedKeys, keyEntities) : [];
       const newState = {
@@ -100771,6 +101095,7 @@ class foundation_TreeSelectFoundation extends foundation {
   }
 
   handleNodeExpand(e, treeNode) {
+    // debugger;
     const {
       loadData
     } = this.getProps();
@@ -100815,6 +101140,7 @@ class foundation_TreeSelectFoundation extends foundation {
     this._adapter.cacheFlattenNodes(motionType === 'hide' && this._isAnimated());
 
     if (!isExpandControlled) {
+      // debugger;
       const flattenNodes = flattenTreeData(treeData, expandedKeys);
       const motionKeys = this._isAnimated() ? getMotionKeys(eventKey, expandedKeys, keyEntities) : [];
       const newState = {
@@ -100944,7 +101270,8 @@ class treeSelect_TreeSelect extends baseComponent_BaseComponent {
         ["".concat(treeSelect_prefixcls, "-suffix-icon")]: Object(_utils["e" /* isSemiIcon */])(suffix)
       });
       return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-        className: suffixWrapperCls
+        className: suffixWrapperCls,
+        "x-semi-prop": "suffix"
       }, suffix);
     };
 
@@ -100964,7 +101291,8 @@ class treeSelect_TreeSelect extends baseComponent_BaseComponent {
       });
       return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
         className: prefixWrapperCls,
-        id: insetLabelId
+        id: insetLabelId,
+        "x-semi-prop": "prefix,insetLabel"
       }, labelNode);
     };
 
@@ -100995,6 +101323,8 @@ class treeSelect_TreeSelect extends baseComponent_BaseComponent {
     this.handleClick = e => {
       this.foundation.handleClick(e);
     };
+    /* istanbul ignore next */
+
 
     this.handleSelectionEnterPress = e => {
       this.foundation.handleSelectionEnterPress(e);
@@ -101188,6 +101518,8 @@ class treeSelect_TreeSelect extends baseComponent_BaseComponent {
       e && e.stopPropagation();
       this.foundation.handleClear(e);
     };
+    /* istanbul ignore next */
+
 
     this.handleClearEnterPress = e => {
       e && e.stopPropagation();
@@ -101221,7 +101553,8 @@ class treeSelect_TreeSelect extends baseComponent_BaseComponent {
       }
 
       return arrowIcon ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-        className: classnames_default()("".concat(treeSelect_prefixcls, "-arrow"))
+        className: classnames_default()("".concat(treeSelect_prefixcls, "-arrow")),
+        "x-semi-prop": "arrowIcon"
       }, arrowIcon) : null;
     };
 
@@ -102904,6 +103237,8 @@ class foundation_UploadFoundation extends foundation {
       }
     });
   }
+  /* istanbul ignore next */
+
 
   manualUpload() {
     var _context4;
@@ -103448,6 +103783,8 @@ class foundation_UploadFoundation extends foundation {
   isImage(file) {
     return /(webp|svg|png|gif|jpg|jpeg|bmp|dpg)$/i.test(file.type);
   }
+  /* istanbul ignore next */
+
 
   isMultiple() {
     return Boolean(this.getProp('multiple'));
@@ -104253,7 +104590,9 @@ class upload_Upload extends baseComponent_BaseComponent {
         });
       }
 
-      const addContent = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", assign_default()({}, addContentProps), children);
+      const addContent = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", assign_default()({}, addContentProps, {
+        "x-semi-prop": "children"
+      }), children);
 
       if (!showUploadList || !fileList.length) {
         if (showAddTriggerInList) {
@@ -104386,15 +104725,18 @@ class upload_Upload extends baseComponent_BaseComponent {
         onDragEnter: this.onDragEnter,
         onClick: this.onClick
       }, children ? children : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-        className: "".concat(dragAreaBaseCls, "-icon")
+        className: "".concat(dragAreaBaseCls, "-icon"),
+        "x-semi-prop": "dragIcon"
       }, dragIcon || /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconUpload, {
         size: "extra-large"
       })), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
         className: "".concat(dragAreaBaseCls, "-text")
       }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-        className: "".concat(dragAreaBaseCls, "-main-text")
+        className: "".concat(dragAreaBaseCls, "-main-text"),
+        "x-semi-prop": "dragMainText"
       }, dragMainText || locale.mainText), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-        className: "".concat(dragAreaBaseCls, "-sub-text")
+        className: "".concat(dragAreaBaseCls, "-sub-text"),
+        "x-semi-prop": "dragSubText"
       }, dragSubText), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
         className: "".concat(dragAreaBaseCls, "-tips")
       }, dragAreaStatus === upload_constants_strings.DRAG_AREA_LEGAL && /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
@@ -104580,9 +104922,11 @@ class upload_Upload extends baseComponent_BaseComponent {
       className: inputReplaceCls,
       ref: this.replaceInputRef
     }), this.renderAddContent(), prompt ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-      className: promptCls
+      className: promptCls,
+      "x-semi-prop": "prompt"
     }, prompt) : null, validateMessage ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-      className: validateMsgCls
+      className: validateMsgCls,
+      "x-semi-prop": "validateMessage"
     }, validateMessage) : null, this.renderFileList());
   }
 
@@ -107149,7 +107493,8 @@ class transfer_Transfer extends baseComponent_BaseComponent {
       className: leftItemCls,
       checked: checked,
       role: "listitem",
-      onChange: () => this.onSelectOrRemove(item)
+      onChange: () => this.onSelectOrRemove(item),
+      "x-semi-children-alias": "dataSource[".concat(index, "].label")
     }, item.label);
   }
 
@@ -107614,6 +107959,11 @@ var form_utils_rest = undefined && undefined.__rest || function (s, e) {
 
 
 
+
+/**
+ *
+ * @param WrappedComponent React.ComponentType | any
+ */
 function getDisplayName(WrappedComponent) {
   const originName = WrappedComponent.displayName || WrappedComponent.name;
   return originName ? "SemiField".concat(originName) : 'SemiField';
@@ -109562,7 +109912,8 @@ function withField(Component, opts) {
       });
       const extraContent = extraText ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
         className: extraCls,
-        id: extraTextId
+        id: extraTextId,
+        "x-semi-prop": "extraText"
       }, extraText) : null;
 
       let newProps = assign_default()(assign_default()({