feat: 添加关于对话框并优化主题切换按钮样式

- 新增 AboutModal 组件显示应用版本和相关信息
- 重构 ThemeToggle 组件为更简洁的图标按钮
- 在侧边栏添加关于按钮并实现打开对话框功能
- 通过预加载脚本获取 package.json 版本号
- 支持命令行参数 --version/-v 显示版本号

electron/main/index.ts

@@ -19,6 +19,28 @@ import { isLoaded } from "../global.js";
 import { tasks } from "./backend/install-manager.js";
 import { sendTelemetryOnce } from "./backend/telemetry.js";
 
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+process.env.APP_ROOT = path.join(__dirname, "../..");
+
+/** 与项目 package.json 一致的版本号：打包用 app.getVersion()，未打包时读 package.json */
+function getAppVersion(): string {
+  if (app.isPackaged) return app.getVersion();
+  const pkgPath = path.join(process.env.APP_ROOT ?? __dirname, "package.json");
+  try {
+    const raw = fs.readFileSync(pkgPath, "utf8");
+    const pkg = JSON.parse(raw) as { version?: string };
+    return typeof pkg.version === "string" ? pkg.version : "dev";
+  } catch {
+    return "dev";
+  }
+}
+
+// 处理 --version 参数（在单实例检查之前）
+if (process.argv.includes("--version") || process.argv.includes("-v")) {
+  console.log(getAppVersion());
+  process.exit(0);
+}
+
 // Assure single instance application
 if (!app.requestSingleInstanceLock()) {
   app.exit(0);
@@ -28,7 +50,6 @@ import "./backend/install-manager.js";
 import "./handle-url-scheme.js";
 
 const logger = pino({ name: "index.ts" });
-const __dirname = path.dirname(fileURLToPath(import.meta.url));
 
 // The built directory structure
 //
@@ -40,8 +61,6 @@ const __dirname = path.dirname(fileURLToPath(import.meta.url));
 // ├─┬ dist
 // │ └── index.html    > Electron-Renderer
 //
-process.env.APP_ROOT = path.join(__dirname, "../..");
-
 export const MAIN_DIST = path.join(process.env.APP_ROOT, "dist-electron");
 export const RENDERER_DIST = path.join(process.env.APP_ROOT, "dist");
 export const VITE_DEV_SERVER_URL = process.env.VITE_DEV_SERVER_URL;
@@ -64,18 +83,6 @@ if (!app.requestSingleInstanceLock()) {
 let win: BrowserWindow | null = null;
 const preload = path.join(__dirname, "../preload/index.mjs");
 const indexHtml = path.join(RENDERER_DIST, "index.html");
-/** 与项目 package.json 一致的版本号：打包用 app.getVersion()，未打包时读 package.json */
-function getAppVersion(): string {
-  if (app.isPackaged) return app.getVersion();
-  const pkgPath = path.join(process.env.APP_ROOT ?? __dirname, "package.json");
-  try {
-    const raw = fs.readFileSync(pkgPath, "utf8");
-    const pkg = JSON.parse(raw) as { version?: string };
-    return typeof pkg.version === "string" ? pkg.version : "dev";
-  } catch {
-    return "dev";
-  }
-}
 
 const getUserAgent = (): string => {
   return `Spark-Store/${getAppVersion()}`;

electron/preload/index.ts

@@ -36,6 +36,15 @@ contextBridge.exposeInMainWorld("apm_store", {
       return arch;
     }
   })(),
+  version: (() => {
+    // 从 package.json 读取版本号
+    try {
+      const pkg = require("../../package.json");
+      return pkg.version || "unknown";
+    } catch {
+      return "unknown";
+    }
+  })(),
 });
 
 // --------- Preload scripts loading ---------