feat(core): support for generics to define validated values (#27)

* feat(core): support for generics to define validated values

* refactor(core): rename generics

packages/core/src/composables/useForm.ts

@@ -54,15 +54,18 @@ export interface FormSubmitHelper<Values extends FormValues> {
 
 export type ValidateMode = 'blur' | 'input' | 'change' | 'submit';
 
-export interface UseFormOptions<Values extends FormValues> {
+export interface UseFormOptions<
+  Values extends FormValues,
+  ValidatedValues extends FormValues | undefined = undefined,
+> {
   initialValues: Values;
   initialErrors?: FormErrors<Values>;
   initialTouched?: FormTouched<Values>;
   validateMode?: ValidateMode;
   reValidateMode?: ValidateMode;
   validateOnMounted?: boolean;
   onSubmit: (
-    values: Values,
+    values: ValidatedValues extends FormValues ? ValidatedValues : Values,
     helper: FormSubmitHelper<Values>,
   ) => void | Promise<any>;
   onInvalid?: (errors: FormErrors<Values>) => void;
@@ -195,9 +198,10 @@ const emptyTouched: FormTouched<unknown> = {};
  * </template>
  * ```
  */
-export function useForm<Values extends FormValues = FormValues>(
-  options: UseFormOptions<Values>,
-): UseFormReturn<Values> {
+export function useForm<
+  Values extends FormValues = FormValues,
+  ValidatedValues extends FormValues | undefined = undefined,
+>(options: UseFormOptions<Values, ValidatedValues>): UseFormReturn<Values> {
   const {
     validateOnMounted = false,
     validateMode = 'submit',
@@ -521,7 +525,12 @@ export function useForm<Values extends FormValues = FormValues>(
       const isValid = keysOf(errors).length === 0;
 
       if (isValid) {
-        const maybePromise = onSubmit(deepClone(state.values), submitHelper);
+        const maybePromise = onSubmit(
+          deepClone(state.values) as ValidatedValues extends FormValues
+            ? ValidatedValues
+            : Values,
+          submitHelper,
+        );
         if (maybePromise == null) {
           return;
         }