library: SearchBar: No Surface required

Author: YuKongA

example/src/commonMain/kotlin/UITest.kt

@@ -269,13 +269,25 @@ fun UITest(
                         @Composable
                         fun floatingToolbarContent() {
                             IconButton(onClick = { /* Action 1 */ }) {
-                                Icon(MiuixIcons.Useful.Edit, contentDescription = "Edit", tint = MiuixTheme.colorScheme.onPrimaryContainer)
+                                Icon(
+                                    MiuixIcons.Useful.Edit,
+                                    contentDescription = "Edit",
+                                    tint = MiuixTheme.colorScheme.onPrimaryContainer
+                                )
                             }
                             IconButton(onClick = { /* Action 2 */ }) {
-                                Icon(MiuixIcons.Useful.Delete, contentDescription = "Delete", tint = MiuixTheme.colorScheme.onPrimaryContainer)
+                                Icon(
+                                    MiuixIcons.Useful.Delete,
+                                    contentDescription = "Delete",
+                                    tint = MiuixTheme.colorScheme.onPrimaryContainer
+                                )
                             }
                             IconButton(onClick = { /* Action 3 */ }) {
-                                Icon(MiuixIcons.Useful.ImmersionMore, contentDescription = "More", tint = MiuixTheme.colorScheme.onPrimaryContainer)
+                                Icon(
+                                    MiuixIcons.Useful.ImmersionMore,
+                                    contentDescription = "More",
+                                    tint = MiuixTheme.colorScheme.onPrimaryContainer
+                                )
                             }
                         }
                         when (orientation) {

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

@@ -46,7 +46,6 @@ import androidx.compose.ui.text.input.ImeAction
 import androidx.compose.ui.unit.DpSize
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
-import androidx.compose.ui.zIndex
 import kotlinx.coroutines.delay
 import top.yukonga.miuix.kmp.icon.MiuixIcons
 import top.yukonga.miuix.kmp.icon.icons.basic.Search
@@ -78,36 +77,32 @@ fun SearchBar(
     outsideRightAction: @Composable (() -> Unit)? = null,
     content: @Composable ColumnScope.() -> Unit
 ) {
-    Surface(
-        modifier = modifier.zIndex(1f),
-    ) {
-        Column {
-            Row(
-                modifier = Modifier.fillMaxWidth(),
-                verticalAlignment = Alignment.CenterVertically,
+    Column {
+        Row(
+            modifier = Modifier.fillMaxWidth(),
+            verticalAlignment = Alignment.CenterVertically,
+        ) {
+            Box(
+                modifier = Modifier
+                    .weight(1f)
+                    .padding(vertical = insideMargin.height, horizontal = insideMargin.width)
             ) {
-                Box(
-                    modifier = Modifier
-                        .weight(1f)
-                        .padding(vertical = insideMargin.height, horizontal = insideMargin.width)
-                ) {
-                    inputField()
-                }
-                AnimatedVisibility(
-                    visible = expanded,
-                    enter = expandHorizontally() + slideInHorizontally(initialOffsetX = { it }),
-                    exit = shrinkHorizontally() + slideOutHorizontally(targetOffsetX = { it })
-                ) {
-                    outsideRightAction?.invoke()
-                }
+                inputField()
             }
-
             AnimatedVisibility(
-                visible = expanded
+                visible = expanded,
+                enter = expandHorizontally() + slideInHorizontally(initialOffsetX = { it }),
+                exit = shrinkHorizontally() + slideOutHorizontally(targetOffsetX = { it })
             ) {
-                content()
+                outsideRightAction?.invoke()
             }
         }
+
+        AnimatedVisibility(
+            visible = expanded
+        ) {
+            content()
+        }
     }
 
     BackHandler(enabled = expanded) {