feat:进入横屏多路直播-置空-评论预显示禁止直播间，大家聊不支持下拉刷新

 import { ContentDetailDTO, LiveDetailsBean, LiveRoomItemBean } from 'wdBean/Index'
-import { EmptyComponent, ErrorComponent, WDViewDefaultType } from 'wdComponent/Index'
+import { CustomPullToRefresh, EmptyComponent, ErrorComponent, WDViewDefaultType } from 'wdComponent/Index'
 import CustomRefreshLoadLayout from 'wdComponent/src/main/ets/components/page/CustomRefreshLoadLayout'
 import RefreshLayout from 'wdComponent/src/main/ets/components/page/RefreshLayout'
 import { RefreshLayoutBean } from 'wdComponent/src/main/ets/components/page/RefreshLayoutBean'
@@ -7,8 +7,10 @@ import PageModel from 'wdComponent/src/main/ets/viewmodel/PageModel'
 import { ViewType } from 'wdConstant/Index'
 import { LiveViewModel } from '../../viewModel/LiveViewModel'
 import { TabChatItemComponent } from './TabChatItemComponent'
-import { EmitterEventId, EmitterUtils, Logger } from 'wdKit';
+import { EmitterEventId, EmitterUtils, LazyDataSource, Logger } from 'wdKit';
 import { publishCommentModel } from 'wdComponent/src/main/ets/components/comment/model/PublishCommentModel'
+import { PeopleShipNoMoreData } from 'wdComponent/src/main/ets/components/reusable/PeopleShipNoMoreData'
+import LoadMoreLayout from 'wdComponent/src/main/ets/components/page/LoadMoreLayout'
 
 const TAG: string = 'TabChatComponent';
 
@@ -20,13 +22,15 @@ const TAG: string = 'TabChatComponent';
 export struct TabChatComponent {
   @State private pageModel: PageModel = new PageModel()
   liveViewModel: LiveViewModel = new LiveViewModel()
-  @State liveChatList: Array<LiveRoomItemBean> = []
+  @State liveChatList: LazyDataSource<LiveRoomItemBean> = new LazyDataSource();
+
+ // @State liveList: LazyDataSource<LiveRoomItemBean> = new LazyDataSource();
   @Consume contentDetailData: ContentDetailDTO
   @Consume publishCommentModel: publishCommentModel
   @Prop @Watch("lastInputedCommentChanged") lastInputedComment: LiveRoomItemBean
-
+  private scroller: Scroller = new Scroller()
   aboutToAppear(): void {
-    this.getLiveChatList()
+    this.getLiveList()
 
     //注册通知
     EmitterUtils.receiveEvent(EmitterEventId.COMMENT_PUBLISH, async (targetId?: string) => {
@@ -62,7 +66,20 @@ export struct TabChatComponent {
       } else if (this.pageModel.viewType == ViewType.EMPTY) {
         EmptyComponent({ emptyType: WDViewDefaultType.WDViewDefaultType_NoComment1 })
       } else {
+       // this.ListLayout()
+
+        CustomPullToRefresh({
+          alldata: this.liveChatList,
+          scroller: this.scroller,
+          hasMore: false,
+          customList: () => {
             this.ListLayout()
+          },
+          onRefresh: (resolve) => {
+            this.pageModel.currentPage = 1
+            this.getLiveList(resolve)
+          },
+        })
       }
     }
     .align(Alignment.Top)
@@ -73,33 +90,34 @@ export struct TabChatComponent {
 
   @Builder
   ListLayout() {
-    List() {
-      ListItem() {
-        // 下拉刷新 TODO 待对接新的下拉刷新组件
-        // RefreshLayout({
-        //   refreshBean: new RefreshLayoutBean(this.pageModel.isVisiblePullDown, this.pageModel.pullDownRefreshImage,
-        //     this.pageModel.pullDownRefreshText, this.pageModel.pullDownRefreshHeight)
-        // })
-      }
+    List({ scroller: this.scroller }) {
 
-      ForEach(this.liveChatList, (item: LiveRoomItemBean) => {
+      LazyForEach(this.liveChatList, (item: LiveRoomItemBean) => {
         ListItem() {
           TabChatItemComponent({ item: item })
         }
-      })
+      },
+        (item: LiveRoomItemBean, contentIndex: number) => JSON.stringify(item)
+      )
       // 加载更多
-      // ListItem() {
-      //   if (this.pageModel.hasMore) {
-      //     LoadMoreLayout({
-      //       refreshBean: new RefreshLayoutBean(this.pageModel.isVisiblePullUpLoad, this.pageModel.pullUpLoadImage,
-      //         this.pageModel.pullUpLoadText, this.pageModel.pullUpLoadHeight)
-      //     })
-      //   } else {
-      //     ListHasNoMoreDataUI()
-      //   }
-      // }
+      ListItem() {
+        if (this.pageModel.hasMore && this.liveChatList && this.liveChatList.totalCount() > 0) {
+          LoadMoreLayout({ isVisible: this.pageModel.hasMore })
+        } else if (!this.pageModel.hasMore && !this.pageModel.isLoading) {
+          PeopleShipNoMoreData()
         }
       }
+    } .edgeEffect(EdgeEffect.None)
+    .scrollBar(BarState.Off)
+    .onReachEnd(() => {
+      Logger.debug(TAG, "触底了");
+      if (!this.pageModel.isLoading && this.pageModel.hasMore) {
+        //加载分页数据
+        //this.currentPage++;
+        this.getLiveList()
+      }
+    })
+  }
 
   @Builder
   LoadingLayout() {
@@ -109,7 +127,16 @@ export struct TabChatComponent {
     })
   }
 
-  getLiveChatList() {
+  async getLiveList(resolve?: (value: string | PromiseLike<string>) => void) {
+
+    if (this.pageModel.isLoading) {
+
+      if (resolve) {
+        resolve('已更新至最新')
+      }
+      return
+    }
+    this.pageModel.isLoading = true
     this.pageModel.currentPage = 1
     this.liveViewModel.getLiveChatList(
       this.pageModel.currentPage,
@@ -118,6 +145,17 @@ export struct TabChatComponent {
       20,)
       .then(
         (data) => {
+          this.pageModel.isLoading = false
+          if (resolve) {
+            if (this.pageModel.currentPage == 1) {
+              resolve('已更新至最新')
+            } else {
+              resolve('')
+            }
+          }
+          if(this.pageModel.currentPage ===1){
+            this.liveChatList.clear()
+          }
           Logger.debug(TAG, `${JSON.stringify(data)}`)
           if (data.barrageResponses && data.barrageResponses.length > 0) {
             this.pageModel.viewType = ViewType.LOADED;