wehub-resource-sync
333 lines
14 KiB
Swift
333 lines
14 KiB
Swift
import SwiftUI
|
|
import MacToolsPluginKit
|
|
|
|
struct DeviceBatterySettingsView: View {
|
|
@ObservedObject var store: DeviceBatteryStore
|
|
let localization: PluginLocalization
|
|
let onChange: () -> Void
|
|
let onNotificationSettingsChange: () -> Void
|
|
@State private var thresholdText: String
|
|
|
|
init(
|
|
store: DeviceBatteryStore,
|
|
localization: PluginLocalization = PluginLocalization(bundle: .main),
|
|
onChange: @escaping () -> Void,
|
|
onNotificationSettingsChange: @escaping () -> Void = {}
|
|
) {
|
|
self.store = store
|
|
self.localization = localization
|
|
self.onChange = onChange
|
|
self.onNotificationSettingsChange = onNotificationSettingsChange
|
|
_thresholdText = State(initialValue: "\(store.lowBatteryNotificationThreshold)")
|
|
}
|
|
|
|
var body: some View {
|
|
VStack(alignment: .leading, spacing: PluginSettingsTheme.Spacing.section) {
|
|
layoutSection
|
|
sourceSection
|
|
notificationSection
|
|
}
|
|
.frame(maxWidth: .infinity, alignment: .leading)
|
|
.onChange(of: store.lowBatteryNotificationThreshold) { _, newValue in
|
|
thresholdText = "\(newValue)"
|
|
}
|
|
}
|
|
|
|
private var layoutSection: some View {
|
|
VStack(alignment: .leading, spacing: PluginSettingsTheme.Spacing.sectionHeaderContent) {
|
|
sectionHeader(
|
|
systemName: "rectangle.grid.2x2",
|
|
title: localization.string("settings.layout.title", defaultValue: "组件布局")
|
|
)
|
|
|
|
VStack(alignment: .leading, spacing: PluginSettingsTheme.Spacing.rowContentControl) {
|
|
HStack(spacing: PluginSettingsTheme.Spacing.controlCluster) {
|
|
ForEach(DeviceBatteryLayoutMode.allCases, id: \.self) { mode in
|
|
DeviceBatteryLayoutModeButton(
|
|
mode: mode,
|
|
isSelected: store.layoutMode == mode,
|
|
iconSystemName: iconName(for: mode),
|
|
localization: localization,
|
|
action: {
|
|
store.setLayoutMode(mode)
|
|
onChange()
|
|
}
|
|
)
|
|
}
|
|
}
|
|
}
|
|
.frame(maxWidth: .infinity, alignment: .leading)
|
|
.padding(PluginSettingsTheme.Spacing.cardContent)
|
|
.pluginSettingsCardBackground(.host)
|
|
}
|
|
}
|
|
|
|
private var sourceSection: some View {
|
|
VStack(alignment: .leading, spacing: PluginSettingsTheme.Spacing.sectionHeaderContent) {
|
|
sectionHeader(
|
|
systemName: "bolt.horizontal.circle",
|
|
title: localization.string("settings.sources.title", defaultValue: "显示内容")
|
|
)
|
|
|
|
VStack(spacing: 0) {
|
|
sourceToggle(
|
|
title: localization.string("settings.source.internal.title", defaultValue: "Mac 内置电池"),
|
|
description: localization.string(
|
|
"settings.source.internal.description",
|
|
defaultValue: "显示本机电量、充电状态和剩余时间。"
|
|
),
|
|
isOn: store.showInternalBattery,
|
|
isFirst: true,
|
|
action: store.setShowInternalBattery
|
|
)
|
|
sourceToggle(
|
|
title: localization.string(
|
|
"settings.source.appleMobile.title",
|
|
defaultValue: "iPhone、iPad 与 Apple Watch"
|
|
),
|
|
description: localization.string(
|
|
"settings.source.appleMobile.description",
|
|
defaultValue: "读取已信任并通过 USB 或 Wi-Fi 连接的 Apple 移动设备。"
|
|
),
|
|
isOn: store.showAppleMobileDevices,
|
|
action: store.setShowAppleMobileDevices
|
|
)
|
|
sourceToggle(
|
|
title: localization.string("settings.source.bluetooth.title", defaultValue: "蓝牙与 Apple 外设"),
|
|
description: localization.string(
|
|
"settings.source.bluetooth.description",
|
|
defaultValue: "读取系统可见的蓝牙设备、AirPods 分体电量和 Magic 外设。"
|
|
),
|
|
isOn: store.showBluetoothDevices,
|
|
action: store.setShowBluetoothDevices
|
|
)
|
|
sourceToggle(
|
|
title: localization.string("settings.source.rapoo.title", defaultValue: "厂商 HID 鼠标"),
|
|
description: localization.string(
|
|
"settings.source.rapoo.description",
|
|
defaultValue: "读取已适配鼠标的电量、充电状态、设备型号和名称。"
|
|
),
|
|
isOn: store.showRapooDevices,
|
|
isLast: true,
|
|
action: store.setShowRapooDevices
|
|
)
|
|
}
|
|
.pluginSettingsCardBackground(.plugin)
|
|
}
|
|
}
|
|
|
|
private var notificationSection: some View {
|
|
VStack(alignment: .leading, spacing: PluginSettingsTheme.Spacing.sectionHeaderContent) {
|
|
sectionHeader(
|
|
systemName: "bell.badge",
|
|
title: localization.string("settings.notification.title", defaultValue: "低电量通知")
|
|
)
|
|
|
|
VStack(spacing: 0) {
|
|
HStack(spacing: PluginSettingsTheme.Spacing.rowContentControl) {
|
|
VStack(alignment: .leading, spacing: PluginSettingsTheme.Spacing.rowTitleDescription) {
|
|
Text(localization.string("settings.notification.lowBattery.title", defaultValue: "发送低电量通知"))
|
|
.font(PluginSettingsTheme.Typography.rowTitle)
|
|
Text(localization.string(
|
|
"settings.notification.lowBattery.description",
|
|
defaultValue: "设备电量低于阈值时发送系统通知。"
|
|
))
|
|
.font(PluginSettingsTheme.Typography.rowDescription)
|
|
.foregroundStyle(.secondary)
|
|
.lineLimit(2)
|
|
}
|
|
|
|
Spacer(minLength: 12)
|
|
|
|
Toggle("", isOn: Binding(
|
|
get: { store.lowBatteryNotificationEnabled },
|
|
set: { newValue in
|
|
store.setLowBatteryNotificationEnabled(newValue)
|
|
onNotificationSettingsChange()
|
|
}
|
|
))
|
|
.toggleStyle(.switch)
|
|
.labelsHidden()
|
|
}
|
|
.padding(.horizontal, PluginSettingsTheme.Spacing.rowHorizontal)
|
|
.padding(.vertical, PluginSettingsTheme.Spacing.interactiveRowVertical)
|
|
|
|
if store.lowBatteryNotificationEnabled {
|
|
Divider()
|
|
.padding(.leading, PluginSettingsTheme.Spacing.rowHorizontal)
|
|
|
|
thresholdRow
|
|
}
|
|
}
|
|
.pluginSettingsCardBackground(.plugin)
|
|
}
|
|
}
|
|
|
|
private var thresholdRow: some View {
|
|
HStack(spacing: PluginSettingsTheme.Spacing.rowContentControl) {
|
|
VStack(alignment: .leading, spacing: PluginSettingsTheme.Spacing.rowTitleDescription) {
|
|
Text(localization.string("settings.notification.threshold.title", defaultValue: "通知阈值"))
|
|
.font(PluginSettingsTheme.Typography.rowTitle)
|
|
Text(localization.string(
|
|
"settings.notification.threshold.description",
|
|
defaultValue: "低于此百分比时提醒。"
|
|
))
|
|
.font(PluginSettingsTheme.Typography.rowDescription)
|
|
.foregroundStyle(.secondary)
|
|
.lineLimit(2)
|
|
}
|
|
|
|
Spacer(minLength: 12)
|
|
|
|
HStack(spacing: PluginSettingsTheme.Spacing.controlCluster) {
|
|
TextField(
|
|
"",
|
|
text: Binding(
|
|
get: { thresholdText },
|
|
set: { newValue in
|
|
thresholdText = newValue.filter(\.isNumber)
|
|
guard let threshold = Int(thresholdText) else {
|
|
return
|
|
}
|
|
|
|
store.setLowBatteryNotificationThreshold(threshold)
|
|
onNotificationSettingsChange()
|
|
}
|
|
)
|
|
)
|
|
.textFieldStyle(.roundedBorder)
|
|
.font(PluginSettingsTheme.Typography.monospacedValue)
|
|
.multilineTextAlignment(.trailing)
|
|
.frame(width: 58)
|
|
.onSubmit(commitThresholdText)
|
|
|
|
Text("%")
|
|
.font(PluginSettingsTheme.Typography.rowDescription)
|
|
.foregroundStyle(.secondary)
|
|
|
|
Stepper("", value: Binding(
|
|
get: { store.lowBatteryNotificationThreshold },
|
|
set: { newValue in
|
|
store.setLowBatteryNotificationThreshold(newValue)
|
|
onNotificationSettingsChange()
|
|
}
|
|
), in: DeviceBatteryLowBatteryThresholds.minimum...DeviceBatteryLowBatteryThresholds.maximum)
|
|
.labelsHidden()
|
|
.controlSize(.small)
|
|
}
|
|
}
|
|
.padding(.horizontal, PluginSettingsTheme.Spacing.rowHorizontal)
|
|
.padding(.vertical, PluginSettingsTheme.Spacing.interactiveRowVertical)
|
|
}
|
|
|
|
private func sourceToggle(
|
|
title: String,
|
|
description: String,
|
|
isOn: Bool,
|
|
isFirst: Bool = false,
|
|
isLast: Bool = false,
|
|
action: @escaping (Bool) -> Void
|
|
) -> some View {
|
|
VStack(spacing: 0) {
|
|
if !isFirst {
|
|
Divider()
|
|
.padding(.leading, PluginSettingsTheme.Spacing.rowHorizontal)
|
|
}
|
|
|
|
HStack(spacing: PluginSettingsTheme.Spacing.rowContentControl) {
|
|
VStack(alignment: .leading, spacing: PluginSettingsTheme.Spacing.rowTitleDescription) {
|
|
Text(title)
|
|
.font(PluginSettingsTheme.Typography.rowTitle)
|
|
Text(description)
|
|
.font(PluginSettingsTheme.Typography.rowDescription)
|
|
.foregroundStyle(.secondary)
|
|
.lineLimit(2)
|
|
}
|
|
|
|
Spacer(minLength: 12)
|
|
|
|
Toggle("", isOn: Binding(
|
|
get: { isOn },
|
|
set: {
|
|
action($0)
|
|
onChange()
|
|
}
|
|
))
|
|
.toggleStyle(.switch)
|
|
.labelsHidden()
|
|
}
|
|
.padding(.horizontal, PluginSettingsTheme.Spacing.rowHorizontal)
|
|
.padding(.vertical, PluginSettingsTheme.Spacing.interactiveRowVertical)
|
|
}
|
|
}
|
|
|
|
private func sectionHeader(systemName: String, title: String) -> some View {
|
|
Label {
|
|
Text(title)
|
|
.font(PluginSettingsTheme.Typography.sectionTitle)
|
|
} icon: {
|
|
Image(systemName: systemName)
|
|
}
|
|
.foregroundStyle(.secondary)
|
|
}
|
|
|
|
private func commitThresholdText() {
|
|
let threshold = Int(thresholdText) ?? store.lowBatteryNotificationThreshold
|
|
store.setLowBatteryNotificationThreshold(threshold)
|
|
thresholdText = "\(store.lowBatteryNotificationThreshold)"
|
|
onNotificationSettingsChange()
|
|
}
|
|
|
|
private func iconName(for mode: DeviceBatteryLayoutMode) -> String {
|
|
switch mode {
|
|
case .grid:
|
|
return "list.bullet.rectangle"
|
|
case .list:
|
|
return "gauge.with.dots.needle.67percent"
|
|
}
|
|
}
|
|
}
|
|
|
|
private struct DeviceBatteryLayoutModeButton: View {
|
|
let mode: DeviceBatteryLayoutMode
|
|
let isSelected: Bool
|
|
let iconSystemName: String
|
|
let localization: PluginLocalization
|
|
let action: () -> Void
|
|
|
|
var body: some View {
|
|
Button(action: action) {
|
|
HStack(spacing: PluginSettingsTheme.Spacing.controlCluster) {
|
|
Image(systemName: iconSystemName)
|
|
.pluginSettingsRowIconStyle(isSelected ? Color.accentColor : Color.primary)
|
|
|
|
VStack(alignment: .leading, spacing: PluginSettingsTheme.Spacing.rowTitleDescription) {
|
|
Text(mode.title(localization: localization))
|
|
.font(PluginSettingsTheme.Typography.secondaryLabel.weight(.semibold))
|
|
.lineLimit(1)
|
|
|
|
Text(mode.subtitle(localization: localization))
|
|
.font(PluginSettingsTheme.Typography.statusBadge)
|
|
.foregroundStyle(isSelected ? Color.accentColor.opacity(0.78) : .secondary)
|
|
.lineLimit(1)
|
|
}
|
|
.frame(maxWidth: .infinity, alignment: .leading)
|
|
}
|
|
.frame(maxWidth: .infinity)
|
|
.frame(height: PluginSettingsTheme.Size.controlHeight * 2)
|
|
.padding(.horizontal, PluginSettingsTheme.Spacing.rowHorizontal)
|
|
.foregroundStyle(isSelected ? Color.accentColor : Color.primary)
|
|
.contentShape(Rectangle())
|
|
}
|
|
.buttonStyle(.plain)
|
|
.background(
|
|
RoundedRectangle(cornerRadius: PluginSettingsTheme.Radius.control, style: .continuous)
|
|
.fill(
|
|
isSelected
|
|
? PluginSettingsTheme.Palette.activeControlBackground
|
|
: PluginSettingsTheme.Palette.recessedControlBackground
|
|
)
|
|
)
|
|
}
|
|
}
|