Merge branch 'master' into master

Author: bombillazo

README.md

@@ -13,8 +13,8 @@ Input number control.
 [npm-url]: http://npmjs.org/package/rc-input-number
 [travis-image]: https://img.shields.io/travis/react-component/input-number/master?style=flat-square
 [travis-url]: https://travis-ci.com/react-component/input-number
-[github-actions-image]: https://github.com/react-component/input-number/workflows/CI/badge.svg
-[github-actions-url]: https://github.com/react-component/input-number/actions
+[github-actions-image]: https://github.com/react-component/input-number/actions/workflows/react-component-ci.yml/badge.svg
+[github-actions-url]: https://github.com/react-component/input-number/actions/workflows/react-component-ci.yml
 [codecov-image]: https://img.shields.io/codecov/c/github/react-component/input-number/master.svg?style=flat-square
 [codecov-url]: https://app.codecov.io/gh/react-component/input-number
 [david-url]: https://david-dm.org/react-component/input-number

docs/api.md

@@ -80,7 +80,13 @@ nav:
           <td>readOnly</td>
           <td>Boolean</td>
           <td>false</td>
-          <td>Specifies that an InputNumber is read only </td>
+          <td>Specifies that an InputNumber is read only</td>
+        </tr>
+        <tr>
+          <td>changeOnWheel</td>
+          <td>Boolean</td>
+          <td>false</td>
+          <td>Specifies that the value is set using the mouse wheel</td>
         </tr>
         <tr>
           <td>controls</td>
@@ -136,6 +142,12 @@ nav:
           <td></td>
           <td>Called when an element gets focus</td>
         </tr>
+        <tr>
+          <td>onStep</td>
+          <td>(value: T, info: { offset: ValueType; type: 'up' | 'down', emitter: 'handler' | 'keydown' | 'wheel' }) => void</td>
+          <td></td>
+          <td>Called when the user clicks the arrows on the keyboard or interface and when the mouse wheel is spun.</td>
+        </tr>
         <tr>
           <td>style</td>
           <td>Object</td>

docs/demo/combination-key-format.tsx

@@ -1,6 +1,6 @@
 /* eslint no-console:0 */
 import React from 'react';
-import InputNumber from 'rc-input-number';
+import InputNumber from '@rc-component/input-number';
 import '../../assets/index.less';
 
 class Component extends React.Component {

docs/demo/custom.tsx

@@ -1,6 +1,6 @@
 /* eslint no-console:0 */
 import React from 'react';
-import InputNumber from 'rc-input-number';
+import InputNumber from '@rc-component/input-number';
 import '../../assets/index.less';
 
 class Component extends React.Component {

docs/demo/debug.tsx

@@ -1,6 +1,6 @@
 /* eslint no-console:0 */
 import React, { useEffect } from 'react';
-import InputNumber from 'rc-input-number';
+import InputNumber from '@rc-component/input-number';
 import '../../assets/index.less';
 
 export default () => {

docs/demo/decimal.tsx

@@ -1,6 +1,6 @@
 /* eslint no-console:0 */
 import React from 'react';
-import InputNumber from 'rc-input-number';
+import InputNumber from '@rc-component/input-number';
 import '../../assets/index.less';
 
 export default class Demo extends React.Component {

docs/demo/focus.tsx

@@ -1,5 +1,5 @@
 /* eslint no-console:0 */
-import InputNumber, { InputNumberRef } from 'rc-input-number';
+import InputNumber, { InputNumberRef } from '@rc-component/input-number';
 import React from 'react';
 import '../../assets/index.less';
 

docs/demo/formatter.tsx

@@ -1,6 +1,6 @@
 /* eslint no-console:0 */
 import React from 'react';
-import InputNumber from 'rc-input-number';
+import InputNumber from '@rc-component/input-number';
 import '../../assets/index.less';
 
 function getSum(str) {

docs/demo/input-control.tsx

@@ -1,7 +1,7 @@
 /* eslint no-console:0 */
 import React from 'react';
-import type { ValueType} from 'rc-input-number'
-import InputNumber from 'rc-input-number';
+import type { ValueType} from '@rc-component/input-number'
+import InputNumber from '@rc-component/input-number';
 import '../../assets/index.less';
 
 export default () => {

docs/demo/on-step.tsx

@@ -0,0 +1,46 @@
+/* eslint no-console:0 */
+import InputNumber from '@rc-component/input-number';
+import React, { useState } from 'react';
+import '../../assets/index.less';
+
+export default () => {
+  const [emitter, setEmitter] = useState('interface buttons (up)');
+  const [value, setValue] = React.useState<string | number>(0);
+
+  const onChange = (val: number) => {
+    console.warn('onChange:', val, typeof val);
+    setValue(val);
+  };
+
+  const onStep = (_: number, info: { offset: number; type: 'up' | 'down', emitter: 'handler' | 'keyboard' | 'wheel' }) => {
+    if (info.emitter === 'handler') {
+      setEmitter(`interface buttons (${info.type})`);
+    }
+
+    if (info.emitter === 'keyboard') {
+      setEmitter(`keyboard (${info.type})`);
+    }
+
+    if (info.emitter === 'wheel') {
+      setEmitter(`mouse wheel (${info.type})`);
+    }
+  };
+
+  return (
+    <div style={{ margin: 10 }}>
+      <h3>onStep callback</h3>
+      <InputNumber
+        aria-label="onStep callback example"
+        min={0}
+        max={10}
+        style={{ width: 100 }}
+        value={value}
+        changeOnWheel
+        onChange={onChange}
+        onStep={onStep}
+      />
+
+      <div style={{ marginTop: 10 }}>Triggered by: {emitter}</div>
+    </div>
+  );
+};