fix: Backspace not update state (#441)

* fix: Backspace not update state

* add engines

Author: zombieJ

package.json

@@ -2,6 +2,9 @@
   "name": "rc-select",
   "version": "10.0.0-alpha.36",
   "description": "React Select",
+  "engines": {
+    "node": ">=8.x"
+  },
   "keywords": [
     "react",
     "react-component",

src/generate.tsx

@@ -717,13 +717,13 @@ export default function generateSelector<
      * - false: Search text is not empty when first time backspace down
      */
     const [getClearLock, setClearLock] = useLock();
-    const clearLock = getClearLock();
 
     // KeyDown
     const onInternalKeyDown: React.KeyboardEventHandler<HTMLDivElement> = (
       event,
       ...rest
     ) => {
+      const clearLock = getClearLock();
       const { which } = event;
 
       // We only manage open state here, close logic should handle by list component

tests/Multiple.test.tsx

@@ -1,7 +1,6 @@
 import { mount } from 'enzyme';
 import KeyCode from 'rc-util/lib/KeyCode';
 import React from 'react';
-import { resetWarned } from 'rc-util/lib/warning';
 import Select, { Option, OptGroup } from '../src';
 import focusTest from './shared/focusTest';
 import blurTest from './shared/blurTest';
@@ -129,7 +128,10 @@ describe('Select.Multiple', () => {
 
     expect(handleChange).toHaveBeenCalledWith(
       [1, 2],
-      [expect.objectContaining({ value: 1 }), expect.objectContaining({ value: 2, testprop: 2 })],
+      [
+        expect.objectContaining({ value: 1 }),
+        expect.objectContaining({ value: 2, testprop: 2 }),
+      ],
     );
   });
 
@@ -239,4 +241,37 @@ describe('Select.Multiple', () => {
     });
     expect(wrapper.find('.rc-select-arrow-icon').length).toBeTruthy();
   });
+
+  it('block input when fast backspace', () => {
+    jest.useFakeTimers();
+    const onChange = jest.fn();
+
+    const wrapper = mount(
+      <Select
+        mode="multiple"
+        value={['bamboo']}
+        options={[{ value: 'bamboo' }, { value: 'light' }]}
+        onChange={onChange}
+      />,
+    );
+
+    // First type
+    wrapper.find('input').simulate('keydown', { which: KeyCode.L });
+    wrapper.find('input').simulate('change', { target: { value: 'l' } });
+
+    // Backspace
+    wrapper.find('input').simulate('keydown', { which: KeyCode.BACKSPACE });
+    wrapper.find('input').simulate('change', { target: { value: '' } });
+
+    onChange.mockReset();
+
+    wrapper.find('input').simulate('keydown', { which: KeyCode.BACKSPACE });
+    expect(onChange).not.toHaveBeenCalled();
+
+    jest.runAllTimers();
+    wrapper.find('input').simulate('keydown', { which: KeyCode.BACKSPACE });
+    expect(onChange).toHaveBeenCalledWith([], expect.anything());
+
+    jest.useRealTimers();
+  });
 });