fix: prevent default searching in browser
parent
e7a7b85f25
commit
f7ed8b3199
|
@ -1,7 +1,7 @@
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import type { MenuRecordRaw } from '@vben/types';
|
import type { MenuRecordRaw } from '@vben/types';
|
||||||
|
|
||||||
import { ref } from 'vue';
|
import { onMounted, onUnmounted, ref, watch } from 'vue';
|
||||||
|
|
||||||
import { $t } from '@vben/locales';
|
import { $t } from '@vben/locales';
|
||||||
import {
|
import {
|
||||||
|
@ -46,15 +46,37 @@ function handleClose() {
|
||||||
keyword.value = '';
|
keyword.value = '';
|
||||||
}
|
}
|
||||||
|
|
||||||
if (props.enableShortcutKey) {
|
const keys = useMagicKeys();
|
||||||
const keys = useMagicKeys();
|
const cmd = isWindowsOs() ? keys['ctrl+k'] : keys['cmd+k'];
|
||||||
const cmd = isWindowsOs() ? keys['ctrl+k'] : keys['cmd+k'];
|
whenever(cmd, () => {
|
||||||
whenever(cmd, () => {
|
if (props.enableShortcutKey) {
|
||||||
if (props.enableShortcutKey) {
|
open.value = true;
|
||||||
open.value = true;
|
}
|
||||||
}
|
});
|
||||||
|
|
||||||
|
const preventDefaultBrowserSearchHotKey = (event: KeyboardEvent) => {
|
||||||
|
if (event.key.toLowerCase() === 'k' && (event.metaKey || event.ctrlKey)) {
|
||||||
|
event.preventDefault();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const toggleKeydownListener = () => {
|
||||||
|
if (props.enableShortcutKey) {
|
||||||
|
window.addEventListener('keydown', preventDefaultBrowserSearchHotKey);
|
||||||
|
} else {
|
||||||
|
window.removeEventListener('keydown', preventDefaultBrowserSearchHotKey);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
watch(() => props.enableShortcutKey, toggleKeydownListener);
|
||||||
|
|
||||||
|
onMounted(() => {
|
||||||
|
toggleKeydownListener();
|
||||||
|
|
||||||
|
onUnmounted(() => {
|
||||||
|
window.removeEventListener('keydown', preventDefaultBrowserSearchHotKey);
|
||||||
});
|
});
|
||||||
}
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
|
|
Loading…
Reference in New Issue