mirror of https://github.com/nocodb/nocodb
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
21 lines
708 B
21 lines
708 B
import { isClient } from '@vueuse/core' |
|
import type { Ref } from 'vue' |
|
|
|
export function useSelectedCellKeyupListener(selected: Ref<boolean>, handler: (e: KeyboardEvent) => void) { |
|
if (isClient) { |
|
watch(selected, (nextVal, _, cleanup) => { |
|
// bind listener when `selected` is truthy |
|
if (nextVal) { |
|
document.addEventListener('keydown', handler, true) |
|
// if `selected` is falsy then remove the event handler |
|
} else { |
|
document.removeEventListener('keydown', handler, true) |
|
} |
|
|
|
// cleanup is called whenever the watcher is re-evaluated or stopped |
|
cleanup(() => { |
|
document.removeEventListener('keydown', handler, true) |
|
}) |
|
}) |
|
} |
|
}
|
|
|