[bugfix] NoticeBar: can't use stop modifier on click event (#3778)

src/notice-bar/README.md

@@ -79,8 +79,8 @@ Vue.use(NoticeBar);
 
 | Event | Description | Arguments |
 |------|------|------|
-| click | Triggered when click NoticeBar | - |
-| close | Triggered when closed | - |
+| click | Triggered when click NoticeBar | event: Event |
+| close | Triggered when closed | event: Event |
 
 ### Slots
 

src/notice-bar/README.zh-CN.md

@@ -87,8 +87,8 @@ Vue.use(NoticeBar);
 
 | 事件名 | 说明 | 回调参数 |
 |------|------|------|
-| click | 点击通知栏时触发 | - |
-| close | 关闭通知栏时触发 | - |
+| click | 点击通知栏时触发 | event: Event |
+| close | 关闭通知栏时触发 | event: Event |
 
 ### Slots
 

src/notice-bar/index.js

@@ -60,10 +60,10 @@ export default createComponent({
   },
 
   methods: {
-    onClickIcon() {
+    onClickIcon(event) {
       if (this.mode === 'closeable') {
         this.showNoticeBar = false;
-        this.$emit('close');
+        this.$emit('close', event);
       }
     },
 
@@ -121,8 +121,8 @@ export default createComponent({
         vShow={this.showNoticeBar}
         class={bem({ wrapable: this.wrapable })}
         style={barStyle}
-        onClick={() => {
-          this.$emit('click');
+        onClick={event => {
+          this.$emit('click', event);
         }}
       >
         {LeftIcon()}

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

@@ -1,6 +1,13 @@
 import NoticeBar from '..';
 import { mount } from '../../../test/utils';
 
+test('click event', () => {
+  const wrapper = mount(NoticeBar);
+
+  wrapper.trigger('click');
+  expect(wrapper.emitted('click')[0][0]).toBeTruthy();
+});
+
 test('close event', () => {
   const wrapper = mount(NoticeBar, {
     propsData: {
@@ -10,7 +17,7 @@ test('close event', () => {
   const close = wrapper.find('.van-notice-bar__right-icon');
 
   close.trigger('click');
-  expect(wrapper.emitted('close')).toBeTruthy();
+  expect(wrapper.emitted('close')[0][0]).toBeTruthy();
 });
 
 test('icon slot', () => {