feat(input-value): make useInputValue more compatible

ecomfe · Apr 22, 2021 · 342bbfa · 342bbfa
1 parent 28197d1
commit 342bbfa
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 6 deletions.
diff --git a/packages/input-value/src/__tests__/index.test.js b/packages/input-value/src/__tests__/index.test.js
@@ -24,3 +24,9 @@ test('change value via onChange', () => {
     act(() => result.current.onChange({target: {value: newValue}}));
     expect(result.current.value).toBe(newValue);
 });
+
+test('target not in change value', () => {
+    const {result} = renderHook(() => useInputValue());
+    act(() => result.current.onChange('foo'));
+    expect(result.current.value).toBe('foo');
+});
diff --git a/packages/input-value/src/index.ts b/packages/input-value/src/index.ts
@@ -1,18 +1,19 @@
 import {useState, useCallback} from 'react';
 
-interface ChangeEvent {
-    target: {value: string};
-}
-
 export interface InputValueState {
     value: string;
-    onChange(e: ChangeEvent): void;
+    onChange(e: any): void;
 }
 
 export function useInputValue(initialValue: string = ''): InputValueState {
     const [value, setValue] = useState(initialValue);
     const onChange = useCallback(
-        (e: ChangeEvent) => setValue(e.target.value),
+        (event: any) => {
+            const v = event && event.target && 'value' in event.target
+                ? (event.target as HTMLInputElement).value
+                : event;
+            setValue(v);
+        },
         []
     );
     return {value, onChange};