fix: 修复Escape键事件冒泡问题并改进全屏处理

修复多个组件中Escape键事件未阻止冒泡的问题
添加全屏控制IPC通道
将全屏退出逻辑移至渲染进程处理
移除主进程中冗余的全屏退出处理代码

packages/shared/IpcChannel.ts

@@ -35,6 +35,7 @@ export enum IpcChannel {
   App_InstallBunBinary = 'app:install-bun-binary',
   App_LogToMain = 'app:log-to-main',
   App_SaveData = 'app:save-data',
+  App_SetFullScreen = 'app:set-full-screen',
 
   App_MacIsProcessTrusted = 'app:mac-is-process-trusted',
   App_MacRequestProcessTrust = 'app:mac-request-process-trust',

src/main/ipc.ts

@@ -191,6 +191,10 @@ export function registerIpc(mainWindow: BrowserWindow, app: Electron.App) {
     })
   }
 
+  ipcMain.handle(IpcChannel.App_SetFullScreen, (_, value: boolean): void => {
+    mainWindow.setFullScreen(value)
+  })
+
   ipcMain.handle(IpcChannel.Config_Set, (_, key: string, value: any, isNotify: boolean = false) => {
     configManager.set(key, value, isNotify)
   })

src/main/services/WindowService.ts

@@ -223,26 +223,26 @@ export class WindowService {
     })
 
     // 添加Escape键退出全屏的支持
-    mainWindow.webContents.on('before-input-event', (event, input) => {
+    // mainWindow.webContents.on('before-input-event', (event, input) => {
-      // 当按下Escape键且窗口处于全屏状态时退出全屏
+    //   // 当按下Escape键且窗口处于全屏状态时退出全屏
-      if (input.key === 'Escape' && !input.alt && !input.control && !input.meta && !input.shift) {
+    //   if (input.key === 'Escape' && !input.alt && !input.control && !input.meta && !input.shift) {
-        if (mainWindow.isFullScreen()) {
+    //     if (mainWindow.isFullScreen()) {
-          // 获取 shortcuts 配置
+    //       // 获取 shortcuts 配置
-          const shortcuts = configManager.getShortcuts()
+    //       const shortcuts = configManager.getShortcuts()
-          const exitFullscreenShortcut = shortcuts.find((s) => s.key === 'exit_fullscreen')
+    //       const exitFullscreenShortcut = shortcuts.find((s) => s.key === 'exit_fullscreen')
-          if (exitFullscreenShortcut == undefined) {
+    //       if (exitFullscreenShortcut == undefined) {
-            mainWindow.setFullScreen(false)
+    //         mainWindow.setFullScreen(false)
-            return
+    //         return
-          }
+    //       }
-          if (exitFullscreenShortcut?.enabled) {
+    //       if (exitFullscreenShortcut?.enabled) {
-            event.preventDefault()
+    //         event.preventDefault()
-            mainWindow.setFullScreen(false)
+    //         mainWindow.setFullScreen(false)
-            return
+    //         return
-          }
+    //       }
-        }
+    //     }
-      }
+    //   }
-      return
+    //   return
-    })
+    // })
   }
 
   private setupWebContentsHandlers(mainWindow: BrowserWindow) {

src/preload/index.ts

@@ -76,6 +76,7 @@ const api = {
   clearCache: () => ipcRenderer.invoke(IpcChannel.App_ClearCache),
   logToMain: (source: LogSourceWithContext, level: LogLevel, message: string, data: any[]) =>
     ipcRenderer.invoke(IpcChannel.App_LogToMain, source, level, message, data),
+  setFullScreen: (value: boolean): Promise<void> => ipcRenderer.invoke(IpcChannel.App_SetFullScreen, value),
   mac: {
     isProcessTrusted: (): Promise<boolean> => ipcRenderer.invoke(IpcChannel.App_MacIsProcessTrusted),
     requestProcessTrust: (): Promise<boolean> => ipcRenderer.invoke(IpcChannel.App_MacRequestProcessTrust)

src/renderer/src/components/CollapsibleSearchBar.tsx

@@ -62,6 +62,7 @@ const CollapsibleSearchBar: React.FC<CollapsibleSearchBarProps> = ({ onSearch, i
           onChange={(e) => handleTextChange(e.target.value)}
           onKeyDown={(e) => {
             if (e.key === 'Escape') {
+              e.stopPropagation()
               handleTextChange('')
               if (!searchText) setSearchVisible(false)
             }

src/renderer/src/components/ContentSearch.tsx

@@ -282,6 +282,7 @@ export const ContentSearch = React.forwardRef<ContentSearchRef, Props>(
             implementation.searchNext()
           }
         } else if (event.key === 'Escape') {
+          event.stopPropagation()
           implementation.disable()
         }
       },

src/renderer/src/components/EditableNumber/index.tsx

@@ -63,6 +63,7 @@ const EditableNumber: FC<EditableNumberProps> = ({
     if (e.key === 'Enter') {
       handleBlur()
     } else if (e.key === 'Escape') {
+      e.stopPropagation()
       setInputValue(value)
       setIsEditing(false)
     }

src/renderer/src/components/Popups/SelectModelPopup/popup.tsx

@@ -256,6 +256,7 @@ const PopupContainer: React.FC<Props> = ({ model, resolve, modelFilter }) => {
           break
         case 'Escape':
           e.preventDefault()
+          e.stopPropagation()
           setOpen(false)
           resolve(undefined)
           break

src/renderer/src/components/QuickPanel/view.tsx

@@ -456,6 +456,7 @@ export const QuickPanelView: React.FC<Props> = ({ setInputText }) => {
           }
           break
         case 'Escape':
+          e.stopPropagation()
           handleClose('esc')
           break
       }

src/renderer/src/components/TopView/index.tsx

@@ -1,5 +1,7 @@
+import { loggerService } from '@logger'
 import TopViewMinappContainer from '@renderer/components/MinApp/TopViewMinappContainer'
 import { useAppInit } from '@renderer/hooks/useAppInit'
+import { useShortcuts } from '@renderer/hooks/useShortcuts'
 import { message, Modal } from 'antd'
 import React, { PropsWithChildren, useCallback, useEffect, useRef, useState } from 'react'
 
@@ -24,6 +26,8 @@ type ElementItem = {
   element: React.FC | React.ReactNode
 }
 
+const logger = loggerService.withContext('TopView')
+
 const TopViewContainer: React.FC<Props> = ({ children }) => {
   const [elements, setElements] = useState<ElementItem[]>([])
   const elementsRef = useRef<ElementItem[]>([])
@@ -31,6 +35,8 @@ const TopViewContainer: React.FC<Props> = ({ children }) => {
 
   const [messageApi, messageContextHolder] = message.useMessage()
   const [modal, modalContextHolder] = Modal.useModal()
+  const { shortcuts } = useShortcuts()
+  const enableQuitFullScreen = shortcuts.find((item) => item.key === 'exit_fullscreen')?.enabled
 
   useAppInit()
 
@@ -72,8 +78,20 @@ const TopViewContainer: React.FC<Props> = ({ children }) => {
     )
   }, [])
 
+  const handleKeyDown = useCallback(
+    (e: React.KeyboardEvent<HTMLDivElement>) => {
+      logger.debug('keydown', e)
+      if (!enableQuitFullScreen) return
+
+      if (e.key === 'Escape' && !e.altKey && !e.ctrlKey && !e.metaKey && !e.shiftKey) {
+        window.api.setFullScreen(false)
+      }
+    },
+    [enableQuitFullScreen]
+  )
+
   return (
-    <>
+    <div onKeyDown={handleKeyDown}>
       {children}
       {messageContextHolder}
       {modalContextHolder}
@@ -83,7 +101,7 @@ const TopViewContainer: React.FC<Props> = ({ children }) => {
           {typeof Element === 'function' ? <Element /> : Element}
         </FullScreenContainer>
       ))}
-    </>
+    </div>
   )
 }
 

src/renderer/src/hooks/useInPlaceEdit.ts

@@ -66,6 +66,7 @@ export function useInPlaceEdit(options: UseInPlaceEditOptions): UseInPlaceEditRe
         saveEdit()
       } else if (e.key === 'Escape') {
         e.preventDefault()
+        e.stopPropagation()
         cancelEdit()
       }
     },

src/renderer/src/pages/home/Inputbar/Inputbar.tsx

@@ -400,6 +400,7 @@ const Inputbar: FC<Props> = ({ assistant: _assistant, setActiveTopic, topic }) =
 
     if (expanded) {
       if (event.key === 'Escape') {
+        event.stopPropagation()
         return onToggleExpanded()
       }
     }

src/renderer/src/pages/settings/ProviderSettings/index.tsx

@@ -466,6 +466,7 @@ const ProvidersList: FC = () => {
             onChange={(e) => setSearchText(e.target.value)}
             onKeyDown={(e) => {
               if (e.key === 'Escape') {
+                e.stopPropagation()
                 setSearchText('')
               }
             }}