feat: 新增本局结束后自动停止挂机功能

WJZ-P · WJZ-P · commit d33ed9959677 · 2026-01-17T21:44:33.000+08:00
diff --git a/out/main/index.js b/out/main/index.js
@@ -16375,8 +16375,14 @@ function registerToggleHotkey(accelerator) {
   }
   const success = globalHotkeyManager.register(accelerator, async () => {
     console.log(`🎮 [Main] 快捷键 ${accelerator} 被触发，切换挂机状态`);
-    hexService.isRunning ? await hexService.stop() : await hexService.start();
-    win?.webContents.send(IpcChannel.HEX_TOGGLE_TRIGGERED, hexService.isRunning);
+    const wasRunning = hexService.isRunning;
+    if (wasRunning) {
+      await hexService.stop();
+    } else {
+      await hexService.start();
+    }
+    const newState = !wasRunning;
+    win?.webContents.send(IpcChannel.HEX_TOGGLE_TRIGGERED, newState);
   });
   if (success) {
     currentToggleHotkey = accelerator;
diff --git a/src-backend/states/GameRunningState.ts b/src-backend/states/GameRunningState.ts
@@ -27,7 +27,7 @@ import { gameStateManager } from "../services/GameStateManager";
 import { logger } from "../utils/Logger";
 import { sleep } from "../utils/HelperTools";
 import { inGameApi, InGameApiEndpoints } from "../lcu/InGameApi";
-import { showToast } from "../utils/ToastBridge";
+import { showToast, notifyStopAfterGameState, notifyHexRunningState } from "../utils/ToastBridge";
 import { hexService } from "../services/HexService";
 
 /** abort 信号轮询间隔 (ms)，作为事件监听的兜底 */
@@ -98,8 +98,19 @@ export class GameRunningState implements IState {
         } else if (isGameEnded) {
             // 游戏正常结束，检查是否设置了"本局结束后停止"
             if (hexService.stopAfterCurrentGame) {
-                logger.info("[GameRunningState] 游戏结束，检测到【本局结束后停止】标志，流转到 EndState");
+                logger.info("[GameRunningState] 游戏结束，检测到【本局结束后停止】标志，停止挂机");
                 showToast.success("本局已结束，自动停止挂机", { position: 'top-center' });
+                
+                // 通知前端重置"本局结束后停止"状态（因为是一次性功能，生效后自动取消）
+                notifyStopAfterGameState(false);
+                
+                // 通知前端挂机已停止（更新开关按钮状态）
+                notifyHexRunningState(false);
+                
+                // 调用 hexService.stop() 来正确停止服务
+                // 这会触发 AbortSignal，主循环会进入 finally 块执行 EndState 清理
+                await hexService.stop();
+                
                 return new EndState();
             }
             // 否则返回大厅开始下一局
diff --git a/src-backend/utils/ToastBridge.ts b/src-backend/utils/ToastBridge.ts
@@ -61,3 +61,31 @@ showToast.warning = (message: string, options?: Omit<ToastOptions, 'type'>) =>
 
 showToast.error = (message: string, options?: Omit<ToastOptions, 'type'>) =>
     showToast(message, { ...options, type: 'error' });
+
+/**
+ * 通知前端更新"本局结束后停止"状态
+ * @param newState 新的状态值
+ * 
+ * @description 用于从后端状态机通知前端更新 UI 状态
+ *              主要在 GameRunningState 中，当"本局结束后停止"功能生效时调用
+ */
+export function notifyStopAfterGameState(newState: boolean): void {
+    const windows = BrowserWindow.getAllWindows();
+    for (const win of windows) {
+        win.webContents.send(IpcChannel.HEX_STOP_AFTER_GAME_TRIGGERED, newState);
+    }
+}
+
+/**
+ * 通知前端挂机服务运行状态变化
+ * @param isRunning 新的运行状态（true=运行中，false=已停止）
+ * 
+ * @description 用于从后端通知前端更新挂机开关的 UI 状态
+ *              主要在"本局结束后停止"功能生效、自动停止挂机时调用
+ */
+export function notifyHexRunningState(isRunning: boolean): void {
+    const windows = BrowserWindow.getAllWindows();
+    for (const win of windows) {
+        win.webContents.send(IpcChannel.HEX_TOGGLE_TRIGGERED, isRunning);
+    }
+}
diff --git a/src/components/pages/HomePage.tsx b/src/components/pages/HomePage.tsx
@@ -1,9 +1,10 @@
 import React, {useState, useEffect} from 'react';
-import styled from 'styled-components';
+import styled, { keyframes } from 'styled-components';
 import PlayCircleOutlineIcon from '@mui/icons-material/PlayCircleOutline';
 import StopCircleOutlinedIcon from '@mui/icons-material/StopCircleOutlined';
 import BlockIcon from '@mui/icons-material/Block';
 import WarningAmberIcon from '@mui/icons-material/WarningAmber';
+import TimerOffIcon from '@mui/icons-material/TimerOff';
 import {ThemeType} from "../../styles/theme.ts";
 import {LogPanel} from "../LogPanel.tsx";
 import {toast} from "../toast/toast-core.ts";
@@ -245,6 +246,45 @@ const AdminWarningBanner = styled.div<{ theme: ThemeType }>`
   gap: 6px;
 `;
 
+/** 横幅滑入动画 - 从上方滑入并淡入 */
+const slideInFromTop = keyframes`
+  from {
+    opacity: 0;
+    transform: translateY(-10px);
+    max-height: 0;
+    padding: 0 12px;
+    margin-bottom: 0;
+    margin-top: 0;
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+    max-height: 50px;
+    padding: 6px 12px;
+    margin-bottom: 12px;
+    margin-top: -12px;
+  }
+`;
+
+/** "本局结束后停止"信息横幅 */
+const StopAfterGameBanner = styled.div<{ theme: ThemeType }>`
+  background-color: ${props => props.theme.colors.primary}20;
+  border: 1px solid ${props => props.theme.colors.primary}60;
+  border-radius: ${props => props.theme.borderRadius};
+  padding: 6px 12px;
+  margin-bottom: 12px;
+  margin-top: -12px;
+  font-size: 1rem;
+  color: ${props => props.theme.colors.primary};
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  overflow: hidden;
+  
+  /* 入场动画 */
+  animation: ${slideInFromTop} 0.3s ease-out forwards;
+`;
+
 // ============================================
 // 游戏模式切换样式
 // ============================================
@@ -811,6 +851,8 @@ export const HomePage = () => {
     const [logMode, setLogMode] = useState<LogMode>(LogMode.SIMPLE);
     // 新增：管理员权限状态（null 表示还在检测中）
     const [isElevated, setIsElevated] = useState<boolean | null>(null);
+    // 新增："本局结束后停止"状态
+    const [stopAfterGame, setStopAfterGame] = useState(false);
 
     /**
      * 获取召唤师信息的函数
@@ -927,6 +969,25 @@ export const HomePage = () => {
                 toast.success('海克斯科技启动!');
             } else {
                 toast.success('海克斯科技已关闭!');
+                // 停止时清除"本局结束后停止"状态
+                setStopAfterGame(false);
+            }
+        });
+        
+        return () => cleanup();
+    }, []);
+    
+    // 监听快捷键触发的"本局结束后停止"切换事件
+    useEffect(() => {
+        const cleanup = window.hex.onStopAfterGameTriggered((newState: boolean) => {
+            console.log('🎮 [HomePage] 收到"本局结束后停止"切换事件，新状态:', newState);
+            setStopAfterGame(newState);
+            
+            // 显示提示
+            if (newState) {
+                toast.info('对局结束后自动停止挂机');
+            } else {
+                toast.info('已取消对局结束后停止');
             }
         });
         
@@ -1086,6 +1147,14 @@ export const HomePage = () => {
                     </LoadingPlaceholder>
                 )}
             </SummonerSection>
+            
+            {/* "本局结束后停止"状态提示 - 在召唤师区域下方显示 */}
+            {stopAfterGame && (
+                <StopAfterGameBanner>
+                    <TimerOffIcon style={{ fontSize: '1rem' }} />
+                    对局结束后自动停止挂机
+                </StopAfterGameBanner>
+            )}
 
             {/* 控制区域 - Flexbox 水平排列 */}
             <ControlRow>
