feat(core)!: change the implementation of validationMode (#6)

Author: Mini-ghost

README.md

@@ -89,6 +89,7 @@ type UseFormRegisterReturn<Value> =  {
     name: string
     onBlur: () => void;
     onChange: () => void;
+    onInput: () => void
   };
 }
 
@@ -230,6 +231,7 @@ const { value: bag, attrs: bagFieldAttrs } = register('bag')
 | attrs.name     | `string`                            | Input's name that we pass by.                                        |
 | attrs.onBlur   | `(event: Event) => void`            | onBlur prop to subscribe the input blur event.                       |
 | attrs.onChange | `() => void`                        | onChange prop to subscribe the input change event.                   |
+| attrs.onInput  | `() => void`                        | onInput prop to subscribe the input input event.                     |
 
 **Example**
 
@@ -295,6 +297,7 @@ interface FieldEntry {
   attrs: {
     onBlur: (event: Event) => void;
     onChange: () => void;
+    onInput: () => void
   };
 }
 ```

packages/core/src/composable/useForm.ts

@@ -286,12 +286,7 @@ export function useForm<Values extends FormValues = FormValues>(
       },
     });
 
-    const willValidate =
-      shouldValidate == null
-        ? validateTiming.value === 'input'
-        : shouldValidate;
-
-    return willValidate
+    return shouldValidate
       ? runAllValidateHandler(state.values)
       : Promise.resolve();
   };
@@ -372,6 +367,12 @@ export function useForm<Values extends FormValues = FormValues>(
     }
   };
 
+  const handleInput: FormEventHandler['handleInput'] = () => {
+    if (validateTiming.value === 'input') {
+      runAllValidateHandler(state.values);
+    }
+  };
+
   const setSubmitting = (isSubmitting: boolean) => {
     dispatch({ type: ACTION_TYPE.SET_ISSUBMITTING, payload: isSubmitting });
   };
@@ -404,6 +405,7 @@ export function useForm<Values extends FormValues = FormValues>(
       name: unref(name),
       onBlur: handleBlur,
       onChange: handleChange,
+      onInput: handleInput,
     }));
   };
 

packages/core/src/types.ts

@@ -48,6 +48,7 @@ export interface FormEventHandler {
   };
 
   handleChange: () => void;
+  handleInput: () => void;
 }
 
 export interface FieldRegisterOptions<Values> {
@@ -130,6 +131,7 @@ export type FieldAttrs = {
   name: string;
   onBlur: (event: Event) => void;
   onChange: () => void;
+  onInput: () => void;
 };
 
 export type FieldMeta = {