@momo-kits/native-kits 0.162.2-debug → 0.162.2-sp.1

package/ios/Swipeable/SwipeCell.swift

@@ -1,6 +1,191 @@
 import Foundation
 import SwiftUI
 
+private let swipeActionWidth: CGFloat = 56
+
+// MARK: - Swipe
+
+public struct Swipe<Content: View>: View {
+    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: 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: Colors.error
+                        )
+                    }
+                }
+            }
+
+            ZStack {
+                Colors.card
+                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 {