[new feature] NoticeBar: add close event (#2692)

packages/notice-bar/en-US.md

@@ -54,4 +54,5 @@ Vue.use(NoticeBar);
 
 | Event | Description | Arguments |
 |------|------|------|
-| click | Triggered when click notice bar | - |
+| click | Triggered when click NoticeBar | - |
+| click | Triggered when closed | - |

packages/notice-bar/index.js

@@ -60,7 +60,10 @@ export default sfc({
 
   methods: {
     onClickIcon() {
-      this.showNoticeBar = this.mode !== 'closeable';
+      if (this.mode === 'closeable') {
+        this.showNoticeBar = false;
+        this.$emit('close');
+      }
     },
 
     onAnimationEnd() {

packages/notice-bar/test/index.spec.js

@@ -0,0 +1,14 @@
+import NoticeBar from '..';
+import { mount } from '../../../test/utils';
+
+test('close event', () => {
+  const wrapper = mount(NoticeBar, {
+    propsData: {
+      mode: 'closeable'
+    }
+  });
+  const close = wrapper.find('.van-notice-bar__right-icon');
+
+  close.trigger('click');
+  expect(wrapper.emitted('close')).toBeTruthy();
+});

packages/notice-bar/zh-CN.md

@@ -58,4 +58,5 @@ Vue.use(NoticeBar);
 
 | 事件名 | 说明 | 参数 |
 |------|------|------|
-| click | 点击事件回调 | - |
+| click | 点击时触发 | - |
+| close | 关闭时触发 | - |