From 8be2136658ef78d263438da19f421956ed5a231f Mon Sep 17 00:00:00 2001
From: t8y2 <1156263951@qq.com>
Date: Thu, 2 Jul 2026 23:58:56 +0800
Subject: [PATCH] feat(redis): add copy key name action

---
 .../src/components/redis/RedisKeyBrowser.vue  | 82 +++++++++++++------
 apps/desktop/src/i18n/locales/en.ts           |  1 +
 apps/desktop/src/i18n/locales/es.ts           |  1 +
 apps/desktop/src/i18n/locales/it.ts           |  1 +
 apps/desktop/src/i18n/locales/ja.ts           |  1 +
 apps/desktop/src/i18n/locales/pt-BR.ts        |  1 +
 apps/desktop/src/i18n/locales/zh-CN.ts        |  1 +
 apps/desktop/src/i18n/locales/zh-TW.ts        |  1 +
 8 files changed, 66 insertions(+), 23 deletions(-)

diff --git a/apps/desktop/src/components/redis/RedisKeyBrowser.vue b/apps/desktop/src/components/redis/RedisKeyBrowser.vue
index f9663ba155..e452aea292 100644
--- a/apps/desktop/src/components/redis/RedisKeyBrowser.vue
+++ b/apps/desktop/src/components/redis/RedisKeyBrowser.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed, nextTick, ref, onMounted, onUnmounted, onActivated, onDeactivated, watch } from "vue";
 import { useI18n } from "vue-i18n";
-import { Search, RefreshCw, Loader2, ChevronRight, ChevronDown, FolderClosed, FolderOpen, Trash2, Plus, KeyRound, TerminalSquare, Asterisk, History, Radio, Clock } from "@lucide/vue";
+import { Search, RefreshCw, Loader2, ChevronRight, ChevronDown, FolderClosed, FolderOpen, Trash2, Plus, KeyRound, TerminalSquare, Asterisk, History, Radio, Clock, Copy } from "@lucide/vue";
 import { RecycleScroller } from "vue-virtual-scroller";
 import "vue-virtual-scroller/dist/vue-virtual-scroller.css";
 import { Splitpanes, Pane } from "splitpanes";
@@ -13,6 +13,7 @@ import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from "
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
 import { Switch } from "@/components/ui/switch";
+import CustomContextMenu, { type ContextMenuItem } from "@/components/ui/CustomContextMenu.vue";
 import DangerConfirmDialog from "@/components/editor/DangerConfirmDialog.vue";
 import RedisValueViewer from "./RedisValueViewer.vue";
 import RedisPubSubPanel from "./RedisPubSubPanel.vue";
@@ -27,6 +28,7 @@ import { isRedisMutatingCommand } from "@/lib/redisCommandTable";
 import { isRedisClearScreenCommand, nextRedisCommandDb, redisKeyTextToRaw } from "@/lib/redisCommandSession";
 import { formatRedisConsoleValue, formatRedisStringValue } from "@/lib/redisValuePresentation";
 import { isCancelSearchShortcut } from "@/lib/keyboardShortcuts";
+import { copyToClipboard } from "@/lib/clipboard";
 import { useEditorFontFamilyStyle } from "@/composables/useEditorFontFamilyStyle";
 import { useToast } from "@/composables/useToast";
 import { redisKeySearchPattern } from "@/lib/redisKeyPattern";
@@ -425,6 +427,32 @@ function requestGroupDelete(node: RedisKeyTreeNode, event: Event) {
   showDangerConfirm.value = true;
 }
 
+async function copyRedisKeyName(keyRaw: string) {
+  try {
+    await copyToClipboard(keyRaw);
+    toast(t("redis.copied"), 2000);
+  } catch (e: any) {
+    toast(t("grid.copyFailed", { message: e?.message || String(e) }), 5000);
+  }
+}
+
+function redisKeyContextMenuItems(node: RedisKeyTreeNode): ContextMenuItem[] {
+  if (node.kind !== "leaf") return [];
+  return [
+    {
+      label: t("redis.copyKeyName"),
+      icon: Copy,
+      action: () => copyRedisKeyName(node.keyRaw),
+    },
+  ];
+}
+
+function onRedisRowContextMenu(event: MouseEvent, node: RedisKeyTreeNode, openContextMenu: (event: MouseEvent) => void) {
+  if (node.kind !== "leaf") return;
+  selectedKeyRaw.value = node.keyRaw;
+  openContextMenu(event);
+}
+
 function resetLoadedKeys() {
   loadedKeyRaws.clear();
   flatKeys.value = [];
@@ -1069,30 +1097,38 @@ defineExpose({ focusSearch });
           </div>
           <RecycleScroller v-else class="redis-key-scroller flex-1" :items="visibleRows" :item-size="30" :buffer="600" :skip-hover="true" key-field="id">
             <template #default="{ item: row }">
-              <div class="flex items-center gap-2 border-b px-3 text-[13px] cursor-pointer hover:bg-accent/50 group" :class="{ 'bg-accent': row.node.kind === 'leaf' && selectedKeyRaw === row.node.keyRaw }" :style="{ height: '30px' }" @click="onRowClick(row.node)">
-                <div class="min-w-0 flex flex-1 items-center gap-1 overflow-hidden" :style="{ paddingLeft: `${12 + row.depth * 16}px` }">
-                  <template v-if="row.node.kind === 'group'">
-                    <component :is="expandedGroupIds.has(row.node.id) ? ChevronDown : ChevronRight" class="w-3 h-3 shrink-0 text-muted-foreground" />
-                    <component :is="expandedGroupIds.has(row.node.id) ? FolderOpen : FolderClosed" class="w-3 h-3 shrink-0 text-amber-500" />
-                    <span class="dbx-editor-font-family truncate">{{ row.node.label }}</span>
-                    <span class="text-muted-foreground ml-1">({{ countLeaves(row.node) }})</span>
-                  </template>
-                  <template v-else>
-                    <span class="relative flex h-4 w-4 shrink-0 items-center justify-center">
-                      <KeyRound class="h-3.5 w-3.5 text-muted-foreground/70 transition-opacity group-hover:opacity-0" :class="{ 'opacity-0': checkedKeys.has(row.node.keyRaw) }" />
-                      <input type="checkbox" class="absolute h-3.5 w-3.5 accent-primary cursor-pointer opacity-0 group-hover:opacity-100" :class="{ 'opacity-100': checkedKeys.has(row.node.keyRaw) }" :checked="checkedKeys.has(row.node.keyRaw)" @click="toggleCheck(row.node.keyRaw, $event)" />
-                    </span>
-                    <span class="dbx-editor-font-family truncate">{{ row.node.label }}</span>
-                  </template>
-                </div>
+              <CustomContextMenu :items="redisKeyContextMenuItems(row.node)" v-slot="{ onContextMenu }">
+                <div
+                  class="flex items-center gap-2 border-b px-3 text-[13px] cursor-pointer hover:bg-accent/50 group"
+                  :class="{ 'bg-accent': row.node.kind === 'leaf' && selectedKeyRaw === row.node.keyRaw }"
+                  :style="{ height: '30px' }"
+                  @click="onRowClick(row.node)"
+                  @contextmenu="(event) => onRedisRowContextMenu(event, row.node, onContextMenu)"
+                >
+                  <div class="min-w-0 flex flex-1 items-center gap-1 overflow-hidden" :style="{ paddingLeft: `${12 + row.depth * 16}px` }">
+                    <template v-if="row.node.kind === 'group'">
+                      <component :is="expandedGroupIds.has(row.node.id) ? ChevronDown : ChevronRight" class="w-3 h-3 shrink-0 text-muted-foreground" />
+                      <component :is="expandedGroupIds.has(row.node.id) ? FolderOpen : FolderClosed" class="w-3 h-3 shrink-0 text-amber-500" />
+                      <span class="dbx-editor-font-family truncate">{{ row.node.label }}</span>
+                      <span class="text-muted-foreground ml-1">({{ countLeaves(row.node) }})</span>
+                    </template>
+                    <template v-else>
+                      <span class="relative flex h-4 w-4 shrink-0 items-center justify-center">
+                        <KeyRound class="h-3.5 w-3.5 text-muted-foreground/70 transition-opacity group-hover:opacity-0" :class="{ 'opacity-0': checkedKeys.has(row.node.keyRaw) }" />
+                        <input type="checkbox" class="absolute h-3.5 w-3.5 accent-primary cursor-pointer opacity-0 group-hover:opacity-100" :class="{ 'opacity-100': checkedKeys.has(row.node.keyRaw) }" :checked="checkedKeys.has(row.node.keyRaw)" @click="toggleCheck(row.node.keyRaw, $event)" />
+                      </span>
+                      <span class="dbx-editor-font-family truncate">{{ row.node.label }}</span>
+                    </template>
+                  </div>
 
-                <div class="flex shrink-0 items-center justify-end gap-1">
-                  <Badge v-if="row.node.kind === 'leaf' && row.node.keyType" variant="outline" class="text-xs px-1.5 py-0" :class="typeColor(row.node.keyType)">{{ row.node.keyType }}</Badge>
-                  <Button v-if="row.node.kind === 'group'" variant="ghost" size="icon" class="h-5 w-5 shrink-0 text-destructive opacity-0 group-hover:opacity-100" :title="t('redis.deleteGroup')" @click="requestGroupDelete(row.node, $event)">
-                    <Trash2 class="h-3 w-3" />
-                  </Button>
+                  <div class="flex shrink-0 items-center justify-end gap-1">
+                    <Badge v-if="row.node.kind === 'leaf' && row.node.keyType" variant="outline" class="text-xs px-1.5 py-0" :class="typeColor(row.node.keyType)">{{ row.node.keyType }}</Badge>
+                    <Button v-if="row.node.kind === 'group'" variant="ghost" size="icon" class="h-5 w-5 shrink-0 text-destructive opacity-0 group-hover:opacity-100" :title="t('redis.deleteGroup')" @click="requestGroupDelete(row.node, $event)">
+                      <Trash2 class="h-3 w-3" />
+                    </Button>
+                  </div>
                 </div>
-              </div>
+              </CustomContextMenu>
             </template>
           </RecycleScroller>
           <div v-if="hasMore && !isFetchingAll" class="shrink-0 border-t px-2 py-1.5 flex items-center gap-1.5">
diff --git a/apps/desktop/src/i18n/locales/en.ts b/apps/desktop/src/i18n/locales/en.ts
index 554ed5f597..967fd31e83 100644
--- a/apps/desktop/src/i18n/locales/en.ts
+++ b/apps/desktop/src/i18n/locales/en.ts
@@ -1841,6 +1841,7 @@ export default {
     memberDetail: "Member detail",
     viewMember: "View full value",
     copyMember: "Copy member",
+    copyKeyName: "Copy key name",
     copied: "Copied",
     copyInsertStatement: "Copy Insert Statement",
     copyInsertStatementBinary: "Cannot generate insert statement for binary data",
diff --git a/apps/desktop/src/i18n/locales/es.ts b/apps/desktop/src/i18n/locales/es.ts
index f2c3db68a2..c4e45633b8 100644
--- a/apps/desktop/src/i18n/locales/es.ts
+++ b/apps/desktop/src/i18n/locales/es.ts
@@ -1844,6 +1844,7 @@ export default withEnglishFallback({
     memberDetail: "Detalle del miembro",
     viewMember: "Ver valor completo",
     copyMember: "Copiar miembro",
+    copyKeyName: "Copiar nombre de clave",
     copied: "Copiado",
     editMember: "Editar",
     jsonView: "Vista JSON",
diff --git a/apps/desktop/src/i18n/locales/it.ts b/apps/desktop/src/i18n/locales/it.ts
index adee4d56f4..9f1cdc0dea 100644
--- a/apps/desktop/src/i18n/locales/it.ts
+++ b/apps/desktop/src/i18n/locales/it.ts
@@ -1842,6 +1842,7 @@ export default withEnglishFallback({
     memberDetail: "Dettaglio membro",
     viewMember: "Visualizza valore completo",
     copyMember: "Copia membro",
+    copyKeyName: "Copia nome chiave",
     copied: "Copiato",
     copyInsertStatement: "Copia Istruzione di Inserimento",
     copyInsertStatementBinary: "Impossibile generare l'istruzione di inserimento per dati binari",
diff --git a/apps/desktop/src/i18n/locales/ja.ts b/apps/desktop/src/i18n/locales/ja.ts
index f6b70afc3b..07a93631a9 100644
--- a/apps/desktop/src/i18n/locales/ja.ts
+++ b/apps/desktop/src/i18n/locales/ja.ts
@@ -1842,6 +1842,7 @@ export default withEnglishFallback({
     memberDetail: "メンバー詳細",
     viewMember: "完全な値を表示",
     copyMember: "メンバーをコピー",
+    copyKeyName: "キー名をコピー",
     copied: "コピーしました",
     copyInsertStatement: "INSERT文をコピー",
     copyInsertStatementBinary: "バイナリデータのINSERT文は生成できません",
diff --git a/apps/desktop/src/i18n/locales/pt-BR.ts b/apps/desktop/src/i18n/locales/pt-BR.ts
index 94da106703..1cfe604998 100644
--- a/apps/desktop/src/i18n/locales/pt-BR.ts
+++ b/apps/desktop/src/i18n/locales/pt-BR.ts
@@ -1843,6 +1843,7 @@ export default withEnglishFallback({
     memberDetail: "Detalhe do membro",
     viewMember: "Ver valor completo",
     copyMember: "Copiar membro",
+    copyKeyName: "Copiar nome da chave",
     copied: "Copiado",
     copyInsertStatement: "Copiar instrução de inserção",
     copyInsertStatementBinary: "Não é possível gerar instrução de inserção para dados binários",
diff --git a/apps/desktop/src/i18n/locales/zh-CN.ts b/apps/desktop/src/i18n/locales/zh-CN.ts
index 80f1963a9f..ace09c3456 100644
--- a/apps/desktop/src/i18n/locales/zh-CN.ts
+++ b/apps/desktop/src/i18n/locales/zh-CN.ts
@@ -1843,6 +1843,7 @@ export default withEnglishFallback({
     memberDetail: "成员详情",
     viewMember: "查看完整内容",
     copyMember: "复制成员",
+    copyKeyName: "复制键名",
     copied: "已复制",
     copyInsertStatement: "复制插入语句",
     copyInsertStatementBinary: "二进制数据无法生成插入语句",
diff --git a/apps/desktop/src/i18n/locales/zh-TW.ts b/apps/desktop/src/i18n/locales/zh-TW.ts
index c71e80ba96..d6b0522ba5 100644
--- a/apps/desktop/src/i18n/locales/zh-TW.ts
+++ b/apps/desktop/src/i18n/locales/zh-TW.ts
@@ -1746,6 +1746,7 @@ export default withEnglishFallback({
     memberDetail: "成員詳情",
     viewMember: "檢視完整內容",
     copyMember: "複製成員",
+    copyKeyName: "複製鍵名",
     copied: "已複製",
     copyInsertStatement: "複製為 INSERT 語句",
     copyInsertStatementBinary: "無法為二進位資料產生 INSERT 語句",