@momo-kits/native-kits 0.300.3 → 0.300.4-debug

package/ios/Application/Navigation/component/NavigationFooter.swift

@@ -1,90 +0,0 @@
-//
-//  NavigationFooter.swift
-//  MoMoUIKits
-//
-//  SwiftUI mirror of Compose's `Footer` (navigation/StackScreen.kt): the band
-//  pinned under the screen content — surface background, S/M padding, the
-//  navigation-bar reserve, and the 6pt gradient shadow cast up onto the content.
-//
-//  Named `NavigationFooter` to coexist with the legacy `Footer` in `Screen.swift`
-//  (kept as-is for the old `Screen` path). Used by `StackScreen`.
-//
-
-import SwiftUI
-
-public struct NavigationFooter: View {
-    /// Compose's `footerComponent`: nothing renders when nil.
-    var footerComponent: (() -> AnyView)?
-    /// Current keyboard height, measured from the bottom of the screen.
-    var keyboardSize: CGFloat
-
-    public init(
-        footerComponent: (() -> AnyView)?,
-        keyboardSize: CGFloat = 0
-    ) {
-        self.footerComponent = footerComponent
-        self.keyboardSize = keyboardSize
-    }
-
-    @Environment(\.appTheme) private var theme
-
-    /// Read from the window, not from an enclosing `GeometryProxy`: the proxy's bottom
-    /// inset grows to the keyboard height while the keyboard is up.
-    static var safeAreaBottom: CGFloat {
-        UIApplication.shared.connectedScenes
-            .compactMap { ($0 as? UIWindowScene)?.keyWindow?.safeAreaInsets.bottom }
-            .first ?? 0
-    }
-
-    /// Compose's `AppNavigationBar.current` (`getNavigationBarHeight` clamps iOS to 21pt).
-    static var navigationBarInset: CGFloat { min(safeAreaBottom, 21) }
-
-    /// Compose's `bottomPadding + Spacing.S` with the keyboard down. The footer is laid
-    /// out inside the safe area, which already covers part of that gap.
-    static var bottomPadding: CGFloat {
-        max(navigationBarInset + Spacing.S - safeAreaBottom, 0)
-    }
-
-    /// Deliberately an offset and not padding: growing the footer feeds back into SwiftUI's
-    /// keyboard avoidance, so a padding-based lift never settles at the right place.
-    /// Negative lifts the band over the keyboard; positive shaves the few points by which
-    /// the safe area over-reserves compared to Compose. `FloatingContent` rides the same
-    /// amount so the FAB keeps its distance above the band.
-    ///
-    /// Natural position is `safeAreaBottom + bottomPadding` above the bottom of the screen;
-    /// Compose puts it at `(AppNavigationBar - keyboard).coerceAtLeast(0) + Spacing.S` on
-    /// top of the `imePadding()` lift — i.e. `max(navigationBar, keyboard) + Spacing.S`.
-    static func verticalOffset(keyboardSize: CGFloat) -> CGFloat {
-        (safeAreaBottom + bottomPadding) - (max(navigationBarInset, keyboardSize) + Spacing.S)
-    }
-
-    public var body: some View {
-        if let footerComponent = footerComponent {
-            VStack(alignment: .leading, spacing: 0) {
-                footerComponent()
-            }
-            .frame(maxWidth: .infinity, alignment: .leading)
-            .padding(.top, Spacing.S)
-            .padding(.horizontal, Spacing.M)
-            .padding(.bottom, Self.bottomPadding)
-            // Compose paints the surface all the way to the bottom of the screen; the
-            // footer's own frame stops at the safe area, so only the fill bleeds down.
-            .background(theme.colors.background.surface.ignoresSafeArea(.container, edges: .bottom))
-            .overlay(alignment: .top) { shadow }
-            .offset(y: Self.verticalOffset(keyboardSize: keyboardSize))
-        }
-    }
-
-    /// Compose offsets the shadow box by -6dp, so it lands on the content above the
-    /// footer rather than on the footer surface itself.
-    private var shadow: some View {
-        LinearGradient(
-            colors: [Color.clear, Color.black.opacity(0.05)],
-            startPoint: .top,
-            endPoint: .bottom
-        )
-        .frame(height: 6)
-        .offset(y: -6)
-        .allowsHitTesting(false)
-    }
-}

package/ios/Application/Navigation/component/NavigationHeaderRight.swift

@@ -1,196 +0,0 @@
-import SwiftUI
-import Foundation
-
-/// Keyed (`@Environment(\.applicationEnvironment)`) variant of `HeaderRight`, for hosts
-/// wired through `NavigationContainer`/`KitContainer` (the injection style introduced by
-/// MR 227 / DS-637). Reuses the shared data types (`HeaderRightData`, `Tool`, `ToolGroup`)
-/// and `NavigationButton` from `HeaderRight.swift`. The legacy `HeaderRight` there stays on
-/// `@EnvironmentObject` for hosts that render `Screen` directly with
-/// `.environmentObject(ApplicationEnvironment(...))`. Opt in per screen with
-/// `headerRight: { NavigationHeaderRight() }`.
-public struct NavigationHeaderRight: View {
-    public init(headerRight: HeaderRightData? = nil, tintColor: Color? = nil) {
-        self.headerRight = headerRight
-        self.tintColor = tintColor
-    }
-    var headerRight: HeaderRightData?
-    var tintColor: Color? = nil
-
-    public var body: some View {
-        HStack(alignment: .center) {
-            ToolkitNavigationHeaderRight(headerRight: headerRight, tintColor: tintColor)
-        }
-    }
-}
-
-struct ToolkitNavigationHeaderRight: View {
-    var headerRight: HeaderRightData?
-    var tintColor: Color?
-    @State private var isFavorite: Bool = false
-    @State private var isLoading: Bool = false
-    @Environment(\.applicationEnvironment) private var environment
-
-    private func apiValue(_ value: Any?) -> Any {
-        value ?? NSNull()
-    }
-
-    private var contextMap: [String: Any] {
-        let context = environment.applicationContext
-        return [
-            "appId": apiValue(context?.appId),
-            "code": apiValue(context?.appCode),
-            "name": apiValue(context?.appName),
-            "icon": apiValue(context?.appIcon),
-            "description": apiValue(context?.description),
-            "support": apiValue(context?.support),
-            "toolkitConfig": apiValue(context?.toolkitConfig),
-            "providerId": apiValue(context?.providerId),
-            "permissions": apiValue(context?.permissions)
-        ]
-    }
-
-    private var shouldShowShortcut: Bool {
-        headerRight?.useShortcut == true && !(headerRight?.useMore == true && environment.applicationContext == nil)
-    }
-
-    private func parseResponse(_ response: String) -> Any? {
-        guard let jsonData = response.data(using: .utf8),
-              let json = try? JSONSerialization.jsonObject(with: jsonData) as? [String: Any] else {
-            return nil
-        }
-        return json["response"]
-    }
-
-    // MARK: - Actions
-    private func loadFavoriteState() {
-        environment.composeApi?.request(
-            funcName: "isFavoriteApp",
-            params: ["code": apiValue(environment.applicationContext?.appCode)]
-        ) { response in
-            if let isFavorite = parseResponse(response) as? Bool {
-                self.isFavorite = isFavorite
-            }
-        }
-    }
-
-    private func onPressShortcut() {
-        environment.composeApi?.request(
-            funcName: "onToolAction",
-            params: [
-                "item": ["key": "onFavorite"],
-                "context": contextMap
-            ]
-        ) { response in
-            if let result = parseResponse(response) as? [String: Any],
-               result["success"] as? Bool == true {
-                isFavorite.toggle()
-            }
-        }
-    }
-
-    private func onPressHelpCenter() {
-        environment.composeApi?.request(
-            funcName: "showHelpCenter",
-            params: [
-                "appId": apiValue(environment.applicationContext?.appId),
-                "code": apiValue(environment.applicationContext?.appCode),
-                "name": apiValue(environment.applicationContext?.appName),
-                "icon": apiValue(environment.applicationContext?.appIcon),
-                "description": apiValue(environment.applicationContext?.description)
-            ]
-        ) { _ in }
-    }
-
-    private func onPressClose() {
-        environment.composeApi?.request(
-            funcName: "dismissAll",
-            params: nil
-        ) { _ in }
-    }
-
-    private func onPressMore() {
-        let params: [String: Any] = [
-            "useSystemTools": headerRight?.useSystemTools ?? true,
-            "tools": headerRight?.tools.map { $0.toMap() } ?? [],
-            "context": contextMap
-        ]
-        environment.composeApi?.request(
-            funcName: "showTools",
-            params: params
-        ) { response in
-            if let toolResponse = parseResponse(response) as? String {
-                headerRight?.toolCallback?(toolResponse)
-            }
-        }
-    }
-
-    private func getNavigationButtonConfig() -> NavigationButtonConfig {
-        let totalTools = headerRight?.tools.reduce(0) { $0 + $1.items.count } ?? 0
-        var icon = isFavorite ? "pin_star_checked" : "pin_star"
-        var onClickHandler: () -> Void = onPressShortcut
-
-        if totalTools > 1 || headerRight?.useMore == true {
-            icon = "navigation_more_icon"
-            onClickHandler = onPressMore
-        } else if totalTools == 1, let singleTool = headerRight?.tools.first?.items.first {
-            icon = singleTool.icon
-            onClickHandler = {
-                headerRight?.toolCallback?(singleTool.key)
-            }
-        }
-
-        return NavigationButtonConfig(icon: icon, onPress: onClickHandler)
-    }
-
-    var body: some View {
-        let backgroundButtonColor: Color = tintColor == Colors.black01 ? Colors.black20.opacity(0.6) : Colors.black01.opacity(0.6)
-        let borderColor: Color = tintColor == Colors.black01 ? Colors.black01.opacity(0.2) : Colors.black20.opacity(0.2)
-        let navButtonConfig = getNavigationButtonConfig()
-        let showBadge = headerRight?.tools.contains { group in
-            group.items.contains { $0.showBadge }
-        } ?? false
-
-        HStack(alignment: .center, spacing: 0) {
-            if shouldShowShortcut {
-                NavigationButton(
-                    disabled: isLoading,
-                    icon: navButtonConfig.icon,
-                    showBadge: showBadge,
-                    onClick: navButtonConfig.onPress,
-                    tintColor: tintColor
-                )
-            }
-
-            HStack(alignment: .center, spacing: 0) {
-                if environment.applicationContext != nil {
-                    Icon(source: "help_center", size: 20, color: tintColor ?? Colors.black17)
-                        .padding(4)
-                        .onTapGesture {
-                            onPressHelpCenter()
-                        }
-
-                    Rectangle()
-                        .fill(tintColor ?? Colors.black20)
-                        .frame(width: 0.5, height: 12)
-                }
-
-                Icon(source: "16_basic_home", size: 20, color: tintColor ?? Colors.black17)
-                    .padding(4)
-                    .onTapGesture {
-                        onPressClose()
-                    }
-            }
-            .frame(width: 65, height: 28)
-            .background(backgroundButtonColor)
-            .cornerRadius(14)
-            .overlay(
-                RoundedRectangle(cornerRadius: 14)
-                    .stroke(borderColor, lineWidth: 0.2)
-            )
-            .padding(.leading, Spacing.S)
-        }
-        .onAppear {
-            loadFavoriteState()
-        }
-    }
-}

package/ios/Application/Screen.swift

@@ -1,250 +0,0 @@
-//
-//  Screen.swift
-//  Pods
-//
-//  Created by sophia on 5/2/25.
-//
-
-import SwiftUI
-
-public struct Screen<Content: View>: View {
-    // MARK: - Properties
-    
-    var backgroundColor: Color?
-    var headerTransparent: Bool = false
-    var fullScreenContent: Bool = false
-    var tintColor: Color? = Colors.black17
-    var isBack: Bool
-    var headerType: HeaderType
-    var verticalAlignment: VerticalAlignment
-    var horizontalAlignment: HorizontalAlignment
-    var title: String
-    var titlePosition: TitlePosition
-    var goBack: (() -> Void)?
-    var scrollable: Bool
-    var onContentLayout: ((CGRect) -> Void)?
-    var useAvoidKeyboard: Bool
-    var footer: (() -> AnyView)?
-    var headerRight: (()->any View)? = {HeaderRight()}
-    var animatedHeader: AnimatedHeader? = nil
-    var layoutOffset: CGFloat
-    var inputSearchProps: InputSearchProps?
-    var fabProps: FabProps?
-    var content: () -> Content
-    
-    public init(
-        backgroundColor: Color? = nil,
-        headerTransparent: Bool = false,
-        fullScreenContent: Bool = false,
-        tintColor: Color = Colors.black17,
-        isBack: Bool = true,
-        headerType: HeaderType = .default,
-        verticalAlignment: VerticalAlignment = .top,
-        horizontalAlignment: HorizontalAlignment = .leading,
-        title: String = "Stack",
-        titlePosition: TitlePosition = .left,
-        goBack: (() -> Void)? = nil,
-        scrollable: Bool = true,
-        onContentLayout: ((CGRect) -> Void)? = nil,
-        useAvoidKeyboard: Bool = true,
-        footer: (() -> AnyView)? = nil,
-        headerRight:  (()->any View)? = {HeaderRight()},
-        animatedHeader: AnimatedHeader? = nil,
-        layoutOffset: CGFloat = 56,
-        inputSearchProps: InputSearchProps? = nil,
-        fabProps: FabProps? = nil,
-        @ViewBuilder content: @escaping () -> Content
-    ) {
-        self.backgroundColor = backgroundColor
-        self.headerTransparent = headerTransparent
-        self.fullScreenContent = fullScreenContent
-        self.tintColor = tintColor
-        self.isBack = isBack
-        self.headerType = headerType
-        self.verticalAlignment = verticalAlignment
-        self.horizontalAlignment = horizontalAlignment
-        self.title = title
-        self.titlePosition = titlePosition
-        self.goBack = goBack
-        self.scrollable = scrollable
-        self.onContentLayout = onContentLayout
-        self.useAvoidKeyboard = useAvoidKeyboard
-        self.footer = footer
-        self.headerRight = headerRight
-        self.animatedHeader = animatedHeader
-        self.layoutOffset = layoutOffset
-        self.inputSearchProps = inputSearchProps
-        self.fabProps = fabProps
-        self.content = content
-    }
-    
-    @State private var scrollOffset: CGFloat = 0
-    @State private var keyboardHeight: CGFloat = 0
-    
-    // MARK: - Body
-    
-    public var body: some View {
-        GeometryReader { geometry in
-            let topInset = geometry.safeAreaInsets.top
-            let keyboardSize: CGFloat = useAvoidKeyboard ? max(keyboardHeight, 0) : 0
-            let height = geometry.size.height
-            let bottomInset = geometry.safeAreaInsets.bottom
-            let screenHeight = height + topInset + bottomInset
-            
-            ZStack(alignment: .top) {
-                // Background color
-                (backgroundColor ?? Color.white)
-                    .edgesIgnoringSafeArea(.all)
-                
-                VStack(spacing: 0) {
-                    ZStack(alignment: fabProps?.position == .center ? .bottom : .bottomTrailing) {
-                        VStack(alignment: horizontalAlignment, spacing: 0) {
-                            if animatedHeader != nil || (headerTransparent && fullScreenContent) {
-                                ZStack(alignment: .top) {
-                                    // MARK: - Header
-                                    Header(
-                                        headerType: headerType,
-                                        titlePosition: titlePosition,
-                                        title: title,
-                                        headerRight: headerRight,
-                                        goBack: goBack,
-                                        opacity: min(scrollOffset / 114, 1),
-                                        animatedHeader: animatedHeader,
-                                        scrollState: scrollOffset,
-                                        inputSearchProps: inputSearchProps,
-                                        tintColor: tintColor
-                                    )
-                                    
-                                    .background(
-                                        HeaderBackground(
-                                            headerType: headerType,
-                                            scrollState: scrollOffset,
-                                            headerTransparent: headerTransparent,
-                                            fullScreenContent: fullScreenContent
-                                            
-                                        )
-                                        .overlay(animatedHeader?.composable(scrollOffset)
-                                            .frame(maxWidth: .infinity)
-                                            .aspectRatio(animatedHeader?.aspectRatio.value, contentMode: .fill)
-                                        )
-                                    ).zIndex(100)
-                                    
-                                    VStack {
-                                        if scrollable {
-                                            ScrollView(.vertical, showsIndicators: false) {
-                                                VStack {
-                                                    content()
-                                                }
-                                                .background(GeometryReader { geo -> Color in
-                                                    DispatchQueue.main.async {
-                                                        self.scrollOffset = -geo.frame(in: .global).origin.y
-                                                    }
-                                                    return Color.clear
-                                                })
-                                            }
-                                        } else {
-                                            content()
-                                        }
-                                    }
-                                    .edgesIgnoringSafeArea(.all)
-                                }
-                            } else {
-                                // MARK: - Header
-                                Header(
-                                    headerType: headerType,
-                                    titlePosition: titlePosition,
-                                    title: title,
-                                    headerRight: headerRight,
-                                    goBack: goBack,
-                                    opacity: min(scrollOffset / 114, 1),
-                                    animatedHeader: animatedHeader,
-                                    scrollState: scrollOffset,
-                                    inputSearchProps: inputSearchProps,
-                                    tintColor: tintColor
-                                )
-                                .background(
-                                    HeaderBackground(
-                                        headerType: headerType,
-                                        scrollState: scrollOffset,
-                                        headerTransparent: headerTransparent,
-                                        fullScreenContent: fullScreenContent
-                                    )
-                                    .edgesIgnoringSafeArea(.top)
-                                )
-                                
-                                if scrollable {
-                                    ScrollView(.vertical, showsIndicators: false) {
-                                        VStack {
-                                            content()
-                                        }
-                                        .background(GeometryReader { geo -> Color in
-                                            DispatchQueue.main.async {
-                                                self.scrollOffset = -geo.frame(in: .global).origin.y
-                                            }
-                                            return Color.clear
-                                        })
-                                    }
-                                } else {
-                                    content()
-                                }
-                            }
-                        }
-                        
-                        if let fabProps = fabProps {
-                            FloatingButton(
-                                props: fabProps,
-                                keyboardOffset: useAvoidKeyboard ? keyboardSize : 0,
-                                scrollOffset: scrollOffset
-                            )
-                            .padding(.horizontal, Spacing.M)
-                        }
-                    }
-                    
-                    
-                    // MARK: - Footer
-                    if let footerView = footer?() {
-                        Footer(footerView: footerView, keyboardSize: keyboardSize)
-                    }
-                }
-            }
-        }
-    }
-    
-    // MARK: - Keyboard Handling
-    
-    private func observeKeyboard() {
-        NotificationCenter.default.addObserver(forName: UIResponder.keyboardWillChangeFrameNotification, object: nil, queue: .main) { notification in
-            if useAvoidKeyboard,
-               let endFrame = notification.userInfo?[UIResponder.keyboardFrameEndUserInfoKey] as? CGRect {
-                withAnimation(.easeOut(duration: 0.25)) {
-                    keyboardHeight = UIScreen.main.bounds.height - endFrame.origin.y
-                }
-            }
-        }
-    }
-}
-
-// MARK: - Footer
-
-struct Footer: View {
-    var footerView: AnyView
-    var keyboardSize: CGFloat
-    var bottomInset: CGFloat = 0
-
-    var body: some View {
-        VStack {
-            footerView
-        }
-        .padding(.vertical, Spacing.S)
-        .padding(.horizontal, Spacing.M)
-        .padding(.bottom, keyboardSize - bottomInset)
-        .background(Colors.black01)
-        .overlay(
-            Rectangle()
-                .fill(Colors.black20.opacity(0.1))
-                .frame(height: 4)
-                .shadow(color: Colors.black20.opacity(0.2), radius: 10, y: -2),
-            alignment: .top
-        )
-    }
-}