feat(standalone): support page zoom (#70)

Co-authored-by: copilot-swe-agent[bot] <[email protected]>
Co-authored-by: typed-sigterm <[email protected]>
Co-authored-by: Typed SIGTERM <[email protected]>

Author: Copilot

src-tauri/src/main.rs

@@ -30,12 +30,18 @@ fn write_file(path: String, content: String) -> Result<(), String> {
     Ok(())
 }
 
+#[command]
+fn set_zoom(app: tauri::AppHandle, factor: f64) -> Result<(), String> {
+    let window = app.get_webview_window("main").ok_or("Failed to get main window")?;
+    window.set_zoom(factor).map_err(|e| e.to_string())
+}
+
 fn main() {
     tauri::Builder::default()
         .plugin(tauri_plugin_dialog::init())
         .plugin(tauri_plugin_fs::init())
         .plugin(tauri_plugin_opener::init())
-        .invoke_handler(tauri::generate_handler![read_file, write_file])
+        .invoke_handler(tauri::generate_handler![read_file, write_file, set_zoom])
         .setup(|app| {
             let quit_item = MenuItem::with_id(app, "quit", "退出", true, None::<&str>).unwrap();
             let menu = Menu::with_items(app, &[&quit_item]).unwrap();
@@ -67,3 +73,5 @@ fn main() {
         .run(tauri::generate_context!())
         .expect("error while running tauri application");
 }
+
+

src/components/settings/ui.vue

@@ -1,8 +1,10 @@
 <script lang="ts" setup>
+import { invoke } from '@tauri-apps/api/core';
 import { ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useConfigStore } from '@/stores/config';
-import { MAX_INTERVAL, MIN_INTERVAL } from '@/utils/config';
+import { __APP__ } from '@/utils/app';
+import { MAX_INTERVAL, MAX_ZOOM, MIN_INTERVAL, MIN_ZOOM, ZOOM_STEP } from '@/utils/config';
 
 const { t } = useI18n();
 
@@ -15,6 +17,15 @@ config.$subscribe(() => {
 function handleInputIntervalDone() {
   config.interval = inputInterval.value;
 }
+
+function handleZoomChange(factor: number | null) {
+  if (!__APP__ || factor == null)
+    return;
+  invoke('set_zoom', { factor });
+}
+
+if (__APP__)
+  invoke('set_zoom', { factor: config.zoom });
 </script>
 
 <template>
@@ -33,5 +44,16 @@ function handleInputIntervalDone() {
     <NFormItem :label="t('settings.ui.confetti')">
       <NSwitch v-model:value="config.confetti" />
     </NFormItem>
+
+    <NFormItem v-if="__APP__" :label="t('settings.ui.zoom')">
+      <NInputNumber
+        v-model:value="config.zoom"
+        :format="x => `${Math.round((x ?? 1) * 100)}%`"
+        :max="MAX_ZOOM"
+        :min="MIN_ZOOM"
+        :step="ZOOM_STEP"
+        @update:value="handleZoomChange"
+      />
+    </NFormItem>
   </NForm>
 </template>

src/locales/en.json

@@ -196,7 +196,8 @@
     "ui": {
       "interval": "Interval",
       "confetti": "Confetti Effect",
-      "second": "s"
+      "second": "s",
+      "zoom": "Page Zoom"
     }
   },
   "updater": {

src/locales/zh-CN.json

@@ -196,7 +196,8 @@
     "ui": {
       "interval": "过号时间",
       "confetti": "彩带效果",
-      "second": " 秒"
+      "second": " 秒",
+      "zoom": "页面缩放"
     }
   },
   "updater": {

src/utils/config.ts

@@ -12,6 +12,8 @@ export const UserConfigSchema = z.object({
   interval: z.number().default(100),
   /** 抽取完成后是否显示彩带效果 */
   confetti: z.boolean().default(true),
+  /** 页面缩放级别 (0.25-5.0, 1.0 为 100%) */
+  zoom: z.number().default(1.0),
   /** 计划设置 */
   plan: z.object({
     /** 是否启用计划队列 */
@@ -41,6 +43,9 @@ export const MAX_GROUP_MEMBER_LENGTH = 100;
 export const MAX_INTERVAL = 1000;
 export const MIN_INTERVAL = 20;
 export const MAX_PLAN_QUEUE_SIZE = 10000;
+export const MIN_ZOOM = 0.25;
+export const MAX_ZOOM = 5.0;
+export const ZOOM_STEP = 0.1;
 
 export const DEFAULT_NAMELIST_OPTIONS: RollCallOption[] = [
   'Geopedia',