library: Add PullToRefresh component

* Useful for touch screen devices, but not for keyboard and mouse devices.
* This component example is used in the Dropdown page

Co-Authored-By: Mocha <[email protected]>

Author: YuKongA

composeApp/src/commonMain/kotlin/SecondPage.kt

@@ -1,41 +1,73 @@
 import androidx.compose.foundation.layout.PaddingValues
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.height
 import androidx.compose.foundation.layout.padding
 import androidx.compose.runtime.Composable
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.getValue
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.unit.dp
+import kotlinx.coroutines.delay
 import top.yukonga.miuix.kmp.basic.Card
 import top.yukonga.miuix.kmp.basic.LazyColumn
+import top.yukonga.miuix.kmp.basic.PullToRefresh
 import top.yukonga.miuix.kmp.basic.ScrollBehavior
+import top.yukonga.miuix.kmp.basic.rememberPullToRefreshState
 import top.yukonga.miuix.kmp.extra.SuperDropdown
 
 @Composable
 fun SecondPage(
     topAppBarScrollBehavior: ScrollBehavior,
     padding: PaddingValues
 ) {
+    val pullToRefreshState = rememberPullToRefreshState()
+    var isRefreshing by remember { mutableStateOf(false) }
+
     val dropdownOptions = listOf("Option 1", "Option 2", "Option 3", "Option 4")
     val dropdownSelectedOption = remember { mutableStateOf(0) }
+    var ii = remember { mutableStateOf(10) }
+
+    LaunchedEffect(pullToRefreshState.isRefreshing) {
+        if (pullToRefreshState.isRefreshing) {
+            isRefreshing = true
+            delay(100)
+            pullToRefreshState.completeRefreshing {
+                isRefreshing = false
+            }
+        }
+    }
 
-    LazyColumn(
-        contentPadding = PaddingValues(top = padding.calculateTopPadding()),
-        topAppBarScrollBehavior = topAppBarScrollBehavior
+    PullToRefresh(
+        modifier = Modifier.padding(
+            top = padding.calculateTopPadding()
+        ),
+        pullToRefreshState = pullToRefreshState,
+        onRefresh = { ii.value++ }
     ) {
-        item {
-            Card(
-                modifier = Modifier
-                    .padding(horizontal = 12.dp)
-                    .padding(top = 12.dp, bottom = 12.dp + padding.calculateBottomPadding())
-            ) {
-                for (i in 0 until 50) {
-                    SuperDropdown(
-                        title = "Dropdown",
-                        items = dropdownOptions,
-                        selectedIndex = dropdownSelectedOption.value,
-                        onSelectedIndexChange = { newOption -> dropdownSelectedOption.value = newOption }
-                    )
+        LazyColumn(
+            modifier = Modifier
+                .fillMaxSize(),
+            topAppBarScrollBehavior = topAppBarScrollBehavior,
+        ) {
+            item {
+                Card(
+                    modifier = Modifier
+                        .padding(12.dp)
+                ) {
+                    for (i in 0 until ii.value) {
+                        SuperDropdown(
+                            title = "Dropdown ${i + 1}",
+                            items = dropdownOptions,
+                            selectedIndex = dropdownSelectedOption.value,
+                            onSelectedIndexChange = { newOption -> dropdownSelectedOption.value = newOption }
+                        )
+                    }
                 }
+                Spacer(modifier = Modifier.height(padding.calculateBottomPadding()))
             }
         }
     }

gradle/libs.versions.toml

@@ -3,7 +3,7 @@ android-minSdk = "26"
 android-compileSdk = "35"
 android-targetSdk = "35"
 
-androidGradlePlugin = "8.8.0"
+androidGradlePlugin = "8.8.1"
 androidx-activity-compose = "1.10.0"
 androidx-window = "1.3.0"
 androidx-graphics-shapes = "1.0.0-alpha03"

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

@@ -1,13 +1,15 @@
 package top.yukonga.miuix.kmp.basic
 
 import androidx.compose.foundation.gestures.ScrollableDefaults
+import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.PaddingValues
 import androidx.compose.foundation.lazy.LazyColumn
 import androidx.compose.foundation.lazy.LazyListScope
 import androidx.compose.foundation.lazy.LazyListState
 import androidx.compose.foundation.lazy.rememberLazyListState
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.remember
+import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.input.nestedscroll.nestedScroll
 import androidx.compose.ui.unit.dp
@@ -32,6 +34,10 @@ fun LazyColumn(
     modifier: Modifier = Modifier,
     state: LazyListState = rememberLazyListState(),
     contentPadding: PaddingValues = PaddingValues(0.dp),
+    reverseLayout: Boolean = false,
+    verticalArrangement: Arrangement.Vertical =
+        if (!reverseLayout) Arrangement.Top else Arrangement.Bottom,
+    horizontalAlignment: Alignment.Horizontal = Alignment.Start,
     userScrollEnabled: Boolean = true,
     isEnabledOverScroll: () -> Boolean = { platform() == Platform.Android },
     topAppBarScrollBehavior: ScrollBehavior? = null,
@@ -60,6 +66,9 @@ fun LazyColumn(
         modifier = finalModifier,
         state = state,
         contentPadding = contentPadding,
+        reverseLayout = reverseLayout,
+        verticalArrangement = verticalArrangement,
+        horizontalAlignment = horizontalAlignment,
         flingBehavior = flingBehavior,
         userScrollEnabled = userScrollEnabled,
         content = content