feat: add validateOnValueUpdate option

nozomuikuta · Jan 5, 2024 · b95530b · b95530b
1 parent 2cf3610
commit b95530b
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/packages/vue-v8n/src/composables/useV7d.ts b/packages/vue-v8n/src/composables/useV7d.ts
@@ -6,7 +6,8 @@ export function useV7d<T>(value: T, rules: MaybeRefOrGetter<RuleDefinition[]>, o
   const {
     immediate = false,
     touchOnFocus = true,
-    validateOnBlur = true
+    validateOnBlur = true,
+    validateOnValueUpdate = true
   } = options || {}
 
   const $el = ref<EventTarget>()
@@ -23,7 +24,9 @@ export function useV7d<T>(value: T, rules: MaybeRefOrGetter<RuleDefinition[]>, o
     }, { immediate: true })
   }
 
-  watch(_value, $validate, { immediate })
+  if (validateOnValueUpdate) {
+    watch(_value, $validate, { immediate })
+  }
 
   watch(_rules, $validate)
 

diff --git a/packages/vue-v8n/src/types.ts b/packages/vue-v8n/src/types.ts
@@ -16,6 +16,7 @@ export interface UseV7dOptions {
   immediate?: boolean
   touchOnFocus?: boolean
   validateOnBlur?: boolean
+  validateOnValueUpdate?: boolean
 }
 
 export interface VueV8nOptions {}

diff --git a/playground/src/App.vue b/playground/src/App.vue
@@ -37,7 +37,8 @@ const noEventListeningNameRuleOptions = ref([
 ])
 const noEventListeningName = useV7d('', computed(() => noEventListeningNameRuleOptions.value.flatMap(({ selected, rule }) => selected ? [rule] : [])), {
   touchOnFocus: false,
-  validateOnBlur: false
+  validateOnBlur: false,
+  validateOnValueUpdate: false,
 })
 
 watch(noEventListeningNameRuleOptions, () => validatedValues.noEventListeningName = noEventListeningName.$validate(), { deep: true })