[new feature] Popup: add click event

docs/markdown/v2-progress-tracking.md

@@ -53,6 +53,10 @@
 
 - 新增`Skeleton`骨架屏组件
 
+### Popup
+
+- 新增`click`事件
+
 ### Loading
 
 - 新增`default`插槽

packages/popup/en-US.md

@@ -54,6 +54,7 @@ Use `position` prop to set popup display position
 
 | Event | Description | Arguments |
 |------|------|------|
+| click | Triggered when click Popup | - |
 | open | Triggered when open Popup | - |
 | opened | Triggered when opened Popup | - |
 | close | Triggered when close Popup | - |

packages/popup/index.js

@@ -25,7 +25,7 @@ export default sfc({
     }
 
     const { position } = this;
-    const emit = event => () => this.$emit(event);
+    const emit = eventName => event => this.$emit(eventName, event);
     const transitionName = this.transition || (position ? `van-popup-slide-${position}` : 'van-fade');
 
     return (
@@ -34,7 +34,7 @@ export default sfc({
         onAfterEnter={emit('opened')}
         onAfterLeave={emit('closed')}
       >
-        <div vShow={this.value} class={bem({ [position]: position })}>
+        <div vShow={this.value} class={bem({ [position]: position })} onClick={emit('click')}>
           {this.slots()}
         </div>
       </transition>

packages/popup/test/index.spec.js

@@ -171,10 +171,21 @@ test('close on click modal', () => {
   expect(wrapper.vm.value).toBeFalsy();
 });
 
-test('oepn & close event', () => {
-  wrapper = mount(Popup);
+test('open & close event', () => {
+  const wrapper = mount(Popup);
   wrapper.vm.value = true;
   expect(wrapper.emitted('open')).toBeTruthy();
   wrapper.vm.value = false;
   expect(wrapper.emitted('close')).toBeTruthy();
 });
+
+test('click event', () => {
+  const wrapper = mount(Popup, {
+    propsData: {
+      value: true
+    }
+  });
+
+  wrapper.trigger('click');
+  expect(wrapper.emitted('click')).toBeTruthy();
+});

packages/popup/zh-CN.md

@@ -54,6 +54,7 @@ export default {
 
 | 事件名 | 说明 | 回调参数 |
 |------|------|------|
+| click | 点击弹出层时触发 | - |
 | open | 打开弹出层时触发 | - |
 | opened | 打开弹出层且动画结束后触发 | - |
 | close | 关闭弹出层时触发 | - |