update to run blur,change,input only if set

Author: webdevnerdstuff

src/plugin/components/fields/CommonField/CommonField.vue

@@ -7,9 +7,9 @@
 		:error="hasErrors"
 		:error-messages="errorMessage || field.errorMessages"
 		:items="fieldItems"
-		@blur="onActions('blur')"
-		@change="onActions('change')"
-		@input="onActions('input')"
+		@blur="fieldValidateOn === 'blur' ? onActions('blur') : undefined"
+		@change="fieldValidateOn === 'change' ? onActions('change') : undefined"
+		@input="fieldValidateOn === 'input' ? onActions('input') : undefined"
 	>
 		<template #label>
 			<FieldLabel
@@ -43,7 +43,6 @@ const fieldRequired = computed<FieldLabelProps['required']>(() => {
 const fieldValidateOn = computed(() => field.value?.validateOn ?? settings.value.validateOn);
 const originalValue = modelValue.value;
 
-
 const { errorMessage, setValue, validate, value } = useField(
 	field.value.name,
 	undefined,

src/plugin/components/fields/VSFCheckbox/VSFCheckbox.vue

@@ -8,10 +8,10 @@
 		:disabled="isValidating"
 		:error="errorMessage ? errorMessage?.length > 0 : false"
 		:error-messages="errorMessage"
-		@blur="onActions('blur')"
-		@change="onActions('change')"
+		@blur="fieldValidateOn === 'blur' ? onActions('blur') : undefined"
+		@change="fieldValidateOn === 'change' ? onActions('change') : undefined"
 		@click="fieldValidateOn === 'blur' || fieldValidateOn === 'change' ? onActions('click') : undefined"
-		@input="onActions('input')"
+		@input="fieldValidateOn === 'input' ? onActions('input') : undefined"
 	>
 		<template #label>
 			<FieldLabel

src/plugin/components/fields/VSFRadio/VSFRadio.vue

@@ -62,10 +62,10 @@
 							:style="radioStyle"
 							:true-value="option.value || field.trueValue"
 							:value="option.value"
-							@blur="onActions('blur', option.value)"
-							@change="onActions('change', option.value)"
+							@blur="fieldValidateOn === 'blur' ? onActions('blur', option.value) : undefined"
+							@change="fieldValidateOn === 'change' ? onActions('change', option.value) : undefined"
 							@click="fieldValidateOn === 'blur' || fieldValidateOn === 'change' ? onActions('click', option.value) : undefined"
-							@input="onActions('input', option.value)"
+							@input="fieldValidateOn === 'input' ? onActions('input', option.value) : undefined"
 						>
 						</v-radio>
 					</div>

src/plugin/components/fields/VSFSwitch/VSFSwitch.vue

@@ -19,10 +19,10 @@
 			:disabled="isValidating"
 			:error="props.errorMessage ? props.errorMessage?.length > 0 : false"
 			:error-messages="props.errorMessage"
-			@blur="onActions((props.validate as ValidateFieldResult), 'blur')"
-			@change="onActions((props.validate as ValidateFieldResult), 'change')"
+			@blur="fieldValidateOn === 'blur' ? onActions((props.validate as ValidateFieldResult), 'blur') : undefined"
+			@change="fieldValidateOn === 'change' ? onActions((props.validate as ValidateFieldResult), 'change') : undefined"
 			@click="fieldValidateOn === 'blur' || fieldValidateOn === 'change' ? onActions(props.validate, 'click') : undefined"
-			@input="onActions((props.validate as ValidateFieldResult), 'input')"
+			@input="fieldValidateOn === 'input' ? onActions((props.validate as ValidateFieldResult), 'input') : undefined"
 		>
 			<template #label>
 				<FieldLabel