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

package/dist/umd/semi-ui.js

@@ -25959,6 +25959,112 @@ var dom = __webpack_require__("0J6L");
 var define_property = __webpack_require__("K1iI");
 var define_property_default = /*#__PURE__*/__webpack_require__.n(define_property);
 
+// CONCATENATED MODULE: ../semi-foundation/utils/a11y.ts
+
+
+function handlePrevent(event) {
+  event.stopPropagation();
+  event.preventDefault();
+}
+function isPrintableCharacter(string) {
+  return string.length === 1 && string.match(/\S/);
+} // set focus to the target item in item list
+
+function setFocusToItem(itemNodes, targetItem) {
+  for (let i = 0; i < itemNodes.length; i++) {
+    if (itemNodes[i] === targetItem) {
+      itemNodes[i].tabIndex = 0;
+      itemNodes[i].focus();
+    } else {
+      itemNodes[i].tabIndex = -1;
+    }
+  }
+} // set focus to the first item in item list
+
+function setFocusToFirstItem(itemNodes) {
+  itemNodes.length > 0 && setFocusToItem(itemNodes, itemNodes[0]);
+} // set focus to the last item in item list
+
+function setFocusToLastItem(itemNodes) {
+  itemNodes.length > 0 && setFocusToItem(itemNodes, itemNodes[itemNodes.length - 1]);
+} // set focus to the previous item in item list
+
+function setFocusToPreviousMenuItem(itemNodes, currentItem) {
+  let newMenuItem, index;
+
+  if (itemNodes.length > 0) {
+    if (currentItem === itemNodes[0]) {
+      newMenuItem = itemNodes[itemNodes.length - 1];
+    } else {
+      index = index_of_default()(itemNodes).call(itemNodes, currentItem);
+      newMenuItem = itemNodes[index - 1];
+    }
+
+    setFocusToItem(itemNodes, newMenuItem);
+  }
+} // set focus to the next item in item list
+
+function setFocusToNextMenuitem(itemNodes, currentItem) {
+  let newMenuItem, index;
+
+  if (itemNodes.length > 0) {
+    if (currentItem === itemNodes[itemNodes.length - 1]) {
+      newMenuItem = itemNodes[0];
+    } else {
+      index = index_of_default()(itemNodes).call(itemNodes, currentItem);
+      newMenuItem = itemNodes[index + 1];
+    }
+
+    setFocusToItem(itemNodes, newMenuItem);
+  }
+}
+function findIndexByCharacter(itemList, curItem, firstCharList, char) {
+  let start, index;
+
+  if (!itemList || !firstCharList || !char || char.length > 1) {
+    return -1;
+  }
+
+  char = char.toLowerCase(); // Get start index for search based on position of currentItem
+
+  start = index_of_default()(itemList).call(itemList, curItem) + 1;
+
+  if (start >= itemList.length) {
+    start = 0;
+  } // Check remaining menu items in the menu
+
+
+  index = index_of_default()(firstCharList).call(firstCharList, char, start); // If not found in remaining menu items, check from beginning
+
+  if (index === -1) {
+    index = index_of_default()(firstCharList).call(firstCharList, char, 0);
+  }
+
+  return index >= 0 ? index : -1;
+}
+function getAncestorNodeByRole(curElement, role) {
+  if (!curElement) {
+    return null;
+  }
+
+  while (curElement.parentElement && get_default()(curElement.parentElement, 'attributes.role.value', '') !== role) {
+    curElement = curElement.parentElement;
+  }
+
+  return curElement.parentElement;
+} // According to the Id, find the corresponding data-popupId element
+
+function getMenuButton(focusableEle, Id) {
+  for (let i = 0; i < focusableEle.length; i++) {
+    const curAriDescribedby = focusableEle[i].attributes['data-popupId'];
+
+    if (curAriDescribedby && curAriDescribedby.value === Id) {
+      return focusableEle[i];
+    }
+  }
+
+  return null;
+}
 // CONCATENATED MODULE: ../semi-foundation/tooltip/foundation.ts
 
 
@@ -25969,6 +26075,7 @@ var define_property_default = /*#__PURE__*/__webpack_require__.n(define_property
 
 
 
+
 const REGS = {
   TOP: /top/i,
   RIGHT: /right/i,
@@ -26898,6 +27005,7 @@ class foundation_Tooltip extends foundation {
 
     switch (event && event.key) {
       case "Escape":
+        handlePrevent(event);
         closeOnEsc && this._handleEscKeyDown(event);
         break;
 
@@ -26927,14 +27035,17 @@ class foundation_Tooltip extends foundation {
   _focusTrigger() {
     const {
       trigger,
-      returnFocusOnClose
+      returnFocusOnClose,
+      preventScroll
     } = this.getProps();
 
-    if (returnFocusOnClose && trigger === 'click') {
+    if (returnFocusOnClose && trigger !== 'custom') {
       const triggerNode = this._adapter.getTriggerNode();
 
       if (triggerNode && 'focus' in triggerNode) {
-        triggerNode.focus();
+        triggerNode.focus({
+          preventScroll
+        });
       }
     }
   }
@@ -26945,43 +27056,67 @@ class foundation_Tooltip extends foundation {
     } = this.getProps();
 
     if (trigger !== 'custom') {
-      this.hide();
-
+      // Move the focus into the trigger first and then close the pop-up layer 
+      // to avoid the problem of opening the pop-up layer again when the focus returns to the trigger in the case of hover and focus
       this._focusTrigger();
+
+      this.hide();
     }
 
     this._adapter.notifyEscKeydown(event);
   }
 
   _handleContainerTabKeyDown(focusableElements, event) {
+    const {
+      preventScroll
+    } = this.getProps();
+
     const activeElement = this._adapter.getActiveElement();
 
     const isLastCurrentFocus = focusableElements[focusableElements.length - 1] === activeElement;
 
     if (isLastCurrentFocus) {
-      focusableElements[0].focus();
+      focusableElements[0].focus({
+        preventScroll
+      });
       event.preventDefault(); // prevent browser default tab move behavior
     }
   }
 
   _handleContainerShiftTabKeyDown(focusableElements, event) {
+    const {
+      preventScroll
+    } = this.getProps();
+
     const activeElement = this._adapter.getActiveElement();
 
     const isFirstCurrentFocus = focusableElements[0] === activeElement;
 
     if (isFirstCurrentFocus) {
-      focusableElements[focusableElements.length - 1].focus();
+      focusableElements[focusableElements.length - 1].focus({
+        preventScroll
+      });
       event.preventDefault(); // prevent browser default tab move behavior
     }
   }
 
   _handleTriggerArrowDownKeydown(focusableElements, event) {
-    focusableElements[0].focus();
+    const {
+      preventScroll
+    } = this.getProps();
+    focusableElements[0].focus({
+      preventScroll
+    });
     event.preventDefault(); // prevent browser default scroll behavior
   }
 
   _handleTriggerArrowUpKeydown(focusableElements, event) {
-    focusableElements[focusableElements.length - 1].focus();
+    const {
+      preventScroll
+    } = this.getProps();
+    focusableElements[focusableElements.length - 1].focus({
+      preventScroll
+    });
     event.preventDefault(); // prevent browser default scroll behavior
   }
 
@@ -29368,7 +29503,8 @@ class tooltip_Tooltip extends baseComponent_BaseComponent {
 
       if (block || includes_default()(blockDisplays).call(blockDisplays, display)) {
         style.width = '100%';
-      }
+      } // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+
 
       return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
         className: wrapperClassName,
@@ -29671,10 +29807,16 @@ class tooltip_Tooltip extends baseComponent_BaseComponent {
         return Object(_utils["b" /* getActiveElement */])();
       },
       setInitialFocus: () => {
+        const {
+          preventScroll
+        } = this.props;
+
         const focusRefNode = get_default()(this, 'initialFocusRef.current');
 
         if (focusRefNode && 'focus' in focusRefNode) {
-          focusRefNode.focus();
+          focusRefNode.focus({
+            preventScroll
+          });
         }
       },
       notifyEscKeydown: event => {
@@ -29793,7 +29935,8 @@ class tooltip_Tooltip extends baseComponent_BaseComponent {
           ref.current = node;
         }
       },
-      tabIndex: trigger === 'hover' ? 0 : undefined
+      tabIndex: 0,
+      'data-popupId': id
     })); // If you do not add a layer of div, in order to bind the events and className in the tooltip, you need to cloneElement children, but this time it may overwrite the children's original ref reference
     // So if the user adds ref to the content, you need to use callback ref: https://github.com/facebook/react/issues/8873
 
@@ -29834,7 +29977,8 @@ tooltip_Tooltip.propTypes = {
   role: prop_types_default.a.string,
   wrapWhenSpecial: prop_types_default.a.bool,
   guardFocus: prop_types_default.a.bool,
-  returnFocusOnClose: prop_types_default.a.bool
+  returnFocusOnClose: prop_types_default.a.bool,
+  preventScroll: prop_types_default.a.bool
 };
 tooltip_Tooltip.defaultProps = {
   arrowBounding: numbers.ARROW_BOUNDING,
@@ -36015,10 +36159,15 @@ class input_Input extends baseComponent_BaseComponent {
         eyeClosed: value
       }),
       toggleFocusing: isFocus => {
+        const {
+          preventScroll
+        } = this.props;
         const input = this.inputRef && this.inputRef.current;
 
         if (isFocus) {
-          input && input.focus();
+          input && input.focus({
+            preventScroll
+          });
         } else {
           input && input.blur();
         }
@@ -36260,9 +36409,10 @@ class input_Input extends baseComponent_BaseComponent {
       inputStyle,
       forwardRef,
       maxLength,
-      getValueLength
+      getValueLength,
+      preventScroll
     } = _a,
-          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"]);
+          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", "preventScroll"]);
 
     const {
       value,
@@ -36387,14 +36537,14 @@ input_Input.propTypes = {
   insetLabel: prop_types_default.a.node,
   insetLabelId: prop_types_default.a.string,
   inputStyle: prop_types_default.a.object,
-  getValueLength: prop_types_default.a.func
+  getValueLength: prop_types_default.a.func,
+  preventScroll: prop_types_default.a.bool
 };
 input_Input.defaultProps = {
   addonBefore: '',
   addonAfter: '',
   prefix: '',
   suffix: '',
-  disabled: false,
   readonly: false,
   type: 'text',
   showClear: false,
@@ -37083,7 +37233,6 @@ autoComplete_AutoComplete.defaultProps = {
   position: 'bottomLeft',
   data: [],
   showClear: false,
-  disabled: false,
   size: 'default',
   onFocus: noop_default.a,
   onSearch: noop_default.a,
@@ -37173,11 +37322,6 @@ 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
 
 
@@ -48584,10 +48728,16 @@ class foundation_CascaderFoundation extends foundation {
   open() {
     const filterable = this._isFilterable();
 
+    const {
+      multiple
+    } = this.getProps();
+
     this._adapter.openMenu();
 
     if (filterable) {
       this._clearInput();
+
+      !multiple && this.toggle2SearchInput(true);
     }
 
     if (this._isControlledComponent()) {
@@ -48647,11 +48797,28 @@ class foundation_CascaderFoundation extends foundation {
       this._adapter.updateStates({
         inputValue
       });
+
+      !multiple && this.toggle2SearchInput(false);
+      !multiple && this._adapter.updateFocusState(false);
     }
 
     this._notifyBlur(e);
   }
 
+  toggle2SearchInput(isShow) {
+    if (isShow) {
+      this._adapter.toggleInputShow(isShow, () => this.focusInput());
+    } else {
+      this._adapter.toggleInputShow(isShow, () => undefined);
+    }
+  }
+
+  focusInput() {
+    this._adapter.focusInput();
+
+    this._adapter.updateFocusState(true);
+  }
+
   handleItemClick(e, item) {
     const isDisabled = this._isDisabled();
 
@@ -49481,7 +49648,12 @@ class checkboxInner_CheckboxInner extends external_root_React_commonjs2_react_co
   }
 
   focus() {
-    this.inputEntity.focus();
+    const {
+      preventScroll
+    } = this.props;
+    this.inputEntity.focus({
+      preventScroll
+    });
   }
 
   render() {
@@ -49559,7 +49731,8 @@ checkboxInner_CheckboxInner.propTypes = {
   extraId: prop_types_default.a.string,
   focusInner: prop_types_default.a.bool,
   onInputFocus: prop_types_default.a.func,
-  onInputBlur: prop_types_default.a.func
+  onInputBlur: prop_types_default.a.func,
+  preventScroll: prop_types_default.a.bool
 };
 checkboxInner_CheckboxInner.defaultProps = {
   onChange: noop_default.a
@@ -49817,7 +49990,8 @@ checkbox_Checkbox.propTypes = {
   extra: prop_types_default.a.node,
   index: prop_types_default.a.number,
   'aria-label': prop_types_default.a.string,
-  tabIndex: prop_types_default.a.number
+  tabIndex: prop_types_default.a.number,
+  preventScroll: prop_types_default.a.bool
 };
 checkbox_Checkbox.defaultProps = {
   defaultChecked: false,
@@ -50487,10 +50661,6 @@ var tag_rest = undefined && undefined.__rest || function (s, e) {
 };
 /* eslint-disable jsx-a11y/no-static-element-interactions */
 
-/* eslint-disable no-unused-vars */
-
-/* eslint-disable max-len */
-
 
 
 
@@ -50555,7 +50725,8 @@ class tag_Tag extends external_root_React_commonjs2_react_commonjs_react_amd_rea
   handleKeyDown(event) {
     const {
       closable,
-      onClick
+      onClick,
+      onKeyDown
     } = this.props;
 
     switch (event.key) {
@@ -50577,6 +50748,8 @@ class tag_Tag extends external_root_React_commonjs2_react_commonjs_react_amd_rea
       default:
         break;
     }
+
+    onKeyDown && onKeyDown(event);
   }
 
   renderAvatar() {
@@ -51134,10 +51307,15 @@ class tagInput_TagInput extends baseComponent_BaseComponent {
         });
       },
       toggleFocusing: isFocus => {
+        const {
+          preventScroll
+        } = this.props;
         const input = this.inputRef && this.inputRef.current;
 
         if (isFocus) {
-          input && input.focus();
+          input && input.focus({
+            preventScroll
+          });
         } else {
           input && input.blur();
         }
@@ -51178,11 +51356,14 @@ class tagInput_TagInput extends baseComponent_BaseComponent {
   componentDidMount() {
     const {
       disabled,
-      autoFocus
+      autoFocus,
+      preventScroll
     } = this.props;
 
     if (!disabled && autoFocus) {
-      this.inputRef.current.focus();
+      this.inputRef.current.focus({
+        preventScroll
+      });
     }
   }
 
@@ -51351,7 +51532,12 @@ class tagInput_TagInput extends baseComponent_BaseComponent {
   }
 
   focus() {
-    this.inputRef.current.focus();
+    const {
+      preventScroll
+    } = this.props;
+    this.inputRef.current.focus({
+      preventScroll
+    });
   }
 
   render() {
@@ -51451,7 +51637,8 @@ tagInput_TagInput.propTypes = {
   validateStatus: prop_types_default.a.oneOf(tagInput_constants_strings.STATUS),
   prefix: prop_types_default.a.oneOfType([prop_types_default.a.string, prop_types_default.a.node]),
   suffix: prop_types_default.a.oneOfType([prop_types_default.a.string, prop_types_default.a.node]),
-  'aria-label': prop_types_default.a.string
+  'aria-label': prop_types_default.a.string,
+  preventScroll: prop_types_default.a.bool
 };
 tagInput_TagInput.defaultProps = {
   showClear: false,
@@ -52033,7 +52220,8 @@ class cascader_Cascader extends baseComponent_BaseComponent {
       loadingKeys: new set_default.a(),
 
       /* Mark whether this rendering has triggered asynchronous loading of data */
-      loading: false
+      loading: false,
+      showInput: false
     };
     this.options = {};
     this.isEmpty = false;
@@ -52060,9 +52248,15 @@ class cascader_Cascader extends baseComponent_BaseComponent {
         });
       },
       focusInput: () => {
+        const {
+          preventScroll
+        } = this.props;
+
         if (this.inputRef && this.inputRef.current) {
           // TODO: check the reason
-          this.inputRef.current.focus();
+          this.inputRef.current.focus({
+            preventScroll
+          });
         }
       }
     };
@@ -52171,7 +52365,19 @@ class cascader_Cascader extends baseComponent_BaseComponent {
         });
       },
       notifyOnExceed: data => this.props.onExceed(data),
-      notifyClear: () => this.props.onClear()
+      notifyClear: () => this.props.onClear(),
+      toggleInputShow: (showInput, cb) => {
+        this.setState({
+          showInput
+        }, () => {
+          cb();
+        });
+      },
+      updateFocusState: isFocus => {
+        this.setState({
+          isFocus
+        });
+      }
     });
   }
 
@@ -52347,21 +52553,29 @@ class cascader_Cascader extends baseComponent_BaseComponent {
     const inputcls = classnames_default()("".concat(cascader_prefixcls, "-input"));
     const {
       inputValue,
-      inputPlaceHolder
+      inputPlaceHolder,
+      showInput
     } = this.state;
     const inputProps = {
       disabled,
       value: inputValue,
       className: inputcls,
-      onChange: this.handleInputChange,
-      placeholder: inputPlaceHolder
+      onChange: this.handleInputChange
     };
     const wrappercls = classnames_default()({
       ["".concat(cascader_prefixcls, "-search-wrapper")]: true
     });
+    const displayText = this.renderDisplayText();
+    const spanCls = classnames_default()({
+      ["".concat(cascader_prefixcls, "-selection-placeholder")]: !displayText,
+      ["".concat(cascader_prefixcls, "-selection-text-hide")]: showInput && inputValue,
+      ["".concat(cascader_prefixcls, "-selection-text-inactive")]: showInput && !inputValue
+    });
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: wrappercls
-    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(input_0, assign_default()({
+    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
+      className: spanCls
+    }, displayText ? displayText : inputPlaceHolder), showInput && /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(input_0, assign_default()({
       ref: this.inputRef,
       size: size
     }, inputProps)));
@@ -52478,7 +52692,8 @@ cascader_Cascader.propTypes = {
   loadedKeys: prop_types_default.a.array,
   disableStrictly: prop_types_default.a.bool,
   leafOnly: prop_types_default.a.bool,
-  enableLeafClick: prop_types_default.a.bool
+  enableLeafClick: prop_types_default.a.bool,
+  preventScroll: prop_types_default.a.bool
 };
 cascader_Cascader.defaultProps = {
   leafOnly: false,
@@ -52490,7 +52705,6 @@ cascader_Cascader.defaultProps = {
   showClear: false,
   autoClearSearchValue: true,
   changeOnSelect: false,
-  disabled: false,
   disableStrictly: false,
   autoMergeValue: true,
   multiple: false,
@@ -65565,6 +65779,10 @@ class datePicker_DatePicker extends baseComponent_BaseComponent {
         motionEnd
       }),
       setRangeInputFocus: rangeInputFocus => {
+        const {
+          preventScroll
+        } = this.props;
+
         if (rangeInputFocus !== this.state.rangeInputFocus) {
           this.setState({
             rangeInputFocus
@@ -65575,7 +65793,9 @@ class datePicker_DatePicker extends baseComponent_BaseComponent {
           case 'rangeStart':
             const inputStartNode = get_default()(this, 'rangeInputStartRef.current');
 
-            inputStartNode && inputStartNode.focus();
+            inputStartNode && inputStartNode.focus({
+              preventScroll
+            });
             /**
              * 解决选择完startDate，切换到endDate后panel被立马关闭的问题。
              * 用户打开panel，选了startDate后，会执行setRangeInputFocus('rangeEnd'),focus到endDateInput，
@@ -65599,7 +65819,9 @@ class datePicker_DatePicker extends baseComponent_BaseComponent {
           case 'rangeEnd':
             const inputEndNode = get_default()(this, 'rangeInputEndRef.current');
 
-            inputEndNode && inputEndNode.focus();
+            inputEndNode && inputEndNode.focus({
+              preventScroll
+            });
             /**
              * 解决选择完startDate，切换到endDate后panel被立马关闭的问题。
              * 用户打开panel，选了startDate后，会执行setRangeInputFocus('rangeEnd'),focus到endDateInput，
@@ -65627,6 +65849,9 @@ class datePicker_DatePicker extends baseComponent_BaseComponent {
       couldPanelClosed: () => this.focusRecordsRef.current.rangeStart && this.focusRecordsRef.current.rangeEnd,
       isEventTarget: e => e && e.target === e.currentTarget,
       setInsetInputFocus: () => {
+        const {
+          preventScroll
+        } = this.props;
         const {
           rangeInputFocus
         } = this.state;
@@ -65636,7 +65861,9 @@ class datePicker_DatePicker extends baseComponent_BaseComponent {
             if (document.activeElement !== this.rangeInputEndRef.current) {
               const inputEndNode = get_default()(this, 'rangeInputEndRef.current');
 
-              inputEndNode && inputEndNode.focus();
+              inputEndNode && inputEndNode.focus({
+                preventScroll
+              });
             }
 
             break;
@@ -65646,7 +65873,9 @@ class datePicker_DatePicker extends baseComponent_BaseComponent {
             if (document.activeElement !== this.rangeInputStartRef.current) {
               const inputStartNode = get_default()(this, 'rangeInputStartRef.current');
 
-              inputStartNode && inputStartNode.focus();
+              inputStartNode && inputStartNode.focus({
+                preventScroll
+              });
             }
 
             break;
@@ -65961,7 +66190,8 @@ datePicker_DatePicker.propTypes = {
   syncSwitchMonth: prop_types_default.a.bool,
   // Callback function for panel date switching
   onPanelChange: prop_types_default.a.func,
-  rangeSeparator: prop_types_default.a.string
+  rangeSeparator: prop_types_default.a.string,
+  preventScroll: prop_types_default.a.bool
 };
 datePicker_DatePicker.defaultProps = {
   onChangeWithDateFirst: true,
@@ -65974,7 +66204,6 @@ datePicker_DatePicker.defaultProps = {
   type: 'date',
   size: 'default',
   density: 'default',
-  disabled: false,
   multiple: false,
   defaultOpen: false,
   disabledHours: noop_default.a,
@@ -66648,7 +66877,12 @@ class FocusHandle_FocusTrapHandle {
     };
 
     this.focusElement = (element, event) => {
-      element === null || element === void 0 ? void 0 : element.focus();
+      const {
+        preventScroll
+      } = this.options;
+      element === null || element === void 0 ? void 0 : element.focus({
+        preventScroll
+      });
       event.preventDefault(); // prevent browser default tab move behavior
     };
 
@@ -67003,17 +67237,24 @@ class ModalContent_ModalContent extends baseComponent_BaseComponent {
       modalDialogFocus: () => {
         var _a, _b, _c;
 
+        const {
+          preventScroll
+        } = this.props;
         let activeElementInDialog;
 
         if (this.modalDialogRef) {
           const activeElement = FocusHandle.getActiveElement();
           activeElementInDialog = this.modalDialogRef.current.contains(activeElement);
           (_a = this.focusTrapHandle) === null || _a === void 0 ? void 0 : _a.destroy();
-          this.focusTrapHandle = new FocusHandle(this.modalDialogRef.current);
+          this.focusTrapHandle = new FocusHandle(this.modalDialogRef.current, {
+            preventScroll
+          });
         }
 
         if (!activeElementInDialog) {
-          (_c = (_b = this.modalDialogRef) === null || _b === void 0 ? void 0 : _b.current) === null || _c === void 0 ? void 0 : _c.focus();
+          (_c = (_b = this.modalDialogRef) === null || _b === void 0 ? void 0 : _b.current) === null || _c === void 0 ? void 0 : _c.focus({
+            preventScroll
+          });
         }
       },
       modalDialogBlur: () => {
@@ -67026,10 +67267,15 @@ class ModalContent_ModalContent extends baseComponent_BaseComponent {
         const {
           prevFocusElement
         } = this.state;
+        const {
+          preventScroll
+        } = this.props;
 
         const focus = get_default()(prevFocusElement, 'focus');
 
-        isFunction_default()(focus) && prevFocusElement.focus();
+        isFunction_default()(focus) && prevFocusElement.focus({
+          preventScroll
+        });
       }
     });
   }
@@ -67083,7 +67329,8 @@ ModalContent_ModalContent.propTypes = {
   getContainerContext: prop_types_default.a.func,
   contentClassName: prop_types_default.a.string,
   maskClassName: prop_types_default.a.string,
-  onAnimationEnd: prop_types_default.a.func
+  onAnimationEnd: prop_types_default.a.func,
+  preventScroll: prop_types_default.a.bool
 };
 ModalContent_ModalContent.defaultProps = {
   close: noop_default.a,
@@ -67864,6 +68111,9 @@ const dropdown_constants_numbers = {
 
 // CONCATENATED MODULE: ../semi-foundation/dropdown/foundation.ts
 
+
+
+
 class foundation_DropdownFoundation extends foundation {
   handleVisibleChange(visible) {
     this._adapter.setPopVisible(visible);
@@ -67871,7 +68121,155 @@ class foundation_DropdownFoundation extends foundation {
     this._adapter.notifyVisibleChange(visible);
   }
 
+  getMenuItemNodes(target) {
+    var _context;
+
+    const id = target.attributes['data-popupId'].value;
+    const menuWrapper = document.getElementById(id); // if has dropdown item, the item must wrapped by li
+
+    return menuWrapper ? filter_default()(_context = from_default()(menuWrapper.getElementsByTagName('li'))).call(_context, item => item.ariaDisabled === "false") : null;
+  }
+
+  setFocusToFirstMenuItem(target) {
+    const menuItemNodes = this.getMenuItemNodes(target);
+    menuItemNodes && setFocusToFirstItem(menuItemNodes);
+  }
+
+  setFocusToLastMenuItem(target) {
+    const menuItemNodes = this.getMenuItemNodes(target);
+    menuItemNodes && setFocusToLastItem(menuItemNodes);
+  }
+
+  handleKeyDown(event) {
+    switch (event.key) {
+      case ' ':
+      case 'Enter':
+        event.target.click();
+        handlePrevent(event);
+        break;
+
+      case 'ArrowDown':
+        this.setFocusToFirstMenuItem(event.target);
+        handlePrevent(event);
+        break;
+
+      case 'ArrowUp':
+        this.setFocusToLastMenuItem(event.target);
+        handlePrevent(event);
+        break;
+
+      default:
+        break;
+    }
+  }
+
+}
+// CONCATENATED MODULE: ../semi-foundation/dropdown/menuFoundation.ts
+
+
+
+
+
+
+class menuFoundation_DropdownMenuFoundation extends foundation {
+  constructor() {
+    super(...arguments);
+    this.menuItemNodes = null;
+    this.firstChars = [];
+  } // if trigger is click, auto focus to the first menu item
+
+
+  autoFocus(ulElement) {
+    const trigger = this._adapter.getContext('trigger');
+
+    if (trigger === 'click') {
+      var _context;
+
+      // find all non-disabled li under this menu and set focus to the first menu
+      this.menuItemNodes = filter_default()(_context = [...ulElement.getElementsByTagName('li')]).call(_context, item => item.ariaDisabled !== "true");
+      setFocusToFirstItem(this.menuItemNodes);
+    }
+  }
+
+  handleEscape(menu) {
+    const trigger = this._adapter.getContext('trigger');
+
+    if (trigger === 'custom') {
+      const menuButton = menu && getMenuButton(document.querySelectorAll("[data-popupId]"), menu.id);
+      menuButton.focus();
+    }
+  }
+
+  setFocusByFirstCharacter(curItem, char) {
+    const index = findIndexByCharacter(this.menuItemNodes, curItem, this.firstChars, char);
+
+    if (index >= 0) {
+      setFocusToItem(this.menuItemNodes, this.menuItemNodes[index]);
+    }
+  }
+
+  onMenuKeydown(event) {
+    var _context5;
+
+    const menu = getAncestorNodeByRole(event.target, 'tooltip');
+
+    if (!this.menuItemNodes) {
+      var _context2;
+
+      this.menuItemNodes = filter_default()(_context2 = [...event.target.parentNode.getElementsByTagName('li')]).call(_context2, item => item.ariaDisabled !== "true");
+    }
+
+    if (this.firstChars.length === 0) {
+      var _context3;
+
+      for_each_default()(_context3 = this.menuItemNodes).call(_context3, item => {
+        var _context4;
+
+        this.firstChars.push(trim_default()(_context4 = item.textContent).call(_context4)[0].toLowerCase());
+      });
+    } // get the currently focused menu item
+
+
+    const curItem = find_default()(_context5 = this.menuItemNodes).call(_context5, item => item.tabIndex === 0);
+
+    switch (event.key) {
+      case ' ':
+      case 'Enter':
+        event.target.click();
+        handlePrevent(event);
+        break;
+
+      case 'Escape':
+        this.handleEscape(menu);
+        break;
+
+      case 'ArrowUp':
+        setFocusToPreviousMenuItem(this.menuItemNodes, curItem);
+        handlePrevent(event);
+        break;
+
+      case 'ArrowDown':
+        setFocusToNextMenuitem(this.menuItemNodes, curItem);
+        handlePrevent(event);
+        break;
+
+      default:
+        if (isPrintableCharacter(event.key)) {
+          this.setFocusByFirstCharacter(curItem, event.key);
+          handlePrevent(event);
+        }
+
+        break;
+    }
+  }
+
 }
+// CONCATENATED MODULE: ./dropdown/context.ts
+
+const DropdownContext = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createContext({
+  level: 0
+});
+/* harmony default export */ var dropdown_context = (DropdownContext);
 // CONCATENATED MODULE: ./dropdown/dropdownMenu.tsx
 
 
@@ -67893,9 +68291,25 @@ var dropdownMenu_rest = undefined && undefined.__rest || function (s, e) {
 
 
 
+
+
 const dropdownMenu_prefixCls = dropdown_constants_cssClasses.PREFIX;
 
 class dropdownMenu_DropdownMenu extends baseComponent_BaseComponent {
+  constructor(props) {
+    super(props);
+    this.menuRef = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createRef();
+    this.foundation = new menuFoundation_DropdownMenuFoundation(this.adapter);
+  }
+
+  get adapter() {
+    return assign_default()({}, super.adapter);
+  }
+
+  componentDidMount() {
+    this.foundation.autoFocus(this.menuRef.current);
+  }
+
   render() {
     const _a = this.props,
           {
@@ -67907,10 +68321,12 @@ class dropdownMenu_DropdownMenu extends baseComponent_BaseComponent {
 
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("ul", assign_default()({
       role: "menu",
-      "aria-orientation": "vertical"
+      "aria-orientation": "vertical",
+      ref: this.menuRef
     }, rest, {
       className: classnames_default()("".concat(dropdownMenu_prefixCls, "-menu"), className),
-      style: style
+      style: style,
+      onKeyDown: e => this.foundation.onMenuKeydown(e)
     }), children);
   }
 
@@ -67921,13 +68337,8 @@ dropdownMenu_DropdownMenu.propTypes = {
   className: prop_types_default.a.string,
   style: prop_types_default.a.object
 };
+dropdownMenu_DropdownMenu.contextType = dropdown_context;
 /* harmony default export */ var dropdownMenu = (dropdownMenu_DropdownMenu);
-// CONCATENATED MODULE: ./dropdown/context.ts
-
-const DropdownContext = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createContext({
-  level: 0
-});
-/* harmony default export */ var dropdown_context = (DropdownContext);
 // CONCATENATED MODULE: ./dropdown/dropdownItem.tsx
 
 
@@ -68005,7 +68416,9 @@ class dropdownItem_DropdownItem extends baseComponent_BaseComponent {
     }
 
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("li", assign_default()({
-      role: "menuitem"
+      role: "menuitem",
+      tabIndex: -1,
+      "aria-disabled": disabled
     }, events, {
       ref: ref => forwardRef(ref),
       className: itemclass,
@@ -68174,7 +68587,8 @@ class dropdown_Dropdown extends baseComponent_BaseComponent {
       contentClassName,
       style,
       showTick,
-      prefixCls
+      prefixCls,
+      trigger
     } = this.props;
     const className = classnames_default()(prefixCls, contentClassName);
     const {
@@ -68182,7 +68596,8 @@ class dropdown_Dropdown extends baseComponent_BaseComponent {
     } = this.context;
     const contextValue = {
       showTick,
-      level: level + 1
+      level: level + 1,
+      trigger
     };
     let content = null;
 
@@ -68319,11 +68734,15 @@ class dropdown_Dropdown extends baseComponent_BaseComponent {
       position: position,
       trigger: trigger,
       onVisibleChange: this.handleVisibleChange,
-      showArrow: false
+      showArrow: false,
+      returnFocusOnClose: true
     }, attr), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.isValidElement(children) ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.cloneElement(children, {
       className: classnames_default()(get_default()(children, 'props.className'), {
         ["".concat(prefixCls, "-showing")]: popVisible
-      })
+      }),
+      'aria-haspopup': true,
+      'aria-expanded': popVisible,
+      onKeyDown: e => this.foundation.handleKeyDown(e)
     }) : children);
   }
 
@@ -68363,7 +68782,9 @@ dropdown_Dropdown.defaultProps = {
   trigger: 'hover',
   position: 'bottom',
   mouseLeaveDelay: dropdown_constants_strings.DEFAULT_LEAVE_DELAY,
-  showTick: false
+  showTick: false,
+  closeOnEsc: true,
+  onEscKeyDown: noop_default.a
 };
 /* harmony default export */ var dropdown_0 = (dropdown_Dropdown);
 // CONCATENATED MODULE: ../semi-foundation/grid/constants.ts
@@ -69403,6 +69824,7 @@ label_Label.propTypes = {
 
 
 
+
 var inputGroup_rest = undefined && undefined.__rest || function (s, e) {
   var t = {};
 
@@ -69475,9 +69897,10 @@ class inputGroup_inputGroup extends baseComponent_BaseComponent {
       children,
       label,
       onBlur: groupOnBlur,
-      onFocus: groupOnFocus
+      onFocus: groupOnFocus,
+      disabled: groupDisabled
     } = _a,
-          rest = inputGroup_rest(_a, ["size", "style", "className", "children", "label", "onBlur", "onFocus"]);
+          rest = inputGroup_rest(_a, ["size", "style", "className", "children", "label", "onBlur", "onFocus", "disabled"]);
 
     const groupCls = classnames_default()("".concat(inputGroup_prefixCls, "-group"), {
       [concat_default()(_context2 = "".concat(inputGroup_prefixCls, "-")).call(_context2, size)]: size !== 'default'
@@ -69491,16 +69914,20 @@ class inputGroup_inputGroup extends baseComponent_BaseComponent {
         if (item) {
           const {
             onBlur: itemOnBlur,
-            onFocus: itemOnFocus
+            onFocus: itemOnFocus,
+            disabled: itemDisabled
           } = item.props;
-          const onBlur = isFunction_default()(itemOnBlur) ? itemOnBlur : groupOnBlur;
-          const onFocus = isFunction_default()(itemOnFocus) ? itemOnFocus : groupOnFocus;
-          return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.cloneElement(item, assign_default()({
-            key: index,
+          const onBlur = isFunction_default()(itemOnBlur) && get_default()(itemOnBlur, 'name') !== 'noop' ? itemOnBlur : groupOnBlur;
+          const onFocus = isFunction_default()(itemOnFocus) && get_default()(itemOnFocus, 'name') !== 'noop' ? itemOnFocus : groupOnFocus;
+          const disabled = typeof itemDisabled === 'boolean' ? itemDisabled : groupDisabled;
+          return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.cloneElement(item, assign_default()(assign_default()({
+            key: index
+          }, rest), {
             size,
             onBlur,
-            onFocus
-          }, rest));
+            onFocus,
+            disabled
+          }));
         }
 
         return null;
@@ -71067,6 +71494,8 @@ var inputNumber_rest = undefined && undefined.__rest || function (s, e) {
   }
   return t;
 };
+/* eslint-disable jsx-a11y/no-static-element-interactions */
+
 /* eslint-disable @typescript-eslint/no-unused-vars */
 
 /* eslint-disable no-unused-vars */
@@ -71326,7 +71755,8 @@ class inputNumber_InputNumber extends baseComponent_BaseComponent {
 
   componentDidUpdate(prevProps) {
     const {
-      value
+      value,
+      preventScroll
     } = this.props;
     const {
       focusing
@@ -71441,7 +71871,9 @@ class inputNumber_InputNumber extends baseComponent_BaseComponent {
 
     if (this.props.keepFocus && this.state.focusing) {
       if (document.activeElement !== this.inputNode) {
-        this.inputNode.focus();
+        this.inputNode.focus({
+          preventScroll
+        });
       }
     }
   }
@@ -71551,6 +71983,7 @@ inputNumber_InputNumber.propTypes = {
   prefixCls: prop_types_default.a.string,
   pressInterval: prop_types_default.a.number,
   pressTimeout: prop_types_default.a.number,
+  preventScroll: prop_types_default.a.bool,
   shiftStep: prop_types_default.a.number,
   step: prop_types_default.a.number,
   style: prop_types_default.a.object,
@@ -71564,7 +71997,6 @@ inputNumber_InputNumber.propTypes = {
   onUpClick: prop_types_default.a.func
 };
 inputNumber_InputNumber.defaultProps = {
-  disabled: false,
   forwardedRef: noop_default.a,
   innerButtons: false,
   keepFocus: false,
@@ -79321,8 +79753,14 @@ class select_Select extends baseComponent_BaseComponent {
         });
       },
       focusInput: () => {
+        const {
+          preventScroll
+        } = this.props;
+
         if (this.inputRef && this.inputRef.current) {
-          this.inputRef.current.focus();
+          this.inputRef.current.focus({
+            preventScroll
+          });
         }
       }
     };
@@ -79474,8 +79912,13 @@ class select_Select extends baseComponent_BaseComponent {
       },
       focusTrigger: () => {
         try {
+          const {
+            preventScroll
+          } = this.props;
           const el = this.triggerRef.current;
-          el.focus();
+          el.focus({
+            preventScroll
+          });
         } catch (error) {}
       },
       updateScrollTop: index => {
@@ -80278,7 +80721,8 @@ select_Select.propTypes = {
   virtualize: prop_types_default.a.object,
   renderOptionItem: prop_types_default.a.func,
   onListScroll: prop_types_default.a.func,
-  arrowIcon: prop_types_default.a.node // open: PropTypes.bool,
+  arrowIcon: prop_types_default.a.node,
+  preventScroll: prop_types_default.a.bool // open: PropTypes.bool,
   // tagClosable: PropTypes.bool,
 
 };
@@ -82464,7 +82908,12 @@ class radioInner_RadioInner extends baseComponent_BaseComponent {
   }
 
   focus() {
-    this.inputEntity.focus();
+    const {
+      preventScroll
+    } = this.props;
+    this.inputEntity.focus({
+      preventScroll
+    });
   }
 
   onChange(e) {
@@ -82535,7 +82984,8 @@ radioInner_RadioInner.propTypes = {
   '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
+  onInputBlur: prop_types_default.a.func,
+  preventScroll: prop_types_default.a.bool
 };
 radioInner_RadioInner.defaultProps = {
   onChange: noop_default.a,
@@ -82783,7 +83233,8 @@ radio_Radio.propTypes = {
   addonStyle: prop_types_default.a.object,
   addonClassName: prop_types_default.a.string,
   type: prop_types_default.a.oneOf([radio_constants_strings.TYPE_DEFAULT, radio_constants_strings.TYPE_BUTTON, radio_constants_strings.TYPE_CARD, radio_constants_strings.TYPE_PURECARD]),
-  'aria-label': prop_types_default.a.string
+  'aria-label': prop_types_default.a.string,
+  preventScroll: prop_types_default.a.bool
 };
 radio_Radio.defaultProps = {
   autoFocus: false,
@@ -83007,139 +83458,44 @@ const rating_constants_strings = {
 // EXTERNAL MODULE: ../semi-foundation/rating/rating.scss
 var rating = __webpack_require__("F3GA");
 
-// CONCATENATED MODULE: ./rating/item.tsx
-
-
-
+// CONCATENATED MODULE: ../semi-foundation/rating/foundation.ts
 
 
 
 
+/* eslint-disable no-param-reassign */
 
-class rating_item_Item extends external_root_React_commonjs2_react_commonjs_react_amd_react_["PureComponent"] {
-  constructor() {
-    super(...arguments);
 
-    this.onHover = e => {
-      const {
-        onHover,
-        index
-      } = this.props;
-      onHover(e, index);
-    };
+class foundation_RatingFoundation extends foundation {
+  constructor(adapter) {
+    super(assign_default()(assign_default()({}, foundation_RatingFoundation.defaultAdapter), adapter));
 
-    this.onClick = e => {
+    this.handleStarFocusVisible = event => {
       const {
-        onClick,
-        index
-      } = this.props;
-      onClick(e, index);
-    };
-
-    this.onKeyDown = e => {
+        target
+      } = event;
       const {
-        onClick,
-        index
-      } = this.props;
+        count
+      } = this.getProps(); // when rating 0 is focus visible
 
-      if (e.keyCode === 13) {
-        onClick(e, index);
+      try {
+        if (target.matches(':focus-visible')) {
+          this._adapter.setEmptyStarFocusVisible(true);
+        }
+      } catch (error) {
+        Object(warning["a" /* default */])(true, 'Warning: [Semi Rating] The current browser does not support the focus-visible');
       }
     };
-  }
 
-  render() {
-    var _context;
-
-    const {
-      index,
-      prefixCls,
-      character,
-      count,
-      value,
-      disabled,
-      allowHalf,
-      focused,
-      size
-    } = this.props;
-    const starValue = index + 1;
-    const diff = starValue - value;
-    const isFocused = value === 0 && index === 0 && focused; // const isHalf = allowHalf && value + 0.5 === starValue;
+    this.handleStarBlur = event => {
+      const {
+        emptyStarFocusVisible
+      } = this.getStates();
 
-    const isHalf = allowHalf && diff < 1 && diff > 0;
-    const firstWidth = isHalf ? 1 - diff : 0.5;
-    const isFull = starValue <= value;
-    const isCustomSize = typeof size === 'number';
-    const starCls = classnames_default()(prefixCls, {
-      ["".concat(prefixCls, "-focused")]: isFocused,
-      ["".concat(prefixCls, "-half")]: isHalf,
-      ["".concat(prefixCls, "-full")]: isFull,
-      [concat_default()(_context = "".concat(prefixCls, "-")).call(_context, size)]: !isCustomSize
-    });
-    const sizeStyle = isCustomSize ? {
-      width: size,
-      height: size,
-      fontSize: size
-    } : {};
-    const iconSize = isCustomSize ? 'inherit' : size === 'small' ? 'default' : 'extra-large';
-    const content = character ? character : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconStar, {
-      size: iconSize
-    });
-    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("li", {
-      className: starCls,
-      style: assign_default()({}, sizeStyle)
-    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-      onClick: disabled ? null : this.onClick,
-      onKeyDown: disabled ? null : this.onKeyDown,
-      onMouseMove: disabled ? null : this.onHover,
-      role: "radio",
-      "aria-checked": value > index ? 'true' : 'false',
-      "aria-posinset": index + 1,
-      "aria-setsize": count,
-      "aria-disabled": disabled,
-      "aria-label": "Rating ".concat(index + (isHalf ? 0.5 : 1)),
-      "aria-labelledby": this.props['aria-describedby'],
-      "aria-describedby": this.props['aria-describedby'],
-      tabIndex: 0,
-      className: "".concat(prefixCls, "-wrapper")
-    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-      className: "".concat(prefixCls, "-first"),
-      style: {
-        width: "".concat(firstWidth * 100, "%")
+      if (emptyStarFocusVisible) {
+        this._adapter.setEmptyStarFocusVisible(false);
       }
-    }, content), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-      className: "".concat(prefixCls, "-second"),
-      "x-semi-prop": "character"
-    }, content)));
-  }
-
-}
-rating_item_Item.propTypes = {
-  value: prop_types_default.a.number,
-  index: prop_types_default.a.number,
-  prefixCls: prop_types_default.a.string,
-  allowHalf: prop_types_default.a.bool,
-  onHover: prop_types_default.a.func,
-  onClick: prop_types_default.a.func,
-  character: prop_types_default.a.node,
-  focused: prop_types_default.a.bool,
-  disabled: prop_types_default.a.bool,
-  count: prop_types_default.a.number,
-  size: prop_types_default.a.oneOfType([prop_types_default.a.oneOf(rating_constants_strings.SIZE_SET), prop_types_default.a.number]),
-  'aria-describedby': prop_types_default.a.string
-};
-// CONCATENATED MODULE: ../semi-foundation/rating/foundation.ts
-
-
-/* eslint-disable no-param-reassign */
-
-const KeyCode = {
-  LEFT: 37,
-  RIGHT: 39
-};
-class foundation_RatingFoundation extends foundation {
-  constructor(adapter) {
-    super(assign_default()(assign_default()({}, foundation_RatingFoundation.defaultAdapter), adapter));
+    };
   }
 
   init() {
@@ -83269,8 +83625,10 @@ class foundation_RatingFoundation extends foundation {
   }
 
   handleKeyDown(event, value) {
+    var _context;
+
     const {
-      keyCode
+      key
     } = event;
     const {
       count,
@@ -83280,41 +83638,331 @@ class foundation_RatingFoundation extends foundation {
     const direction = this._adapter.getContext('direction');
 
     const reverse = direction === 'rtl';
+    const step = allowHalf ? 0.5 : 1;
+    let tempValue;
+    let newValue;
 
-    if (keyCode === KeyCode.RIGHT && value < count && !reverse) {
-      if (allowHalf) {
-        value += 0.5;
-      } else {
-        value += 1;
+    if (key === 'ArrowRight' || key === 'ArrowUp') {
+      tempValue = value + (reverse ? -step : step);
+    } else if (key === 'ArrowLeft' || key === 'ArrowDown') {
+      tempValue = value + (reverse ? step : -step);
+    }
+
+    if (tempValue > count) {
+      newValue = 0;
+    } else if (tempValue < 0) {
+      newValue = count;
+    } else {
+      newValue = tempValue;
+    }
+
+    if (includes_default()(_context = ['ArrowRight', 'ArrowUp', 'ArrowLeft', 'ArrowDown']).call(_context, key)) {
+      this._adapter.notifyKeyDown(event);
+
+      this._adapter.updateValue(newValue);
+
+      this.changeFocusStar(newValue, event);
+      event.preventDefault();
+
+      this._adapter.notifyHoverChange(undefined, null);
+    }
+  }
+
+  changeFocusStar(value, event) {
+    var _context2;
+
+    const {
+      count,
+      allowHalf,
+      preventScroll
+    } = this.getProps();
+    const index = Math.ceil(value) - 1;
+
+    const starElement = map_default()(_context2 = [...event.currentTarget.childNodes]).call(_context2, item => item.childNodes[0].childNodes);
+
+    if (index < 0) {
+      starElement[count][0].focus({
+        preventScroll
+      });
+    } else {
+      starElement[index][allowHalf ? value * 10 % 10 === 5 ? 0 : 1 : 0].focus({
+        preventScroll
+      });
+    }
+  }
+
+}
+class foundation_RatingItemFoundation extends foundation {
+  constructor(adapter) {
+    super(assign_default()(assign_default()({}, foundation_RatingItemFoundation.defaultAdapter), adapter));
+
+    this.handleFocusVisible = (event, star) => {
+      const {
+        target
+      } = event; // when rating 0 is focus visible
+
+      try {
+        if (target.matches(':focus-visible')) {
+          if (star === 'first') {
+            this._adapter.setFirstStarFocus(true);
+          } else {
+            this._adapter.setSecondStarFocus(true);
+          }
+        }
+      } catch (error) {
+        Object(warning["a" /* default */])(true, 'Warning: [Semi Rating] The current browser does not support the focus-visible');
       }
-    } else if (keyCode === KeyCode.LEFT && value > 0 && !reverse) {
-      if (allowHalf) {
-        value -= 0.5;
+    };
+
+    this.handleBlur = (event, star) => {
+      const {
+        firstStarFocus,
+        secondStarFocus
+      } = this.getStates();
+
+      if (star === 'first') {
+        firstStarFocus && this._adapter.setFirstStarFocus(false);
       } else {
-        value -= 1;
+        secondStarFocus && this._adapter.setSecondStarFocus(false);
       }
-    } else if (keyCode === KeyCode.RIGHT && value > 0 && reverse) {
-      if (allowHalf) {
-        value -= 0.5;
-      } else {
-        value -= 1;
+    };
+  }
+
+}
+// CONCATENATED MODULE: ./rating/item.tsx
+
+
+
+
+
+
+
+
+
+
+class rating_item_Item extends baseComponent_BaseComponent {
+  constructor(props) {
+    super(props);
+    this.firstStar = null;
+    this.secondStar = null;
+
+    this.onHover = e => {
+      const {
+        onHover,
+        index
+      } = this.props;
+      onHover(e, index);
+    };
+
+    this.onClick = e => {
+      const {
+        onClick,
+        index
+      } = this.props;
+      onClick(e, index);
+    };
+
+    this.onFocus = (e, star) => {
+      const {
+        onFocus
+      } = this.props;
+      onFocus && onFocus(e);
+      this.foundation.handleFocusVisible(e, star);
+    };
+
+    this.onBlur = (e, star) => {
+      const {
+        onBlur
+      } = this.props;
+      onBlur && onBlur(e);
+      this.foundation.handleBlur(e, star);
+    };
+
+    this.onKeyDown = e => {
+      const {
+        onClick,
+        index
+      } = this.props;
+
+      if (e.keyCode === 13) {
+        onClick(e, index);
       }
-    } else if (keyCode === KeyCode.LEFT && value < count && reverse) {
-      if (allowHalf) {
-        value += 0.5;
+    };
+
+    this.starFocus = () => {
+      const {
+        value,
+        index,
+        preventScroll
+      } = this.props;
+
+      if (value - index === 0.5) {
+        this.firstStar.focus({
+          preventScroll
+        });
       } else {
-        value += 1;
+        this.secondStar.focus({
+          preventScroll
+        });
       }
-    }
+    };
 
-    this._adapter.updateValue(value);
+    this.saveFirstStar = node => {
+      this.firstStar = node;
+    };
 
-    event.preventDefault();
+    this.saveSecondStar = node => {
+      this.secondStar = node;
+    };
 
-    this._adapter.notifyKeyDown(event);
+    this.state = {
+      firstStarFocus: false,
+      secondStarFocus: false
+    };
+    this.foundation = new foundation_RatingItemFoundation(this.adapter);
+  }
+
+  get adapter() {
+    return assign_default()(assign_default()({}, super.adapter), {
+      setFirstStarFocus: value => {
+        this.setState({
+          firstStarFocus: value
+        });
+      },
+      setSecondStarFocus: value => {
+        this.setState({
+          secondStarFocus: value
+        });
+      }
+    });
+  }
+
+  render() {
+    var _context, _context2, _context3, _context4;
+
+    const {
+      index,
+      prefixCls,
+      character,
+      count,
+      value,
+      disabled,
+      allowHalf,
+      focused,
+      size,
+      ariaLabelPrefix
+    } = this.props;
+    const {
+      firstStarFocus,
+      secondStarFocus
+    } = this.state;
+    const starValue = index + 1;
+    const diff = starValue - value; // const isHalf = allowHalf && value + 0.5 === starValue;
+
+    const isHalf = allowHalf && diff < 1 && diff > 0;
+    const firstWidth = 1 - diff;
+    const isFull = starValue <= value;
+    const isCustomSize = typeof size === 'number';
+    const starCls = classnames_default()(prefixCls, {
+      ["".concat(prefixCls, "-half")]: isHalf,
+      ["".concat(prefixCls, "-full")]: isFull,
+      [concat_default()(_context = "".concat(prefixCls, "-")).call(_context, size)]: !isCustomSize
+    });
+    const sizeStyle = isCustomSize ? {
+      width: size,
+      height: size,
+      fontSize: size
+    } : {};
+    const iconSize = isCustomSize ? 'inherit' : size === 'small' ? 'default' : 'extra-large';
+    const content = character ? character : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconStar, {
+      size: iconSize,
+      style: {
+        display: 'block'
+      }
+    });
+    const isEmpty = index === count;
+    const starWrapCls = classnames_default()("".concat(prefixCls, "-wrapper"), {
+      ["".concat(prefixCls, "-disabled")]: disabled,
+      ["".concat(rating_constants_cssClasses.PREFIX, "-focus")]: (firstStarFocus || secondStarFocus) && value !== 0
+    });
+    const starWrapProps = {
+      onClick: disabled ? null : this.onClick,
+      onKeyDown: disabled ? null : this.onKeyDown,
+      onMouseMove: disabled ? null : this.onHover,
+      className: starWrapCls
+    };
+    const AriaSetSize = allowHalf ? count * 2 + 1 : count + 1;
+    const firstStarProps = {
+      ref: this.saveFirstStar,
+      role: "radio",
+      'aria-checked': value === index + 0.5,
+      'aria-posinset': 2 * index + 1,
+      'aria-setsize': AriaSetSize,
+      'aria-disabled': disabled,
+      'aria-label': concat_default()(_context2 = "".concat(index + 0.5, " ")).call(_context2, ariaLabelPrefix, "s"),
+      'aria-labelledby': this.props['aria-describedby'],
+      'aria-describedby': this.props['aria-describedby'],
+      className: classnames_default()("".concat(prefixCls, "-first"), "".concat(rating_constants_cssClasses.PREFIX, "-no-focus")),
+      tabIndex: !disabled && value === index + 0.5 ? 0 : -1,
+      onFocus: e => {
+        this.onFocus(e, 'first');
+      },
+      onBlur: e => {
+        this.onBlur(e, 'first');
+      }
+    };
+    const secondStarTabIndex = !disabled && (value === index + 1 || isEmpty && value === 0) ? 0 : -1;
+    const secondStarProps = {
+      ref: this.saveSecondStar,
+      role: "radio",
+      'aria-checked': isEmpty ? value === 0 : value === index + 1,
+      'aria-posinset': allowHalf ? 2 * (index + 1) : index + 1,
+      'aria-setsize': AriaSetSize,
+      'aria-disabled': disabled,
+      'aria-label': concat_default()(_context3 = concat_default()(_context4 = "".concat(isEmpty ? 0 : index + 1, " ")).call(_context4, ariaLabelPrefix)).call(_context3, index === 0 ? '' : 's'),
+      'aria-labelledby': this.props['aria-describedby'],
+      'aria-describedby': this.props['aria-describedby'],
+      className: classnames_default()("".concat(prefixCls, "-second"), "".concat(rating_constants_cssClasses.PREFIX, "-no-focus")),
+      tabIndex: secondStarTabIndex,
+      onFocus: e => {
+        this.onFocus(e, 'second');
+      },
+      onBlur: e => {
+        this.onBlur(e, 'second');
+      }
+    };
+    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("li", {
+      className: starCls,
+      style: assign_default()({}, sizeStyle),
+      key: index
+    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", assign_default()({}, starWrapProps), allowHalf && !isEmpty && /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", assign_default()({}, firstStarProps, {
+      style: {
+        width: "".concat(firstWidth * 100, "%")
+      }
+    }), content), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", assign_default()({}, secondStarProps, {
+      "x-semi-prop": "character"
+    }), content)));
   }
 
 }
+rating_item_Item.propTypes = {
+  value: prop_types_default.a.number,
+  index: prop_types_default.a.number,
+  prefixCls: prop_types_default.a.string,
+  allowHalf: prop_types_default.a.bool,
+  onHover: prop_types_default.a.func,
+  onClick: prop_types_default.a.func,
+  character: prop_types_default.a.node,
+  focused: prop_types_default.a.bool,
+  disabled: prop_types_default.a.bool,
+  count: prop_types_default.a.number,
+  ariaLabelPrefix: prop_types_default.a.string,
+  size: prop_types_default.a.oneOfType([prop_types_default.a.oneOf(rating_constants_strings.SIZE_SET), prop_types_default.a.number]),
+  'aria-describedby': prop_types_default.a.string,
+  onFocus: prop_types_default.a.func,
+  onBlur: prop_types_default.a.func,
+  preventScroll: prop_types_default.a.bool
+};
 // CONCATENATED MODULE: ./rating/index.tsx
 
 
@@ -83367,11 +84015,14 @@ class rating_Rating extends baseComponent_BaseComponent {
 
     this.focus = () => {
       const {
-        disabled
+        disabled,
+        preventScroll
       } = this.props;
 
       if (!disabled) {
-        this.rate.focus();
+        this.rate.focus({
+          preventScroll
+        });
       }
     };
 
@@ -83393,13 +84044,96 @@ class rating_Rating extends baseComponent_BaseComponent {
       this.rate = node;
     };
 
+    this.handleStarFocusVisible = event => {
+      this.foundation.handleStarFocusVisible(event);
+    };
+
+    this.handleStarBlur = event => {
+      this.foundation.handleStarBlur(event);
+    };
+
+    this.getAriaLabelPrefix = () => {
+      if (this.props['aria-label']) {
+        return this.props['aria-label'];
+      }
+
+      let prefix = 'star';
+      const {
+        character
+      } = this.props;
+
+      if (typeof character === 'string') {
+        prefix = character;
+      }
+
+      return prefix;
+    };
+
+    this.getItemList = ariaLabelPrefix => {
+      var _context, _context2;
+
+      const {
+        count,
+        allowHalf,
+        prefixCls,
+        disabled,
+        character,
+        size,
+        tooltips
+      } = this.props;
+      const {
+        value,
+        hoverValue,
+        focused
+      } = this.state; // index == count is for Empty rating
+
+      const itemList = map_default()(_context = [...instance_keys_default()(_context2 = Array(count + 1)).call(_context2)]).call(_context, ind => {
+        const content = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(rating_item_Item, {
+          ref: this.saveRef(ind),
+          index: ind,
+          count: count,
+          prefixCls: "".concat(prefixCls, "-star"),
+          allowHalf: allowHalf,
+          value: hoverValue === undefined ? value : hoverValue,
+          onClick: disabled ? function_noop : this.onClick,
+          onHover: disabled ? function_noop : this.onHover,
+          key: ind,
+          disabled: disabled,
+          character: character,
+          focused: focused,
+          size: ind === count ? 0 : size,
+          ariaLabelPrefix: ariaLabelPrefix,
+          onFocus: disabled || count !== ind ? function_noop : this.handleStarFocusVisible,
+          onBlur: disabled || count !== ind ? function_noop : this.handleStarBlur
+        });
+
+        if (tooltips) {
+          var _context3;
+
+          const text = tooltips[ind] ? tooltips[ind] : '';
+          const showTips = hoverValue - 1 === ind;
+          return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(tooltip_Tooltip, {
+            visible: showTips,
+            trigger: "custom",
+            content: text,
+            key: concat_default()(_context3 = "".concat(ind, "-")).call(_context3, showTips)
+          }, content);
+        }
+
+        return content;
+      });
+
+      return itemList;
+    };
+
     const value = props.value === undefined ? props.defaultValue : props.value;
     this.stars = {};
     this.state = {
       value,
       focused: false,
       hoverValue: undefined,
-      clearedValue: null
+      clearedValue: null,
+      emptyStarFocusVisible: false
     };
     this.foundation = new foundation_RatingFoundation(this.adapter);
   }
@@ -83418,11 +84152,16 @@ class rating_Rating extends baseComponent_BaseComponent {
     return assign_default()(assign_default()({}, super.adapter), {
       focus: () => {
         const {
-          disabled
+          disabled,
+          count
         } = this.props;
+        const {
+          value
+        } = this.state;
 
         if (!disabled) {
-          this.rate.focus();
+          const index = Math.ceil(value) - 1;
+          this.stars[index < 0 ? count : index].starFocus();
         }
       },
       getStarDOM: index => {
@@ -83484,6 +84223,11 @@ class rating_Rating extends baseComponent_BaseComponent {
           focused: false
         });
         onKeyDown && onKeyDown(e);
+      },
+      setEmptyStarFocusVisible: focusVisible => {
+        this.setState({
+          emptyStarFocusVisible: focusVisible
+        });
       }
     });
   }
@@ -83497,77 +84241,48 @@ class rating_Rating extends baseComponent_BaseComponent {
   }
 
   render() {
-    var _context, _context2;
+    var _context4, _context5, _context6;
 
     const {
-      count,
-      allowHalf,
       style,
       prefixCls,
       disabled,
       className,
-      character,
-      tabIndex,
-      size,
-      tooltips,
-      id
+      id,
+      count,
+      tabIndex
     } = this.props;
     const {
       value,
-      hoverValue,
-      focused
+      emptyStarFocusVisible
     } = this.state;
+    const ariaLabelPrefix = this.getAriaLabelPrefix();
 
-    const itemList = map_default()(_context = [...instance_keys_default()(_context2 = Array(count)).call(_context2)]).call(_context, ind => {
-      const content = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(rating_item_Item, {
-        ref: this.saveRef(ind),
-        index: ind,
-        count: count,
-        prefixCls: "".concat(prefixCls, "-star"),
-        allowHalf: allowHalf,
-        value: hoverValue === undefined ? value : hoverValue,
-        onClick: this.onClick,
-        onHover: this.onHover,
-        key: ind,
-        disabled: disabled,
-        character: character,
-        focused: focused,
-        size: size
-      });
-
-      if (tooltips) {
-        var _context3;
-
-        const text = tooltips[ind] ? tooltips[ind] : '';
-        const showTips = hoverValue - 1 === ind;
-        return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(tooltip_Tooltip, {
-          visible: showTips,
-          trigger: "custom",
-          content: text,
-          key: concat_default()(_context3 = "".concat(ind, "-")).call(_context3, showTips)
-        }, content);
-      }
-
-      return content;
-    });
+    const ariaLabel = concat_default()(_context4 = concat_default()(_context5 = concat_default()(_context6 = "Rating: ".concat(value, " of ")).call(_context6, count, " ")).call(_context5, ariaLabelPrefix)).call(_context4, value === 1 ? '' : 's', ",");
 
+    const itemList = this.getItemList(ariaLabelPrefix);
     const listCls = classnames_default()(prefixCls, {
-      ["".concat(prefixCls, "-disabled")]: disabled
+      ["".concat(prefixCls, "-disabled")]: disabled,
+      ["".concat(prefixCls, "-focus")]: emptyStarFocusVisible
     }, className);
-    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("ul", {
-      "aria-label": this.props['aria-label'],
-      "aria-labelledby": this.props['aria-labelledby'],
-      "aria-describedby": this.props['aria-describedby'],
-      className: listCls,
-      style: style,
-      onMouseLeave: disabled ? null : this.onMouseLeave,
-      tabIndex: disabled ? -1 : tabIndex,
-      onFocus: disabled ? null : this.onFocus,
-      onBlur: disabled ? null : this.onBlur,
-      onKeyDown: disabled ? null : this.onKeyDown,
-      ref: this.saveRate,
-      id: id
-    }, itemList);
+    return (
+      /*#__PURE__*/
+      // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
+      external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("ul", {
+        "aria-label": ariaLabel,
+        "aria-labelledby": this.props['aria-labelledby'],
+        "aria-describedby": this.props['aria-describedby'],
+        className: listCls,
+        style: style,
+        onMouseLeave: disabled ? function_noop : this.onMouseLeave,
+        tabIndex: disabled ? -1 : tabIndex,
+        onFocus: disabled ? function_noop : this.onFocus,
+        onBlur: disabled ? function_noop : this.onBlur,
+        onKeyDown: disabled ? function_noop : this.onKeyDown,
+        ref: this.saveRate,
+        id: id
+      }, itemList)
+    );
   }
 
 }
@@ -83598,7 +84313,8 @@ rating_Rating.propTypes = {
   autoFocus: prop_types_default.a.bool,
   size: prop_types_default.a.oneOfType([prop_types_default.a.oneOf(rating_constants_strings.SIZE_SET), prop_types_default.a.number]),
   tooltips: prop_types_default.a.arrayOf(prop_types_default.a.string),
-  id: prop_types_default.a.string
+  id: prop_types_default.a.string,
+  preventScroll: prop_types_default.a.bool
 };
 rating_Rating.defaultProps = {
   defaultValue: 0,
@@ -83609,7 +84325,7 @@ rating_Rating.defaultProps = {
   prefixCls: rating_constants_cssClasses.PREFIX,
   onChange: function_noop,
   onHoverChange: function_noop,
-  tabIndex: 0,
+  tabIndex: -1,
   size: 'default'
 };
 // CONCATENATED MODULE: ../semi-foundation/sideSheet/constants.ts
@@ -91869,7 +92585,7 @@ class Body_Body extends baseComponent_BaseComponent {
 
       const listStyle = {
         width: '100%',
-        height: y,
+        height: (virtualizedData === null || virtualizedData === void 0 ? void 0 : virtualizedData.length) ? y : 0,
         overflowX: 'auto',
         overflowY: 'auto'
       };
@@ -94403,6 +95119,10 @@ class foundation_TabsFoundation extends foundation {
     this.handleKeyDown = (event, itemKey, closable) => {
       var _context;
 
+      const {
+        preventScroll
+      } = this.getProps();
+
       const tabs = filter_default()(_context = [...event.target.parentNode.childNodes]).call(_context, item => {
         var _context2;
 
@@ -94429,13 +95149,17 @@ class foundation_TabsFoundation extends foundation {
           break;
 
         case "Home":
-          tabs[0].focus(); // focus first tab
+          tabs[0].focus({
+            preventScroll
+          }); // focus first tab
 
           this.handlePrevent(event);
           break;
 
         case "End":
-          tabs[tabs.length - 1].focus(); // focus last tab
+          tabs[tabs.length - 1].focus({
+            preventScroll
+          }); // focus last tab
 
           this.handlePrevent(event);
           break;
@@ -94530,6 +95254,10 @@ class foundation_TabsFoundation extends foundation {
   }
 
   handleDeleteKeyDown(event, tabs, itemKey, closable) {
+    const {
+      preventScroll
+    } = this.getProps();
+
     if (closable) {
       this.handleTabDelete(itemKey);
 
@@ -94538,12 +95266,18 @@ class foundation_TabsFoundation extends foundation {
 
 
       if (tabs.length !== 1) {
-        tabs[index + 1 >= tabs.length ? index - 1 : index + 1].focus();
+        tabs[index + 1 >= tabs.length ? index - 1 : index + 1].focus({
+          preventScroll
+        });
       }
     }
   }
 
   switchTabOnArrowPress(event, tabs) {
+    const {
+      preventScroll
+    } = this.getProps();
+
     const index = index_of_default()(tabs).call(tabs, event.target);
 
     const direction = {
@@ -94556,11 +95290,17 @@ class foundation_TabsFoundation extends foundation {
     if (direction[event.key]) {
       if (index !== undefined) {
         if (tabs[index + direction[event.key]]) {
-          tabs[index + direction[event.key]].focus();
+          tabs[index + direction[event.key]].focus({
+            preventScroll
+          });
         } else if (event.key === "ArrowLeft" || event.key === "ArrowUp") {
-          tabs[tabs.length - 1].focus(); // focus last tab
+          tabs[tabs.length - 1].focus({
+            preventScroll
+          }); // focus last tab
         } else if (event.key === "ArrowRight" || event.key == "ArrowDown") {
-          tabs[0].focus(); // focus first tab
+          tabs[0].focus({
+            preventScroll
+          }); // focus first tab
         }
       }
     }
@@ -95503,7 +96243,8 @@ tabs_Tabs.propTypes = {
   tabPaneMotion: prop_types_default.a.oneOfType([prop_types_default.a.bool, prop_types_default.a.object, prop_types_default.a.func]),
   tabPosition: prop_types_default.a.oneOf(tabs_constants_strings.POSITION_MAP),
   type: prop_types_default.a.oneOf(tabs_constants_strings.TYPE_MAP),
-  onTabClose: prop_types_default.a.func
+  onTabClose: prop_types_default.a.func,
+  preventScroll: prop_types_default.a.bool
 };
 tabs_Tabs.defaultProps = {
   children: [],
@@ -96459,7 +97200,8 @@ class TimeInput_TimeInput extends baseComponent_BaseComponent {
   componentDidMount() {
     super.componentDidMount();
     const {
-      focusOnOpen
+      focusOnOpen,
+      preventScroll
     } = this.props;
 
     if (focusOnOpen) {
@@ -96468,7 +97210,9 @@ class TimeInput_TimeInput extends baseComponent_BaseComponent {
         const inputNode = this.adapter.getCache('inputNode');
 
         if (inputNode) {
-          inputNode.focus();
+          inputNode.focus({
+            preventScroll
+          });
           inputNode.select();
         }
       });
@@ -96597,7 +97341,8 @@ TimeInput_TimeInput.propTypes = {
   locale: prop_types_default.a.object,
   localeCode: prop_types_default.a.string,
   insetLabel: prop_types_default.a.node,
-  validateStatus: prop_types_default.a.string
+  validateStatus: prop_types_default.a.string,
+  preventScroll: prop_types_default.a.bool
 };
 TimeInput_TimeInput.defaultProps = {
   inputReadOnly: false,
@@ -97080,7 +97825,8 @@ TimePicker_TimePicker.propTypes = assign_default()(assign_default()({
   motion: prop_types_default.a.oneOfType([prop_types_default.a.bool, prop_types_default.a.func, prop_types_default.a.object]),
   autoAdjustOverflow: prop_types_default.a.bool
 }, PanelShape), {
-  inputStyle: prop_types_default.a.object
+  inputStyle: prop_types_default.a.object,
+  preventScroll: prop_types_default.a.bool
 });
 TimePicker_TimePicker.defaultProps = assign_default()({
   autoAdjustOverflow: true,
@@ -98757,7 +99503,6 @@ const TreeContext = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_re
 
 
 
-
 var treeNode_rest = undefined && undefined.__rest || function (s, e) {
   var t = {};
 
@@ -98778,6 +99523,7 @@ var treeNode_rest = undefined && undefined.__rest || function (s, e) {
 
 
 
+
 const treeNode_prefixcls = tree_constants_cssClasses.PREFIX_OPTION;
 class treeNode_TreeNode extends external_root_React_commonjs2_react_commonjs_react_amd_react_["PureComponent"] {
   constructor(props) {
@@ -98997,22 +99743,14 @@ class treeNode_TreeNode extends external_root_React_commonjs2_react_commonjs_rea
       if (isFunction_default()(renderLabel)) {
         return renderLabel(label, data);
       } else if (isString_default()(label) && filtered && keyword && treeNodeFilterProp === 'label') {
-        var _context;
-
-        const content = [];
-
-        for_each_default()(_context = label.split(keyword)).call(_context, (node, index) => {
-          if (index > 0) {
-            content.push( /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
-              className: "".concat(treeNode_prefixcls, "-highlight"),
-              key: index
-            }, keyword));
+        return Object(_utils["d" /* getHighLightTextHTML */])({
+          sourceString: label,
+          searchWords: [keyword],
+          option: {
+            highlightTag: 'span',
+            highlightClassName: "".concat(treeNode_prefixcls, "-highlight")
           }
-
-          content.push(node);
         });
-
-        return content;
       } else {
         return label;
       }
@@ -99111,7 +99849,7 @@ class treeNode_TreeNode extends external_root_React_commonjs2_react_commonjs_rea
   }
 
   renderEmptyNode() {
-    var _context2;
+    var _context;
 
     const {
       emptyContent
@@ -99122,14 +99860,14 @@ 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()(_context = "".concat(treeNode_prefixcls, "-label ")).call(_context, treeNode_prefixcls, "-label-empty"),
       "x-semi-prop": "emptyContent"
     }, emptyContent));
   } // eslint-disable-next-line max-lines-per-function
 
 
   render() {
-    var _context3;
+    var _context2;
 
     const _a = this.props,
           {
@@ -99167,7 +99905,7 @@ class treeNode_TreeNode extends external_root_React_commonjs2_react_commonjs_rea
     const dragOverGapTop = dragOverNodeKey === eventKey && dropPosition === -1;
     const dragOverGapBottom = dragOverNodeKey === eventKey && dropPosition === 1;
     const nodeCls = classnames_default()(treeNode_prefixcls, {
-      [concat_default()(_context3 = "".concat(treeNode_prefixcls, "-level-")).call(_context3, level + 1)]: true,
+      [concat_default()(_context2 = "".concat(treeNode_prefixcls, "-level-")).call(_context2, level + 1)]: true,
       ["".concat(treeNode_prefixcls, "-collapsed")]: !expanded,
       ["".concat(treeNode_prefixcls, "-disabled")]: Boolean(disabled),
       ["".concat(treeNode_prefixcls, "-selected")]: selected,
@@ -99982,8 +100720,14 @@ class tree_Tree extends baseComponent_BaseComponent {
         });
       },
       focusInput: () => {
+        const {
+          preventScroll
+        } = this.props;
+
         if (this.inputRef && this.inputRef.current) {
-          this.inputRef.current.focus();
+          this.inputRef.current.focus({
+            preventScroll
+          });
         }
       }
     };
@@ -100289,7 +101033,8 @@ tree_Tree.propTypes = {
   onDrop: prop_types_default.a.func,
   labelEllipsis: prop_types_default.a.bool,
   checkRelation: prop_types_default.a.string,
-  'aria-label': prop_types_default.a.string
+  'aria-label': prop_types_default.a.string,
+  preventScroll: prop_types_default.a.bool
 };
 tree_Tree.defaultProps = {
   showClear: true,
@@ -100649,8 +101394,12 @@ class foundation_TreeSelectFoundation extends foundation {
     const isDisabled = this._isDisabled();
 
     const {
-      isOpen
+      isOpen,
+      inputValue
     } = this.getStates();
+    const {
+      searchPosition
+    } = this.getProps();
 
     if (isDisabled) {
       return;
@@ -100659,6 +101408,10 @@ class foundation_TreeSelectFoundation extends foundation {
 
       this._notifyFocus(e);
     } else if (isOpen) {
+      if (searchPosition === 'trigger' && inputValue) {
+        return;
+      }
+
       this.close(e);
     }
   }
@@ -101535,6 +102288,14 @@ class treeSelect_TreeSelect extends baseComponent_BaseComponent {
     };
 
     this.search = value => {
+      const {
+        isOpen
+      } = this.state;
+
+      if (!isOpen) {
+        this.foundation.open();
+      }
+
       this.foundation.handleInputChange(value);
     };
 
@@ -102526,7 +103287,6 @@ treeSelect_TreeSelect.defaultProps = {
   motionExpand: true,
   expandAll: false,
   zIndex: constants_numbers.DEFAULT_Z_INDEX,
-  disabled: false,
   disableStrictly: false,
   multiple: false,
   filterTreeNode: false,