fix click event

src/main/config/profile.ts

@@ -1,6 +1,6 @@
 import { getControledMihomoConfig } from './controledMihomo'
 import { profileConfigPath, profilePath } from '../utils/dirs'
-import { startCore } from '../core/manager'
+import { restartCore } from '../core/manager'
 import { getAppConfig } from './app'
 import { window } from '..'
 import axios from 'axios'
@@ -8,7 +8,6 @@ import yaml from 'yaml'
 import fs from 'fs'
 import { dialog } from 'electron'
 import { addProfileUpdater } from '../core/profileUpdater'
-import { pauseWebsockets } from '../core/mihomoApi'
 
 let profileConfig: IProfileConfig // profile.yaml
 
@@ -28,9 +27,7 @@ export async function changeCurrentProfile(id: string): Promise<void> {
   const oldId = getProfileConfig().current
   profileConfig.current = id
   try {
-    const recover = pauseWebsockets()
+    await restartCore()
-    await startCore()
-    recover()
   } catch (e) {
     profileConfig.current = oldId
   } finally {
@@ -180,9 +177,7 @@ export function getProfileStr(id: string): string {
 export async function setProfileStr(id: string, content: string): Promise<void> {
   fs.writeFileSync(profilePath(id), content, 'utf-8')
   if (id === getProfileConfig().current) {
-    const recover = pauseWebsockets()
+    await restartCore()
-    await startCore()
-    recover()
   }
 }
 

src/main/core/manager.ts

@@ -10,6 +10,7 @@ import { generateProfile } from '../resolve/factory'
 import { getAppConfig, setAppConfig } from '../config'
 import { dialog, safeStorage } from 'electron'
 import fs from 'fs'
+import { pauseWebsockets } from './mihomoApi'
 
 let child: ChildProcess
 let retry = 10
@@ -82,6 +83,12 @@ export function stopCore(): void {
   }
 }
 
+export async function restartCore(): Promise<void> {
+  const recover = pauseWebsockets()
+  await startCore()
+  recover()
+}
+
 export function checkProfile(): Promise<void> {
   const corePath = mihomoCorePath(getAppConfig().core ?? 'mihomo')
   return new Promise((resolve, reject) => {

src/main/utils/ipc.ts

@@ -14,7 +14,6 @@ import {
   mihomoUpgradeGeo,
   mihomoVersion,
   patchMihomoConfig,
-  pauseWebsockets,
   startMihomoConnections,
   startMihomoLogs,
   stopMihomoConnections,
@@ -36,7 +35,7 @@ import {
   setProfileStr,
   updateProfileItem
 } from '../config'
-import { isEncryptionAvailable, startCore } from '../core/manager'
+import { isEncryptionAvailable, restartCore } from '../core/manager'
 import { triggerSysProxy } from '../resolve/sysproxy'
 import { checkUpdate } from '../resolve/autoUpdater'
 import { exePath, mihomoCorePath, mihomoWorkConfigPath, resourcesDir } from './dirs'
@@ -80,11 +79,7 @@ export function registerIpcMainHandlers(): void {
   ipcMain.handle('changeCurrentProfile', (_e, id) => changeCurrentProfile(id))
   ipcMain.handle('addProfileItem', (_e, item) => addProfileItem(item))
   ipcMain.handle('removeProfileItem', (_e, id) => removeProfileItem(id))
-  ipcMain.handle('restartCore', async () => {
+  ipcMain.handle('restartCore', restartCore)
-    const recover = pauseWebsockets()
-    await startCore()
-    recover()
-  })
   ipcMain.handle('triggerSysProxy', (_e, enable) => triggerSysProxy(enable))
   ipcMain.handle('isEncryptionAvailable', isEncryptionAvailable)
   ipcMain.handle('encryptString', (_e, str) => safeStorage.encryptString(str))

src/renderer/src/components/base/base-password-modal.tsx

@@ -19,7 +19,7 @@ const BasePasswordModal: React.FC<Props> = (props) => {
   const [password, setPassword] = useState('')
 
   return (
-    <Modal hideCloseButton isOpen={true}>
+    <Modal backdrop="blur" hideCloseButton isOpen={true}>
       <ModalContent>
         <ModalHeader className="flex">请输入root密码</ModalHeader>
         <ModalBody>

src/renderer/src/components/connections/connection-detail-modal.tsx

@@ -8,7 +8,14 @@ const ConnectionDetailModal: React.FC<Props> = (props) => {
   const { connection, onClose } = props
 
   return (
-    <Modal size="xl" hideCloseButton isOpen={true} onOpenChange={onClose} scrollBehavior="inside">
+    <Modal
+      backdrop="blur"
+      size="xl"
+      hideCloseButton
+      isOpen={true}
+      onOpenChange={onClose}
+      scrollBehavior="inside"
+    >
       <ModalContent>
         <ModalHeader className="flex">连接详情</ModalHeader>
         <ModalBody>

src/renderer/src/components/profiles/edit-file-modal.tsx

@@ -32,7 +32,14 @@ const EditFileModal: React.FC<Props> = (props) => {
   }, [])
 
   return (
-    <Modal size="5xl" hideCloseButton isOpen={true} onOpenChange={onClose} scrollBehavior="inside">
+    <Modal
+      backdrop="blur"
+      size="5xl"
+      hideCloseButton
+      isOpen={true}
+      onOpenChange={onClose}
+      scrollBehavior="inside"
+    >
       <ModalContent className="h-full w-[calc(100%-100px)]">
         <ModalHeader className="flex">编辑订阅</ModalHeader>
         <ModalBody className="h-full">

src/renderer/src/components/profiles/edit-info-modal.tsx

@@ -25,7 +25,13 @@ const EditInfoModal: React.FC<Props> = (props) => {
   }
 
   return (
-    <Modal hideCloseButton isOpen={true} onOpenChange={onClose} scrollBehavior="inside">
+    <Modal
+      backdrop="blur"
+      hideCloseButton
+      isOpen={true}
+      onOpenChange={onClose}
+      scrollBehavior="inside"
+    >
       <ModalContent>
         <ModalHeader className="flex">编辑信息</ModalHeader>
         <ModalBody>

src/renderer/src/components/sider/config-viewer.tsx

@@ -31,7 +31,14 @@ const ConfigViewer: React.FC<Props> = (props) => {
   }, [])
 
   return (
-    <Modal size="5xl" hideCloseButton isOpen={true} onOpenChange={onClose} scrollBehavior="inside">
+    <Modal
+      backdrop="blur"
+      size="5xl"
+      hideCloseButton
+      isOpen={true}
+      onOpenChange={onClose}
+      scrollBehavior="inside"
+    >
       <ModalContent className="h-full w-[calc(100%-100px)]">
         <ModalHeader className="flex">当前运行时配置</ModalHeader>
         <ModalBody className="h-full">

src/renderer/src/components/sider/profile-card.tsx

@@ -32,13 +32,14 @@ const ProfileCard: React.FC = () => {
   const total = extra?.total ?? 0
 
   return (
+    <>
+      {showRuntimeConfig && <ConfigViewer onClose={() => setShowRuntimeConfig(false)} />}
       <Card
         fullWidth
         className={`mb-2 ${match ? 'bg-primary' : ''}`}
         isPressable
         onPress={() => navigate('/profiles')}
       >
-      {showRuntimeConfig && <ConfigViewer onClose={() => setShowRuntimeConfig(false)} />}
         <CardBody className="pb-1">
           <div className="flex justify-between h-[32px]">
             <h3
@@ -57,7 +58,9 @@ const ProfileCard: React.FC = () => {
                   setShowRuntimeConfig(true)
                 }}
               >
-              <CgLoadbarDoc className={`text-[24px] ${match ? 'text-white' : 'text-foreground'}`} />
+                <CgLoadbarDoc
+                  className={`text-[24px] ${match ? 'text-white' : 'text-foreground'}`}
+                />
               </Button>
               {info.type === 'remote' && (
                 <Button
@@ -112,6 +115,7 @@ const ProfileCard: React.FC = () => {
           )}
         </CardFooter>
       </Card>
+    </>
   )
 }
 

src/renderer/src/components/sysproxy/pac-editor-modal.tsx

@@ -24,7 +24,14 @@ const PacEditorViewer: React.FC<Props> = (props) => {
   }
 
   return (
-    <Modal size="5xl" hideCloseButton isOpen={true} onOpenChange={onCancel} scrollBehavior="inside">
+    <Modal
+      backdrop="blur"
+      size="5xl"
+      hideCloseButton
+      isOpen={true}
+      onOpenChange={onCancel}
+      scrollBehavior="inside"
+    >
       <ModalContent className="h-full w-[calc(100%-100px)]">
         <ModalHeader className="flex">编辑PAC脚本</ModalHeader>
         <ModalBody className="h-full">