fix: 修复设置页面外部链接无法打开的问题

- 添加 app:openExternal IPC 通道用于打开外部链接
- 在主进程中实现 shell.openExternal 处理
- 修复 OtherSetting.tsx 中的 URL 格式错误（移除多余括号）
- 将 <a> 标签改为 Button onClick 事件，通过 IPC 调用打开外部链接
- 更新相关类型定义

Author: TuoLingTeam

electron/main/ipc/app.ts

@@ -19,6 +19,10 @@ function setupIpcHandlers() {
     shell.openPath(app.getPath('logs'))
   })
 
+  typedIpcMainHandle(IPC_CHANNELS.app.openExternal, (_, url: string) => {
+    shell.openExternal(url)
+  })
+
   typedIpcMainHandle(IPC_CHANNELS.account.switch, (_, { account }) => {
     accountManager.setAccountName(account.id, account.name)
   })

shared/electron-api.d.ts

@@ -18,10 +18,10 @@ export interface IpcChannels {
   [IPC_CHANNELS.tasks.liveControl.notifyAccountName]: (
     params:
       | {
-        ok: true
-        accountId: string
-        accountName: string | null
-      }
+          ok: true
+          accountId: string
+          accountName: string | null
+        }
       | { ok: false },
   ) => void
 
@@ -89,9 +89,9 @@ export interface IpcChannels {
   [IPC_CHANNELS.tasks.aiChat.stream]: (
     data:
       | {
-        chunk: string
-        type: 'content' | 'reasoning'
-      }
+          chunk: string
+          type: 'content' | 'reasoning'
+        }
       | { done: boolean },
   ) => void
   [IPC_CHANNELS.tasks.aiChat.error]: (data: { error: string }) => void
@@ -119,6 +119,7 @@ export interface IpcChannels {
 
   // App
   [IPC_CHANNELS.app.openLogFolder]: () => void
+  [IPC_CHANNELS.app.openExternal]: (url: string) => void
   [IPC_CHANNELS.app.notifyUpdate]: (arg: {
     currentVersion: string
     latestVersion: string
@@ -150,4 +151,4 @@ export interface ElectronAPI {
       listener: (...args: Parameters<IpcChannels[Channel]>) => void,
     ) => () => void
   }
-}
+}

shared/ipcChannels.ts

@@ -68,5 +68,6 @@ export const IPC_CHANNELS = {
   app: {
     openLogFolder: 'app:openLogFolder',
     notifyUpdate: 'app:notifyUpdate',
+    openExternal: 'app:openExternal',
   },
 } as const

src/pages/SettingsPage/components/OtherSetting.tsx

@@ -9,6 +9,20 @@ export function OtherSetting() {
     await window.ipcRenderer.invoke(IPC_CHANNELS.app.openLogFolder)
   }
 
+  const handleOpenGitHub = async () => {
+    await window.ipcRenderer.invoke(
+      IPC_CHANNELS.app.openExternal,
+      'https://github.com/TuoLingTeam/TLS-live-tool',
+    )
+  }
+
+  const handleOpenIssues = async () => {
+    await window.ipcRenderer.invoke(
+      IPC_CHANNELS.app.openExternal,
+      'https://github.com/TuoLingTeam/TLS-live-tool/issues',
+    )
+  }
+
   return (
     <Card>
       <CardHeader>
@@ -34,27 +48,15 @@ export function OtherSetting() {
               <p className="text-sm text-muted-foreground">了解更多项目相关内容</p>
             </div>
             <div className="flex gap-2">
-              <Button variant="outline" size="sm" className="gap-2" asChild>
-                <a
-                  href="(https://github.com/TuoLingTeam/TLS-live-tool"
-                  target="_blank"
-                  rel="noopener noreferrer"
-                >
-                  <SimpleIconsGithub className="h-4 w-4" />
-                  GitHub
-                  <ExternalLinkIcon className="h-4 w-4" />
-                </a>
+              <Button variant="outline" size="sm" className="gap-2" onClick={handleOpenGitHub}>
+                <SimpleIconsGithub className="h-4 w-4" />
+                GitHub
+                <ExternalLinkIcon className="h-4 w-4" />
               </Button>
-              <Button variant="outline" size="sm" className="gap-2" asChild>
-                <a
-                  href="(https://github.com/TuoLingTeam/TLS-live-tool/issues"
-                  target="_blank"
-                  rel="noopener noreferrer"
-                >
-                  <BugIcon className="h-4 w-4" />
-                  反馈问题
-                  <ExternalLinkIcon className="h-4 w-4" />
-                </a>
+              <Button variant="outline" size="sm" className="gap-2" onClick={handleOpenIssues}>
+                <BugIcon className="h-4 w-4" />
+                反馈问题
+                <ExternalLinkIcon className="h-4 w-4" />
               </Button>
             </div>
           </div>