library: Add spacer between rightActions in BasicComponent (#143)

Co-authored-by: YuKongA <70465933+YuKongA@users.noreply.github.com>

Author: wxxsfxyzm

docs/components/basiccomponent.md

@@ -93,8 +93,8 @@ BasicComponent(
 | titleColor        | BasicComponentColors            | Title color configuration                             | BasicComponentDefaults.titleColor()   | No       |
 | summary           | String?                         | Summary of the component                              | null                                  | No       |
 | summaryColor      | BasicComponentColors            | Summary color configuration                           | BasicComponentDefaults.summaryColor() | No       |
-| leftAction        | @Composable (() -> Unit?)?      | Composable content on the left side of the component  | null                                  | No       |
-| rightActions      | @Composable RowScope.() -> Unit | Composable content on the right side of the component | {}                                    | No       |
+| leftAction        | @Composable (() -> Unit)?       | Composable content on the left side of the component  | null                                  | No       |
+| rightActions      | @Composable (RowScope.() -> Unit)? | Composable content on the right side of the component | null                                 | No       |
 | modifier          | Modifier                        | Modifier for the component                            | Modifier                              | No       |
 | insideMargin      | PaddingValues                   | Internal padding of the component                     | BasicComponentDefaults.InsideMargin   | No       |
 | onClick           | (() -> Unit)?                   | Callback triggered when the component is clicked      | null                                  | No       |

docs/zh_CN/components/basiccomponent.md

@@ -93,8 +93,8 @@ BasicComponent(
 | titleColor        | BasicComponentColors            | 标题颜色配置         | BasicComponentDefaults.titleColor()   | 否       |
 | summary           | String?                         | 组件摘要             | null                                  | 否       |
 | summaryColor      | BasicComponentColors            | 摘要颜色配置         | BasicComponentDefaults.summaryColor() | 否       |
-| leftAction        | @Composable (() -> Unit?)?      | 组件左侧的可组合内容 | null                                  | 否       |
-| rightActions      | @Composable RowScope.() -> Unit | 组件右侧的可组合内容 | {}                                    | 否       |
+| leftAction        | @Composable (() -> Unit)?       | 组件左侧的可组合内容 | null                                  | 否       |
+| rightActions      | @Composable (RowScope.() -> Unit)? | 组件右侧的可组合内容 | null                                 | 否       |
 | modifier          | Modifier                        | 应用于组件的修饰符   | Modifier                              | 否       |
 | insideMargin      | PaddingValues                   | 组件内部边距         | BasicComponentDefaults.InsideMargin   | 否       |
 | onClick           | (() -> Unit)?                   | 点击组件时触发的回调 | null                                  | 否       |

iosApp/iosApp/Info.plist

@@ -17,7 +17,7 @@
 	<key>CFBundleShortVersionString</key>
 	<string>1.0.6</string>
 	<key>CFBundleVersion</key>
-	<string>603</string>
+	<string>605</string>
 	<key>LSRequiresIPhoneOS</key>
 	<true/>
 	<key>CADisableMinimumFrameDurationOnPhone</key>

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

@@ -11,9 +11,11 @@ import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.PaddingValues
 import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.RowScope
+import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.heightIn
 import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.width
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.Immutable
 import androidx.compose.runtime.LaunchedEffect
@@ -51,7 +53,7 @@ fun BasicComponent(
     summary: String? = null,
     summaryColor: BasicComponentColors = BasicComponentDefaults.summaryColor(),
     leftAction: @Composable (() -> Unit)? = null,
-    rightActions: @Composable RowScope.() -> Unit = {},
+    rightActions: @Composable (RowScope.() -> Unit)? = null,
     modifier: Modifier = Modifier,
     insideMargin: PaddingValues = BasicComponentDefaults.InsideMargin,
     onClick: (() -> Unit)? = null,
@@ -120,8 +122,13 @@ fun BasicComponent(
             }
         }
 
-        // Right actions (optional)
-        rightActions()
+        if (rightActions != null) {
+            // Add a Spacer for margin when rightActions are present
+            Spacer(modifier = Modifier.width(8.dp))
+
+            // Right actions (optional)
+            rightActions()
+        }
     }
 }
 
@@ -166,4 +173,4 @@ class BasicComponentColors(
 ) {
     @Stable
     internal fun color(enabled: Boolean): Color = if (enabled) color else disabledColor
-}
+}

miuix/src/commonMain/kotlin/top/yukonga/miuix/kmp/extra/SuperArrow.kt

@@ -6,7 +6,6 @@ package top.yukonga.miuix.kmp.extra
 import androidx.compose.foundation.Image
 import androidx.compose.foundation.layout.PaddingValues
 import androidx.compose.foundation.layout.RowScope
-import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.size
 import androidx.compose.foundation.layout.widthIn
 import androidx.compose.runtime.Composable
@@ -103,7 +102,6 @@ private fun SuperArrowRightActions(
     }
     Image(
         modifier = Modifier
-            .padding(start = 8.dp)
             .size(width = 10.dp, height = 16.dp),
         imageVector = MiuixIcons.Basic.ArrowRight,
         contentDescription = null,