refactor: allow ref to be passed to useKeyPress
This commit is contained in:
@@ -1,5 +1,5 @@
|
|||||||
import type { Ref } from 'vue'
|
import type { Ref } from 'vue'
|
||||||
import type { KeyFilter } from '@vueuse/core'
|
import type { KeyFilter, MaybeRef } from '@vueuse/core'
|
||||||
import useWindow from './useWindow'
|
import useWindow from './useWindow'
|
||||||
|
|
||||||
function isInputDOMNode(event: KeyboardEvent): boolean {
|
function isInputDOMNode(event: KeyboardEvent): boolean {
|
||||||
@@ -12,7 +12,7 @@ function isInputDOMNode(event: KeyboardEvent): boolean {
|
|||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
export default (keyFilter: KeyFilter, onChange?: (keyPressed: boolean) => void): Ref<boolean> => {
|
export default (keyFilter: MaybeRef<KeyFilter>, onChange?: (keyPressed: boolean) => void): Ref<boolean> => {
|
||||||
const window = useWindow()
|
const window = useWindow()
|
||||||
|
|
||||||
let isPressed = $ref(false)
|
let isPressed = $ref(false)
|
||||||
@@ -22,7 +22,7 @@ export default (keyFilter: KeyFilter, onChange?: (keyPressed: boolean) => void):
|
|||||||
})
|
})
|
||||||
|
|
||||||
onKeyStroke(
|
onKeyStroke(
|
||||||
keyFilter,
|
unref(keyFilter),
|
||||||
(e) => {
|
(e) => {
|
||||||
if (isInputDOMNode(e)) return
|
if (isInputDOMNode(e)) return
|
||||||
|
|
||||||
@@ -33,7 +33,7 @@ export default (keyFilter: KeyFilter, onChange?: (keyPressed: boolean) => void):
|
|||||||
)
|
)
|
||||||
|
|
||||||
onKeyStroke(
|
onKeyStroke(
|
||||||
keyFilter,
|
unref(keyFilter),
|
||||||
(e) => {
|
(e) => {
|
||||||
if (isInputDOMNode(e)) return
|
if (isInputDOMNode(e)) return
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user