-
-
+
+
+
+
+
+
+
+
+
+
+
+ 界面缩放
+
+
+ 整体放大或缩小界面（图标、间距、布局等比变化）
+
+
+
+
+
+
+
@@ -185,6 +230,13 @@ import {
setTagPriorityStrategy,
type TagPriorityStrategy,
} from "../global/tagPriority";
+import {
+ getUiScale,
+ setUiScale,
+ uiScaleToFactor,
+ UI_SCALE_OPTIONS,
+ type UiScaleOption,
+} from "../global/displaySettings";
const props = defineProps<{
show: boolean;
@@ -206,6 +258,9 @@ const strategyOptions: Array<{ value: TagPriorityStrategy; label: string }> = [
{ value: "apm", label: "APM 优先" },
];
+// 界面缩放档位选项（90% / 100% / 110% / 125% / 150%）
+const uiScaleOptions = UI_SCALE_OPTIONS;
+
const tagPriorityStrategy = ref
("auto");
// 加载标签优先显示策略（从持久化读取）
@@ -219,6 +274,24 @@ const selectStrategy = (value: TagPriorityStrategy) => {
setTagPriorityStrategy(value);
};
+// 界面整体缩放档位（Electron setZoomFactor，连图标/间距/布局等比变化）
+const uiScale = ref("100");
+
+const loadUiScale = () => {
+ uiScale.value = getUiScale();
+};
+
+// 选择并保存界面缩放档位（立即经 IPC 应用到主窗口）
+const selectUiScale = async (value: UiScaleOption) => {
+ uiScale.value = value;
+ setUiScale(value);
+ try {
+ await window.ipcRenderer.invoke("set-zoom-factor", uiScaleToFactor(value));
+ } catch (error) {
+ console.error("应用界面缩放失败:", error);
+ }
+};
+
const settings = ref({
enableUpdateCheck: true,
enableCreateDesktop: true,
@@ -279,6 +352,7 @@ watch(
if (newVal) {
loadSettings();
loadTagPriority();
+ loadUiScale();
}
},
);
diff --git a/src/components/update-center/UpdateCenterItem.vue b/src/components/update-center/UpdateCenterItem.vue
index d7b81018..fd329c64 100644
--- a/src/components/update-center/UpdateCenterItem.vue
+++ b/src/components/update-center/UpdateCenterItem.vue
@@ -83,15 +83,13 @@
v-if="item.ignored !== true && !task"
class="flex shrink-0 flex-col items-end gap-0.5"
>
- {{
- timeLabel
- }}
+ {{ timeLabel }}
{{ sizeLabel }}
-
+
{{
timeLabel
}}
@@ -181,7 +179,8 @@ defineEmits<{
// 被锁定且未强制时，复选框禁用（与「已忽略」一样不可被选中）
const isSelectionLocked = computed(
- () => props.item.ignored === true || (props.item.held === true && !props.forced),
+ () =>
+ props.item.ignored === true || (props.item.held === true && !props.forced),
);
const normalizeIconSrc = (icon: string): string => {
diff --git a/src/global/displaySettings.ts b/src/global/displaySettings.ts
new file mode 100644
index 00000000..ee66f808
--- /dev/null
+++ b/src/global/displaySettings.ts
@@ -0,0 +1,76 @@
+/**
+ * 显示设置：界面整体缩放（Electron webContents.setZoomFactor）
+ *
+ * 通过 Electron 的 setZoomFactor 整体缩放渲染内容，连图标、间距、布局
+ * 一起等比放大/缩小（逻辑分辨率变化），不会破坏布局；与单纯改字号相比
+ * 更稳定，故本应用只提供此一种显示放大入口。
+ *
+ * 实际缩放由主进程 setZoomFactor 执行；渲染端仅负责持久化档位偏好，
+ * 并在启动时把档位换算的系数通过 IPC 告知主进程。
+ */
+
+export type UiScaleOption = "90" | "100" | "110" | "125" | "150";
+
+// 档位 → 缩放系数（与 Electron setZoomFactor 一致，1 = 100%）
+const UI_SCALE_MAP: Record = {
+ "90": 0.9,
+ "100": 1,
+ "110": 1.1,
+ "125": 1.25,
+ "150": 1.5,
+};
+
+export const UI_SCALE_OPTIONS: Array<{
+ value: UiScaleOption;
+ label: string;
+}> = [
+ { value: "90", label: "90%" },
+ { value: "100", label: "100%" },
+ { value: "110", label: "110%" },
+ { value: "125", label: "125%" },
+ { value: "150", label: "150%" },
+];
+
+const UI_SCALE_STORAGE_KEY = "spark-store-ui-scale";
+const DEFAULT_UI_SCALE: UiScaleOption = "100";
+
+const isValidUiScale = (v: unknown): v is UiScaleOption =>
+ typeof v === "string" && v in UI_SCALE_MAP;
+
+/** 读取持久化的界面缩放档位（无/非法时回退默认「100%」） */
+export const getUiScale = (): UiScaleOption => {
+ try {
+ const raw = localStorage.getItem(UI_SCALE_STORAGE_KEY);
+ if (isValidUiScale(raw)) return raw;
+ } catch {
+ // localStorage 不可用时忽略，使用默认
+ }
+ return DEFAULT_UI_SCALE;
+};
+
+/** 将档位换算为 Electron 缩放系数 */
+export const uiScaleToFactor = (option: UiScaleOption): number =>
+ UI_SCALE_MAP[option] ?? UI_SCALE_MAP[DEFAULT_UI_SCALE];
+
+/** 选择并持久化界面缩放档位（不在此直接调用主进程，由调用方经 IPC 应用） */
+export const setUiScale = (option: UiScaleOption): void => {
+ try {
+ localStorage.setItem(UI_SCALE_STORAGE_KEY, option);
+ } catch {
+ // 持久化失败时仍已在会话内选定，忽略写入错误
+ }
+};
+
+/**
+ * 应用启动时初始化：从持久化恢复档位，并经 IPC 告知主进程应用缩放。
+ * 需在 App.vue onMounted 调用，主进程 createWindow 阶段已自有兜底（默认 1），
+ * 此处确保渲染端偏好生效。
+ */
+export const initUiScale = async (): Promise => {
+ const factor = uiScaleToFactor(getUiScale());
+ try {
+ await window.ipcRenderer.invoke("set-zoom-factor", factor);
+ } catch {
+ // 主进程 IPC 不可用时忽略（主进程启动兜底已设为 1）
+ }
+};