@douyinfe/semi-ui 2.10.2 → 2.10.5

package/input/index.tsx

@@ -64,6 +64,7 @@ export interface InputProps extends
     inputStyle?: React.CSSProperties;
     getValueLength?: (value: string) => number;
     forwardRef?: ((instance: any) => void) | React.MutableRefObject<any> | null;
+    preventScroll?: boolean;
 }
 
 export interface InputState {
@@ -117,6 +118,7 @@ class Input extends BaseComponent<InputProps, InputState> {
         insetLabelId: PropTypes.string,
         inputStyle: PropTypes.object,
         getValueLength: PropTypes.func,
+        preventScroll: PropTypes.bool,
     };
 
     static defaultProps = {
@@ -174,9 +176,10 @@ class Input extends BaseComponent<InputProps, InputState> {
             setValue: (value: string) => this.setState({ value }),
             setEyeClosed: (value: boolean) => this.setState({ eyeClosed: value }),
             toggleFocusing: (isFocus: boolean) => {
+                const { preventScroll } = this.props;
                 const input = this.inputRef && this.inputRef.current;
                 if (isFocus) {
-                    input && input.focus();
+                    input && input.focus({ preventScroll });
                 } else {
                     input && input.blur();
                 }
@@ -402,6 +405,7 @@ class Input extends BaseComponent<InputProps, InputState> {
             forwardRef,
             maxLength,
             getValueLength,
+            preventScroll,
             ...rest
         } = this.props;
         const { value, paddingLeft, isFocus, minLength: stateMinLength } = this.state;

package/inputNumber/index.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable jsx-a11y/no-static-element-interactions */
 /* eslint-disable @typescript-eslint/no-unused-vars */
 /* eslint-disable no-unused-vars */
 /* eslint-disable max-depth */
@@ -54,6 +55,7 @@ export interface InputNumberProps extends InputProps {
     onUpClick?: (value: string, e: React.MouseEvent<HTMLButtonElement>) => void;
 }
 
+// eslint-disable-next-line @typescript-eslint/no-empty-interface
 export interface InputNumberState extends BaseInputNumberState {}
 
 class InputNumber extends BaseComponent<InputNumberProps, InputNumberState> {
@@ -82,6 +84,7 @@ class InputNumber extends BaseComponent<InputNumberProps, InputNumberState> {
         prefixCls: PropTypes.string,
         pressInterval: PropTypes.number,
         pressTimeout: PropTypes.number,
+        preventScroll: PropTypes.bool,
         shiftStep: PropTypes.number,
         step: PropTypes.number,
         style: PropTypes.object,
@@ -246,7 +249,7 @@ class InputNumber extends BaseComponent<InputNumberProps, InputNumberState> {
     }
 
     componentDidUpdate(prevProps: InputNumberProps) {
-        const { value } = this.props;
+        const { value, preventScroll } = this.props;
         const { focusing } = this.state;
         let newValue;
         /**
@@ -338,7 +341,7 @@ class InputNumber extends BaseComponent<InputNumberProps, InputNumberState> {
 
         if (this.props.keepFocus && this.state.focusing) {
             if (document.activeElement !== this.inputNode) {
-                this.inputNode.focus();
+                this.inputNode.focus({ preventScroll });
             }
         }
     }

package/lib/cjs/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/cjs/cascader/index.js

@@ -633,9 +633,15 @@ class Cascader extends _baseComponent.default {
         });
       },
       focusInput: () => {
+        const {
+          preventScroll
+        } = this.props;
+
         if (this.inputRef && this.inputRef.current) {
           // TODO: check the reason
-          this.inputRef.current.focus();
+          this.inputRef.current.focus({
+            preventScroll
+          });
         }
       }
     };
@@ -800,13 +806,15 @@ class Cascader extends _baseComponent.default {
           if ((0, _isArray.default)(realValue)) {
             normallizedValue = (0, _isArray.default)(realValue[0]) ? realValue : [realValue];
           } else {
-            normallizedValue = [[realValue]];
+            if (realValue !== undefined) {
+              normallizedValue = [[realValue]];
+            }
           } // formatValuePath is used to save value of valuePath
 
 
           const formatValuePath = [];
           (0, _forEach.default)(normallizedValue).call(normallizedValue, valueItem => {
-            const formatItem = onChangeWithObject ? (0, _map.default)(valueItem).call(valueItem, i => i.value) : valueItem;
+            const formatItem = onChangeWithObject ? (0, _map.default)(valueItem).call(valueItem, i => i === null || i === void 0 ? void 0 : i.value) : valueItem;
             formatValuePath.push(formatItem);
           }); // formatKeys is used to save key of value
 
@@ -1046,7 +1054,8 @@ Cascader.propTypes = {
   loadedKeys: _propTypes.default.array,
   disableStrictly: _propTypes.default.bool,
   leafOnly: _propTypes.default.bool,
-  enableLeafClick: _propTypes.default.bool
+  enableLeafClick: _propTypes.default.bool,
+  preventScroll: _propTypes.default.bool
 };
 Cascader.defaultProps = {
   leafOnly: false,

package/lib/cjs/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/cjs/checkbox/checkbox.js

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

package/lib/cjs/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/cjs/checkbox/checkboxInner.js

@@ -41,7 +41,12 @@ class CheckboxInner extends _react.PureComponent {
   }
 
   focus() {
-    this.inputEntity.focus();
+    const {
+      preventScroll
+    } = this.props;
+    this.inputEntity.focus({
+      preventScroll
+    });
   }
 
   render() {
@@ -109,7 +114,11 @@ CheckboxInner.propTypes = {
   value: _propTypes.default.any,
   isPureCardType: _propTypes.default.bool,
   addonId: _propTypes.default.string,
-  extraId: _propTypes.default.string
+  extraId: _propTypes.default.string,
+  focusInner: _propTypes.default.bool,
+  onInputFocus: _propTypes.default.func,
+  onInputBlur: _propTypes.default.func,
+  preventScroll: _propTypes.default.bool
 };
 CheckboxInner.defaultProps = {
   onChange: _noop2.default

package/lib/cjs/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/cjs/datePicker/datePicker.js

@@ -429,6 +429,10 @@ class DatePicker extends _baseComponent.default {
         motionEnd
       }),
       setRangeInputFocus: rangeInputFocus => {
+        const {
+          preventScroll
+        } = this.props;
+
         if (rangeInputFocus !== this.state.rangeInputFocus) {
           this.setState({
             rangeInputFocus
@@ -438,7 +442,9 @@ class DatePicker extends _baseComponent.default {
         switch (rangeInputFocus) {
           case 'rangeStart':
             const inputStartNode = (0, _get2.default)(this, 'rangeInputStartRef.current');
-            inputStartNode && inputStartNode.focus();
+            inputStartNode && inputStartNode.focus({
+              preventScroll
+            });
             /**
              * 解决选择完startDate，切换到endDate后panel被立马关闭的问题。
              * 用户打开panel，选了startDate后，会执行setRangeInputFocus('rangeEnd'),focus到endDateInput，
@@ -460,7 +466,9 @@ class DatePicker extends _baseComponent.default {
 
           case 'rangeEnd':
             const inputEndNode = (0, _get2.default)(this, 'rangeInputEndRef.current');
-            inputEndNode && inputEndNode.focus();
+            inputEndNode && inputEndNode.focus({
+              preventScroll
+            });
             /**
              * 解决选择完startDate，切换到endDate后panel被立马关闭的问题。
              * 用户打开panel，选了startDate后，会执行setRangeInputFocus('rangeEnd'),focus到endDateInput，
@@ -487,6 +495,9 @@ class DatePicker extends _baseComponent.default {
       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;
@@ -495,7 +506,9 @@ class DatePicker extends _baseComponent.default {
           case 'rangeEnd':
             if (document.activeElement !== this.rangeInputEndRef.current) {
               const inputEndNode = (0, _get2.default)(this, 'rangeInputEndRef.current');
-              inputEndNode && inputEndNode.focus();
+              inputEndNode && inputEndNode.focus({
+                preventScroll
+              });
             }
 
             break;
@@ -504,7 +517,9 @@ class DatePicker extends _baseComponent.default {
           default:
             if (document.activeElement !== this.rangeInputStartRef.current) {
               const inputStartNode = (0, _get2.default)(this, 'rangeInputStartRef.current');
-              inputStartNode && inputStartNode.focus();
+              inputStartNode && inputStartNode.focus({
+                preventScroll
+              });
             }
 
             break;
@@ -825,7 +840,8 @@ DatePicker.propTypes = {
   syncSwitchMonth: _propTypes.default.bool,
   // Callback function for panel date switching
   onPanelChange: _propTypes.default.func,
-  rangeSeparator: _propTypes.default.string
+  rangeSeparator: _propTypes.default.string,
+  preventScroll: _propTypes.default.bool
 };
 DatePicker.defaultProps = {
   onChangeWithDateFirst: true,

package/lib/cjs/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/cjs/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>;

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

@@ -47,6 +47,7 @@ export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElem
     inputStyle?: React.CSSProperties;
     getValueLength?: (value: string) => number;
     forwardRef?: ((instance: any) => void) | React.MutableRefObject<any> | null;
+    preventScroll?: boolean;
 }
 export interface InputState {
     value: React.ReactText;
@@ -98,6 +99,7 @@ declare class Input extends BaseComponent<InputProps, InputState> {
         insetLabelId: PropTypes.Requireable<string>;
         inputStyle: PropTypes.Requireable<object>;
         getValueLength: PropTypes.Requireable<(...args: any[]) => any>;
+        preventScroll: PropTypes.Requireable<boolean>;
     };
     static defaultProps: {
         addonBefore: string;

package/lib/cjs/input/index.js

@@ -142,10 +142,15 @@ class Input extends _baseComponent.default {
         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();
         }
@@ -378,9 +383,10 @@ class Input extends _baseComponent.default {
       inputStyle,
       forwardRef,
       maxLength,
-      getValueLength
+      getValueLength,
+      preventScroll
     } = _a,
-          rest = __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 = __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,
@@ -505,7 +511,8 @@ Input.propTypes = {
   insetLabel: _propTypes.default.node,
   insetLabelId: _propTypes.default.string,
   inputStyle: _propTypes.default.object,
-  getValueLength: _propTypes.default.func
+  getValueLength: _propTypes.default.func,
+  preventScroll: _propTypes.default.bool
 };
 Input.defaultProps = {
   addonBefore: '',

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

@@ -68,6 +68,7 @@ declare class InputNumber extends BaseComponent<InputNumberProps, InputNumberSta
         prefixCls: PropTypes.Requireable<string>;
         pressInterval: PropTypes.Requireable<number>;
         pressTimeout: PropTypes.Requireable<number>;
+        preventScroll: PropTypes.Requireable<boolean>;
         shiftStep: PropTypes.Requireable<number>;
         step: PropTypes.Requireable<number>;
         style: PropTypes.Requireable<object>;

package/lib/cjs/inputNumber/index.js

@@ -62,6 +62,8 @@ var __rest = void 0 && (void 0).__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 */
@@ -311,7 +313,8 @@ class InputNumber extends _baseComponent.default {
 
   componentDidUpdate(prevProps) {
     const {
-      value
+      value,
+      preventScroll
     } = this.props;
     const {
       focusing
@@ -426,7 +429,9 @@ class InputNumber extends _baseComponent.default {
 
     if (this.props.keepFocus && this.state.focusing) {
       if (document.activeElement !== this.inputNode) {
-        this.inputNode.focus();
+        this.inputNode.focus({
+          preventScroll
+        });
       }
     }
   }
@@ -538,6 +543,7 @@ InputNumber.propTypes = {
   prefixCls: _propTypes.default.string,
   pressInterval: _propTypes.default.number,
   pressTimeout: _propTypes.default.number,
+  preventScroll: _propTypes.default.bool,
   shiftStep: _propTypes.default.number,
   step: _propTypes.default.number,
   style: _propTypes.default.object,

package/lib/cjs/modal/ModalContent.d.ts

@@ -14,6 +14,7 @@ export default class ModalContent extends BaseComponent<ModalContentReactProps,
         contentClassName: PropTypes.Requireable<string>;
         maskClassName: PropTypes.Requireable<string>;
         onAnimationEnd: PropTypes.Requireable<(...args: any[]) => any>;
+        preventScroll: PropTypes.Requireable<boolean>;
     };
     static defaultProps: {
         close: (...args: any[]) => void;

package/lib/cjs/modal/ModalContent.js

@@ -291,6 +291,9 @@ class ModalContent extends _baseComponent.default {
       },
       getMouseState: () => this.state.dialogMouseDown,
       modalDialogFocus: () => {
+        const {
+          preventScroll
+        } = this.props;
         let activeElementInDialog;
 
         if (this.modalDialogRef) {
@@ -299,7 +302,9 @@ class ModalContent extends _baseComponent.default {
         }
 
         if (!activeElementInDialog) {
-          this.modalDialogRef && this.modalDialogRef.current.focus();
+          this.modalDialogRef && this.modalDialogRef.current.focus({
+            preventScroll
+          });
         }
       },
       modalDialogBlur: () => {
@@ -309,8 +314,13 @@ class ModalContent extends _baseComponent.default {
         const {
           prevFocusElement
         } = this.state;
+        const {
+          preventScroll
+        } = this.props;
         const focus = (0, _get2.default)(prevFocusElement, 'focus');
-        (0, _isFunction2.default)(focus) && prevFocusElement.focus();
+        (0, _isFunction2.default)(focus) && prevFocusElement.focus({
+          preventScroll
+        });
       }
     });
   }
@@ -369,7 +379,8 @@ ModalContent.propTypes = {
   getContainerContext: _propTypes.default.func,
   contentClassName: _propTypes.default.string,
   maskClassName: _propTypes.default.string,
-  onAnimationEnd: _propTypes.default.func
+  onAnimationEnd: _propTypes.default.func,
+  preventScroll: _propTypes.default.bool
 };
 ModalContent.defaultProps = {
   close: _noop2.default,

package/lib/cjs/modal/confirm.d.ts

@@ -15,7 +15,7 @@ export declare function withInfo(props: ModalReactProps): {
     bodyStyle?: React.CSSProperties;
     maskStyle?: React.CSSProperties;
     style?: React.CSSProperties;
-    icon: string | number | boolean | React.ReactFragment | JSX.Element;
+    icon: React.ReactNode | JSX.Element;
     closeIcon?: React.ReactNode;
     title?: React.ReactNode;
     content?: React.ReactNode;
@@ -48,6 +48,7 @@ export declare function withInfo(props: ModalReactProps): {
     keepDOM?: boolean;
     direction?: any;
     fullScreen?: boolean;
+    preventScroll?: boolean;
     type: "info";
 };
 export declare function withSuccess(props: ModalReactProps): {
@@ -57,7 +58,7 @@ export declare function withSuccess(props: ModalReactProps): {
     bodyStyle?: React.CSSProperties;
     maskStyle?: React.CSSProperties;
     style?: React.CSSProperties;
-    icon: string | number | boolean | React.ReactFragment | JSX.Element;
+    icon: React.ReactNode | JSX.Element;
     closeIcon?: React.ReactNode;
     title?: React.ReactNode;
     content?: React.ReactNode;
@@ -90,6 +91,7 @@ export declare function withSuccess(props: ModalReactProps): {
     keepDOM?: boolean;
     direction?: any;
     fullScreen?: boolean;
+    preventScroll?: boolean;
     type: "success";
 };
 export declare function withWarning(props: ModalReactProps): {
@@ -99,7 +101,7 @@ export declare function withWarning(props: ModalReactProps): {
     bodyStyle?: React.CSSProperties;
     maskStyle?: React.CSSProperties;
     style?: React.CSSProperties;
-    icon: string | number | boolean | React.ReactFragment | JSX.Element;
+    icon: React.ReactNode | JSX.Element;
     closeIcon?: React.ReactNode;
     title?: React.ReactNode;
     content?: React.ReactNode;
@@ -132,6 +134,7 @@ export declare function withWarning(props: ModalReactProps): {
     keepDOM?: boolean;
     direction?: any;
     fullScreen?: boolean;
+    preventScroll?: boolean;
     type: "warning";
 };
 export declare function withError(props: ModalReactProps): {
@@ -141,7 +144,7 @@ export declare function withError(props: ModalReactProps): {
     bodyStyle?: React.CSSProperties;
     maskStyle?: React.CSSProperties;
     style?: React.CSSProperties;
-    icon: string | number | boolean | React.ReactFragment | JSX.Element;
+    icon: React.ReactNode | JSX.Element;
     closeIcon?: React.ReactNode;
     title?: React.ReactNode;
     content?: React.ReactNode;
@@ -174,6 +177,7 @@ export declare function withError(props: ModalReactProps): {
     keepDOM?: boolean;
     direction?: any;
     fullScreen?: boolean;
+    preventScroll?: boolean;
     type: "error";
 };
 export declare function withConfirm(props: ModalReactProps): {
@@ -183,7 +187,7 @@ export declare function withConfirm(props: ModalReactProps): {
     bodyStyle?: React.CSSProperties;
     maskStyle?: React.CSSProperties;
     style?: React.CSSProperties;
-    icon: string | number | boolean | React.ReactFragment | JSX.Element;
+    icon: React.ReactNode | JSX.Element;
     closeIcon?: React.ReactNode;
     title?: React.ReactNode;
     content?: React.ReactNode;
@@ -216,5 +220,6 @@ export declare function withConfirm(props: ModalReactProps): {
     keepDOM?: boolean;
     direction?: any;
     fullScreen?: boolean;
+    preventScroll?: boolean;
     type: "confirm";
 };

package/lib/cjs/radio/radio.d.ts

@@ -29,6 +29,10 @@ export declare type RadioProps = {
     addonClassName?: string;
     type?: RadioType;
     'aria-label'?: React.AriaAttributes['aria-label'];
+    addonId?: string;
+    extraId?: string;
+    name?: string;
+    preventScroll?: boolean;
 };
 export interface RadioState {
     hover?: boolean;
@@ -55,6 +59,7 @@ declare class Radio extends BaseComponent<RadioProps, RadioState> {
         addonClassName: PropTypes.Requireable<string>;
         type: PropTypes.Requireable<"default" | "button" | "card" | "pureCard">;
         'aria-label': PropTypes.Requireable<string>;
+        preventScroll: PropTypes.Requireable<boolean>;
     };
     static defaultProps: Partial<RadioProps>;
     radioEntity: RadioInner;

package/lib/cjs/radio/radio.js

@@ -222,7 +222,8 @@ Radio.propTypes = {
   addonStyle: _propTypes.default.object,
   addonClassName: _propTypes.default.string,
   type: _propTypes.default.oneOf([_constants.strings.TYPE_DEFAULT, _constants.strings.TYPE_BUTTON, _constants.strings.TYPE_CARD, _constants.strings.TYPE_PURECARD]),
-  'aria-label': _propTypes.default.string
+  'aria-label': _propTypes.default.string,
+  preventScroll: _propTypes.default.bool
 };
 Radio.defaultProps = {
   autoFocus: false,

package/lib/cjs/radio/radioInner.d.ts

@@ -17,6 +17,10 @@ export interface RadioInnerProps extends BaseProps {
     addonId?: string;
     extraId?: string;
     'aria-label'?: React.AriaAttributes['aria-label'];
+    focusInner?: boolean;
+    onInputFocus?: (e: any) => void;
+    onInputBlur?: (e: any) => void;
+    preventScroll?: boolean;
 }
 interface RadioInnerState {
     checked?: boolean;
@@ -30,6 +34,10 @@ declare class RadioInner extends BaseComponent<RadioInnerProps, RadioInnerState>
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
         mode: PropTypes.Requireable<string>;
         'aria-label': 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/cjs/radio/radioInner.js

@@ -76,7 +76,12 @@ class RadioInner extends _baseComponent.default {
   }
 
   focus() {
-    this.inputEntity.focus();
+    const {
+      preventScroll
+    } = this.props;
+    this.inputEntity.focus({
+      preventScroll
+    });
   }
 
   onChange(e) {
@@ -138,7 +143,11 @@ RadioInner.propTypes = {
   isButtonRadio: _propTypes.default.bool,
   onChange: _propTypes.default.func,
   mode: _propTypes.default.oneOf(['advanced', '']),
-  'aria-label': _propTypes.default.string
+  'aria-label': _propTypes.default.string,
+  focusInner: _propTypes.default.bool,
+  onInputFocus: _propTypes.default.func,
+  onInputBlur: _propTypes.default.func,
+  preventScroll: _propTypes.default.bool
 };
 RadioInner.defaultProps = {
   onChange: _noop2.default,

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

@@ -34,6 +34,7 @@ export interface RatingProps {
     size?: 'small' | 'default' | number;
     tooltips?: string[];
     id?: string;
+    preventScroll?: boolean;
 }
 export interface RatingState {
     value: number;
@@ -70,6 +71,7 @@ export default class Rating extends BaseComponent<RatingProps, RatingState> {
         size: PropTypes.Requireable<number | "default" | "small">;
         tooltips: PropTypes.Requireable<string[]>;
         id: PropTypes.Requireable<string>;
+        preventScroll: PropTypes.Requireable<boolean>;
     };
     static defaultProps: {
         defaultValue: number;