refactor: use icons for tab mode and Navicat-style tab titles

Replace text badges (SQL/表) with icons (Code2/Table2), remove
connection color dot, and adopt table@database.schema naming.
This commit is contained in:
t8y2
2026-05-09 00:21:56 +08:00
parent 70b55fe49a
commit 9ea098bd57
2 changed files with 15 additions and 19 deletions
+5 -4
View File
@@ -30,16 +30,17 @@ export function tabDisplayTitle(tab: QueryTab): string {
const database = databaseDisplayNameForTab(tab.connectionId, tab.database);
if (isPreviewTab(tab)) return tab.title;
if (tab.mode === "data" && tab.tableMeta?.tableName) {
return tab.tableMeta.tableName;
const suffix = tab.tableMeta.schema ? `@${database}.${tab.tableMeta.schema}` : `@${database}`;
return `${tab.tableMeta.tableName}${suffix}`;
}
if (tab.mode === "query") {
return `${connectionDisplayName(tab.connectionId)} | ${database}`;
return `${connectionDisplayName(tab.connectionId)}@${database}`;
}
if (tab.mode === "mongo" && tab.sql) {
return `${database} | ${tab.sql}`;
return `${tab.sql}@${database}`;
}
if (tab.mode === "redis") {
return `${connectionDisplayName(tab.connectionId)} | ${database}`;
return `${connectionDisplayName(tab.connectionId)}@${database}`;
}
return tab.title;
}