From 58e9066d4eb8acb4cfb49ff7960e1a174153b465 Mon Sep 17 00:00:00 2001
From: Tevin <tingquanren@163.com>
Date: Tue, 23 Feb 2021 11:19:21 +0800
Subject: [PATCH] 修复导航的行高和垂直居中对齐的问题

---
 forms/form/CForm.vue |   59 +++++++++++++++++++++++++++++++++++++++++++++++++----------
 1 files changed, 49 insertions(+), 10 deletions(-)

diff --git a/forms/form/CForm.vue b/forms/form/CForm.vue
index a13df65..e50dd75 100644
--- a/forms/form/CForm.vue
+++ b/forms/form/CForm.vue
@@ -8,7 +8,7 @@
         class="c-form"
         @submit="evt=>handleSubmit()"
     >
-        <slot :formData="formData" />
+        <slot :formRes="formRes" />
     </form>
 </template>
 
@@ -25,17 +25,25 @@
     },
     data() {
         return {
+            formRes: {
+                formData: this.formData,
+            },
             validators: {},
         };
     },
     methods: {
         handleSubmit() {
             const checklist = [];
-            Object.keys(this.validators).forEach((key) => {
-                checklist.push(this.validators[key]());
+            // 所有项验证
+            Object.keys(this.validators).forEach(key => {
+                // 仍有效的验证器
+                if (this.validators[key]) {
+                    checklist.push(this.validators[key]());
+                }
             });
-            Promise.all(checklist).then((validations) => {
+            Promise.all(checklist).then(validations => {
                 for (let validation of validations) {
+                    // 第一个不通过项提示
                     if (!validation.passed) {
                         Taro.showToast({
                             title: validation.msg,
@@ -50,19 +58,50 @@
                 this.onFinish && this.onFinish();
             });
         },
+        preCheckValidators(keys, callback) {
+            const checklist = [];
+            // 从选定的项中验证
+            keys.forEach(key => {
+                // 效的验证器
+                if (this.validators[key]) {
+                    checklist.push(this.validators[key]('msgOnly'));
+                }
+            });
+            Promise.all(checklist).then(validations => {
+                for (let validation of validations) {
+                    // 第一个不通过项提示
+                    if (!validation.passed) {
+                        Taro.showToast({
+                            title: validation.msg,
+                            icon: 'none',
+                            mask: false,
+                            duration: 2000,
+                        });
+                        // 检查失败
+                        callback && callback(false);
+                        return;
+                    }
+                }
+                // 所有检查通过
+                callback && callback(true);
+            });
+        },
     },
     mounted() {
-        this.formData.$handleChange = (evt = []) => {
-            Object.keys(evt).forEach((key) => {
-                if (typeof this.formData[key] === 'undefined') {
-                    this.$set(this.formData, key, evt[key]);
+        // 当表单项变化时
+        this.formRes.$handleChange = (evt = []) => {
+            Object.keys(evt).forEach(key => {
+                // 直接改值
+                if (typeof this.formRes.formData[key] === 'undefined') {
+                    this.$set(this.formRes.formData, key, evt[key]);
                 } else {
-                    this.formData[key] = evt[key];
+                    this.formRes.formData[key] = evt[key];
                 }
             });
             this.onChange && this.onChange(evt);
         };
-        this.formData.$regItemValidator = (name, cb) => {
+        // 注册表单验证器
+        this.formRes.$regItemValidator = (name, cb) => {
             this.validators[name] = cb;
         };
     },

--
Gitblit v1.9.1