mirror of
https://github.com/phranck/TUIkit.git
synced 2026-05-21 09:50:35 +00:00
phranck
5ad97132b8
- Replace custom Observable protocol and @Published with Apple's @Observable macro - Add withObservationTracking in renderToBuffer for automatic per-property dependency tracking - Add type-based @Environment(Type.self) and .environment(object) for observable objects - Add ObjectEnvironmentModifier for injecting observable objects into the environment - Add needsCacheClear flag to AppState for thread-safe cache invalidation - Add cross-platform test script (scripts/test-linux.sh) for Docker-based Linux verification - Add DemoAppHeader with system info display (OS, version, architecture) - Consolidate Example App: extract ImageDemoHelpers, KeyboardHelpSection, ValueDisplayRow - Add pre-push verification rule to CLAUDE.md - Verified on both macOS and Linux (swift:6.0 container), 1155 tests passing
102 lines
3.9 KiB
Swift
102 lines
3.9 KiB
Swift
// 🖥️ TUIKit — Terminal UI Kit for Swift
|
||
// TablePage.swift
|
||
//
|
||
// Created by LAYERED.work
|
||
// License: MIT
|
||
|
||
import TUIkit
|
||
|
||
// MARK: - Demo Data
|
||
|
||
/// A file entry for the table demo.
|
||
private struct FileEntry: Identifiable, Sendable {
|
||
let id: String
|
||
let name: String
|
||
let size: String
|
||
let modified: String
|
||
let type: String
|
||
|
||
static let sampleFiles: [Self] = [
|
||
Self(id: "1", name: "README.md", size: "4.2 KB", modified: "2026-02-07", type: "Markdown"),
|
||
Self(id: "2", name: "Package.swift", size: "1.8 KB", modified: "2026-02-06", type: "Swift"),
|
||
Self(id: "3", name: "Sources/", size: "128 KB", modified: "2026-02-07", type: "Directory"),
|
||
Self(id: "4", name: "Tests/", size: "64 KB", modified: "2026-02-05", type: "Directory"),
|
||
Self(id: "5", name: ".gitignore", size: "0.5 KB", modified: "2026-01-15", type: "Config"),
|
||
Self(id: "6", name: "LICENSE", size: "1.1 KB", modified: "2026-01-01", type: "Text"),
|
||
Self(id: "7", name: "docs/", size: "256 KB", modified: "2026-02-04", type: "Directory"),
|
||
Self(id: "8", name: "plans/", size: "32 KB", modified: "2026-02-07", type: "Directory"),
|
||
Self(id: "9", name: ".swiftlint.yml", size: "1.2 KB", modified: "2026-02-02", type: "YAML"),
|
||
Self(id: "10", name: ".github/", size: "8 KB", modified: "2026-01-20", type: "Directory"),
|
||
Self(id: "11", name: "Makefile", size: "0.8 KB", modified: "2026-02-01", type: "Makefile"),
|
||
Self(id: "12", name: ".claude/", size: "16 KB", modified: "2026-02-07", type: "Directory"),
|
||
]
|
||
}
|
||
|
||
// MARK: - Table Page
|
||
|
||
/// Table component demo page.
|
||
///
|
||
/// Shows interactive table features including:
|
||
/// - Column definitions with key paths
|
||
/// - Column alignment (leading, center, trailing)
|
||
/// - Column width modes (fixed, flexible, ratio)
|
||
/// - Single and multi-selection
|
||
/// - Keyboard navigation
|
||
/// - Scroll indicators
|
||
struct TablePage: View {
|
||
@State var singleSelection: String?
|
||
@State var multiSelection: Set<String> = []
|
||
|
||
var body: some View {
|
||
VStack(alignment: .leading, spacing: 1) {
|
||
|
||
Text("File Browser (Single Selection)")
|
||
.foregroundStyle(.palette.foregroundSecondary)
|
||
Table(
|
||
FileEntry.sampleFiles,
|
||
selection: $singleSelection
|
||
) {
|
||
TableColumn("Name", value: \FileEntry.name)
|
||
TableColumn("Size", value: \FileEntry.size)
|
||
.width(.fixed(10))
|
||
.alignment(.trailing)
|
||
TableColumn("Modified", value: \FileEntry.modified)
|
||
.width(.fixed(12))
|
||
TableColumn("Type", value: \FileEntry.type)
|
||
.width(.fixed(10))
|
||
}
|
||
|
||
Text("Multi-Selection Table")
|
||
.foregroundStyle(.palette.foregroundSecondary)
|
||
Table(
|
||
FileEntry.sampleFiles,
|
||
selection: $multiSelection
|
||
) {
|
||
TableColumn("Name", value: \FileEntry.name)
|
||
TableColumn("Type", value: \FileEntry.type)
|
||
.width(.fixed(12))
|
||
}
|
||
|
||
DemoSection("Current Selections") {
|
||
VStack(alignment: .leading, spacing: 1) {
|
||
ValueDisplayRow("Single:", singleSelection ?? "(none)")
|
||
ValueDisplayRow("Multi:", multiSelection.isEmpty ? "(none)" : multiSelection.sorted().joined(separator: ", "))
|
||
}
|
||
}
|
||
|
||
KeyboardHelpSection("Navigation", shortcuts: [
|
||
"Use [Up/Down] to navigate rows",
|
||
"Use [Home/End] to jump to first/last",
|
||
"Use [PageUp/PageDown] for fast scrolling",
|
||
"Use [Enter/Space] to select/deselect",
|
||
"Use [Tab] to switch between tables",
|
||
])
|
||
|
||
Spacer()
|
||
}
|
||
.appHeader {
|
||
DemoAppHeader("Table Demo")
|
||
}
|
||
}
|
||
}
|