refactor: autoFocus to autofocus

antdv-demo

@@ -1 +1 @@
-Subproject commit fe4a4e29aebe7cc1a5bbacf43c2b34671b00c880
+Subproject commit 43f89955b59abfd51bdfd4d9dcbc3b4fc4c481b0

components/auto-complete/index.jsx

@@ -45,7 +45,7 @@ const AutoComplete = {
     showSearch: PropTypes.bool.def(false),
     transitionName: PropTypes.string.def('slide-up'),
     choiceTransitionName: PropTypes.string.def('zoom'),
-    autoFocus: PropTypes.bool,
+    autofocus: PropTypes.bool,
     backfill: PropTypes.bool,
     optionLabelProp: PropTypes.string.def('children'),
     filterOption: PropTypes.oneOfType([PropTypes.bool, PropTypes.func]).def(false),

components/cascader/index.jsx

@@ -90,7 +90,7 @@ const CascaderProps = {
   getPopupContainer: PropTypes.func,
   popupVisible: PropTypes.bool,
   fieldNames: FieldNamesType,
-  autoFocus: PropTypes.bool,
+  autofocus: PropTypes.bool,
   suffixIcon: PropTypes.any,
 };
 
@@ -167,7 +167,7 @@ const Cascader = {
   },
   // mounted() {
   //   this.$nextTick(() => {
-  //     if (this.autoFocus && !this.showSearch && !this.disabled) {
+  //     if (this.autofocus && !this.showSearch && !this.disabled) {
   //       this.$refs.picker.focus();
   //     }
   //   });

components/checkbox/Checkbox.jsx

@@ -22,7 +22,7 @@ export default {
     id: PropTypes.string,
     indeterminate: PropTypes.bool,
     type: PropTypes.string.def('checkbox'),
-    autoFocus: PropTypes.bool,
+    autofocus: PropTypes.bool,
   },
 
   setup() {

components/date-picker/interface.js

@@ -25,7 +25,7 @@ export const PickerProps = () => ({
   pickerClass: PropTypes.string,
   pickerInputClass: PropTypes.string,
   timePicker: PropTypes.any,
-  autoFocus: PropTypes.bool,
+  autofocus: PropTypes.bool,
   tagPrefixCls: PropTypes.string,
   tabindex: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   align: PropTypes.object.def(() => ({})),

components/date-picker/wrapPicker.js

@@ -59,10 +59,10 @@ export default function wrapPicker(Picker, props, pickerType) {
       };
     },
     mounted() {
-      const { autoFocus, disabled, value, defaultValue, valueFormat } = this;
+      const { autofocus, disabled, value, defaultValue, valueFormat } = this;
       checkValidate('DatePicker', defaultValue, 'defaultValue', valueFormat);
       checkValidate('DatePicker', value, 'value', valueFormat);
-      if (autoFocus && !disabled) {
+      if (autofocus && !disabled) {
         this.$nextTick(() => {
           this.focus();
         });

components/input-number/index.jsx

@@ -24,7 +24,7 @@ export const InputNumberProps = {
   name: PropTypes.string,
   id: PropTypes.string,
   precision: PropTypes.number,
-  autoFocus: PropTypes.bool,
+  autofocus: PropTypes.bool,
 };
 
 const InputNumber = {

components/input/Input.jsx

@@ -157,8 +157,8 @@ export default {
         onInput: handleChange,
         onChange: noop,
       };
-      if (!inputProps.autoFocus) {
+      if (!inputProps.autofocus) {
-        delete inputProps.autoFocus;
+        delete inputProps.autofocus;
       }
       return <input {...inputProps} />;
     },

components/input/ResizableTextArea.jsx

@@ -142,8 +142,8 @@ const ResizableTextArea = {
         //   },
         // ],
       };
-      if (!textareaProps.autoFocus) {
+      if (!textareaProps.autofocus) {
-        delete textareaProps.autoFocus;
+        delete textareaProps.autofocus;
       }
       return (
         <ResizeObserver onResize={this.handleResize} disabled={!(autoSize || autosize)}>

components/input/inputProps.js

@@ -24,7 +24,7 @@ export default {
   prefix: PropTypes.any,
   suffix: PropTypes.any,
   // spellCheck: Boolean,
-  autoFocus: Boolean,
+  autofocus: Boolean,
   allowClear: Boolean,
   lazy: {
     default: true,

components/mentions/index.jsx

@@ -66,7 +66,7 @@ const Mentions = {
   },
   mounted() {
     this.$nextTick(() => {
-      if (this.autoFocus) {
+      if (this.autofocus) {
         this.focus();
       }
     });

components/modal/ActionButton.jsx

@@ -8,7 +8,7 @@ const ActionButtonProps = {
   type: ButtonType,
   actionFn: PropTypes.func,
   closeModal: PropTypes.func,
-  autoFocus: PropTypes.bool,
+  autofocus: PropTypes.bool,
   buttonProps: PropTypes.object,
 };
 
@@ -21,7 +21,7 @@ export default {
     };
   },
   mounted() {
-    if (this.autoFocus) {
+    if (this.autofocus) {
       this.timeoutId = setTimeout(() => this.$el.focus());
     }
   },

components/modal/ConfirmDialog.jsx

@@ -48,7 +48,7 @@ const ConfirmDialog = (_, { attrs }) => {
     <ActionButton
       actionFn={onCancel}
       closeModal={close}
-      autoFocus={autoFocusButton === 'cancel'}
+      autofocus={autoFocusButton === 'cancel'}
       buttonProps={cancelButtonProps}
     >
       {cancelText}
@@ -94,7 +94,7 @@ const ConfirmDialog = (_, { attrs }) => {
             type={okType}
             actionFn={onOk}
             closeModal={close}
-            autoFocus={autoFocusButton === 'ok'}
+            autofocus={autoFocusButton === 'ok'}
             buttonProps={okButtonProps}
           >
             {okText}

components/radio/Radio.jsx

@@ -19,7 +19,7 @@ export default {
     value: PropTypes.any,
     name: String,
     id: String,
-    autoFocus: Boolean,
+    autofocus: Boolean,
     type: PropTypes.string.def('radio'),
     onChange: PropTypes.func,
   },

components/rate/index.jsx

@@ -17,7 +17,7 @@ export const RateProps = {
   tooltips: PropTypes.arrayOf(PropTypes.string),
   disabled: PropTypes.bool,
   character: PropTypes.any,
-  autoFocus: PropTypes.bool,
+  autofocus: PropTypes.bool,
 };
 
 const Rate = {

components/select/index.jsx

@@ -37,7 +37,7 @@ const AbstractSelectProps = () => ({
   dropdownMatchSelectWidth: PropTypes.bool,
   // onSearch: (value: string) => any,
   filterOption: PropTypes.oneOfType([PropTypes.bool, PropTypes.func]),
-  autoFocus: PropTypes.bool,
+  autofocus: PropTypes.bool,
   backfill: PropTypes.bool,
   showArrow: PropTypes.bool,
   getPopupContainer: PropTypes.func,

components/switch/index.jsx

@@ -21,7 +21,7 @@ const Switch = {
     tabindex: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
     checked: PropTypes.bool,
     defaultChecked: PropTypes.bool,
-    autoFocus: PropTypes.bool,
+    autofocus: PropTypes.bool,
     loading: PropTypes.bool,
   },
   setup() {

components/time-picker/index.jsx

@@ -64,7 +64,7 @@ export const TimePickerProps = () => ({
   align: PropTypes.object,
   placement: PropTypes.any,
   transitionName: PropTypes.string,
-  autoFocus: PropTypes.bool,
+  autofocus: PropTypes.bool,
   addon: PropTypes.any,
   clearIcon: PropTypes.any,
   locale: PropTypes.object,

components/tree-select/interface.jsx

@@ -11,7 +11,7 @@ export const TreeData = PropTypes.shape({
 
 export const TreeSelectProps = () => ({
   ...AbstractSelectProps(),
-  autoFocus: PropTypes.bool,
+  autofocus: PropTypes.bool,
   dropdownStyle: PropTypes.object,
   filterTreeNode: PropTypes.oneOfType([Function, Boolean]),
   getPopupContainer: PropTypes.func,

components/vc-checkbox/src/Checkbox.jsx

@@ -23,7 +23,7 @@ export default {
       // onClick: PropTypes.func,
       tabindex: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
       readonly: PropTypes.bool,
-      autoFocus: PropTypes.bool,
+      autofocus: PropTypes.bool,
       value: PropTypes.any,
     },
     {
@@ -45,7 +45,7 @@ export default {
   },
   mounted() {
     nextTick(() => {
-      if (this.autoFocus) {
+      if (this.autofocus) {
         this.$refs.input && this.$refs.input.focus();
       }
     });
@@ -102,7 +102,7 @@ export default {
       disabled,
       readonly,
       tabindex,
-      autoFocus,
+      autofocus,
       onFocus,
       onBlur,
       value,
@@ -130,7 +130,7 @@ export default {
       tabindex,
       class: `${prefixCls}-input`,
       checked: !!sChecked,
-      autoFocus,
+      autofocus,
       value,
       ...globalProps,
       onChange: this.handleChange,

components/vc-input-number/src/index.js

@@ -45,7 +45,7 @@ const inputNumberProps = {
   value: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
   defaultValue: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
   focusOnUpDown: PropTypes.bool,
-  autoFocus: PropTypes.bool,
+  autofocus: PropTypes.bool,
   // onChange: PropTypes.func,
   // onKeyDown: PropTypes.func,
   // onKeyUp: PropTypes.func,
@@ -110,12 +110,12 @@ export default {
     return {
       inputValue: this.toPrecisionAsStep(validValue),
       sValue: validValue,
-      focused: this.autoFocus,
+      focused: this.autofocus,
     };
   },
   mounted() {
     this.$nextTick(() => {
-      if (this.autoFocus && !this.disabled) {
+      if (this.autofocus && !this.disabled) {
         this.focus();
       }
       this.updatedFunc();
@@ -540,8 +540,8 @@ export default {
       );
     },
     toNumber(num) {
-      const { precision, autoFocus } = this.$props;
+      const { precision, autofocus } = this.$props;
-      const { focused = autoFocus } = this;
+      const { focused = autofocus } = this;
       // num.length > 16 => This is to prevent input of large numbers
       const numberIsTooLarge = num && num.length > 16 && focused;
       if (this.isNotCompleteNumber(num) || numberIsTooLarge) {

components/vc-mentions/src/Mentions.jsx

@@ -249,7 +249,7 @@ const Mentions = {
       prefixCls,
       placement,
       transitionName,
-      autoFocus,
+      autofocus,
       notFoundContent,
       getPopupContainer,
       ...restProps

components/vc-mentions/src/mentionsProps.js

@@ -7,7 +7,7 @@ import {
 import { PlaceMent } from './placement';
 
 export const mentionsProps = {
-  autoFocus: PropTypes.bool,
+  autofocus: PropTypes.bool,
   prefix: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
   prefixCls: PropTypes.string,
   value: PropTypes.string,

components/vc-rate/src/Rate.jsx

@@ -17,7 +17,7 @@ const rateProps = {
   character: PropTypes.any,
   characterRender: PropTypes.func,
   tabindex: PropTypes.number,
-  autoFocus: PropTypes.bool,
+  autofocus: PropTypes.bool,
 };
 
 function noop() {}
@@ -56,7 +56,7 @@ export default {
   },
   mounted() {
     this.$nextTick(() => {
-      if (this.autoFocus && !this.disabled) {
+      if (this.autofocus && !this.disabled) {
         this.focus();
       }
     });

components/vc-select/PropTypes.js

@@ -42,7 +42,7 @@ export const SelectPropTypes = {
   tokenSeparators: PropTypes.arrayOf(PropTypes.string),
   getInputElement: PropTypes.func,
   showAction: PropTypes.arrayOf(PropTypes.string),
-  autoFocus: PropTypes.bool,
+  autofocus: PropTypes.bool,
   getPopupContainer: PropTypes.func,
   clearIcon: PropTypes.any,
   inputIcon: PropTypes.any,

components/vc-select/Select.jsx

@@ -158,7 +158,7 @@ const Select = {
     this.$nextTick(() => {
       // when defaultOpen is true, we should auto focus search input
       // https://github.com/ant-design/ant-design/issues/14254
-      if (this.autoFocus || this._open) {
+      if (this.autofocus || this._open) {
         this.focus();
       }
       // this.setState({

components/vc-slider/src/Range.jsx

@@ -34,7 +34,7 @@ const rangeProps = {
   prefixCls: PropTypes.string,
   min: PropTypes.number,
   max: PropTypes.number,
-  autoFocus: PropTypes.bool,
+  autofocus: PropTypes.bool,
 };
 const Range = {
   name: 'Range',

components/vc-slider/src/Slider.jsx

@@ -13,7 +13,7 @@ const Slider = {
     defaultValue: PropTypes.number,
     value: PropTypes.number,
     disabled: PropTypes.bool,
-    autoFocus: PropTypes.bool,
+    autofocus: PropTypes.bool,
     tabindex: PropTypes.number,
     reverse: PropTypes.bool,
     min: PropTypes.number,

components/vc-slider/src/common/createSlider.jsx

@@ -31,7 +31,7 @@ export default function createSlider(Component) {
     railStyle: PropTypes.object,
     dotStyle: PropTypes.object,
     activeDotStyle: PropTypes.object,
-    autoFocus: PropTypes.bool,
+    autofocus: PropTypes.bool,
   };
   return {
     name: 'createSlider',
@@ -75,8 +75,8 @@ export default function createSlider(Component) {
         // Snapshot testing cannot handle refs, so be sure to null-check this.
         this.document = this.$refs.sliderRef && this.$refs.sliderRef.ownerDocument;
         // this.setHandleRefs()
-        const { autoFocus, disabled } = this;
+        const { autofocus, disabled } = this;
-        if (autoFocus && !disabled) {
+        if (autofocus && !disabled) {
           this.focus();
         }
       });

components/vc-switch/PropTypes.js

@@ -11,6 +11,6 @@ export const switchPropTypes = {
   tabindex: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   checked: PropTypes.bool,
   defaultChecked: PropTypes.bool.def(false),
-  autoFocus: PropTypes.bool.def(false),
+  autofocus: PropTypes.bool.def(false),
   loadingIcon: PropTypes.any,
 };

components/vc-switch/Switch.jsx

@@ -32,8 +32,8 @@ export default {
   },
   mounted() {
     this.$nextTick(() => {
-      const { autoFocus, disabled } = this;
+      const { autofocus, disabled } = this;
-      if (autoFocus && !disabled) {
+      if (autofocus && !disabled) {
         this.focus();
       }
     });
@@ -84,7 +84,7 @@ export default {
       disabled,
       loadingIcon,
       defaultChecked,
-      autoFocus,
+      autofocus,
       ...restProps
     } = getOptionProps(this);
     const checked = this.stateChecked;

components/vc-time-picker/TimePicker.jsx

@@ -65,7 +65,7 @@ export default {
       secondStep: PropTypes.number,
       focusOnOpen: PropTypes.bool,
       // onKeyDown: PropTypes.func,
-      autoFocus: PropTypes.bool,
+      autofocus: PropTypes.bool,
       id: PropTypes.string,
       inputIcon: PropTypes.any,
       clearIcon: PropTypes.any,
@@ -116,7 +116,7 @@ export default {
   },
   mounted() {
     this.$nextTick(() => {
-      if (this.autoFocus) {
+      if (this.autofocus) {
         this.focus();
       }
     });
@@ -335,7 +335,7 @@ export default {
       getPopupContainer,
       name,
       autocomplete,
-      autoFocus,
+      autofocus,
       inputReadOnly,
       sOpen,
       sValue,
@@ -374,7 +374,7 @@ export default {
             autocomplete={autocomplete}
             onFocus={onFocus}
             onBlur={onBlur}
-            autoFocus={autoFocus}
+            autofocus={autofocus}
             readonly={!!inputReadOnly}
             id={id}
           />

components/vc-tree-select/src/Select.jsx

@@ -81,7 +81,7 @@ const Select = {
       open: PropTypes.bool,
       value: PropTypes.any,
 
-      autoFocus: PropTypes.bool,
+      autofocus: PropTypes.bool,
 
       defaultOpen: PropTypes.bool,
       defaultValue: PropTypes.any,
@@ -258,8 +258,8 @@ const Select = {
   },
   mounted() {
     this.$nextTick(() => {
-      const { autoFocus, disabled } = this.$props;
+      const { autofocus, disabled } = this.$props;
-      if (autoFocus && !disabled) {
+      if (autofocus && !disabled) {
         this.focus();
       }
     });

tests/shared/focusTest.js

@@ -44,13 +44,13 @@ export default function focusTest(Component) {
       });
     });
 
-    it('autoFocus', done => {
+    it('autofocus', done => {
       jest.useRealTimers();
       const handleFocus = jest.fn();
       mount(
         {
           render(h) {
-            return <Component autoFocus onFocus={handleFocus} />;
+            return <Component autofocus onFocus={handleFocus} />;
           },
         },
         { attachToDocument: true, sync: false },

types/auto-complete.d.ts

@@ -22,7 +22,7 @@ export declare class AutoComplete extends AntdComponent {
    * @default false
    * @type boolean
    */
-  autoFocus: boolean;
+  autofocus: boolean;
 
   /**
    * backfill selected item the input when using keyboard

types/cascader.d.ts

@@ -59,7 +59,7 @@ export declare class Cascader extends AntdComponent {
    * @default false
    * @type boolean
    */
-  autoFocus: boolean;
+  autofocus: boolean;
 
   /**
    * change value on each selection if set to true.

types/checkbox/checkbox.d.ts

@@ -13,7 +13,7 @@ export declare class Checkbox extends AntdComponent {
    * @default false
    * @type boolean
    */
-  autoFocus: boolean;
+  autofocus: boolean;
 
   /**
    * Specifies whether the checkbox is selected.

types/date-picker/common.d.ts

@@ -18,7 +18,7 @@ export declare class DatepickerCommon extends AntdComponent {
    * @default false
    * @type boolean
    */
-  autoFocus: boolean;
+  autofocus: boolean;
 
   /**
    * custom rendering function for date cells by setting a scoped slot

types/input-number.d.ts

@@ -10,7 +10,7 @@ export declare class InputNumber extends AntdComponent {
    * @default false
    * @type boolean
    */
-  autoFocus: boolean;
+  autofocus: boolean;
 
   /**
    * initial value

types/mentions/mentions.d.ts

@@ -11,7 +11,7 @@ export declare class Mentions extends AntdComponent {
    * @default false
    * @type boolean
    */
-  autoFocus: boolean;
+  autofocus: boolean;
 
   /**
    * Default value

types/radio/radio.d.ts

@@ -15,7 +15,7 @@ export declare class Radio extends AntdComponent {
    * @default false
    * @type boolean
    */
-  autoFocus: boolean;
+  autofocus: boolean;
 
   /**
    * Specifies whether the radio is selected.

types/rate.d.ts

@@ -24,7 +24,7 @@ export declare class Rate extends AntdComponent {
    * @default false
    * @type boolean
    */
-  autoFocus: boolean;
+  autofocus: boolean;
 
   /**
    * custom character of rate

types/select/select.d.ts

@@ -30,7 +30,7 @@ export declare class Select extends AntdComponent {
    * @default false
    * @type boolean
    */
-  autoFocus: boolean;
+  autofocus: boolean;
 
   /**
    * Whether active first option by default

types/slider.d.ts

@@ -11,7 +11,7 @@ export declare class Slider extends AntdComponent {
    * @default false
    * @type boolean
    */
-  autoFocus: boolean;
+  autofocus: boolean;
 
   /**
    * The default value of slider. When range is false, use number, otherwise, use [number, number]

types/switch.d.ts

@@ -10,7 +10,7 @@ export declare class Switch extends AntdComponent {
    * @default false
    * @type boolean
    */
-  autoFocus: boolean;
+  autofocus: boolean;
 
   /**
    * determine whether the Switch is checked

types/time-picker.d.ts

@@ -24,7 +24,7 @@ export declare class TimePicker extends AntdComponent {
    * @default false
    * @type boolean
    */
-  autoFocus: boolean;
+  autofocus: boolean;
 
   /**
    * clear tooltip of icon