fix: input-number ready not work #2971 (#3968)

components/input-number/index.jsx

@@ -48,7 +48,10 @@ const InputNumber = {
   },
 
   render() {
-    const { prefixCls: customizePrefixCls, size, ...others } = getOptionProps(this);
+    const { prefixCls: customizePrefixCls, size, ...others } = {
+      ...getOptionProps(this),
+      ...this.$attrs,
+    };
     const getPrefixCls = this.configProvider.getPrefixCls;
     const prefixCls = getPrefixCls('input-number', customizePrefixCls);
 

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

@@ -55,7 +55,7 @@ const inputNumberProps = {
   disabled: PropTypes.bool,
   // onFocus: PropTypes.func,
   // onBlur: PropTypes.func,
-  readOnly: PropTypes.bool,
+  readonly: PropTypes.bool,
   max: PropTypes.number,
   min: PropTypes.number,
   step: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
@@ -637,7 +637,7 @@ export default {
     const {
       prefixCls,
       disabled,
-      readOnly,
+      readonly,
       useTouch,
       autoComplete,
       upHandler,
@@ -666,7 +666,7 @@ export default {
       }
     }
 
-    const editable = !this.readOnly && !this.disabled;
+    const editable = !this.readonly && !this.disabled;
 
     // focus state, show input value
     // unfocus state, show valid value
@@ -695,8 +695,8 @@ export default {
         mouseleave: this.stop,
       };
     }
-    const isUpDisabled = !!upDisabledClass || disabled || readOnly;
-    const isDownDisabled = !!downDisabledClass || disabled || readOnly;
+    const isUpDisabled = !!upDisabledClass || disabled || readonly;
+    const isDownDisabled = !!downDisabledClass || disabled || readonly;
     const {
       mouseenter = noop,
       mouseleave = noop,
@@ -778,7 +778,7 @@ export default {
             onBlur={this.onBlur}
             onKeydown={editable ? this.onKeyDown : noop}
             onKeyup={editable ? this.onKeyUp : noop}
-            readOnly={this.readOnly}
+            readonly={this.readonly}
             disabled={this.disabled}
             max={this.max}
             min={this.min}