feat(notice-bar): enable event change

src/notice-bar/README.en-US.md

@@ -22,6 +22,7 @@ default-visible | Boolean | false | uncontrolled property | N
 name | params | description
 -- | -- | --
 click | `(trigger: NoticeBarTrigger)` | [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/notice-bar/type.ts)。<br/>`type NoticeBarTrigger = 'prefix-icon' \| 'content' \| 'operation' \| 'suffix-icon';`<br/>
+change | `(current: number, source: '' \| 'autoplay' \| 'touch')` | `direction="vertical"`
 
 
 ### CSS Variables

src/notice-bar/README.md

@@ -86,6 +86,7 @@ default-visible | Boolean | false | 显示/隐藏。非受控属性 | N
 名称 | 参数 | 描述
 -- | -- | --
 click | `(trigger: NoticeBarTrigger)` | 点击事件。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/notice-bar/type.ts)。<br/>`type NoticeBarTrigger = 'prefix-icon' \| 'content' \| 'operation' \| 'suffix-icon';`<br/>
+change | `(current: number, source: '' \| 'autoplay' \| 'touch')` | 当 `direction="vertical"` 时轮播切换时触发
 
 ### NoticeBar 外部样式类
 类名 | 说明

src/notice-bar/notice-bar.ts

@@ -182,6 +182,11 @@ export default class NoticeBar extends SuperComponent {
       });
     },
 
+    onChange(e: WechatMiniprogram.SwiperChange) {
+      const { current, source } = e.detail;
+      this.triggerEvent('change', { current, source });
+    },
+
     clickPrefixIcon() {
       this.triggerEvent('click', { trigger: 'prefix-icon' });
     },

src/notice-bar/notice-bar.wxml

@@ -27,6 +27,7 @@
         interval="{{interval}}"
         display-multiple-items="1"
         class="{{classPrefix}}__content--vertical"
+        bindchange="onChange"
       >
         <block wx:for="{{content}}" wx:key="index">
           <swiper-item>