From c76be010962baf3e318d1cc3e76eb3128bdcc8de Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BE=90=E5=8B=A4=E6=B0=91?= <xuqinmin@bjca.org.cn>
Date: Wed, 23 Oct 2024 16:03:00 +0800
Subject: [PATCH] =?UTF-8?q?=E8=87=AA=E5=8A=A8=E7=AD=BE=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/main/ets/view/RefreshView.ets | 89 +++++++++++++++++++------------
 1 file changed, 54 insertions(+), 35 deletions(-)

diff --git a/src/main/ets/view/RefreshView.ets b/src/main/ets/view/RefreshView.ets
index 7d72f54..1600338 100644
--- a/src/main/ets/view/RefreshView.ets
+++ b/src/main/ets/view/RefreshView.ets
@@ -5,57 +5,76 @@ type ItemType = (string | number | Object)
 @Preview
 @Component
 export struct RefreshView {
-  @Prop isLoading: boolean
-  @Prop data: ItemType[]
-  loadMore(){}
-  refresh(){}
+  @Link isLoading: boolean
+  @Prop data: Array<object>
+  onLoadMore?: () => void
+  onRefresh?: () => void
+  private startY: number = 0
+  private endY: number = 0
+  private lastNum: number = 0
+  private _openMore: boolean = false
 
   aboutToAppear(): void {
-    this.refresh()
+    // this.onRefresh && this.onRefresh()
   }
 
   // 使用父组件@Builder装饰的方法初始化子组件@BuilderParam
-  @BuilderParam customBuilderParam: (item:string) => void
+  @BuilderParam customBuilderParam: (item: ESObject, index: number) => void
 
   build() {
 
     Refresh({ refreshing: $$this.isLoading }) {
-      List() {
-        ForEach(this.data ?? [], (item: string) => {
-          ListItem() {
-            this.customBuilderParam(item)
+      if (this.data && this.data.length > 0) {
+        List() {
+          ForEach(this.data ?? [], (item: ESObject, index: number) => {
+            ListItem() {
+              this.customBuilderParam(item, index)
+            }
+          }, (index: number) => index.toString())
+        }
+        .onTouch((event: TouchEvent) => {
+          const e1 = event.touches[0]
+          switch (event.type) {
+            case TouchType.Down:
+              this._openMore = this.data && this.lastNum >= this.data.length && !this.isLoading
+              this.startY = e1.y
+              break
+          // case TouchType.Move:
+          //   this.endY = e1.y
+          //   if (this.endY - this.startY < -100) {
+          //     this.loadMore&&this.loadMore()
+          //   }
+          // break
+            case TouchType.Up:
+              this.endY = e1.y
+              if (this.endY - this.startY < -100 && this._openMore) {
+                this.onLoadMore && this.onLoadMore()
+              }
+              break
           }
-          .backgroundColor('blue')
-        }, (index: number) => index.toString())
+        })
+        .onScrollIndex((first: number, last: number) => {
+          this.lastNum = last
+        })
+        .width('100%')
+        .height('100%')
+        .alignListItem(ListItemAlign.Center)
+        .scrollBar(BarState.Off)
+      } else {
+        Text('暂无数据')
+          .width('100%')
+          .height('100%')
+          .textAlign(TextAlign.Center)
+        
       }
-      .onScrollStart(() => {
-        ToolsHelper.log('onScrollStart')
-      })
-      .onScrollStop(() => {
-        ToolsHelper.log('onScrollStop')
-      })
-      .onTouch((event: TouchEvent) => {
-        const e1 = event.touches[0]
-        ToolsHelper.log(`onTouch ${event.type}-${e1.x.toString()}-${e1.y.toString()}`)
-      })
-      .onScrollIndex((first: number, last: number) => {
-        ToolsHelper.log(`${first.toString()}-${last.toString()}`)
-      })
-      .width('100%')
-      .height('100%')
-      .alignListItem(ListItemAlign.Center)
-      .scrollBar(BarState.Off)
-    }.width('100%')
-    .backgroundColor('red')
+    }
+    .width('100%')
     .height('100%')
     .onStateChange((refreshStatus: RefreshStatus) => {
       ToolsHelper.log('Refresh onStatueChange state is ' + refreshStatus)
     })
     .onRefreshing(() => {
-      setTimeout(() => {
-        this.isLoading = false
-      }, 2000)
-      ToolsHelper.log('onRefreshing test')
+      this.onRefresh && this.onRefresh()
     })
   }
 }
\ No newline at end of file