library: improve ListPopup anim again

Author: YuKongA

iosApp/iosApp/Info.plist

@@ -17,7 +17,7 @@
 	<key>CFBundleShortVersionString</key>
 	<string>1.0.5</string>
 	<key>CFBundleVersion</key>
-	<string>599</string>
+	<string>600</string>
 	<key>LSRequiresIPhoneOS</key>
 	<true/>
 	<key>CADisableMinimumFrameDurationOnPhone</key>

miuix/src/commonMain/kotlin/top/yukonga/miuix/kmp/anim/SinOutEasing.kt

@@ -0,0 +1,12 @@
+// Copyright 2025, compose-miuix-ui contributors
+// SPDX-License-Identifier: Apache-2.0
+
+package top.yukonga.miuix.kmp.anim
+
+import androidx.compose.animation.core.Easing
+import kotlin.math.PI
+import kotlin.math.sin
+
+val SinOutEasing: Easing = Easing { fraction ->
+    sin((fraction * PI / 2).toFloat())
+}

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

@@ -3,6 +3,9 @@
 
 package top.yukonga.miuix.kmp.basic
 
+import androidx.compose.animation.core.animateFloat
+import androidx.compose.animation.core.spring
+import androidx.compose.animation.core.updateTransition
 import androidx.compose.foundation.background
 import androidx.compose.foundation.gestures.detectTapGestures
 import androidx.compose.foundation.layout.Box
@@ -213,7 +216,20 @@ fun ListPopup(
         enableWindowDim = enableWindowDim,
         transformOrigin = { effectiveTransformOrigin },
     ) {
-        val shape = remember { ContinuousRoundedRectangle(16.dp) }
+        val transition = updateTransition(targetState = show.value)
+        val scale by transition.animateFloat(
+            transitionSpec = {
+                spring(dampingRatio = 0.82f, stiffness = 800f, visibilityThreshold = 0.001f)
+            }
+        ) { isShown ->
+            if (isShown) 1f else 0.15f
+        }
+
+        val baseCornerRadiusPx = with(density) { 16.dp.toPx() }
+        val appliedCornerDp = with(density) {
+            (baseCornerRadiusPx / scale.coerceAtLeast(0.001f)).toDp()
+        }
+        val shape = ContinuousRoundedRectangle(appliedCornerDp)
         val elevationPx by remember(shadowElevation, density) {
             derivedStateOf { with(density) { shadowElevation.toPx() } }
         }

miuix/src/commonMain/kotlin/top/yukonga/miuix/kmp/utils/MiuixPopupUtils.kt

@@ -39,6 +39,7 @@ import androidx.compose.ui.platform.LocalDensity
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.zIndex
 import top.yukonga.miuix.kmp.anim.DecelerateEasing
+import top.yukonga.miuix.kmp.anim.SinOutEasing
 import top.yukonga.miuix.kmp.basic.Scaffold
 import top.yukonga.miuix.kmp.theme.MiuixTheme
 
@@ -80,14 +81,14 @@ class MiuixPopupUtils {
         private var nextZIndex = 1f
 
         private val DialogDimEnter: EnterTransition =
-            fadeIn(animationSpec = tween(300, easing = DecelerateEasing(1.5f)))
+            fadeIn(animationSpec = tween(300, easing = SinOutEasing))
         private val DialogDimExit: ExitTransition =
-            fadeOut(animationSpec = tween(250, easing = DecelerateEasing(1.5f)))
+            fadeOut(animationSpec = tween(250, easing = SinOutEasing))
 
         private val PopupDimEnter: EnterTransition =
-            fadeIn(animationSpec = tween(150, easing = DecelerateEasing(1.5f)))
+            fadeIn(animationSpec = tween(300, easing = SinOutEasing))
         private val PopupDimExit: ExitTransition =
-            fadeOut(animationSpec = tween(150, easing = DecelerateEasing(1.5f)))
+            fadeOut(animationSpec = tween(150, easing = SinOutEasing))
 
         @Composable
         private fun rememberDefaultDialogEnterTransition(largeScreen: Boolean): EnterTransition {
@@ -131,9 +132,10 @@ class MiuixPopupUtils {
         private fun rememberDefaultPopupEnterTransition(transformOrigin: () -> TransformOrigin): EnterTransition {
             return remember(transformOrigin()) {
                 fadeIn(
-                    animationSpec = tween(durationMillis = 150, easing = DecelerateEasing(2f))
+                    animationSpec = tween(durationMillis = 200, easing = DecelerateEasing(1.5f))
                 ) + scaleIn(
-                    animationSpec = spring(dampingRatio = 0.88f, stiffness = 300f, visibilityThreshold = 0.001f),
+                    initialScale = 0.15f,
+                    animationSpec = spring(dampingRatio = 0.82f, stiffness = 800f, visibilityThreshold = 0.001f),
                     transformOrigin = transformOrigin()
                 )
             }
@@ -143,9 +145,9 @@ class MiuixPopupUtils {
         private fun rememberDefaultPopupExitTransition(transformOrigin: () -> TransformOrigin): ExitTransition {
             return remember(transformOrigin()) {
                 fadeOut(
-                    animationSpec = tween(durationMillis = 150, easing = DecelerateEasing(0.8f))
+                    animationSpec = tween(durationMillis = 150, easing = DecelerateEasing(1.5f))
                 ) + scaleOut(
-                    animationSpec = tween(durationMillis = 150, easing = DecelerateEasing(0.8f)),
+                    animationSpec = spring(dampingRatio = 0.82f, stiffness = 800f, visibilityThreshold = 0.001f),
                     transformOrigin = transformOrigin()
                 )
             }