@douyinfe/semi-ui 2.10.4 → 2.10.5

package/dist/umd/semi-ui.js

@@ -26876,14 +26876,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
+        });
       }
     }
   }
@@ -26903,34 +26906,56 @@ class foundation_Tooltip extends foundation {
   }
 
   _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
   }
 
@@ -29617,10 +29642,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 => {
@@ -29770,7 +29801,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,
@@ -35894,10 +35926,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();
         }
@@ -36130,9 +36167,10 @@ class input_Input extends baseComponent_BaseComponent {
       inputStyle,
       forwardRef,
       maxLength,
-      getValueLength
+      getValueLength,
+      preventScroll
     } = _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", "placeholder", "prefix", "mode", "insetLabel", "insetLabelId", "validateStatus", "type", "readonly", "size", "suffix", "style", "showClear", "onEnterPress", "onClear", "hideSuffix", "inputStyle", "forwardRef", "maxLength", "getValueLength", "preventScroll"]);
 
     const {
       value,
@@ -36257,7 +36295,8 @@ 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: '',
@@ -49132,7 +49171,12 @@ class checkboxInner_CheckboxInner extends external_root_React_commonjs2_react_co
   }
 
   focus() {
-    this.inputEntity.focus();
+    const {
+      preventScroll
+    } = this.props;
+    this.inputEntity.focus({
+      preventScroll
+    });
   }
 
   render() {
@@ -49200,7 +49244,11 @@ checkboxInner_CheckboxInner.propTypes = {
   value: prop_types_default.a.any,
   isPureCardType: prop_types_default.a.bool,
   addonId: prop_types_default.a.string,
-  extraId: prop_types_default.a.string
+  extraId: prop_types_default.a.string,
+  focusInner: prop_types_default.a.bool,
+  onInputFocus: prop_types_default.a.func,
+  onInputBlur: prop_types_default.a.func,
+  preventScroll: prop_types_default.a.bool
 };
 checkboxInner_CheckboxInner.defaultProps = {
   onChange: noop_default.a
@@ -49420,7 +49468,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,
@@ -50687,11 +50736,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
+      });
     }
   }
 
@@ -50841,7 +50893,12 @@ class tagInput_TagInput extends baseComponent_BaseComponent {
   }
 
   focus() {
-    this.inputRef.current.focus();
+    const {
+      preventScroll
+    } = this.props;
+    this.inputRef.current.focus({
+      preventScroll
+    });
   }
 
   render() {
@@ -50941,7 +50998,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,
@@ -51545,9 +51603,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
+          });
         }
       }
     };
@@ -51963,7 +52027,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,
@@ -64802,6 +64867,10 @@ class datePicker_DatePicker extends baseComponent_BaseComponent {
         motionEnd
       }),
       setRangeInputFocus: rangeInputFocus => {
+        const {
+          preventScroll
+        } = this.props;
+
         if (rangeInputFocus !== this.state.rangeInputFocus) {
           this.setState({
             rangeInputFocus
@@ -64812,7 +64881,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，
@@ -64836,7 +64907,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，
@@ -64864,6 +64937,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;
@@ -64873,7 +64949,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;
@@ -64883,7 +64961,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;
@@ -65203,7 +65283,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,
@@ -66076,6 +66157,9 @@ class ModalContent_ModalContent extends baseComponent_BaseComponent {
       },
       getMouseState: () => this.state.dialogMouseDown,
       modalDialogFocus: () => {
+        const {
+          preventScroll
+        } = this.props;
         let activeElementInDialog;
 
         if (this.modalDialogRef) {
@@ -66084,7 +66168,9 @@ class ModalContent_ModalContent extends baseComponent_BaseComponent {
         }
 
         if (!activeElementInDialog) {
-          this.modalDialogRef && this.modalDialogRef.current.focus();
+          this.modalDialogRef && this.modalDialogRef.current.focus({
+            preventScroll
+          });
         }
       },
       modalDialogBlur: () => {
@@ -66094,10 +66180,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
+        });
       }
     });
   }
@@ -66152,7 +66243,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,
@@ -70134,6 +70226,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 */
@@ -70397,7 +70491,8 @@ class inputNumber_InputNumber extends baseComponent_BaseComponent {
 
   componentDidUpdate(prevProps) {
     const {
-      value
+      value,
+      preventScroll
     } = this.props;
     const {
       focusing
@@ -70512,7 +70607,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
+        });
       }
     }
   }
@@ -70622,6 +70719,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,
@@ -78334,8 +78432,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
+          });
         }
       }
     };
@@ -78487,8 +78591,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 => {
@@ -79285,7 +79394,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,
 
 };
@@ -81426,7 +81536,12 @@ class radioInner_RadioInner extends baseComponent_BaseComponent {
   }
 
   focus() {
-    this.inputEntity.focus();
+    const {
+      preventScroll
+    } = this.props;
+    this.inputEntity.focus({
+      preventScroll
+    });
   }
 
   onChange(e) {
@@ -81488,7 +81603,11 @@ 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,
+  preventScroll: prop_types_default.a.bool
 };
 radioInner_RadioInner.defaultProps = {
   onChange: noop_default.a,
@@ -81699,7 +81818,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,
@@ -82041,7 +82161,10 @@ rating_item_Item.propTypes = {
   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
+  '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: ../semi-foundation/rating/foundation.ts
 
@@ -82282,11 +82405,14 @@ class rating_Rating extends baseComponent_BaseComponent {
 
     this.focus = () => {
       const {
-        disabled
+        disabled,
+        preventScroll
       } = this.props;
 
       if (!disabled) {
-        this.rate.focus();
+        this.rate.focus({
+          preventScroll
+        });
       }
     };
 
@@ -82333,11 +82459,14 @@ class rating_Rating extends baseComponent_BaseComponent {
     return assign_default()(assign_default()({}, super.adapter), {
       focus: () => {
         const {
-          disabled
+          disabled,
+          preventScroll
         } = this.props;
 
         if (!disabled) {
-          this.rate.focus();
+          this.rate.focus({
+            preventScroll
+          });
         }
       },
       getStarDOM: index => {
@@ -82513,7 +82642,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,
@@ -94274,7 +94404,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: [],
@@ -95226,7 +95357,8 @@ class TimeInput_TimeInput extends baseComponent_BaseComponent {
   componentDidMount() {
     super.componentDidMount();
     const {
-      focusOnOpen
+      focusOnOpen,
+      preventScroll
     } = this.props;
 
     if (focusOnOpen) {
@@ -95235,7 +95367,9 @@ class TimeInput_TimeInput extends baseComponent_BaseComponent {
         const inputNode = this.adapter.getCache('inputNode');
 
         if (inputNode) {
-          inputNode.focus();
+          inputNode.focus({
+            preventScroll
+          });
           inputNode.select();
         }
       });
@@ -95364,7 +95498,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,
@@ -95845,7 +95980,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,
@@ -98743,8 +98879,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
+          });
         }
       }
     };
@@ -99050,7 +99192,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,