mirror of
https://github.com/phranck/TUIkit.git
synced 2026-05-21 09:50:35 +00:00
phranck
84fdb7ace2
- TableColumn: Column definition with title, alignment, width modes - Key path and closure-based value extraction - Width modes: .fixed(Int), .flexible, .ratio(Double) - Alignment: .leading, .center, .trailing - Chainable modifiers: .alignment(), .width() - Table: SwiftUI-compatible table with column headers - Single selection: Table(data, selection: Binding<ID?>) - Multi-selection: Table(data, selection: Binding<Set<ID>>) - Reuses ItemListHandler for navigation/selection - ANSI-aware column alignment - Header row with column titles - Space-only separators (no vertical lines) - Scroll indicators when content overflows - Empty state placeholder - .disabled() modifier support - TableColumnBuilder: Result builder for column DSL - TablePage: Example with file browser style demo - 21 new tests for Table and TableColumn Completes Phase 2 of List & Table plan.
111 lines
3.8 KiB
Swift
111 lines
3.8 KiB
Swift
// 🖥️ TUIKit — Terminal UI Kit for Swift
|
||
// MainMenuPage.swift
|
||
//
|
||
// Created by LAYERED.work
|
||
// License: MIT
|
||
|
||
import TUIkit
|
||
|
||
/// A small feature highlight box with a bold title and subtitle.
|
||
///
|
||
/// Used on the main menu to showcase key framework properties.
|
||
/// Stateless and palette-driven — wrapped in `.equatable()` for
|
||
/// subtree memoization during Spinner/Pulse animation frames.
|
||
struct FeatureBox: View, Equatable {
|
||
/// The bold headline text.
|
||
let title: String
|
||
|
||
/// The secondary description text.
|
||
let subtitle: String
|
||
|
||
init(_ title: String, _ subtitle: String) {
|
||
self.title = title
|
||
self.subtitle = subtitle
|
||
}
|
||
|
||
var body: some View {
|
||
VStack {
|
||
Text(title)
|
||
.bold()
|
||
.foregroundColor(.palette.accent)
|
||
Text(subtitle)
|
||
.foregroundColor(.palette.foregroundSecondary)
|
||
}
|
||
.padding(EdgeInsets(horizontal: 2, vertical: 1))
|
||
.border(color: .palette.border)
|
||
}
|
||
}
|
||
|
||
/// The main menu page.
|
||
///
|
||
/// Displays a centered menu with all available demos and
|
||
/// feature highlight boxes at the bottom.
|
||
struct MainMenuPage: View {
|
||
@Binding var currentPage: DemoPage
|
||
@Binding var menuSelection: Int
|
||
|
||
var body: some View {
|
||
VStack(spacing: 1) {
|
||
Spacer(minLength: 1)
|
||
|
||
HStack {
|
||
Spacer()
|
||
Menu(
|
||
title: "Select a Demo",
|
||
items: [
|
||
MenuItem(label: "Text Styles", shortcut: "1"),
|
||
MenuItem(label: "Colors", shortcut: "2"),
|
||
MenuItem(label: "Container Views", shortcut: "3"),
|
||
MenuItem(label: "Overlays & Modals", shortcut: "4"),
|
||
MenuItem(label: "Layout System", shortcut: "5"),
|
||
MenuItem(label: "Buttons & Focus", shortcut: "6"),
|
||
MenuItem(label: "Toggles & Checkboxes", shortcut: "7"),
|
||
MenuItem(label: "Radio Buttons", shortcut: "8"),
|
||
MenuItem(label: "Spinners", shortcut: "9"),
|
||
MenuItem(label: "Lists", shortcut: "0"),
|
||
MenuItem(label: "Tables", shortcut: "-"),
|
||
],
|
||
selection: $menuSelection,
|
||
onSelect: { index in
|
||
// Navigate to the selected page
|
||
if let page = DemoPage(rawValue: index + 1) {
|
||
currentPage = page
|
||
}
|
||
},
|
||
selectedColor: .palette.accent,
|
||
// borderStyle uses appearance default
|
||
borderColor: .palette.border
|
||
)
|
||
Spacer()
|
||
}
|
||
|
||
Spacer(minLength: 1)
|
||
|
||
// Feature highlights (centered)
|
||
HStack {
|
||
Spacer()
|
||
HStack(spacing: 3) {
|
||
FeatureBox("Pure Swift", "No ncurses").equatable()
|
||
FeatureBox("Declarative", "SwiftUI-like").equatable()
|
||
FeatureBox("Composable", "View protocol").equatable()
|
||
}
|
||
Spacer()
|
||
}
|
||
|
||
Spacer()
|
||
}
|
||
.appHeader {
|
||
VStack {
|
||
HStack {
|
||
Text("TUIkit Example App").bold().foregroundColor(.palette.accent)
|
||
Spacer()
|
||
Text("TUIkit v\(tuiKitVersion)").foregroundColor(.palette.foregroundTertiary)
|
||
}
|
||
Text("A SwiftUI-like framework for Terminal User Interfaces")
|
||
.foregroundColor(.palette.foregroundSecondary)
|
||
.italic()
|
||
}
|
||
}
|
||
}
|
||
}
|