library: Optimize PullToRefresh component

Author: YuKongA

composeApp/src/commonMain/kotlin/SecondPage.kt

@@ -34,7 +34,7 @@ fun SecondPage(
     LaunchedEffect(pullToRefreshState.isRefreshing) {
         if (pullToRefreshState.isRefreshing) {
             isRefreshing = true
-            delay(100)
+            delay(300)
             pullToRefreshState.completeRefreshing {
                 isRefreshing = false
             }

composeApp/src/commonMain/kotlin/component/OtherComponent.kt

@@ -43,8 +43,7 @@ fun OtherComponent(padding: PaddingValues) {
     var text3 by remember { mutableStateOf("") }
     var progress by remember { mutableStateOf(0.5f) }
     val progressDisable by remember { mutableStateOf(0.5f) }
-    val tabTexts =
-        listOf("tab1", "tab2", "tab3", "tab4", "tab5", "tab6", "tab7", "tab8", "tab9", "tab10")
+    val tabTexts = listOf("tab1", "tab2", "tab3", "tab4", "tab5", "tab6")
     var selectedTabIndex1 by remember { mutableStateOf(0) }
 
     SmallTitle(text = "Button")
@@ -194,6 +193,4 @@ fun OtherComponent(padding: PaddingValues) {
             style = MiuixTheme.textStyles.paragraph
         )
     }
-
-
 }

miuix/src/commonMain/kotlin/top/yukonga/miuix/kmp/basic/PullToRefresh.kt

@@ -189,7 +189,7 @@ fun RefreshHeader(
             RefreshState.Pulling -> circleSize * pullProgress
             RefreshState.ThresholdReached -> circleSize + (dragOffset - thresholdOffset).toDp()
             RefreshState.Refreshing -> circleSize
-            RefreshState.RefreshComplete -> circleSize
+            RefreshState.RefreshComplete -> circleSize.coerceIn(0.dp, circleSize - circleSize * refreshCompleteAnimProgress)
         }.coerceAtMost(maxDrag.toDp())
     }
 
@@ -198,14 +198,12 @@ fun RefreshHeader(
         horizontalAlignment = Alignment.CenterHorizontally
     ) {
         RefreshContent(
-            modifier = Modifier
-                .height(headerHeight)
-                .padding(top = 6.dp),
+            modifier = Modifier.height(headerHeight),
             circleSize = circleSize
         ) {
-            val ringStrokeWidthPx = circleSize.toPx() / 10
+            val ringStrokeWidthPx = circleSize.toPx() / 11
             val indicatorRadiusPx = size.minDimension / 2
-            val center = Offset(size.width / 2, size.height / 2)
+            val center = Offset(size.width / 2, size.height / 1.8f)
 
             when (pullToRefreshState.refreshState) {
                 RefreshState.Idle -> return@RefreshContent
@@ -251,15 +249,15 @@ fun RefreshHeader(
         }
 
         AnimatedVisibility(
-            visible = pullToRefreshState.refreshState != RefreshState.Idle
+            visible = pullProgress >= 0.5f
+                    && pullToRefreshState.refreshState != RefreshState.Idle
+                    && pullToRefreshState.refreshState != RefreshState.RefreshComplete
         ) {
             Text(
                 text = refreshText,
                 style = refreshTextStyle,
                 color = color,
-                modifier = Modifier
-                    .padding(top = 12.dp)
-                    .alpha(textAlpha)
+                modifier = Modifier.alpha(textAlpha).padding(top = 6.dp)
             )
         }
     }