library: Opt MiuixTextField when no label text

Author: YuKongA

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

@@ -96,7 +96,7 @@ fun OtherComponent(padding: PaddingValues) {
     MiuixTextField(
         value = text1,
         onValueChange = { text1 = it },
-        label = "Text Field",
+        insideMargin = DpSize(14.dp, 14.dp),
         modifier = Modifier.padding(horizontal = 24.dp, vertical = 20.dp),
         keyboardActions = KeyboardActions(onDone = { focusManager.clearFocus() }),
         keyboardOptions = KeyboardOptions(imeAction = ImeAction.Done)
@@ -109,7 +109,7 @@ fun OtherComponent(padding: PaddingValues) {
         label = "Text Field",
         modifier = Modifier.padding(horizontal = 24.dp),
         keyboardActions = KeyboardActions(onDone = { focusManager.clearFocus() }),
-        keyboardOptions = KeyboardOptions(imeAction = ImeAction.Done),
+        keyboardOptions = KeyboardOptions(imeAction = ImeAction.Done)
     )
 
     MiuixSlider(

miuix/src/commonMain/kotlin/top/yukonga/miuix/kmp/MiuixSearchBar.kt

@@ -180,10 +180,10 @@ fun MiuixInputField(
                         modifier = Modifier
                             .weight(1f)
                             .then(paddingModifier),
+                        contentAlignment = Alignment.CenterStart
                     ) {
-
                         MiuixText(
-                            text = if (!focused) label else "",
+                            text = if (!(query.isNotEmpty() || expanded)) label else "",
                             color = MiuixTheme.colorScheme.textFieldSub
                         )
 

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

@@ -99,8 +99,8 @@ fun MiuixTextField(
     val innerTextOffsetY by animateDpAsState(if (value.text.isNotEmpty()) (insideMargin.height / 2) else 0.dp)
     val labelFontSize by animateDpAsState(if (value.text.isNotEmpty()) 10.dp else 16.dp)
     val border = Modifier.border(borderWidth, borderColor, SquircleShape(cornerRadius))
-    val labelOffset = Modifier.offset(y = labelOffsetY)
-    val innerTextOffset = Modifier.offset(y = innerTextOffsetY)
+    val labelOffset = if (label != "") Modifier.offset(y = labelOffsetY) else Modifier
+    val innerTextOffset = if (label != "") Modifier.offset(y = innerTextOffsetY) else Modifier
 
     BasicTextField(
         value = value,
@@ -195,7 +195,7 @@ fun MiuixTextField(
     value: String,
     onValueChange: (String) -> Unit,
     modifier: Modifier = Modifier,
-    insideMargin: DpSize = DpSize(18.dp, 18.dp),
+    insideMargin: DpSize = DpSize(16.dp, 16.dp),
     backgroundColor: Color = MiuixTheme.colorScheme.textFieldBg,
     cornerRadius: Dp = 18.dp,
     label: String = "",
@@ -229,8 +229,8 @@ fun MiuixTextField(
     val innerTextOffsetY by animateDpAsState(if (value.isNotEmpty()) (insideMargin.height / 2) else 0.dp)
     val labelFontSize by animateDpAsState(if (value.isNotEmpty()) 10.dp else 16.dp)
     val border = Modifier.border(borderWidth, borderColor, SquircleShape(cornerRadius))
-    val labelOffset = Modifier.offset(y = labelOffsetY)
-    val innerTextOffset = Modifier.offset(y = innerTextOffsetY)
+    val labelOffset = if (label != "") Modifier.offset(y = labelOffsetY) else Modifier
+    val innerTextOffset = if (label != "") Modifier.offset(y = innerTextOffsetY) else Modifier
 
     BasicTextField(
         value = value,