From ae2031aea1479b75e914162901c2870f3d96b6e6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=A2=81=E7=81=8F?= <admin@aresn.com>
Date: Thu, 5 Sep 2019 14:22:07 +0800
Subject: [PATCH] Switch add new prop: beforeChange

---
 examples/routers/switch.vue      | 16 +++++++++++++++-
 src/components/switch/switch.vue | 30 +++++++++++++++++++++++-------
 2 files changed, 38 insertions(+), 8 deletions(-)

diff --git a/examples/routers/switch.vue b/examples/routers/switch.vue
index a37ef116..dfc4fe93 100644
--- a/examples/routers/switch.vue
+++ b/examples/routers/switch.vue
@@ -1,6 +1,6 @@
 <template>
     <div>
-        <i-switch v-model="m1" :loading="loading">
+        <i-switch v-model="m1" :loading="loading" @on-change="change" :before-change="beforeChange">
             <span slot="open">开</span>
             <span slot="close">关</span>
         </i-switch>
@@ -49,6 +49,20 @@
         methods: {
             change (status) {
                 console.log(status)
+            },
+            beforeChange () {
+                return new Promise((resolve, reject) => {
+                    this.$Modal.confirm({
+                        title: '切换确认',
+                        content: '您确认要切换开关状态吗？',
+                        onOk: () => {
+                            resolve();
+                        },
+                        onCancel: () => {
+                            reject();
+                        }
+                    });
+                });
             }
         }
     }
diff --git a/src/components/switch/switch.vue b/src/components/switch/switch.vue
index 7ceca8f7..17ed9197 100644
--- a/src/components/switch/switch.vue
+++ b/src/components/switch/switch.vue
@@ -59,7 +59,8 @@
             },
             falseColor: {
                 type: String
-            }
+            },
+            beforeChange: Function
         },
         data () {
             return {
@@ -96,18 +97,33 @@
             }
         },
         methods: {
-            toggle (event) {
-                event.preventDefault();
-                if (this.disabled || this.loading) {
-                    return false;
-                }
-
+            handleToggle () {
                 const checked = this.currentValue === this.trueValue ? this.falseValue : this.trueValue;
 
                 this.currentValue = checked;
                 this.$emit('input', checked);
                 this.$emit('on-change', checked);
                 this.dispatch('FormItem', 'on-form-change', checked);
+            },
+            toggle (event) {
+                event.preventDefault();
+                if (this.disabled || this.loading) {
+                    return false;
+                }
+
+                if (!this.beforeChange) {
+                    return this.handleToggle();
+                }
+
+                const before = this.beforeChange();
+
+                if (before && before.then) {
+                    before.then(() => {
+                        this.handleToggle();
+                    });
+                } else {
+                    this.handleToggle();
+                }
             }
         },
         watch: {