feat: add auto-update functionality with settings UI

- Implement electron-updater integration with IPC handlers for update operations
- Add Pinia store for managing update state and user preferences
- Create settings UI with version display, update controls, and auto-update toggles
- Update IPC constants and preload API for update-related communication
- Refactor preload invoke methods to use async IPC consistently
- Add rounded corners to settings page layout for better visual consistency

dist-electron/main/main.js

@@ -14,6 +14,7 @@ const http = require("http");
 const child_process = require("child_process");
 const events = require("events");
 require("bytenode");
+const electronUpdater = require("electron-updater");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {
@@ -78,6 +79,11 @@ var IPC_EVENTS = /* @__PURE__ */ ((IPC_EVENTS2) => {
   IPC_EVENTS2["THEME_MODE_UPDATED"] = "theme-mode-updated";
   IPC_EVENTS2["EXECUTE_SCRIPT"] = "execute-script";
   IPC_EVENTS2["OPEN_CHANNEL"] = "open-channel";
+  IPC_EVENTS2["UPDATE_CHECK"] = "update:check";
+  IPC_EVENTS2["UPDATE_DOWNLOAD"] = "update:download";
+  IPC_EVENTS2["UPDATE_INSTALL"] = "update:install";
+  IPC_EVENTS2["UPDATE_VERSION"] = "update:version";
+  IPC_EVENTS2["UPDATE_STATUS_CHANGED"] = "update:status-changed";
   return IPC_EVENTS2;
 })(IPC_EVENTS || {});
 const MAIN_WIN_SIZE = {
@@ -101,6 +107,8 @@ var CONFIG_KEYS = /* @__PURE__ */ ((CONFIG_KEYS2) => {
   CONFIG_KEYS2["MINIMIZE_TO_TRAY"] = "minimizeToTray";
   CONFIG_KEYS2["PROVIDER"] = "provider";
   CONFIG_KEYS2["DEFAULT_MODEL"] = "defaultModel";
+  CONFIG_KEYS2["AUTO_CHECK_UPDATE"] = "autoCheckUpdate";
+  CONFIG_KEYS2["AUTO_DOWNLOAD_UPDATE"] = "autoDownloadUpdate";
   return CONFIG_KEYS2;
 })(CONFIG_KEYS || {});
 var MENU_IDS = /* @__PURE__ */ ((MENU_IDS2) => {
@@ -1548,6 +1556,74 @@ function runTaskOperationService() {
     }
   });
 }
+class AppUpdater {
+  mainWindow = null;
+  static _instance;
+  _initialized = false;
+  constructor() {
+    electronUpdater.autoUpdater.autoDownload = false;
+  }
+  init() {
+    if (this._initialized) return;
+    this._initialized = true;
+    this.setupListeners();
+    this.registerHandlers();
+  }
+  static getInstance() {
+    if (!this._instance) {
+      this._instance = new AppUpdater();
+    }
+    return this._instance;
+  }
+  setMainWindow(window2) {
+    this.mainWindow = window2;
+  }
+  setupListeners() {
+    electronUpdater.autoUpdater.on("checking-for-update", () => this.sendToRenderer(IPC_EVENTS.UPDATE_STATUS_CHANGED, { status: "checking" }));
+    electronUpdater.autoUpdater.on("update-available", (info) => this.sendToRenderer(IPC_EVENTS.UPDATE_STATUS_CHANGED, { status: "available", info }));
+    electronUpdater.autoUpdater.on("update-not-available", () => this.sendToRenderer(IPC_EVENTS.UPDATE_STATUS_CHANGED, { status: "not-available" }));
+    electronUpdater.autoUpdater.on("download-progress", (progress) => this.sendToRenderer(IPC_EVENTS.UPDATE_STATUS_CHANGED, { status: "downloading", progress }));
+    electronUpdater.autoUpdater.on("update-downloaded", (info) => this.sendToRenderer(IPC_EVENTS.UPDATE_STATUS_CHANGED, { status: "downloaded", info }));
+    electronUpdater.autoUpdater.on("error", (error) => this.sendToRenderer(IPC_EVENTS.UPDATE_STATUS_CHANGED, { status: "error", error: error.message }));
+  }
+  sendToRenderer(channel, data) {
+    electron.BrowserWindow.getAllWindows().forEach((win) => {
+      if (!win.isDestroyed()) {
+        win.webContents.send(channel, data);
+      }
+    });
+  }
+  registerHandlers() {
+    electron.ipcMain.handle(IPC_EVENTS.UPDATE_CHECK, () => {
+      if (electron.app.isPackaged) {
+        return electronUpdater.autoUpdater.checkForUpdates();
+      } else {
+        this.sendToRenderer(IPC_EVENTS.UPDATE_STATUS_CHANGED, { status: "checking" });
+        setTimeout(() => {
+          this.sendToRenderer(IPC_EVENTS.UPDATE_STATUS_CHANGED, { status: "not-available" });
+        }, 1500);
+        return null;
+      }
+    });
+    electron.ipcMain.handle(IPC_EVENTS.UPDATE_DOWNLOAD, () => {
+      if (electron.app.isPackaged) {
+        return electronUpdater.autoUpdater.downloadUpdate();
+      }
+      return null;
+    });
+    electron.ipcMain.handle(IPC_EVENTS.UPDATE_INSTALL, () => {
+      if (electron.app.isPackaged) {
+        return electronUpdater.autoUpdater.quitAndInstall();
+      }
+      return null;
+    });
+    electron.ipcMain.handle(IPC_EVENTS.UPDATE_VERSION, () => {
+      return electron.app.getVersion();
+    });
+  }
+}
+const appUpdater = AppUpdater.getInstance();
+appUpdater.init();
 if (started) {
   electron.app.quit();
 }

dist-electron/preload/preload.js

@@ -46,6 +46,11 @@ var IPC_EVENTS = /* @__PURE__ */ ((IPC_EVENTS2) => {
   IPC_EVENTS2["THEME_MODE_UPDATED"] = "theme-mode-updated";
   IPC_EVENTS2["EXECUTE_SCRIPT"] = "execute-script";
   IPC_EVENTS2["OPEN_CHANNEL"] = "open-channel";
+  IPC_EVENTS2["UPDATE_CHECK"] = "update:check";
+  IPC_EVENTS2["UPDATE_DOWNLOAD"] = "update:download";
+  IPC_EVENTS2["UPDATE_INSTALL"] = "update:install";
+  IPC_EVENTS2["UPDATE_VERSION"] = "update:version";
+  IPC_EVENTS2["UPDATE_STATUS_CHANGED"] = "update:status-changed";
   return IPC_EVENTS2;
 })(IPC_EVENTS || {});
 const api = {
@@ -65,16 +70,10 @@ const api = {
   },
   // 通过 IPC 调用主进程
   readFile: (filePath) => electron.ipcRenderer.invoke(IPC_EVENTS.READ_FILE, filePath),
-  // 同步调用
+  // 异步调用(映射为 electron 的 invoke)
-  invoke: (channel, ...args) => electron.ipcRenderer.sendSync(IPC_EVENTS.INVOKE, channel, ...args),
+  invoke: (channel, ...args) => electron.ipcRenderer.invoke(channel, ...args),
-  // 异步调用
+  // 异步调用(为了兼容老代码)
-  invokeAsync: (channel, ...args) => {
+  invokeAsync: (channel, ...args) => electron.ipcRenderer.invoke(channel, ...args),
-    try {
-      electron.ipcRenderer.invoke(IPC_EVENTS.INVOKE_ASYNC, channel, ...args);
-    } catch (error) {
-      throw error;
-    }
-  },
   // 监听主进程消息
   on: (event, callback) => {
     const subscription = (_event, ...args) => callback(...args);

electron/main.ts

@@ -6,6 +6,10 @@ import configManager from '@electron/service/config-service'
 import { runTaskOperationService } from '@electron/process/runTaskOperationService'
 import log from 'electron-log';
 import 'bytenode'; // Ensure bytenode is bundled/externalized correctly
+import { appUpdater } from '@electron/service/updater';
+
+// 初始化 updater，确保在 app ready 之前或者之中注册好 IPC
+appUpdater.init();
 
 // import logManager from '@electron/service/logger'
 

electron/preload/index.ts

@@ -23,17 +23,11 @@ const api: WindowApi = {
   // 通过 IPC 调用主进程
   readFile: (filePath: string) => ipcRenderer.invoke(IPC_EVENTS.READ_FILE, filePath), 
 
-  // 同步调用
+  // 异步调用(映射为 electron 的 invoke)
-  invoke: (channel: IPC_EVENTS, ...args: any[]) => ipcRenderer.sendSync(IPC_EVENTS.INVOKE, channel, ...args),
+  invoke: (channel: IPC_EVENTS, ...args: any[]) => ipcRenderer.invoke(channel, ...args),
 
-  // 异步调用
+  // 异步调用(为了兼容老代码)
-  invokeAsync: (channel: IPC_EVENTS, ...args: any[]) => {
+  invokeAsync: (channel: IPC_EVENTS, ...args: any[]) => ipcRenderer.invoke(channel, ...args),
-    try {
-      ipcRenderer.invoke(IPC_EVENTS.INVOKE_ASYNC, channel, ...args)
-    } catch (error) {
-      throw error
-    }
-  },
 
   // 监听主进程消息
   on: (event: IPC_EVENTS, callback: (...args: any[]) => void) => {

electron/service/updater/index.ts

@@ -0,0 +1,83 @@
+import { autoUpdater } from 'electron-updater';
+import { BrowserWindow, ipcMain, app } from 'electron';
+import { IPC_EVENTS } from '@lib/constants';
+
+export class AppUpdater {
+  private mainWindow: BrowserWindow | null = null;
+  private static _instance: AppUpdater;
+  private _initialized: boolean = false;
+
+  private constructor() {
+    autoUpdater.autoDownload = false;
+  }
+
+  public init() {
+    if (this._initialized) return;
+    this._initialized = true;
+    this.setupListeners();
+    this.registerHandlers();
+  }
+
+  public static getInstance() {
+    if (!this._instance) {
+      this._instance = new AppUpdater();
+    }
+    return this._instance;
+  }
+
+  setMainWindow(window: BrowserWindow) {
+    this.mainWindow = window;
+  }
+
+  private setupListeners() {
+    autoUpdater.on('checking-for-update', () => this.sendToRenderer(IPC_EVENTS.UPDATE_STATUS_CHANGED, { status: 'checking' }));
+    autoUpdater.on('update-available', (info) => this.sendToRenderer(IPC_EVENTS.UPDATE_STATUS_CHANGED, { status: 'available', info }));
+    autoUpdater.on('update-not-available', () => this.sendToRenderer(IPC_EVENTS.UPDATE_STATUS_CHANGED, { status: 'not-available' }));
+    autoUpdater.on('download-progress', (progress) => this.sendToRenderer(IPC_EVENTS.UPDATE_STATUS_CHANGED, { status: 'downloading', progress }));
+    autoUpdater.on('update-downloaded', (info) => this.sendToRenderer(IPC_EVENTS.UPDATE_STATUS_CHANGED, { status: 'downloaded', info }));
+    autoUpdater.on('error', (error) => this.sendToRenderer(IPC_EVENTS.UPDATE_STATUS_CHANGED, { status: 'error', error: error.message }));
+  }
+
+  private sendToRenderer(channel: string, data: any) {
+    BrowserWindow.getAllWindows().forEach(win => {
+      if (!win.isDestroyed()) {
+        win.webContents.send(channel, data);
+      }
+    });
+  }
+
+  private registerHandlers() {
+    ipcMain.handle(IPC_EVENTS.UPDATE_CHECK, () => {
+      if (app.isPackaged) {
+        return autoUpdater.checkForUpdates();
+      } else {
+        // 在开发环境下模拟
+        this.sendToRenderer(IPC_EVENTS.UPDATE_STATUS_CHANGED, { status: 'checking' });
+        setTimeout(() => {
+          this.sendToRenderer(IPC_EVENTS.UPDATE_STATUS_CHANGED, { status: 'not-available' });
+        }, 1500);
+        return null;
+      }
+    });
+    
+    ipcMain.handle(IPC_EVENTS.UPDATE_DOWNLOAD, () => {
+      if (app.isPackaged) {
+        return autoUpdater.downloadUpdate();
+      }
+      return null;
+    });
+    
+    ipcMain.handle(IPC_EVENTS.UPDATE_INSTALL, () => {
+      if (app.isPackaged) {
+        return autoUpdater.quitAndInstall();
+      }
+      return null;
+    });
+
+    ipcMain.handle(IPC_EVENTS.UPDATE_VERSION, () => {
+      return app.getVersion();
+    });
+  }
+}
+
+export const appUpdater = AppUpdater.getInstance();

package-lock.json

@@ -45,7 +45,6 @@
         "vue-i18n": "^11.1.9",
         "vue-markdown-render": "^2.3.0",
         "vue-router": "^4.5.1",
-        "zustand": "^5.0.12",
         "zx": "^8.8.5"
       },
       "devDependencies": {
@@ -512,6 +511,7 @@
       "dev": true,
       "license": "BSD-2-Clause",
       "optional": true,
+      "peer": true,
       "dependencies": {
         "cross-dirname": "^0.1.0",
         "debug": "^4.3.4",
@@ -994,6 +994,7 @@
       "integrity": "sha512-phrYmNiYppR7znFEdqgfWHXR6NCkZEK7hwWDHZUjit/2/U0r6XvkDl0SYnoM51Hq7FhCGdLDT6zxCCOY1hexsQ==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "eslint-visitor-keys": "^3.4.3"
       },
@@ -1013,6 +1014,7 @@
       "integrity": "sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
       }
@@ -1023,6 +1025,7 @@
       "integrity": "sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "ajv": "^6.12.4",
         "debug": "^4.3.2",
@@ -1047,6 +1050,7 @@
       "integrity": "sha512-d9zaMRSTIKDLhctzH12MtXvJKSSUhaHcjV+2Z+GK+EEY7XKpP5yR4x+N3TAcHTcu963nIr+TMcCb4DBCYX1z6Q==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       }
@@ -1090,6 +1094,7 @@
       "deprecated": "Use @eslint/config-array instead",
       "dev": true,
       "license": "Apache-2.0",
+      "peer": true,
       "dependencies": {
         "@humanwhocodes/object-schema": "^2.0.3",
         "debug": "^4.3.1",
@@ -1105,6 +1110,7 @@
       "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
       "dev": true,
       "license": "Apache-2.0",
+      "peer": true,
       "engines": {
         "node": ">=12.22"
       },
@@ -1119,7 +1125,8 @@
       "integrity": "sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==",
       "deprecated": "Use @eslint/object-schema instead",
       "dev": true,
-      "license": "BSD-3-Clause"
+      "license": "BSD-3-Clause",
+      "peer": true
     },
     "node_modules/@iconify-json/material-symbols": {
       "version": "1.2.63",
@@ -2810,7 +2817,6 @@
       "resolved": "https://registry.npmmirror.com/@types/lodash-es/-/lodash-es-4.17.12.tgz",
       "integrity": "sha512-0NgftHUcV4v34VhXm8QBSftKVXtbkBG3ViCjs6+eJ5a6y6Mi/jiFGPc1sC7QK+9BFhWrURE3EOggmWaSxL9OzQ==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@types/lodash": "*"
       }
@@ -2827,7 +2833,6 @@
       "resolved": "https://registry.npmjs.org/@types/node/-/node-25.5.2.tgz",
       "integrity": "sha512-tO4ZIRKNC+MDWV4qKVZe3Ql/woTnmHDr5JD8UI5hn2pwBrHEwOEMZK7WlNb5RKB6EoJ02gwmQS9OrjuFnZYdpg==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "undici-types": "~7.18.0"
       }
@@ -2990,7 +2995,8 @@
       "resolved": "https://registry.npmmirror.com/@ungap/structured-clone/-/structured-clone-1.3.0.tgz",
       "integrity": "sha512-WmoN8qaIAo7WTYWbAZuG8PYEhn5fkz7dZrqTBZ7dtt//lL2Gwms1IcnQ5yHqjDfX8Ft5j4YzDM23f87zBfDe9g==",
       "dev": true,
-      "license": "ISC"
+      "license": "ISC",
+      "peer": true
     },
     "node_modules/@vitejs/plugin-vue": {
       "version": "6.0.5",
@@ -3055,7 +3061,6 @@
       "resolved": "https://registry.npmmirror.com/@vue/compiler-sfc/-/compiler-sfc-3.5.30.tgz",
       "integrity": "sha512-LqmFPDn89dtU9vI3wHJnwaV6GfTRD87AjWpTWpyrdVOObVtjIuSeZr181z5C4PmVx/V3j2p+0f7edFKGRMpQ5A==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@babel/parser": "^7.29.0",
         "@vue/compiler-core": "3.5.30",
@@ -3145,7 +3150,6 @@
       "resolved": "https://registry.npmmirror.com/@vueuse/core/-/core-14.2.1.tgz",
       "integrity": "sha512-3vwDzV+GDUNpdegRY6kzpLm4Igptq+GA0QkJ3W61Iv27YWwW/ufSlOfgQIpN6FZRMG0mkaz4gglJRtq5SeJyIQ==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@types/web-bluetooth": "^0.0.21",
         "@vueuse/metadata": "14.2.1",
@@ -3208,7 +3212,6 @@
       "resolved": "https://registry.npmmirror.com/acorn/-/acorn-8.16.0.tgz",
       "integrity": "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==",
       "license": "MIT",
-      "peer": true,
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -3222,6 +3225,7 @@
       "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "peerDependencies": {
         "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
       }
@@ -3244,7 +3248,6 @@
       "integrity": "sha512-IWrosm/yrn43eiKqkfkHis7QioDleaXQHdDVPKg0FSwwd/DuvyX79TZnFOnYpB7dcsFAMmtFztZuXPDvSePkFw==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "fast-deep-equal": "^3.1.1",
         "fast-json-stable-stringify": "^2.0.0",
@@ -4423,7 +4426,6 @@
       "integrity": "sha512-hr4ihw+DBqcvrsEDioRO31Z17x71pUYoNe/4h6Z0wB72p7MU7/9gH8Q3s12NFhHPfYBBOV3qyfUxmr/Yn3shnQ==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "env-paths": "^2.2.1",
         "import-fresh": "^3.3.0",
@@ -4486,7 +4488,8 @@
       "integrity": "sha512-+R08/oI0nl3vfPcqftZRpytksBXDzOUveBq/NBVx0sUp1axwzPQrKinNx5yd5sxPu8j1wIy8AfnVQ+5eFdha6Q==",
       "dev": true,
       "license": "MIT",
-      "optional": true
+      "optional": true,
+      "peer": true
     },
     "node_modules/cross-spawn": {
       "version": "7.0.6",
@@ -4629,7 +4632,8 @@
       "resolved": "https://registry.npmmirror.com/deep-is/-/deep-is-0.1.4.tgz",
       "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/defaults": {
       "version": "1.0.4",
@@ -4771,7 +4775,6 @@
       "integrity": "sha512-glMJgnTreo8CFINujtAhCgN96QAqApDMZ8Vl1r8f0QT8QprvC1UCltV4CcWj20YoIyLZx6IUskaJZ0NV8fokcg==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "app-builder-lib": "26.8.1",
         "builder-util": "26.8.1",
@@ -4844,6 +4847,7 @@
       "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
       "dev": true,
       "license": "Apache-2.0",
+      "peer": true,
       "dependencies": {
         "esutils": "^2.0.2"
       },
@@ -5148,6 +5152,7 @@
       "dev": true,
       "hasInstallScript": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@electron/asar": "^3.2.1",
         "debug": "^4.1.1",
@@ -5168,6 +5173,7 @@
       "integrity": "sha512-YJDaCJZEnBmcbw13fvdAM9AwNOJwOzrE4pqMqBq5nFiEqXUqHwlK4B+3pUw6JNvfSPtX05xFHtYy/1ni01eGCw==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "graceful-fs": "^4.1.2",
         "jsonfile": "^4.0.0",
@@ -5183,6 +5189,7 @@
       "integrity": "sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "optionalDependencies": {
         "graceful-fs": "^4.1.6"
       }
@@ -5193,6 +5200,7 @@
       "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">= 4.0.0"
       }
@@ -5688,6 +5696,7 @@
       "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
       "dev": true,
       "license": "BSD-2-Clause",
+      "peer": true,
       "dependencies": {
         "esrecurse": "^4.3.0",
         "estraverse": "^5.2.0"
@@ -5734,6 +5743,7 @@
       "integrity": "sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==",
       "dev": true,
       "license": "BSD-2-Clause",
+      "peer": true,
       "dependencies": {
         "acorn": "^8.9.0",
         "acorn-jsx": "^5.3.2",
@@ -5752,6 +5762,7 @@
       "integrity": "sha512-Ap6G0WQwcU/LHsvLwON1fAQX9Zp0A2Y6Y/cJBl9r/JbW90Zyg4/zbG6zzKa2OTALELarYHmKu0GhpM5EO+7T0g==",
       "dev": true,
       "license": "BSD-3-Clause",
+      "peer": true,
       "dependencies": {
         "estraverse": "^5.1.0"
       },
@@ -5765,6 +5776,7 @@
       "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
       "dev": true,
       "license": "BSD-2-Clause",
+      "peer": true,
       "dependencies": {
         "estraverse": "^5.2.0"
       },
@@ -5778,6 +5790,7 @@
       "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
       "dev": true,
       "license": "BSD-2-Clause",
+      "peer": true,
       "engines": {
         "node": ">=4.0"
       }
@@ -5798,6 +5811,7 @@
       "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
       "dev": true,
       "license": "BSD-2-Clause",
+      "peer": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -5916,7 +5930,8 @@
       "resolved": "https://registry.npmmirror.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
       "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/fast-safe-stringify": {
       "version": "2.1.1",
@@ -5967,6 +5982,7 @@
       "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "flat-cache": "^3.0.4"
       },
@@ -6026,6 +6042,7 @@
       "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "locate-path": "^6.0.0",
         "path-exists": "^4.0.0"
@@ -6043,6 +6060,7 @@
       "integrity": "sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "flatted": "^3.2.9",
         "keyv": "^4.5.3",
@@ -6247,6 +6265,7 @@
       "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
       "dev": true,
       "license": "ISC",
+      "peer": true,
       "dependencies": {
         "is-glob": "^4.0.3"
       },
@@ -6279,6 +6298,7 @@
       "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "type-fest": "^0.20.2"
       },
@@ -6295,6 +6315,7 @@
       "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
       "dev": true,
       "license": "(MIT OR CC0-1.0)",
+      "peer": true,
       "engines": {
         "node": ">=10"
       },
@@ -6390,7 +6411,8 @@
       "resolved": "https://registry.npmmirror.com/graphemer/-/graphemer-1.4.0.tgz",
       "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/has-flag": {
       "version": "4.0.0",
@@ -6722,6 +6744,7 @@
       "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=8"
       }
@@ -6902,7 +6925,8 @@
       "resolved": "https://registry.npmmirror.com/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
       "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/json-stringify-safe": {
       "version": "5.0.1",
@@ -6959,6 +6983,7 @@
       "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "prelude-ls": "^1.2.1",
         "type-check": "~0.4.0"
@@ -7268,6 +7293,7 @@
       "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "p-locate": "^5.0.0"
       },
@@ -7282,15 +7308,13 @@
       "version": "4.17.23",
       "resolved": "https://registry.npmmirror.com/lodash/-/lodash-4.17.23.tgz",
       "integrity": "sha512-LgVTMpQtIopCi79SJeDiP0TfWi5CNEc/L/aRdTh3yIvmZXTnheWpKjSZhnvMl8iXbC1tFg9gdHHDMLoV7CnG+w==",
-      "license": "MIT",
+      "license": "MIT"
-      "peer": true
     },
     "node_modules/lodash-es": {
       "version": "4.17.23",
       "resolved": "https://registry.npmmirror.com/lodash-es/-/lodash-es-4.17.23.tgz",
       "integrity": "sha512-kVI48u3PZr38HdYz98UmfPnXl2DXrpdctLrFLCd3kOx1xUkOmpFPx7gCWWM5MPkL/fD8zb+Ph0QzjGFs4+hHWg==",
-      "license": "MIT",
+      "license": "MIT"
-      "peer": true
     },
     "node_modules/lodash-unified": {
       "version": "1.0.3",
@@ -7321,7 +7345,8 @@
       "resolved": "https://registry.npmmirror.com/lodash.merge/-/lodash.merge-4.6.2.tgz",
       "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/log-symbols": {
       "version": "4.1.0",
@@ -7716,7 +7741,8 @@
       "resolved": "https://registry.npmmirror.com/natural-compare/-/natural-compare-1.4.0.tgz",
       "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/next-tick": {
       "version": "1.1.0",
@@ -8502,6 +8528,7 @@
       "integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "deep-is": "^0.1.3",
         "fast-levenshtein": "^2.0.6",
@@ -8604,6 +8631,7 @@
       "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "p-limit": "^3.0.2"
       },
@@ -8666,6 +8694,7 @@
       "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=8"
       }
@@ -8904,6 +8933,7 @@
       "dev": true,
       "license": "MIT",
       "optional": true,
+      "peer": true,
       "dependencies": {
         "commander": "^9.4.0"
       },
@@ -8921,6 +8951,7 @@
       "dev": true,
       "license": "MIT",
       "optional": true,
+      "peer": true,
       "engines": {
         "node": "^12.20.0 || >=14"
       }
@@ -8931,6 +8962,7 @@
       "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">= 0.8.0"
       }
@@ -8941,7 +8973,6 @@
       "integrity": "sha512-UOnG6LftzbdaHZcKoPFtOcCKztrQ57WkHDeRD9t/PTQtmT0NHSeWWepj6pS0z/N7+08BHFDQVUrfmfMRcZwbMg==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "bin": {
         "prettier": "bin/prettier.cjs"
       },
@@ -9220,6 +9251,7 @@
       "deprecated": "Rimraf versions prior to v4 are no longer supported",
       "dev": true,
       "license": "ISC",
+      "peer": true,
       "dependencies": {
         "glob": "^7.1.3"
       },
@@ -9847,6 +9879,7 @@
       "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=8"
       },
@@ -9970,8 +10003,7 @@
       "resolved": "https://registry.npmmirror.com/tailwindcss/-/tailwindcss-4.2.2.tgz",
       "integrity": "sha512-KWBIxs1Xb6NoLdMVqhbhgwZf2PGBpPEiwOqgI4pFIYbNTfBXiKYyWoTsXgBQ9WFg/OlhnvHaY+AEpW7wSmFo2Q==",
       "dev": true,
-      "license": "MIT",
+      "license": "MIT"
-      "peer": true
     },
     "node_modules/tapable": {
       "version": "2.3.0",
@@ -9993,6 +10025,7 @@
       "integrity": "sha512-yYrrsWnrXMcdsnu/7YMYAofM1ktpL5By7vZhf15CrXijWWrEYZks5AXBudalfSWJLlnen/QUJUB5aoB0kqZUGA==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "mkdirp": "^0.5.1",
         "rimraf": "~2.6.2"
@@ -10033,6 +10066,7 @@
       "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "minimist": "^1.2.6"
       },
@@ -10047,6 +10081,7 @@
       "deprecated": "Rimraf versions prior to v4 are no longer supported",
       "dev": true,
       "license": "ISC",
+      "peer": true,
       "dependencies": {
         "glob": "^7.1.3"
       },
@@ -10059,7 +10094,8 @@
       "resolved": "https://registry.npmmirror.com/text-table/-/text-table-0.2.0.tgz",
       "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==",
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/timers-ext": {
       "version": "0.1.8",
@@ -10149,7 +10185,6 @@
       "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=12"
       },
@@ -10304,6 +10339,7 @@
       "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "prelude-ls": "^1.2.1"
       },
@@ -10331,7 +10367,6 @@
       "resolved": "https://registry.npmmirror.com/typescript/-/typescript-5.9.3.tgz",
       "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
       "license": "Apache-2.0",
-      "peer": true,
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"
@@ -10602,7 +10637,6 @@
       "integrity": "sha512-w+N7Hifpc3gRjZ63vYBXA56dvvRlNWRczTdmCBBa+CotUzAPf5b7YMdMR/8CQoeYE5LX3W4wj6RYTgonm1b9DA==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "esbuild": "^0.27.0",
         "fdir": "^6.5.0",
@@ -10692,8 +10726,7 @@
       "resolved": "https://registry.npmjs.org/vite-plugin-electron-renderer/-/vite-plugin-electron-renderer-0.14.6.tgz",
       "integrity": "sha512-oqkWFa7kQIkvHXG7+Mnl1RTroA4sP0yesKatmAy0gjZC4VwUqlvF9IvOpHd1fpLWsqYX/eZlVxlhULNtaQ78Jw==",
       "dev": true,
-      "license": "MIT",
+      "license": "MIT"
-      "peer": true
     },
     "node_modules/vite/node_modules/fdir": {
       "version": "6.5.0",
@@ -10734,7 +10767,6 @@
       "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=12"
       },
@@ -10747,7 +10779,6 @@
       "resolved": "https://registry.npmmirror.com/vue/-/vue-3.5.30.tgz",
       "integrity": "sha512-hTHLc6VNZyzzEH/l7PFGjpcTvUgiaPK5mdLkbjrTeWSRcEfxFrv56g/XckIYlE9ckuobsdwqd5mk2g1sBkMewg==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@vue/compiler-dom": "3.5.30",
         "@vue/compiler-sfc": "3.5.30",
@@ -10900,6 +10931,7 @@
       "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -11093,35 +11125,6 @@
         "url": "https://github.com/sponsors/colinhacks"
       }
     },
-    "node_modules/zustand": {
-      "version": "5.0.12",
-      "resolved": "https://registry.npmjs.org/zustand/-/zustand-5.0.12.tgz",
-      "integrity": "sha512-i77ae3aZq4dhMlRhJVCYgMLKuSiZAaUPAct2AksxQ+gOtimhGMdXljRT21P5BNpeT4kXlLIckvkPM029OljD7g==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=12.20.0"
-      },
-      "peerDependencies": {
-        "@types/react": ">=18.0.0",
-        "immer": ">=9.0.6",
-        "react": ">=18.0.0",
-        "use-sync-external-store": ">=1.2.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "immer": {
-          "optional": true
-        },
-        "react": {
-          "optional": true
-        },
-        "use-sync-external-store": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/zx": {
       "version": "8.8.5",
       "resolved": "https://registry.npmjs.org/zx/-/zx-8.8.5.tgz",

src/lib/constants.ts

@@ -58,6 +58,13 @@ export enum IPC_EVENTS {
 
   // 打开渠道
   OPEN_CHANNEL = 'open-channel',
+
+  // 更新
+  UPDATE_CHECK = 'update:check',
+  UPDATE_DOWNLOAD = 'update:download',
+  UPDATE_INSTALL = 'update:install',
+  UPDATE_VERSION = 'update:version',
+  UPDATE_STATUS_CHANGED = 'update:status-changed',
 }
 
 export const MAIN_WIN_SIZE  = {
@@ -82,6 +89,8 @@ export enum CONFIG_KEYS {
   MINIMIZE_TO_TRAY = 'minimizeToTray',
   PROVIDER = 'provider',
   DEFAULT_MODEL = 'defaultModel',
+  AUTO_CHECK_UPDATE = 'autoCheckUpdate',
+  AUTO_DOWNLOAD_UPDATE = 'autoDownloadUpdate',
 }
 
 export enum MENU_IDS {

src/pages/setting/components/Version/index.vue

@@ -11,10 +11,10 @@
           <div class="flex flex-wrap gap-3">
             <!-- 浅色主题 -->
             <button
-              class="theme-button px-5 py-2.5 rounded-full border text-[14px] font-medium transition-all duration-200 flex items-center gap-2"
+              class="theme-button px-5 py-1.5 rounded-full border text-[14px] font-medium transition-all duration-200 flex items-center gap-2"
               :class="[
                 currentTheme === 'light'
-                  ? 'bg-primary-50 dark:bg-primary-900/20 border-primary-500 dark:border-primary-400 text-primary-700 dark:text-primary-300'
+                  ? 'bg-green-50 dark:bg-green-900/20 border-green-500 dark:border-green-400 text-green-700 dark:text-green-300'
                   : 'bg-white dark:bg-gray-800 border-gray-300 dark:border-gray-600 text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700'
               ]" @click="handleThemeChange('light')">
               <RiSunLine class="w-4 h-4" />
@@ -23,10 +23,10 @@
 
             <!-- 深色主题 -->
             <button
-              class="theme-button px-5 py-2.5 rounded-full border text-[14px] font-medium transition-all duration-200 flex items-center gap-2"
+              class="theme-button px-5 py-1.5 rounded-full border text-[14px] font-medium transition-all duration-200 flex items-center gap-2"
               :class="[
                 currentTheme === 'dark'
-                  ? 'bg-primary-50 dark:bg-primary-900/20 border-primary-500 dark:border-primary-400 text-primary-700 dark:text-primary-300'
+                  ? 'bg-green-50 dark:bg-green-900/20 border-green-500 dark:border-green-400 text-green-700 dark:text-green-300'
                   : 'bg-white dark:bg-gray-800 border-gray-300 dark:border-gray-600 text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700'
               ]" @click="handleThemeChange('dark')">
               <RiMoonLine class="w-4 h-4" />
@@ -35,10 +35,10 @@
 
             <!-- 跟随系统 -->
             <button
-              class="theme-button px-5 py-2.5 rounded-full border text-[14px] font-medium transition-all duration-200 flex items-center gap-2"
+              class="theme-button px-5 py-1.5 rounded-full border text-[14px] font-medium transition-all duration-200 flex items-center gap-2"
               :class="[
                 currentTheme === 'system'
-                  ? 'bg-primary-50 dark:bg-primary-900/20 border-primary-500 dark:border-primary-400 text-primary-700 dark:text-primary-300'
+                  ? 'bg-green-50 dark:bg-green-900/20 border-green-500 dark:border-green-400 text-green-700 dark:text-green-300'
                   : 'bg-white dark:bg-gray-800 border-gray-300 dark:border-gray-600 text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700'
               ]" @click="handleThemeChange('system')">
               <RiComputerLine class="w-4 h-4" />
@@ -62,12 +62,76 @@
       </div>
     </div>
 
-    <!-- 版本信息 -->
+    <!-- 更新部分 -->
-    <div
+    <div class="mt-[40px]">
-      class="w-full flex items-center mt-[20px] py-[20px] box-border border-b-[1px] border-dashed border-b-[#E5E8EE] dark:border-gray-700">
+      <div class="text-[24px] font-medium text-[#171717] dark:text-gray-100 mb-[24px]">更新</div>
-      <div class="label w-[64px] text-[16px] font-medium text-[#171717] dark:text-gray-100 mr-[24px]">当前版本</div>
+
-      <div class="value text-[16px] font-medium text-[#171717] dark:text-gray-100">1.0.0</div>
+      <!-- 当前版本 -->
-      <el-button type="text" class="ml-auto">检查更新</el-button>
+      <div class="flex items-center justify-between mb-[16px]">
+        <div>
+          <div class="text-[14px] text-[#525866] dark:text-gray-400 mb-[4px]">当前版本</div>
+          <div class="text-[28px] font-bold text-[#171717] dark:text-gray-100">v{{ updateStore.currentVersion }}</div>
+        </div>
+        <el-button link class="!p-[8px] hover:bg-gray-100 dark:hover:bg-gray-800 rounded-full"
+          @click="updateStore.checkUpdate()">
+          <RiRefreshLine class="w-5 h-5 text-[#525866] dark:text-gray-400"
+            :class="{ 'animate-spin': updateStore.status === 'checking' }" />
+        </el-button>
+      </div>
+
+      <!-- 更新状态卡片 -->
+      <div class="bg-[#F5F7FA] dark:bg-gray-800 rounded-[8px] p-[16px] flex items-center justify-between mb-[16px]">
+        <div class="text-[14px] text-[#525866] dark:text-gray-300">
+          <span v-if="updateStore.status === 'checking'">正在检查更新...</span>
+          <span v-else-if="updateStore.status === 'not-available'">您已拥有最新版本</span>
+          <span v-else-if="updateStore.status === 'available'">发现新版本: v{{ updateStore.updateInfo?.version }}</span>
+          <span v-else-if="updateStore.status === 'downloading'">
+            正在下载新版本... {{ Math.round(updateStore.progress?.percent || 0) }}%
+          </span>
+          <span v-else-if="updateStore.status === 'downloaded'">下载完成，准备安装</span>
+          <span v-else-if="updateStore.status === 'error'" class="text-red-500">更新出错: {{ updateStore.error }}</span>
+          <span v-else>检查更新以获取最新功能</span>
+        </div>
+
+        <div>
+          <el-button v-if="updateStore.status === 'available'" type="primary" @click="updateStore.downloadUpdate()">
+            下载更新
+          </el-button>
+          <el-button v-else-if="updateStore.status === 'downloaded'" type="success"
+            @click="updateStore.installUpdate()">
+            重启安装
+          </el-button>
+          <el-button v-else
+            class="!bg-white dark:!bg-gray-700 !border-[#E5E8EE] dark:!border-gray-600 !text-[#171717] dark:!text-gray-100"
+            @click="updateStore.checkUpdate()">
+            <RiRefreshLine class="w-4 h-4 mr-[4px]" :class="{ 'animate-spin': updateStore.status === 'checking' }" />
+            检查更新
+          </el-button>
+        </div>
+      </div>
+
+      <div class="text-[12px] text-[#99A0AE] dark:text-gray-500 mb-[32px]">
+        开启自动更新后，更新将自动下载并安装。
+      </div>
+
+      <!-- 自动检查更新 -->
+      <div class="flex items-center justify-between py-[16px] border-b-[1px] border-[#E5E8EE] dark:border-gray-800">
+        <div>
+          <div class="text-[16px] text-[#171717] dark:text-gray-100 mb-[4px]">自动检查更新</div>
+          <div class="text-[14px] text-[#99A0AE] dark:text-gray-500">启动时检查更新</div>
+        </div>
+        <el-switch v-model="updateStore.autoCheckUpdate" @change="updateStore.setAutoCheckUpdate" />
+      </div>
+
+      <!-- 自动更新 -->
+      <div class="flex items-center justify-between py-[16px]">
+        <div>
+          <div class="text-[16px] text-[#171717] dark:text-gray-100 mb-[4px]">自动更新</div>
+          <div class="text-[14px] text-[#99A0AE] dark:text-gray-500">自动下载并安装更新</div>
+        </div>
+        <el-switch v-model="updateStore.autoDownloadUpdate" @change="updateStore.setAutoDownloadUpdate" />
+      </div>
+
     </div>
   </div>
 </template>
@@ -77,7 +141,17 @@ import { ref, onMounted, computed } from 'vue'
 import TitleSection from '@src/components/TitleSection/index.vue'
 import { setLanguage, getLanguage, type LanguageType } from '@src/i18n'
 import { useThemeStore } from '@src/stores/theme'
-import { RiSunLine, RiMoonLine, RiComputerLine } from '@remixicon/vue'
+import { useUpdateStore } from '@src/stores/update'
+import { RiSunLine, RiMoonLine, RiComputerLine, RiRefreshLine } from '@remixicon/vue'
+
+// 更新状态管理
+const updateStore = useUpdateStore()
+
+const getStatusText = computed(() => {
+  if (updateStore.status === 'checking') return '正在检查...';
+  if (updateStore.status === 'not-available') return '已是最新版';
+  return '检查更新';
+});
 
 // 主题状态管理
 const themeStore = useThemeStore()
@@ -105,6 +179,7 @@ const currentLanguage = ref<LanguageType>('zh')
 
 onMounted(() => {
   currentLanguage.value = getLanguage() as LanguageType
+  updateStore.init()
 })
 
 const handleLanguageChange = async (langCode: LanguageType) => {

src/pages/setting/index.vue

@@ -1,6 +1,6 @@
 <template>
   <layout>
-    <div class="bg-white box-border w-full h-full flex">
+    <div class="bg-white box-border w-full h-full flex rounded-[8px]">
       <SystemConfig @change=onChange />
       <component :is="currentComponent" />
     </div>

src/stores/update.ts

@@ -0,0 +1,72 @@
+import { defineStore } from 'pinia';
+import { IPC_EVENTS, CONFIG_KEYS } from '@lib/constants';
+
+export const useUpdateStore = defineStore('update', {
+  state: () => ({
+    status: 'idle' as 'idle' | 'checking' | 'available' | 'downloading' | 'downloaded' | 'error' | 'not-available',
+    currentVersion: '1.0.0',
+    updateInfo: null as any,
+    progress: null as any,
+    error: null as string | null,
+    initialized: false,
+    autoCheckUpdate: true,
+    autoDownloadUpdate: false,
+  }),
+  actions: {
+    async init() {
+      if (this.initialized) return;
+      this.initialized = true;
+
+      try {
+        this.currentVersion = await window.api.invoke(IPC_EVENTS.UPDATE_VERSION);
+        
+        // Initialize config
+        const checkUpdate = await window.api.invoke(IPC_EVENTS.GET_CONFIG, CONFIG_KEYS.AUTO_CHECK_UPDATE);
+        if (checkUpdate !== undefined) this.autoCheckUpdate = checkUpdate;
+        
+        const downloadUpdate = await window.api.invoke(IPC_EVENTS.GET_CONFIG, CONFIG_KEYS.AUTO_DOWNLOAD_UPDATE);
+        if (downloadUpdate !== undefined) this.autoDownloadUpdate = downloadUpdate;
+
+      } catch (error) {
+        console.error('Failed to init update store:', error);
+      }
+
+      window.api.on(IPC_EVENTS.UPDATE_STATUS_CHANGED, (data: any) => {
+        this.status = data.status;
+        if (data.info) this.updateInfo = data.info;
+        if (data.progress) this.progress = data.progress;
+        if (data.error) this.error = data.error;
+      });
+    },
+    async setAutoCheckUpdate(val: boolean) {
+      this.autoCheckUpdate = val;
+      window.api.send(IPC_EVENTS.UPDATE_CONFIG, { [CONFIG_KEYS.AUTO_CHECK_UPDATE]: val });
+    },
+    async setAutoDownloadUpdate(val: boolean) {
+      this.autoDownloadUpdate = val;
+      window.api.send(IPC_EVENTS.UPDATE_CONFIG, { [CONFIG_KEYS.AUTO_DOWNLOAD_UPDATE]: val });
+    },
+    async checkUpdate() {
+      this.error = null;
+      this.status = 'checking';
+      try {
+        await window.api.invoke(IPC_EVENTS.UPDATE_CHECK);
+      } catch (error) {
+        this.status = 'error';
+        this.error = String(error);
+      }
+    },
+    async downloadUpdate() {
+      this.status = 'downloading';
+      try {
+        await window.api.invoke(IPC_EVENTS.UPDATE_DOWNLOAD);
+      } catch (error) {
+        this.status = 'error';
+        this.error = String(error);
+      }
+    },
+    installUpdate() {
+      window.api.invoke(IPC_EVENTS.UPDATE_INSTALL);
+    }
+  }
+});