侧滑删除功能的列表有哪些？

@Entry 
@Component 
struct Page { 
  @State userSelect: Array<connection> = [ 
    new connection($r('app.media.icon'), '小明', '我还没出门'), 
    new connection($r('app.media.icon'), '李华', '早上下雨了')] 
  
  @Builder itemEnd(index: number) { 
    // 侧滑后尾端出现的组件 
    Button({ type: ButtonType.Circle }) { 
      Image($r('app.media.icon')) 
        .width(40) 
        .height(40) 
    }.height(60).backgroundColor(Color.White) 
    .onClick(() => { 
      this.userSelect.splice(index, 1); 
    }) 
  } 
  
  build() { 
    Row() { 
      Column() { 
        List() { 
          ForEach(this.userSelect, (item: connection,index:number) => { 
            ListItem() { 
              Row({ space: 10 }) { 
                Badge({ 
                  count: 1, 
                  position: BadgePosition.RightTop, 
                  style: { badgeSize: 20, badgeColor: '#FA2A2D' } 
                }){ 
                  Image(item.uImage).height(60).borderRadius(10) 
                } 
                Column() { 
                  Column() { 
                    Text(item.name).fontSize(22) 
                  }.width('100%').alignItems(HorizontalAlign.Start) 
  
                  Column() { 
                    Text(item.msg).fontColor('#D3D3D3') 
                  }.height(30).width('100%') 
                  .alignItems(HorizontalAlign.Start) 
                  .justifyContent(FlexAlign.End) 
                } 
                .width('70%') 
                // .backgroundColor(Color.Brown) 
              }.border({ width: { bottom: 1 }, color: '#C0C0C0' }) 
              .width('100%') 
              .height(80) 
              .padding({ left: 10 }) 
            }.swipeAction({ end: this.itemEnd(index) }) 
          }) 
        } 
      } 
      .width('100%') 
    } 
    .height('100%') 
  } 
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.