feat: add configurable find/replace shortcuts with Mod-R routing

Add find and replace shortcut definitions to the shortcut registry with
Mod+F and Mod+R defaults. Route Mod-R through App → ContentArea to
dispatch to either the query editor replace panel or data grid refresh
based on focus context. Add isModRShortcut helper and tests.
This commit is contained in:
t8y2 committed 2026-05-27 12:20:20 +08:00
1 parent 20fcea82b4
commit 12abe9d0e0
6 files changed
+75 -11

No files matched your search

+22 -1
View File
@@ -127,6 +127,7 @@ import {
isCopyCurrentRowShortcut,
isDeleteCurrentRowShortcut,
isFocusSearchShortcut,
isModRShortcut,
isToggleTransposeShortcut,
} from "@/lib/keyboardShortcuts";
import { dataGridHeaderContentWidth, scrollbarGutterWidth } from "@/lib/dataGridScrollGutter";
@@ -2874,12 +2875,24 @@ function commitGridEdit() {
nextTick(() => gridRef.value?.focus({ preventScroll: true }));
}
function openCellDetailSearch(): boolean {
return getDetailEditor()?.openSearch() ?? false;
}
async function onGridKeydown(event: KeyboardEvent) {
if (event.defaultPrevented) return;
if (isFocusSearchShortcut(event)) {
event.preventDefault();
focusSearch();
return;
}
if (isModRShortcut(event)) {
event.preventDefault();
event.stopPropagation();
await onToolbarRefresh();
return;
}
if (eventTargetAllowsNativeClipboard(event)) return;
if (isCopyCurrentRowShortcut(event, settingsStore.editorSettings.shortcuts) && copyCurrentRow()) {
event.preventDefault();
@@ -3564,12 +3577,14 @@ defineExpose({
toggleColumnVisibility,
showAllColumns,
invertColumnVisibility,
openCellDetailSearch,
});
</script>
<template>
<div
ref="gridRef"
data-grid-root
class="h-full flex flex-col overflow-hidden outline-none"
:style="gridStyle"
tabindex="0"
@@ -5178,7 +5193,12 @@ defineExpose({
@cancel="cancelDetailEdit"
@commit="commitDetailEdit"
/>
<div v-else ref="detailsEditorContainer" class="w-full h-40 rounded border overflow-hidden" />
<div
v-else
ref="detailsEditorContainer"
data-cell-detail-editor-root
class="w-full h-40 rounded border overflow-hidden"
/>
<div class="flex gap-1 mt-1">
<Button size="sm" class="h-6 text-xs" @click="commitDetailEdit">
{{ t("dangerDialog.confirm") }}
@@ -5278,6 +5298,7 @@ defineExpose({
<div
v-else
ref="valueEditorContainer"
data-cell-detail-editor-root
class="min-h-0 flex-1 w-full rounded border overflow-hidden"
/>
</div>