소스 검색

feat: add keyboard shortcuts support for dialog confirmation (#15752)

诗浓 1 개월 전
부모
커밋
e796937d02
1개의 변경된 파일5개의 추가작업 그리고 1개의 파일을 삭제
  1. 5 1
      web/app/components/base/confirm/index.tsx

+ 5 - 1
web/app/components/base/confirm/index.tsx

@@ -46,13 +46,17 @@ function Confirm({
     const handleKeyDown = (event: KeyboardEvent) => {
       if (event.key === 'Escape')
         onCancel()
+      if (event.key === 'Enter' && isShow) {
+        event.preventDefault()
+        onConfirm()
+      }
     }
 
     document.addEventListener('keydown', handleKeyDown)
     return () => {
       document.removeEventListener('keydown', handleKeyDown)
     }
-  }, [onCancel])
+  }, [onCancel, onConfirm, isShow])
 
   const handleClickOutside = (event: MouseEvent) => {
     if (maskClosable && dialogRef.current && !dialogRef.current.contains(event.target as Node))