@douyinfe/semi-ui 2.14.0 → 2.15.1

package/lib/es/cascader/index.js

@@ -554,7 +554,8 @@ class Cascader extends BaseComponent {
       loadingKeys: new _Set(),
 
       /* Mark whether this rendering has triggered asynchronous loading of data */
-      loading: false
+      loading: false,
+      showInput: false
     };
     this.options = {};
     this.isEmpty = false;
@@ -581,9 +582,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
+          });
         }
       }
     };
@@ -692,7 +699,19 @@ class Cascader extends 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
+        });
+      }
     });
   }
 
@@ -868,21 +887,29 @@ class Cascader extends BaseComponent {
     const inputcls = cls("".concat(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 = cls({
       ["".concat(prefixcls, "-search-wrapper")]: true
     });
+    const displayText = this.renderDisplayText();
+    const spanCls = cls({
+      ["".concat(prefixcls, "-selection-placeholder")]: !displayText,
+      ["".concat(prefixcls, "-selection-text-hide")]: showInput && inputValue,
+      ["".concat(prefixcls, "-selection-text-inactive")]: showInput && !inputValue
+    });
     return /*#__PURE__*/React.createElement("div", {
       className: wrappercls
-    }, /*#__PURE__*/React.createElement(Input, _Object$assign({
+    }, /*#__PURE__*/React.createElement("span", {
+      className: spanCls
+    }, displayText ? displayText : inputPlaceHolder), showInput && /*#__PURE__*/React.createElement(Input, _Object$assign({
       ref: this.inputRef,
       size: size
     }, inputProps)));
@@ -999,7 +1026,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,
@@ -1011,7 +1039,6 @@ Cascader.defaultProps = {
   showClear: false,
   autoClearSearchValue: true,
   changeOnSelect: false,
-  disabled: false,
   disableStrictly: false,
   autoMergeValue: true,
   multiple: false,

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

@@ -54,6 +54,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

@@ -246,7 +246,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

@@ -19,6 +19,7 @@ export interface CheckboxInnerProps {
     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>;
@@ -40,6 +41,7 @@ declare class CheckboxInner extends PureComponent<CheckboxInnerProps> {
         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() {
@@ -93,7 +98,8 @@ CheckboxInner.propTypes = {
   extraId: PropTypes.string,
   focusInner: PropTypes.bool,
   onInputFocus: PropTypes.func,
-  onInputBlur: 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;
@@ -114,7 +115,6 @@ export default class DatePicker extends BaseComponent<DatePickerProps, DatePicke
         type: string;
         size: string;
         density: string;
-        disabled: boolean;
         multiple: boolean;
         defaultOpen: boolean;
         disabledHours: (...args: any[]) => void;

package/lib/es/datePicker/datePicker.js

@@ -395,6 +395,10 @@ export default class DatePicker extends BaseComponent {
         motionEnd
       }),
       setRangeInputFocus: rangeInputFocus => {
+        const {
+          preventScroll
+        } = this.props;
+
         if (rangeInputFocus !== this.state.rangeInputFocus) {
           this.setState({
             rangeInputFocus
@@ -405,7 +409,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，
@@ -429,7 +435,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，
@@ -457,6 +465,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;
@@ -466,7 +477,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;
@@ -476,7 +489,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;
@@ -791,7 +806,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,
@@ -804,7 +820,6 @@ DatePicker.defaultProps = {
   type: 'date',
   size: 'default',
   density: 'default',
-  disabled: false,
   multiple: false,
   defaultOpen: false,
   disabledHours: _noop,

package/lib/es/dropdown/context.d.ts

@@ -1,7 +1,9 @@
 import React from 'react';
+import { TooltipProps } from '../tooltip/index';
 export interface DropdownContextType {
     level?: number;
     showTick?: boolean;
+    trigger?: TooltipProps['trigger'];
 }
 declare const DropdownContext: React.Context<DropdownContextType>;
 export default DropdownContext;

package/lib/es/dropdown/dropdownItem.js

@@ -74,7 +74,9 @@ class DropdownItem extends BaseComponent {
     }
 
     return /*#__PURE__*/React.createElement("li", _Object$assign({
-      role: "menuitem"
+      role: "menuitem",
+      tabIndex: -1,
+      "aria-disabled": disabled
     }, events, {
       ref: ref => forwardRef(ref),
       className: itemclass,

package/lib/es/dropdown/dropdownMenu.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import PropTypes from 'prop-types';
 import BaseComponent, { BaseProps } from '../_base/baseComponent';
 export declare type DropdownMenuProps = BaseProps;
@@ -8,6 +8,23 @@ declare class DropdownMenu extends BaseComponent<DropdownMenuProps> {
         className: PropTypes.Requireable<string>;
         style: PropTypes.Requireable<object>;
     };
+    static contextType: React.Context<import("./context").DropdownContextType>;
+    menuRef: React.RefObject<HTMLUListElement>;
+    constructor(props: DropdownMenuProps);
+    get adapter(): {
+        getContext(key: string): any;
+        getContexts(): any;
+        getProp(key: string): any;
+        getProps(): BaseProps;
+        getState(key: string): any;
+        getStates(): {};
+        setState(s: Pick<{}, never>, callback?: any): void;
+        getCache(c: string): any;
+        getCaches(): any;
+        setCache(key: any, value: any): void;
+        stopPropagation(e: any): void;
+    };
+    componentDidMount(): void;
     render(): JSX.Element;
 }
 export default DropdownMenu;

package/lib/es/dropdown/dropdownMenu.js

@@ -17,10 +17,26 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import { cssClasses } from '@douyinfe/semi-foundation/lib/es/dropdown/constants';
+import Foundation from '@douyinfe/semi-foundation/lib/es/dropdown/menuFoundation';
+import DropdownContext from './context';
 import BaseComponent from '../_base/baseComponent';
 const prefixCls = cssClasses.PREFIX;
 
 class DropdownMenu extends BaseComponent {
+  constructor(props) {
+    super(props);
+    this.menuRef = /*#__PURE__*/React.createRef();
+    this.foundation = new Foundation(this.adapter);
+  }
+
+  get adapter() {
+    return _Object$assign({}, super.adapter);
+  }
+
+  componentDidMount() {
+    this.foundation.autoFocus(this.menuRef.current);
+  }
+
   render() {
     const _a = this.props,
           {
@@ -32,10 +48,12 @@ class DropdownMenu extends BaseComponent {
 
     return /*#__PURE__*/React.createElement("ul", _Object$assign({
       role: "menu",
-      "aria-orientation": "vertical"
+      "aria-orientation": "vertical",
+      ref: this.menuRef
     }, rest, {
       className: classnames("".concat(prefixCls, "-menu"), className),
-      style: style
+      style: style,
+      onKeyDown: e => this.foundation.onMenuKeydown(e)
     }), children);
   }
 
@@ -46,4 +64,5 @@ DropdownMenu.propTypes = {
   className: PropTypes.string,
   style: PropTypes.object
 };
+DropdownMenu.contextType = DropdownContext;
 export default DropdownMenu;

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

@@ -43,6 +43,8 @@ export interface DropdownProps extends TooltipProps {
     onVisibleChange?: (visible: boolean) => void;
     rePosKey?: string | number;
     showTick?: boolean;
+    closeOnEsc?: TooltipProps['closeOnEsc'];
+    onEscKeyDown?: TooltipProps['onEscKeyDown'];
 }
 interface DropdownState {
     popVisible: boolean;
@@ -83,6 +85,8 @@ declare class Dropdown extends BaseComponent<DropdownProps, DropdownState> {
         position: string;
         mouseLeaveDelay: number;
         showTick: boolean;
+        closeOnEsc: boolean;
+        onEscKeyDown: (...args: any[]) => void;
     };
     constructor(props: DropdownProps);
     context: DropdownContextType;

package/lib/es/dropdown/index.js

@@ -62,7 +62,8 @@ class Dropdown extends BaseComponent {
       contentClassName,
       style,
       showTick,
-      prefixCls
+      prefixCls,
+      trigger
     } = this.props;
     const className = classnames(prefixCls, contentClassName);
     const {
@@ -70,7 +71,8 @@ class Dropdown extends BaseComponent {
     } = this.context;
     const contextValue = {
       showTick,
-      level: level + 1
+      level: level + 1,
+      trigger
     };
     let content = null;
 
@@ -207,11 +209,15 @@ class Dropdown extends BaseComponent {
       position: position,
       trigger: trigger,
       onVisibleChange: this.handleVisibleChange,
-      showArrow: false
+      showArrow: false,
+      returnFocusOnClose: true
     }, attr), /*#__PURE__*/React.isValidElement(children) ? /*#__PURE__*/React.cloneElement(children, {
       className: classnames(_get(children, 'props.className'), {
         ["".concat(prefixCls, "-showing")]: popVisible
-      })
+      }),
+      'aria-haspopup': true,
+      'aria-expanded': popVisible,
+      onKeyDown: e => this.foundation.handleKeyDown(e)
     }) : children);
   }
 
@@ -251,6 +257,8 @@ Dropdown.defaultProps = {
   trigger: 'hover',
   position: 'bottom',
   mouseLeaveDelay: strings.DEFAULT_LEAVE_DELAY,
-  showTick: false
+  showTick: false,
+  closeOnEsc: true,
+  onEscKeyDown: _noop
 };
 export default Dropdown;

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

@@ -51,9 +51,9 @@ declare class Form extends BaseComponent<BaseFormProps, BaseFormState> {
         autoScrollToError: boolean;
         showValidateIcon: boolean;
     };
-    static Input: React.ComponentType<import("utility-types").Subtract<Omit<import("../input").InputProps, "forwardRef"> & React.RefAttributes<HTMLInputElement>, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
-    static TextArea: React.ComponentType<import("utility-types").Subtract<Omit<import("../input").TextAreaProps, "forwardRef"> & React.RefAttributes<HTMLTextAreaElement>, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
-    static InputNumber: React.ComponentType<import("utility-types").Subtract<import("../inputNumber").InputNumberProps & React.RefAttributes<HTMLInputElement>, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
+    static Input: React.ComponentType<import("utility-types").Subtract<Omit<import("../input").InputProps, "forwardRef"> & React.RefAttributes<HTMLInputElement>, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & React.RefAttributes<any>>;
+    static TextArea: React.ComponentType<import("utility-types").Subtract<Omit<import("../input").TextAreaProps, "forwardRef"> & React.RefAttributes<HTMLTextAreaElement>, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & React.RefAttributes<any>>;
+    static InputNumber: React.ComponentType<import("utility-types").Subtract<import("../inputNumber").InputNumberProps & React.RefAttributes<HTMLInputElement>, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & React.RefAttributes<any>>;
     static Select: React.ComponentType<import("utility-types").Subtract<{
         'aria-describedby'?: string;
         'aria-errormessage'?: string;
@@ -125,21 +125,22 @@ declare class Form extends BaseComponent<BaseFormProps, BaseFormState> {
         onBlur?: (e: React.FocusEvent<Element, Element>) => void;
         onListScroll?: (e: React.UIEvent<HTMLDivElement, UIEvent>) => void;
         children?: React.ReactNode;
+        preventScroll?: boolean;
     } & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "getPopupContainer" | "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 CheckboxGroup: React.ComponentType<import("utility-types").Subtract<import("../checkbox").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & React.RefAttributes<any>>;
     static Radio: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../radio").RadioProps & import("./interface").RCIncludeType>;
-    static RadioGroup: React.ComponentType<import("utility-types").Subtract<import("../radio").RadioGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
-    static DatePicker: React.ComponentType<import("utility-types").Subtract<import("../datePicker").DatePickerProps & React.RefAttributes<import("../datePicker/datePicker").default>, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
-    static TimePicker: React.ComponentType<import("utility-types").Subtract<import("../timePicker").TimePickerProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
-    static Switch: React.ComponentType<import("utility-types").Subtract<import("../switch").SwitchProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
-    static Slider: React.ComponentType<import("utility-types").Subtract<import("../slider").SliderProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
-    static TreeSelect: React.ComponentType<import("utility-types").Subtract<import("../treeSelect").TreeSelectProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
-    static Cascader: React.ComponentType<import("utility-types").Subtract<import("../cascader").CascaderProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
-    static Rating: React.ComponentType<import("utility-types").Subtract<import("../rating").RatingProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
-    static AutoComplete: React.ComponentType<import("utility-types").Subtract<import("../autoComplete").AutoCompleteProps<import("../autoComplete").AutoCompleteItems>, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
-    static Upload: React.ComponentType<import("utility-types").Subtract<import("../upload").UploadProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
-    static TagInput: React.ComponentType<import("utility-types").Subtract<import("../tagInput").TagInputProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
+    static RadioGroup: React.ComponentType<import("utility-types").Subtract<import("../radio").RadioGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & React.RefAttributes<any>>;
+    static DatePicker: React.ComponentType<import("utility-types").Subtract<import("../datePicker").DatePickerProps & React.RefAttributes<import("../datePicker/datePicker").default>, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & React.RefAttributes<any>>;
+    static TimePicker: React.ComponentType<import("utility-types").Subtract<import("../timePicker").TimePickerProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & React.RefAttributes<any>>;
+    static Switch: React.ComponentType<import("utility-types").Subtract<import("../switch").SwitchProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & React.RefAttributes<any>>;
+    static Slider: React.ComponentType<import("utility-types").Subtract<import("../slider").SliderProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & React.RefAttributes<any>>;
+    static TreeSelect: React.ComponentType<import("utility-types").Subtract<import("../treeSelect").TreeSelectProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & React.RefAttributes<any>>;
+    static Cascader: React.ComponentType<import("utility-types").Subtract<import("../cascader").CascaderProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & React.RefAttributes<any>>;
+    static Rating: React.ComponentType<import("utility-types").Subtract<import("../rating").RatingProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & React.RefAttributes<any>>;
+    static AutoComplete: React.ComponentType<import("utility-types").Subtract<import("../autoComplete").AutoCompleteProps<import("../autoComplete").AutoCompleteItems>, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & React.RefAttributes<any>>;
+    static Upload: React.ComponentType<import("utility-types").Subtract<import("../upload").UploadProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & React.RefAttributes<any>>;
+    static TagInput: React.ComponentType<import("utility-types").Subtract<import("../tagInput").TagInputProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & React.RefAttributes<any>>;
     static Slot: (props: import("./slot").SlotProps) => JSX.Element;
     static ErrorMessage: typeof ErrorMessage;
     static InputGroup: typeof FormInputGroup;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-declare const FormInput: import("react").ComponentType<import("utility-types").Subtract<Omit<import("../input/index").InputProps, "forwardRef"> & import("react").RefAttributes<HTMLInputElement>, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
-declare const FormInputNumber: import("react").ComponentType<import("utility-types").Subtract<import("../inputNumber/index").InputNumberProps & import("react").RefAttributes<HTMLInputElement>, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
-declare const FormTextArea: import("react").ComponentType<import("utility-types").Subtract<Omit<import("../input/textarea").TextAreaProps, "forwardRef"> & import("react").RefAttributes<HTMLTextAreaElement>, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
+declare const FormInput: import("react").ComponentType<import("utility-types").Subtract<Omit<import("../input/index").InputProps, "forwardRef"> & import("react").RefAttributes<HTMLInputElement>, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & import("react").RefAttributes<any>>;
+declare const FormInputNumber: import("react").ComponentType<import("utility-types").Subtract<import("../inputNumber/index").InputNumberProps & import("react").RefAttributes<HTMLInputElement>, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & import("react").RefAttributes<any>>;
+declare const FormTextArea: import("react").ComponentType<import("utility-types").Subtract<Omit<import("../input/textarea").TextAreaProps, "forwardRef"> & import("react").RefAttributes<HTMLTextAreaElement>, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & import("react").RefAttributes<any>>;
 declare const FormSelect: import("react").ComponentType<import("utility-types").Subtract<{
     'aria-describedby'?: string;
     'aria-errormessage'?: string;
@@ -73,19 +73,20 @@ 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;
+    preventScroll?: boolean;
 } & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "getPopupContainer" | "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 FormCheckboxGroup: import("react").ComponentType<import("utility-types").Subtract<import("../checkbox/checkboxGroup").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & import("react").RefAttributes<any>>;
 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>;
+declare const FormRadioGroup: import("react").ComponentType<import("utility-types").Subtract<import("../radio/radioGroup").RadioGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & import("react").RefAttributes<any>>;
 declare const FormRadio: import("react").ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../radio/radio").RadioProps & import("./interface").RCIncludeType>;
-declare const FormDatePicker: import("react").ComponentType<import("utility-types").Subtract<import("../datePicker/datePicker").DatePickerProps & import("react").RefAttributes<import("../datePicker/datePicker").default>, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
-declare const FormSwitch: import("react").ComponentType<import("utility-types").Subtract<import("../switch/index").SwitchProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
-declare const FormSlider: import("react").ComponentType<import("utility-types").Subtract<import("../slider/index").SliderProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
-declare const FormTimePicker: import("react").ComponentType<import("utility-types").Subtract<import("../timePicker/TimePicker").TimePickerProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
-declare const FormTreeSelect: import("react").ComponentType<import("utility-types").Subtract<import("../treeSelect/index").TreeSelectProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
-declare const FormCascader: import("react").ComponentType<import("utility-types").Subtract<import("../cascader/index").CascaderProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
-declare const FormRating: import("react").ComponentType<import("utility-types").Subtract<import("../rating/index").RatingProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
-declare const FormAutoComplete: import("react").ComponentType<import("utility-types").Subtract<import("../autoComplete/index").AutoCompleteProps<import("../autoComplete/index").AutoCompleteItems>, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
-declare const FormUpload: import("react").ComponentType<import("utility-types").Subtract<import("../upload/index").UploadProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
-declare const FormTagInput: import("react").ComponentType<import("utility-types").Subtract<import("../tagInput/index").TagInputProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
+declare const FormDatePicker: import("react").ComponentType<import("utility-types").Subtract<import("../datePicker/datePicker").DatePickerProps & import("react").RefAttributes<import("../datePicker/datePicker").default>, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & import("react").RefAttributes<any>>;
+declare const FormSwitch: import("react").ComponentType<import("utility-types").Subtract<import("../switch/index").SwitchProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & import("react").RefAttributes<any>>;
+declare const FormSlider: import("react").ComponentType<import("utility-types").Subtract<import("../slider/index").SliderProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & import("react").RefAttributes<any>>;
+declare const FormTimePicker: import("react").ComponentType<import("utility-types").Subtract<import("../timePicker/TimePicker").TimePickerProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & import("react").RefAttributes<any>>;
+declare const FormTreeSelect: import("react").ComponentType<import("utility-types").Subtract<import("../treeSelect/index").TreeSelectProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & import("react").RefAttributes<any>>;
+declare const FormCascader: import("react").ComponentType<import("utility-types").Subtract<import("../cascader/index").CascaderProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & import("react").RefAttributes<any>>;
+declare const FormRating: import("react").ComponentType<import("utility-types").Subtract<import("../rating/index").RatingProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & import("react").RefAttributes<any>>;
+declare const FormAutoComplete: import("react").ComponentType<import("utility-types").Subtract<import("../autoComplete/index").AutoCompleteProps<import("../autoComplete/index").AutoCompleteItems>, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & import("react").RefAttributes<any>>;
+declare const FormUpload: import("react").ComponentType<import("utility-types").Subtract<import("../upload/index").UploadProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & import("react").RefAttributes<any>>;
+declare const FormTagInput: import("react").ComponentType<import("utility-types").Subtract<import("../tagInput/index").TagInputProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & import("react").RefAttributes<any>>;
 export { FormInput, FormInputNumber, FormTextArea, FormSelect, FormCheckboxGroup, FormCheckbox, FormRadioGroup, FormRadio, FormDatePicker, FormSwitch, FormSlider, FormTimePicker, FormTreeSelect, FormCascader, FormRating, FormAutoComplete, FormUpload, FormTagInput };

package/lib/es/form/hoc/withField.d.ts

@@ -8,5 +8,5 @@ import { Subtract } from 'utility-types';
  * 2. Insert <Label>
  * 3. Insert <ErrorMessage>
  */
-declare function withField<C extends React.ElementType, T extends Subtract<React.ComponentProps<C>, CommonexcludeType> & CommonFieldProps, R extends React.ComponentType<T>>(Component: C, opts?: WithFieldOption): R;
+declare function withField<C extends React.ElementType, T extends Subtract<React.ComponentProps<C>, CommonexcludeType> & CommonFieldProps & React.RefAttributes<any>, R extends React.ComponentType<T>>(Component: C, opts?: WithFieldOption): R;
 export default withField;

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

@@ -68,7 +68,7 @@ export interface SelectStatic {
     Option: typeof Option;
     OptGroup: typeof OptGroup;
 }
-export declare class Field<P> extends React.Component<Subtract<P & CommonFieldProps, CommonexcludeType>> {
+export declare class Field<P> extends React.Component<Subtract<P & CommonFieldProps, CommonexcludeType> & React.RefAttributes<any>> {
 }
 export declare let FormSelectType: React.ComponentType<Subtract<SelectProps & CommonFieldProps, CommonexcludeType>> & SelectStatic;
 export declare let FormCheckboxType: React.ComponentType<Subtract<CommonFieldProps, RadioCheckboxExcludeProps> & CheckboxProps & RCIncludeType>;

package/lib/es/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,13 +99,13 @@ 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;
         addonAfter: string;
         prefix: string;
         suffix: string;
-        disabled: boolean;
         readonly: boolean;
         type: string;
         showClear: boolean;

package/lib/es/input/index.js

@@ -111,10 +111,15 @@ class Input extends 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();
         }
@@ -356,9 +361,10 @@ class Input extends BaseComponent {
       inputStyle,
       forwardRef,
       maxLength,
-      getValueLength
+      getValueLength,
+      preventScroll
     } = _a,
-          rest = __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 = __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,
@@ -483,14 +489,14 @@ Input.propTypes = {
   insetLabel: PropTypes.node,
   insetLabelId: PropTypes.string,
   inputStyle: PropTypes.object,
-  getValueLength: PropTypes.func
+  getValueLength: PropTypes.func,
+  preventScroll: PropTypes.bool
 };
 Input.defaultProps = {
   addonBefore: '',
   addonAfter: '',
   prefix: '',
   suffix: '',
-  disabled: false,
   readonly: false,
   type: 'text',
   showClear: false,