Merge branch 'master' of https://hel.hand-china.com/easyUI/hls-easy-ui

packages/components/Modal/Modal.vue

 <template>
   <!--<transition :name="transition">-->
-  <div v-show="showModal" :class="active" class="modal-backdrop" @touchstart="hideModal">
+  <div v-show="showModal" :class="active" class="modal-backdrop" @click.capture="hideModal">
     <div class="modal-backdrop-bg"/>
     <div
       :class="[modalClass,transition]"
@@ -77,14 +77,23 @@ export default {
 
     },
     start (e) {
-      e.stopPropagation()
+     // e.stopPropagation()
     },
-    hideModal () {
-      this.state = 3
-      setTimeout(() => {
-        this.state = 0
-        this.showModal = false
-      }, 250)
+    hideModal (e) {
+      if(!e){
+        this.state = 3
+        setTimeout(() => {
+          this.state = 0
+          this.showModal = false
+        }, 250)  
+      }
+      if(e && e.target && e.target.className.indexOf('modal-backdrop') === 0){
+        this.state = 3
+        setTimeout(() => {
+          this.state = 0
+          this.showModal = false
+        }, 250)
+      }
     },
   },
 }