feat: add submitCount to useFormActions and expose it in useForm

formwerkjs · Dec 29, 2024 · b11cd03 · b11cd03
1 parent 310301a
commit b11cd03
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/packages/core/src/useForm/useForm.ts b/packages/core/src/useForm/useForm.ts
@@ -134,7 +134,7 @@ export function useForm<
   }
 
   const transactionsManager = useFormTransactions(ctx);
-  const { actions, isSubmitting, ...privateActions } = useFormActions<TInput, TOutput>(ctx, {
+  const { actions, isSubmitting,submitCount, ...privateActions } = useFormActions<TInput, TOutput>(ctx, {
     disabled,
     schema: props?.schema as StandardSchema<TInput, TOutput>,
     scrollToInvalidFieldOnSubmit: props?.scrollToInvalidFieldOnSubmit ?? true,
@@ -213,6 +213,10 @@ export function useForm<
      * Whether the form is disabled.
      */
     isDisabled,
+    /**
+     * The number of times the form has been submitted.
+     */
+    submitCount,
     /**
      * Whether the specified field is dirty.
      */

diff --git a/packages/core/src/useForm/useFormActions.ts b/packages/core/src/useForm/useFormActions.ts
@@ -68,6 +68,7 @@ export function useFormActions<TForm extends FormObject = FormObject, TOutput ex
   { disabled, schema, scrollToInvalidFieldOnSubmit }: FormActionsOptions<TForm, TOutput>,
 ) {
   const isSubmitting = shallowRef(false);
+  const submitCount = shallowRef(0);
   const [dispatchSubmit, onSubmitAttempt] = createEventDispatcher<void>('submit');
   const {
     validate: _validate,
@@ -107,6 +108,7 @@ export function useFormActions<TForm extends FormObject = FormObject, TOutput ex
 
       const result = await onSuccess(withConsumers(output), { event: e, form: e?.target as HTMLFormElement });
       isSubmitting.value = false;
+      submitCount.value += 1;
 
       return result;
     };
@@ -167,6 +169,7 @@ export function useFormActions<TForm extends FormObject = FormObject, TOutput ex
     onValidationDispatch,
     onValidationDone,
     isSubmitting,
+    submitCount,
   };
 }