@douyinfe/semi-ui 2.10.2 → 2.10.5

package/lib/cjs/rating/index.js

@@ -76,11 +76,14 @@ class Rating extends _baseComponent.default {
 
     this.focus = () => {
       const {
-        disabled
+        disabled,
+        preventScroll
       } = this.props;
 
       if (!disabled) {
-        this.rate.focus();
+        this.rate.focus({
+          preventScroll
+        });
       }
     };
 
@@ -127,11 +130,14 @@ class Rating extends _baseComponent.default {
     return (0, _assign.default)((0, _assign.default)({}, super.adapter), {
       focus: () => {
         const {
-          disabled
+          disabled,
+          preventScroll
         } = this.props;
 
         if (!disabled) {
-          this.rate.focus();
+          this.rate.focus({
+            preventScroll
+          });
         }
       },
       getStarDOM: index => {
@@ -307,7 +313,8 @@ Rating.propTypes = {
   autoFocus: _propTypes.default.bool,
   size: _propTypes.default.oneOfType([_propTypes.default.oneOf(_constants.strings.SIZE_SET), _propTypes.default.number]),
   tooltips: _propTypes.default.arrayOf(_propTypes.default.string),
-  id: _propTypes.default.string
+  id: _propTypes.default.string,
+  preventScroll: _propTypes.default.bool
 };
 Rating.defaultProps = {
   defaultValue: 0,

package/lib/cjs/rating/item.d.ts

@@ -16,6 +16,13 @@ export interface RatingItemProps {
     count: number;
     size: number | ArrayElement<typeof strings.SIZE_SET>;
     'aria-describedby'?: React.AriaAttributes['aria-describedby'];
+    onFocus?: (e: React.FocusEvent) => void;
+    onBlur?: (e: React.FocusEvent) => void;
+    preventScroll?: boolean;
+}
+export interface RatingItemState {
+    firstStarFocus: boolean;
+    secondStarFocus: boolean;
 }
 export default class Item extends PureComponent<RatingItemProps> {
     static propTypes: {
@@ -31,6 +38,9 @@ export default class Item extends PureComponent<RatingItemProps> {
         count: PropTypes.Requireable<number>;
         size: PropTypes.Requireable<number | "default" | "small">;
         'aria-describedby': PropTypes.Requireable<string>;
+        onFocus: PropTypes.Requireable<(...args: any[]) => any>;
+        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
+        preventScroll: PropTypes.Requireable<boolean>;
     };
     onHover: React.MouseEventHandler;
     onClick: React.MouseEventHandler;

package/lib/cjs/rating/item.js

@@ -145,5 +145,8 @@ Item.propTypes = {
   disabled: _propTypes.default.bool,
   count: _propTypes.default.number,
   size: _propTypes.default.oneOfType([_propTypes.default.oneOf(_constants.strings.SIZE_SET), _propTypes.default.number]),
-  'aria-describedby': _propTypes.default.string
+  'aria-describedby': _propTypes.default.string,
+  onFocus: _propTypes.default.func,
+  onBlur: _propTypes.default.func,
+  preventScroll: _propTypes.default.bool
 };

package/lib/cjs/select/index.d.ts

@@ -122,6 +122,7 @@ export declare type SelectProps = {
     onBlur?: (e: React.FocusEvent) => void;
     onListScroll?: (e: React.UIEvent<HTMLDivElement>) => void;
     children?: React.ReactNode;
+    preventScroll?: boolean;
 } & Pick<TooltipProps, 'spacing' | 'getPopupContainer' | 'motion' | 'autoAdjustOverflow' | 'mouseLeaveDelay' | 'mouseEnterDelay' | 'stopPropagation'> & React.RefAttributes<any>;
 export interface SelectState {
     isOpen: boolean;
@@ -214,6 +215,7 @@ declare class Select extends BaseComponent<SelectProps, SelectState> {
         renderOptionItem: PropTypes.Requireable<(...args: any[]) => any>;
         onListScroll: PropTypes.Requireable<(...args: any[]) => any>;
         arrowIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        preventScroll: PropTypes.Requireable<boolean>;
     };
     static defaultProps: Partial<SelectProps>;
     inputRef: React.RefObject<HTMLInputElement>;

package/lib/cjs/select/index.js

@@ -191,8 +191,14 @@ class Select extends _baseComponent.default {
         });
       },
       focusInput: () => {
+        const {
+          preventScroll
+        } = this.props;
+
         if (this.inputRef && this.inputRef.current) {
-          this.inputRef.current.focus();
+          this.inputRef.current.focus({
+            preventScroll
+          });
         }
       }
     };
@@ -345,8 +351,13 @@ class Select extends _baseComponent.default {
       },
       focusTrigger: () => {
         try {
+          const {
+            preventScroll
+          } = this.props;
           const el = this.triggerRef.current;
-          el.focus();
+          el.focus({
+            preventScroll
+          });
         } catch (error) {}
       },
       updateScrollTop: index => {
@@ -1132,7 +1143,8 @@ Select.propTypes = {
   virtualize: _propTypes.default.object,
   renderOptionItem: _propTypes.default.func,
   onListScroll: _propTypes.default.func,
-  arrowIcon: _propTypes.default.node // open: PropTypes.bool,
+  arrowIcon: _propTypes.default.node,
+  preventScroll: _propTypes.default.bool // open: PropTypes.bool,
   // tagClosable: PropTypes.bool,
 
 };

package/lib/cjs/table/Table.d.ts

@@ -294,7 +294,7 @@ declare class Table<RecordType extends Record<string, any>> extends BaseComponen
         defaultCurrentPage?: number;
         onPageChange?: (currentPage: number) => void;
         onPageSizeChange?: (newPageSize: number) => void;
-        onChange: (currentPage: number, pageSize: number) => void;
+        onChange: ((currentPage: number, pageSize: number) => void) | ((currentPage: number, currentPageSize: number) => void);
         prevText?: React.ReactNode;
         nextText?: React.ReactNode;
         showSizeChanger?: boolean;

package/lib/cjs/tabs/index.d.ts

@@ -33,6 +33,7 @@ declare class Tabs extends BaseComponent<TabsProps, TabsState> {
         tabPosition: PropTypes.Requireable<string>;
         type: PropTypes.Requireable<string>;
         onTabClose: PropTypes.Requireable<(...args: any[]) => any>;
+        preventScroll: PropTypes.Requireable<boolean>;
     };
     static defaultProps: TabsProps;
     contentRef: RefObject<HTMLDivElement>;

package/lib/cjs/tabs/index.js

@@ -417,7 +417,8 @@ Tabs.propTypes = {
   tabPaneMotion: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.object, _propTypes.default.func]),
   tabPosition: _propTypes.default.oneOf(_constants.strings.POSITION_MAP),
   type: _propTypes.default.oneOf(_constants.strings.TYPE_MAP),
-  onTabClose: _propTypes.default.func
+  onTabClose: _propTypes.default.func,
+  preventScroll: _propTypes.default.bool
 };
 Tabs.defaultProps = {
   children: [],

package/lib/cjs/tabs/interface.d.ts

@@ -32,6 +32,7 @@ export interface TabsProps {
     tabPosition?: TabPosition;
     type?: TabType;
     onTabClose?: (tabKey: string) => void;
+    preventScroll?: boolean;
 }
 export interface TabBarProps {
     activeKey?: string;

package/lib/cjs/tagInput/index.d.ts

@@ -43,6 +43,7 @@ export interface TagInputProps {
     value?: string[] | undefined;
     autoFocus?: boolean;
     'aria-label'?: string;
+    preventScroll?: boolean;
 }
 export interface TagInputState {
     tagsArray?: string[];
@@ -86,6 +87,7 @@ declare class TagInput extends BaseComponent<TagInputProps, TagInputState> {
         prefix: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         suffix: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         'aria-label': PropTypes.Requireable<string>;
+        preventScroll: PropTypes.Requireable<boolean>;
     };
     static defaultProps: {
         showClear: boolean;

package/lib/cjs/tagInput/index.js

@@ -177,11 +177,14 @@ class TagInput extends _baseComponent.default {
   componentDidMount() {
     const {
       disabled,
-      autoFocus
+      autoFocus,
+      preventScroll
     } = this.props;
 
     if (!disabled && autoFocus) {
-      this.inputRef.current.focus();
+      this.inputRef.current.focus({
+        preventScroll
+      });
     }
   }
 
@@ -329,7 +332,12 @@ class TagInput extends _baseComponent.default {
   }
 
   focus() {
-    this.inputRef.current.focus();
+    const {
+      preventScroll
+    } = this.props;
+    this.inputRef.current.focus({
+      preventScroll
+    });
   }
 
   render() {
@@ -429,7 +437,8 @@ TagInput.propTypes = {
   validateStatus: _propTypes.default.oneOf(_constants.strings.STATUS),
   prefix: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
   suffix: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
-  'aria-label': _propTypes.default.string
+  'aria-label': _propTypes.default.string,
+  preventScroll: _propTypes.default.bool
 };
 TagInput.defaultProps = {
   showClear: false,

package/lib/cjs/timePicker/TimeInput.d.ts

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import BaseComponent, { BaseProps } from '../_base/baseComponent';
 import InputFoundation, { TimeInputAdapter } from '@douyinfe/semi-foundation/lib/cjs/timePicker/inputFoundation';
 import { TimePickerProps } from './TimePicker';
-export declare type TimeInputProps = Pick<TimePickerProps, 'value' | 'format' | 'prefixCls' | 'placeholder' | 'clearText' | 'inputReadOnly' | 'disabled' | 'type' | 'timeZone' | 'defaultOpen' | 'disabledHours' | 'disabledMinutes' | 'disabledSeconds' | 'dateFnsLocale' | 'onFocus' | 'onBlur' | 'focusOnOpen' | 'locale' | 'localeCode' | 'insetLabel' | 'validateStatus'> & BaseProps & {
+export declare type TimeInputProps = Pick<TimePickerProps, 'value' | 'format' | 'prefixCls' | 'placeholder' | 'clearText' | 'inputReadOnly' | 'disabled' | 'type' | 'timeZone' | 'defaultOpen' | 'disabledHours' | 'disabledMinutes' | 'disabledSeconds' | 'dateFnsLocale' | 'onFocus' | 'onBlur' | 'focusOnOpen' | 'locale' | 'localeCode' | 'insetLabel' | 'validateStatus' | 'preventScroll'> & BaseProps & {
     onChange?: (value: string) => void;
     onEsc?: () => void;
     onClick?: React.MouseEventHandler;
@@ -38,6 +38,7 @@ declare class TimeInput extends BaseComponent<TimeInputProps, any> {
         localeCode: PropTypes.Requireable<string>;
         insetLabel: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         validateStatus: PropTypes.Requireable<string>;
+        preventScroll: PropTypes.Requireable<boolean>;
     };
     static defaultProps: {
         inputReadOnly: boolean;

package/lib/cjs/timePicker/TimeInput.js

@@ -71,7 +71,8 @@ class TimeInput extends _baseComponent.default {
   componentDidMount() {
     super.componentDidMount();
     const {
-      focusOnOpen
+      focusOnOpen,
+      preventScroll
     } = this.props;
 
     if (focusOnOpen) {
@@ -80,7 +81,9 @@ class TimeInput extends _baseComponent.default {
         const inputNode = this.adapter.getCache('inputNode');
 
         if (inputNode) {
-          inputNode.focus();
+          inputNode.focus({
+            preventScroll
+          });
           inputNode.select();
         }
       });
@@ -209,7 +212,8 @@ TimeInput.propTypes = {
   locale: _propTypes.default.object,
   localeCode: _propTypes.default.string,
   insetLabel: _propTypes.default.node,
-  validateStatus: _propTypes.default.string
+  validateStatus: _propTypes.default.string,
+  preventScroll: _propTypes.default.bool
 };
 TimeInput.defaultProps = {
   inputReadOnly: false,

package/lib/cjs/timePicker/TimePicker.d.ts

@@ -54,6 +54,7 @@ export declare type TimePickerProps = {
     popupStyle?: React.CSSProperties;
     position?: Position;
     prefixCls?: string;
+    preventScroll?: boolean;
     rangeSeparator?: string;
     scrollItemProps?: ScrollItemProps<any>;
     secondStep?: number;
@@ -88,6 +89,7 @@ export default class TimePicker extends BaseComponent<TimePickerProps, TimePicke
     static contextType: React.Context<import("../configProvider/context").ContextValue>;
     static propTypes: {
         inputStyle: PropTypes.Requireable<object>;
+        preventScroll: PropTypes.Requireable<boolean>;
         panelHeader: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         panelFooter: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         'aria-labelledby': PropTypes.Requireable<string>;

package/lib/cjs/timePicker/TimePicker.js

@@ -475,7 +475,8 @@ TimePicker.propTypes = (0, _assign.default)((0, _assign.default)({
   motion: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.func, _propTypes.default.object]),
   autoAdjustOverflow: _propTypes.default.bool
 }, _PanelShape.PanelShape), {
-  inputStyle: _propTypes.default.object
+  inputStyle: _propTypes.default.object,
+  preventScroll: _propTypes.default.bool
 });
 TimePicker.defaultProps = (0, _assign.default)({
   autoAdjustOverflow: true,

package/lib/cjs/timePicker/index.d.ts

@@ -9,6 +9,7 @@ export declare type LocalePickerProps = BasePickerProps;
 export default class LocaleTimePicker extends React.PureComponent<LocalePickerProps> {
     static propTypes: {
         inputStyle: import("prop-types").Requireable<object>;
+        preventScroll: import("prop-types").Requireable<boolean>;
         panelHeader: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
         panelFooter: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
         'aria-labelledby': import("prop-types").Requireable<string>;

package/lib/cjs/tooltip/index.d.ts

@@ -53,6 +53,8 @@ export interface TooltipProps extends BaseProps {
     guardFocus?: boolean;
     returnFocusOnClose?: boolean;
     onEscKeyDown?: (e: React.KeyboardEvent) => void;
+    wrapperId?: string;
+    preventScroll?: boolean;
 }
 interface TooltipState {
     visible: boolean;
@@ -108,6 +110,7 @@ export default class Tooltip extends BaseComponent<TooltipProps, TooltipState> {
         wrapWhenSpecial: PropTypes.Requireable<boolean>;
         guardFocus: PropTypes.Requireable<boolean>;
         returnFocusOnClose: PropTypes.Requireable<boolean>;
+        preventScroll: PropTypes.Requireable<boolean>;
     };
     static defaultProps: {
         arrowBounding: {

package/lib/cjs/tooltip/index.js

@@ -595,10 +595,15 @@ class Tooltip extends _baseComponent.default {
         return (0, _utils.getActiveElement)();
       },
       setInitialFocus: () => {
+        const {
+          preventScroll
+        } = this.props;
         const focusRefNode = (0, _get2.default)(this, 'initialFocusRef.current');
 
         if (focusRefNode && 'focus' in focusRefNode) {
-          focusRefNode.focus();
+          focusRefNode.focus({
+            preventScroll
+          });
         }
       },
       notifyEscKeydown: event => {
@@ -749,7 +754,8 @@ Tooltip.propTypes = {
   role: _propTypes.default.string,
   wrapWhenSpecial: _propTypes.default.bool,
   guardFocus: _propTypes.default.bool,
-  returnFocusOnClose: _propTypes.default.bool
+  returnFocusOnClose: _propTypes.default.bool,
+  preventScroll: _propTypes.default.bool
 };
 Tooltip.defaultProps = {
   arrowBounding: _constants2.numbers.ARROW_BOUNDING,

package/lib/cjs/tree/index.d.ts

@@ -73,6 +73,7 @@ declare class Tree extends BaseComponent<TreeProps, TreeState> {
         labelEllipsis: PropTypes.Requireable<boolean>;
         checkRelation: PropTypes.Requireable<string>;
         'aria-label': PropTypes.Requireable<string>;
+        preventScroll: PropTypes.Requireable<boolean>;
     };
     static defaultProps: {
         showClear: boolean;

package/lib/cjs/tree/index.js

@@ -483,8 +483,14 @@ class Tree extends _baseComponent.default {
         });
       },
       focusInput: () => {
+        const {
+          preventScroll
+        } = this.props;
+
         if (this.inputRef && this.inputRef.current) {
-          this.inputRef.current.focus();
+          this.inputRef.current.focus({
+            preventScroll
+          });
         }
       }
     };
@@ -790,7 +796,8 @@ Tree.propTypes = {
   onDrop: _propTypes.default.func,
   labelEllipsis: _propTypes.default.bool,
   checkRelation: _propTypes.default.string,
-  'aria-label': _propTypes.default.string
+  'aria-label': _propTypes.default.string,
+  preventScroll: _propTypes.default.bool
 };
 Tree.defaultProps = {
   showClear: true,

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

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

package/lib/es/cascader/index.d.ts

@@ -131,6 +131,7 @@ declare class Cascader extends BaseComponent<CascaderProps, CascaderState> {
         disableStrictly: PropTypes.Requireable<boolean>;
         leafOnly: PropTypes.Requireable<boolean>;
         enableLeafClick: PropTypes.Requireable<boolean>;
+        preventScroll: PropTypes.Requireable<boolean>;
     };
     static defaultProps: {
         leafOnly: boolean;

package/lib/es/cascader/index.js

@@ -576,9 +576,15 @@ class Cascader extends 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
+          });
         }
       }
     };
@@ -741,14 +747,16 @@ class Cascader extends BaseComponent {
           if (_Array$isArray(realValue)) {
             normallizedValue = _Array$isArray(realValue[0]) ? realValue : [realValue];
           } else {
-            normallizedValue = [[realValue]];
+            if (realValue !== undefined) {
+              normallizedValue = [[realValue]];
+            }
           } // formatValuePath is used to save value of valuePath
 
 
           const formatValuePath = [];
 
           _forEachInstanceProperty(normallizedValue).call(normallizedValue, valueItem => {
-            const formatItem = onChangeWithObject ? _mapInstanceProperty(valueItem).call(valueItem, i => i.value) : valueItem;
+            const formatItem = onChangeWithObject ? _mapInstanceProperty(valueItem).call(valueItem, i => i === null || i === void 0 ? void 0 : i.value) : valueItem;
             formatValuePath.push(formatItem);
           }); // formatKeys is used to save key of value
 
@@ -992,7 +1000,8 @@ Cascader.propTypes = {
   loadedKeys: PropTypes.array,
   disableStrictly: PropTypes.bool,
   leafOnly: PropTypes.bool,
-  enableLeafClick: PropTypes.bool
+  enableLeafClick: PropTypes.bool,
+  preventScroll: PropTypes.bool
 };
 Cascader.defaultProps = {
   leafOnly: false,

package/lib/es/checkbox/checkbox.d.ts

@@ -49,6 +49,7 @@ declare class Checkbox extends BaseComponent<CheckboxProps, CheckboxState> {
         index: PropTypes.Requireable<number>;
         'aria-label': PropTypes.Requireable<string>;
         tabIndex: PropTypes.Requireable<number>;
+        preventScroll: PropTypes.Requireable<boolean>;
     };
     static defaultProps: {
         defaultChecked: boolean;

package/lib/es/checkbox/checkbox.js

@@ -208,7 +208,8 @@ Checkbox.propTypes = {
   extra: PropTypes.node,
   index: PropTypes.number,
   'aria-label': PropTypes.string,
-  tabIndex: PropTypes.number
+  tabIndex: PropTypes.number,
+  preventScroll: PropTypes.bool
 };
 Checkbox.defaultProps = {
   defaultChecked: false,

package/lib/es/checkbox/checkboxInner.d.ts

@@ -16,6 +16,10 @@ export interface CheckboxInnerProps {
     addonId?: string;
     extraId?: string;
     'aria-label'?: React.AriaAttributes['aria-label'];
+    focusInner?: boolean;
+    onInputFocus?: (e: any) => void;
+    onInputBlur?: (e: any) => void;
+    preventScroll?: boolean;
 }
 declare class CheckboxInner extends PureComponent<CheckboxInnerProps> {
     static contextType: React.Context<import("./context").CheckboxContextType>;
@@ -34,6 +38,10 @@ declare class CheckboxInner extends PureComponent<CheckboxInnerProps> {
         isPureCardType: PropTypes.Requireable<boolean>;
         addonId: PropTypes.Requireable<string>;
         extraId: PropTypes.Requireable<string>;
+        focusInner: PropTypes.Requireable<boolean>;
+        onInputFocus: PropTypes.Requireable<(...args: any[]) => any>;
+        onInputBlur: PropTypes.Requireable<(...args: any[]) => any>;
+        preventScroll: PropTypes.Requireable<boolean>;
     };
     static defaultProps: {
         onChange: (...args: any[]) => void;

package/lib/es/checkbox/checkboxInner.js

@@ -15,7 +15,12 @@ class CheckboxInner extends PureComponent {
   }
 
   focus() {
-    this.inputEntity.focus();
+    const {
+      preventScroll
+    } = this.props;
+    this.inputEntity.focus({
+      preventScroll
+    });
   }
 
   render() {
@@ -83,7 +88,11 @@ CheckboxInner.propTypes = {
   value: PropTypes.any,
   isPureCardType: PropTypes.bool,
   addonId: PropTypes.string,
-  extraId: PropTypes.string
+  extraId: PropTypes.string,
+  focusInner: PropTypes.bool,
+  onInputFocus: PropTypes.func,
+  onInputBlur: PropTypes.func,
+  preventScroll: PropTypes.bool
 };
 CheckboxInner.defaultProps = {
   onChange: _noop

package/lib/es/datePicker/datePicker.d.ts

@@ -103,6 +103,7 @@ export default class DatePicker extends BaseComponent<DatePickerProps, DatePicke
         syncSwitchMonth: PropTypes.Requireable<boolean>;
         onPanelChange: PropTypes.Requireable<(...args: any[]) => any>;
         rangeSeparator: PropTypes.Requireable<string>;
+        preventScroll: PropTypes.Requireable<boolean>;
     };
     static defaultProps: {
         onChangeWithDateFirst: boolean;

package/lib/es/datePicker/datePicker.js

@@ -391,6 +391,10 @@ export default class DatePicker extends BaseComponent {
         motionEnd
       }),
       setRangeInputFocus: rangeInputFocus => {
+        const {
+          preventScroll
+        } = this.props;
+
         if (rangeInputFocus !== this.state.rangeInputFocus) {
           this.setState({
             rangeInputFocus
@@ -401,7 +405,9 @@ export default class DatePicker extends BaseComponent {
           case 'rangeStart':
             const inputStartNode = _get(this, 'rangeInputStartRef.current');
 
-            inputStartNode && inputStartNode.focus();
+            inputStartNode && inputStartNode.focus({
+              preventScroll
+            });
             /**
              * 解决选择完startDate，切换到endDate后panel被立马关闭的问题。
              * 用户打开panel，选了startDate后，会执行setRangeInputFocus('rangeEnd'),focus到endDateInput，
@@ -425,7 +431,9 @@ export default class DatePicker extends BaseComponent {
           case 'rangeEnd':
             const inputEndNode = _get(this, 'rangeInputEndRef.current');
 
-            inputEndNode && inputEndNode.focus();
+            inputEndNode && inputEndNode.focus({
+              preventScroll
+            });
             /**
              * 解决选择完startDate，切换到endDate后panel被立马关闭的问题。
              * 用户打开panel，选了startDate后，会执行setRangeInputFocus('rangeEnd'),focus到endDateInput，
@@ -453,6 +461,9 @@ export default class DatePicker extends 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;
@@ -462,7 +473,9 @@ export default class DatePicker extends BaseComponent {
             if (document.activeElement !== this.rangeInputEndRef.current) {
               const inputEndNode = _get(this, 'rangeInputEndRef.current');
 
-              inputEndNode && inputEndNode.focus();
+              inputEndNode && inputEndNode.focus({
+                preventScroll
+              });
             }
 
             break;
@@ -472,7 +485,9 @@ export default class DatePicker extends BaseComponent {
             if (document.activeElement !== this.rangeInputStartRef.current) {
               const inputStartNode = _get(this, 'rangeInputStartRef.current');
 
-              inputStartNode && inputStartNode.focus();
+              inputStartNode && inputStartNode.focus({
+                preventScroll
+              });
             }
 
             break;
@@ -792,7 +807,8 @@ DatePicker.propTypes = {
   syncSwitchMonth: PropTypes.bool,
   // Callback function for panel date switching
   onPanelChange: PropTypes.func,
-  rangeSeparator: PropTypes.string
+  rangeSeparator: PropTypes.string,
+  preventScroll: PropTypes.bool
 };
 DatePicker.defaultProps = {
   onChangeWithDateFirst: true,

package/lib/es/form/baseForm.d.ts

@@ -125,7 +125,8 @@ declare class Form extends BaseComponent<BaseFormProps, BaseFormState> {
         onBlur?: (e: React.FocusEvent<Element, Element>) => void;
         onListScroll?: (e: React.UIEvent<HTMLDivElement, UIEvent>) => void;
         children?: React.ReactNode;
-    } & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay" | "motion"> & React.RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
+        preventScroll?: boolean;
+    } & Pick<import("../tooltip").TooltipProps, "getPopupContainer" | "stopPropagation" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay" | "motion"> & React.RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
     static Checkbox: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../checkbox").CheckboxProps & import("./interface").RCIncludeType>;
     static CheckboxGroup: React.ComponentType<import("utility-types").Subtract<import("../checkbox").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
     static Radio: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../radio").RadioProps & import("./interface").RCIncludeType>;

package/lib/es/form/field.d.ts

@@ -73,7 +73,8 @@ declare const FormSelect: import("react").ComponentType<import("utility-types").
     onBlur?: (e: import("react").FocusEvent<Element, Element>) => void;
     onListScroll?: (e: import("react").UIEvent<HTMLDivElement, UIEvent>) => void;
     children?: import("react").ReactNode;
-} & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay" | "motion"> & import("react").RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
+    preventScroll?: boolean;
+} & Pick<import("../tooltip").TooltipProps, "getPopupContainer" | "stopPropagation" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay" | "motion"> & import("react").RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
 declare const FormCheckboxGroup: import("react").ComponentType<import("utility-types").Subtract<import("../checkbox/checkboxGroup").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
 declare const FormCheckbox: import("react").ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../checkbox/checkbox").CheckboxProps & import("./interface").RCIncludeType>;
 declare const FormRadioGroup: import("react").ComponentType<import("utility-types").Subtract<import("../radio/radioGroup").RadioGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;