5707d70dff
侧边栏（真机验证）： - 砍掉悬浮态，只留收起⇄固定展开；TerminalSidebar 单一视图身份， 内容恒按 288pt 排版、收起=左侧裁切（clipped 宽度动画）， 图标列两态同尺寸同位置，明细淡入淡出，终端随宽度盖上/让开 - 开合入口收敛：Logo 位（收起态=»展开键/展开态=Logo）+ 头部«； 删底部开合键与 Pin；LeadingHitShape 修 clipped 不裁触摸 - 修 GridBox 从不通知 UI：onGridChange→objectWillChange， 标题胶囊格子数随开合实时刷新 触控化走查（上一轮，真机部署验证）： - 窗口按钮 13pt 色点→22pt 圆角方块常显字形；动作条改可点按钮 - TXTech 拼写/配色规范（SSH/mosh/tmux 官方写法+品牌色映射） - 首页会话卡固定 3 列 4:3；去掉未实现的 ⌘K 提示 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
83 lines
3.2 KiB
Swift
83 lines
3.2 KiB
Swift
import SwiftUI
|
||
|
||
/// 顶层去处。设计定稿只有两处落点：首页（主机管理）与终端。
|
||
///
|
||
/// 关键：路由与**会话生命周期解耦** —— 回首页/最小化只改 route，会话照跑
|
||
/// （会话 surface 由 `SessionCanvas` 常驻挂载，见 ContentView）。
|
||
enum AppRoute: Equatable {
|
||
case home
|
||
case terminal(UUID)
|
||
|
||
var sessionID: UUID? {
|
||
if case .terminal(let id) = self { return id }
|
||
return nil
|
||
}
|
||
}
|
||
|
||
/// 侧边栏两态（用户裁决砍掉悬浮态：展开即固定）。同一条栏，元素不增不减，只是展示密度不同。
|
||
enum SidebarState: Equatable {
|
||
/// 56pt 轨道：只显图标与两字缩写
|
||
case collapsed
|
||
/// 288pt 固定在左侧：终端变窄。开合各触发一次 resize。
|
||
case pinned
|
||
|
||
var isExpanded: Bool { self == .pinned }
|
||
|
||
/// 该状态下侧边栏占据的布局宽度。
|
||
var layoutWidth: CGFloat {
|
||
switch self {
|
||
case .collapsed: TX.Layout.railWidth
|
||
case .pinned: TX.Layout.sidebarWidth
|
||
}
|
||
}
|
||
}
|
||
|
||
/// 终端页上的模态浮层。放在 router 而不是视图 `@State`：⌘W/⌘D 快捷键与无头 URL 驱动
|
||
/// 都要能打开它，视图内部状态触达不到。
|
||
enum AppModal: Equatable {
|
||
/// 关闭确认（3c）
|
||
case closeConfirm
|
||
/// 分屏菜单（3b）。`vertical` = 竖分（⌘D）/ 横分（⌘⇧D）
|
||
case splitMenu(vertical: Bool)
|
||
}
|
||
|
||
/// 导航状态持有者。视图只读它、只经方法改它。
|
||
@MainActor
|
||
final class AppRouter: ObservableObject {
|
||
@Published var route: AppRoute = .home
|
||
@Published var sidebar: SidebarState = .collapsed
|
||
/// 当前模态浮层（关闭确认 / 分屏菜单）。
|
||
@Published var modal: AppModal?
|
||
|
||
/// 状态切换动效统一走 `TX.Motion.standard`（设计定稿 200–260ms easeOut，响应「减弱动态」）。
|
||
///
|
||
/// **路由 / 侧边栏 / 浮层的每一次变更都必须包在这条曲线里**，否则视图上的 `transition`
|
||
/// 拿不到动画事务就退化成硬切 —— 首页 ⇄ 终端、关闭确认、分屏菜单曾都是这么"啪"地跳出来的。
|
||
/// 收在 router 里的另一个好处：点击、⌘ 快捷键、无头 URL 三条入口天然同一手感。
|
||
private func animated(_ change: () -> Void) {
|
||
withAnimation(TX.Motion.standard, change)
|
||
}
|
||
|
||
/// 进入某会话（点会话卡 / 侧边栏会话行 / 新建连接后）。恢复焦点由会话自身持有。
|
||
func enter(_ sessionID: UUID) {
|
||
animated { route = .terminal(sessionID) }
|
||
}
|
||
|
||
/// 回首页：会话完全不动（⌘⇧H / 侧边栏首页行）。展开态跨导航保留。
|
||
func goHome() {
|
||
animated {
|
||
modal = nil
|
||
route = .home
|
||
}
|
||
}
|
||
|
||
/// 开合侧边栏（⌘\ / Logo 位展开键 / 头部收起键）。收起 ⇄ 固定展开。
|
||
func toggleSidebar() {
|
||
animated { sidebar = sidebar == .collapsed ? .pinned : .collapsed }
|
||
}
|
||
|
||
/// 打开/关闭模态浮层（红点、⌘W、⌘D、⌘⇧D 与无头 URL 共用同一入口）。
|
||
func present(_ modal: AppModal) { animated { self.modal = modal } }
|
||
func dismissModal() { animated { modal = nil } }
|
||
}
|