admin
5bee5b8942
在共享引擎公开 API 之上写 Mac 原生视图（不复用 iOS TabView 视图，改按 Mac 惯用交互），接入 MacRootView 五区取代占位。引擎零改动——feature 方法皆 internal，Mac 视图同 target 可直调。 - 传输 MacTransfersView：NSOpenPanel 多选发送 + 拖放发送（.dropDestination，Mac 独有无 iOS 前例）+ 进行中列表（进度条 / 速度 / 直连·中继 / 右键取消·切中继）+ 历史（右键打开·在 Finder 显示·删记录）+ 清空历史；MacComposeSheet（待发文件列表 + 目标设备 radioGroup 选择） - 文件 MacFilesView：engine.receivedFiles() 轮询（onAppear + history.count 变即刷）+ 双击 / 右键打开（NSWorkspace.open）+ 在 Finder 显示（activateFileViewerSelecting）+ 转发（confirmationDialog 选设备 → sendFile）+ 删除 - 消息 MacMessagesView：HSplitView 双栏（会话列表 + 线程），选中即 setActiveConversation + markConversationRead、离开置 nil，撰写栏 canMessage 门控，气泡 in/out 对齐 + 未读红点 - 设备 MacDevicesView 增强：macDeviceSymbol 类型图标 + 排除本机（selfDeviceID）+ 右键移除设备（confirmationDialog + revokeDevice） - 设置 MacSettingsView 增强：设备名可改（TextField + renameSelf）+ 云剪贴板上传 / 拉取 + 引擎诊断（status / 信令 hubConnected·hubReconnecting / 在线设备数）+ 引擎日志 - NoticeOverlay 挂 MacRootView 窗口顶部（吊销 / 改名 / 剪贴板 / 登录审批反馈自动横幅）；Sources/NotificationBanner.swift 纳入 Mac target - deviceSymbol / fileByteSize 因所在 iOS 源文件（RootView / SendComposeSheet）未纳入 Mac target，按同语义在 MacFeatureViews 另置一份 - 验证：just mac-build（CommilitiaDropMac.app）+ iOS 模拟器（CommilitiaDrop.app）均 BUILD SUCCEEDED
272 lines
8.7 KiB
Swift
272 lines
8.7 KiB
Swift
#if os(macOS)
|
||
import SwiftUI
|
||
|
||
// 桌面根界面：NavigationSplitView 侧栏（传输 / 文件 / 消息 / 设备 / 设置）+ 详情 NavigationStack，
|
||
// 替代 iOS 的标签栏。离屏无头引擎 WebView 挂在背景保活（同 iOS RootView）。传输 / 文件 / 消息详情为
|
||
// 占位（随 Phase 3b 复用 iOS 视图）；设备 / 设置已接引擎真实态（presence / 账号 / 日志），作 3a 引擎
|
||
// 联通证明。分区标签暂硬编中文；接入 i18n（t()）待 Phase 3b 复用视图时统一。
|
||
struct MacRootView: View
|
||
{
|
||
@Environment(EngineController.self) private var engine
|
||
@Environment(AuthManager.self) private var auth
|
||
@State private var selection: MacSection = .transfers
|
||
|
||
var body: some View
|
||
{
|
||
NavigationSplitView
|
||
{
|
||
List(selection: $selection)
|
||
{
|
||
brandHeader
|
||
.listRowInsets(EdgeInsets(top: 10, leading: 8, bottom: 14, trailing: 8))
|
||
.listRowSeparator(.hidden)
|
||
.selectionDisabled()
|
||
Section
|
||
{
|
||
ForEach(MacSection.sidebar)
|
||
{ section in
|
||
Label(section.title, systemImage: section.icon)
|
||
.badge(badge(for: section))
|
||
.tag(section)
|
||
}
|
||
}
|
||
}
|
||
.navigationSplitViewColumnWidth(min: 200, ideal: 220, max: 280)
|
||
.navigationTitle("Commilitia Drop")
|
||
}
|
||
detail:
|
||
{
|
||
NavigationStack
|
||
{
|
||
detail
|
||
}
|
||
}
|
||
// 离屏无头引擎 WebView：零尺寸不可见，仅保持存活（登录后随本视图出现即 boot）。同 iOS RootView。
|
||
.background
|
||
{
|
||
EngineWebView(controller: engine, auth: auth)
|
||
.frame(width: 0, height: 0)
|
||
.opacity(0)
|
||
.allowsHitTesting(false)
|
||
}
|
||
// 瞬时通知横幅（吊销 / 改名 / 剪贴板 / 登录审批反馈）覆盖窗口顶部。同 iOS RootView。
|
||
.overlay(alignment: .top)
|
||
{
|
||
NoticeOverlay()
|
||
}
|
||
}
|
||
|
||
@ViewBuilder
|
||
private var detail: some View
|
||
{
|
||
switch selection
|
||
{
|
||
case .transfers:
|
||
MacTransfersView()
|
||
case .files:
|
||
MacFilesView()
|
||
case .messages:
|
||
MacMessagesView()
|
||
case .devices:
|
||
MacDevicesView()
|
||
case .settings:
|
||
MacSettingsView()
|
||
}
|
||
}
|
||
|
||
private var brandHeader: some View
|
||
{
|
||
HStack(spacing: 10)
|
||
{
|
||
Image(systemName: "paperplane.fill")
|
||
.font(.title2)
|
||
.foregroundStyle(.tint)
|
||
Text("Commilitia Drop")
|
||
.font(.title3.weight(.semibold))
|
||
.lineLimit(1)
|
||
}
|
||
}
|
||
|
||
// 未读红点：消息 / 传输（对齐 iOS RootView 的 badge）。
|
||
private func badge(for section: MacSection) -> Int
|
||
{
|
||
switch section
|
||
{
|
||
case .messages: return engine.unreadMessages
|
||
case .transfers: return engine.unreadTransfers
|
||
default: return 0
|
||
}
|
||
}
|
||
}
|
||
|
||
// 侧栏分区。与 iOS 标签一致：传输 / 文件 / 消息 / 设备 / 设置。
|
||
enum MacSection: Hashable, Identifiable, CaseIterable
|
||
{
|
||
case transfers, files, messages, devices, settings
|
||
|
||
var id: Self { self }
|
||
|
||
var title: String
|
||
{
|
||
switch self
|
||
{
|
||
case .transfers: return "传输"
|
||
case .files: return "文件"
|
||
case .messages: return "消息"
|
||
case .devices: return "设备"
|
||
case .settings: return "设置"
|
||
}
|
||
}
|
||
|
||
var icon: String
|
||
{
|
||
switch self
|
||
{
|
||
case .transfers: return "arrow.up.arrow.down"
|
||
case .files: return "folder"
|
||
case .messages: return "bubble.left.and.bubble.right"
|
||
case .devices: return "laptopcomputer.and.iphone"
|
||
case .settings: return "gearshape"
|
||
}
|
||
}
|
||
|
||
static var sidebar: [MacSection] { MacSection.allCases }
|
||
}
|
||
|
||
// 设备：引擎经桥推来的真实 presence（图标随类型 + 在线态 + 移除设备）。排除本机。
|
||
struct MacDevicesView: View
|
||
{
|
||
@Environment(EngineController.self) private var engine
|
||
@State private var revokeTarget: DeviceItem?
|
||
|
||
private var others: [DeviceItem]
|
||
{
|
||
engine.devices.filter { $0.deviceID != engine.selfDeviceID }
|
||
}
|
||
|
||
var body: some View
|
||
{
|
||
Group
|
||
{
|
||
if others.isEmpty
|
||
{
|
||
ContentUnavailableView("暂无其他设备", systemImage: "laptopcomputer.and.iphone",
|
||
description: Text("同账户的其他设备将显示在此。"))
|
||
}
|
||
else
|
||
{
|
||
List(others)
|
||
{ dev in
|
||
HStack(spacing: 10)
|
||
{
|
||
Image(systemName: macDeviceSymbol(dev.type))
|
||
.foregroundStyle(dev.online ? Color.green : Color.secondary)
|
||
VStack(alignment: .leading, spacing: 2)
|
||
{
|
||
Text(dev.name)
|
||
Text(dev.online ? "在线" : "离线")
|
||
.font(.caption)
|
||
.foregroundStyle(.secondary)
|
||
}
|
||
Spacer()
|
||
}
|
||
.contextMenu
|
||
{
|
||
Button("移除设备", role: .destructive) { revokeTarget = dev }
|
||
}
|
||
}
|
||
}
|
||
}
|
||
.navigationTitle("设备")
|
||
.confirmationDialog("移除该设备？",
|
||
isPresented: Binding(get: { revokeTarget != nil },
|
||
set: { if !$0 { revokeTarget = nil } }),
|
||
presenting: revokeTarget)
|
||
{ dev in
|
||
Button("移除 \(dev.name)", role: .destructive) { engine.revokeDevice(dev.deviceID) }
|
||
Button("取消", role: .cancel) {}
|
||
}
|
||
message:
|
||
{ dev in
|
||
Text("将吊销 \(dev.name) 的登录，该设备需重新登录。")
|
||
}
|
||
}
|
||
}
|
||
|
||
// 设置：账号 + 本机设备名（可改）+ 云剪贴板 + 引擎状态 + 引擎日志 + 登出。
|
||
struct MacSettingsView: View
|
||
{
|
||
@Environment(EngineController.self) private var engine
|
||
@Environment(AuthManager.self) private var auth
|
||
@State private var nameDraft = DeviceNameStore.value
|
||
|
||
private var signalingLabel: String
|
||
{
|
||
if engine.hubConnected { return "已连接" }
|
||
if engine.hubReconnecting { return "重连中…" }
|
||
return "未连接"
|
||
}
|
||
|
||
var body: some View
|
||
{
|
||
Form
|
||
{
|
||
Section("账号")
|
||
{
|
||
LabeledContent("用户", value: auth.session?.user.name ?? "—")
|
||
HStack
|
||
{
|
||
TextField("本机设备名", text: $nameDraft)
|
||
.onSubmit { commitRename() }
|
||
Button("保存") { commitRename() }
|
||
.disabled(nameDraft.trimmingCharacters(in: .whitespaces).isEmpty)
|
||
}
|
||
Button("登出", role: .destructive)
|
||
{
|
||
engine.reset()
|
||
auth.logout()
|
||
}
|
||
}
|
||
Section("云剪贴板")
|
||
{
|
||
Button("上传本机剪贴板") { engine.uploadClipboard() }
|
||
Button("拉取云剪贴板到本机") { engine.pullClipboard() }
|
||
}
|
||
Section("引擎")
|
||
{
|
||
LabeledContent("状态", value: engine.status)
|
||
LabeledContent("信令", value: signalingLabel)
|
||
LabeledContent("在线设备", value: "\(engine.presenceCount)")
|
||
}
|
||
Section("引擎日志")
|
||
{
|
||
if engine.logs.isEmpty
|
||
{
|
||
Text("暂无日志").foregroundStyle(.secondary)
|
||
}
|
||
else
|
||
{
|
||
ForEach(engine.logs.prefix(30))
|
||
{ entry in
|
||
Text(entry.message)
|
||
.font(.caption.monospaced())
|
||
.foregroundStyle(.secondary)
|
||
.lineLimit(2)
|
||
.textSelection(.enabled)
|
||
}
|
||
}
|
||
}
|
||
}
|
||
.formStyle(.grouped)
|
||
.navigationTitle("设置")
|
||
}
|
||
|
||
private func commitRename()
|
||
{
|
||
let name = nameDraft.trimmingCharacters(in: .whitespacesAndNewlines)
|
||
guard !name.isEmpty else { return }
|
||
engine.renameSelf(to: name)
|
||
}
|
||
}
|
||
#endif
|