Merge branch 'main' into dev

Author: webdevnerdstuff

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wdns/vuetify-stepper-form",
-	"version": "1.2.3",
+	"version": "1.2.7",
 	"description": "The Vuetify Stepper Form plugin provides a structured way to create multi-step forms using Vue 3, TypeScript, and Vuetify. It features a stepper layout that allows users to navigate between steps with form validation. The plugin is customizable and streamlines building dynamic, interactive forms that guide users through sequential steps.",
 	"private": false,
 	"publishConfig": {

src/plugin/VStepperForm.vue

@@ -531,6 +531,25 @@ function removePageError(pageIndex: number): void {
 	currentPageHasErrors.value = false;
 }
 
+// Reset the next page fields //
+const resetPageFields = (pageIndex: number) => {
+	const page = computedPages.value[pageIndex + 1];
+
+	if (!page) {
+		return;
+	}
+
+	if (!page?.fields?.length) {
+		return;
+	}
+
+	for (const field of page.fields) {
+		if (field.name) {
+			$useForm.resetField(field.name, { force: true });
+		}
+	}
+};
+
 // ------------------------ Check the if the page has errors //
 function checkForPageErrors(errors: ValidateResult['errors'], source: string, next = () => { }): void {
 	const page = computedPages.value[currentPageIdx.value];
@@ -553,6 +572,7 @@ function checkForPageErrors(errors: ValidateResult['errors'], source: string, ne
 	removePageError(pageIndex);
 
 	if (next && !lastPage.value && source !== 'submit') {
+		resetPageFields(pageIndex);
 		next();
 	}
 }

src/plugin/components/fields/VSFCustom/VSFCustom.vue

@@ -47,6 +47,7 @@ const settings = inject<Ref<Settings>>('settings')!;
 
 const FieldLabelComponent = toRaw(FieldLabel);
 const fieldValidateOn = computed(() => field.value?.validateOn ?? settings.value.validateOn);
+const originalValue = modelValue.value;
 
 
 const $useField = useField(
@@ -61,6 +62,13 @@ const $useField = useField(
 	},
 );
 
+onUnmounted(() => {
+	if (!settings.value.keepValuesOnUnmount) {
+		modelValue.value = originalValue;
+		$useField.setValue(originalValue);
+	}
+});
+
 
 // ------------------------- Validate On Actions //
 async function onActions(action: ValidateAction): Promise<void> {