Bläddra i källkod

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

tags/1.1.0
诗浓 7 månader sedan
förälder
incheckning
e796937d02
Inget konto är kopplat till bidragsgivarens mejladress
1 ändrade filer med 5 tillägg och 1 borttagningar
  1. 5
    1
      web/app/components/base/confirm/index.tsx

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

const handleKeyDown = (event: KeyboardEvent) => { const handleKeyDown = (event: KeyboardEvent) => {
if (event.key === 'Escape') if (event.key === 'Escape')
onCancel() onCancel()
if (event.key === 'Enter' && isShow) {
event.preventDefault()
onConfirm()
}
} }


document.addEventListener('keydown', handleKeyDown) document.addEventListener('keydown', handleKeyDown)
return () => { return () => {
document.removeEventListener('keydown', handleKeyDown) document.removeEventListener('keydown', handleKeyDown)
} }
}, [onCancel])
}, [onCancel, onConfirm, isShow])


const handleClickOutside = (event: MouseEvent) => { const handleClickOutside = (event: MouseEvent) => {
if (maskClosable && dialogRef.current && !dialogRef.current.contains(event.target as Node)) if (maskClosable && dialogRef.current && !dialogRef.current.contains(event.target as Node))

Laddar…
Avbryt
Spara