wehub-resource-sync
542 lines
24 KiB
Swift
542 lines
24 KiB
Swift
import SwiftUI
|
|
import MacToolsPluginKit
|
|
|
|
/// Launcher settings. Host renders the page header; this view starts at the first
|
|
/// group (per the settings spec). Bindings write straight through to the persisted
|
|
/// `LaunchpadPreferences`.
|
|
struct LaunchpadSettingsView: View {
|
|
@ObservedObject var preferences: LaunchpadPreferences
|
|
/// Observed so the sorting group appears / disappears as the custom layout is created or reset.
|
|
@ObservedObject var layoutStore: LaunchpadLayoutStore
|
|
let localization: PluginLocalization
|
|
|
|
private var isAutoColumns: Binding<Bool> {
|
|
Binding(
|
|
get: { preferences.columns == LaunchpadPreferences.autoColumns },
|
|
set: { preferences.columns = $0 ? LaunchpadPreferences.autoColumns : 7 }
|
|
)
|
|
}
|
|
|
|
var body: some View {
|
|
VStack(alignment: .leading, spacing: PluginSettingsTheme.Spacing.section) {
|
|
windowSection
|
|
appearanceSection
|
|
backgroundSection
|
|
gridSection
|
|
sortSection
|
|
hiddenSection
|
|
}
|
|
}
|
|
|
|
/// Only shown once the user has dragged into a custom order (`layout != nil`); resetting
|
|
/// removes the layout key → back to alphabetical, and the group disappears.
|
|
@ViewBuilder
|
|
private var sortSection: some View {
|
|
if layoutStore.layout != nil {
|
|
section(
|
|
title: localization.string("settings.sorting.title", defaultValue: "排序"),
|
|
icon: "arrow.up.arrow.down"
|
|
) {
|
|
row(
|
|
title: localization.string("settings.sorting.customOrder.title", defaultValue: "自定义排序"),
|
|
description: localization.string(
|
|
"settings.sorting.customOrder.description",
|
|
defaultValue: "已手动调整过应用顺序"
|
|
)
|
|
) {
|
|
Button(localization.string("settings.sorting.restoreAlphabetical", defaultValue: "恢复字母序")) {
|
|
layoutStore.resetToAlphabetical()
|
|
}
|
|
.controlSize(.small)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
private var sortedHiddenIDs: [String] {
|
|
preferences.hiddenAppIDs.sorted {
|
|
appName(for: $0).localizedCaseInsensitiveCompare(appName(for: $1)) == .orderedAscending
|
|
}
|
|
}
|
|
|
|
/// Hidden ids are absolute paths; derive a display name without needing the catalog
|
|
/// (the app may even be uninstalled).
|
|
private func appName(for id: String) -> String {
|
|
URL(fileURLWithPath: id).deletingPathExtension().lastPathComponent
|
|
}
|
|
|
|
@ViewBuilder
|
|
private var hiddenSection: some View {
|
|
if !preferences.hiddenAppIDs.isEmpty {
|
|
let ids = sortedHiddenIDs
|
|
section(title: localization.string("settings.hiddenApps.title", defaultValue: "隐藏的应用"), icon: "eye.slash") {
|
|
VStack(spacing: PluginSettingsTheme.Spacing.rowVertical) {
|
|
ForEach(ids, id: \.self) { id in
|
|
HStack(spacing: PluginSettingsTheme.Spacing.rowContentControl) {
|
|
Text(appName(for: id))
|
|
.font(PluginSettingsTheme.Typography.rowTitle)
|
|
.lineLimit(1)
|
|
.truncationMode(.middle)
|
|
Spacer(minLength: PluginSettingsTheme.Spacing.rowContentControl)
|
|
Button(localization.string("settings.hiddenApps.restore", defaultValue: "恢复")) {
|
|
preferences.unhide(id)
|
|
}
|
|
.controlSize(.small)
|
|
}
|
|
if id != ids.last { Divider() }
|
|
}
|
|
Divider()
|
|
HStack {
|
|
Spacer()
|
|
Button(localization.string("settings.hiddenApps.restoreAll", defaultValue: "全部恢复")) {
|
|
preferences.unhideAll()
|
|
}
|
|
.controlSize(.small)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
private var windowSection: some View {
|
|
section(title: localization.string("settings.window.title", defaultValue: "窗口"), icon: "macwindow") {
|
|
VStack(spacing: PluginSettingsTheme.Spacing.rowVertical) {
|
|
row(
|
|
title: localization.string("settings.window.mode.title", defaultValue: "唤出方式"),
|
|
description: preferences.windowMode == .fullscreen
|
|
? localization.string(
|
|
"settings.window.mode.fullscreenDescription",
|
|
defaultValue: "铺满当前屏幕，点击空白处关闭"
|
|
)
|
|
: localization.string(
|
|
"settings.window.mode.compactDescription",
|
|
defaultValue: "屏幕中央的浮窗，点击窗外关闭"
|
|
)
|
|
) {
|
|
Picker("", selection: $preferences.windowMode) {
|
|
ForEach(LaunchpadPreferences.WindowMode.allCases) { mode in
|
|
Text(mode.label(localization: localization)).tag(mode)
|
|
}
|
|
}
|
|
.pickerStyle(.segmented)
|
|
.labelsHidden()
|
|
// Intrinsic width (see the glass-style picker below) so the
|
|
// 2-segment control never overflows its card on either language.
|
|
.fixedSize()
|
|
}
|
|
Divider()
|
|
row(
|
|
title: localization.string("settings.hotCorner.title", defaultValue: "热区唤起"),
|
|
description: localization.string(
|
|
"settings.hotCorner.description",
|
|
defaultValue: "光标停在所选屏幕角落即唤出启动台"
|
|
)
|
|
) {
|
|
Picker("", selection: $preferences.hotCorner) {
|
|
ForEach(LaunchpadPreferences.HotCorner.allCases) { corner in
|
|
Text(corner.label(localization: localization)).tag(corner)
|
|
}
|
|
}
|
|
.labelsHidden()
|
|
.frame(width: 110)
|
|
}
|
|
// Window-size slider (ruling A6): only meaningful in compact mode, so it
|
|
// shows conditionally — same expand pattern as the fixed-columns stepper.
|
|
if preferences.windowMode == .compact {
|
|
Divider()
|
|
row(
|
|
title: localization.string("settings.window.size.title", defaultValue: "窗口大小"),
|
|
description: localization.string(
|
|
"settings.window.size.description",
|
|
defaultValue: "紧凑窗口占屏幕的比例"
|
|
)
|
|
) {
|
|
HStack(spacing: PluginSettingsTheme.Spacing.rowContentControl) {
|
|
Slider(
|
|
value: compactScaleBinding,
|
|
in: Double(LaunchpadPreferences.minCompactScale)
|
|
... Double(LaunchpadPreferences.maxCompactScale),
|
|
step: 1
|
|
)
|
|
.frame(minWidth: 120, idealWidth: 160, maxWidth: 200)
|
|
Text(
|
|
localization.format(
|
|
"settings.window.size.value",
|
|
defaultValue: "%d%%",
|
|
preferences.compactScalePercent
|
|
)
|
|
)
|
|
.font(PluginSettingsTheme.Typography.monospacedValue)
|
|
.frame(width: 44, alignment: .trailing)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// MARK: - Appearance (design §3.2)
|
|
|
|
private var showsAppNamesBinding: Binding<Bool> {
|
|
Binding(
|
|
get: { !preferences.hidesAppNames },
|
|
set: { preferences.hidesAppNames = !$0 }
|
|
)
|
|
}
|
|
|
|
private var iconSizeBinding: Binding<Double> {
|
|
Binding(
|
|
get: { Double(preferences.iconSize) },
|
|
set: { preferences.iconSize = Int($0.rounded()) }
|
|
)
|
|
}
|
|
|
|
private var compactScaleBinding: Binding<Double> {
|
|
Binding(
|
|
get: { Double(preferences.compactScalePercent) },
|
|
set: { preferences.compactScalePercent = Int($0.rounded()) }
|
|
)
|
|
}
|
|
|
|
/// Appearance group (features 7+8+9). Changes take effect the next time the launcher
|
|
/// is summoned (the overlay snapshots the resolved metrics at `open()`); the layout
|
|
/// preview in the first row tracks every published preference live — pure math, no IO.
|
|
private var appearanceSection: some View {
|
|
section(
|
|
title: localization.string("settings.appearance.title", defaultValue: "外观"),
|
|
icon: "paintbrush"
|
|
) {
|
|
VStack(spacing: PluginSettingsTheme.Spacing.rowVertical) {
|
|
LaunchpadLayoutPreviewView(preferences: preferences, localization: localization)
|
|
Divider()
|
|
row(
|
|
title: localization.string(
|
|
"settings.appearance.showNames.title",
|
|
defaultValue: "显示应用名称"
|
|
),
|
|
description: localization.string(
|
|
"settings.appearance.showNames.description",
|
|
defaultValue: "关闭后仅显示图标，排列更紧凑"
|
|
)
|
|
) {
|
|
Toggle("", isOn: showsAppNamesBinding)
|
|
.toggleStyle(.switch)
|
|
.labelsHidden()
|
|
}
|
|
Divider()
|
|
row(
|
|
title: localization.string(
|
|
"settings.appearance.iconSize.title",
|
|
defaultValue: "图标大小"
|
|
),
|
|
description: localization.string(
|
|
"settings.appearance.iconSize.description",
|
|
defaultValue: "每页行列数随之变化"
|
|
)
|
|
) {
|
|
HStack(spacing: PluginSettingsTheme.Spacing.rowContentControl) {
|
|
Slider(
|
|
value: iconSizeBinding,
|
|
in: Double(LaunchpadPreferences.minIconSize)
|
|
... Double(LaunchpadPreferences.maxIconSize),
|
|
step: Double(LaunchpadPreferences.iconSizeStep)
|
|
)
|
|
.frame(minWidth: 160, idealWidth: 200, maxWidth: 240)
|
|
Text(
|
|
localization.format(
|
|
"settings.appearance.iconSize.value",
|
|
defaultValue: "%d pt",
|
|
preferences.iconSize
|
|
)
|
|
)
|
|
.font(PluginSettingsTheme.Typography.monospacedValue)
|
|
.frame(width: 52, alignment: .trailing)
|
|
}
|
|
}
|
|
Divider()
|
|
row(
|
|
title: localization.string(
|
|
"settings.appearance.labelSize.title",
|
|
defaultValue: "标签字号"
|
|
),
|
|
description: localization.string(
|
|
"settings.appearance.labelSize.description",
|
|
defaultValue: "与图标大小协调缩放"
|
|
)
|
|
) {
|
|
Picker("", selection: $preferences.labelSize) {
|
|
ForEach(LaunchpadLabelSize.allCases) { size in
|
|
Text(size.label(localization: localization)).tag(size)
|
|
}
|
|
}
|
|
.pickerStyle(.segmented)
|
|
.labelsHidden()
|
|
// Intrinsic width; see the background-style picker note — a fixed frame
|
|
// lets NSSegmentedControl overdraw past the card on wider languages.
|
|
.fixedSize()
|
|
}
|
|
Divider()
|
|
row(
|
|
title: localization.string(
|
|
"settings.appearance.labelWeight.title",
|
|
defaultValue: "标签字重"
|
|
),
|
|
description: localization.string(
|
|
"settings.appearance.labelWeight.description",
|
|
defaultValue: "应用名称与文件夹标题共用"
|
|
)
|
|
) {
|
|
Picker("", selection: $preferences.labelWeight) {
|
|
ForEach(LaunchpadLabelWeight.allCases) { weight in
|
|
Text(weight.label(localization: localization)).tag(weight)
|
|
}
|
|
}
|
|
.pickerStyle(.segmented)
|
|
.labelsHidden()
|
|
.fixedSize()
|
|
}
|
|
Divider()
|
|
row(
|
|
title: localization.string(
|
|
"settings.appearance.labelColor.title",
|
|
defaultValue: "标签颜色"
|
|
),
|
|
description: localization.string(
|
|
"settings.appearance.labelColor.description",
|
|
defaultValue: "深色背景下可选浅色更清晰"
|
|
)
|
|
) {
|
|
Picker("", selection: $preferences.labelColor) {
|
|
ForEach(LaunchpadLabelColor.allCases) { color in
|
|
Text(color.label(localization: localization)).tag(color)
|
|
}
|
|
}
|
|
.pickerStyle(.menu)
|
|
.labelsHidden()
|
|
.frame(width: 110)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// MARK: - Background (design §5.3)
|
|
|
|
private var dimPercentBinding: Binding<Double> {
|
|
Binding(
|
|
get: { Double(preferences.backgroundDimPercent) },
|
|
set: { preferences.backgroundDimPercent = Int($0.rounded()) }
|
|
)
|
|
}
|
|
|
|
private var backgroundStyleDescription: String {
|
|
switch preferences.backgroundStyle {
|
|
case .clear:
|
|
localization.string(
|
|
"settings.background.style.clearDescription",
|
|
defaultValue: "更通透，桌面清晰可见"
|
|
)
|
|
case .standard:
|
|
localization.string(
|
|
"settings.background.style.standardDescription",
|
|
defaultValue: "默认观感，均衡的玻璃质感"
|
|
)
|
|
case .deep:
|
|
localization.string(
|
|
"settings.background.style.deepDescription",
|
|
defaultValue: "更暗更沉浸，聚焦图标"
|
|
)
|
|
case .custom:
|
|
localization.string(
|
|
"settings.background.style.customDescription",
|
|
defaultValue: "自选材质与暗化程度"
|
|
)
|
|
}
|
|
}
|
|
|
|
private var backgroundSection: some View {
|
|
section(
|
|
title: localization.string("settings.background.title", defaultValue: "背景"),
|
|
icon: "circle.lefthalf.filled"
|
|
) {
|
|
VStack(spacing: PluginSettingsTheme.Spacing.rowVertical) {
|
|
backgroundPreviewCard
|
|
Divider()
|
|
row(
|
|
title: localization.string("settings.background.style.title", defaultValue: "玻璃风格"),
|
|
description: backgroundStyleDescription
|
|
) {
|
|
Picker("", selection: $preferences.backgroundStyle) {
|
|
ForEach(LaunchpadBackgroundStyle.allCases) { style in
|
|
Text(style.label(localization: localization)).tag(style)
|
|
}
|
|
}
|
|
.pickerStyle(.segmented)
|
|
.labelsHidden()
|
|
// Take the control's intrinsic width instead of a hardcoded
|
|
// value: a 4-segment control's intrinsic minimum (~250pt) is
|
|
// wider than the old 224, so NSSegmentedControl overdrew past
|
|
// the frame and spilled out of the card. fixedSize adapts to
|
|
// the label language (zh/en) and the row's trailing Spacer
|
|
// keeps it inside the card.
|
|
.fixedSize()
|
|
}
|
|
if preferences.backgroundStyle == .custom {
|
|
Divider()
|
|
row(
|
|
title: localization.string("settings.background.material.title", defaultValue: "玻璃材质"),
|
|
description: localization.string(
|
|
"settings.background.material.description",
|
|
defaultValue: "背景玻璃的取样材质"
|
|
)
|
|
) {
|
|
Picker("", selection: $preferences.backgroundMaterial) {
|
|
ForEach(LaunchpadGlassMaterial.allCases) { material in
|
|
Text(material.label(localization: localization)).tag(material)
|
|
}
|
|
}
|
|
.labelsHidden()
|
|
.frame(width: 110)
|
|
}
|
|
Divider()
|
|
row(
|
|
title: localization.string("settings.background.dim.title", defaultValue: "背景暗化"),
|
|
description: localization.string(
|
|
"settings.background.dim.description",
|
|
defaultValue: "数值越大背景越暗"
|
|
)
|
|
) {
|
|
HStack(spacing: PluginSettingsTheme.Spacing.rowContentControl) {
|
|
Slider(
|
|
value: dimPercentBinding,
|
|
in: Double(LaunchpadBackgroundDim.percentRange.lowerBound)
|
|
... Double(LaunchpadBackgroundDim.percentRange.upperBound),
|
|
step: 1
|
|
)
|
|
.frame(minWidth: 120, idealWidth: 160, maxWidth: 200)
|
|
Text(
|
|
localization.format(
|
|
"settings.background.dim.value",
|
|
defaultValue: "%d%%",
|
|
preferences.backgroundDimPercent
|
|
)
|
|
)
|
|
.font(PluginSettingsTheme.Typography.monospacedValue)
|
|
.frame(width: 44, alignment: .trailing)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/// Inline glass preview (G6): the settings window taking key always closes the overlay,
|
|
/// so tuning would otherwise be blind. A desktop-ish gradient underlay + the SAME recipe
|
|
/// glass (within-window, so it samples the gradient) + the dim layer — live, since it
|
|
/// binds the published preferences directly. Gradient and recipe fill are shared with
|
|
/// the layout preview's canvas (`LaunchpadDesktopMockGradient` / `LaunchpadRecipeGlassFill`
|
|
/// in LaunchpadGlassBackdrop.swift) — one implementation, per ruling G6.
|
|
private var backgroundPreviewCard: some View {
|
|
ZStack {
|
|
LaunchpadDesktopMockGradient()
|
|
// Soft shapes give the blur something legible to chew on.
|
|
Circle()
|
|
.fill(.white.opacity(0.55))
|
|
.frame(width: 46, height: 46)
|
|
.offset(x: -64, y: -10)
|
|
Circle()
|
|
.fill(Color(red: 0.18, green: 0.65, blue: 0.45).opacity(0.8))
|
|
.frame(width: 34, height: 34)
|
|
.offset(x: 52, y: 16)
|
|
LaunchpadRecipeGlassFill(recipe: preferences.backgroundRecipe)
|
|
}
|
|
.frame(width: 220, height: 80)
|
|
.clipShape(RoundedRectangle(cornerRadius: PluginSettingsTheme.Radius.card, style: .continuous))
|
|
.frame(maxWidth: .infinity)
|
|
.accessibilityElement(children: .ignore)
|
|
.accessibilityLabel(
|
|
localization.string(
|
|
"settings.background.preview.accessibility",
|
|
defaultValue: "背景玻璃效果预览"
|
|
)
|
|
)
|
|
}
|
|
|
|
private var gridSection: some View {
|
|
section(title: localization.string("settings.grid.title", defaultValue: "网格"), icon: "square.grid.3x3") {
|
|
VStack(spacing: PluginSettingsTheme.Spacing.rowVertical) {
|
|
row(
|
|
title: localization.string("settings.grid.autoColumns.title", defaultValue: "自动列数"),
|
|
description: localization.string(
|
|
"settings.grid.autoColumns.description",
|
|
defaultValue: "按窗口宽度自动排布"
|
|
)
|
|
) {
|
|
Toggle("", isOn: isAutoColumns)
|
|
.toggleStyle(.switch)
|
|
.labelsHidden()
|
|
}
|
|
if preferences.columns != LaunchpadPreferences.autoColumns {
|
|
Divider()
|
|
row(
|
|
title: localization.string("settings.grid.columns.title", defaultValue: "每行图标"),
|
|
description: localization.string(
|
|
"settings.grid.columns.description",
|
|
defaultValue: "固定每行的应用数量"
|
|
)
|
|
) {
|
|
Stepper(
|
|
value: $preferences.columns,
|
|
in: LaunchpadPreferences.minColumns...LaunchpadPreferences.maxColumns
|
|
) {
|
|
Text(
|
|
localization.format(
|
|
"settings.grid.columns.value",
|
|
defaultValue: "%d 个",
|
|
preferences.columns
|
|
)
|
|
)
|
|
.font(PluginSettingsTheme.Typography.monospacedValue)
|
|
.frame(width: 40, alignment: .trailing)
|
|
}
|
|
.fixedSize()
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// MARK: - Building blocks
|
|
|
|
private func section<Content: View>(
|
|
title: String,
|
|
icon: String,
|
|
@ViewBuilder content: () -> Content
|
|
) -> some View {
|
|
VStack(alignment: .leading, spacing: PluginSettingsTheme.Spacing.sectionHeaderContent) {
|
|
Label(title, systemImage: icon)
|
|
.font(PluginSettingsTheme.Typography.sectionTitle)
|
|
.foregroundStyle(.secondary)
|
|
content()
|
|
.pluginSettingsListRowPadding()
|
|
.pluginSettingsCardBackground(.host)
|
|
}
|
|
}
|
|
|
|
private func row<Control: View>(
|
|
title: String,
|
|
description: String,
|
|
@ViewBuilder control: () -> Control
|
|
) -> some View {
|
|
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)
|
|
}
|
|
Spacer(minLength: PluginSettingsTheme.Spacing.rowContentControl)
|
|
control()
|
|
}
|
|
}
|
|
}
|