fix(proxy): check if proxy port is in use #5891

src/components/setting/mods/clash-port-viewer.tsx

@@ -9,12 +9,13 @@ import {
   TextField,
 } from "@mui/material";
 import { useLockFn, useRequest } from "ahooks";
-import { forwardRef, useImperativeHandle, useState } from "react";
+import { forwardRef, useImperativeHandle, useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
 
 import { BaseDialog, Switch } from "@/components/base";
 import { useClashInfo } from "@/hooks/use-clash";
 import { useVerge } from "@/hooks/use-verge";
+import { isPortInUse } from "@/services/cmds";
 import { showNotice } from "@/services/notice-service";
 import getSystem from "@/utils/get-system";
 
@@ -59,6 +60,9 @@ export const ClashPortViewer = forwardRef<ClashPortViewerRef>((_, ref) => {
     verge?.verge_tproxy_enabled ?? false,
   );
 
+  // 保存打开对话框时的原始值，用于在检测到端口被占用时恢复
+  const originalPortsRef = useRef<Record<string, any> | null>(null);
+
   // 添加保存请求，防止GUI卡死
   const { loading, run: saveSettings } = useRequest(
     async (params: { clashConfig: any; vergeConfig: any }) => {
@@ -82,15 +86,27 @@ export const ClashPortViewer = forwardRef<ClashPortViewerRef>((_, ref) => {
 
   useImperativeHandle(ref, () => ({
     open: () => {
-      setMixedPort(verge?.verge_mixed_port ?? clashInfo?.mixed_port ?? 7897);
-      setSocksPort(verge?.verge_socks_port ?? 7898);
-      setSocksEnabled(verge?.verge_socks_enabled ?? false);
-      setHttpPort(verge?.verge_port ?? 7899);
-      setHttpEnabled(verge?.verge_http_enabled ?? false);
-      setRedirPort(verge?.verge_redir_port ?? 7895);
-      setRedirEnabled(verge?.verge_redir_enabled ?? false);
-      setTproxyPort(verge?.verge_tproxy_port ?? 7896);
-      setTproxyEnabled(verge?.verge_tproxy_enabled ?? false);
+      originalPortsRef.current = {
+        mixedPort: verge?.verge_mixed_port ?? clashInfo?.mixed_port ?? 7897,
+        socksPort: verge?.verge_socks_port ?? 7898,
+        socksEnabled: verge?.verge_socks_enabled ?? false,
+        httpPort: verge?.verge_port ?? 7899,
+        httpEnabled: verge?.verge_http_enabled ?? false,
+        redirPort: verge?.verge_redir_port ?? 7895,
+        redirEnabled: verge?.verge_redir_enabled ?? false,
+        tproxyPort: verge?.verge_tproxy_port ?? 7896,
+        tproxyEnabled: verge?.verge_tproxy_enabled ?? false,
+      };
+
+      setMixedPort(originalPortsRef.current.mixedPort);
+      setSocksPort(originalPortsRef.current.socksPort);
+      setSocksEnabled(originalPortsRef.current.socksEnabled);
+      setHttpPort(originalPortsRef.current.httpPort);
+      setHttpEnabled(originalPortsRef.current.httpEnabled);
+      setRedirPort(originalPortsRef.current.redirPort);
+      setRedirEnabled(originalPortsRef.current.redirEnabled);
+      setTproxyPort(originalPortsRef.current.tproxyPort);
+      setTproxyEnabled(originalPortsRef.current.tproxyEnabled);
       setOpen(true);
     },
     close: () => setOpen(false),
@@ -124,6 +140,47 @@ export const ClashPortViewer = forwardRef<ClashPortViewerRef>((_, ref) => {
       return;
     }
 
+    for (const port of portList) {
+      try {
+        const inUse = await isPortInUse(port);
+        if (inUse) {
+          showNotice.error("settings.modals.clashPort.messages.portInUse", {
+            port,
+          });
+          const original = originalPortsRef.current;
+          if (original) {
+            setMixedPort(original.mixedPort);
+            setSocksPort(original.socksPort);
+            setSocksEnabled(original.socksEnabled);
+            setHttpPort(original.httpPort);
+            setHttpEnabled(original.httpEnabled);
+            setRedirPort(original.redirPort);
+            setRedirEnabled(original.redirEnabled);
+            setTproxyPort(original.tproxyPort);
+            setTproxyEnabled(original.tproxyEnabled);
+          } else {
+            setMixedPort(
+              verge?.verge_mixed_port ?? clashInfo?.mixed_port ?? 7897,
+            );
+            setSocksPort(verge?.verge_socks_port ?? 7898);
+            setSocksEnabled(verge?.verge_socks_enabled ?? false);
+            setHttpPort(verge?.verge_port ?? 7899);
+            setHttpEnabled(verge?.verge_http_enabled ?? false);
+            setRedirPort(verge?.verge_redir_port ?? 7895);
+            setRedirEnabled(verge?.verge_redir_enabled ?? false);
+            setTproxyPort(verge?.verge_tproxy_port ?? 7896);
+            setTproxyEnabled(verge?.verge_tproxy_enabled ?? false);
+          }
+          return;
+        }
+      } catch (error) {
+        showNotice.error("settings.modals.clashPort.messages.portCheckFailed", {
+          error,
+        });
+        return;
+      }
+    }
+
     // 准备配置数据
     const clashConfig = {
       "mixed-port": mixedPort,

src/hooks/use-clash.ts

@@ -4,8 +4,8 @@ import { getVersion } from "tauri-plugin-mihomo-api";
 
 import {
   getClashInfo,
-  patchClashConfig,
   getRuntimeConfig,
+  patchClashConfig,
 } from "@/services/cmds";
 
 const PORT_KEYS = [

src/locales/ar/settings.json

@@ -252,6 +252,7 @@
         "random": "منفذ عشوائي"
       },
       "messages": {
+        "portInUse": "Port {{port}} is already in use",
         "saved": "Port settings saved",
         "saveFailed": "Failed to save port settings"
       }

src/locales/de/settings.json

@@ -252,6 +252,7 @@
         "random": "Zufälliger Port"
       },
       "messages": {
+        "portInUse": "Port {{port}} is already in use",
         "saved": "Port settings saved",
         "saveFailed": "Failed to save port settings"
       }

src/locales/en/settings.json

@@ -252,6 +252,7 @@
         "random": "Random Port"
       },
       "messages": {
+        "portInUse": "Port {{port}} is already in use",
         "saved": "Port settings saved",
         "saveFailed": "Failed to save port settings"
       }

src/locales/es/settings.json

@@ -252,6 +252,7 @@
         "random": "Puerto aleatorio"
       },
       "messages": {
+        "portInUse": "Port {{port}} is already in use",
         "saved": "Port settings saved",
         "saveFailed": "Failed to save port settings"
       }

src/locales/fa/settings.json

@@ -252,6 +252,7 @@
         "random": "پورت تصادفی"
       },
       "messages": {
+        "portInUse": "Port {{port}} is already in use",
         "saved": "Port settings saved",
         "saveFailed": "Failed to save port settings"
       }

src/locales/id/settings.json

@@ -252,6 +252,7 @@
         "random": "Port Acak"
       },
       "messages": {
+        "portInUse": "Port {{port}} is already in use",
         "saved": "Port settings saved",
         "saveFailed": "Failed to save port settings"
       }

src/locales/jp/settings.json

@@ -252,6 +252,7 @@
         "random": "ランダムポート"
       },
       "messages": {
+        "portInUse": "Port {{port}} is already in use",
         "saved": "Port settings saved",
         "saveFailed": "Failed to save port settings"
       }

src/locales/ko/settings.json

@@ -252,6 +252,7 @@
         "random": "임의 포트"
       },
       "messages": {
+        "portInUse": "Port {{port}} is already in use",
         "saved": "포트 설정이 저장되었습니다",
         "saveFailed": "포트 설정 저장에 실패했습니다"
       }

src/locales/ru/settings.json

@@ -252,6 +252,7 @@
         "random": "Случайный порт"
       },
       "messages": {
+        "portInUse": "Port {{port}} is already in use",
         "saved": "Port settings saved",
         "saveFailed": "Failed to save port settings"
       }

src/locales/tr/settings.json

@@ -252,6 +252,7 @@
         "random": "Rastgele Port"
       },
       "messages": {
+        "portInUse": "Port {{port}} is already in use",
         "saved": "Port settings saved",
         "saveFailed": "Failed to save port settings"
       }

src/locales/tt/settings.json

@@ -252,6 +252,7 @@
         "random": "Очраклы порт"
       },
       "messages": {
+        "portInUse": "Port {{port}} is already in use",
         "saved": "Port settings saved",
         "saveFailed": "Failed to save port settings"
       }

src/locales/zh/settings.json

@@ -252,6 +252,7 @@
         "random": "随机端口"
       },
       "messages": {
+        "portInUse": "端口 {{port}} 已被占用",
         "saved": "端口设置已保存",
         "saveFailed": "端口设置保存失败"
       }

src/locales/zhtw/settings.json

@@ -252,6 +252,7 @@
         "random": "隨機連接埠"
       },
       "messages": {
+        "portInUse": "Port {{port}} is already in use",
         "saved": "連結埠設定已儲存",
         "saveFailed": "連結埠設定儲存失敗"
       }

src/services/cmds.ts

@@ -554,3 +554,12 @@ export const isAdmin = async () => {
 export async function getNextUpdateTime(uid: string) {
   return invoke<number | null>("get_next_update_time", { uid });
 }
+
+export const isPortInUse = async (port: number) => {
+  try {
+    return await invoke<boolean>("is_port_in_use", { port });
+  } catch (error) {
+    console.error("检查端口使用状态失败:", error);
+    return false;
+  }
+};

src/types/generated/i18n-keys.ts

@@ -453,6 +453,7 @@ export const translationKeys = [
   "settings.modals.clashPort.fields.redir",
   "settings.modals.clashPort.fields.tproxy",
   "settings.modals.clashPort.actions.random",
+  "settings.modals.clashPort.messages.portInUse",
   "settings.modals.clashPort.messages.saved",
   "settings.modals.clashPort.messages.saveFailed",
   "settings.modals.clashCore.variants.release",

src/types/generated/i18n-resources.ts

@@ -793,6 +793,7 @@ export interface TranslationResources {
             tproxy: string;
           };
           messages: {
+            portInUse: string;
             saved: string;
             saveFailed: string;
           };