library: Opt SmoothRoundedCornerShape

* Switch to using androidx graphics-shapes
* Remove the Box component, we didn't make any changes to it, just use this component from androidx foundation

Author: YuKongA

composeApp/src/commonMain/kotlin/SecondPage.kt

@@ -28,7 +28,7 @@ fun SecondPage(
                     .padding(horizontal = 12.dp)
                     .padding(top = 12.dp, bottom = 12.dp + padding.calculateBottomPadding())
             ) {
-                for (i in 0 until 20) {
+                for (i in 0 until 50) {
                     SuperDropdown(
                         title = "Dropdown",
                         items = dropdownOptions,

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

@@ -6,6 +6,7 @@ import androidx.compose.animation.fadeIn
 import androidx.compose.animation.fadeOut
 import androidx.compose.animation.shrinkVertically
 import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.fillMaxWidth
@@ -24,7 +25,6 @@ import androidx.compose.ui.graphics.painter.Painter
 import androidx.compose.ui.unit.Dp
 import androidx.compose.ui.unit.dp
 import top.yukonga.miuix.kmp.basic.BasicComponent
-import top.yukonga.miuix.kmp.basic.Box
 import top.yukonga.miuix.kmp.basic.ButtonDefaults
 import top.yukonga.miuix.kmp.basic.Card
 import top.yukonga.miuix.kmp.basic.Checkbox

gradle/libs.versions.toml

@@ -12,7 +12,10 @@ kotlin = "2.1.0"
 
 [libraries]
 androidx-activity-compose = { module = "androidx.activity:activity-compose", version.ref = "androidx-activity-compose" }
+androidx-graphics-shapes = { group = "androidx.graphics", name = "graphics-shapes", version = "1.0.1" }
+androidx-graphics-shapes-web = { module = "org.jetbrains.androidx.graphics:graphics-shapes", version = "1.0.0-alpha01" }
 androidx-window = { group = "androidx.window", name = "window", version.ref = "androidx-window" }
+jetbrains-compose-collection = { module = "org.jetbrains.compose.collection-internal:collection", version.ref = "compose-plugin" }
 jetbrains-compose-window-size = { module = "org.jetbrains.compose.material3:material3-window-size-class", version.ref = "compose-plugin" }
 
 [plugins]

miuix/build.gradle.kts

@@ -39,17 +39,33 @@ kotlin {
     }
 
     sourceSets {
+        val desktopMain by getting
+
         androidMain.dependencies {
             implementation(libs.androidx.activity.compose)
+            implementation(libs.androidx.graphics.shapes)
             implementation(libs.androidx.window)
         }
         commonMain.dependencies {
             implementation(compose.runtime)
             implementation(compose.foundation)
             implementation(compose.ui)
             implementation(compose.components.resources)
+            implementation(libs.jetbrains.compose.collection)
             implementation(libs.jetbrains.compose.window.size)
         }
+        nativeMain.dependencies {
+            implementation(libs.androidx.graphics.shapes)
+        }
+        desktopMain.dependencies {
+            implementation(libs.androidx.graphics.shapes)
+        }
+        jsMain.dependencies {
+            implementation(libs.androidx.graphics.shapes.web)
+        }
+        wasmJsMain.dependencies {
+            implementation(libs.androidx.graphics.shapes.web)
+        }
     }
 }
 
@@ -59,4 +75,4 @@ android {
     defaultConfig {
         minSdk = libs.versions.android.minSdk.get().toInt()
     }
-}
+}

miuix/src/androidMain/kotlin/top/yukonga/miuix/kmp/utils/SmoothRoundedCornerShape.android.kt

@@ -0,0 +1,31 @@
+package top.yukonga.miuix.kmp.utils
+
+import androidx.compose.ui.geometry.Size
+import androidx.compose.ui.graphics.Path
+import androidx.compose.ui.graphics.asComposePath
+import androidx.graphics.shapes.CornerRounding
+import androidx.graphics.shapes.RoundedPolygon
+import androidx.graphics.shapes.toPath
+
+actual fun Path.Companion.smoothRoundedRectangle(
+    smoothing: Float,
+    size: Size,
+    topLeft: Float,
+    topRight: Float,
+    bottomLeft: Float,
+    bottomRight: Float
+): Path =
+    RoundedPolygon(
+        vertices = floatArrayOf(
+            0f, 0f,
+            size.width, 0f,
+            size.width, size.height,
+            0f, size.height
+        ),
+        perVertexRounding = listOf(
+            CornerRounding(radius = topLeft, smoothing = smoothing),
+            CornerRounding(radius = topRight, smoothing = smoothing),
+            CornerRounding(radius = bottomRight, smoothing = smoothing),
+            CornerRounding(radius = bottomLeft, smoothing = smoothing),
+        )
+    ).toPath().asComposePath()