fix(form): should sync validator value when submit

Author: dolymood

src/components/form/form-item.vue

@@ -151,9 +151,7 @@
         }
         if ((!debounceTime && debounceTime !== 0) || debounceTime < 0 || this.fieldValue.trigger === 'blur') return
         this.getValidatorModel = debounce((modelValue) => {
-          this.pending = false
-          this.validatorModel[this.validatorModelKey] = modelValue
-          this.form.updatePending()
+          this.syncValidatorValue()
           this.validate()
           return modelValue
         }, debounceTime, false, this.validatorModel[this.validatorModelKey])
@@ -195,6 +193,11 @@
           this.originValid = undefined
         }
       },
+      syncValidatorValue() {
+        this.pending = false
+        this.validatorModel[this.validatorModelKey] = this.modelValue
+        this.form.updatePending()
+      },
       validatorChangeHandler() {
         // disabled or true to true no update validity
         if (this.validatorDisabled || (this.originValid && this.lastOriginValid)) {

src/components/form/form.vue

@@ -124,6 +124,8 @@
         dispatchEvent(this.$refs.form, 'reset')
       },
       submitHandler(e) {
+        // sync all fields value because trigger: blur
+        this.syncValidatorValues()
         if (this.skipValidate) {
           this.$emit(EVENT_SUBMIT, e, this.model)
           return
@@ -169,6 +171,11 @@
         this.setValidating()
         this.setPending()
       },
+      syncValidatorValues() {
+        this.fields.forEach((fieldComponent) => {
+          fieldComponent.syncValidatorValue()
+        })
+      },
       validate(cb) {
         const promise = cb2PromiseWithResolve(cb)
         if (promise) {