mirror of
https://github.com/t8y2/dbx.git
synced 2026-11-02 08:30:35 +00:00
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:
@@ -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>
|
||||
|
||||
@@ -39,6 +39,7 @@ import type { SqlFormatDialect } from "@/lib/sqlFormatter";
|
||||
type DataGridHandle = {
|
||||
onToolbarRefresh: () => Promise<void> | void;
|
||||
focusSearch: () => boolean;
|
||||
openCellDetailSearch: () => boolean;
|
||||
visibleColumnCount: number;
|
||||
displayableColumnCount: number;
|
||||
hiddenColumnCount: number;
|
||||
@@ -256,7 +257,14 @@ function refreshData(): boolean {
|
||||
return true;
|
||||
}
|
||||
|
||||
defineExpose({ focusSearch, refreshData });
|
||||
function handleModRTarget(target: Element): boolean {
|
||||
if (target.closest("[data-query-editor-root]")) return queryEditorRef.value?.openReplace() ?? false;
|
||||
if (target.closest("[data-cell-detail-editor-root]")) return dataGridRef.value?.openCellDetailSearch() ?? false;
|
||||
if (target.closest("[data-grid-root]")) return refreshData();
|
||||
return false;
|
||||
}
|
||||
|
||||
defineExpose({ focusSearch, refreshData, handleModRTarget });
|
||||
</script>
|
||||
|
||||
<template>
|
||||
@@ -384,6 +392,7 @@ defineExpose({ focusSearch, refreshData });
|
||||
<template v-else>
|
||||
<DataGrid
|
||||
v-if="activeTab.result"
|
||||
ref="dataGridRef"
|
||||
:key="`${activeTab.id}-${activeTab.activeResultIndex ?? 0}`"
|
||||
:cache-key="`${activeTab.id}-${activeTab.activeResultIndex ?? 0}`"
|
||||
class="flex-1 min-h-0"
|
||||
|
||||
Reference in New Issue
Block a user