@momo-kits/native-kits 0.162.2-beta.26-debug → 0.162.2-beta.27-debug

package/ios/BaselineView/BaselineView.swift

@@ -1,163 +0,0 @@
-import SwiftUI
-
-public struct BaselineView: View {
-    private let enabled: Bool
-
-    public init(enabled: Bool = true) {
-        self.enabled = enabled
-    }
-
-    public var body: some View {
-        if enabled {
-            GeometryReader { geometry in
-                let topInset = geometry.safeAreaInsets.top
-                let bottomInset = min(geometry.safeAreaInsets.bottom, 21)
-
-                ZStack(alignment: .topLeading) {
-                    dangerZones(topInset: topInset, bottomInset: bottomInset)
-                    guideLines(
-                        topInset: topInset,
-                        bottomInset: bottomInset,
-                        width: geometry.size.width
-                    )
-                }
-                .frame(maxWidth: .infinity, maxHeight: .infinity)
-                .ignoresSafeArea()
-                .allowsHitTesting(false)
-                .accessibilityHidden(true)
-            }
-        }
-    }
-
-    private func dangerZones(topInset: CGFloat, bottomInset: CGFloat) -> some View {
-        let safeBackground = Color.red.opacity(0.15)
-
-        return ZStack(alignment: .topLeading) {
-            safeBackground
-                .frame(maxWidth: .infinity)
-                .frame(height: topInset)
-
-            HStack(spacing: 0) {
-                safeBackground
-                    .frame(width: 12)
-                Spacer(minLength: 0)
-                safeBackground
-                    .frame(width: 12)
-            }
-            .padding(.top, topInset)
-            .padding(.bottom, bottomInset)
-
-            VStack(spacing: 0) {
-                Spacer(minLength: 0)
-                safeBackground
-                    .frame(maxWidth: .infinity)
-                    .frame(height: bottomInset)
-            }
-        }
-    }
-
-    private func guideLines(topInset: CGFloat, bottomInset: CGFloat, width: CGFloat) -> some View {
-        ZStack(alignment: .topLeading) {
-            baselineLine(isDotted: false, color: Color(hex: 0xE400FF))
-                .offset(y: topInset)
-
-            baselineLine(color: Color(hex: 0xE400FF))
-                .offset(y: topInset + 52)
-
-            baselineLine(color: Color(hex: 0xE400FF))
-                .offset(y: topInset + 104)
-
-            bottomLine(bottomInset: bottomInset + 64, color: Color(hex: 0xE400FF))
-
-            bottomLine(bottomInset: bottomInset, isDotted: false, color: Color(hex: 0xE400FF))
-
-            baselineLine(orientation: .vertical, isDotted: false, color: Color(hex: 0xE400FF))
-                .offset(x: 12)
-
-            baselineLine(orientation: .vertical, isDotted: false, color: Color(hex: 0xE400FF))
-                .offset(x: width - 12)
-
-            baselineLine(color: Color(hex: 0xFF7A00))
-                .offset(y: topInset + 26)
-
-            bottomLine(bottomInset: bottomInset + 56, color: Color(hex: 0xFFCC00))
-
-            bottomLine(bottomInset: bottomInset + 8, color: Color(hex: 0xFFCC00))
-
-            baselineLine(orientation: .vertical, color: Color(hex: 0x00C520))
-                .frame(height: 52)
-                .offset(x: 40, y: topInset)
-
-            baselineLine(orientation: .vertical, color: Color(hex: 0x00C520))
-                .frame(height: 52)
-                .offset(x: 48, y: topInset)
-        }
-    }
-
-    private func bottomLine(
-        bottomInset: CGFloat,
-        isDotted: Bool = true,
-        color: Color
-    ) -> some View {
-        VStack(spacing: 0) {
-            Spacer(minLength: 0)
-            baselineLine(isDotted: isDotted, color: color)
-                .padding(.bottom, bottomInset)
-        }
-    }
-
-    private func baselineLine(
-        orientation: BaselineOrientation = .horizontal,
-        isDotted: Bool = true,
-        color: Color
-    ) -> some View {
-        BaselineLineShape(orientation: orientation)
-            .stroke(
-                color,
-                style: StrokeStyle(
-                    lineWidth: 1,
-                    lineCap: .round,
-                    dash: isDotted ? [8, 8] : []
-                )
-            )
-            .frame(
-                maxWidth: orientation == .horizontal ? .infinity : 1,
-                maxHeight: orientation == .vertical ? .infinity : 1
-            )
-    }
-}
-
-public enum BaselineOrientation: Sendable {
-    case horizontal
-    case vertical
-}
-
-private struct BaselineLineShape: Shape {
-    let orientation: BaselineOrientation
-
-    func path(in rect: CGRect) -> Path {
-        var path = Path()
-
-        switch orientation {
-        case .horizontal:
-            path.move(to: CGPoint(x: rect.minX, y: rect.midY))
-            path.addLine(to: CGPoint(x: rect.maxX, y: rect.midY))
-        case .vertical:
-            path.move(to: CGPoint(x: rect.midX, y: rect.minY))
-            path.addLine(to: CGPoint(x: rect.midX, y: rect.maxY))
-        }
-
-        return path
-    }
-}
-
-#if DEBUG
-struct BaselineView_Previews: PreviewProvider {
-    static var previews: some View {
-        ZStack {
-            Colors.black01
-            BaselineView()
-        }
-    }
-}
-#endif

package/ios/Carousel/Carousel.swift

@@ -1,181 +0,0 @@
-import Combine
-import SwiftUI
-
-/// Native SwiftUI port of the Compose `Carousel` component.
-///
-/// Mirrors the Compose API: a paging horizontal carousel driven by an
-/// `itemCount` and a `content` builder that receives the real (modulo) index.
-/// Supports infinite `loop`, `autoplay` with a configurable interval,
-/// inactive-slide `opacity`/`scale` effects, optional `contentPadding`,
-/// snap behavior, and scroll enable/disable. Snap / scroll-index callbacks
-/// report the real item index.
-///
-/// Available iOS 14+ (uses a custom paging ScrollView so behavior is identical
-/// across versions and supports the loop virtualization + transform effects
-/// that `TabView(.page)` cannot express).
-public struct Carousel<Content: View>: View {
-    // MARK: Lifecycle
-
-    public init(
-        itemCount: Int,
-        loop: Bool = false,
-        autoplay: Bool = false,
-        autoplayInterval: TimeInterval = 3.0,
-        enableSnap: Bool = true,
-        scrollEnabled: Bool = true,
-        inactiveSlideOpacity: Double = 1.0,
-        inactiveSlideScale: Double = 1.0,
-        contentPadding: CGFloat = 0,
-        onSnapToItem: @escaping (Int) -> Void = { _ in },
-        onScrollIndexChanged: @escaping (Int) -> Void = { _ in },
-        @ViewBuilder content: @escaping (_ index: Int) -> Content
-    ) {
-        self.itemCount = itemCount
-        self.loop = loop
-        self.autoplay = autoplay
-        self.autoplayInterval = autoplayInterval
-        self.enableSnap = enableSnap
-        self.scrollEnabled = scrollEnabled
-        self.inactiveSlideOpacity = inactiveSlideOpacity
-        self.inactiveSlideScale = inactiveSlideScale
-        self.contentPadding = contentPadding
-        self.onSnapToItem = onSnapToItem
-        self.onScrollIndexChanged = onScrollIndexChanged
-        self.content = content
-
-        let virtual = loop ? itemCount * 1000 : itemCount
-        let start = loop ? (virtual / 2) - ((virtual / 2) % max(itemCount, 1)) : 0
-        self.virtualPageCount = virtual
-        _currentPage = State(initialValue: start)
-    }
-
-    // MARK: Public
-
-    public var body: some View {
-        if itemCount <= 0 {
-            EmptyView()
-        } else {
-            GeometryReader { geo in
-                let pageWidth = max(geo.size.width - contentPadding * 2, 1)
-                carouselContent(pageWidth: pageWidth, viewportWidth: geo.size.width)
-            }
-        }
-    }
-
-    // MARK: Private
-
-    private let itemCount: Int
-    private let loop: Bool
-    private let autoplay: Bool
-    private let autoplayInterval: TimeInterval
-    private let enableSnap: Bool
-    private let scrollEnabled: Bool
-    private let inactiveSlideOpacity: Double
-    private let inactiveSlideScale: Double
-    private let contentPadding: CGFloat
-    private let onSnapToItem: (Int) -> Void
-    private let onScrollIndexChanged: (Int) -> Void
-    private let content: (Int) -> Content
-
-    private let virtualPageCount: Int
-
-    @State private var currentPage: Int
-    @State private var dragOffset: CGFloat = 0
-    @State private var isDragging: Bool = false
-    @State private var autoplayTick: Int = 0
-
-    private func realIndex(_ page: Int) -> Int {
-        ((page % itemCount) + itemCount) % itemCount
-    }
-
-    @ViewBuilder
-    private func carouselContent(pageWidth: CGFloat, viewportWidth: CGFloat) -> some View {
-        let step = pageWidth
-        // Offset so the current page is centered within the viewport padding.
-        let baseOffset = -CGFloat(currentPage) * step + contentPadding
-
-        ZStack {
-            HStack(spacing: 0) {
-                ForEach(0 ..< virtualPageCount, id: \.self) { page in
-                    slide(page: page, step: step, viewportWidth: viewportWidth)
-                        .frame(width: pageWidth)
-                }
-            }
-            .offset(x: baseOffset + dragOffset)
-            .animation(isDragging ? nil : .easeInOut(duration: 0.25), value: currentPage)
-            .frame(width: viewportWidth, alignment: .leading)
-            .contentShape(Rectangle())
-            .gesture(scrollEnabled ? dragGesture(step: step) : nil)
-        }
-        .frame(width: viewportWidth)
-        .clipped()
-        .onReceive(autoplayTimer) { _ in
-            guard autoplay, itemCount > 1, !isDragging else { return }
-            advance()
-        }
-    }
-
-    @ViewBuilder
-    private func slide(page: Int, step: CGFloat, viewportWidth: CGFloat) -> some View {
-        // Fractional offset of this page from the current page (incl. drag).
-        let dragFraction = step > 0 ? -dragOffset / step : 0
-        let pageOffset = abs(CGFloat(currentPage - page) + dragFraction)
-        let isActive = pageOffset < 0.5
-        let scale = isActive ? 1.0 : inactiveSlideScale
-        let alpha = isActive ? 1.0 : inactiveSlideOpacity
-
-        content(realIndex(page))
-            .scaleEffect(scale)
-            .opacity(alpha)
-            .animation(.easeInOut(duration: 0.15), value: isActive)
-    }
-
-    private func dragGesture(step: CGFloat) -> some Gesture {
-        DragGesture(minimumDistance: 5)
-            .onChanged { value in
-                isDragging = true
-                dragOffset = value.translation.width
-            }
-            .onEnded { value in
-                isDragging = false
-                let predicted = value.predictedEndTranslation.width
-                let threshold = step / 4
-                var target = currentPage
-                if enableSnap {
-                    if predicted < -threshold {
-                        target = min(currentPage + 1, virtualPageCount - 1)
-                    } else if predicted > threshold {
-                        target = max(currentPage - 1, 0)
-                    }
-                } else {
-                    // Free scroll still settles to nearest page boundary.
-                    let moved = step > 0 ? Int((-dragOffset / step).rounded()) : 0
-                    target = min(max(currentPage + moved, 0), virtualPageCount - 1)
-                }
-                dragOffset = 0
-                setPage(target)
-            }
-    }
-
-    private func advance() {
-        let next = currentPage + 1
-        if next < virtualPageCount {
-            setPage(next)
-        }
-    }
-
-    private func setPage(_ page: Int) {
-        let clamped = min(max(page, 0), virtualPageCount - 1)
-        let changed = clamped != currentPage
-        currentPage = clamped
-        if changed {
-            let real = realIndex(clamped)
-            onSnapToItem(real)
-            onScrollIndexChanged(real)
-        }
-    }
-
-    private var autoplayTimer: Publishers.Autoconnect<Timer.TimerPublisher> {
-        Timer.publish(every: autoplayInterval, on: .main, in: .common).autoconnect()
-    }
-}

package/ios/Collapse/Collapse.swift

@@ -1,182 +0,0 @@
-import SwiftUI
-
-public enum CollapseTitleSize {
-    case small
-    case medium
-    case large
-
-    var typography: TypographyStyle {
-        switch self {
-        case .small: return .headerSSemibold
-        case .medium: return .headerDefaultBold
-        case .large: return .headerMBold
-        }
-    }
-}
-
-public struct Collapse<Content: View>: View {
-    @Environment(\.appTheme) private var theme
-
-    private let title: String
-    private let description: String?
-    private let image: String?
-    private let imageSize: CGFloat
-    private let subTitle: String?
-    private let tagLabel: String?
-    private let tagColor: Tag.TagColor
-    private let showBorder: Bool
-    private let expandDefault: Bool
-    private let titleSize: CollapseTitleSize
-    private let useBackgroundCollapseButton: Bool
-    private let backgroundColor: Color?
-    private let titleColor: Color?
-    private let onPress: ((Bool) -> Void)?
-    private let content: (() -> Content)?
-
-    @State private var expanded: Bool
-
-    public init(
-        title: String,
-        description: String? = nil,
-        image: String? = nil,
-        imageSize: CGFloat = 24,
-        subTitle: String? = nil,
-        tagLabel: String? = nil,
-        tagColor: Tag.TagColor = .default,
-        showBorder: Bool = false,
-        expandDefault: Bool = false,
-        titleSize: CollapseTitleSize = .medium,
-        useBackgroundCollapseButton: Bool = false,
-        backgroundColor: Color? = nil,
-        titleColor: Color? = nil,
-        onPress: ((Bool) -> Void)? = nil,
-        @ViewBuilder content: @escaping () -> Content
-    ) {
-        self.title = title
-        self.description = description
-        self.image = image
-        self.imageSize = imageSize
-        self.subTitle = subTitle
-        self.tagLabel = tagLabel
-        self.tagColor = tagColor
-        self.showBorder = showBorder
-        self.expandDefault = expandDefault
-        self.titleSize = titleSize
-        self.useBackgroundCollapseButton = useBackgroundCollapseButton
-        self.backgroundColor = backgroundColor
-        self.titleColor = titleColor
-        self.onPress = onPress
-        self.content = content
-        _expanded = State(initialValue: expandDefault)
-    }
-
-    private var resolvedBackgroundColor: Color {
-        backgroundColor ?? theme.colors.background.surface
-    }
-
-    public var body: some View {
-        VStack(spacing: 0) {
-            header
-
-            if let content {
-                if expanded {
-                    VStack(spacing: 0) {
-                        content()
-                    }
-                    .frame(maxWidth: .infinity)
-                    .overlay(
-                        showBorder
-                            ? RoundedRectangle(cornerRadius: 0)
-                                .stroke(theme.colors.border.default, lineWidth: 1)
-                            : nil
-                    )
-                    .transition(.move(edge: .top).combined(with: .opacity))
-                }
-            }
-        }
-        .frame(maxWidth: .infinity)
-        .background(resolvedBackgroundColor)
-        .clipShape(RoundedRectangle(cornerRadius: Radius.S, style: .continuous))
-        .overlay(
-            showBorder
-                ? RoundedRectangle(cornerRadius: Radius.S, style: .continuous)
-                    .stroke(theme.colors.border.default, lineWidth: 1)
-                : nil
-        )
-    }
-
-    private var header: some View {
-        SwiftUI.Button(action: {
-            onPress?(expanded)
-            withAnimation(.easeInOut(duration: 0.3)) {
-                expanded.toggle()
-            }
-        }) {
-            HStack(alignment: .top, spacing: 0) {
-                if let image {
-                    ImageView(image, contentMode: .fill)
-                        .frame(width: imageSize, height: imageSize)
-                        .clipShape(RoundedRectangle(cornerRadius: Radius.XS, style: .continuous))
-                    Spacer().frame(width: Spacing.S)
-                }
-
-                VStack(alignment: .leading, spacing: 0) {
-                    MomoText(
-                        title,
-                        typography: titleSize.typography,
-                        color: titleColor ?? theme.colors.text.default
-                    )
-                    if let description {
-                        MomoText(
-                            description,
-                            typography: .bodyDefaultRegular,
-                            color: theme.colors.text.secondary
-                        )
-                        .lineLimit(2)
-                    }
-                }
-                .frame(maxWidth: .infinity, alignment: .leading)
-
-                if subTitle != nil || tagLabel != nil {
-                    Spacer().frame(width: Spacing.S)
-                    if let subTitle {
-                        MomoText(
-                            subTitle,
-                            typography: .bodyDefaultRegular,
-                            color: theme.colors.text.secondary
-                        )
-                        .lineLimit(1)
-                    } else if let tagLabel {
-                        Tag(label: tagLabel, color: tagColor)
-                    }
-                }
-
-                Spacer().frame(width: Spacing.S)
-                chevron
-            }
-            .padding(.horizontal, Spacing.M)
-            .padding(.vertical, Spacing.S)
-            .frame(maxWidth: .infinity)
-            .contentShape(Rectangle())
-        }
-        .buttonStyle(.plain)
-    }
-
-    private var chevron: some View {
-        Group {
-            if useBackgroundCollapseButton {
-                Icon(source: "arrow_chevron_down_small", size: 16, color: theme.colors.primary)
-                    .rotationEffect(.degrees(expanded ? 180 : 0))
-                    .frame(width: 24, height: 24)
-                    .background(
-                        RoundedRectangle(cornerRadius: Radius.M, style: .continuous)
-                            .fill(theme.colors.background.tonal)
-                    )
-            } else {
-                Icon(source: "arrow_chevron_down_small", size: 24, color: theme.colors.text.default)
-                    .rotationEffect(.degrees(expanded ? 180 : 0))
-            }
-        }
-        .animation(.easeInOut(duration: 0.3), value: expanded)
-    }
-}