actionsheet: Support event: on-click-mask (Close #1496)

airyland · Jun 1, 2017 · f5f278e · f5f278e
1 parent 529448e
commit f5f278e
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 1 deletion.
diff --git a/src/components/actionsheet/index.vue b/src/components/actionsheet/index.vue
@@ -61,6 +61,7 @@ export default {
       }
     },
     onClickingMask () {
+      this.$emit('on-click-mask')
       this.closeOnClickingMask && (this.show = false)
     },
     emitEvent (event, menu, shouldClose = true) {

diff --git a/src/components/actionsheet/metas.yml b/src/components/actionsheet/metas.yml
@@ -115,7 +115,16 @@ events:
   on-click-menu-cancel:
     en: triggers when clicking on the cancel menu
     zh-CN: 点击取消菜单时触发
+  on-click-mask:
+    version: next
+    en: triggers when clicking on mask
+    zh-CN: 点击遮罩时触发
 changes:
+  next:
+    en:
+      - '[feature] Support event: on-click-mask #1496'
+    zh-CN:
+      - '[feature] 支持遮罩点击事件 on-click-mask #1496'
   v2.2.0:
     en:
       - '[enhance] Donot update handel z-index in Safari when using v-transfer-dom'

diff --git a/src/demos/Actionsheet.vue b/src/demos/Actionsheet.vue
@@ -11,7 +11,7 @@
       <x-switch :title="$t('Basic Usage')" v-model="show4"></x-switch>
     </group>
 
-    <actionsheet v-model="show4" :menus="menus1" :close-on-clicking-mask="false" show-cancel></actionsheet>
+    <actionsheet v-model="show4" :menus="menus1" :close-on-clicking-mask="false" show-cancel @on-click-mask="console('on click mask')"></actionsheet>
 
     <actionsheet v-model="show1" :menus="menus1" @on-click-menu="click"></actionsheet>
 
@@ -99,6 +99,9 @@ export default {
     }
   },
   methods: {
+    console (msg) {
+      console.log(msg)
+    },
     click (key) {
       console.log(key)
     },