mirror of
https://github.com/phranck/TUIkit.git
synced 2026-06-20 09:54:37 +00:00
phranck
282585a68b
Appearance controls the visual structure (border style) of UI controls, while Theme controls colors. Together they create a complete look. New types: - Appearance: Defines borderStyle for all controls - Appearance.ID: Type-safe identifier (no magic strings) - AppearanceManager: Environment-based cycling (no singleton) - AppearanceRegistry: Available appearances Predefined appearances: - .rounded (default) - Curved corners - .sharp - 90-degree corners - .double - Double-line borders - .heavy - Thick/bold borders - .ascii - Maximum terminal compatibility (+, -, |) Updated components to use appearance.borderStyle as default: - Menu, Button, Panel, Card, Box, Alert, Dialog - BorderModifier (.border() modifier) Added 'a' key shortcut to cycle through appearances. Also added BorderStyle.ascii for ASCII-only terminals. All 189 tests passing.
79 lines
2.2 KiB
Swift
79 lines
2.2 KiB
Swift
//
|
|
// Card.swift
|
|
// TUIKit
|
|
//
|
|
// A styled container view with border, background, and padding.
|
|
//
|
|
|
|
/// A container view that displays content in a card-like appearance.
|
|
///
|
|
/// `Card` combines border, background, and padding into a single
|
|
/// convenient container. It's useful for grouping related content.
|
|
///
|
|
/// # Example
|
|
///
|
|
/// ```swift
|
|
/// Card {
|
|
/// Text("Card Title")
|
|
/// .bold()
|
|
/// Text("Card content goes here")
|
|
/// }
|
|
///
|
|
/// Card(borderStyle: .doubleLine, borderColor: .cyan) {
|
|
/// Text("Styled Card")
|
|
/// }
|
|
/// ```
|
|
public struct Card<Content: View>: View {
|
|
/// The content of the card.
|
|
public let content: Content
|
|
|
|
/// The border style (nil uses appearance default).
|
|
public let borderStyle: BorderStyle?
|
|
|
|
/// The border color.
|
|
public let borderColor: Color?
|
|
|
|
/// The background color (nil for transparent).
|
|
public let backgroundColor: Color?
|
|
|
|
/// The padding inside the card.
|
|
public let padding: EdgeInsets
|
|
|
|
/// Creates a card with the specified styling.
|
|
///
|
|
/// - Parameters:
|
|
/// - borderStyle: The border style (default: appearance borderStyle).
|
|
/// - borderColor: The border color (default: theme border).
|
|
/// - backgroundColor: The background color (default: nil).
|
|
/// - padding: The inner padding (default: 1 on all sides).
|
|
/// - content: The content of the card.
|
|
public init(
|
|
borderStyle: BorderStyle? = nil,
|
|
borderColor: Color? = nil,
|
|
backgroundColor: Color? = nil,
|
|
padding: EdgeInsets = EdgeInsets(all: 1),
|
|
@ViewBuilder content: () -> Content
|
|
) {
|
|
self.content = content()
|
|
self.borderStyle = borderStyle
|
|
self.borderColor = borderColor
|
|
self.backgroundColor = backgroundColor
|
|
self.padding = padding
|
|
}
|
|
|
|
public var body: some View {
|
|
// Build the card by composing modifiers
|
|
// Note: .border() with nil style uses appearance default
|
|
if let bgColor = backgroundColor {
|
|
content
|
|
.padding(padding)
|
|
.background(bgColor)
|
|
.border(borderStyle, color: borderColor)
|
|
} else {
|
|
content
|
|
.padding(padding)
|
|
.border(borderStyle, color: borderColor)
|
|
}
|
|
}
|
|
}
|