perf: imporve clash mode switching performance on the main window (#2667)

src-tauri/src/cmds.rs

@@ -175,6 +175,12 @@ pub async fn patch_clash_config(payload: Mapping) -> CmdResult {
     wrap_err!(feat::patch_clash(payload).await)
 }
 
+#[tauri::command]
+pub async fn patch_clash_mode(payload: String) -> CmdResult {
+    Ok(feat::change_clash_mode(payload))
+}
+
+
 #[tauri::command]
 pub fn get_verge_config() -> CmdResult<IVergeResponse> {
     let verge = Config::verge();

src-tauri/src/feat.rs

@@ -66,7 +66,6 @@ pub fn restart_app() {
 pub fn change_clash_mode(mode: String) {
     let mut mapping = Mapping::new();
     mapping.insert(Value::from("mode"), mode.clone().into());
-
     tauri::async_runtime::spawn(async move {
         log::debug!(target: "app", "change clash mode to {mode}");
 

src-tauri/src/lib.rs

@@ -83,6 +83,7 @@ pub fn run() {
             // clash
             cmds::get_clash_info,
             cmds::patch_clash_config,
+            cmds::patch_clash_mode,
             cmds::change_clash_core,
             cmds::get_runtime_config,
             cmds::get_runtime_yaml,

src/pages/proxies.tsx

@@ -4,7 +4,7 @@ import { useLockFn } from "ahooks";
 import { useTranslation } from "react-i18next";
 import { Box, Button, ButtonGroup } from "@mui/material";
 import { closeAllConnections, getClashConfig } from "@/services/api";
-import { patchClashConfig } from "@/services/cmds";
+import { patchClashConfig, patchClashMode } from "@/services/cmds";
 import { useVerge } from "@/hooks/use-verge";
 import { BasePage } from "@/components/base";
 import { ProxyGroups } from "@/components/proxy/proxy-groups";
@@ -29,7 +29,7 @@ const ProxyPage = () => {
     if (mode !== curMode && verge?.auto_close_connection) {
       closeAllConnections();
     }
-    await patchClashConfig({ mode });
+    await patchClashMode(mode);
     mutateClash();
   });
 

src/services/cmds.ts

@@ -91,6 +91,10 @@ export async function patchClashConfig(payload: Partial<IConfigData>) {
   return invoke<void>("patch_clash_config", { payload });
 }
 
+export async function patchClashMode(payload: String) {
+  return invoke<void>("patch_clash_mode", { payload });
+}
+
 export async function getVergeConfig() {
   return invoke<IVergeConfig>("get_verge_config");
 }