library: Commonize Path.Companion.smoothRoundedRectangle

Author: YuKongA

gradle/libs.versions.toml

@@ -6,14 +6,14 @@ android-targetSdk = "35"
 androidGradlePlugin = "8.8.0"
 androidx-activity-compose = "1.10.0"
 androidx-window = "1.3.0"
+androidx-graphics-shapes = "1.0.0-alpha03"
 compose-plugin = "1.8.0-alpha03"
 dokka = "2.0.0"
 kotlin = "2.1.10"
 
 [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-alpha03" }
+androidx-graphics-shapes = { module = "org.jetbrains.androidx.graphics:graphics-shapes", version.ref = "androidx-graphics-shapes" }
 androidx-window = { group = "androidx.window", name = "window", version.ref = "androidx-window" }
 compose-window-size = { module = "org.jetbrains.compose.material3:material3-window-size-class", version.ref = "compose-plugin" }
 

miuix/build.gradle.kts

@@ -39,31 +39,17 @@ 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.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)
+            implementation(libs.compose.window.size)
         }
     }
 }

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

@@ -7,15 +7,35 @@ import androidx.compose.ui.graphics.Outline
 import androidx.compose.ui.graphics.Path
 import androidx.compose.ui.unit.Dp
 import androidx.compose.ui.unit.LayoutDirection
+import androidx.graphics.shapes.CornerRounding
+import androidx.graphics.shapes.Cubic
+import androidx.graphics.shapes.RoundedPolygon
 
-expect fun Path.Companion.smoothRoundedRectangle(
+fun Path.Companion.smoothRoundedRectangle(
     smoothing: Float,
     size: Size,
     topLeft: Float,
     topRight: Float,
     bottomLeft: Float,
-    bottomRight: Float,
-): Path
+    bottomRight: Float
+): Path {
+    if (size.width <= 0f || size.height <= 0f) return Path()
+
+    return 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),
+        )
+    ).toComposePath()
+}
 
 fun SmoothRoundedCornerShape(
     corner: Dp,
@@ -92,5 +112,29 @@ class SmoothRoundedCornerShape(
     }
 }
 
+fun RoundedPolygon.toComposePath(path: Path = Path()): Path {
+    pathFromCubicList(path, cubics)
+    return path
+}
+
+private fun pathFromCubicList(
+    path: Path,
+    cubicList: List<Cubic>
+) {
+    var first = true
+    path.rewind()
+    for (element in cubicList) {
+        if (first) {
+            path.moveTo(element.anchor0X, element.anchor0Y)
+            first = false
+        }
+        path.cubicTo(
+            element.control0X, element.control0Y, element.control1X, element.control1Y,
+            element.anchor1X, element.anchor1Y
+        )
+    }
+    path.close()
+}
+
 const val DefaultSmoothing = 0.6f