library: Add InfiniteProgressIndicator Component

Author: YuKongA

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

@@ -16,6 +16,7 @@ import androidx.compose.runtime.getValue
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
 import androidx.compose.runtime.setValue
+import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.platform.LocalFocusManager
 import androidx.compose.ui.text.font.FontWeight
@@ -27,6 +28,7 @@ import top.yukonga.miuix.kmp.basic.ButtonDefaults
 import top.yukonga.miuix.kmp.basic.Card
 import top.yukonga.miuix.kmp.basic.CircularProgressIndicator
 import top.yukonga.miuix.kmp.basic.Icon
+import top.yukonga.miuix.kmp.basic.InfiniteProgressIndicator
 import top.yukonga.miuix.kmp.basic.LinearProgressIndicator
 import top.yukonga.miuix.kmp.basic.Slider
 import top.yukonga.miuix.kmp.basic.SliderDefaults.SliderHapticEffect
@@ -186,7 +188,7 @@ fun OtherComponent(padding: PaddingValues) {
         )
     }
 
-    SmallTitle(text = "LinearProgressIndicator")
+    SmallTitle(text = "ProgressIndicator")
     progressValues.forEach { progressValue ->
         LinearProgressIndicator(
             progress = progressValue,
@@ -208,6 +210,10 @@ fun OtherComponent(padding: PaddingValues) {
                 progress = progressValue
             )
         }
+        InfiniteProgressIndicator(
+            modifier = Modifier
+                .align(alignment = Alignment.CenterVertically)
+        )
     }
 
     SmallTitle(text = "TextField")

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

@@ -24,6 +24,9 @@ import androidx.compose.ui.unit.Dp
 import androidx.compose.ui.unit.dp
 import top.yukonga.miuix.kmp.basic.ProgressIndicatorDefaults.ProgressIndicatorColors
 import top.yukonga.miuix.kmp.theme.MiuixTheme
+import kotlin.math.PI
+import kotlin.math.cos
+import kotlin.math.sin
 
 /**
  * A [LinearProgressIndicator] with Miuix style.
@@ -260,6 +263,61 @@ fun CircularProgressIndicator(
     }
 }
 
+/**
+ * A [InfiniteProgressIndicator] with Miuix style showing an orbiting dot.
+ *
+ * @param modifier The modifier to be applied to the indicator.
+ * @param color The color of the indicator.
+ * @param size The size (diameter) of the circular indicator.
+ * @param strokeWidth The width of the circular stroke.
+ * @param orbitingDotSize The size of the orbiting dot.
+ */
+@Composable
+fun InfiniteProgressIndicator(
+    modifier: Modifier = Modifier,
+    color: Color = Color.Gray,
+    size: Dp = ProgressIndicatorDefaults.DefaultInfiniteProgressIndicatorSize,
+    strokeWidth: Dp = ProgressIndicatorDefaults.DefaultInfiniteProgressIndicatorStrokeWidth,
+    orbitingDotSize: Dp = ProgressIndicatorDefaults.DefaultInfiniteProgressIndicatorOrbitingDotSize
+) {
+    val rotationAnim = remember { Animatable(0f) }
+
+    LaunchedEffect(Unit) {
+        rotationAnim.animateTo(
+            targetValue = 360f,
+            animationSpec = infiniteRepeatable(
+                animation = tween(800, easing = LinearEasing),
+                repeatMode = RepeatMode.Restart
+            )
+        )
+    }
+
+    Canvas(modifier = modifier.size(size)) {
+        val center = Offset(this.size.width / 2, this.size.height / 2)
+        val radius = (size.toPx() - strokeWidth.toPx()) / 2
+
+        drawCircle(
+            color = color,
+            radius = radius,
+            center = center,
+            style = Stroke(strokeWidth.toPx(), cap = StrokeCap.Round)
+        )
+
+        val orbitRadius = radius - 2 * orbitingDotSize.toPx()
+        val angle = rotationAnim.value * PI.toFloat() / 180f
+        val dotCenter = center + Offset(
+            x = orbitRadius * cos(angle),
+            y = orbitRadius * sin(angle)
+        )
+
+        drawCircle(
+            color = color,
+            radius = orbitingDotSize.toPx(),
+            center = dotCenter
+        )
+    }
+}
+
 object ProgressIndicatorDefaults {
     /** The default height of [LinearProgressIndicator]. */
     val DefaultLinearProgressIndicatorHeight = 6.dp
@@ -270,6 +328,15 @@ object ProgressIndicatorDefaults {
     /** The default size of [CircularProgressIndicator]. */
     val DefaultCircularProgressIndicatorSize = 36.dp
 
+    /** The default stroke width of [InfiniteProgressIndicator]. */
+    val DefaultInfiniteProgressIndicatorStrokeWidth = 2.dp
+
+    /** The default radius width of the orbiting dot in [InfiniteProgressIndicator]. */
+    val DefaultInfiniteProgressIndicatorOrbitingDotSize = 2.dp
+
+    /** The default size of [InfiniteProgressIndicator]. */
+    val DefaultInfiniteProgressIndicatorSize = 20.dp
+
     /**
      * The default [ProgressIndicatorColors] used in [LinearProgressIndicator].
      */