@momo-kits/native-kits 0.163.1-beta.8 → 0.163.1-beta.9-debug

package/ios/Swipeable/SwipeCell.swift

@@ -1,6 +1,193 @@
 import Foundation
 import SwiftUI
 
+private let swipeActionWidth: CGFloat = 56
+
+// MARK: - Swipe
+
+public struct Swipe<Content: View>: View {
+    @Environment(\.appTheme) private var theme
+
+    private let leftActions: [SwipeAction]
+    private let rightActions: [SwipeAction]
+    private let height: CGFloat
+    private let itemRadius: CGFloat
+    private let onSwipeableOpen: () -> Void
+    private let onSwipeableClose: () -> Void
+    private let onSwipeableLeftOpen: () -> Void
+    private let onSwipeableRightOpen: () -> Void
+    private let content: () -> Content
+
+    @State private var offsetX: CGFloat = 0
+    @State private var dragStartOffsetX: CGFloat?
+
+    public init(
+        leftActions: [SwipeAction] = [],
+        rightActions: [SwipeAction] = [],
+        height: CGFloat = 56,
+        itemRadius: CGFloat = 0,
+        onSwipeableOpen: @escaping () -> Void = {},
+        onSwipeableClose: @escaping () -> Void = {},
+        onSwipeableLeftOpen: @escaping () -> Void = {},
+        onSwipeableRightOpen: @escaping () -> Void = {},
+        @ViewBuilder content: @escaping () -> Content
+    ) {
+        self.leftActions = Array(leftActions.prefix(3))
+        self.rightActions = Array(rightActions.prefix(3))
+        self.height = height
+        self.itemRadius = itemRadius
+        self.onSwipeableOpen = onSwipeableOpen
+        self.onSwipeableClose = onSwipeableClose
+        self.onSwipeableLeftOpen = onSwipeableLeftOpen
+        self.onSwipeableRightOpen = onSwipeableRightOpen
+        self.content = content
+    }
+
+    public var body: some View {
+        let leftWidth = swipeActionWidth * CGFloat(leftActions.count)
+        let rightWidth = swipeActionWidth * CGFloat(rightActions.count)
+        let shape = RoundedRectangle(cornerRadius: itemRadius)
+
+        ZStack {
+            if !leftActions.isEmpty {
+                HStack(spacing: 0) {
+                    ForEach(Array(leftActions.enumerated()), id: \.offset) { _, action in
+                        SwipeActionButton(
+                            action: action,
+                            height: height,
+                            itemRadius: itemRadius,
+                            defaultBackgroundColor: theme.colors.primary
+                        )
+                    }
+                    Spacer(minLength: 0)
+                }
+            }
+
+            if !rightActions.isEmpty {
+                HStack(spacing: 0) {
+                    Spacer(minLength: 0)
+                    ForEach(Array(rightActions.enumerated()), id: \.offset) { _, action in
+                        SwipeActionButton(
+                            action: action,
+                            height: height,
+                            itemRadius: itemRadius,
+                            defaultBackgroundColor: theme.colors.error.primary
+                        )
+                    }
+                }
+            }
+
+            ZStack {
+                theme.colors.background.surface
+                content()
+            }
+            .frame(maxWidth: .infinity)
+            .frame(height: height)
+            .clipShape(shape)
+            .offset(x: offsetX)
+            .gesture(
+                DragGesture(minimumDistance: 8, coordinateSpace: .local)
+                    .onChanged { value in
+                        dragOnChanged(value: value, leftWidth: leftWidth, rightWidth: rightWidth)
+                    }
+                    .onEnded { _ in
+                        dragStartOffsetX = nil
+                        snapToClosest(leftWidth: leftWidth, rightWidth: rightWidth)
+                    }
+            )
+        }
+        .frame(maxWidth: .infinity)
+        .frame(height: height)
+        .clipped()
+    }
+
+    private func dragOnChanged(value: DragGesture.Value, leftWidth: CGFloat, rightWidth: CGFloat) {
+        if dragStartOffsetX == nil {
+            dragStartOffsetX = offsetX
+        }
+
+        let proposedOffset = (dragStartOffsetX ?? 0) + value.translation.width
+        offsetX = min(max(proposedOffset, -rightWidth), leftWidth)
+    }
+
+    private func snapToClosest(leftWidth: CGFloat, rightWidth: CGFloat) {
+        let target: CGFloat
+
+        if offsetX > leftWidth * 0.5, !leftActions.isEmpty {
+            onSwipeableLeftOpen()
+            onSwipeableOpen()
+            target = leftWidth
+        } else if offsetX < -rightWidth * 0.5, !rightActions.isEmpty {
+            onSwipeableRightOpen()
+            onSwipeableOpen()
+            target = -rightWidth
+        } else {
+            onSwipeableClose()
+            target = 0
+        }
+
+        withAnimation(.easeOut(duration: 0.2)) {
+            offsetX = target
+        }
+    }
+}
+
+public extension Swipe where Content == EmptyView {
+    init(
+        leftActions: [SwipeAction] = [],
+        rightActions: [SwipeAction] = [],
+        height: CGFloat = 56,
+        itemRadius: CGFloat = 0,
+        onSwipeableOpen: @escaping () -> Void = {},
+        onSwipeableClose: @escaping () -> Void = {},
+        onSwipeableLeftOpen: @escaping () -> Void = {},
+        onSwipeableRightOpen: @escaping () -> Void = {}
+    ) {
+        self.init(
+            leftActions: leftActions,
+            rightActions: rightActions,
+            height: height,
+            itemRadius: itemRadius,
+            onSwipeableOpen: onSwipeableOpen,
+            onSwipeableClose: onSwipeableClose,
+            onSwipeableLeftOpen: onSwipeableLeftOpen,
+            onSwipeableRightOpen: onSwipeableRightOpen
+        ) {
+            EmptyView()
+        }
+    }
+}
+
+private struct SwipeActionButton: View {
+    let action: SwipeAction
+    let height: CGFloat
+    let itemRadius: CGFloat
+    let defaultBackgroundColor: Color
+
+    var body: some View {
+        SwiftUI.Button(action: action.onPress) {
+            VStack(spacing: Spacing.XXS) {
+                if !action.icon.isEmpty {
+                    Icon(source: action.icon, size: 20, color: Colors.black01)
+                }
+
+                if !action.label.isEmpty {
+                    MomoText(
+                        action.label,
+                        typography: .labelSMedium,
+                        color: Colors.black01,
+                        maxLines: 1
+                    )
+                }
+            }
+            .frame(width: swipeActionWidth, height: height)
+            .background(action.backgroundColor ?? defaultBackgroundColor)
+            .clipShape(RoundedRectangle(cornerRadius: itemRadius))
+        }
+        .buttonStyle(.plain)
+    }
+}
+
 // MARK: - SwipeCellModifier
 
 public struct SwipeCellModifier: ViewModifier {

package/ios/Swipeable/SwipeCellModel.swift

@@ -3,6 +3,27 @@
 import Foundation
 import SwiftUI
 
+// MARK: - SwipeAction
+
+public struct SwipeAction {
+    public init(
+        label: String = "",
+        icon: String = "",
+        backgroundColor: Color? = nil,
+        onPress: @escaping () -> Void = {}
+    ) {
+        self.label = label
+        self.icon = icon
+        self.backgroundColor = backgroundColor
+        self.onPress = onPress
+    }
+
+    public var label: String
+    public var icon: String
+    public var backgroundColor: Color?
+    public var onPress: () -> Void
+}
+
 // MARK: - SwipeGroupSide
 
 public enum SwipeGroupSide {

package/ios/Switch/Switch.swift

@@ -1,44 +1,69 @@
 import Foundation
 import SwiftUI
 
-public struct Switch: View{
+public struct Switch: View {
     @Binding var value: Bool
     var disabled: Bool
-    var onChange: ((Bool)->Void)?
-    
-    public init(_ value: Binding<Bool>,disabled: Bool = false, onChange: ((Bool)->Void)? = nil){
+    var onChange: ((Bool) -> Void)?
+    var title: String?
+    var accessibilityId: String?
+
+    public init(
+        _ value: Binding<Bool>,
+        disabled: Bool = false,
+        onChange: ((Bool) -> Void)? = nil,
+        title: String? = "",
+        accessibilityId: String? = ""
+    ) {
         self._value = value
         self.disabled = disabled
         self.onChange = onChange
+        self.title = title
+        self.accessibilityId = accessibilityId
+    }
+
+    // Mirrors Kotlin's `backgroundColor`: shared by the track AND the inner dot.
+    private var backgroundColor: Color {
+        switch (disabled, value) {
+        case (true, true): return Colors.green09
+        case (true, false): return Colors.black05
+        case (false, true): return Colors.green03
+        case (false, false): return Colors.black07
+        }
+    }
+
+    // Mirrors Kotlin's `circleBackgroundColor` (the outer 14pt thumb circle).
+    private var circleColor: Color {
+        value ? Colors.black01 : Colors.black03
     }
-    
-    
+
+    private var automationId: String {
+        accessibilityId?.isEmpty == false ? accessibilityId! : "toggle_\(title?.isEmpty == false ? title! : "unknown")_\(value)"
+    }
+
     public var body: some View {
         SwiftUI.Button(action: {
-            withAnimation{
+            withAnimation {
                 value.toggle()
                 onChange?(value)
             }
-        }){
-              HStack{
-                  HStack {
-                  }
-                  .frame(width: 6, height: 6)
-                  .background(value ? Colors.pink03 : Colors.black07)
-                  .clipShape(Circle())
-                  .opacity(disabled ? 0.4 : 1)
-              }
-              .frame(width: 14, height: 14)
-              .background(Colors.black01)
-              .clipShape(Circle())
-              .padding(.leading,5)
-              .padding(.trailing,5)
-              
-          }
-          .disabled(disabled)
-          .frame(width: 40, height: 24, alignment: value == true ? .trailing : .leading)
-          .background(value ? Colors.pink03 : Colors.black07)
-          .clipShape(Capsule())
-          .opacity(disabled ? 0.4 : 1)
+        }) {
+            HStack {
+                HStack {}
+                    .frame(width: 6, height: 6)
+                    .background(backgroundColor)
+                    .clipShape(Circle())
+            }
+            .frame(width: 14, height: 14)
+            .background(circleColor)
+            .clipShape(Circle())
+            .padding(.leading, Spacing.XS)
+            .padding(.trailing, Spacing.XS)
+        }
+        .disabled(disabled)
+        .frame(width: 38, height: 20, alignment: value ? .trailing : .leading)
+        .background(backgroundColor)
+        .clipShape(Capsule())
+        .accessibilityIdentifier(automationId)
     }
 }