From e58e506ebe3c841b2c2fbf13b1579f9aa3263417 Mon Sep 17 00:00:00 2001
From: Baobhan Sith <80159437+Heavrnl@users.noreply.github.com>
Date: Fri, 25 Apr 2025 17:06:52 +0800
Subject: [PATCH] Update WorkspaceConnectionList.vue
---
.../components/WorkspaceConnectionList.vue | 33 +++++++++++++------
1 file changed, 23 insertions(+), 10 deletions(-)
diff --git a/packages/frontend/src/components/WorkspaceConnectionList.vue b/packages/frontend/src/components/WorkspaceConnectionList.vue
index 67d34dd..2eb23a5 100644
--- a/packages/frontend/src/components/WorkspaceConnectionList.vue
+++ b/packages/frontend/src/components/WorkspaceConnectionList.vue
@@ -149,13 +149,19 @@ const toggleGroup = (groupName: string) => {
expandedGroups.value[groupName] = !expandedGroups.value[groupName];
};
-// 处理单击连接 (左键) - 使用 session store 处理连接请求
-const handleConnect = (connectionId: number) => {
- console.log(`[WkspConnList] handleConnect (左键) called for ID: ${connectionId}. Emitting event.`);
+// 处理单击连接 (左键/Enter) - 使用 session store 处理连接请求
+const handleConnect = (connectionId: number, event?: MouseEvent | KeyboardEvent) => { // 接受 MouseEvent 或 KeyboardEvent
+ // 增加检查：只处理左键点击 (button 0) 或非鼠标事件 (如 Enter 键)
+ if (event instanceof MouseEvent && event.button !== 0) {
+ console.log(`[WkspConnList] DEBUG: handleConnect called with non-left click (button: ${event.button}). Ignoring.`);
+ return; // 如果不是左键点击，则忽略
+ }
+ // console.log('[WkspConnList] DEBUG: handleConnect triggered! Event:', event); // 移除调试日志
+ console.log(`[WkspConnList] handleConnect (左键/Enter) called for ID: ${connectionId}. Emitting event.`);
// 移除对 sessionStore 的直接调用，由父组件处理
// sessionStore.handleConnectRequest(connectionId);
emit('connect-request', connectionId); // 发出事件通知父组件
- closeContextMenu(); // 点击连接后关闭菜单
+ closeContextMenu(); // 点击连接后关闭菜单 (如果菜单是打开的)
};
// 显示右键菜单
@@ -163,6 +169,7 @@ const showContextMenu = (event: MouseEvent, connection: ConnectionInfo) => {
console.log(`[WkspConnList] showContextMenu (右键) called for ID: ${connection.id}. Event:`, event);
event.preventDefault(); // 再次确保阻止默认行为
event.stopPropagation(); // 阻止事件冒泡
+ event.stopImmediatePropagation(); // 尝试更强力地阻止事件链
console.log('[WkspConnList] Right-click default prevented and propagation stopped.');
contextTargetConnection.value = connection;
contextMenuPosition.value = { x: event.clientX, y: event.clientY };
@@ -244,12 +251,17 @@ onBeforeUnmount(() => {
});
// 处理中键点击（在新标签页打开）
-const handleOpenInNewTab = (connectionId: number) => {
- console.log(`[WkspConnList] handleOpenInNewTab (中键/辅助键) called for ID: ${connectionId}`);
+const handleOpenInNewTab = (connectionId: number, event?: MouseEvent) => { // 添加 event 参数
+ // 增加检查：只处理中键点击 (button 1)
+ if (event instanceof MouseEvent && event.button !== 1) {
+ console.log(`[WkspConnList] DEBUG: handleOpenInNewTab called with non-middle click (button: ${event.button}). Ignoring.`);
+ return; // 如果不是中键点击，则忽略
+ }
+ // console.log(`[WkspConnList] handleOpenInNewTab (中键/辅助键) called for ID: ${connectionId}. Event:`, event); // 移除调试日志
emit('open-new-session', connectionId);
- console.log(`[WkspConnList] Emitted 'open-new-session' for ID: ${connectionId}`);
+ // console.log(`[WkspConnList] Emitted 'open-new-session' for ID: ${connectionId}`); // 移除调试日志
closeContextMenu(); // 如果右键菜单是打开的，也关闭它
- return false; // 尝试显式阻止进一步处理
+ // return false; // .prevent 修饰符应该足够了
};
// 新增：暴露聚焦搜索框的方法
@@ -371,9 +383,10 @@ const scrollToHighlighted = async () => {
:class="{ 'bg-primary/20 text-white font-medium': conn.id === highlightedConnectionId }"
:data-conn-id="conn.id"
@click.left="handleConnect(conn.id)"
+ @click.right.prevent
@contextmenu.prevent="showContextMenu($event, conn)"
- @mousedown.middle.prevent="handleOpenInNewTab(conn.id)"
- @auxclick.prevent="handleOpenInNewTab(conn.id)"
+ @mousedown.middle.prevent="handleOpenInNewTab(conn.id, $event)"
+ @auxclick.prevent="handleOpenInNewTab(conn.id, $event)"
>