fix: keydown when tab,inputnumber not trigger onKeyUp (#318)

* fix:keydown when tab,inputnumber not trigger onKeyUp

* fix:keydown when tab,inputnumber not trigger onKeyUp add test

Co-authored-by: taoxinhua <taoxinhua@xzintl.com>

Author: taoxhsmile

src/InputNumber.tsx

@@ -336,7 +336,7 @@ const InputNumber = React.forwardRef(
     };
 
     // >>> Input
-    const onInternalInput: React.ChangeEventHandler<HTMLInputElement> = (e) => {
+    const onInternalInput: React.ChangeEventHandler<HTMLInputElement> = e => {
       let inputStr = e.target.value;
 
       // optimize for chinese input experience
@@ -404,12 +404,12 @@ const InputNumber = React.forwardRef(
       }
     };
 
-    const onKeyDown: React.KeyboardEventHandler<HTMLInputElement> = (event) => {
+    const onKeyDown: React.KeyboardEventHandler<HTMLInputElement> = event => {
       const { which } = event;
       userTypingRef.current = true;
 
       if (which === KeyCode.ENTER) {
-        if(!compositionRef.current) { 
+        if (!compositionRef.current) {
           userTypingRef.current = false;
         }
         flushInputValue();
@@ -436,6 +436,8 @@ const InputNumber = React.forwardRef(
       flushInputValue();
 
       setFocus(false);
+
+      userTypingRef.current = false;
     };
 
     // ========================== Controlled ==========================

tests/input.test.tsx

@@ -97,7 +97,7 @@ describe('InputNumber.Input', () => {
   it('pressEnter value should be ok', () => {
     const Demo = () => {
       const [value, setValue] = React.useState(1);
-      const inputRef = React.useRef<HTMLInputElement>(null)
+      const inputRef = React.useRef<HTMLInputElement>(null);
       return (
         <InputNumber
           ref={inputRef}
@@ -119,6 +119,24 @@ describe('InputNumber.Input', () => {
     expect(wrapper.getInputValue()).toEqual('5');
   });
 
+  it('keydown Tab, after change value should be ok', () => {
+    let outSetValue;
+
+    const Demo = () => {
+      const [value, setValue] = React.useState<string | number>(1);
+      outSetValue = setValue;
+      return <InputNumber autoFocus value={value} onChange={val => setValue(val)} />;
+    };
+
+    const wrapper = mount(<Demo />);
+    wrapper.findInput().simulate('keyDown', { which: KeyCode.TAB });
+    wrapper.blurInput();
+    expect(wrapper.getInputValue()).toEqual('1');
+    outSetValue(5);
+    wrapper.focusInput();
+    expect(wrapper.getInputValue()).toEqual('5');
+  });
+
   describe('empty on blur should trigger null', () => {
     it('basic', () => {
       const onChange = jest.fn();