@momo-kits/native-kits 0.162.2-beta.21 → 0.162.2-beta.22

package/ios/Button/Button.swift

@@ -125,7 +125,12 @@ public struct Button: View {
     var iconRight: AnyView?
     var isFull: Bool
     var loading: Bool
+    var iconOnly: Bool
 
+    /// When `iconOnly` is true the label is hidden and the button collapses to a compact,
+    /// icon-sized box (it ignores `isFull`). `title` stays required and is exposed as the
+    /// accessibility label. Supply the glyph via `iconLeft` (preferred) or `iconRight`;
+    /// while `loading` the spinner replaces the icon.
     public init(
         title: String = "",
         action: @escaping () -> Void,
@@ -134,7 +139,8 @@ public struct Button: View {
         iconLeft: AnyView? = nil,
         iconRight: AnyView? = nil,
         isFull: Bool = true,
-        loading: Bool = false
+        loading: Bool = false,
+        iconOnly: Bool = false
     ) {
         self.title = title
         self.action = action
@@ -144,6 +150,7 @@ public struct Button: View {
         self.iconRight = iconRight
         self.isFull = isFull
         self.loading = loading
+        self.iconOnly = iconOnly
     }
 
     private func shouldLoadingOnLeft(_ left: AnyView?, _ right: AnyView?) -> Bool {
@@ -166,35 +173,46 @@ public struct Button: View {
         let border = type.borderColor
         let borderWidth = type.borderWidth
 
-        SwiftUI.Button(action: {
+        let button = SwiftUI.Button(action: {
             if !loading, type != .disabled {
                 action()
             }
         }) {
             HStack(spacing: size.iconSpacing) {
-                if loading && loadingOnLeft {
-                    LottieView(name: "lottie_circle_loader", loopMode: .loop)
-                        .frame(width: size.iconSize, height: size.iconSize)
-                        .colorMultiply(fg)
-
-                } else if let iconLeft = iconLeft {
-                    iconLeft.frame(width: size.iconSize, height: size.iconSize)
-                }
-
-                MomoText(title, typography: size.typographyStyle, color: fg)
-                    .lineLimit(1)
-                    .truncationMode(.tail)
-
-                if loading && !loadingOnLeft {
-                    LottieView(name: "lottie_circle_loader", loopMode: .loop)
-                        .frame(width: size.iconSize, height: size.iconSize)
-                        .colorMultiply(fg)
-
-                } else if let iconRight = iconRight {
-                    iconRight.frame(width: size.iconSize, height: size.iconSize)
+                if iconOnly {
+                    if loading {
+                        LottieView(name: "lottie_circle_loader", loopMode: .loop)
+                            .frame(width: size.iconSize, height: size.iconSize)
+                            .colorMultiply(fg)
+
+                    } else if let icon = iconLeft ?? iconRight {
+                        icon.frame(width: size.iconSize, height: size.iconSize)
+                    }
+                } else {
+                    if loading && loadingOnLeft {
+                        LottieView(name: "lottie_circle_loader", loopMode: .loop)
+                            .frame(width: size.iconSize, height: size.iconSize)
+                            .colorMultiply(fg)
+
+                    } else if let iconLeft = iconLeft {
+                        iconLeft.frame(width: size.iconSize, height: size.iconSize)
+                    }
+
+                    MomoText(title, typography: size.typographyStyle, color: fg)
+                        .lineLimit(1)
+                        .truncationMode(.tail)
+
+                    if loading && !loadingOnLeft {
+                        LottieView(name: "lottie_circle_loader", loopMode: .loop)
+                            .frame(width: size.iconSize, height: size.iconSize)
+                            .colorMultiply(fg)
+
+                    } else if let iconRight = iconRight {
+                        iconRight.frame(width: size.iconSize, height: size.iconSize)
+                    }
                 }
             }
-            .frame(maxWidth: isFull ? .infinity : nil)
+            .frame(maxWidth: isFull && !iconOnly ? .infinity : nil)
             .padding(.horizontal, size.padding)
             .frame(height: size.height)
             .background(bg)
@@ -206,5 +224,11 @@ public struct Button: View {
             .opacity(loading ? 0.75 : 1)
         }
         .disabled(type == .disabled || loading)
+
+        if iconOnly {
+            button.accessibilityLabel(Text(title))
+        } else {
+            button
+        }
     }
 }

package/package.json

@@ -1,8 +1,6 @@
 {
   "name": "@momo-kits/native-kits",
-  "version": "0.162.2-beta.21",
+  "version": "0.162.2-beta.22",
   "private": false,
-  "dependencies": {},
-  "devDependencies": {},
   "license": "MoMo"
 }