feat(AvatarGroup): add collapsed-item-click event

src/avatar-group/avatar-group.ts

@@ -74,5 +74,9 @@ export default class AvatarGroup extends SuperComponent {
         child.hide();
       });
     },
+
+    onCollapsedItemClick(e: WechatMiniprogram.CustomEvent) {
+      this.triggerEvent('collapsed-item-click', e.detail);
+    },
   };
 }

src/avatar-group/avatar-group.wxml

@@ -7,7 +7,7 @@
     <slot name="collapse-avatar" />
   </view>
   <!-- 默认折叠元素 -->
-  <view class="{{classPrefix}}__collapse--default" wx:if="{{max && (max < length)}}">
+  <view class="{{classPrefix}}__collapse--default" wx:if="{{max && (max < length)}}" bindtap="onCollapsedItemClick">
     <t-avatar
       t-class-image="{{prefix}}-avatar--border {{prefix}}-avatar--border-{{size}} {{prefix}}-class-image"
       t-class-content="{{prefix}}-class-content"

src/avatar/__test__/__snapshots__/demo.test.js.snap

@@ -5,6 +5,7 @@ exports[`Avatar Avatar action demo works fine 1`] = `
   <t-avatar-group
     cascading="right-up"
     max="5"
+    bind:collapsed-item-click="onClickCollapsedAvatar"
   >
     <t-avatar
       image="https://tdesign.gtimg.com/mobile/demos/avatar1.png"

src/avatar/_example/action/index.js

@@ -14,5 +14,8 @@ Component({
     onAddTap() {
       wx.showToast({ title: '您按下了添加', icon: 'none', duration: 1000 });
     },
+    onClickCollapsedAvatar() {
+      console.log('click collapsed avatar');
+    },
   },
 });

src/avatar/_example/action/index.wxml

@@ -1,3 +1,3 @@
-<t-avatar-group cascading="right-up" max="5">
+<t-avatar-group cascading="right-up" max="5" bind:collapsed-item-click="onClickCollapsedAvatar">
   <t-avatar wx:for="{{pics}}" wx:for-item="pic" wx:key="index" image="{{pic}}" />
 </t-avatar-group>