refactor: streamline network mode handling and encapsulate service instances within state management

Author: sumingcheng

src/page/chat/ChatPanel.tsx

@@ -169,17 +169,9 @@ const ChatPanel: React.FC = () => {
   };
 
   const handleToggleNetworkMode = () => {
-    // 获取GroupChatService实例
-    const groupChatService = (window as any).groupChatService;
-    if (groupChatService && typeof groupChatService.toggleNetworkMode === 'function') {
-      const newMode = groupChatService.toggleNetworkMode();
-      setIsLocalNetwork(newMode);
-      setNetworkModeDialogOpen(false);
-    } else {
-      // 如果无法直接访问服务实例，可以通过事件系统发送切换请求
-      chatEvents.emit('requestToggleNetworkMode');
-      setNetworkModeDialogOpen(false);
-    }
+    // 使用事件系统发送切换请求 - 正确的架构模式
+    chatEvents.emit('requestToggleNetworkMode');
+    setNetworkModeDialogOpen(false);
   };
 
   if (!currentChat) {

src/services/groupChatService.ts

@@ -6,6 +6,8 @@ import { MessageService } from './messageService'
 import { PeerService } from './peerService'
 
 export class GroupChatService {
+  private keepAliveInterval: number | null = null
+
   constructor(
     private set: SetStateFunction<ChatState>,
     private get: GetStateFunction<ChatState>,
@@ -98,7 +100,7 @@ export class GroupChatService {
     }, 60000) // 每分钟一次
 
       // 保存定时器ID，以便在离开群聊时清除
-      ; (window as any).keepAliveInterval = keepAliveInterval
+    this.keepAliveInterval = keepAliveInterval
   }
 
   // 加入群聊
@@ -293,9 +295,9 @@ export class GroupChatService {
     })
 
     // 清除保持活跃的定时器
-    if ((window as any).keepAliveInterval) {
-      clearInterval((window as any).keepAliveInterval)
-        ; (window as any).keepAliveInterval = null
+    if (this.keepAliveInterval) {
+      clearInterval(this.keepAliveInterval)
+      this.keepAliveInterval = null
     }
 
     // 断开所有连接

src/store/useChatStore.ts

@@ -18,12 +18,7 @@ const useChatStore = create<ChatState>((set, get) => {
   const messageService = new MessageService(set, get, chatEvents)
   const groupChatService = new GroupChatService(set, get, chatEvents, peerService, messageService)
 
-  // 将服务实例暴露给全局，方便在组件中直接调用
-  if (typeof window !== 'undefined') {
-    (window as any).peerService = peerService;
-    (window as any).messageService = messageService;
-    (window as any).groupChatService = groupChatService;
-  }
+  // 服务实例通过事件系统和状态管理进行通信，不暴露到全局
 
   // 监听网络模式切换请求
   chatEvents.on('requestToggleNetworkMode', () => {