6135 lines
250 KiB
Vue
6135 lines
250 KiB
Vue
<script setup lang="ts">
|
|
import { ref, computed, nextTick, watch, onBeforeUnmount, inject, reactive } from "vue";
|
|
import { useSqlHighlighter } from "@/composables/useSqlHighlighter";
|
|
import { useI18n } from "vue-i18n";
|
|
import { translateBackendError } from "@/i18n/backend-errors";
|
|
import {
|
|
Database,
|
|
Table,
|
|
Columns3,
|
|
Eye,
|
|
ChevronRight,
|
|
ChevronDown,
|
|
ChevronsDown,
|
|
Loader2,
|
|
FolderOpen,
|
|
FolderClosed,
|
|
Trash2,
|
|
TerminalSquare,
|
|
RefreshCw,
|
|
Copy,
|
|
TableProperties,
|
|
Key,
|
|
Link,
|
|
Zap,
|
|
ListTree,
|
|
Pencil,
|
|
Play,
|
|
Plug,
|
|
Unplug,
|
|
Pin,
|
|
ArrowRightLeft,
|
|
Download,
|
|
Upload,
|
|
FileCode,
|
|
Network,
|
|
Server,
|
|
PencilRuler,
|
|
Search,
|
|
FolderInput,
|
|
FolderPlus,
|
|
Eraser,
|
|
Scissors,
|
|
CopyPlus,
|
|
Plus,
|
|
ScrollText,
|
|
Braces,
|
|
Code2,
|
|
ListFilter,
|
|
Package,
|
|
Clipboard,
|
|
Check,
|
|
UsersRound,
|
|
Activity,
|
|
Gauge,
|
|
CalendarClock,
|
|
Lock,
|
|
HardDriveDownload,
|
|
FilePlus,
|
|
SquarePen,
|
|
ListX,
|
|
Info,
|
|
Archive,
|
|
Square,
|
|
X,
|
|
} from "@lucide/vue";
|
|
import type { ContextMenuItem } from "@/components/ui/CustomContextMenu.vue";
|
|
import { CONNECTION_ATTEMPT_CANCELLED_MESSAGE, useConnectionStore } from "@/stores/connectionStore";
|
|
import { useQueryStore } from "@/stores/queryStore";
|
|
import { useSettingsStore } from "@/stores/settingsStore";
|
|
import { useSavedSqlStore } from "@/stores/savedSqlStore";
|
|
import { useToast } from "@/composables/useToast";
|
|
import { useDatabaseOptions } from "@/composables/useDatabaseOptions";
|
|
import type { ColumnInfo, ConnectionConfig, DatabaseType, ObjectSourceKind, TreeNode, TreeNodeType } from "@/types/database";
|
|
import * as api from "@/lib/backend/api";
|
|
import { uuid } from "@/lib/common/utils";
|
|
import { resolveDefaultDatabase } from "@/lib/database/defaultDatabase";
|
|
import { canTreeNodePin, canTreeNodeShowExpander, treeItemPaddingLeft, treeLabelWidthClass, usesFullWidthTreeLabel } from "@/lib/sidebar/sidebarTreeItemLayout";
|
|
import { buildTableSelectSql } from "@/lib/table/tableSelectSql";
|
|
import { buildTableDeleteTemplate, buildTableInsertTemplate, buildTableSelectTemplate, buildTableUpdateTemplate } from "@/lib/table/tableSqlTemplates";
|
|
import { connectionFilePath, defaultSqliteBackupFileName, isMemorySqlitePath, sqliteBackupSourcePath } from "@/lib/connection/connectionFile";
|
|
import { driverStoreFocusForInstallError } from "@/lib/connection/agentDriverInstallHint";
|
|
import { revealPathInFileManager } from "@/lib/backend/tauri";
|
|
import { appendDebugLog, isDebugLoggingEnabled } from "@/lib/backend/debugLog";
|
|
import { clearActiveTableReferencePayload, createTableReferencePayload, createTableReferenceDropEvent, setActiveTableReferencePayload, type QueryEditorTableReferencePayload } from "@/lib/editor/queryEditorTableDrop";
|
|
import { usesSyntheticRowIdKey } from "@/lib/table/tableEditing";
|
|
import { tableOpenPageLimit } from "@/lib/table/tableOpenPageLimit";
|
|
import { getCachedTableMetadata, loadTableMetadata, TABLE_METADATA_CACHE_TTL_MS, tableMetadataToDataTabMeta } from "@/lib/metadata/tableMetadataCache";
|
|
import {
|
|
canConfigureVisibleSchemasForTreeNode,
|
|
canCreateConnectionNamespace,
|
|
canCreateDatabaseNodeNamespace,
|
|
canEditDatabaseProperties as canEditDatabasePropertiesForNode,
|
|
connectionNamespaceCreationTarget,
|
|
editableDatabasePropertyGroups,
|
|
supportsDatabaseCreation,
|
|
supportsDatabaseSearch,
|
|
supportsFieldLineage,
|
|
supportsObjectBrowserTreeNode,
|
|
supportsSchemaDiagram,
|
|
supportsSqlFileExecution,
|
|
supportsTableImport,
|
|
supportsTableTruncate,
|
|
supportsTableStructureEditing,
|
|
usesTreeSchemaMode,
|
|
} from "@/lib/database/databaseCapabilities";
|
|
import { copyNameForTreeNode, isDocumentBrowserTreeNode, objectSourceKindForTreeNode, shouldRunTreeNodeRowAction, treeNodeRowAction, treeNodeRowDoubleClickAction } from "@/lib/sidebar/treeNodeClick";
|
|
import { canApplyDataTabMetadata, dataTabOpenModeFromTreeClick, findExistingDataTabCandidate, type DataTabOpenMode } from "@/lib/sidebar/dataTabOpenPolicy";
|
|
import { isCopySidebarSelectionShortcut, isEditSidebarConnectionShortcut, isPasteSidebarSelectionShortcut } from "@/lib/editor/keyboardShortcuts";
|
|
import { formatSqlInsert } from "@/lib/export/exportFormats";
|
|
import { joinExportedDdls } from "@/lib/export/ddlExport";
|
|
import { fetchTableDataForExport } from "@/lib/table/tableDataExport";
|
|
import { canActivateExistingDataTableTab, canRefreshDataTableFromSingleActivationDoubleClick, dataTableDoubleClickAction } from "@/lib/tabs/dataTabActivation";
|
|
import { buildCreateDatabaseSql, buildDuckDbAttachDatabaseSql, duckDbAttachedDatabaseNameFromPath, supportsCreateDatabaseCharset, uniqueDuckDbAttachedDatabaseName } from "@/lib/database/createDatabaseSql";
|
|
import {
|
|
buildCreateSchemaSql,
|
|
buildDropDatabaseSql,
|
|
buildDropObjectSql,
|
|
buildDropSchemaSql,
|
|
buildGetDatabaseCommentSql,
|
|
buildGetSchemaCommentSql,
|
|
buildUpdateDatabasePropertiesSql,
|
|
buildDropTableSql,
|
|
buildDropTableChildObjectSql,
|
|
buildDuplicateTableStructureSql,
|
|
buildCopyTableDataSql,
|
|
buildEmptyTableSql,
|
|
buildTruncateTableSql,
|
|
supportsDropTableCascade,
|
|
supportsTruncateTableCascade,
|
|
supportsSchemaComment,
|
|
type DropTableChildObjectSqlOptions,
|
|
type DropObjectSqlOptions,
|
|
type TableChildObjectType,
|
|
type TableAdminSqlOptions,
|
|
} from "@/lib/database/dbAdminSql";
|
|
import { buildRenameObjectSql, supportsObjectRename, type RenameableObjectType } from "@/lib/table/objectRenameSql";
|
|
import { buildRoutineRenameObjectSourceStatements, supportsSourceBackedRoutineRename } from "@/lib/table/objectSourceEditor";
|
|
import { buildViewDdl } from "@/lib/table/viewDdl";
|
|
import { formatSqlForDisplay, sqlFormatDialectForDbType } from "@/lib/sql/sqlFormatter";
|
|
import { getTableStructureCapabilities } from "@/lib/table/tableStructureCapabilities";
|
|
import { connectionObjectTreeNodeSchema, connectionObjectTreeQuerySchema, connectionUsesDatabaseObjectTreeMode, effectiveDatabaseTypeForConnection, tableStructureDatabaseTypeForConnection } from "@/lib/database/jdbcDialect";
|
|
import { hexToRgba } from "@/lib/common/color";
|
|
import { focusSidebarRenameInput } from "@/lib/sidebar/sidebarRenameFocus";
|
|
import { hasTreeNodeDatabaseContext } from "@/lib/sidebar/treeNodeContext";
|
|
import { defaultPasteTableMode, pasteTableModeCopiesData, supportsWholeRowTableDataCopy, tableClipboardMatchesTarget, tableDataCopyColumnOptions, type TableClipboardContext } from "@/lib/table/tableClipboard";
|
|
import { sidebarDisplayTableName } from "@/lib/sidebar/sidebarTableNameDisplay";
|
|
import { shouldMeasureSidebarLabelOverflow } from "@/lib/sidebar/sidebarLabelTooltip";
|
|
import { selectedTreeNodesInVisibleOrder as orderSelectedTreeNodes, treeSelectionRangeIdsByIndex, treeSelectionRangeIds } from "@/lib/sidebar/sidebarTreeSelection";
|
|
import { connectionPasteTargetGroupId, selectedConnectionClipboardTargets, selectedConnectionDeleteTargets, selectedConnectionDuplicateTargets, selectedConnectionEditTarget } from "@/lib/sidebar/sidebarConnectionSelection";
|
|
import { connectionSupportsDatabaseUserAdmin, resolveDatabaseUserAdminProviderForConnection, type DatabaseUserIdentity } from "@/lib/database/databaseUserAdmin";
|
|
import { authorizationPlanSql, authorizationPlanStatus, buildCreateDatabaseAuthorizationPlan, executeAuthorizationPlan, type AuthorizationPlan, type AuthorizationStepResult } from "@/lib/database/databaseAuthorizationPlan";
|
|
import { connectionSupportsProcessList } from "@/lib/database/processListDrivers";
|
|
import { connectionSupportsServerDashboard } from "@/lib/database/mysqlServerStatus";
|
|
import { connectionSupportsServerDashboard as connectionSupportsPgServerDashboard } from "@/lib/database/postgresServerStatus";
|
|
import { canCloseSidebarDatabaseConnection, isSidebarDatabaseOpened } from "@/lib/sidebar/sidebarDatabaseOpenState";
|
|
import { sidebarTreeContextKey } from "@/lib/sidebar/sidebarTreeContext";
|
|
import { batchTableEmptyFeedback, runBatchTableEmpty } from "@/lib/sidebar/batchTableEmpty";
|
|
import { runBatchTableTruncate } from "@/lib/table/batchTableTruncate";
|
|
import { useExportTracker, type ExportTask } from "@/composables/useExportTracker";
|
|
import { isTauriRuntime } from "@/lib/backend/tauriRuntime";
|
|
import { copyToClipboard } from "@/lib/common/clipboard";
|
|
import { hasEnabledTransportLayers } from "@/lib/backend/connectionTransport";
|
|
import { isWindows } from "@/lib/backend/platform";
|
|
import { rankSavedSqlHistory, type SavedSqlHistoryScope } from "@/lib/savedSql/savedSqlHistory";
|
|
import { isSqlServerLinkedNode } from "@/lib/database/sqlServerLinkedServers";
|
|
import DatabaseIcon from "@/components/icons/DatabaseIcon.vue";
|
|
import ConnectionErrorIndicator from "@/components/connection/ConnectionErrorIndicator.vue";
|
|
import ProductionContextBadge from "@/components/common/ProductionContextBadge.vue";
|
|
import { Badge } from "@/components/ui/badge";
|
|
import { Input } from "@/components/ui/input";
|
|
import LightTooltip from "@/components/ui/LightTooltip.vue";
|
|
import { flattenTree } from "@/composables/useFlatTree";
|
|
import { createDatabaseCollationOptionsForCharset, nextCreateDatabaseCollation, normalizeCreateDatabaseCharset, parseCreateDatabaseCharsetMetadata } from "@/lib/database/createDatabaseCharsetOptions";
|
|
import { productionContextForDatabase } from "@/lib/database/productionSafety";
|
|
import { executeWithProductionSqlGuard } from "@/lib/database/productionExecutionGuard";
|
|
import type { SidebarDataOpenRequest } from "@/lib/sidebar/sidebarDataOpenCoordinator";
|
|
import { createSidebarActionTarget, findSidebarActionTarget } from "@/lib/sidebar/sidebarActionTarget";
|
|
import type { SidebarDangerDialogRequest } from "@/lib/sidebar/sidebarDangerDialog";
|
|
import {
|
|
fallbackCreateDatabaseCharset,
|
|
sidebarTreeDialogOwner,
|
|
sidebarDangerTarget,
|
|
sidebarFormTarget,
|
|
connectionDeleteTargetSnapshot,
|
|
showDeleteConfirm,
|
|
showDropTableConfirm,
|
|
showDropTableChildObjectConfirm,
|
|
showBatchDropConfirm,
|
|
showBatchEmptyConfirm,
|
|
showBatchTruncateConfirm,
|
|
showStructurePreviewDialog,
|
|
showStructureDocCopyDialog,
|
|
structurePreviewSql,
|
|
structurePreviewTitle,
|
|
structurePreviewDefaultFileName,
|
|
structurePreviewError,
|
|
structureDocCopyText,
|
|
structureDocCopyTitle,
|
|
isLoadingStructurePreview,
|
|
showEmptyTableConfirm,
|
|
showTruncateTableConfirm,
|
|
showRenameObjectDialog,
|
|
renameObjectName,
|
|
renameObjectError,
|
|
renameObjectPreviewSql,
|
|
dropTablePreviewSql,
|
|
dropTableCascade,
|
|
batchDropCascade,
|
|
emptyTablePreviewSql,
|
|
truncateTablePreviewSql,
|
|
truncateTableCascade,
|
|
dropObjectPreviewSql,
|
|
showDropObjectConfirm,
|
|
dropTableChildObjectPreviewSql,
|
|
batchDropPreviewSql,
|
|
batchEmptyPreviewSql,
|
|
batchEmptyTargets,
|
|
batchDropTargets,
|
|
batchTruncateTargets,
|
|
batchTruncatePreviewSql,
|
|
batchTruncateCascade,
|
|
dropDatabasePreviewSql,
|
|
dropSchemaPreviewSql,
|
|
showDuplicateDialog,
|
|
duplicateTableName,
|
|
duplicateStructureSource,
|
|
showPasteDialog,
|
|
pasteTableMode,
|
|
pasteTableEntries,
|
|
showCreateDatabaseDialog,
|
|
createDatabaseName,
|
|
createDatabaseCharset,
|
|
createDatabaseCollation,
|
|
createDatabaseUsers,
|
|
createDatabaseSelectedUsers,
|
|
createDatabaseUsersLoading,
|
|
showCreateDatabasePreviewDialog,
|
|
createDatabaseAuthorizationPlan,
|
|
createDatabasePreviewSql,
|
|
createDatabaseAuthorizationResults,
|
|
createDatabaseAuthorizationApplying,
|
|
showCreateNacosNamespaceDialog,
|
|
createNacosNamespaceId,
|
|
createNacosNamespaceName,
|
|
createNacosNamespaceDesc,
|
|
createNacosNamespaceLoading,
|
|
showEditNacosNamespaceDialog,
|
|
editNacosNamespaceName,
|
|
editNacosNamespaceDesc,
|
|
editNacosNamespaceLoading,
|
|
createDatabaseCharsetOptions,
|
|
createDatabaseCollationsByCharset,
|
|
createDatabaseCharsetLoading,
|
|
showDropDatabaseConfirm,
|
|
dropDatabaseLoading,
|
|
showDropMongoCollectionConfirm,
|
|
dropMongoCollectionLoading,
|
|
showDropMongoIndexConfirm,
|
|
dropMongoIndexLoading,
|
|
showDropAllMongoIndexesConfirm,
|
|
dropAllMongoIndexesLoading,
|
|
showFlushRedisDbConfirm,
|
|
showCreateSchemaDialog,
|
|
createSchemaName,
|
|
showDropSchemaConfirm,
|
|
showEditDatabasePropertiesDialog,
|
|
editDatabasePropertiesLoading,
|
|
editDatabasePropertiesPreviewSql,
|
|
editDatabaseCharset,
|
|
editDatabaseCollation,
|
|
editDatabaseCommentText,
|
|
showEditSchemaCommentDialog,
|
|
schemaCommentText,
|
|
schemaCommentLoading,
|
|
schemaCommentPreviewSql,
|
|
showDeleteGroupConfirm,
|
|
showMoveToNewGroupDialog,
|
|
moveToNewGroupName,
|
|
type DuplicateStructureSource,
|
|
} from "./sidebarTreeDialogState";
|
|
|
|
const { t } = useI18n();
|
|
const labelRef = ref<HTMLElement>();
|
|
const rowRef = ref<HTMLElement>();
|
|
const labelOverflowing = ref(false);
|
|
let labelResizeObserver: ResizeObserver | null = null;
|
|
let labelMeasureFrame = 0;
|
|
|
|
function cancelLabelOverflowMeasure() {
|
|
if (!labelMeasureFrame) return;
|
|
window.cancelAnimationFrame(labelMeasureFrame);
|
|
labelMeasureFrame = 0;
|
|
}
|
|
|
|
function measureLabelOverflow(): boolean {
|
|
const el = labelRef.value;
|
|
if (!el || !shouldMeasureLabelOverflow()) return false;
|
|
const style = window.getComputedStyle(el);
|
|
if (style.overflowX === "visible" || style.textOverflow !== "ellipsis") return false;
|
|
return el.scrollWidth - el.clientWidth > 2;
|
|
}
|
|
|
|
function updateLabelOverflow() {
|
|
labelOverflowing.value = measureLabelOverflow();
|
|
}
|
|
|
|
function scheduleLabelOverflowMeasure() {
|
|
if (typeof window === "undefined") {
|
|
updateLabelOverflow();
|
|
return;
|
|
}
|
|
cancelLabelOverflowMeasure();
|
|
// Keep synchronous layout reads out of the hover path; they are expensive in
|
|
// large virtualized sidebar trees, especially on Linux WebKitGTK without GPU help.
|
|
labelMeasureFrame = window.requestAnimationFrame(() => {
|
|
labelMeasureFrame = 0;
|
|
updateLabelOverflow();
|
|
});
|
|
}
|
|
|
|
function handleMouseEnter() {
|
|
if (!shouldMeasureLabelOverflow()) {
|
|
labelOverflowing.value = false;
|
|
return;
|
|
}
|
|
updateLabelOverflow();
|
|
if (typeof ResizeObserver !== "undefined" && labelRef.value && !labelResizeObserver) {
|
|
labelResizeObserver = new ResizeObserver(scheduleLabelOverflowMeasure);
|
|
labelResizeObserver.observe(labelRef.value);
|
|
}
|
|
}
|
|
|
|
function handleMouseLeave() {
|
|
labelResizeObserver?.disconnect();
|
|
labelResizeObserver = null;
|
|
cancelLabelOverflowMeasure();
|
|
}
|
|
const connectionStore = useConnectionStore();
|
|
const queryStore = useQueryStore();
|
|
const settingsStore = useSettingsStore();
|
|
const savedSqlStore = useSavedSqlStore();
|
|
const { toast } = useToast();
|
|
const { highlight } = useSqlHighlighter();
|
|
const useWindowsSidebarCommentFont = isWindows();
|
|
|
|
type StructureCopyFormat = "tsv" | "markdown";
|
|
const DATA_TAB_METADATA_TTL_MS = TABLE_METADATA_CACHE_TTL_MS;
|
|
const { getDatabaseOptions } = useDatabaseOptions();
|
|
const { addTask: addExportTask } = useExportTracker();
|
|
|
|
const props = defineProps<{
|
|
node: TreeNode;
|
|
depth: number;
|
|
dragDisabled?: boolean;
|
|
pendingRename?: boolean;
|
|
highlighted?: boolean;
|
|
}>();
|
|
|
|
const emit = defineEmits<{
|
|
"rename-started": [];
|
|
"group-created": [groupId: string];
|
|
"node-toggled": [node: TreeNode, wasExpanded: boolean];
|
|
"search-toggle": [node: TreeNode];
|
|
"context-menu": [event: MouseEvent, node: TreeNode, items: ContextMenuItem[]];
|
|
"open-ddl": [node: TreeNode];
|
|
"open-object-source": [node: TreeNode, initialEditing: boolean];
|
|
"open-procedure": [node: TreeNode];
|
|
"open-data": [node: TreeNode, requireSelection: boolean, openMode: DataTabOpenMode, runner: (node: TreeNode, request: SidebarDataOpenRequest) => Promise<void>];
|
|
"open-visible-databases": [node: TreeNode];
|
|
"open-visible-schemas": [node: TreeNode];
|
|
"open-danger-dialog": [request: SidebarDangerDialogRequest];
|
|
"open-dialog-controller": [controller: Record<string, any> | null];
|
|
"open-install-extension": [node: TreeNode];
|
|
}>();
|
|
const treeItemDialogOwner = Symbol("sidebar-tree-dialog-owner");
|
|
|
|
function claimTreeItemDialogOwnership() {
|
|
sidebarTreeDialogOwner.value = treeItemDialogOwner;
|
|
}
|
|
|
|
function routeTreeItemDialogController() {
|
|
const controller = getTreeItemDialogController();
|
|
const target = createSidebarActionTarget(props.node);
|
|
sidebarFormTarget.value = target;
|
|
controller.node = target;
|
|
controller.pasteTableDataCopySupported = pasteTableDataCopySupported.value;
|
|
controller.canSetCreateDatabaseCharset = canSetCreateDatabaseCharset.value;
|
|
controller.canEditDatabaseCharsetCollation = canEditDatabaseCharsetCollation.value;
|
|
controller.canEditDatabaseComment = canEditDatabaseComment.value;
|
|
emit("open-dialog-controller", controller);
|
|
}
|
|
|
|
const usesFullWidthLabel = computed(() => usesFullWidthTreeLabel(props.node.type, settingsStore.editorSettings.sidebarAllowHorizontalScroll));
|
|
const sidebarTreeContext = inject(sidebarTreeContextKey, null);
|
|
const rowWidthClass = computed(() => (usesFullWidthLabel.value ? "w-max min-w-full" : "w-full min-w-0"));
|
|
const nodeProductionContext = computed(() => {
|
|
const connectionId = props.node.connectionId;
|
|
return productionContextForDatabase(connectionId ? connectionStore.getConfig(connectionId) : undefined, props.node.database);
|
|
});
|
|
const showProductionBadge = computed(() => nodeProductionContext.value.active && ["connection", "database", "redis-db", "mongo-db"].includes(props.node.type));
|
|
|
|
function currentDatabaseType(): DatabaseType | undefined {
|
|
return props.node.connectionId ? effectiveDatabaseTypeForConnection(connectionStore.getConfig(props.node.connectionId)) : undefined;
|
|
}
|
|
|
|
function currentTableStructureDatabaseType(): DatabaseType | undefined {
|
|
return props.node.connectionId ? tableStructureDatabaseTypeForConnection(connectionStore.getConfig(props.node.connectionId)) : undefined;
|
|
}
|
|
|
|
function rawDatabaseType(): DatabaseType | undefined {
|
|
return props.node.connectionId ? connectionStore.getConfig(props.node.connectionId)?.db_type : undefined;
|
|
}
|
|
|
|
function databaseTypeForNode(node: TreeNode): DatabaseType | undefined {
|
|
return node.connectionId ? effectiveDatabaseTypeForConnection(connectionStore.getConfig(node.connectionId)) : undefined;
|
|
}
|
|
|
|
function tableStructureDatabaseTypeForNode(node: TreeNode): DatabaseType | undefined {
|
|
return node.connectionId ? tableStructureDatabaseTypeForConnection(connectionStore.getConfig(node.connectionId)) : undefined;
|
|
}
|
|
|
|
function hasNodeDatabaseContext(node: TreeNode): node is TreeNode & { connectionId: string; database: string } {
|
|
return !!node.connectionId && hasTreeNodeDatabaseContext(node);
|
|
}
|
|
|
|
function getIconInfo(node: TreeNode): { icon: any; colorClass: string } | null {
|
|
switch (node.type) {
|
|
case "connection":
|
|
return null;
|
|
case "connection-group":
|
|
return { icon: node.isExpanded ? FolderOpen : FolderClosed, colorClass: "text-amber-500" };
|
|
case "database":
|
|
return { icon: Database, colorClass: "text-yellow-500" };
|
|
case "linked-server-root":
|
|
return { icon: Network, colorClass: "text-blue-500" };
|
|
case "linked-server":
|
|
return { icon: Server, colorClass: "text-blue-400" };
|
|
case "linked-server-catalog":
|
|
return { icon: Database, colorClass: "text-yellow-500" };
|
|
case "linked-server-schema":
|
|
return { icon: FolderOpen, colorClass: "text-sky-400" };
|
|
case "schema":
|
|
return { icon: FolderOpen, colorClass: "text-sky-400" };
|
|
case "table":
|
|
return { icon: Table, colorClass: "text-green-500" };
|
|
case "view":
|
|
return { icon: Eye, colorClass: "text-purple-500" };
|
|
case "materialized_view":
|
|
return { icon: Eye, colorClass: "text-indigo-500" };
|
|
case "column":
|
|
if ((node.meta as ColumnInfo).is_primary_key) {
|
|
return { icon: Columns3, colorClass: "text-orange-400" };
|
|
} else {
|
|
return { icon: Columns3, colorClass: "text-muted-foreground" };
|
|
}
|
|
case "group-columns":
|
|
return { icon: ListTree, colorClass: "text-green-400" };
|
|
case "group-indexes":
|
|
return { icon: Key, colorClass: "text-amber-500" };
|
|
case "group-fkeys":
|
|
return { icon: Link, colorClass: "text-blue-400" };
|
|
case "group-triggers":
|
|
return { icon: Zap, colorClass: "text-orange-400" };
|
|
case "object-browser":
|
|
return { icon: TableProperties, colorClass: "text-primary" };
|
|
case "user-admin":
|
|
return { icon: UsersRound, colorClass: "text-primary" };
|
|
case "dameng-job-admin":
|
|
return { icon: CalendarClock, colorClass: "text-primary" };
|
|
case "index":
|
|
return { icon: Key, colorClass: "text-amber-400" };
|
|
case "fkey":
|
|
return { icon: Link, colorClass: "text-blue-300" };
|
|
case "trigger":
|
|
return { icon: Zap, colorClass: "text-orange-300" };
|
|
case "redis-db":
|
|
return { icon: Database, colorClass: "text-red-400" };
|
|
case "mq-tenant":
|
|
return { icon: FolderOpen, colorClass: "text-sky-400" };
|
|
case "nacos-namespace":
|
|
return { icon: FolderOpen, colorClass: "text-sky-500" };
|
|
case "etcd-root":
|
|
return { icon: Database, colorClass: "text-sky-500" };
|
|
case "zookeeper-root":
|
|
return { icon: Database, colorClass: "text-blue-500" };
|
|
case "mongo-db":
|
|
return { icon: Database, colorClass: "text-yellow-500" };
|
|
case "mongo-gridfs":
|
|
case "mongo-buckets":
|
|
return { icon: Archive, colorClass: "text-cyan-500" };
|
|
case "mongo-bucket":
|
|
return { icon: Archive, colorClass: "text-cyan-400" };
|
|
case "mongo-collection":
|
|
return { icon: Table, colorClass: "text-green-400" };
|
|
case "vector-collection":
|
|
return { icon: TableProperties, colorClass: "text-cyan-400" };
|
|
case "elasticsearch-index":
|
|
return { icon: Table, colorClass: "text-emerald-400" };
|
|
case "procedure":
|
|
return { icon: ScrollText, colorClass: "text-blue-500" };
|
|
case "function":
|
|
return { icon: Braces, colorClass: "text-amber-500" };
|
|
case "sequence":
|
|
return { icon: ListTree, colorClass: "text-emerald-500" };
|
|
case "package":
|
|
return { icon: Package, colorClass: "text-cyan-500" };
|
|
case "package-body":
|
|
return { icon: FileCode, colorClass: "text-cyan-400" };
|
|
case "group-tables":
|
|
return { icon: Table, colorClass: "text-green-500" };
|
|
case "group-views":
|
|
return { icon: Eye, colorClass: "text-purple-500" };
|
|
case "group-materialized-views":
|
|
return { icon: Eye, colorClass: "text-indigo-500" };
|
|
case "group-procedures":
|
|
return { icon: ScrollText, colorClass: "text-blue-500" };
|
|
case "group-functions":
|
|
return { icon: Braces, colorClass: "text-amber-500" };
|
|
case "group-sequences":
|
|
return { icon: ListTree, colorClass: "text-emerald-500" };
|
|
case "group-packages":
|
|
return { icon: Package, colorClass: "text-cyan-500" };
|
|
case "group-partitions":
|
|
return { icon: node.isExpanded ? FolderOpen : FolderClosed, colorClass: "text-green-400" };
|
|
case "group-extensions":
|
|
return { icon: Package, colorClass: "text-violet-500" };
|
|
case "extension":
|
|
return { icon: Package, colorClass: "text-violet-400" };
|
|
case "load-more":
|
|
return { icon: Plus, colorClass: "text-primary" };
|
|
default:
|
|
return { icon: Database, colorClass: "text-muted-foreground" };
|
|
}
|
|
}
|
|
|
|
const groupTypes: Set<TreeNodeType> = new Set(["group-columns", "group-indexes", "group-fkeys", "group-triggers", "group-tables", "group-views", "group-materialized-views", "group-procedures", "group-functions", "group-sequences", "group-packages", "group-partitions", "group-extensions"]);
|
|
function isGroupLabel(node: TreeNode): boolean {
|
|
return groupTypes.has(node.type);
|
|
}
|
|
|
|
function displayLabel(node: TreeNode): string {
|
|
if (node.type === "load-more") return t(node.label);
|
|
if (node.type === "object-browser") return t(node.label, { count: node.objectCount ?? 0 });
|
|
if (node.type === "user-admin" || node.type === "dameng-job-admin") return t(node.label);
|
|
if (node.type === "linked-server-root") return t(node.label);
|
|
if (node.label === "tree.defaultDatabase") return t(node.label);
|
|
return isGroupLabel(node) ? t(node.label) : node.label;
|
|
}
|
|
|
|
function visibleLabel(node: TreeNode): string {
|
|
if (node.type === "table" || node.type === "view" || node.type === "materialized_view" || node.type === "mongo-collection" || node.type === "vector-collection" || node.type === "elasticsearch-index") {
|
|
return sidebarDisplayTableName(node.label, settingsStore.editorSettings.sidebarHiddenTablePrefixes);
|
|
}
|
|
return displayLabel(node);
|
|
}
|
|
|
|
type DetailTooltipRow = {
|
|
label: string;
|
|
value: string;
|
|
multiline?: boolean;
|
|
};
|
|
|
|
function cleanTooltipValue(value: string | number | null | undefined): string {
|
|
return String(value ?? "").trim();
|
|
}
|
|
|
|
function isLocalFileConnection(config: Pick<ConnectionConfig, "db_type" | "port">): boolean {
|
|
return config.db_type === "sqlite" || config.db_type === "duckdb" || config.db_type === "access" || (config.db_type === "h2" && config.port === 0);
|
|
}
|
|
|
|
function redactedConnectionString(value: string): string {
|
|
return value.replace(/(:\/\/[^/\s:@?#;]+):([^@\s/?#;]+)@/g, "$1:***@").replace(/([?&;](?:password|pwd|pass|token|secret|key)=)[^&;]*/gi, "$1***");
|
|
}
|
|
|
|
function connectionTooltipScheme(config: Pick<ConnectionConfig, "db_type" | "ssl">): string {
|
|
switch (config.db_type) {
|
|
case "postgres":
|
|
case "gaussdb":
|
|
case "kwdb":
|
|
case "yashandb":
|
|
case "redshift":
|
|
case "questdb":
|
|
return "postgresql";
|
|
case "sqlserver":
|
|
return "mssql";
|
|
case "elasticsearch":
|
|
case "qdrant":
|
|
case "milvus":
|
|
case "weaviate":
|
|
case "chromadb":
|
|
case "rqlite":
|
|
case "turso":
|
|
case "mq":
|
|
return config.ssl ? "https" : "http";
|
|
case "cloudflare-d1":
|
|
return "https";
|
|
case "dameng":
|
|
return "dm";
|
|
default:
|
|
return config.db_type;
|
|
}
|
|
}
|
|
|
|
function hostForDisplay(host: string): string {
|
|
if (!host.includes(":") || host.startsWith("[") || host.includes("://")) return host;
|
|
return `[${host}]`;
|
|
}
|
|
|
|
function connectionTooltipUrl(config: ConnectionConfig): string {
|
|
const explicit = cleanTooltipValue(config.connection_string);
|
|
if (explicit) return redactedConnectionString(explicit);
|
|
|
|
const host = cleanTooltipValue(config.host);
|
|
if (!host) return "";
|
|
if (host.includes("://")) return redactedConnectionString(host);
|
|
|
|
if (isLocalFileConnection(config)) {
|
|
if (config.db_type === "access") return `jdbc:ucanaccess://${host}`;
|
|
return `${config.db_type}://${host}`;
|
|
}
|
|
|
|
const scheme = connectionTooltipScheme(config);
|
|
const port = Number(config.port) > 0 ? `:${config.port}` : "";
|
|
const user = cleanTooltipValue(config.username);
|
|
const userInfo = user ? `${encodeURIComponent(user)}@` : "";
|
|
const database = cleanTooltipValue(config.database);
|
|
const path = database ? `/${encodeURIComponent(database)}` : "";
|
|
const params = cleanTooltipValue(config.url_params);
|
|
const query = params ? (params.startsWith("?") ? params : `?${params}`) : "";
|
|
return redactedConnectionString(`${scheme}://${userInfo}${hostForDisplay(host)}${port}${path}${query}`);
|
|
}
|
|
|
|
const connectionInfoTooltip = computed(() => {
|
|
const node = props.node;
|
|
if (node.type !== "connection" || !node.connectionId) return null;
|
|
const config = connectionStore.getConfig(node.connectionId);
|
|
if (!config) return null;
|
|
|
|
const hostLabel = isLocalFileConnection(config) ? t("connection.filePath") : t("connection.host");
|
|
const rows: DetailTooltipRow[] = [
|
|
{ label: t("connection.name"), value: cleanTooltipValue(config.name) },
|
|
{ label: "URL", value: connectionTooltipUrl(config), multiline: true },
|
|
{ label: hostLabel, value: cleanTooltipValue(config.host), multiline: isLocalFileConnection(config) },
|
|
{ label: "Port", value: Number(config.port) > 0 ? String(config.port) : "" },
|
|
{ label: t("connection.database"), value: cleanTooltipValue(config.database) },
|
|
{ label: t("connection.user"), value: cleanTooltipValue(config.username) },
|
|
{ label: t("connection.type"), value: config.driver_label || config.driver_profile || config.db_type },
|
|
{ label: t("connection.databaseInfo.productVersion"), value: cleanTooltipValue(config.database_info?.productVersion) },
|
|
].filter((row) => row.value);
|
|
|
|
return { rows };
|
|
});
|
|
|
|
const objectCommentTooltip = computed(() => {
|
|
const node = props.node;
|
|
const comment = node.type === "column" && node.meta && "comment" in node.meta ? (node.meta as ColumnInfo).comment : node.comment;
|
|
if (!comment || (node.type !== "schema" && node.type !== "table" && node.type !== "view" && node.type !== "column")) return null;
|
|
const rows: DetailTooltipRow[] = [
|
|
{ label: t("connection.name"), value: visibleLabel(node) },
|
|
{ label: t("structureEditor.comment"), value: cleanTooltipValue(comment), multiline: true },
|
|
].filter((row) => row.value);
|
|
return { rows };
|
|
});
|
|
|
|
const detailTooltip = computed(() => connectionInfoTooltip.value ?? objectCommentTooltip.value);
|
|
|
|
function isTooltipDisabled(): boolean {
|
|
if (detailTooltip.value?.rows.length) return isRenamingGroup.value;
|
|
return isRenamingGroup.value || !labelOverflowing.value;
|
|
}
|
|
|
|
async function toggle() {
|
|
const node = props.node;
|
|
if (node.isLoading) {
|
|
if (!node.isExpanded) {
|
|
node.isExpanded = true;
|
|
emit("node-toggled", node, false);
|
|
}
|
|
return;
|
|
}
|
|
emit("search-toggle", node);
|
|
const wasExpanded = !!node.isExpanded;
|
|
|
|
if (node.type === "connection-group") {
|
|
node.isExpanded = !node.isExpanded;
|
|
connectionStore.toggleConnectionGroupCollapsed(node.id);
|
|
emit("node-toggled", node, wasExpanded);
|
|
return;
|
|
}
|
|
|
|
if (node.type === "group-partitions") {
|
|
node.isExpanded = !node.isExpanded;
|
|
emit("node-toggled", node, wasExpanded);
|
|
return;
|
|
}
|
|
|
|
const databaseObjectGroup = node.type === "group-tables" || node.type === "group-views" || node.type === "group-materialized-views" || node.type === "group-procedures" || node.type === "group-functions" || node.type === "group-sequences" || node.type === "group-packages";
|
|
if (databaseObjectGroup && connectionStore.isTreeNodeChildrenLoaded(node.id)) {
|
|
node.isExpanded = !node.isExpanded;
|
|
if (wasExpanded) connectionStore.releaseCollapsedTreeNodeChildren(node.id);
|
|
emit("node-toggled", node, wasExpanded);
|
|
return;
|
|
}
|
|
|
|
if (node.isExpanded) {
|
|
node.isExpanded = false;
|
|
connectionStore.releaseCollapsedTreeNodeChildren(node.id);
|
|
emit("node-toggled", node, wasExpanded);
|
|
return;
|
|
}
|
|
|
|
try {
|
|
if (node.type === "connection" && node.connectionId) {
|
|
const config = connectionStore.getConfig(node.connectionId);
|
|
if (config?.db_type === "redis") {
|
|
await connectionStore.loadRedisDatabases(node.connectionId);
|
|
} else if (config?.db_type === "etcd") {
|
|
await connectionStore.loadEtcdRoot(node.connectionId);
|
|
} else if (config?.db_type === "zookeeper") {
|
|
await connectionStore.loadZooKeeperRoot(node.connectionId);
|
|
} else if (config?.db_type === "mongodb") {
|
|
await connectionStore.loadMongoDatabases(node.connectionId);
|
|
} else if (config?.db_type === "elasticsearch") {
|
|
await connectionStore.loadElasticsearchIndices(node.connectionId);
|
|
} else if (config?.db_type === "milvus") {
|
|
await connectionStore.loadMilvusDatabases(node.connectionId);
|
|
} else if (config?.db_type === "qdrant" || config?.db_type === "weaviate" || config?.db_type === "chromadb") {
|
|
await connectionStore.loadVectorCollections(node.connectionId);
|
|
} else if (config?.db_type === "mq") {
|
|
await connectionStore.loadMqTenants(node.connectionId);
|
|
} else if (config?.db_type === "nacos") {
|
|
await connectionStore.loadNacosNamespaces(node.connectionId);
|
|
} else {
|
|
await connectionStore.loadDatabases(node.connectionId);
|
|
}
|
|
} else if (node.type === "redis-db" && node.connectionId && node.database) {
|
|
await connectionStore.ensureConnected(node.connectionId);
|
|
const tabTitle = `${connectionStore.getConfig(node.connectionId)?.name || "Redis"}:db${node.database}`;
|
|
queryStore.createTab(node.connectionId, node.database, tabTitle, "redis");
|
|
} else if (node.type === "mq-tenant" && node.connectionId) {
|
|
await connectionStore.ensureConnected(node.connectionId);
|
|
queryStore.openMqAdmin(node.connectionId, { tenant: node.mqTenant || node.label, initialTab: node.mqInitialTab });
|
|
} else if (node.type === "nacos-namespace" && node.connectionId) {
|
|
await connectionStore.ensureConnected(node.connectionId);
|
|
queryStore.openNacosAdmin(node.connectionId, { namespace: node.nacosNamespace || "", namespaceName: node.nacosNamespaceName || node.label });
|
|
} else if (node.type === "etcd-root" && node.connectionId) {
|
|
await connectionStore.ensureConnected(node.connectionId);
|
|
const tabTitle = `${connectionStore.getConfig(node.connectionId)?.name || "etcd"}:keys`;
|
|
queryStore.createTab(node.connectionId, "", tabTitle, "etcd");
|
|
refreshActiveKvBrowserAfterOpen("etcd", node.connectionId);
|
|
} else if (node.type === "zookeeper-root" && node.connectionId) {
|
|
await connectionStore.ensureConnected(node.connectionId);
|
|
const tabTitle = `${connectionStore.getConfig(node.connectionId)?.name || "ZooKeeper"}:keys`;
|
|
queryStore.createTab(node.connectionId, "", tabTitle, "zookeeper");
|
|
refreshActiveKvBrowserAfterOpen("zookeeper", node.connectionId);
|
|
} else if (node.type === "user-admin" && node.connectionId) {
|
|
await connectionStore.ensureConnected(node.connectionId);
|
|
queryStore.openUserAdmin(node.connectionId);
|
|
} else if (node.type === "dameng-job-admin" && node.connectionId) {
|
|
await connectionStore.ensureConnected(node.connectionId);
|
|
queryStore.openDamengJobAdmin(node.connectionId);
|
|
} else if (node.type === "mongo-db" && node.connectionId && node.database) {
|
|
await connectionStore.loadMongoCollections(node.connectionId, node.database);
|
|
} else if (node.type === "vector-database" && node.connectionId && node.database) {
|
|
await connectionStore.loadVectorCollections(node.connectionId, node.database);
|
|
} else if (node.type === "mongo-collection" && node.connectionId && node.database) {
|
|
await connectionStore.loadTableGroups(node.connectionId, node.database, node.label, node.schema, node.id);
|
|
} else if (node.type === "elasticsearch-index" && node.connectionId) {
|
|
await connectionStore.ensureConnected(node.connectionId);
|
|
const tab = queryStore.createTab(node.connectionId, node.database || "default", node.label, "mongo");
|
|
queryStore.updateSql(tab, node.label);
|
|
} else if (node.type === "vector-collection" && node.connectionId) {
|
|
await connectionStore.ensureConnected(node.connectionId);
|
|
const collectionRef = (node.meta as { collectionId?: string } | undefined)?.collectionId ?? node.label;
|
|
const tab = queryStore.createTab(node.connectionId, node.database || "default", node.label, "vector");
|
|
queryStore.updateSql(tab, collectionRef);
|
|
api
|
|
.vectorGetCollectionDetail(node.connectionId, node.database || "default", collectionRef)
|
|
.then((info) => {
|
|
if (info.dimension != null) {
|
|
if (node.meta) {
|
|
(node.meta as Record<string, unknown>).dimension = info.dimension;
|
|
} else {
|
|
node.meta = { dimension: info.dimension } as any;
|
|
}
|
|
}
|
|
})
|
|
.catch(() => {});
|
|
} else if (node.type === "database" && node.connectionId && hasTreeNodeDatabaseContext(node)) {
|
|
if (node.catalog && node.catalog !== "internal") {
|
|
await connectionStore.loadDorisCatalogTables(node);
|
|
} else {
|
|
const config = connectionStore.getConfig(node.connectionId);
|
|
const effectiveDbType = effectiveDatabaseTypeForConnection(config);
|
|
if (config?.db_type === "sqlserver") {
|
|
await connectionStore.loadSqlServerDatabaseObjects(node.connectionId, node.database);
|
|
} else if (usesTreeSchemaMode(effectiveDbType) && !connectionUsesDatabaseObjectTreeMode(config)) {
|
|
await connectionStore.loadSchemas(node.connectionId, node.database);
|
|
} else {
|
|
await connectionStore.loadTables(node.connectionId, node.database);
|
|
}
|
|
}
|
|
} else if (node.type === "doris-catalog" && node.connectionId) {
|
|
await connectionStore.loadDorisCatalogDatabases(node);
|
|
} else if (node.type === "schema" && node.connectionId && hasTreeNodeDatabaseContext(node) && node.schema) {
|
|
await connectionStore.loadTables(node.connectionId, node.database, node.schema);
|
|
} else if (node.type === "linked-server-root" && node.connectionId) {
|
|
await connectionStore.loadSqlServerLinkedServers(node.connectionId);
|
|
} else if (node.type === "linked-server" && node.connectionId) {
|
|
await connectionStore.loadSqlServerLinkedServerCatalogs(node);
|
|
} else if (node.type === "linked-server-catalog" && node.connectionId) {
|
|
await connectionStore.loadSqlServerLinkedServerSchemas(node);
|
|
} else if (node.type === "linked-server-schema" && node.connectionId && hasTreeNodeDatabaseContext(node) && node.schema) {
|
|
await connectionStore.loadTables(node.connectionId, node.database, node.schema);
|
|
} else if ((node.type === "table" || node.type === "view" || node.type === "materialized_view") && node.connectionId && hasTreeNodeDatabaseContext(node)) {
|
|
await connectionStore.loadTableGroups(node.connectionId, node.database, node.label, node.schema, node.id, node.catalog);
|
|
} else if (node.type === "group-columns" && node.connectionId && hasTreeNodeDatabaseContext(node) && node.tableName) {
|
|
await connectionStore.loadColumns(node.connectionId, node.database, node.tableName, node.schema, node.id, node.catalog);
|
|
} else if (node.type === "group-indexes" && node.connectionId && hasTreeNodeDatabaseContext(node) && node.tableName) {
|
|
await connectionStore.loadIndexes(node.connectionId, node.database, node.tableName, node.schema, node.id, node.catalog);
|
|
} else if (node.type === "group-fkeys" && node.connectionId && hasTreeNodeDatabaseContext(node) && node.tableName) {
|
|
await connectionStore.loadForeignKeys(node.connectionId, node.database, node.tableName, node.schema, node.id, node.catalog);
|
|
} else if (node.type === "group-triggers" && node.connectionId && hasTreeNodeDatabaseContext(node) && node.tableName) {
|
|
await connectionStore.loadTriggers(node.connectionId, node.database, node.tableName, node.schema, node.id, node.catalog);
|
|
} else if (databaseObjectGroup) {
|
|
await connectionStore.loadObjectGroupChildren(node);
|
|
}
|
|
emit("node-toggled", node, wasExpanded);
|
|
} catch (e: any) {
|
|
if (!wasExpanded) node.isExpanded = false;
|
|
const errMsg = e?.message || String(e);
|
|
if (errMsg.includes(CONNECTION_ATTEMPT_CANCELLED_MESSAGE)) return;
|
|
toast(t("connection.connectFailed", { message: translateBackendError(t, errMsg) }), 5000);
|
|
openDriverStoreForInstallError(errMsg);
|
|
}
|
|
}
|
|
|
|
function runRowClickAction(clickDetail: number) {
|
|
const node = props.node;
|
|
if (node.type === "load-more") {
|
|
if (clickDetail > 1) return;
|
|
void loadMoreObjectGroupChildren();
|
|
return;
|
|
}
|
|
if (node.type === "object-browser") {
|
|
if (clickDetail > 1) return;
|
|
void openObjectBrowser();
|
|
return;
|
|
}
|
|
if (node.type === "mongo-gridfs") {
|
|
openMongoTreeData(node);
|
|
return;
|
|
}
|
|
const action = treeNodeRowAction(node.type, canExpand.value, settingsStore.editorSettings.sidebarActivation);
|
|
if (!shouldRunTreeNodeRowAction(action, clickDetail)) return;
|
|
if (action === "open-data") {
|
|
if (node.type === "table") {
|
|
singleActivationDoubleClickRefreshAllowed = canRefreshDataTableFromSingleActivationDoubleClick(findExistingSameTableDataTab());
|
|
}
|
|
scheduleOpenData(node);
|
|
} else if (isDocumentBrowserTreeNode(node.type)) {
|
|
openMongoTreeData(node);
|
|
} else if (node.type === "procedure" || node.type === "function" || node.type === "sequence" || node.type === "package" || node.type === "package-body") {
|
|
openObjectSourceDialog(false);
|
|
} else if (action === "toggle") {
|
|
toggle();
|
|
}
|
|
}
|
|
|
|
let singleActivationDoubleClickRefreshAllowed = false;
|
|
|
|
function refreshActiveKvBrowserAfterOpen(mode: "etcd" | "zookeeper", connectionId: string) {
|
|
void nextTick(() => {
|
|
window.dispatchEvent(new CustomEvent("dbx-refresh-active-kv-browser", { detail: { mode, connectionId } }));
|
|
});
|
|
}
|
|
|
|
function openDriverStoreForInstallError(errMsg: string) {
|
|
const config = props.node.connectionId ? connectionStore.getConfig(props.node.connectionId) : undefined;
|
|
const focus = driverStoreFocusForInstallError(errMsg, config?.db_type, config?.driver_profile);
|
|
if (focus) window.dispatchEvent(new CustomEvent("dbx-open-driver-store", { detail: focus }));
|
|
}
|
|
|
|
async function loadMoreObjectGroupChildren() {
|
|
try {
|
|
await connectionStore.loadMoreObjectGroupChildren(props.node);
|
|
} catch (e: any) {
|
|
toast(t("connection.connectFailed", { message: translateBackendError(t, e?.message || String(e)) }), 5000);
|
|
}
|
|
}
|
|
|
|
async function loadAllObjectGroupChildren() {
|
|
try {
|
|
await connectionStore.loadAllObjectGroupChildren(props.node);
|
|
} catch (e: any) {
|
|
toast(t("connection.connectFailed", { message: translateBackendError(t, e?.message || String(e)) }), 5000);
|
|
}
|
|
}
|
|
|
|
function onToggleClick() {
|
|
selectSingleTreeNode(props.node);
|
|
rowRef.value?.focus({ preventScroll: true });
|
|
void toggle();
|
|
}
|
|
|
|
function onToggleMouseDown(event: MouseEvent) {
|
|
if (event.button !== 0) return;
|
|
selectSingleTreeNode(props.node);
|
|
rowRef.value?.focus({ preventScroll: true });
|
|
}
|
|
|
|
function visibleTreeNodes(): TreeNode[] {
|
|
if (sidebarTreeContext) return sidebarTreeContext.getVisibleNodes();
|
|
return flattenTree(connectionStore.treeNodes).map((item) => item.node);
|
|
}
|
|
|
|
function selectedTreeNodesInVisibleOrder(): TreeNode[] {
|
|
return orderSelectedTreeNodes(visibleTreeNodes(), connectionStore.selectedTreeNodeIds);
|
|
}
|
|
|
|
function selectSingleTreeNode(node: TreeNode) {
|
|
// Re-clicking the selected row should not replace the selection array and
|
|
// force visible tree rows to recompute.
|
|
if (!connectionStore.connectionMultiSelectActive && connectionStore.selectedTreeNodeId === node.id && connectionStore.treeSelectionAnchorId === node.id && connectionStore.selectedTreeNodeIds.length === 1 && connectionStore.selectedTreeNodeIds[0] === node.id) {
|
|
return;
|
|
}
|
|
connectionStore.connectionMultiSelectActive = false;
|
|
connectionStore.selectedTreeNodeId = node.id;
|
|
connectionStore.selectedTreeNodeIds = [node.id];
|
|
connectionStore.treeSelectionAnchorId = node.id;
|
|
}
|
|
|
|
function toggleTreeNodeSelection(node: TreeNode) {
|
|
connectionStore.connectionMultiSelectActive = false;
|
|
const ids = new Set(connectionStore.selectedTreeNodeIds);
|
|
if (ids.has(node.id)) ids.delete(node.id);
|
|
else ids.add(node.id);
|
|
connectionStore.selectedTreeNodeIds = ids.size ? [...ids] : [node.id];
|
|
connectionStore.selectedTreeNodeId = node.id;
|
|
connectionStore.treeSelectionAnchorId = node.id;
|
|
}
|
|
|
|
function selectTreeNodeRange(node: TreeNode) {
|
|
connectionStore.connectionMultiSelectActive = false;
|
|
const visible = visibleTreeNodes();
|
|
const anchorId = connectionStore.treeSelectionAnchorId || connectionStore.selectedTreeNodeId || node.id;
|
|
const currentIndex = sidebarTreeContext ? sidebarTreeContext.getVisibleNodeIndex(node.id) : -1;
|
|
const anchorIndex = sidebarTreeContext ? sidebarTreeContext.getVisibleNodeIndex(anchorId) : -1;
|
|
|
|
if (sidebarTreeContext && currentIndex >= 0 && anchorIndex >= 0) {
|
|
connectionStore.selectedTreeNodeIds = treeSelectionRangeIdsByIndex(visible, currentIndex, anchorIndex, node.id);
|
|
connectionStore.selectedTreeNodeId = node.id;
|
|
return;
|
|
}
|
|
|
|
if (!visible.some((item) => item.id === anchorId) || !visible.some((item) => item.id === node.id)) {
|
|
selectSingleTreeNode(node);
|
|
return;
|
|
}
|
|
|
|
const rangeIds = treeSelectionRangeIds(visible, node.id, anchorId, connectionStore.selectedTreeNodeId);
|
|
connectionStore.selectedTreeNodeIds = rangeIds;
|
|
connectionStore.selectedTreeNodeId = node.id;
|
|
}
|
|
|
|
function selectedConnectionIdsForAction(): string[] {
|
|
const connectionIds = new Set(connectionStore.connections.map((connection) => connection.id));
|
|
return connectionStore.selectedTreeNodeIds.filter((id) => connectionIds.has(id));
|
|
}
|
|
|
|
const isConnectionSelectionChecked = computed(() => {
|
|
if (!connectionStore.connectionMultiSelectActive || props.node.type !== "connection" || !props.node.connectionId) return false;
|
|
return connectionStore.selectedTreeNodeIds.includes(props.node.connectionId);
|
|
});
|
|
|
|
function toggleConnectionMultiSelection(event: MouseEvent) {
|
|
event.preventDefault();
|
|
event.stopPropagation();
|
|
if (props.node.type !== "connection" || !props.node.connectionId) return;
|
|
|
|
// Keep connection-id normalization off the row render path; this handler only
|
|
// runs when the checkbox is clicked, while the checked state updates often.
|
|
const next = new Set(connectionStore.connectionMultiSelectActive ? selectedConnectionIdsForAction() : []);
|
|
if (next.has(props.node.connectionId)) next.delete(props.node.connectionId);
|
|
else next.add(props.node.connectionId);
|
|
|
|
const ids = [...next];
|
|
connectionStore.selectedTreeNodeIds = ids;
|
|
connectionStore.selectedTreeNodeId = ids.includes(props.node.connectionId) ? props.node.connectionId : (ids[0] ?? null);
|
|
connectionStore.treeSelectionAnchorId = props.node.connectionId;
|
|
connectionStore.connectionMultiSelectActive = ids.length > 0;
|
|
rowRef.value?.focus({ preventScroll: true });
|
|
}
|
|
|
|
function onClick(event: MouseEvent) {
|
|
if (props.node.type === "table" && event.detail <= 1) singleActivationDoubleClickRefreshAllowed = false;
|
|
if (suppressNextTableReferenceClick) {
|
|
suppressNextTableReferenceClick = false;
|
|
event.preventDefault();
|
|
event.stopPropagation();
|
|
return;
|
|
}
|
|
// Row clicks must not bubble to the tree container, whose click handler
|
|
// clears the selection when the blank area is clicked (issue #681).
|
|
event.stopPropagation();
|
|
const dataTabOpenMode = dataTabOpenModeFromTreeClick(props.node.type, event, settingsStore.editorSettings.shortcuts.openDataInNewTab);
|
|
if (dataTabOpenMode === "new-tab") {
|
|
event.preventDefault();
|
|
if (event.detail > 1) return;
|
|
selectSingleTreeNode(props.node);
|
|
rowRef.value?.focus({ preventScroll: true });
|
|
openDataInNewTabImmediately(props.node);
|
|
return;
|
|
}
|
|
if (event.shiftKey) {
|
|
selectTreeNodeRange(props.node);
|
|
rowRef.value?.focus({ preventScroll: true });
|
|
return;
|
|
}
|
|
if (event.metaKey || event.ctrlKey) {
|
|
toggleTreeNodeSelection(props.node);
|
|
rowRef.value?.focus({ preventScroll: true });
|
|
return;
|
|
}
|
|
selectSingleTreeNode(props.node);
|
|
rowRef.value?.focus({ preventScroll: true });
|
|
if (settingsStore.editorSettings.sidebarActivation === "double") return;
|
|
runRowClickAction(event.detail);
|
|
}
|
|
|
|
function onTreeItemContextMenu(event: MouseEvent) {
|
|
claimTreeItemDialogOwnership();
|
|
ensureDangerDialogRouting();
|
|
routeTreeItemDialogController();
|
|
if (!connectionStore.selectedTreeNodeIds.includes(props.node.id)) {
|
|
selectSingleTreeNode(props.node);
|
|
} else {
|
|
connectionStore.selectedTreeNodeId = props.node.id;
|
|
}
|
|
rowRef.value?.focus({ preventScroll: true });
|
|
emit("context-menu", event, props.node, treeItemMenuItems());
|
|
}
|
|
|
|
function isEditableShortcutTarget(target: EventTarget | null): boolean {
|
|
if (!(target instanceof HTMLElement)) return false;
|
|
return target instanceof HTMLInputElement || target instanceof HTMLTextAreaElement || target.isContentEditable || !!target.closest("[contenteditable='true']");
|
|
}
|
|
|
|
function onKeydown(event: KeyboardEvent) {
|
|
claimTreeItemDialogOwnership();
|
|
if ((!isSelected.value && !isMultiSelected.value) || isEditableShortcutTarget(event.target)) return;
|
|
if (isPasteTreeClipboardShortcut(event)) {
|
|
if (!requestPasteTreeClipboard()) return;
|
|
event.preventDefault();
|
|
event.stopPropagation();
|
|
return;
|
|
}
|
|
if (isEditConnectionShortcut(event)) {
|
|
if (!requestEditSelectedConnection()) return;
|
|
event.preventDefault();
|
|
event.stopPropagation();
|
|
return;
|
|
}
|
|
if (!event.metaKey && !event.ctrlKey && !event.altKey && !event.shiftKey && event.key === "F2") {
|
|
if (!requestRenameSelectedNode()) return;
|
|
event.preventDefault();
|
|
event.stopPropagation();
|
|
return;
|
|
}
|
|
if (!event.metaKey && !event.ctrlKey && !event.altKey && !event.shiftKey && event.key === "F5") {
|
|
if (!requestRefreshSelectedNode()) return;
|
|
event.preventDefault();
|
|
event.stopPropagation();
|
|
return;
|
|
}
|
|
if (!event.metaKey && !event.ctrlKey && !event.altKey && !event.shiftKey && isDeleteTreeNodeShortcut(event)) {
|
|
if (!requestDeleteSelectedNode()) return;
|
|
event.preventDefault();
|
|
event.stopPropagation();
|
|
return;
|
|
}
|
|
if (!isCopyTreeSelectionShortcut(event)) return;
|
|
event.preventDefault();
|
|
event.stopPropagation();
|
|
copySelectedNames();
|
|
}
|
|
|
|
function isDeleteTreeNodeShortcut(event: KeyboardEvent): boolean {
|
|
return event.key === "Delete" || event.key === "Backspace";
|
|
}
|
|
|
|
function isPasteTreeClipboardShortcut(event: KeyboardEvent): boolean {
|
|
return isPasteSidebarSelectionShortcut(event, settingsStore.editorSettings.shortcuts);
|
|
}
|
|
|
|
function isEditConnectionShortcut(event: KeyboardEvent): boolean {
|
|
return isEditSidebarConnectionShortcut(event, settingsStore.editorSettings.shortcuts);
|
|
}
|
|
|
|
function isCopyTreeSelectionShortcut(event: KeyboardEvent): boolean {
|
|
return isCopySidebarSelectionShortcut(event, settingsStore.editorSettings.shortcuts);
|
|
}
|
|
|
|
function pasteTableTargetContext(): TableClipboardContext | null {
|
|
if (!props.node.connectionId || !props.node.database) return null;
|
|
return {
|
|
connectionId: props.node.connectionId,
|
|
database: props.node.database,
|
|
schema: props.node.schema,
|
|
};
|
|
}
|
|
|
|
function canPasteTreeClipboardToCurrentNode(): boolean {
|
|
const clipboard = connectionStore.treeClipboard;
|
|
return clipboard?.kind === "table-copy" && tableClipboardMatchesTarget(clipboard.tables, pasteTableTargetContext());
|
|
}
|
|
|
|
function requestPasteTreeClipboard(): boolean {
|
|
claimTreeItemDialogOwnership();
|
|
ensureDangerDialogRouting();
|
|
routeTreeItemDialogController();
|
|
const clipboard = connectionStore.treeClipboard;
|
|
if (clipboard?.kind === "connection-copy") {
|
|
const targetGroupId = connectionPasteTargetGroupId(props.node, (connectionId) => connectionStore.groupIdForConnection(connectionId));
|
|
void connectionStore
|
|
.pasteConnectionClipboard(targetGroupId)
|
|
.then((count) => {
|
|
if (count > 0) toast(count > 1 ? t("connection.duplicatedSelected", { count }) : t("connection.duplicated"), 2000);
|
|
})
|
|
.catch((e: any) => toast(t("connection.saveFailed", { message: e?.message || String(e) }), 5000));
|
|
return true;
|
|
}
|
|
if (clipboard?.kind !== "table-copy" || !canPasteTreeClipboardToCurrentNode()) return false;
|
|
pasteTableMode.value = defaultPasteTableMode(currentDatabaseType());
|
|
pasteTableEntries.value = clipboard.tables.map((entry) => ({
|
|
sourceName: entry.tableName,
|
|
targetName: `${entry.tableName}_copy`,
|
|
connectionId: entry.connectionId,
|
|
database: entry.database,
|
|
schema: entry.schema,
|
|
}));
|
|
showPasteDialog.value = true;
|
|
return true;
|
|
}
|
|
|
|
function requestRefreshSelectedNode(): boolean {
|
|
if (!canRefreshTreeNodeShortcut()) return false;
|
|
void refresh();
|
|
return true;
|
|
}
|
|
|
|
function canRefreshTreeNodeShortcut(): boolean {
|
|
const type = props.node.type;
|
|
if (type === "connection" || type === "database" || type === "schema" || type === "table" || type === "view") {
|
|
return true;
|
|
}
|
|
return isGroupLabel(props.node) && type !== "group-partitions";
|
|
}
|
|
|
|
function requestRenameSelectedNode(): boolean {
|
|
const selected = selectedTreeNodesInVisibleOrder();
|
|
if (selected.length > 1 && selected.some((node) => node.id === props.node.id)) return false;
|
|
const editTarget = selectedConnectionEditTarget(props.node, selected);
|
|
if (editTarget) {
|
|
connectionStore.startEditing(editTarget.connectionId);
|
|
return true;
|
|
}
|
|
if (canRenameObject.value) {
|
|
openRenameObjectDialog();
|
|
return true;
|
|
}
|
|
if (props.node.type === "connection-group") {
|
|
startRenameGroup();
|
|
return true;
|
|
}
|
|
return false;
|
|
}
|
|
|
|
function requestEditSelectedConnection(): boolean {
|
|
const editTarget = selectedConnectionEditTarget(props.node, selectedTreeNodesInVisibleOrder());
|
|
if (!editTarget) return false;
|
|
connectionStore.startEditing(editTarget.connectionId);
|
|
return true;
|
|
}
|
|
|
|
function requestDeleteSelectedNode(): boolean {
|
|
claimTreeItemDialogOwnership();
|
|
ensureDangerDialogRouting();
|
|
routeTreeItemDialogController();
|
|
if (requestDropSelectedNodes()) return true;
|
|
if (props.node.type === "connection") {
|
|
deleteConnection();
|
|
return true;
|
|
}
|
|
if (props.node.type === "connection-group") {
|
|
deleteConnectionGroup();
|
|
return true;
|
|
}
|
|
if (canDropDatabase.value) {
|
|
dropDatabase();
|
|
return true;
|
|
}
|
|
if (canDropMongoDatabase.value) {
|
|
dropDatabase();
|
|
return true;
|
|
}
|
|
if (canDropMongoCollection.value) {
|
|
dropMongoCollection();
|
|
return true;
|
|
}
|
|
if (canDropSchema.value) {
|
|
dropSchema();
|
|
return true;
|
|
}
|
|
return false;
|
|
}
|
|
|
|
function onDoubleClick(event: MouseEvent) {
|
|
if (dataTabOpenModeFromTreeClick(props.node.type, event, settingsStore.editorSettings.shortcuts.openDataInNewTab) === "new-tab") return;
|
|
const action = treeNodeRowDoubleClickAction(props.node.type, canOpenObjectBrowser.value, settingsStore.editorSettings.sidebarActivation, canExpand.value);
|
|
if (action === "open-object-browser") {
|
|
void openObjectBrowser();
|
|
} else if (action === "open-object-browser-and-expand") {
|
|
void openObjectBrowser();
|
|
if (!props.node.isExpanded) void toggle();
|
|
} else if (action === "open-data") {
|
|
openDataImmediately(props.node);
|
|
} else if (action === "refresh-data") {
|
|
void refreshData();
|
|
} else if (action === "open-source") {
|
|
openObjectSourceDialog(false);
|
|
} else if (action === "open-saved-sql") {
|
|
openSavedSqlFile();
|
|
} else if (action === "toggle" && (props.node.type === "mongo-gridfs" || isDocumentBrowserTreeNode(props.node.type))) {
|
|
openMongoTreeData(props.node);
|
|
} else if (action === "toggle") {
|
|
toggle();
|
|
}
|
|
}
|
|
|
|
async function refreshData() {
|
|
const node = props.node;
|
|
if (node.type !== "table" || !hasNodeDatabaseContext(node)) return;
|
|
const singleActivationRefreshAllowed = singleActivationDoubleClickRefreshAllowed;
|
|
singleActivationDoubleClickRefreshAllowed = false;
|
|
const activation = settingsStore.editorSettings.sidebarActivation;
|
|
if (activation === "single" && !singleActivationRefreshAllowed) return;
|
|
const existingSameTableTab = findExistingSameTableDataTab();
|
|
const action = dataTableDoubleClickAction(existingSameTableTab, activation, singleActivationRefreshAllowed);
|
|
if (action === "none") return;
|
|
if (action === "open") {
|
|
openDataImmediately(node);
|
|
return;
|
|
}
|
|
if (!existingSameTableTab) return;
|
|
queryStore.switchTab(existingSameTableTab.id);
|
|
if (action === "activate") return;
|
|
await queryStore.refreshDataTab(existingSameTableTab.id);
|
|
}
|
|
|
|
function findExistingSameTableDataTab() {
|
|
const node = props.node;
|
|
if (node.type !== "table" || !hasNodeDatabaseContext(node)) return undefined;
|
|
const config = connectionStore.getConfig(node.connectionId);
|
|
const tableSchema = connectionObjectTreeNodeSchema(config, node.database, node.schema);
|
|
return queryStore.tabs.find((tab) => tab.mode === "data" && tab.connectionId === node.connectionId && tab.database === node.database && (tab.tableMeta?.catalog || "") === (node.catalog || "") && (tab.schema || "") === (tableSchema || "") && (tab.tableMeta?.tableName || tab.title) === node.label);
|
|
}
|
|
|
|
function openMongoTreeData(node: TreeNode) {
|
|
if (!node.connectionId || !node.database) return;
|
|
if (node.type === "mongo-gridfs") {
|
|
queryStore.openMongoGridFs(node.connectionId, node.database);
|
|
return;
|
|
}
|
|
const tabTitle = `${node.database}.${node.label}`;
|
|
if (node.type === "mongo-bucket") {
|
|
queryStore.openMongoBucket(node.connectionId, node.database, node.label);
|
|
return;
|
|
}
|
|
if (node.type !== "mongo-collection") return;
|
|
const tab = queryStore.createTab(node.connectionId, node.database, tabTitle, "mongo");
|
|
queryStore.updateSql(tab, node.label);
|
|
}
|
|
|
|
async function openSavedSqlFile() {
|
|
const node = props.node;
|
|
if (node.type !== "saved-sql-file" || !node.savedSqlId) return;
|
|
const file = await savedSqlStore.ensureFileContent(node.savedSqlId);
|
|
if (!file) return;
|
|
queryStore.openSavedSql(file);
|
|
connectionStore.activeConnectionId = file.connectionId;
|
|
void savedSqlStore.recordFileUsage(file.id);
|
|
}
|
|
|
|
async function openObjectBrowser() {
|
|
const node = props.node;
|
|
if (!node.connectionId) return;
|
|
try {
|
|
await connectionStore.ensureConnected(node.connectionId);
|
|
connectionStore.activeConnectionId = node.connectionId;
|
|
|
|
if (hasTreeNodeDatabaseContext(node)) {
|
|
queryStore.openObjectBrowser(node.connectionId, node.database, node.schema, node.catalog);
|
|
return;
|
|
}
|
|
|
|
const connection = connectionStore.getConfig(node.connectionId);
|
|
if (!connection) return;
|
|
const options = await getDatabaseOptions(node.connectionId);
|
|
const database = resolveDefaultDatabase(connection, options);
|
|
if (database) {
|
|
queryStore.openObjectBrowser(node.connectionId, database);
|
|
} else {
|
|
await toggle();
|
|
}
|
|
} catch (e: any) {
|
|
toast(t("connection.connectFailed", { message: translateBackendError(t, e?.message || String(e)) }), 5000);
|
|
openDriverStoreForInstallError(e?.message || String(e));
|
|
}
|
|
}
|
|
|
|
async function openUserAdmin() {
|
|
const node = props.node;
|
|
if (!node.connectionId) return;
|
|
try {
|
|
await connectionStore.ensureConnected(node.connectionId);
|
|
connectionStore.activeConnectionId = node.connectionId;
|
|
queryStore.openUserAdmin(node.connectionId);
|
|
} catch (e: any) {
|
|
toast(t("connection.connectFailed", { message: translateBackendError(t, e?.message || String(e)) }), 5000);
|
|
}
|
|
}
|
|
|
|
async function openProcessList() {
|
|
const node = props.node;
|
|
if (!node.connectionId) return;
|
|
try {
|
|
await connectionStore.ensureConnected(node.connectionId);
|
|
connectionStore.activeConnectionId = node.connectionId;
|
|
queryStore.openProcessList(node.connectionId);
|
|
} catch (e: any) {
|
|
toast(t("connection.connectFailed", { message: translateBackendError(t, e?.message || String(e)) }), 5000);
|
|
}
|
|
}
|
|
|
|
async function openServerDashboard() {
|
|
const node = props.node;
|
|
if (!node.connectionId) return;
|
|
try {
|
|
await connectionStore.ensureConnected(node.connectionId);
|
|
connectionStore.activeConnectionId = node.connectionId;
|
|
if (currentDatabaseType() === "postgres") {
|
|
queryStore.openPostgresDashboard(node.connectionId);
|
|
} else {
|
|
queryStore.openMysqlDashboard(node.connectionId);
|
|
}
|
|
} catch (e: any) {
|
|
toast(t("connection.connectFailed", { message: translateBackendError(t, e?.message || String(e)) }), 5000);
|
|
}
|
|
}
|
|
|
|
async function openDamengJobAdmin() {
|
|
const node = props.node;
|
|
if (!node.connectionId) return;
|
|
try {
|
|
await connectionStore.ensureConnected(node.connectionId);
|
|
connectionStore.activeConnectionId = node.connectionId;
|
|
queryStore.openDamengJobAdmin(node.connectionId);
|
|
} catch (e: any) {
|
|
toast(t("connection.connectFailed", { message: translateBackendError(t, e?.message || String(e)) }), 5000);
|
|
}
|
|
}
|
|
|
|
function scheduleOpenData(node: TreeNode) {
|
|
emit("open-data", node, true, "default", openData);
|
|
}
|
|
|
|
function openDataImmediately(node: TreeNode = props.node) {
|
|
emit("open-data", node, false, "default", openData);
|
|
}
|
|
|
|
function openDataInNewTabImmediately(node: TreeNode = props.node) {
|
|
emit("open-data", node, false, "new-tab", (target, request) => openData(target, request, "new-tab"));
|
|
}
|
|
|
|
async function openData(node: TreeNode, request?: SidebarDataOpenRequest, openMode: DataTabOpenMode = "default") {
|
|
if (!(node.type === "table" || node.type === "view" || node.type === "materialized_view") || !hasNodeDatabaseContext(node)) return;
|
|
const config = connectionStore.getConfig(node.connectionId);
|
|
const traceId = uuid().slice(0, 8);
|
|
const startedAt = performance.now();
|
|
let lastPhaseAt = startedAt;
|
|
const elapsed = () => `${Math.round(performance.now() - startedAt)}ms`;
|
|
const openDataLog = (level: "info" | "warn" | "error" | "debug", event: string, details: Record<string, unknown>) => {
|
|
appendDebugLog(level, `[DBX][openData:${event}]`, details);
|
|
};
|
|
const logPhase = (phase: string, extra: Record<string, unknown> = {}) => {
|
|
const now = performance.now();
|
|
openDataLog("info", "phase", {
|
|
traceId,
|
|
phase,
|
|
deltaMs: Math.round(now - lastPhaseAt),
|
|
totalMs: Math.round(now - startedAt),
|
|
...extra,
|
|
});
|
|
lastPhaseAt = now;
|
|
};
|
|
openDataLog("info", "start", {
|
|
traceId,
|
|
type: node.type,
|
|
dbType: config?.db_type,
|
|
openMode,
|
|
});
|
|
const tableSchema = connectionObjectTreeNodeSchema(config, node.database, node.schema);
|
|
const tableType = node.type === "view" ? "VIEW" : node.type === "materialized_view" ? "MATERIALIZED_VIEW" : (node.tableType ?? "TABLE");
|
|
const querySchema = config ? connectionObjectTreeQuerySchema(config, node.database, tableSchema) : (tableSchema ?? "");
|
|
const effectiveDbType = effectiveDatabaseTypeForConnection(config);
|
|
const metadataDatabaseType = effectiveDbType || config?.db_type || "";
|
|
const dataTabTarget = {
|
|
connectionId: node.connectionId,
|
|
database: node.database,
|
|
schema: tableSchema,
|
|
catalog: node.catalog,
|
|
tableName: node.label,
|
|
};
|
|
const existingDataTabCandidate = findExistingDataTabCandidate(queryStore.tabs, dataTabTarget, { openMode, reuseDataTab: settingsStore.editorSettings.reuseDataTab });
|
|
const existingSameTableTab = existingDataTabCandidate?.match === "same-table" ? existingDataTabCandidate.tab : undefined;
|
|
const resetReusedDataTabState = (tab: (typeof queryStore.tabs)[number]) => {
|
|
tab.title = node.label;
|
|
tab.schema = tableSchema;
|
|
tab.whereInput = undefined;
|
|
tab.orderByInput = undefined;
|
|
tab.previewSql = undefined;
|
|
tab.resultSortColumn = undefined;
|
|
tab.resultSortColumnIndex = undefined;
|
|
tab.resultSortDirection = undefined;
|
|
tab.resultSortMode = undefined;
|
|
tab.resultLocalSortOriginalRows = undefined;
|
|
tab.resultLocalSortOriginalMongoDocuments = undefined;
|
|
tab.resultSortedSql = undefined;
|
|
tab.resultPageSql = undefined;
|
|
tab.resultPageLimit = undefined;
|
|
tab.resultPageOffset = undefined;
|
|
tab.resultTotalRowCount = undefined;
|
|
tab.resultTotalRowCountLoading = undefined;
|
|
tab.queryAnalysis = undefined;
|
|
tab.querySourceColumns = undefined;
|
|
tab.queryEditabilityReason = undefined;
|
|
};
|
|
|
|
if (existingSameTableTab && canActivateExistingDataTableTab(existingSameTableTab, { activateExecuting: false })) {
|
|
queryStore.switchTab(existingSameTableTab.id);
|
|
logPhase("existing-tab-activated", { table: node.label });
|
|
return;
|
|
}
|
|
|
|
const tabId = (() => {
|
|
if (existingDataTabCandidate) {
|
|
queryStore.switchTab(existingDataTabCandidate.tab.id);
|
|
resetReusedDataTabState(existingDataTabCandidate.tab);
|
|
return existingDataTabCandidate.tab.id;
|
|
}
|
|
return queryStore.createTab(node.connectionId, node.database, node.label, "data", tableSchema);
|
|
})();
|
|
openDataLog("info", "tab-created", { traceId, tabId, elapsed: elapsed() });
|
|
logPhase("tab-created", { tabId });
|
|
|
|
// Cancel any previous execution on this tab before starting a new one
|
|
const existingTab = queryStore.tabs.find((t) => t.id === tabId);
|
|
if (existingTab?.isExecuting && existingTab.executionId) {
|
|
await queryStore.cancelTabExecution(tabId);
|
|
logPhase("previous-execution-cancelled", { tabId });
|
|
}
|
|
|
|
const openDataId = uuid();
|
|
// Clear previous result so DataGrid doesn't show its internal loading overlay (without stop button)
|
|
const tab = queryStore.tabs.find((t) => t.id === tabId);
|
|
if (tab) {
|
|
tab.result = undefined;
|
|
tab.results = undefined;
|
|
}
|
|
const existingTableMeta = tab?.tableMeta;
|
|
const existingTableMetaAgeMs = tab?.tableMetaUpdatedAt ? Date.now() - tab.tableMetaUpdatedAt : Number.POSITIVE_INFINITY;
|
|
const sharedCachedTableMeta = config
|
|
? getCachedTableMetadata({
|
|
connectionId: node.connectionId,
|
|
database: node.database,
|
|
schema: querySchema,
|
|
tableName: node.label,
|
|
tableType,
|
|
databaseType: metadataDatabaseType,
|
|
driverProfile: config.driver_profile || config.db_type,
|
|
catalog: node.catalog,
|
|
})
|
|
: undefined;
|
|
const tabCachedTableMeta =
|
|
existingTableMeta?.tableName === node.label && (existingTableMeta.catalog || "") === (node.catalog || "") && existingTableMeta.schema === tableSchema && existingTableMeta.tableType === tableType && existingTableMeta.columns.length > 0 && existingTableMetaAgeMs < DATA_TAB_METADATA_TTL_MS
|
|
? existingTableMeta
|
|
: undefined;
|
|
const cachedTableMeta = sharedCachedTableMeta ? tableMetadataToDataTabMeta(sharedCachedTableMeta.metadata, tableSchema) : tabCachedTableMeta;
|
|
const cachedTableMetaAgeMs = sharedCachedTableMeta?.ageMs ?? existingTableMetaAgeMs;
|
|
const cachedTableMetaSource = sharedCachedTableMeta ? "shared" : tabCachedTableMeta ? "tab" : undefined;
|
|
queryStore.setTableMeta(
|
|
tabId,
|
|
cachedTableMeta ?? {
|
|
catalog: node.catalog,
|
|
database: node.database,
|
|
schema: tableSchema,
|
|
tableName: node.label,
|
|
tableType,
|
|
columns: [],
|
|
primaryKeys: [],
|
|
},
|
|
);
|
|
queryStore.setExecutingWithId(tabId, openDataId);
|
|
request?.registerCancel(async () => {
|
|
const current = queryStore.tabs.find((item) => item.id === tabId);
|
|
if (current?.isExecuting && current.executionId === openDataId) {
|
|
await queryStore.cancelTabExecution(tabId);
|
|
}
|
|
});
|
|
logPhase("state-prepared", { tabId });
|
|
|
|
// Yield to Vue's scheduler so the new tab becomes visible in the UI (tab
|
|
// bar activates, content area switches) before the first blocking network
|
|
// call. Without this the entire openData flow runs synchronously before the
|
|
// browser paints, making the UI feel frozen on each table click.
|
|
await nextTick();
|
|
|
|
// Helper to check if this openData call is still active (not superseded by a newer click)
|
|
const isActive = () => (request?.isCurrent() ?? true) && queryStore.tabs.find((t) => t.id === tabId)?.executionId === openDataId;
|
|
const canApplyTableMetadata = () =>
|
|
canApplyDataTabMetadata(
|
|
queryStore.tabs.find((t) => t.id === tabId),
|
|
dataTabTarget,
|
|
request?.signal,
|
|
);
|
|
|
|
try {
|
|
openDataLog("info", "ensure-connected:start", { traceId, elapsed: elapsed() });
|
|
await connectionStore.ensureConnected(node.connectionId);
|
|
if (!isActive()) {
|
|
logPhase("superseded-after-ensure-connected", { tabId });
|
|
return;
|
|
}
|
|
openDataLog("info", "ensure-connected:done", { traceId, elapsed: elapsed() });
|
|
logPhase("ensure-connected", { tabId });
|
|
if (!config) throw new Error("Connection config not found");
|
|
|
|
const limit = tableOpenPageLimit();
|
|
const refreshTableMetaInBackground = async () => {
|
|
const metadataStartedAt = performance.now();
|
|
openDataLog("info", "metadata:start", {
|
|
traceId,
|
|
elapsed: elapsed(),
|
|
});
|
|
try {
|
|
const loadedMetadata = await loadTableMetadata({
|
|
connectionId: node.connectionId,
|
|
database: node.database,
|
|
schema: querySchema,
|
|
tableName: node.label,
|
|
tableType,
|
|
databaseType: metadataDatabaseType,
|
|
driverProfile: config.driver_profile || config.db_type,
|
|
catalog: node.catalog,
|
|
traceLogger: isDebugLoggingEnabled() ? (event) => openDataLog("debug", "metadata:trace", { sourceTraceId: traceId, ...event }) : undefined,
|
|
});
|
|
if (!canApplyTableMetadata()) {
|
|
openDataLog("info", "metadata:stale", {
|
|
traceId,
|
|
tabId,
|
|
columnCount: loadedMetadata.metadata.columns.length,
|
|
elapsed: elapsed(),
|
|
});
|
|
return;
|
|
}
|
|
const nextTableMeta = tableMetadataToDataTabMeta(loadedMetadata.metadata, tableSchema);
|
|
queryStore.setTableMeta(tabId, nextTableMeta);
|
|
openDataLog("info", "metadata:done", {
|
|
traceId,
|
|
tabId,
|
|
columnCount: nextTableMeta.columns.length,
|
|
primaryKeyCount: nextTableMeta.primaryKeys.length,
|
|
cacheStatus: loadedMetadata.cacheStatus,
|
|
ageMs: Math.round(loadedMetadata.ageMs),
|
|
elapsed: elapsed(),
|
|
metadataMs: Math.round(performance.now() - metadataStartedAt),
|
|
});
|
|
} catch (error) {
|
|
openDataLog("warn", "metadata:error", { traceId, tabId, elapsed: elapsed(), error });
|
|
}
|
|
};
|
|
const shouldRefreshTableMeta = !cachedTableMeta;
|
|
if (cachedTableMeta) {
|
|
openDataLog("info", "metadata:cache-hit", {
|
|
traceId,
|
|
tabId,
|
|
columnCount: cachedTableMeta.columns.length,
|
|
primaryKeyCount: cachedTableMeta.primaryKeys.length,
|
|
source: cachedTableMetaSource,
|
|
ageMs: Math.round(cachedTableMetaAgeMs),
|
|
elapsed: elapsed(),
|
|
});
|
|
} else {
|
|
logPhase("metadata-deferred", { tabId });
|
|
}
|
|
|
|
// Check if superseded by a newer openData call
|
|
if (!isActive()) {
|
|
logPhase("superseded-before-build-sql", { tabId });
|
|
return;
|
|
}
|
|
|
|
const columns = cachedTableMeta?.columns ?? [];
|
|
const primaryKeys = cachedTableMeta?.primaryKeys ?? [];
|
|
const includeRowId = usesSyntheticRowIdKey(effectiveDbType, primaryKeys, tableType);
|
|
const sql = await buildTableSelectSql({
|
|
databaseType: effectiveDbType,
|
|
identifierQuote: connectionStore.connectionIdentifierQuote?.(node.connectionId),
|
|
schema: tableSchema,
|
|
database: node.database,
|
|
tableName: node.label,
|
|
tableType,
|
|
catalog: node.catalog,
|
|
columns: columns.map((column) => column.name),
|
|
primaryKeys,
|
|
limit,
|
|
includeRowId,
|
|
});
|
|
openDataLog("info", "sql-built", {
|
|
traceId,
|
|
primaryKeyCount: primaryKeys.length,
|
|
includeRowId,
|
|
sqlLength: sql.length,
|
|
elapsed: elapsed(),
|
|
});
|
|
logPhase("sql-built", { tabId, columnCount: columns.length, primaryKeyCount: primaryKeys.length });
|
|
queryStore.updateSql(tabId, sql);
|
|
logPhase("sql-updated", { tabId });
|
|
|
|
openDataLog("info", "execute:start", { traceId, tabId, elapsed: elapsed() });
|
|
await queryStore.executeTabSql(tabId, sql, {
|
|
sourceTraceId: traceId,
|
|
skipEnsureConnected: true,
|
|
pagination: { limit, offset: 0 },
|
|
});
|
|
openDataLog("info", "execute:done", { traceId, tabId, elapsed: elapsed() });
|
|
logPhase("execute-tab-sql", { tabId });
|
|
if (shouldRefreshTableMeta && canApplyTableMetadata()) {
|
|
void refreshTableMetaInBackground();
|
|
logPhase("metadata-started", { tabId });
|
|
}
|
|
} catch (e: any) {
|
|
if (!isActive()) {
|
|
logPhase("superseded-after-error", { tabId });
|
|
return;
|
|
}
|
|
openDataLog("error", "error", { traceId, elapsed: elapsed(), error: e });
|
|
logPhase("error", { tabId });
|
|
queryStore.setErrorResult(tabId, e);
|
|
}
|
|
}
|
|
|
|
async function newQuery() {
|
|
const node = props.node;
|
|
if (!node.connectionId) return;
|
|
try {
|
|
await connectionStore.ensureConnected(node.connectionId);
|
|
connectionStore.activeConnectionId = node.connectionId;
|
|
if (hasTreeNodeDatabaseContext(node)) {
|
|
if (node.type === "table" || node.type === "view" || node.type === "materialized_view") {
|
|
await newSelectTemplate();
|
|
return;
|
|
}
|
|
queryStore.createTab(node.connectionId, node.database, undefined, "query", node.schema);
|
|
return;
|
|
}
|
|
const connection = connectionStore.getConfig(node.connectionId);
|
|
if (!connection) return;
|
|
const options = await getDatabaseOptions(node.connectionId);
|
|
queryStore.createTab(node.connectionId, resolveDefaultDatabase(connection, options), undefined, "query");
|
|
} catch (e: any) {
|
|
toast(t("connection.connectFailed", { message: translateBackendError(t, e?.message || String(e)) }), 5000);
|
|
openDriverStoreForInstallError(e?.message || String(e));
|
|
}
|
|
}
|
|
|
|
// SQL template helpers have been extracted to @/lib/tableSqlTemplates.ts
|
|
// ---- Template actions ----
|
|
|
|
function openRedisInstanceInfo() {
|
|
const node = props.node;
|
|
if (!node.connectionId) return;
|
|
const config = connectionStore.getConfig(node.connectionId);
|
|
const dbName = config?.name || "Redis";
|
|
queryStore.createTab(node.connectionId, "0", `${dbName} - ${t("contextMenu.instanceInfo")}`, "redis-dashboard");
|
|
}
|
|
|
|
async function loadTemplateContext(allowView = false) {
|
|
const node = props.node;
|
|
if (!node.connectionId || !hasTreeNodeDatabaseContext(node)) return null;
|
|
const isTableNode = node.type === "table";
|
|
const isReadableObject = isTableNode || (allowView && (node.type === "view" || node.type === "materialized_view"));
|
|
if (!isReadableObject) return null;
|
|
|
|
await connectionStore.ensureConnected(node.connectionId);
|
|
connectionStore.activeConnectionId = node.connectionId;
|
|
const config = connectionStore.getConfig(node.connectionId);
|
|
const dbType = config ? effectiveDatabaseTypeForConnection(config) : undefined;
|
|
const tableSchema = node.schema || node.database;
|
|
let columns: ColumnInfo[] = [];
|
|
try {
|
|
const querySchema = connectionObjectTreeQuerySchema(config, node.database, tableSchema);
|
|
columns = await api.getColumns(node.connectionId, node.database, querySchema, node.label);
|
|
} catch (e) {
|
|
console.warn("[DBX][tableSqlTemplate:getColumns:error]", e);
|
|
}
|
|
|
|
let tableType = node.tableType;
|
|
if (dbType === "tdengine") {
|
|
try {
|
|
const querySchema = connectionObjectTreeQuerySchema(config, node.database, tableSchema);
|
|
const tables = await api.listTables(node.connectionId, node.database, querySchema, node.label, 200);
|
|
const matched = tables.find((table) => table.name.toLowerCase() === node.label.toLowerCase());
|
|
if (matched?.table_type) tableType = matched.table_type;
|
|
} catch (e) {
|
|
console.warn("[DBX][tableSqlTemplate:listTables:error]", e);
|
|
}
|
|
}
|
|
|
|
return { node, dbType, tableSchema, columns, tableType };
|
|
}
|
|
|
|
function openSqlTemplateTab(connectionId: string, database: string, schema: string | undefined, sql: string, title?: string) {
|
|
const tabId = queryStore.createTab(connectionId, database, title, "query", schema);
|
|
queryStore.updateSql(tabId, sql);
|
|
}
|
|
|
|
async function newSelectTemplate() {
|
|
try {
|
|
const context = await loadTemplateContext(true);
|
|
if (!context) return;
|
|
const sql = buildTableSelectTemplate({
|
|
databaseType: context.dbType,
|
|
schema: context.tableSchema,
|
|
tableName: context.node.label,
|
|
columns: context.columns,
|
|
});
|
|
openSqlTemplateTab(context.node.connectionId!, context.node.database!, context.node.schema, sql);
|
|
} catch (e: any) {
|
|
toast(t("connection.connectFailed", { message: translateBackendError(t, e?.message || String(e)) }), 5000);
|
|
}
|
|
}
|
|
|
|
async function newInsertTemplate() {
|
|
try {
|
|
const context = await loadTemplateContext(false);
|
|
if (!context) return;
|
|
const sql = buildTableInsertTemplate({
|
|
databaseType: context.dbType,
|
|
schema: context.tableSchema,
|
|
tableName: context.node.label,
|
|
columns: context.columns,
|
|
tableType: context.tableType,
|
|
});
|
|
openSqlTemplateTab(context.node.connectionId!, context.node.database!, context.node.schema, sql);
|
|
} catch (e: any) {
|
|
toast(t("connection.connectFailed", { message: translateBackendError(t, e?.message || String(e)) }), 5000);
|
|
}
|
|
}
|
|
|
|
async function newUpdateTemplate() {
|
|
try {
|
|
const context = await loadTemplateContext(false);
|
|
if (!context) return;
|
|
const sql = buildTableUpdateTemplate({
|
|
databaseType: context.dbType,
|
|
schema: context.tableSchema,
|
|
tableName: context.node.label,
|
|
columns: context.columns,
|
|
});
|
|
openSqlTemplateTab(context.node.connectionId!, context.node.database!, context.node.schema, sql);
|
|
} catch (e: any) {
|
|
toast(t("connection.connectFailed", { message: translateBackendError(t, e?.message || String(e)) }), 5000);
|
|
}
|
|
}
|
|
|
|
async function newDeleteTemplate() {
|
|
try {
|
|
const context = await loadTemplateContext(false);
|
|
if (!context) return;
|
|
const sql = buildTableDeleteTemplate({
|
|
databaseType: context.dbType,
|
|
schema: context.tableSchema,
|
|
tableName: context.node.label,
|
|
columns: context.columns,
|
|
});
|
|
openSqlTemplateTab(context.node.connectionId!, context.node.database!, context.node.schema, sql);
|
|
} catch (e: any) {
|
|
toast(t("connection.connectFailed", { message: translateBackendError(t, e?.message || String(e)) }), 5000);
|
|
}
|
|
}
|
|
|
|
async function generateDdlTemplate() {
|
|
const node = props.node;
|
|
if (!node.connectionId || !hasTreeNodeDatabaseContext(node)) return;
|
|
if (node.type !== "table" && node.type !== "view" && node.type !== "materialized_view") return;
|
|
try {
|
|
await connectionStore.ensureConnected(node.connectionId);
|
|
connectionStore.activeConnectionId = node.connectionId;
|
|
const schema = node.schema || node.database;
|
|
let ddl: string;
|
|
if (node.type === "table") {
|
|
ddl = await api.getTableDdl(node.connectionId, node.database, schema, node.label, undefined, node.catalog);
|
|
} else if (node.type === "materialized_view") {
|
|
ddl = await api.getTableDdl(node.connectionId, node.database, schema, node.label, "MATERIALIZED_VIEW", node.catalog);
|
|
} else {
|
|
const result = await api.getObjectSource(node.connectionId, node.database, schema, node.label, "VIEW");
|
|
ddl = await buildViewDdl({
|
|
databaseType: currentDatabaseType(),
|
|
schema,
|
|
name: node.label,
|
|
source: result.source,
|
|
});
|
|
}
|
|
const formatted = await formatSqlForDisplay(ddl, sqlFormatDialectForDbType(currentDatabaseType()), settingsStore.editorSettings.sqlFormatter);
|
|
openSqlTemplateTab(node.connectionId, node.database, node.schema, formatted, `DDL - ${node.label}`);
|
|
} catch (e: any) {
|
|
toast(e?.message || String(e), 5000);
|
|
}
|
|
}
|
|
|
|
async function setNodeAsDefaultDatabase() {
|
|
const node = props.node;
|
|
if (!node.connectionId || !node.database) return;
|
|
try {
|
|
await connectionStore.setDefaultDatabase(node.connectionId, node.database);
|
|
} catch (e: any) {
|
|
toast(t("connection.saveFailed", { message: e?.message || String(e) }), 5000);
|
|
}
|
|
}
|
|
|
|
async function clearNodeDefaultDatabase() {
|
|
const node = props.node;
|
|
if (!node.connectionId) return;
|
|
try {
|
|
await connectionStore.clearDefaultDatabase(node.connectionId);
|
|
} catch (e: any) {
|
|
toast(t("connection.saveFailed", { message: e?.message || String(e) }), 5000);
|
|
}
|
|
}
|
|
|
|
async function refresh() {
|
|
try {
|
|
await connectionStore.refreshTreeNode(props.node);
|
|
} catch (e: any) {
|
|
toast(t("connection.connectFailed", { message: translateBackendError(t, e?.message || String(e)) }), 5000);
|
|
openDriverStoreForInstallError(e?.message || String(e));
|
|
}
|
|
}
|
|
|
|
function connectionDeleteTargets() {
|
|
if (showDeleteConfirm.value && connectionDeleteTargetSnapshot.value.length) return connectionDeleteTargetSnapshot.value;
|
|
return selectedConnectionDeleteTargets(props.node, selectedTreeNodesInVisibleOrder());
|
|
}
|
|
|
|
function connectionDeleteMenuLabel(): string {
|
|
const count = connectionDeleteTargets().length;
|
|
return count > 1 ? t("contextMenu.deleteSelectedConnections", { count }) : t("contextMenu.deleteConnection");
|
|
}
|
|
|
|
function connectionDuplicateTargets() {
|
|
return selectedConnectionDuplicateTargets(props.node, selectedTreeNodesInVisibleOrder());
|
|
}
|
|
|
|
function connectionDuplicateMenuLabel(): string {
|
|
const count = connectionDuplicateTargets().length;
|
|
return count > 1 ? t("contextMenu.duplicateSelectedConnections", { count }) : t("contextMenu.duplicateConnection");
|
|
}
|
|
|
|
function connectionDeleteConfirmMessage(): string {
|
|
const targets = connectionDeleteTargets();
|
|
return targets.length > 1 ? t("contextMenu.confirmDeleteSelectedMessage", { count: targets.length }) : t("contextMenu.confirmDeleteMessage", { name: targets[0]?.label || sidebarFormTarget.value?.label || props.node.label });
|
|
}
|
|
|
|
function deleteConnection() {
|
|
const targets = selectedConnectionDeleteTargets(props.node, selectedTreeNodesInVisibleOrder());
|
|
if (!targets.length) return;
|
|
connectionDeleteTargetSnapshot.value = targets.slice();
|
|
showDeleteConfirm.value = true;
|
|
}
|
|
|
|
async function confirmDelete() {
|
|
const targets = connectionDeleteTargets();
|
|
if (!targets.length) return;
|
|
const connectionIds = targets.map((target) => target.connectionId);
|
|
try {
|
|
await connectionStore.removeConnections(connectionIds);
|
|
for (const connectionId of connectionIds) {
|
|
connectionStore.disconnect(connectionId).catch((error) => {
|
|
console.warn("[DBX][connection:delete:disconnect-failed]", { connectionId, error });
|
|
});
|
|
}
|
|
toast(targets.length > 1 ? t("connection.deletedSelected", { count: targets.length }) : t("connection.deleted"), 2000);
|
|
} catch (e: any) {
|
|
toast(t("connection.saveFailed", { message: e?.message || String(e) }), 5000);
|
|
}
|
|
}
|
|
|
|
async function copyName() {
|
|
updateTreeClipboardForNodes([props.node]);
|
|
try {
|
|
await copyToClipboard(copyNameForTreeNode(props.node));
|
|
toast(t("connection.copied"), 2000);
|
|
} catch (e: any) {
|
|
toast(t("grid.copyFailed", { message: e?.message || String(e) }), 5000);
|
|
}
|
|
}
|
|
|
|
async function copyFinalProxyPort() {
|
|
const connectionId = props.node.connectionId;
|
|
const config = connectionId ? connectionStore.getConfig(connectionId) : undefined;
|
|
if (!config || !hasEnabledTransportLayers(config)) return;
|
|
|
|
try {
|
|
const port = await api.connectionFinalProxyPort(config);
|
|
await copyToClipboard(String(port));
|
|
toast(t("contextMenu.finalProxyPortCopied", { port }), 2000);
|
|
} catch (e: any) {
|
|
toast(t("grid.copyFailed", { message: translateBackendError(t, e?.message || String(e)) }), 5000);
|
|
}
|
|
}
|
|
|
|
async function copySelectedNames() {
|
|
const selectedNodes = selectedTreeNodesInVisibleOrder();
|
|
const nodes = selectedNodes.length > 1 && selectedNodes.some((node) => node.id === props.node.id) ? selectedNodes : [props.node];
|
|
const connectionTargets = selectedConnectionClipboardTargets(props.node, nodes);
|
|
if (connectionTargets.length > 0) {
|
|
const copiedCount = connectionStore.copyConnectionsToTreeClipboard(connectionTargets.map((node) => node.connectionId));
|
|
if (copiedCount > 0) toast(t("connection.copied"), 2000);
|
|
return;
|
|
}
|
|
updateTreeClipboardForNodes(nodes);
|
|
try {
|
|
await copyToClipboard(nodes.map(copyNameForTreeNode).join("\n"));
|
|
toast(t("connection.copied"), 2000);
|
|
} catch (e: any) {
|
|
toast(t("grid.copyFailed", { message: e?.message || String(e) }), 5000);
|
|
}
|
|
}
|
|
|
|
function updateTreeClipboardForNodes(nodes: TreeNode[]) {
|
|
const tableNodes = nodes.filter((node): node is DuplicateStructureSource => node.type === "table" && !!node.connectionId && !!node.database && typeof node.label === "string");
|
|
if (tableNodes.length === 0) {
|
|
connectionStore.treeClipboard = null;
|
|
return;
|
|
}
|
|
connectionStore.treeClipboard = {
|
|
kind: "table-copy",
|
|
tables: tableNodes.map((node) => ({
|
|
connectionId: node.connectionId,
|
|
database: node.database,
|
|
schema: node.schema,
|
|
tableName: node.label,
|
|
})),
|
|
};
|
|
}
|
|
|
|
async function duplicateConnection() {
|
|
const targets = connectionDuplicateTargets();
|
|
if (!targets.length) return;
|
|
let duplicatedCount = 0;
|
|
for (const target of targets) {
|
|
const config = connectionStore.getConfig(target.connectionId);
|
|
if (!config) continue;
|
|
const newConfig = { ...config, id: uuid(), name: `${config.name} (Copy)` };
|
|
await connectionStore.addConnection(newConfig, connectionStore.groupIdForConnection(target.connectionId));
|
|
duplicatedCount += 1;
|
|
}
|
|
if (!duplicatedCount) return;
|
|
toast(duplicatedCount > 1 ? t("connection.duplicatedSelected", { count: duplicatedCount }) : t("connection.duplicated"), 2000);
|
|
}
|
|
|
|
// --- Table Management Operations ---
|
|
const pasteTableDataCopySupported = computed(() => supportsWholeRowTableDataCopy(currentDatabaseType()));
|
|
|
|
// --- Extension Management ---
|
|
function openInstallExtensionDialog(node: TreeNode) {
|
|
emit("open-install-extension", node);
|
|
}
|
|
|
|
// --- Procedure / Function Management ---
|
|
function dropObjectSqlOptions(): DropObjectSqlOptions | null {
|
|
return dropObjectSqlOptionsForNode(props.node);
|
|
}
|
|
|
|
function dropObjectSqlOptionsForNode(node: TreeNode): DropObjectSqlOptions | null {
|
|
if (node.type !== "view" && node.type !== "materialized_view" && node.type !== "procedure" && node.type !== "function") return null;
|
|
return {
|
|
databaseType: tableStructureDatabaseTypeForNode(node),
|
|
objectType: node.type === "view" ? "VIEW" : node.type === "materialized_view" ? "MATERIALIZED_VIEW" : node.type === "procedure" ? "PROCEDURE" : "FUNCTION",
|
|
schema: node.schema,
|
|
name: node.objectName || node.label,
|
|
signature: node.signature,
|
|
};
|
|
}
|
|
|
|
function tableChildDropObjectType(type: TreeNodeType): TableChildObjectType | null {
|
|
if (type === "column") return "COLUMN";
|
|
if (type === "index") return "INDEX";
|
|
if (type === "fkey") return "FOREIGN_KEY";
|
|
if (type === "trigger") return "TRIGGER";
|
|
return null;
|
|
}
|
|
|
|
function tableChildDropObjectName(node: TreeNode): string {
|
|
if (node.type === "column") return node.meta && "name" in node.meta ? node.meta.name : node.label.replace(/\s+\(.+\)$/, "");
|
|
if (node.type === "index") return node.meta && "name" in node.meta ? node.meta.name : node.label.replace(/\s+\(.+\)$/, "");
|
|
if (node.type === "fkey") return node.meta && "name" in node.meta ? node.meta.name : node.label;
|
|
if (node.type === "trigger") return node.meta && "name" in node.meta ? node.meta.name : node.label.replace(/\s+\(.+\)$/, "");
|
|
return node.label;
|
|
}
|
|
|
|
function dropTableChildObjectSqlOptions(): DropTableChildObjectSqlOptions | null {
|
|
return dropTableChildObjectSqlOptionsForNode(props.node);
|
|
}
|
|
|
|
function dropTableChildObjectSqlOptionsForNode(node: TreeNode): DropTableChildObjectSqlOptions | null {
|
|
const objectType = tableChildDropObjectType(node.type);
|
|
if (!objectType || !node.tableName) return null;
|
|
const name = tableChildDropObjectName(node).trim();
|
|
if (!name) return null;
|
|
return {
|
|
databaseType: databaseTypeForNode(node),
|
|
objectType,
|
|
schema: node.schema,
|
|
tableName: node.tableName,
|
|
name,
|
|
};
|
|
}
|
|
|
|
const canDropTableChildObject = computed(() => {
|
|
return canDropTableChildObjectNode(props.node);
|
|
});
|
|
|
|
function canDropTableChildObjectNode(node: TreeNode): boolean {
|
|
const options = dropTableChildObjectSqlOptionsForNode(node);
|
|
if (!options) return false;
|
|
const capabilities = getTableStructureCapabilities(options.databaseType);
|
|
if (options.objectType === "COLUMN") return capabilities.dropColumn;
|
|
if (options.objectType === "INDEX") return capabilities.dropIndex;
|
|
return true;
|
|
}
|
|
|
|
function dropObjectMenuLabel(): string {
|
|
if (props.node.type === "view") return t("contextMenu.dropView");
|
|
if (props.node.type === "materialized_view") return t("contextMenu.dropView");
|
|
if (props.node.type === "procedure") return t("contextMenu.dropProcedure");
|
|
if (props.node.type === "function") return t("contextMenu.dropFunction");
|
|
return t("contextMenu.dropObject");
|
|
}
|
|
|
|
function dropObjectConfirmTitle(): string {
|
|
if (props.node.type === "view") return t("contextMenu.confirmDropViewTitle");
|
|
if (props.node.type === "materialized_view") return t("contextMenu.confirmDropViewTitle");
|
|
if (props.node.type === "procedure") return t("contextMenu.confirmDropProcedureTitle");
|
|
if (props.node.type === "function") return t("contextMenu.confirmDropFunctionTitle");
|
|
return t("contextMenu.confirmDropObjectTitle");
|
|
}
|
|
|
|
function dropObjectConfirmMessage(): string {
|
|
if (props.node.type === "view") return t("contextMenu.confirmDropViewMessage", { name: props.node.label });
|
|
if (props.node.type === "materialized_view") return t("contextMenu.confirmDropViewMessage", { name: props.node.label });
|
|
if (props.node.type === "procedure") return t("contextMenu.confirmDropProcedureMessage", { name: props.node.label });
|
|
if (props.node.type === "function") return t("contextMenu.confirmDropFunctionMessage", { name: props.node.label });
|
|
return t("contextMenu.confirmDropObjectMessage", { name: props.node.label });
|
|
}
|
|
|
|
function dropTableChildObjectMenuLabel(): string {
|
|
if (props.node.type === "column") return t("contextMenu.dropColumn");
|
|
if (props.node.type === "index") return t("contextMenu.dropIndex");
|
|
if (props.node.type === "fkey") return t("contextMenu.dropForeignKey");
|
|
if (props.node.type === "trigger") return t("contextMenu.dropTrigger");
|
|
return t("contextMenu.dropObject");
|
|
}
|
|
|
|
function dropTableChildObjectConfirmTitle(): string {
|
|
if (props.node.type === "column") return t("contextMenu.confirmDropColumnTitle");
|
|
if (props.node.type === "index") return t("contextMenu.confirmDropIndexTitle");
|
|
if (props.node.type === "fkey") return t("contextMenu.confirmDropForeignKeyTitle");
|
|
if (props.node.type === "trigger") return t("contextMenu.confirmDropTriggerTitle");
|
|
return t("contextMenu.confirmDropObjectTitle");
|
|
}
|
|
|
|
function dropTableChildObjectConfirmMessage(): string {
|
|
return t("contextMenu.confirmDropTableChildObjectMessage", {
|
|
name: tableChildDropObjectName(props.node),
|
|
table: props.node.tableName || "",
|
|
});
|
|
}
|
|
|
|
async function refreshDropObjectPreviewSql() {
|
|
const options = dropObjectSqlOptions();
|
|
dropObjectPreviewSql.value = "";
|
|
dropObjectPreviewSql.value = options ? await buildDropObjectSql(options).catch(() => "") : "";
|
|
}
|
|
|
|
async function refreshDropTableChildObjectPreviewSql() {
|
|
const options = dropTableChildObjectSqlOptions();
|
|
dropTableChildObjectPreviewSql.value = "";
|
|
dropTableChildObjectPreviewSql.value = options ? await buildDropTableChildObjectSql(options).catch(() => "") : "";
|
|
}
|
|
|
|
function openObjectSourceDialog(initialEditing: boolean) {
|
|
const node = props.node;
|
|
if (!node.connectionId || !node.database) return;
|
|
const objectType = objectSourceKindForTreeNode(node.type);
|
|
if (!objectType) return;
|
|
void connectionStore
|
|
.ensureConnected(node.connectionId)
|
|
.then(() => {
|
|
connectionStore.activeConnectionId = node.connectionId!;
|
|
emit("open-object-source", node, initialEditing);
|
|
})
|
|
.catch((e: any) => {
|
|
toast(e?.message || String(e), 5000);
|
|
});
|
|
}
|
|
|
|
function openProcedureExecution() {
|
|
const node = props.node;
|
|
if (node.type !== "procedure" || !node.connectionId || !node.database) return;
|
|
emit("open-procedure", node);
|
|
}
|
|
|
|
function requestDropObject() {
|
|
void refreshDropObjectPreviewSql();
|
|
showDropObjectConfirm.value = true;
|
|
}
|
|
|
|
function requestDropTableChildObject() {
|
|
if (!canDropTableChildObject.value) return;
|
|
void refreshDropTableChildObjectPreviewSql();
|
|
showDropTableChildObjectConfirm.value = true;
|
|
}
|
|
|
|
function canDropTreeNode(node: TreeNode): boolean {
|
|
if (isSqlServerLinkedNode(node)) return false;
|
|
if (node.type === "table") return !!node.connectionId && !!node.database;
|
|
if (node.type === "view" || node.type === "materialized_view" || node.type === "procedure" || node.type === "function") {
|
|
return !!node.connectionId && !!node.database && !!dropObjectSqlOptionsForNode(node);
|
|
}
|
|
if (canDropMongoIndexNode(node)) return true;
|
|
return canDropTableChildObjectNode(node);
|
|
}
|
|
|
|
function droppedTableObjectTypeForNode(node: TreeNode): "TABLE" | "VIEW" | "MATERIALIZED_VIEW" | null {
|
|
if (node.type === "table") return "TABLE";
|
|
if (node.type === "view") return "VIEW";
|
|
if (node.type === "materialized_view") return "MATERIALIZED_VIEW";
|
|
return null;
|
|
}
|
|
|
|
function closeDroppedTableObjectTabsForNode(node: TreeNode) {
|
|
const objectType = droppedTableObjectTypeForNode(node);
|
|
if (!objectType || !node.connectionId || !node.database) return;
|
|
const config = connectionStore.getConfig(node.connectionId);
|
|
const dataTabSchema = connectionObjectTreeNodeSchema(config, node.database, node.schema);
|
|
queryStore.closeDroppedTableObjectTabs({
|
|
connectionId: node.connectionId,
|
|
database: node.database,
|
|
schema: dataTabSchema,
|
|
schemaCandidates: [node.schema, dataTabSchema],
|
|
name: node.label,
|
|
objectType,
|
|
});
|
|
}
|
|
|
|
function tableDataRefreshTargetForNode(node: TreeNode) {
|
|
if (!node.connectionId || !node.database) return null;
|
|
const config = connectionStore.getConfig(node.connectionId);
|
|
const dataTabSchema = connectionObjectTreeNodeSchema(config, node.database, node.schema);
|
|
return {
|
|
connectionId: node.connectionId,
|
|
database: node.database,
|
|
schema: dataTabSchema,
|
|
schemaCandidates: [node.schema, dataTabSchema],
|
|
catalog: node.catalog,
|
|
name: node.label,
|
|
};
|
|
}
|
|
|
|
async function refreshMutatedTableDataTabsForNode(node: TreeNode) {
|
|
const target = tableDataRefreshTargetForNode(node);
|
|
if (!target) return;
|
|
try {
|
|
await queryStore.refreshDataTabsForTable(target);
|
|
} catch (error) {
|
|
console.warn("[DBX][table-data-refresh-after-mutation:error]", { target, error });
|
|
}
|
|
}
|
|
|
|
async function refreshMutatedTableDataTabsForNodes(nodes: readonly TreeNode[]) {
|
|
for (const target of nodes) {
|
|
await refreshMutatedTableDataTabsForNode(target);
|
|
}
|
|
}
|
|
|
|
function selectedBatchDropTargets(): TreeNode[] {
|
|
const selected = selectedTreeNodesInVisibleOrder();
|
|
if (selected.length <= 1 || !selected.some((node) => node.id === props.node.id)) return [];
|
|
const first = selected[0];
|
|
if (!first?.connectionId || !first.database || !selected.every((node) => node.type === first.type)) return [];
|
|
if (!selected.every((node) => node.connectionId === first.connectionId && node.database === first.database && canDropTreeNode(node))) {
|
|
return [];
|
|
}
|
|
return selected;
|
|
}
|
|
|
|
function selectedBatchTableTargets(): TreeNode[] {
|
|
const targets = selectedBatchDropTargets();
|
|
return targets.length > 1 && targets.every((node) => node.type === "table") ? targets : [];
|
|
}
|
|
|
|
function selectedBatchTruncateTargets(): TreeNode[] {
|
|
const targets = selectedBatchTableTargets();
|
|
return targets.every((node) => supportsTableTruncate(databaseTypeForNode(node))) ? targets : [];
|
|
}
|
|
|
|
function selectedBatchEmptyTargets(): TreeNode[] {
|
|
return selectedBatchTableTargets();
|
|
}
|
|
|
|
function selectedBatchIndexTableName(targets: TreeNode[]): string | null {
|
|
const first = targets[0];
|
|
if (!first) return null;
|
|
const table = first.tableName || first.label;
|
|
return table && targets.every((node) => (node.tableName || node.label) === table) ? table : null;
|
|
}
|
|
|
|
function batchDropMenuLabel(): string {
|
|
const targets = selectedBatchDropTargets();
|
|
if (targets.length > 1 && targets.every((node) => node.type === "index")) {
|
|
return t("contextMenu.batchDropIndexes", { count: targets.length });
|
|
}
|
|
return t("contextMenu.batchDrop", { count: targets.length });
|
|
}
|
|
|
|
function batchDropConfirmTitle(): string {
|
|
const targets = batchDropTargets.value;
|
|
if (targets.length > 1 && targets.every((node) => node.type === "index")) {
|
|
return t("contextMenu.confirmDropIndexTitle");
|
|
}
|
|
return t("contextMenu.confirmBatchDropTitle", { count: targets.length });
|
|
}
|
|
|
|
function batchDropConfirmMessage(): string {
|
|
const targets = batchDropTargets.value;
|
|
const table = selectedBatchIndexTableName(targets);
|
|
if (targets.length > 1 && targets.every((node) => node.type === "index") && table) {
|
|
return t("contextMenu.confirmDropBatchIndexesMessage", { count: targets.length, table });
|
|
}
|
|
return t("contextMenu.confirmBatchDropMessage", { count: targets.length });
|
|
}
|
|
|
|
function batchTruncateMenuLabel(): string {
|
|
return t("contextMenu.batchTruncate", { count: selectedBatchTruncateTargets().length });
|
|
}
|
|
|
|
function batchEmptyMenuLabel(): string {
|
|
return t("contextMenu.batchEmpty", { count: selectedBatchEmptyTargets().length });
|
|
}
|
|
|
|
function batchEmptyConfirmTitle(): string {
|
|
return t("contextMenu.confirmBatchEmptyTitle", { count: batchEmptyTargets.value.length });
|
|
}
|
|
|
|
function batchEmptyConfirmMessage(): string {
|
|
return t("contextMenu.confirmBatchEmptyMessage", { count: batchEmptyTargets.value.length });
|
|
}
|
|
|
|
function batchEmptyConfirmLabel(): string {
|
|
return t("contextMenu.batchEmpty", { count: batchEmptyTargets.value.length });
|
|
}
|
|
|
|
function batchTruncateConfirmTitle(): string {
|
|
return t("contextMenu.confirmBatchTruncateTitle", { count: batchTruncateTargets.value.length });
|
|
}
|
|
|
|
function batchTruncateConfirmMessage(): string {
|
|
return t("contextMenu.confirmBatchTruncateMessage", { count: batchTruncateTargets.value.length });
|
|
}
|
|
|
|
async function dropSqlForTreeNode(node: TreeNode, options?: { cascade?: boolean }): Promise<string | null> {
|
|
if (node.type === "table" && node.connectionId && node.database) {
|
|
return buildDropTableSql({
|
|
databaseType: databaseTypeForNode(node),
|
|
schema: node.schema,
|
|
tableName: node.label,
|
|
cascade: options?.cascade && supportsDropTableCascade(databaseTypeForNode(node)),
|
|
});
|
|
}
|
|
const objectOptions = dropObjectSqlOptionsForNode(node);
|
|
if (objectOptions) return buildDropObjectSql(objectOptions);
|
|
if (canDropMongoIndexNode(node)) {
|
|
return `db.getCollection("${(node.tableName || "").replace(/\\/g, "\\\\").replace(/"/g, '\\"')}").dropIndex(${JSON.stringify(mongoIndexNameForNode(node))})`;
|
|
}
|
|
const childOptions = dropTableChildObjectSqlOptionsForNode(node);
|
|
if (childOptions && canDropTableChildObjectNode(node)) return buildDropTableChildObjectSql(childOptions);
|
|
return null;
|
|
}
|
|
|
|
async function truncateSqlForTreeNode(node: TreeNode, options?: { cascade?: boolean }): Promise<string | null> {
|
|
if (node.type !== "table" || !node.connectionId || !node.database || !supportsTableTruncate(databaseTypeForNode(node))) return null;
|
|
return buildTruncateTableSql({
|
|
databaseType: databaseTypeForNode(node),
|
|
schema: node.schema,
|
|
tableName: node.label,
|
|
cascade: options?.cascade && supportsTruncateTableCascade(databaseTypeForNode(node)),
|
|
});
|
|
}
|
|
|
|
async function emptySqlForTreeNode(node: TreeNode): Promise<string | null> {
|
|
if (node.type !== "table" || !node.connectionId || !node.database) return null;
|
|
return buildEmptyTableSql({
|
|
databaseType: databaseTypeForNode(node),
|
|
schema: node.schema,
|
|
tableName: node.label,
|
|
});
|
|
}
|
|
|
|
async function refreshBatchDropPreviewSql() {
|
|
const targets = batchDropTargets.value;
|
|
const mongoIndexTargets = targets.filter(canDropMongoIndexNode);
|
|
if (mongoIndexTargets.length) {
|
|
batchDropPreviewSql.value = mongoIndexTargets.map((target) => mongoIndexDropPreview(target, mongoIndexNameForNode(target))).join("\n");
|
|
return;
|
|
}
|
|
const statements: string[] = [];
|
|
const useCascade = canBatchDropCascade.value && batchDropCascade.value;
|
|
for (const target of targets) {
|
|
const sql = await dropSqlForTreeNode(target, { cascade: useCascade });
|
|
if (sql) statements.push(sql);
|
|
}
|
|
batchDropPreviewSql.value = statements.join("\n");
|
|
}
|
|
|
|
async function refreshBatchTruncatePreviewSql() {
|
|
const targets = batchTruncateTargets.value;
|
|
const statements: string[] = [];
|
|
const useCascade = canBatchTruncateCascade.value && batchTruncateCascade.value;
|
|
for (const target of targets) {
|
|
const sql = await truncateSqlForTreeNode(target, { cascade: useCascade });
|
|
if (sql) statements.push(sql);
|
|
}
|
|
batchTruncatePreviewSql.value = statements.join("\n");
|
|
}
|
|
|
|
async function refreshBatchEmptyPreviewSql(targets: TreeNode[]) {
|
|
const statements: string[] = [];
|
|
for (const target of targets) {
|
|
const sql = await emptySqlForTreeNode(target);
|
|
if (sql) statements.push(sql);
|
|
}
|
|
batchEmptyPreviewSql.value = statements.join("\n");
|
|
}
|
|
|
|
function requestBatchDrop() {
|
|
const targets = selectedBatchDropTargets();
|
|
if (!targets.length) return;
|
|
batchDropTargets.value = targets.slice();
|
|
batchDropCascade.value = false;
|
|
void refreshBatchDropPreviewSql();
|
|
showBatchDropConfirm.value = true;
|
|
}
|
|
|
|
function requestBatchTruncate() {
|
|
const targets = selectedBatchTruncateTargets();
|
|
if (!targets.length) return;
|
|
batchTruncateTargets.value = targets.slice();
|
|
batchTruncateCascade.value = false;
|
|
void refreshBatchTruncatePreviewSql();
|
|
showBatchTruncateConfirm.value = true;
|
|
}
|
|
|
|
function requestBatchEmpty() {
|
|
const targets = selectedBatchEmptyTargets();
|
|
if (!targets.length) return;
|
|
batchEmptyTargets.value = targets.slice();
|
|
batchEmptyPreviewSql.value = "";
|
|
void refreshBatchEmptyPreviewSql(batchEmptyTargets.value)
|
|
.then(() => {
|
|
if (!batchEmptyPreviewSql.value.trim()) throw new Error("Empty table SQL preview is unavailable");
|
|
showBatchEmptyConfirm.value = true;
|
|
})
|
|
.catch((e: any) => {
|
|
batchEmptyTargets.value = [];
|
|
toast(t("contextMenu.tableOperationFailed", { message: e?.message || String(e) }), 5000);
|
|
});
|
|
}
|
|
|
|
function requestDropSelectedNodes(): boolean {
|
|
const selected = selectedTreeNodesInVisibleOrder();
|
|
if (selected.length > 1 && selected.some((node) => node.id === props.node.id)) {
|
|
if (!selectedBatchDropTargets().length) return false;
|
|
requestBatchDrop();
|
|
return true;
|
|
}
|
|
return requestDropSelectedNode();
|
|
}
|
|
|
|
function requestDropSelectedNode(): boolean {
|
|
if (props.node.type === "table") {
|
|
dropTable();
|
|
return true;
|
|
}
|
|
if (props.node.type === "view" || props.node.type === "procedure" || props.node.type === "function") {
|
|
requestDropObject();
|
|
return true;
|
|
}
|
|
if (canDropMongoIndex.value) {
|
|
dropMongoIndex();
|
|
return true;
|
|
}
|
|
if (canDropTableChildObject.value) {
|
|
requestDropTableChildObject();
|
|
return true;
|
|
}
|
|
return false;
|
|
}
|
|
|
|
function nodeRenameObjectType(): RenameableObjectType | null {
|
|
if (props.node.type === "table") return "TABLE";
|
|
if (props.node.type === "view") return "VIEW";
|
|
if (props.node.type === "materialized_view") return "MATERIALIZED_VIEW";
|
|
if (props.node.type === "procedure") return "PROCEDURE";
|
|
if (props.node.type === "function") return "FUNCTION";
|
|
return null;
|
|
}
|
|
|
|
const canRenameObject = computed(() => {
|
|
const objectType = nodeRenameObjectType();
|
|
return !!objectType && (supportsObjectRename(currentDatabaseType(), objectType) || supportsSourceBackedRoutineRename(currentDatabaseType(), objectType as any));
|
|
});
|
|
|
|
function openRenameObjectDialog() {
|
|
claimTreeItemDialogOwnership();
|
|
routeTreeItemDialogController();
|
|
renameObjectName.value = props.node.label;
|
|
renameObjectError.value = "";
|
|
renameObjectPreviewSql.value = "";
|
|
showRenameObjectDialog.value = true;
|
|
}
|
|
|
|
async function executeTreeNodeSqlWithProductionGuard(node: Pick<TreeNode, "connectionId" | "database" | "schema">, sql: string, options: { database?: string; schema?: string } = {}) {
|
|
if (!node.connectionId) return undefined;
|
|
const database = options.database ?? node.database ?? "";
|
|
return executeWithProductionSqlGuard({
|
|
connection: connectionStore.getConfig(node.connectionId),
|
|
database,
|
|
sql,
|
|
source: t("production.sourceSidebar"),
|
|
execute: () => api.executeQuery(node.connectionId!, database, sql, options.schema ?? node.schema),
|
|
});
|
|
}
|
|
|
|
let renameObjectPreviewRequestId = 0;
|
|
|
|
async function refreshRenameObjectPreviewSql() {
|
|
const requestId = ++renameObjectPreviewRequestId;
|
|
const objectType = nodeRenameObjectType();
|
|
const newName = renameObjectName.value.trim();
|
|
if (!showRenameObjectDialog.value || !objectType || !newName || newName === props.node.label) {
|
|
renameObjectPreviewSql.value = "";
|
|
return;
|
|
}
|
|
if (supportsSourceBackedRoutineRename(currentDatabaseType(), objectType as any)) {
|
|
renameObjectPreviewSql.value = `-- Recreate ${objectType} from source, then drop the original object.`;
|
|
return;
|
|
}
|
|
try {
|
|
const sql = await buildRenameObjectSql({
|
|
databaseType: currentDatabaseType(),
|
|
objectType,
|
|
schema: props.node.schema,
|
|
oldName: props.node.label,
|
|
newName,
|
|
});
|
|
if (requestId === renameObjectPreviewRequestId) renameObjectPreviewSql.value = sql;
|
|
} catch {
|
|
if (requestId === renameObjectPreviewRequestId) renameObjectPreviewSql.value = "";
|
|
}
|
|
}
|
|
|
|
watch([showRenameObjectDialog, renameObjectName, () => props.node.label, () => props.node.schema, () => props.node.type, () => currentDatabaseType()], () => {
|
|
void refreshRenameObjectPreviewSql();
|
|
});
|
|
|
|
async function confirmRenameObject() {
|
|
const node = sidebarFormTarget.value ?? props.node;
|
|
const objectType = node.type === "table" ? "TABLE" : node.type === "view" ? "VIEW" : node.type === "materialized_view" ? "MATERIALIZED_VIEW" : node.type === "procedure" ? "PROCEDURE" : node.type === "function" ? "FUNCTION" : null;
|
|
const newName = renameObjectName.value.trim();
|
|
if (!objectType || !newName || newName === node.label || !node.connectionId || !node.database) return;
|
|
renameObjectError.value = "";
|
|
try {
|
|
const dbType = databaseTypeForNode(node);
|
|
await connectionStore.ensureConnected(node.connectionId);
|
|
if (supportsSourceBackedRoutineRename(dbType, objectType as any)) {
|
|
const schema = node.schema || node.database;
|
|
const source = await api.getObjectSource(node.connectionId, node.database, schema, node.objectName || node.label, objectType as any, node.signature);
|
|
const statements = await buildRoutineRenameObjectSourceStatements({
|
|
databaseType: dbType!,
|
|
objectType: objectType as any,
|
|
schema,
|
|
name: node.label,
|
|
newName,
|
|
source: source.source,
|
|
});
|
|
for (const sql of statements) {
|
|
await executeTreeNodeSqlWithProductionGuard(node, sql, { database: node.database, schema });
|
|
}
|
|
} else {
|
|
const sql = await buildRenameObjectSql({
|
|
databaseType: dbType,
|
|
objectType,
|
|
schema: node.schema,
|
|
oldName: node.label,
|
|
newName,
|
|
});
|
|
await executeTreeNodeSqlWithProductionGuard(node, sql, { database: node.database, schema: node.schema });
|
|
}
|
|
toast(t("contextMenu.renameObjectSuccess", { oldName: node.label, newName }), 3000);
|
|
showRenameObjectDialog.value = false;
|
|
await refreshTableList(node);
|
|
} catch (e: any) {
|
|
renameObjectError.value = e?.message || String(e);
|
|
}
|
|
}
|
|
|
|
async function confirmDropObject() {
|
|
const node = sidebarDangerTarget.value ?? props.node;
|
|
if (!node.connectionId || !node.database) return;
|
|
const options = dropObjectSqlOptionsForNode(node);
|
|
if (!options) return;
|
|
try {
|
|
await connectionStore.ensureConnected(node.connectionId);
|
|
const sql = dropObjectPreviewSql.value || (await buildDropObjectSql(options));
|
|
await executeTreeNodeSqlWithProductionGuard(node, sql, { database: node.database, schema: node.schema });
|
|
const msgKey = node.type === "view" ? "contextMenu.dropViewSuccess" : node.type === "materialized_view" ? "contextMenu.dropViewSuccess" : node.type === "procedure" ? "contextMenu.dropProcedureSuccess" : "contextMenu.dropFunctionSuccess";
|
|
toast(t(msgKey, { name: node.label }), 3000);
|
|
closeDroppedTableObjectTabsForNode(node);
|
|
if (node.type === "view" || node.type === "materialized_view") {
|
|
connectionStore.removeTreeNode(node.id);
|
|
} else {
|
|
await refreshTableList(node);
|
|
}
|
|
} catch (e: any) {
|
|
toast(t("contextMenu.tableOperationFailed", { message: e?.message || String(e) }), 5000);
|
|
}
|
|
}
|
|
|
|
async function confirmDropTableChildObject() {
|
|
const node = sidebarDangerTarget.value ?? props.node;
|
|
if (!node.connectionId || !node.database) return;
|
|
const options = dropTableChildObjectSqlOptionsForNode(node);
|
|
if (!options) return;
|
|
try {
|
|
await connectionStore.ensureConnected(node.connectionId);
|
|
const sql = dropTableChildObjectPreviewSql.value || (await buildDropTableChildObjectSql(options));
|
|
await executeTreeNodeSqlWithProductionGuard(node, sql, { database: node.database, schema: node.schema });
|
|
toast(t("contextMenu.dropTableChildObjectSuccess", { name: options.name }), 3000);
|
|
connectionStore.removeTreeNode(node.id);
|
|
} catch (e: any) {
|
|
toast(t("contextMenu.tableOperationFailed", { message: e?.message || String(e) }), 5000);
|
|
}
|
|
}
|
|
|
|
async function confirmBatchDrop() {
|
|
const targets = batchDropTargets.value.slice();
|
|
if (!targets.length) return;
|
|
try {
|
|
const mongoIndexTargets = targets.filter(canDropMongoIndexNode);
|
|
if (mongoIndexTargets.length) {
|
|
const grouped = new Map<string, TreeNode[]>();
|
|
for (const target of mongoIndexTargets) {
|
|
const key = `${target.connectionId}:${target.database}:${target.tableName || ""}`;
|
|
const list = grouped.get(key) ?? [];
|
|
list.push(target);
|
|
grouped.set(key, list);
|
|
}
|
|
let droppedCount = 0;
|
|
for (const groupTargets of grouped.values()) {
|
|
const first = groupTargets[0];
|
|
if (!first?.connectionId || !first.database || !first.tableName) continue;
|
|
await connectionStore.ensureConnected(first.connectionId);
|
|
const names = groupTargets.map((target) => mongoIndexNameForNode(target));
|
|
const result = await api.mongoDropIndexes(first.connectionId, first.database, first.tableName, JSON.stringify(names.length === 1 ? names[0] : names), false);
|
|
const dropped = new Set(result.dropped_names);
|
|
droppedCount += result.dropped_names.length;
|
|
for (const target of groupTargets) {
|
|
if (dropped.has(mongoIndexNameForNode(target))) connectionStore.removeTreeNode(target.id);
|
|
}
|
|
}
|
|
toast(t("contextMenu.batchDropSuccess", { count: droppedCount }), 3000);
|
|
showBatchDropConfirm.value = false;
|
|
return;
|
|
}
|
|
const useCascade = batchDropCascade.value && targets.every((node) => node.type !== "table" || supportsDropTableCascade(databaseTypeForNode(node)));
|
|
for (const target of targets) {
|
|
if (!target.connectionId || !target.database) continue;
|
|
await connectionStore.ensureConnected(target.connectionId);
|
|
const sql = await dropSqlForTreeNode(target, { cascade: useCascade });
|
|
if (!sql) continue;
|
|
await executeTreeNodeSqlWithProductionGuard(target, sql, { database: target.database, schema: target.schema });
|
|
closeDroppedTableObjectTabsForNode(target);
|
|
connectionStore.removeTreeNode(target.id);
|
|
}
|
|
toast(t("contextMenu.batchDropSuccess", { count: targets.length }), 3000);
|
|
showBatchDropConfirm.value = false;
|
|
} catch (e: any) {
|
|
toast(t("contextMenu.tableOperationFailed", { message: e?.message || String(e) }), 5000);
|
|
}
|
|
}
|
|
|
|
async function confirmBatchTruncate() {
|
|
const targets = batchTruncateTargets.value.slice();
|
|
if (!targets.length) return;
|
|
try {
|
|
const useCascade = batchTruncateCascade.value && targets.every((node) => supportsTruncateTableCascade(databaseTypeForNode(node)));
|
|
await runBatchTableTruncate(
|
|
targets,
|
|
async (target) => {
|
|
if (!target.connectionId || !target.database) return false;
|
|
await connectionStore.ensureConnected(target.connectionId);
|
|
const sql = await truncateSqlForTreeNode(target, { cascade: useCascade });
|
|
if (!sql) return false;
|
|
const result = await executeTreeNodeSqlWithProductionGuard(target, sql, { database: target.database, schema: target.schema });
|
|
return result === undefined ? false : undefined;
|
|
},
|
|
refreshMutatedTableDataTabsForNodes,
|
|
);
|
|
toast(t("contextMenu.batchTruncateSuccess", { count: targets.length }), 3000);
|
|
showBatchTruncateConfirm.value = false;
|
|
} catch (e: any) {
|
|
toast(t("contextMenu.tableOperationFailed", { message: e?.message || String(e) }), 5000);
|
|
}
|
|
}
|
|
|
|
async function confirmBatchEmpty() {
|
|
const targets = batchEmptyTargets.value.slice();
|
|
if (!targets.length) return;
|
|
const asynchronousMutation = targets.every((target) => databaseTypeForNode(target) === "clickhouse");
|
|
const result = await runBatchTableEmpty(targets, async (target) => {
|
|
if (!target.connectionId || !target.database) throw new Error("Missing table connection context");
|
|
await connectionStore.ensureConnected(target.connectionId);
|
|
const sql = await emptySqlForTreeNode(target);
|
|
if (!sql) throw new Error("Empty table SQL is unavailable");
|
|
await executeTreeNodeSqlWithProductionGuard(target, sql, { database: target.database, schema: target.schema });
|
|
});
|
|
for (const failure of result.failed) {
|
|
console.error(`Failed to empty table "${failure.target.label}":`, failure.error);
|
|
}
|
|
const feedback = batchTableEmptyFeedback(result, asynchronousMutation);
|
|
if (feedback === "success") {
|
|
toast(t("contextMenu.batchEmptySuccess", { count: result.succeeded.length }), 3000);
|
|
} else if (feedback === "submitted") {
|
|
toast(t("contextMenu.batchEmptySubmitted", { count: result.succeeded.length }), 3000);
|
|
} else if (feedback === "submitted-partial") {
|
|
toast(t("contextMenu.batchEmptySubmittedPartial", { success: result.succeeded.length, failed: result.failed.length }), 5000);
|
|
} else {
|
|
toast(t("contextMenu.batchEmptyPartialFail", { success: result.succeeded.length, failed: result.failed.length }), 5000);
|
|
}
|
|
await refreshMutatedTableDataTabsForNodes(result.succeeded);
|
|
batchEmptyTargets.value = [];
|
|
showBatchEmptyConfirm.value = false;
|
|
}
|
|
|
|
const isTableNotView = computed(() => props.node.type === "table" && !isSqlServerLinkedNode(props.node));
|
|
|
|
const supportsTruncate = computed(() => {
|
|
return supportsTableTruncate(currentDatabaseType());
|
|
});
|
|
|
|
const canCreateTable = computed(() => {
|
|
const config = props.node.connectionId ? connectionStore.getConfig(props.node.connectionId) : undefined;
|
|
return (props.node.type === "database" || props.node.type === "schema" || props.node.type === "group-tables") && !isSqlServerLinkedNode(props.node) && !!props.node.database && supportsTableStructureEditing(tableStructureDatabaseTypeForConnection(config));
|
|
});
|
|
|
|
const canCreateDatabase = computed(() => {
|
|
const config = props.node.connectionId ? connectionStore.getConfig(props.node.connectionId) : undefined;
|
|
return props.node.type === "connection" && canCreateConnectionNamespace(config);
|
|
});
|
|
|
|
const canCreateNacosNamespace = computed(() => {
|
|
const config = props.node.connectionId ? connectionStore.getConfig(props.node.connectionId) : undefined;
|
|
return props.node.type === "connection" && config?.db_type === "nacos" && !config.read_only;
|
|
});
|
|
|
|
const canEditNacosNamespace = computed(() => {
|
|
if (props.node.type !== "nacos-namespace" || !props.node.connectionId || !props.node.nacosNamespace) return false;
|
|
const config = connectionStore.getConfig(props.node.connectionId);
|
|
return config?.db_type === "nacos" && !config.read_only;
|
|
});
|
|
|
|
const isDuckDbConnection = computed(() => {
|
|
const config = props.node.connectionId ? connectionStore.getConfig(props.node.connectionId) : undefined;
|
|
return props.node.type === "connection" && connectionNamespaceCreationTarget(config) === "attach";
|
|
});
|
|
|
|
const isConnectionSchemaCreation = computed(() => {
|
|
const config = props.node.connectionId ? connectionStore.getConfig(props.node.connectionId) : undefined;
|
|
return props.node.type === "connection" && connectionNamespaceCreationTarget(config) === "schema";
|
|
});
|
|
|
|
const canSetCreateDatabaseCharset = computed(() => {
|
|
const config = props.node.connectionId ? connectionStore.getConfig(props.node.connectionId) : undefined;
|
|
return connectionNamespaceCreationTarget(config) === "database" && supportsCreateDatabaseCharset(config?.db_type, config?.driver_profile);
|
|
});
|
|
|
|
const canDropDatabase = computed(() => {
|
|
const config = props.node.connectionId ? connectionStore.getConfig(props.node.connectionId) : undefined;
|
|
return props.node.type === "database" && !isSqlServerLinkedNode(props.node) && supportsDatabaseCreation(config?.db_type);
|
|
});
|
|
|
|
const databasePropertyGroups = computed(() => {
|
|
const config = props.node.connectionId ? connectionStore.getConfig(props.node.connectionId) : undefined;
|
|
return editableDatabasePropertyGroups(config, props.node);
|
|
});
|
|
|
|
const canEditDatabaseProperties = computed(() => {
|
|
const config = props.node.connectionId ? connectionStore.getConfig(props.node.connectionId) : undefined;
|
|
return canEditDatabasePropertiesForNode(config, props.node) && !isSqlServerLinkedNode(props.node);
|
|
});
|
|
|
|
const canEditDatabaseCharsetCollation = computed(() => databasePropertyGroups.value.includes("charsetCollation"));
|
|
const canEditDatabaseComment = computed(() => databasePropertyGroups.value.includes("databaseComment"));
|
|
|
|
const canDropMongoDatabase = computed(() => {
|
|
const config = props.node.connectionId ? connectionStore.getConfig(props.node.connectionId) : undefined;
|
|
return props.node.type === "mongo-db" && !!props.node.database && config?.driver_profile !== "mongodb-legacy";
|
|
});
|
|
|
|
const canDropMongoCollection = computed(() => {
|
|
const config = props.node.connectionId ? connectionStore.getConfig(props.node.connectionId) : undefined;
|
|
return props.node.type === "mongo-collection" && !!props.node.database && config?.driver_profile !== "mongodb-legacy";
|
|
});
|
|
|
|
function mongoIndexNameForNode(node: TreeNode): string {
|
|
if (node.type !== "index") return "";
|
|
return node.meta && "name" in node.meta ? node.meta.name : node.label.replace(/\s+\(.+\)$/, "");
|
|
}
|
|
|
|
function canDropMongoIndexNode(node: TreeNode): boolean {
|
|
if (node.type !== "index" || !node.connectionId || !node.database || !node.tableName) return false;
|
|
const config = connectionStore.getConfig(node.connectionId);
|
|
return config?.db_type === "mongodb" && config.driver_profile !== "mongodb-legacy" && mongoIndexNameForNode(node) !== "_id_";
|
|
}
|
|
|
|
const canDropMongoIndex = computed(() => canDropMongoIndexNode(props.node));
|
|
|
|
function mongoIndexDropPreview(node: Pick<TreeNode, "tableName">, indexName: string): string {
|
|
return `db.getCollection(${JSON.stringify(node.tableName || "")}).dropIndex(${JSON.stringify(indexName)})`;
|
|
}
|
|
|
|
const canDropAllMongoIndexes = computed(() => {
|
|
const config = props.node.connectionId ? connectionStore.getConfig(props.node.connectionId) : undefined;
|
|
return props.node.type === "mongo-collection" && !!props.node.database && config?.db_type === "mongodb" && config.driver_profile !== "mongodb-legacy";
|
|
});
|
|
|
|
function mongoDropAllIndexesPreview(node: Pick<TreeNode, "label">): string {
|
|
return `db.getCollection(${JSON.stringify(node.label)}).dropIndexes()`;
|
|
}
|
|
|
|
const canCreateSchema = computed(() => {
|
|
const config = props.node.connectionId ? connectionStore.getConfig(props.node.connectionId) : undefined;
|
|
return canCreateDatabaseNodeNamespace(config, props.node) && !isSqlServerLinkedNode(props.node) && !connectionUsesDatabaseObjectTreeMode(config);
|
|
});
|
|
|
|
const canDropSchema = computed(() => {
|
|
const config = props.node.connectionId ? connectionStore.getConfig(props.node.connectionId) : undefined;
|
|
return props.node.type === "schema" && !isSqlServerLinkedNode(props.node) && usesTreeSchemaMode(effectiveDatabaseTypeForConnection(config)) && !connectionUsesDatabaseObjectTreeMode(config);
|
|
});
|
|
|
|
const canEditSchemaComment = computed(() => {
|
|
const config = props.node.connectionId ? connectionStore.getConfig(props.node.connectionId) : undefined;
|
|
return props.node.type === "schema" && !!props.node.database && !config?.read_only && supportsSchemaComment(effectiveDatabaseTypeForConnection(config));
|
|
});
|
|
|
|
const canDropTableCascade = computed(() => props.node.type === "table" && supportsDropTableCascade(currentDatabaseType()));
|
|
const canTruncateTableCascade = computed(() => props.node.type === "table" && supportsTruncateTableCascade(currentDatabaseType()));
|
|
const canBatchDropCascade = computed(() => {
|
|
const targets = selectedBatchTableTargets();
|
|
return targets.length > 1 && targets.every((node) => supportsDropTableCascade(databaseTypeForNode(node)));
|
|
});
|
|
const canBatchTruncateCascade = computed(() => {
|
|
const targets = selectedBatchTruncateTargets();
|
|
return targets.length > 1 && targets.every((node) => supportsTruncateTableCascade(databaseTypeForNode(node)));
|
|
});
|
|
|
|
function tableAdminSqlOptions(options?: { cascade?: boolean }): TableAdminSqlOptions {
|
|
const result: TableAdminSqlOptions = {
|
|
databaseType: currentDatabaseType(),
|
|
schema: props.node.schema,
|
|
tableName: props.node.label,
|
|
};
|
|
if (options?.cascade) result.cascade = true;
|
|
return result;
|
|
}
|
|
|
|
function tableAdminSqlOptionsForNode(node: TreeNode, options?: { cascade?: boolean }): TableAdminSqlOptions {
|
|
const result: TableAdminSqlOptions = {
|
|
databaseType: databaseTypeForNode(node),
|
|
schema: node.schema,
|
|
tableName: node.label,
|
|
};
|
|
if (options?.cascade) result.cascade = true;
|
|
return result;
|
|
}
|
|
|
|
function dropTableSqlOptions(): TableAdminSqlOptions {
|
|
return tableAdminSqlOptions({ cascade: canDropTableCascade.value && dropTableCascade.value });
|
|
}
|
|
|
|
function truncateTableSqlOptions(): TableAdminSqlOptions {
|
|
return tableAdminSqlOptions({ cascade: canTruncateTableCascade.value && truncateTableCascade.value });
|
|
}
|
|
|
|
async function refreshDropTablePreviewSql() {
|
|
dropTablePreviewSql.value = "";
|
|
dropTablePreviewSql.value = await buildDropTableSql(dropTableSqlOptions()).catch(() => "");
|
|
}
|
|
|
|
async function refreshEmptyTablePreviewSql() {
|
|
emptyTablePreviewSql.value = "";
|
|
emptyTablePreviewSql.value = await buildEmptyTableSql(tableAdminSqlOptions()).catch(() => "");
|
|
}
|
|
|
|
async function refreshTruncateTablePreviewSql() {
|
|
truncateTablePreviewSql.value = "";
|
|
truncateTablePreviewSql.value = await buildTruncateTableSql(truncateTableSqlOptions()).catch(() => "");
|
|
}
|
|
|
|
function dropTable() {
|
|
dropTableCascade.value = false;
|
|
void refreshDropTablePreviewSql();
|
|
showDropTableConfirm.value = true;
|
|
}
|
|
|
|
async function refreshTableList(node: TreeNode) {
|
|
if (!node.connectionId || !node.database) return;
|
|
await connectionStore.refreshObjectListTreeNode(node.connectionId, node.database, node.schema);
|
|
}
|
|
|
|
async function confirmDropTable() {
|
|
const node = sidebarDangerTarget.value ?? props.node;
|
|
if (!node.connectionId || !node.database) return;
|
|
try {
|
|
await connectionStore.ensureConnected(node.connectionId);
|
|
const sql = dropTablePreviewSql.value || (await buildDropTableSql(tableAdminSqlOptionsForNode(node, { cascade: dropTableCascade.value && supportsDropTableCascade(databaseTypeForNode(node)) })));
|
|
await executeTreeNodeSqlWithProductionGuard(node, sql, { database: node.database, schema: node.schema });
|
|
toast(t("contextMenu.dropTableSuccess", { name: node.label }), 3000);
|
|
closeDroppedTableObjectTabsForNode(node);
|
|
connectionStore.removeTreeNode(node.id);
|
|
} catch (e: any) {
|
|
toast(t("contextMenu.tableOperationFailed", { message: e?.message || String(e) }), 5000);
|
|
}
|
|
}
|
|
|
|
function emptyTable() {
|
|
void refreshEmptyTablePreviewSql();
|
|
showEmptyTableConfirm.value = true;
|
|
}
|
|
|
|
async function confirmEmptyTable() {
|
|
const node = sidebarDangerTarget.value ?? props.node;
|
|
if (!node.connectionId || !node.database) return;
|
|
try {
|
|
await connectionStore.ensureConnected(node.connectionId);
|
|
const sql = emptyTablePreviewSql.value || (await buildEmptyTableSql(tableAdminSqlOptionsForNode(node)));
|
|
await executeTreeNodeSqlWithProductionGuard(node, sql, { database: node.database, schema: node.schema });
|
|
const messageKey = databaseTypeForNode(node) === "clickhouse" ? "contextMenu.emptyTableSubmitted" : "contextMenu.emptyTableSuccess";
|
|
toast(t(messageKey, { name: node.label }), 3000);
|
|
await refreshMutatedTableDataTabsForNode(node);
|
|
} catch (e: any) {
|
|
toast(t("contextMenu.tableOperationFailed", { message: e?.message || String(e) }), 5000);
|
|
}
|
|
}
|
|
|
|
function truncateTable() {
|
|
truncateTableCascade.value = false;
|
|
void refreshTruncateTablePreviewSql();
|
|
showTruncateTableConfirm.value = true;
|
|
}
|
|
|
|
async function confirmTruncateTable() {
|
|
const node = sidebarDangerTarget.value ?? props.node;
|
|
if (!node.connectionId || !node.database) return;
|
|
try {
|
|
await connectionStore.ensureConnected(node.connectionId);
|
|
const sql = truncateTablePreviewSql.value || (await buildTruncateTableSql(tableAdminSqlOptionsForNode(node, { cascade: truncateTableCascade.value && supportsTruncateTableCascade(databaseTypeForNode(node)) })));
|
|
await executeTreeNodeSqlWithProductionGuard(node, sql, { database: node.database, schema: node.schema });
|
|
toast(t("contextMenu.truncateTableSuccess", { name: node.label }), 3000);
|
|
await refreshMutatedTableDataTabsForNode(node);
|
|
} catch (e: any) {
|
|
toast(t("contextMenu.tableOperationFailed", { message: e?.message || String(e) }), 5000);
|
|
}
|
|
}
|
|
|
|
async function refreshDropDatabasePreviewSql() {
|
|
if (props.node.type === "mongo-db") {
|
|
dropDatabasePreviewSql.value = `db.getSiblingDB(${JSON.stringify(props.node.label)}).dropDatabase();`;
|
|
return;
|
|
}
|
|
dropDatabasePreviewSql.value = "";
|
|
dropDatabasePreviewSql.value = await buildDropDatabaseSql({
|
|
databaseType: currentDatabaseType(),
|
|
name: props.node.label,
|
|
}).catch(() => "");
|
|
}
|
|
|
|
async function refreshDropSchemaPreviewSql() {
|
|
dropSchemaPreviewSql.value = "";
|
|
dropSchemaPreviewSql.value = await buildDropSchemaSql({
|
|
databaseType: currentDatabaseType(),
|
|
name: props.node.label,
|
|
}).catch(() => "");
|
|
}
|
|
|
|
function databasePropertyName(): string {
|
|
return props.node.database || props.node.label;
|
|
}
|
|
|
|
function resultColumnValue(result: { columns?: string[]; rows?: unknown[] }, names: string[]): string {
|
|
const firstRow = result.rows?.[0];
|
|
if (Array.isArray(firstRow)) {
|
|
const lowerNames = names.map((name) => name.toLowerCase());
|
|
const index = Math.max(0, result.columns?.findIndex((column) => lowerNames.includes(column.toLowerCase())) ?? 0);
|
|
return firstRow[index] == null ? "" : String(firstRow[index]);
|
|
}
|
|
if (firstRow && typeof firstRow === "object") {
|
|
const record = firstRow as Record<string, unknown>;
|
|
const key = Object.keys(record).find((column) => names.some((name) => name.toLowerCase() === column.toLowerCase()));
|
|
const value = key ? record[key] : undefined;
|
|
return value == null ? "" : String(value);
|
|
}
|
|
return "";
|
|
}
|
|
|
|
function databasePropertyEditOptions() {
|
|
if (!canEditDatabaseProperties.value) return null;
|
|
const base = {
|
|
databaseType: currentDatabaseType(),
|
|
driverProfile: props.node.connectionId ? connectionStore.getConfig(props.node.connectionId)?.driver_profile : undefined,
|
|
target: "database" as const,
|
|
name: databasePropertyName(),
|
|
};
|
|
if (canEditDatabaseCharsetCollation.value) {
|
|
return {
|
|
...base,
|
|
charset: editDatabaseCharset.value,
|
|
collation: editDatabaseCollation.value,
|
|
};
|
|
}
|
|
if (canEditDatabaseComment.value) {
|
|
return {
|
|
...base,
|
|
comment: editDatabaseCommentText.value,
|
|
};
|
|
}
|
|
return null;
|
|
}
|
|
|
|
async function refreshEditDatabasePropertiesPreviewSql() {
|
|
editDatabasePropertiesPreviewSql.value = "";
|
|
const options = databasePropertyEditOptions();
|
|
if (!options) return;
|
|
editDatabasePropertiesPreviewSql.value = await buildUpdateDatabasePropertiesSql(options).catch(() => "");
|
|
}
|
|
|
|
async function loadDatabaseCharsetProperties() {
|
|
const node = props.node;
|
|
if (!node.connectionId) return;
|
|
const sql = `SELECT DEFAULT_CHARACTER_SET_NAME AS charset, DEFAULT_COLLATION_NAME AS collation FROM information_schema.SCHEMATA WHERE SCHEMA_NAME = '${databasePropertyName().replace(/'/g, "''")}';`;
|
|
const result = await api.executeQuery(node.connectionId, databasePropertyName(), sql, undefined, undefined, { maxRows: 1 });
|
|
const charset = resultColumnValue(result, ["charset", "DEFAULT_CHARACTER_SET_NAME"]);
|
|
const collation = resultColumnValue(result, ["collation", "DEFAULT_COLLATION_NAME"]);
|
|
if (charset) editDatabaseCharset.value = charset;
|
|
if (collation) editDatabaseCollation.value = collation;
|
|
}
|
|
|
|
async function loadDatabaseCommentProperty() {
|
|
const node = props.node;
|
|
if (!node.connectionId) return;
|
|
const sql = buildGetDatabaseCommentSql({
|
|
databaseType: currentDatabaseType(),
|
|
name: databasePropertyName(),
|
|
});
|
|
const result = await api.executeQuery(node.connectionId, databasePropertyName(), sql, undefined, undefined, { maxRows: 1 });
|
|
editDatabaseCommentText.value = resultColumnValue(result, ["comment"]);
|
|
}
|
|
|
|
async function openEditDatabasePropertiesDialog() {
|
|
const node = props.node;
|
|
if (!canEditDatabaseProperties.value || !node.connectionId) return;
|
|
editDatabasePropertiesLoading.value = true;
|
|
editDatabaseCharset.value = "utf8mb4";
|
|
editDatabaseCollation.value = "utf8mb4_unicode_ci";
|
|
editDatabaseCommentText.value = "";
|
|
editDatabasePropertiesPreviewSql.value = "";
|
|
createDatabaseCharsetOptions.value = fallbackCreateDatabaseCharset.charsets;
|
|
createDatabaseCollationsByCharset.value = fallbackCreateDatabaseCharset.collationsByCharset;
|
|
showEditDatabasePropertiesDialog.value = true;
|
|
try {
|
|
await connectionStore.ensureConnected(node.connectionId);
|
|
if (canEditDatabaseCharsetCollation.value) {
|
|
await loadCreateDatabaseCharsetMetadata("edit");
|
|
await loadDatabaseCharsetProperties().catch(() => undefined);
|
|
} else if (canEditDatabaseComment.value) {
|
|
await loadDatabaseCommentProperty().catch(() => undefined);
|
|
}
|
|
await refreshEditDatabasePropertiesPreviewSql();
|
|
} finally {
|
|
editDatabasePropertiesLoading.value = false;
|
|
}
|
|
}
|
|
|
|
async function confirmEditDatabaseProperties() {
|
|
const node = sidebarFormTarget.value ?? props.node;
|
|
const config = node.connectionId ? connectionStore.getConfig(node.connectionId) : undefined;
|
|
const propertyGroups = editableDatabasePropertyGroups(config, node);
|
|
if (!propertyGroups.length || !node.connectionId || editDatabasePropertiesLoading.value) return;
|
|
editDatabasePropertiesLoading.value = true;
|
|
try {
|
|
await connectionStore.ensureConnected(node.connectionId);
|
|
const base = {
|
|
databaseType: databaseTypeForNode(node),
|
|
driverProfile: config?.driver_profile,
|
|
target: "database" as const,
|
|
name: node.database || node.label,
|
|
};
|
|
const options = propertyGroups.includes("charsetCollation") ? { ...base, charset: editDatabaseCharset.value, collation: editDatabaseCollation.value } : propertyGroups.includes("databaseComment") ? { ...base, comment: editDatabaseCommentText.value } : null;
|
|
if (!options) return;
|
|
const sql = await buildUpdateDatabasePropertiesSql(options);
|
|
await executeTreeNodeSqlWithProductionGuard(node, sql, { database: node.database || node.label });
|
|
toast(t("contextMenu.editDatabasePropertiesSuccess", { name: node.label }), 3000);
|
|
showEditDatabasePropertiesDialog.value = false;
|
|
await connectionStore.loadDatabases(node.connectionId, { force: true });
|
|
} catch (e: any) {
|
|
toast(t("contextMenu.tableOperationFailed", { message: translateBackendError(t, e?.message || String(e)) }), 5000);
|
|
} finally {
|
|
editDatabasePropertiesLoading.value = false;
|
|
}
|
|
}
|
|
|
|
watch([editDatabaseCharset, editDatabaseCollation, editDatabaseCommentText], () => {
|
|
if (showEditDatabasePropertiesDialog.value) void refreshEditDatabasePropertiesPreviewSql();
|
|
});
|
|
|
|
async function refreshSchemaCommentPreviewSql() {
|
|
if (!canEditSchemaComment.value) {
|
|
schemaCommentPreviewSql.value = "";
|
|
return;
|
|
}
|
|
schemaCommentPreviewSql.value = await buildUpdateDatabasePropertiesSql({
|
|
databaseType: currentDatabaseType(),
|
|
target: "schema",
|
|
name: props.node.schema || props.node.label,
|
|
comment: schemaCommentText.value,
|
|
}).catch(() => "");
|
|
}
|
|
|
|
watch(schemaCommentText, () => {
|
|
if (showEditSchemaCommentDialog.value) void refreshSchemaCommentPreviewSql();
|
|
});
|
|
|
|
function schemaCommentFromResult(result: { columns?: string[]; rows?: unknown[] }): string {
|
|
return resultColumnValue(result, ["comment"]);
|
|
}
|
|
|
|
async function openEditSchemaCommentDialog() {
|
|
const node = props.node;
|
|
if (!canEditSchemaComment.value || !node.connectionId || !node.database) return;
|
|
schemaCommentText.value = "";
|
|
schemaCommentLoading.value = true;
|
|
showEditSchemaCommentDialog.value = true;
|
|
try {
|
|
await connectionStore.ensureConnected(node.connectionId);
|
|
const sql = buildGetSchemaCommentSql({
|
|
databaseType: currentDatabaseType(),
|
|
name: node.schema || node.label,
|
|
});
|
|
const result = await api.executeQuery(node.connectionId, node.database, sql, node.schema, undefined, { maxRows: 1 });
|
|
schemaCommentText.value = schemaCommentFromResult(result);
|
|
await refreshSchemaCommentPreviewSql();
|
|
} catch {
|
|
schemaCommentText.value = "";
|
|
await refreshSchemaCommentPreviewSql();
|
|
} finally {
|
|
schemaCommentLoading.value = false;
|
|
}
|
|
}
|
|
|
|
async function confirmEditSchemaComment() {
|
|
const node = sidebarFormTarget.value ?? props.node;
|
|
if (!canEditSchemaComment.value || !node.connectionId || !node.database || schemaCommentLoading.value) return;
|
|
schemaCommentLoading.value = true;
|
|
try {
|
|
await connectionStore.ensureConnected(node.connectionId);
|
|
const sql = await buildUpdateDatabasePropertiesSql({
|
|
databaseType: databaseTypeForNode(node),
|
|
target: "schema",
|
|
name: node.schema || node.label,
|
|
comment: schemaCommentText.value,
|
|
});
|
|
await executeTreeNodeSqlWithProductionGuard(node, sql, { database: node.database, schema: node.schema });
|
|
toast(t("contextMenu.editSchemaCommentSuccess", { name: node.label }), 3000);
|
|
showEditSchemaCommentDialog.value = false;
|
|
await connectionStore.loadSchemas(node.connectionId, node.database, { force: true });
|
|
} catch (e: any) {
|
|
toast(t("contextMenu.tableOperationFailed", { message: translateBackendError(t, e?.message || String(e)) }), 5000);
|
|
} finally {
|
|
schemaCommentLoading.value = false;
|
|
}
|
|
}
|
|
|
|
async function openCreateDatabase() {
|
|
if (isDuckDbConnection.value) {
|
|
await createDuckDbAttachedDatabaseFile();
|
|
return;
|
|
}
|
|
openCreateDatabaseDialog();
|
|
}
|
|
|
|
function openCreateDatabaseDialog() {
|
|
createDatabaseName.value = "";
|
|
createDatabaseCharset.value = "utf8mb4";
|
|
createDatabaseCollation.value = "utf8mb4_unicode_ci";
|
|
createDatabaseUsers.value = [];
|
|
createDatabaseSelectedUsers.value = [];
|
|
createDatabaseUsersLoading.value = false;
|
|
createDatabaseAuthorizationPlan.value = undefined;
|
|
createDatabasePreviewSql.value = "";
|
|
createDatabaseAuthorizationResults.value = [];
|
|
createDatabaseCharsetOptions.value = fallbackCreateDatabaseCharset.charsets;
|
|
createDatabaseCollationsByCharset.value = fallbackCreateDatabaseCharset.collationsByCharset;
|
|
showCreateDatabaseDialog.value = true;
|
|
if (canSetCreateDatabaseCharset.value) {
|
|
void loadCreateDatabaseCharsetMetadata();
|
|
}
|
|
void loadCreateDatabaseUsers();
|
|
}
|
|
|
|
let createDatabaseUsersRequestId = 0;
|
|
|
|
async function loadCreateDatabaseUsers() {
|
|
const node = sidebarFormTarget.value ?? props.node;
|
|
if (!node.connectionId) return;
|
|
const connectionId = node.connectionId;
|
|
const requestId = ++createDatabaseUsersRequestId;
|
|
const requestOwner = sidebarTreeDialogOwner.value;
|
|
const requestIsActive = () => requestId === createDatabaseUsersRequestId && sidebarTreeDialogOwner.value === requestOwner && sidebarFormTarget.value?.connectionId === connectionId && showCreateDatabaseDialog.value;
|
|
const config = connectionStore.getConfig(node.connectionId);
|
|
const userProvider = resolveDatabaseUserAdminProviderForConnection(config);
|
|
if (!userProvider) return;
|
|
createDatabaseUsersLoading.value = true;
|
|
try {
|
|
await connectionStore.ensureConnected(connectionId);
|
|
try {
|
|
const result = await api.executeQuery(connectionId, "", userProvider.listUsersSql(), undefined, undefined, { maxRows: 5000 });
|
|
if (requestIsActive()) createDatabaseUsers.value = userProvider.parseUsers(result);
|
|
} catch (error) {
|
|
if (!userProvider.fallbackListUsersSql || !userProvider.parseFallbackUsers) throw error;
|
|
const result = await api.executeQuery(connectionId, "", userProvider.fallbackListUsersSql(), undefined, undefined, { maxRows: 5000 });
|
|
if (requestIsActive()) createDatabaseUsers.value = userProvider.parseFallbackUsers(result);
|
|
}
|
|
} catch (error: any) {
|
|
if (requestIsActive()) {
|
|
createDatabaseUsers.value = [];
|
|
toast(t("contextMenu.createDatabaseUsersLoadFailed", { message: error?.message || String(error) }), 5000);
|
|
}
|
|
} finally {
|
|
if (requestIsActive()) createDatabaseUsersLoading.value = false;
|
|
}
|
|
}
|
|
|
|
function createDatabaseUserKey(user: DatabaseUserIdentity): string {
|
|
return `${user.user}\u0000${user.host}`;
|
|
}
|
|
|
|
function createDatabaseUserLabel(user: DatabaseUserIdentity): string {
|
|
const node = sidebarFormTarget.value ?? props.node;
|
|
const provider = resolveDatabaseUserAdminProviderForConnection(connectionStore.getConfig(node.connectionId || ""));
|
|
return provider?.label(user) ?? user.user;
|
|
}
|
|
|
|
function createDatabaseUserSelected(user: DatabaseUserIdentity): boolean {
|
|
const key = createDatabaseUserKey(user);
|
|
return createDatabaseSelectedUsers.value.some((selected) => createDatabaseUserKey(selected) === key);
|
|
}
|
|
|
|
function toggleCreateDatabaseUser(user: DatabaseUserIdentity) {
|
|
const key = createDatabaseUserKey(user);
|
|
if (createDatabaseSelectedUsers.value.some((selected) => createDatabaseUserKey(selected) === key)) {
|
|
createDatabaseSelectedUsers.value = createDatabaseSelectedUsers.value.filter((selected) => createDatabaseUserKey(selected) !== key);
|
|
} else {
|
|
createDatabaseSelectedUsers.value = [...createDatabaseSelectedUsers.value, user];
|
|
}
|
|
}
|
|
|
|
function openConnectionNamespaceCreation() {
|
|
if (isConnectionSchemaCreation.value) {
|
|
openCreateSchemaDialog();
|
|
return;
|
|
}
|
|
void openCreateDatabase();
|
|
}
|
|
|
|
function connectionNamespaceCreationLabel() {
|
|
if (isDuckDbConnection.value) return t("contextMenu.createDuckDbFile");
|
|
if (isConnectionSchemaCreation.value) return t("contextMenu.createSchema");
|
|
return t("contextMenu.createDatabase");
|
|
}
|
|
|
|
function updateCreateDatabaseCharset(value: string) {
|
|
const previousCharset = createDatabaseCharset.value;
|
|
createDatabaseCharset.value = value;
|
|
createDatabaseCollation.value = nextCreateDatabaseCollation(value, previousCharset, createDatabaseCollation.value, createDatabaseCollationsByCharset.value);
|
|
}
|
|
|
|
function updateEditDatabaseCharset(value: string) {
|
|
const previousCharset = editDatabaseCharset.value;
|
|
editDatabaseCharset.value = value;
|
|
editDatabaseCollation.value = nextCreateDatabaseCollation(value, previousCharset, editDatabaseCollation.value, createDatabaseCollationsByCharset.value);
|
|
}
|
|
|
|
async function loadCreateDatabaseCharsetMetadata(target: "create" | "edit" = "create") {
|
|
const node = props.node;
|
|
if (!node.connectionId || createDatabaseCharsetLoading.value) return;
|
|
createDatabaseCharsetLoading.value = true;
|
|
try {
|
|
await connectionStore.ensureConnected(node.connectionId);
|
|
const [charsetResult, collationResult] = await Promise.all([api.executeQuery(node.connectionId, "", "SHOW CHARACTER SET", undefined, undefined, { maxRows: 1000 }), api.executeQuery(node.connectionId, "", "SHOW COLLATION", undefined, undefined, { maxRows: 10000 })]);
|
|
if (target === "create" && !showCreateDatabaseDialog.value) return;
|
|
if (target === "edit" && !showEditDatabasePropertiesDialog.value) return;
|
|
const metadata = parseCreateDatabaseCharsetMetadata(charsetResult, collationResult);
|
|
createDatabaseCharsetOptions.value = metadata.charsets;
|
|
createDatabaseCollationsByCharset.value = metadata.collationsByCharset;
|
|
const selectedCharset = target === "create" ? createDatabaseCharset.value : editDatabaseCharset.value;
|
|
if (!createDatabaseCharsetOptions.value.includes(selectedCharset) && createDatabaseCharsetOptions.value.length) {
|
|
if (target === "create") {
|
|
updateCreateDatabaseCharset(createDatabaseCharsetOptions.value[0]);
|
|
} else {
|
|
updateEditDatabaseCharset(createDatabaseCharsetOptions.value[0]);
|
|
}
|
|
} else {
|
|
if (target === "create") {
|
|
createDatabaseCollation.value = nextCreateDatabaseCollation(createDatabaseCharset.value, createDatabaseCharset.value, createDatabaseCollation.value, createDatabaseCollationsByCharset.value);
|
|
} else {
|
|
editDatabaseCollation.value = nextCreateDatabaseCollation(editDatabaseCharset.value, editDatabaseCharset.value, editDatabaseCollation.value, createDatabaseCollationsByCharset.value);
|
|
}
|
|
}
|
|
} catch {
|
|
createDatabaseCharsetOptions.value = fallbackCreateDatabaseCharset.charsets;
|
|
createDatabaseCollationsByCharset.value = fallbackCreateDatabaseCharset.collationsByCharset;
|
|
} finally {
|
|
createDatabaseCharsetLoading.value = false;
|
|
}
|
|
}
|
|
|
|
function openCreateNacosNamespaceDialog() {
|
|
createNacosNamespaceId.value = "";
|
|
createNacosNamespaceName.value = "";
|
|
createNacosNamespaceDesc.value = "";
|
|
showCreateNacosNamespaceDialog.value = true;
|
|
}
|
|
|
|
async function confirmCreateNacosNamespace() {
|
|
const node = sidebarFormTarget.value ?? props.node;
|
|
const namespaceName = createNacosNamespaceName.value.trim();
|
|
if (!node.connectionId || !namespaceName || createNacosNamespaceLoading.value) return;
|
|
createNacosNamespaceLoading.value = true;
|
|
try {
|
|
await api.nacosCreateNamespace(node.connectionId, {
|
|
namespaceId: createNacosNamespaceId.value.trim() || undefined,
|
|
namespaceName,
|
|
namespaceDesc: createNacosNamespaceDesc.value.trim() || namespaceName,
|
|
});
|
|
showCreateNacosNamespaceDialog.value = false;
|
|
await connectionStore.loadNacosNamespaces(node.connectionId, { force: true });
|
|
const liveNode = findSidebarActionTarget(connectionStore.treeNodes, node);
|
|
if (liveNode) liveNode.isExpanded = true;
|
|
toast(t("nacos.namespaceCreated", { name: namespaceName }), 3000);
|
|
} catch (e: any) {
|
|
toast(t("contextMenu.tableOperationFailed", { message: translateBackendError(t, e?.message || String(e)) }), 5000);
|
|
} finally {
|
|
createNacosNamespaceLoading.value = false;
|
|
}
|
|
}
|
|
|
|
function openEditNacosNamespaceDialog() {
|
|
editNacosNamespaceName.value = props.node.nacosNamespaceName || props.node.label;
|
|
editNacosNamespaceDesc.value = props.node.comment || "";
|
|
showEditNacosNamespaceDialog.value = true;
|
|
}
|
|
|
|
async function confirmEditNacosNamespace() {
|
|
const node = sidebarFormTarget.value ?? props.node;
|
|
const namespaceId = node.nacosNamespace?.trim() || "";
|
|
const namespaceName = editNacosNamespaceName.value.trim();
|
|
if (!node.connectionId || !namespaceId || !namespaceName || editNacosNamespaceLoading.value) return;
|
|
editNacosNamespaceLoading.value = true;
|
|
try {
|
|
await api.nacosUpdateNamespace(node.connectionId, {
|
|
namespaceId,
|
|
namespaceName,
|
|
namespaceDesc: editNacosNamespaceDesc.value.trim() || namespaceName,
|
|
});
|
|
showEditNacosNamespaceDialog.value = false;
|
|
await connectionStore.loadNacosNamespaces(node.connectionId, { force: true });
|
|
toast(t("nacos.namespaceUpdated", { name: namespaceName }), 3000);
|
|
} catch (e: any) {
|
|
toast(t("contextMenu.tableOperationFailed", { message: translateBackendError(t, e?.message || String(e)) }), 5000);
|
|
} finally {
|
|
editNacosNamespaceLoading.value = false;
|
|
}
|
|
}
|
|
|
|
function ensureDuckDbFileExtension(path: string): string {
|
|
return /\.(duckdb|db)$/i.test(path) ? path : `${path}.duckdb`;
|
|
}
|
|
|
|
async function createDuckDbAttachedDatabaseFile() {
|
|
const node = props.node;
|
|
if (!node.connectionId) return;
|
|
if (!isTauriRuntime()) {
|
|
toast(t("contextMenu.createDuckDbFileDesktopOnly"), 4000);
|
|
return;
|
|
}
|
|
|
|
try {
|
|
const { save } = await import("@tauri-apps/plugin-dialog");
|
|
const selectedPath = await save({
|
|
defaultPath: "database.duckdb",
|
|
filters: [{ name: "DuckDB", extensions: ["duckdb", "db"] }],
|
|
});
|
|
if (!selectedPath) return;
|
|
|
|
const path = ensureDuckDbFileExtension(selectedPath);
|
|
await connectionStore.ensureConnected(node.connectionId);
|
|
const existingDatabases = await api.listDatabases(node.connectionId);
|
|
const name = uniqueDuckDbAttachedDatabaseName(
|
|
duckDbAttachedDatabaseNameFromPath(path),
|
|
existingDatabases.map((database) => database.name),
|
|
);
|
|
const sql = await buildDuckDbAttachDatabaseSql(path, name);
|
|
await executeTreeNodeSqlWithProductionGuard(node, sql, { database: "" });
|
|
|
|
const config = connectionStore.getConfig(node.connectionId);
|
|
if (config) {
|
|
await connectionStore.updateConnection({
|
|
...config,
|
|
attached_databases: [...(config.attached_databases ?? []), { name, path }],
|
|
});
|
|
}
|
|
await connectionStore.ensureVisibleDatabase(node.connectionId, name);
|
|
await connectionStore.loadDatabases(node.connectionId, { force: true });
|
|
connectionStore.selectedTreeNodeId = `${node.connectionId}:${name}`;
|
|
toast(t("contextMenu.createDuckDbFileSuccess", { name }), 3000);
|
|
} catch (e: any) {
|
|
toast(t("contextMenu.tableOperationFailed", { message: e?.message || String(e) }), 5000);
|
|
}
|
|
}
|
|
|
|
async function confirmCreateDatabase() {
|
|
const node = sidebarFormTarget.value ?? props.node;
|
|
const name = createDatabaseName.value.trim();
|
|
if (!name || !node.connectionId) return;
|
|
try {
|
|
await connectionStore.ensureConnected(node.connectionId);
|
|
const config = connectionStore.getConfig(node.connectionId);
|
|
if (config?.db_type === "mongodb") {
|
|
showCreateDatabaseDialog.value = false;
|
|
await api.mongoCreateDatabase(node.connectionId, name);
|
|
toast(t("contextMenu.createDatabaseSuccess", { name }), 3000);
|
|
await connectionStore.ensureVisibleDatabase(node.connectionId, name);
|
|
await connectionStore.loadMongoDatabases(node.connectionId);
|
|
return;
|
|
}
|
|
const sql = await buildCreateDatabaseSql({
|
|
databaseType: config?.db_type,
|
|
driverProfile: config?.driver_profile,
|
|
target: "database",
|
|
name,
|
|
charset: createDatabaseCharset.value,
|
|
collation: createDatabaseCollation.value,
|
|
});
|
|
const provider = resolveDatabaseUserAdminProviderForConnection(config);
|
|
const plan: AuthorizationPlan = provider
|
|
? buildCreateDatabaseAuthorizationPlan({ provider, database: name, createSql: sql, users: createDatabaseSelectedUsers.value })
|
|
: { steps: [{ id: "create-database", label: `create database ${name}`, database: "", sql, operation: "createDatabase", targetDatabase: name }] };
|
|
createDatabaseAuthorizationPlan.value = plan;
|
|
createDatabasePreviewSql.value = authorizationPlanSql(plan);
|
|
createDatabaseAuthorizationResults.value = [];
|
|
showCreateDatabaseDialog.value = false;
|
|
showCreateDatabasePreviewDialog.value = true;
|
|
} catch (e: any) {
|
|
toast(t("contextMenu.tableOperationFailed", { message: e?.message || String(e) }), 5000);
|
|
}
|
|
}
|
|
|
|
async function applyCreateDatabaseAuthorizationPlan() {
|
|
const node = sidebarFormTarget.value ?? props.node;
|
|
const plan = createDatabaseAuthorizationPlan.value;
|
|
const name = createDatabaseName.value.trim();
|
|
if (!node.connectionId || !plan || createDatabaseAuthorizationApplying.value) return;
|
|
createDatabaseAuthorizationApplying.value = true;
|
|
try {
|
|
const results = await executeWithProductionSqlGuard({
|
|
connection: connectionStore.getConfig(node.connectionId),
|
|
database: "",
|
|
sql: createDatabasePreviewSql.value,
|
|
source: t("production.sourceSidebar"),
|
|
execute: () => executeAuthorizationPlan(plan, (step) => api.executeMulti(node.connectionId!, step.database, step.sql, undefined, undefined, { maxRows: 1000, continueOnError: true })),
|
|
});
|
|
if (!results) return;
|
|
createDatabaseAuthorizationResults.value = results;
|
|
const created = results.some((result) => result.step.id === "create-database" && result.status === "success");
|
|
const status = authorizationPlanStatus(results);
|
|
if (created) {
|
|
await connectionStore.ensureVisibleDatabase(node.connectionId, name);
|
|
await connectionStore.loadDatabases(node.connectionId, { force: true });
|
|
}
|
|
toast(t(status === "success" ? "contextMenu.createDatabaseSuccess" : status === "partial" ? "contextMenu.createDatabasePartial" : "contextMenu.createDatabaseFailed", { name }), status === "success" ? 3000 : 5000);
|
|
} catch (error: any) {
|
|
toast(t("contextMenu.tableOperationFailed", { message: error?.message || String(error) }), 5000);
|
|
} finally {
|
|
createDatabaseAuthorizationApplying.value = false;
|
|
}
|
|
}
|
|
|
|
function createDatabaseAuthorizationStepLabel(result: AuthorizationStepResult): string {
|
|
const step = result.step;
|
|
if (step.operation === "createDatabase") return t("contextMenu.createDatabaseStep", { database: step.targetDatabase });
|
|
if (step.operation === "grantDatabase") return t("contextMenu.createDatabaseGrantStep", { user: step.subject, database: step.targetDatabase });
|
|
if (step.operation === "grantCurrentObjects") {
|
|
return t("userAdmin.stepGrantCurrentObjects", {
|
|
user: step.subject,
|
|
database: step.targetDatabase,
|
|
schema: step.schema,
|
|
scope: createDatabaseAuthorizationScopeLabel(step.objectScope),
|
|
});
|
|
}
|
|
if (step.operation === "grantFutureObjects") {
|
|
return step.owner
|
|
? t("userAdmin.stepGrantFutureObjectsForOwner", { user: step.subject, database: step.targetDatabase, owner: step.owner, scope: createDatabaseAuthorizationScopeLabel(step.objectScope) })
|
|
: t("userAdmin.stepGrantFutureObjects", { user: step.subject, database: step.targetDatabase, scope: createDatabaseAuthorizationScopeLabel(step.objectScope) });
|
|
}
|
|
return step.label;
|
|
}
|
|
|
|
function createDatabaseAuthorizationScopeLabel(scope: AuthorizationStepResult["step"]["objectScope"]): string {
|
|
if (scope === "schemas") return t("userAdmin.scopeSchemas");
|
|
if (scope === "tables") return t("userAdmin.scopeTables");
|
|
if (scope === "sequences") return t("userAdmin.scopeSequences");
|
|
if (scope === "functions") return t("userAdmin.scopeFunctions");
|
|
return "";
|
|
}
|
|
|
|
function dropDatabase() {
|
|
void refreshDropDatabasePreviewSql();
|
|
dropDatabaseLoading.value = false;
|
|
showDropDatabaseConfirm.value = true;
|
|
}
|
|
|
|
function dropMongoCollection() {
|
|
dropMongoCollectionLoading.value = false;
|
|
showDropMongoCollectionConfirm.value = true;
|
|
}
|
|
|
|
function dropMongoIndex() {
|
|
dropMongoIndexLoading.value = false;
|
|
showDropMongoIndexConfirm.value = true;
|
|
}
|
|
|
|
function dropAllMongoIndexes() {
|
|
dropAllMongoIndexesLoading.value = false;
|
|
showDropAllMongoIndexesConfirm.value = true;
|
|
}
|
|
|
|
function flushRedisDb() {
|
|
showFlushRedisDbConfirm.value = true;
|
|
}
|
|
|
|
async function confirmFlushRedisDb() {
|
|
const node = sidebarDangerTarget.value ?? props.node;
|
|
if (node.type !== "redis-db" || !node.connectionId || !node.database) return;
|
|
try {
|
|
await connectionStore.ensureConnected(node.connectionId);
|
|
await api.redisFlushDb(node.connectionId, Number(node.database));
|
|
connectionStore.updateRedisDbKeyStats(node.connectionId, Number(node.database), { loaded: 0, total: 0 });
|
|
window.dispatchEvent(
|
|
new CustomEvent("dbx-redis-db-flushed", {
|
|
detail: { connectionId: node.connectionId, db: Number(node.database) },
|
|
}),
|
|
);
|
|
toast(t("redis.flushDbSuccess", { db: node.database }), 3000);
|
|
} catch (e: any) {
|
|
toast(t("contextMenu.tableOperationFailed", { message: e?.message || String(e) }), 5000);
|
|
}
|
|
}
|
|
|
|
async function confirmDropDatabase() {
|
|
const node = sidebarDangerTarget.value ?? props.node;
|
|
if (!node.connectionId || dropDatabaseLoading.value) return;
|
|
dropDatabaseLoading.value = true;
|
|
try {
|
|
await connectionStore.ensureConnected(node.connectionId);
|
|
if (node.type === "mongo-db" && node.database) {
|
|
await api.mongoDropDatabase(node.connectionId, node.database);
|
|
toast(t("contextMenu.dropDatabaseSuccess", { name: node.label }), 3000);
|
|
await connectionStore.loadMongoDatabases(node.connectionId);
|
|
showDropDatabaseConfirm.value = false;
|
|
return;
|
|
}
|
|
const sql =
|
|
dropDatabasePreviewSql.value ||
|
|
(await buildDropDatabaseSql({
|
|
databaseType: databaseTypeForNode(node),
|
|
name: node.label,
|
|
}));
|
|
await executeTreeNodeSqlWithProductionGuard(node, sql, { database: "" });
|
|
toast(t("contextMenu.dropDatabaseSuccess", { name: node.label }), 3000);
|
|
await connectionStore.loadDatabases(node.connectionId, { force: true });
|
|
showDropDatabaseConfirm.value = false;
|
|
} catch (e: any) {
|
|
toast(t("contextMenu.tableOperationFailed", { message: e?.message || String(e) }), 5000);
|
|
} finally {
|
|
dropDatabaseLoading.value = false;
|
|
}
|
|
}
|
|
|
|
async function confirmDropMongoCollection() {
|
|
const node = sidebarDangerTarget.value ?? props.node;
|
|
if (node.type !== "mongo-collection" || !node.connectionId || !node.database || dropMongoCollectionLoading.value) return;
|
|
dropMongoCollectionLoading.value = true;
|
|
try {
|
|
await connectionStore.ensureConnected(node.connectionId);
|
|
await api.mongoDropCollection(node.connectionId, node.database, node.label);
|
|
toast(t("contextMenu.dropCollectionSuccess", { name: node.label }), 3000);
|
|
await connectionStore.loadMongoCollections(node.connectionId, node.database);
|
|
showDropMongoCollectionConfirm.value = false;
|
|
} catch (e: any) {
|
|
toast(t("contextMenu.tableOperationFailed", { message: e?.message || String(e) }), 5000);
|
|
} finally {
|
|
dropMongoCollectionLoading.value = false;
|
|
}
|
|
}
|
|
|
|
function mongoIndexesGroupNodeId(node: Pick<TreeNode, "connectionId" | "database" | "schema" | "tableName" | "label">): string | null {
|
|
if (!node.connectionId || !node.database) return null;
|
|
const tableName = node.tableName || node.label;
|
|
return node.schema ? `${node.connectionId}:${node.database}:${node.schema}:${tableName}:__indexes` : `${node.connectionId}:${node.database}:${tableName}:__indexes`;
|
|
}
|
|
|
|
async function refreshMongoIndexTree(node: Pick<TreeNode, "connectionId" | "database" | "schema" | "tableName" | "label">) {
|
|
const nodeId = mongoIndexesGroupNodeId(node);
|
|
if (!node.connectionId || !node.database || !nodeId) return;
|
|
await connectionStore.loadIndexes(node.connectionId, node.database, node.tableName || node.label, node.schema, nodeId);
|
|
}
|
|
|
|
async function confirmDropMongoIndex() {
|
|
const node = sidebarDangerTarget.value ?? props.node;
|
|
if (!canDropMongoIndexNode(node) || !node.connectionId || !node.database || !node.tableName || dropMongoIndexLoading.value) return;
|
|
dropMongoIndexLoading.value = true;
|
|
try {
|
|
await connectionStore.ensureConnected(node.connectionId);
|
|
const indexName = mongoIndexNameForNode(node);
|
|
await api.mongoDropIndexes(node.connectionId, node.database, node.tableName, JSON.stringify(indexName), true);
|
|
toast(t("contextMenu.dropTableChildObjectSuccess", { name: indexName }), 3000);
|
|
showDropMongoIndexConfirm.value = false;
|
|
await refreshMongoIndexTree(node);
|
|
} catch (e: any) {
|
|
toast(t("contextMenu.tableOperationFailed", { message: e?.message || String(e) }), 5000);
|
|
} finally {
|
|
dropMongoIndexLoading.value = false;
|
|
}
|
|
}
|
|
|
|
async function confirmDropAllMongoIndexes() {
|
|
const node = sidebarDangerTarget.value ?? props.node;
|
|
if (node.type !== "mongo-collection" || !node.connectionId || !node.database || dropAllMongoIndexesLoading.value) return;
|
|
dropAllMongoIndexesLoading.value = true;
|
|
try {
|
|
await connectionStore.ensureConnected(node.connectionId);
|
|
const result = await api.mongoDropIndexes(node.connectionId, node.database, node.label, undefined, false);
|
|
toast(t("contextMenu.dropAllIndexesSuccess", { count: result.dropped_names.length, name: node.label }), 3000);
|
|
showDropAllMongoIndexesConfirm.value = false;
|
|
await refreshMongoIndexTree(node);
|
|
} catch (e: any) {
|
|
toast(t("contextMenu.tableOperationFailed", { message: e?.message || String(e) }), 5000);
|
|
} finally {
|
|
dropAllMongoIndexesLoading.value = false;
|
|
}
|
|
}
|
|
|
|
function openCreateSchemaDialog() {
|
|
createSchemaName.value = "";
|
|
showCreateSchemaDialog.value = true;
|
|
}
|
|
|
|
async function confirmCreateSchema() {
|
|
const node = sidebarFormTarget.value ?? props.node;
|
|
const name = createSchemaName.value.trim();
|
|
const config = node.connectionId ? connectionStore.getConfig(node.connectionId) : undefined;
|
|
const isConnectionLevelSchemaCreation = node.type === "connection" && connectionNamespaceCreationTarget(config) === "schema";
|
|
const targetDatabase = isConnectionLevelSchemaCreation ? "" : node.database;
|
|
if (!name || !node.connectionId || (!targetDatabase && !isConnectionLevelSchemaCreation)) return;
|
|
showCreateSchemaDialog.value = false;
|
|
try {
|
|
await connectionStore.ensureConnected(node.connectionId);
|
|
const sql = await buildCreateSchemaSql({
|
|
databaseType: effectiveDatabaseTypeForConnection(config),
|
|
name,
|
|
});
|
|
await executeTreeNodeSqlWithProductionGuard(node, sql, { database: targetDatabase || "" });
|
|
toast(t("contextMenu.createSchemaSuccess", { name }), 3000);
|
|
if (isConnectionLevelSchemaCreation) {
|
|
await connectionStore.loadDatabases(node.connectionId, { force: true });
|
|
} else if (config?.db_type === "sqlserver") {
|
|
await connectionStore.loadSqlServerDatabaseObjects(node.connectionId, targetDatabase || "", { force: true });
|
|
} else {
|
|
await connectionStore.loadSchemas(node.connectionId, targetDatabase || "", { force: true });
|
|
}
|
|
} catch (e: any) {
|
|
toast(t("contextMenu.tableOperationFailed", { message: e?.message || String(e) }), 5000);
|
|
}
|
|
}
|
|
|
|
function dropSchema() {
|
|
void refreshDropSchemaPreviewSql();
|
|
showDropSchemaConfirm.value = true;
|
|
}
|
|
|
|
async function confirmDropSchema() {
|
|
const node = sidebarDangerTarget.value ?? props.node;
|
|
if (!node.connectionId || !node.database) return;
|
|
try {
|
|
await connectionStore.ensureConnected(node.connectionId);
|
|
const sql =
|
|
dropSchemaPreviewSql.value ||
|
|
(await buildDropSchemaSql({
|
|
databaseType: databaseTypeForNode(node),
|
|
name: node.label,
|
|
}));
|
|
await executeTreeNodeSqlWithProductionGuard(node, sql, { database: node.database });
|
|
toast(t("contextMenu.dropSchemaSuccess", { name: node.label }), 3000);
|
|
const config = connectionStore.getConfig(node.connectionId);
|
|
if (config?.db_type === "sqlserver") {
|
|
await connectionStore.loadSqlServerDatabaseObjects(node.connectionId, node.database, { force: true });
|
|
} else {
|
|
await connectionStore.loadSchemas(node.connectionId, node.database, { force: true });
|
|
}
|
|
} catch (e: any) {
|
|
toast(t("contextMenu.tableOperationFailed", { message: e?.message || String(e) }), 5000);
|
|
}
|
|
}
|
|
|
|
function duplicateStructure(source: TreeNode = props.node) {
|
|
if (!isDuplicateStructureSource(source)) return;
|
|
duplicateStructureSource.value = source;
|
|
duplicateTableName.value = `${source.label}_copy`;
|
|
showDuplicateDialog.value = true;
|
|
}
|
|
|
|
function isDuplicateStructureSource(node: TreeNode): node is DuplicateStructureSource {
|
|
return node.type === "table" && !!node.connectionId && !!node.database;
|
|
}
|
|
|
|
async function confirmDuplicateStructure() {
|
|
const node = duplicateStructureSource.value || (isDuplicateStructureSource(props.node) ? props.node : null);
|
|
const newName = duplicateTableName.value.trim();
|
|
if (!newName || !node) return;
|
|
showDuplicateDialog.value = false;
|
|
try {
|
|
await connectionStore.ensureConnected(node.connectionId);
|
|
const databaseType = databaseTypeForNode(node);
|
|
const sql = await buildDuplicateTableStructureSql({
|
|
databaseType,
|
|
schema: node.schema,
|
|
sourceName: node.label,
|
|
targetName: newName,
|
|
});
|
|
await executeTreeNodeSqlWithProductionGuard(node, sql, { database: node.database, schema: node.schema });
|
|
toast(t("contextMenu.duplicateStructureSuccess", { name: newName }), 3000);
|
|
await refreshTableList(node);
|
|
} catch (e: any) {
|
|
toast(t("contextMenu.tableOperationFailed", { message: e?.message || String(e) }), 5000);
|
|
}
|
|
}
|
|
|
|
async function confirmPasteTable() {
|
|
const entries = pasteTableEntries.value.filter((entry) => entry.targetName.trim());
|
|
if (entries.length === 0) return;
|
|
const mode = pasteTableMode.value;
|
|
const copyData = pasteTableModeCopiesData(mode) && pasteTableDataCopySupported.value;
|
|
showPasteDialog.value = false;
|
|
let successCount = 0;
|
|
let failCount = 0;
|
|
const refreshedConnections = new Set<string>();
|
|
for (const entry of entries) {
|
|
const targetName = entry.targetName.trim();
|
|
try {
|
|
await connectionStore.ensureConnected(entry.connectionId);
|
|
const databaseType = entry.connectionId ? effectiveDatabaseTypeForConnection(connectionStore.getConfig(entry.connectionId)) : undefined;
|
|
if (mode === "structure-and-data" || mode === "structure-only") {
|
|
const structureSql = await buildDuplicateTableStructureSql({
|
|
databaseType,
|
|
schema: entry.schema,
|
|
sourceName: entry.sourceName,
|
|
targetName,
|
|
});
|
|
await executeTreeNodeSqlWithProductionGuard(entry, structureSql, { database: entry.database, schema: entry.schema });
|
|
}
|
|
if (copyData) {
|
|
const sourceColumns = await api.getColumns(entry.connectionId, entry.database, entry.schema || "", entry.sourceName);
|
|
const dataCopyColumnOptions = tableDataCopyColumnOptions(databaseType, sourceColumns);
|
|
if (dataCopyColumnOptions.columns.length === 0) {
|
|
throw new Error("No writable columns available for table data copy.");
|
|
}
|
|
const dataSql = await buildCopyTableDataSql({
|
|
databaseType,
|
|
schema: entry.schema,
|
|
sourceName: entry.sourceName,
|
|
targetName,
|
|
...dataCopyColumnOptions,
|
|
});
|
|
await executeTreeNodeSqlWithProductionGuard(entry, dataSql, { database: entry.database, schema: entry.schema });
|
|
}
|
|
successCount++;
|
|
const refreshKey = `${entry.connectionId}:${entry.database}:${entry.schema || ""}`;
|
|
if (!refreshedConnections.has(refreshKey)) {
|
|
refreshedConnections.add(refreshKey);
|
|
await connectionStore.refreshObjectListTreeNode(entry.connectionId, entry.database, entry.schema);
|
|
}
|
|
} catch (e: any) {
|
|
failCount++;
|
|
console.error(`Failed to paste table "${entry.sourceName}" -> "${targetName}":`, e);
|
|
}
|
|
}
|
|
if (failCount === 0) {
|
|
toast(t("contextMenu.batchPasteSuccess", { count: successCount }), 3000);
|
|
} else {
|
|
toast(t("contextMenu.batchPastePartialFail", { success: successCount, failed: failCount }), 5000);
|
|
}
|
|
}
|
|
|
|
function copyTableToClipboard() {
|
|
const node = props.node;
|
|
if (node.type !== "table" || !node.connectionId || !node.database) return;
|
|
connectionStore.treeClipboard = {
|
|
kind: "table-copy",
|
|
tables: [
|
|
{
|
|
connectionId: node.connectionId,
|
|
database: node.database,
|
|
schema: node.schema,
|
|
tableName: node.label,
|
|
},
|
|
],
|
|
};
|
|
toast(t("contextMenu.pasteTableClipboardUpdated"), 2000);
|
|
}
|
|
|
|
function openPasteTableDialog() {
|
|
const clipboard = connectionStore.treeClipboard;
|
|
if (clipboard?.kind !== "table-copy" || !canPasteTreeClipboardToCurrentNode()) {
|
|
toast(t("contextMenu.noTableToPaste"), 2000);
|
|
return;
|
|
}
|
|
pasteTableMode.value = defaultPasteTableMode(currentDatabaseType());
|
|
pasteTableEntries.value = clipboard.tables.map((entry) => ({
|
|
sourceName: entry.tableName,
|
|
targetName: `${entry.tableName}_copy`,
|
|
connectionId: entry.connectionId,
|
|
database: entry.database,
|
|
schema: entry.schema,
|
|
}));
|
|
showPasteDialog.value = true;
|
|
}
|
|
|
|
function createTable() {
|
|
const node = props.node;
|
|
if (!node.connectionId || !node.database) return;
|
|
queryStore.openTableStructure(node.connectionId, node.database, node.schema, "");
|
|
}
|
|
|
|
function createView() {
|
|
const node = props.node;
|
|
if (!node.connectionId || !node.database) return;
|
|
connectionStore.activeConnectionId = node.connectionId;
|
|
const viewName = "new_view";
|
|
const effectiveDbType = effectiveDatabaseTypeForConnection(connectionStore.getConfig(node.connectionId));
|
|
const viewSqlName = effectiveDbType === "informix" || !node.schema ? viewName : `${node.schema}.${viewName}`;
|
|
const tabId = queryStore.createTab(node.connectionId, node.database, t("contextMenu.createView"), "query", node.schema);
|
|
queryStore.updateSql(tabId, `CREATE VIEW ${viewSqlName} AS\nSELECT\n *\nFROM table_name;\n`);
|
|
queryStore.setObjectSource(tabId, {
|
|
schema: node.schema,
|
|
name: viewName,
|
|
objectType: "VIEW",
|
|
});
|
|
}
|
|
|
|
async function saveFileContent(content: string, defaultFileName: string, filterName: string, filterExt: string) {
|
|
if (isTauriRuntime()) {
|
|
const { save } = await import("@tauri-apps/plugin-dialog");
|
|
const { writeTextFile } = await import("@tauri-apps/plugin-fs");
|
|
const path = await save({
|
|
defaultPath: defaultFileName,
|
|
filters: [{ name: filterName, extensions: [filterExt] }],
|
|
});
|
|
if (path) await writeTextFile(path, content);
|
|
} else {
|
|
const blob = new Blob([content], { type: "text/plain" });
|
|
const url = URL.createObjectURL(blob);
|
|
const a = document.createElement("a");
|
|
a.href = url;
|
|
a.download = defaultFileName;
|
|
a.click();
|
|
URL.revokeObjectURL(url);
|
|
}
|
|
}
|
|
|
|
async function exportStructure() {
|
|
const targets = structureExportTargets();
|
|
if (!targets.length) return;
|
|
isLoadingStructurePreview.value = true;
|
|
structurePreviewError.value = "";
|
|
structurePreviewSql.value = "";
|
|
structurePreviewTitle.value = targets.length === 1 ? t("contextMenu.exportStructurePreviewTitle", { name: targets[0]!.label }) : t("contextMenu.exportStructurePreviewTitleMultiple", { count: targets.length });
|
|
structurePreviewDefaultFileName.value = targets.length === 1 ? `${targets[0]!.label}.sql` : "structures.sql";
|
|
showStructurePreviewDialog.value = true;
|
|
try {
|
|
const parts: string[] = [];
|
|
for (const target of targets) {
|
|
await connectionStore.ensureConnected(target.connectionId);
|
|
const ddl = await api.getTableDdl(target.connectionId, target.database, target.schema || target.database, target.label, tableDdlObjectTypeForNode(target.type), target.catalog);
|
|
parts.push(ddl.trim());
|
|
}
|
|
structurePreviewSql.value = joinExportedDdls(parts);
|
|
} catch (e: any) {
|
|
structurePreviewError.value = e?.message || String(e);
|
|
console.error("Export structure failed:", e);
|
|
} finally {
|
|
isLoadingStructurePreview.value = false;
|
|
}
|
|
}
|
|
|
|
function canExportStructureNode(node: TreeNode): node is TreeNode & { connectionId: string; database: string } {
|
|
return (node.type === "table" || node.type === "view" || node.type === "materialized_view") && !!node.connectionId && !!node.database;
|
|
}
|
|
|
|
function tableDdlObjectTypeForNode(type: TreeNodeType): ObjectSourceKind | undefined {
|
|
if (type === "view") return "VIEW";
|
|
if (type === "materialized_view") return "MATERIALIZED_VIEW";
|
|
return undefined;
|
|
}
|
|
|
|
function selectedStructureNodes(): TreeNode[] {
|
|
const selectedIds = new Set(connectionStore.selectedTreeNodeIds);
|
|
if (!selectedIds.size) return [];
|
|
const nodes: TreeNode[] = [];
|
|
const visit = (items: TreeNode[]) => {
|
|
for (const item of items) {
|
|
if (selectedIds.has(item.id) && canExportStructureNode(item)) nodes.push(item);
|
|
if (item.children) visit(item.children);
|
|
}
|
|
};
|
|
visit(connectionStore.treeNodes);
|
|
return nodes;
|
|
}
|
|
|
|
function structureExportTargets(): Array<TreeNode & { connectionId: string; database: string }> {
|
|
if (!canExportStructureNode(props.node)) return [];
|
|
const selected = selectedStructureNodes().filter((node): node is TreeNode & { connectionId: string; database: string } => canExportStructureNode(node) && node.connectionId === props.node.connectionId && node.database === props.node.database);
|
|
return selected.some((node) => node.id === props.node.id) ? selected : [props.node];
|
|
}
|
|
|
|
function structureTargetName(target: TreeNode): string {
|
|
return target.schema ? `${target.schema}.${target.label}` : target.label;
|
|
}
|
|
|
|
function columnDocValue(value: unknown): string {
|
|
return value === null || value === undefined ? "" : String(value);
|
|
}
|
|
|
|
function tsvCell(value: unknown): string {
|
|
return columnDocValue(value).replace(/\t/g, " ").replace(/\r?\n/g, " ").trim();
|
|
}
|
|
|
|
function markdownCell(value: unknown): string {
|
|
return columnDocValue(value).replace(/\|/g, "\\|").replace(/\r?\n/g, "<br>").trim();
|
|
}
|
|
|
|
function columnDocHeaders(includeTable: boolean): string[] {
|
|
const headers = [t("contextMenu.structureDocColumn"), t("contextMenu.structureDocType"), t("contextMenu.structureDocPrimaryKey"), t("contextMenu.structureDocNullable"), t("contextMenu.structureDocDefault"), t("contextMenu.structureDocComment")];
|
|
return includeTable ? [t("contextMenu.structureDocTable"), ...headers] : headers;
|
|
}
|
|
|
|
function columnDocCells(target: TreeNode, column: ColumnInfo, includeTable: boolean): unknown[] {
|
|
const cells = [column.name, column.data_type, column.is_primary_key ? t("contextMenu.structureDocYes") : t("contextMenu.structureDocNo"), column.is_nullable ? t("contextMenu.structureDocYes") : t("contextMenu.structureDocNo"), column.column_default, column.comment];
|
|
return includeTable ? [structureTargetName(target), ...cells] : cells;
|
|
}
|
|
|
|
async function tableColumnsForStructureCopy(target: TreeNode & { connectionId: string; database: string }): Promise<ColumnInfo[]> {
|
|
await connectionStore.ensureConnected(target.connectionId);
|
|
return (await api.getColumns(target.connectionId, target.database, target.schema || target.database, target.label)) as ColumnInfo[];
|
|
}
|
|
|
|
async function buildStructureCopyText(format: StructureCopyFormat): Promise<string> {
|
|
const targets = structureExportTargets();
|
|
if (!targets.length) return "";
|
|
const includeTable = targets.length > 1;
|
|
const headers = columnDocHeaders(includeTable);
|
|
|
|
if (format === "tsv") {
|
|
const lines = [headers.map(tsvCell).join("\t")];
|
|
for (const target of targets) {
|
|
const columns = await tableColumnsForStructureCopy(target);
|
|
for (const column of columns) {
|
|
lines.push(columnDocCells(target, column, includeTable).map(tsvCell).join("\t"));
|
|
}
|
|
}
|
|
return `${lines.join("\n")}\n`;
|
|
}
|
|
|
|
const tables: string[] = [];
|
|
const markdownHeaders = columnDocHeaders(false);
|
|
for (const target of targets) {
|
|
const columns = await tableColumnsForStructureCopy(target);
|
|
const tableLines = [`### ${markdownCell(structureTargetName(target))}`, "", `| ${markdownHeaders.map(markdownCell).join(" | ")} |`, `| ${markdownHeaders.map(() => "---").join(" | ")} |`, ...columns.map((column) => `| ${columnDocCells(target, column, false).map(markdownCell).join(" | ")} |`)];
|
|
tables.push(tableLines.join("\n"));
|
|
}
|
|
return `${tables.join("\n\n")}\n`;
|
|
}
|
|
|
|
async function copyStructureAs(format: StructureCopyFormat) {
|
|
let text = "";
|
|
try {
|
|
text = await buildStructureCopyText(format);
|
|
if (!text) return;
|
|
await copyToClipboard(text);
|
|
toast(t("contextMenu.structureDocCopied"), 2000);
|
|
} catch (e: any) {
|
|
if (text) {
|
|
structureDocCopyText.value = text;
|
|
structureDocCopyTitle.value = format === "tsv" ? t("contextMenu.copyStructureAsTsv") : t("contextMenu.copyStructureAsMarkdown");
|
|
showStructureDocCopyDialog.value = true;
|
|
return;
|
|
}
|
|
toast(t("grid.copyFailed", { message: e?.message || String(e) }), 5000);
|
|
}
|
|
}
|
|
|
|
async function copyStructureDocText() {
|
|
if (!structureDocCopyText.value) return;
|
|
try {
|
|
await copyToClipboard(structureDocCopyText.value);
|
|
toast(t("contextMenu.structureDocCopied"), 2000);
|
|
} catch (e: any) {
|
|
toast(t("grid.copyFailed", { message: e?.message || String(e) }), 5000);
|
|
}
|
|
}
|
|
|
|
function selectTextareaContent(event: FocusEvent) {
|
|
if (event.target instanceof HTMLTextAreaElement) event.target.select();
|
|
}
|
|
|
|
async function copyStructurePreview() {
|
|
if (!structurePreviewSql.value) return;
|
|
try {
|
|
await copyToClipboard(structurePreviewSql.value);
|
|
toast(t("contextMenu.exportStructureCopied"), 2000);
|
|
} catch (e: any) {
|
|
toast(t("grid.copyFailed", { message: e?.message || String(e) }), 5000);
|
|
}
|
|
}
|
|
|
|
async function saveStructurePreview() {
|
|
if (!structurePreviewSql.value) return;
|
|
try {
|
|
await saveFileContent(structurePreviewSql.value, structurePreviewDefaultFileName.value, "SQL", "sql");
|
|
toast(t("grid.exported"));
|
|
} catch (e: any) {
|
|
toast(t("grid.exportFailed", { message: e?.message || String(e) }), 5000);
|
|
}
|
|
}
|
|
|
|
async function exportDataLegacy(format: "csv" | "json" | "sql") {
|
|
const node = props.node;
|
|
if (!node.connectionId || !node.database) return;
|
|
const connectionId = node.connectionId;
|
|
const database = node.database;
|
|
const config = connectionStore.getConfig(node.connectionId);
|
|
if (!config) return;
|
|
|
|
try {
|
|
await connectionStore.ensureConnected(connectionId);
|
|
const tableColumns = format === "sql" ? await api.getColumns(connectionId, database, node.schema || database, node.label) : undefined;
|
|
const queryColumns = config.db_type === "neo4j" ? (tableColumns ?? (await api.getColumns(connectionId, database, node.schema || database, node.label))).map((column) => column.name) : undefined;
|
|
const effectiveDbType = effectiveDatabaseTypeForConnection(config);
|
|
const result = await fetchTableDataForExport({
|
|
databaseType: effectiveDbType,
|
|
identifierQuote: connectionStore.connectionIdentifierQuote?.(connectionId),
|
|
schema: node.schema,
|
|
tableName: node.label,
|
|
tableType: node.tableType,
|
|
columns: queryColumns,
|
|
executePage: (sql) => api.executeQuery(connectionId, database, sql),
|
|
});
|
|
|
|
if (format === "csv") {
|
|
let outputPath = `${node.label}.csv`;
|
|
if (isTauriRuntime()) {
|
|
const { save } = await import("@tauri-apps/plugin-dialog");
|
|
const path = await save({
|
|
defaultPath: outputPath,
|
|
filters: [{ name: "CSV", extensions: ["csv"] }],
|
|
});
|
|
if (!path) return;
|
|
outputPath = path as string;
|
|
}
|
|
await api.exportQueryResultCsv(outputPath, result.columns, result.rows);
|
|
toast(t("grid.exported"));
|
|
return;
|
|
}
|
|
|
|
if (format === "json") {
|
|
let outputPath = `${node.label}.json`;
|
|
if (isTauriRuntime()) {
|
|
const { save } = await import("@tauri-apps/plugin-dialog");
|
|
const path = await save({
|
|
defaultPath: outputPath,
|
|
filters: [{ name: "JSON", extensions: ["json"] }],
|
|
});
|
|
if (!path) return;
|
|
outputPath = path as string;
|
|
}
|
|
await api.exportQueryResultJson(outputPath, result.columns, result.rows);
|
|
toast(t("grid.exported"));
|
|
return;
|
|
}
|
|
|
|
const content = await formatSqlInsert({
|
|
databaseType: effectiveDbType,
|
|
schema: node.schema,
|
|
tableName: node.label,
|
|
columns: result.columns,
|
|
columnTypes: tableColumns ? columnTypesForResultColumns(result.columns, tableColumns) : undefined,
|
|
rows: result.rows,
|
|
});
|
|
await saveFileContent(content, `${node.label}.sql`, "SQL", "sql");
|
|
toast(t("grid.exported"));
|
|
} catch (e: any) {
|
|
toast(t("grid.exportFailed", { message: e?.message || String(e) }), 5000);
|
|
}
|
|
}
|
|
|
|
function columnTypesForResultColumns(columns: string[], tableColumns: ColumnInfo[]): Array<string | undefined> {
|
|
const typesByName = new Map(tableColumns.map((column) => [column.name.toLocaleLowerCase(), column.data_type]));
|
|
return columns.map((column) => typesByName.get(column.toLocaleLowerCase()));
|
|
}
|
|
|
|
async function exportData(format: "csv" | "json" | "sql") {
|
|
if (format !== "csv") {
|
|
await exportDataLegacy(format);
|
|
return;
|
|
}
|
|
await exportTableData("csv");
|
|
}
|
|
|
|
async function exportTableData(format: "csv" | "xlsx") {
|
|
const node = props.node;
|
|
if (!node.connectionId || !node.database) return;
|
|
const connectionId = node.connectionId;
|
|
const database = node.database;
|
|
const config = connectionStore.getConfig(node.connectionId);
|
|
if (!config) return;
|
|
|
|
let task: ExportTask | null = null;
|
|
try {
|
|
await connectionStore.ensureConnected(connectionId);
|
|
|
|
// Step 1: Open save dialog FIRST
|
|
let outputPath = `${node.label}.${format}`;
|
|
if (isTauriRuntime()) {
|
|
const { save } = await import("@tauri-apps/plugin-dialog");
|
|
const path = await save({
|
|
defaultPath: outputPath,
|
|
filters: [{ name: format === "csv" ? "CSV" : "Excel", extensions: [format] }],
|
|
});
|
|
if (!path) return;
|
|
outputPath = path as string;
|
|
}
|
|
|
|
// Step 2: Register task in export tracker (background)
|
|
task = addExportTask(node.label, format, outputPath);
|
|
const currentTask = task;
|
|
|
|
// Step 3: Get query columns for neo4j
|
|
const queryColumns = config.db_type === "neo4j" ? (await api.getColumns(connectionId, database, node.schema || database, node.label)).map((c) => c.name) : undefined;
|
|
|
|
// Step 4: Start streaming export (background, non-blocking)
|
|
const rowLimit = settingsStore.editorSettings.exportRowLimitEnabled ? settingsStore.editorSettings.exportRowLimit : null;
|
|
const request: api.TableExportRequest = {
|
|
exportId: currentTask.exportId,
|
|
connectionId,
|
|
database,
|
|
schema: node.schema || undefined,
|
|
tableName: node.label,
|
|
filePath: outputPath,
|
|
format,
|
|
columns: queryColumns,
|
|
batchSize: settingsStore.editorSettings.exportBatchSize,
|
|
rowLimit,
|
|
};
|
|
|
|
await api.startTableExport(request, (progress) => {
|
|
currentTask.rowsExported = progress.rowsExported;
|
|
currentTask.totalRows = progress.totalRows;
|
|
currentTask.status = progress.status;
|
|
currentTask.errorMessage = progress.errorMessage || null;
|
|
if (progress.status === "Done") {
|
|
toast(t("grid.exported"));
|
|
} else if (progress.status === "Error") {
|
|
toast(t("grid.exportFailed", { message: progress.errorMessage || "" }), 5000);
|
|
}
|
|
});
|
|
} catch (e: any) {
|
|
if (task) {
|
|
task.status = "Error";
|
|
task.errorMessage = e?.message || String(e);
|
|
}
|
|
toast(t("grid.exportFailed", { message: e?.message || String(e) }), 5000);
|
|
}
|
|
}
|
|
|
|
async function exportDataXlsx() {
|
|
await exportTableData("xlsx");
|
|
}
|
|
|
|
function editConnection() {
|
|
if (props.node.connectionId) {
|
|
connectionStore.startEditing(props.node.connectionId);
|
|
}
|
|
}
|
|
|
|
const revealConnectionFilePath = computed<string | null>(() => {
|
|
if (props.node.type !== "connection" || !props.node.connectionId) return null;
|
|
const config = connectionStore.getConfig(props.node.connectionId);
|
|
if (!config) return null;
|
|
return connectionFilePath(config);
|
|
});
|
|
|
|
async function revealDatabaseFile() {
|
|
const path = revealConnectionFilePath.value;
|
|
if (!path) return;
|
|
try {
|
|
await revealPathInFileManager(path);
|
|
} catch (e: any) {
|
|
const message = typeof e === "string" ? e : e?.message || String(e);
|
|
toast(message, 5000);
|
|
}
|
|
}
|
|
|
|
const sqliteBackupSource = computed<string | null>(() => {
|
|
if (props.node.type !== "connection" || !props.node.connectionId) return null;
|
|
const config = connectionStore.getConfig(props.node.connectionId);
|
|
if (!config) return null;
|
|
return sqliteBackupSourcePath(config);
|
|
});
|
|
|
|
const canBackupSqliteDatabase = computed(() => {
|
|
const source = sqliteBackupSource.value;
|
|
if (!source || !props.node.connectionId) return false;
|
|
return isTauriRuntime() && (!isMemorySqlitePath(source) || connectionStore.connectedIds.has(props.node.connectionId));
|
|
});
|
|
|
|
async function backupSqliteDatabase() {
|
|
const connId = props.node.connectionId;
|
|
const config = connId ? connectionStore.getConfig(connId) : undefined;
|
|
const sourcePath = sqliteBackupSource.value;
|
|
if (!connId || !config || !sourcePath) return;
|
|
|
|
try {
|
|
const { save } = await import("@tauri-apps/plugin-dialog");
|
|
const destinationPath = await save({
|
|
defaultPath: defaultSqliteBackupFileName(config),
|
|
filters: [{ name: "SQLite", extensions: ["db", "sqlite", "sqlite3"] }],
|
|
});
|
|
if (!destinationPath) return;
|
|
|
|
toast(t("contextMenu.backupSqliteDatabaseInProgress"), 2000);
|
|
if (!isMemorySqlitePath(sourcePath)) {
|
|
await connectionStore.ensureConnected(connId);
|
|
}
|
|
await api.backupSqliteDatabase(connId, destinationPath);
|
|
toast(t("contextMenu.backupSqliteDatabaseSuccess"), 3000);
|
|
} catch (e: any) {
|
|
toast(t("contextMenu.backupSqliteDatabaseFailed", { message: e?.message || String(e) }), 5000);
|
|
}
|
|
}
|
|
|
|
async function disconnectConnection() {
|
|
if (props.node.connectionId) {
|
|
try {
|
|
await connectionStore.disconnect(props.node.connectionId);
|
|
props.node.isExpanded = false;
|
|
props.node.children = [];
|
|
toast(t("connection.disconnected"), 2000);
|
|
} catch (e: any) {
|
|
toast(t("connection.saveFailed", { message: e?.message || String(e) }), 5000);
|
|
}
|
|
}
|
|
}
|
|
|
|
async function cancelConnectionAttempt() {
|
|
if (!props.node.connectionId) return;
|
|
try {
|
|
const cancelled = await connectionStore.cancelConnecting(props.node.connectionId);
|
|
if (cancelled) toast(t("connection.connectCancelled"), 2000);
|
|
} catch (e: any) {
|
|
toast(t("connection.saveFailed", { message: e?.message || String(e) }), 5000);
|
|
}
|
|
}
|
|
|
|
async function closeDatabaseConnection() {
|
|
const node = props.node;
|
|
if (node.type !== "database" || !node.connectionId || node.database == null) return;
|
|
try {
|
|
await connectionStore.closeDatabaseConnection(node.connectionId, node.database);
|
|
toast(t("connection.databaseConnectionClosed", { name: node.label }), 2000);
|
|
} catch (e: any) {
|
|
toast(t("connection.saveFailed", { message: e?.message || String(e) }), 5000);
|
|
}
|
|
}
|
|
|
|
function openTransfer() {
|
|
if (props.node.connectionId) {
|
|
connectionStore.transferSource = {
|
|
connectionId: props.node.connectionId,
|
|
database: props.node.database ?? "",
|
|
};
|
|
}
|
|
}
|
|
|
|
function openSchemaDiff() {
|
|
if (props.node.connectionId) {
|
|
connectionStore.schemaDiffSource = {
|
|
connectionId: props.node.connectionId,
|
|
database: props.node.database ?? "",
|
|
schema: props.node.schema,
|
|
};
|
|
}
|
|
}
|
|
|
|
function openDataCompare() {
|
|
if (props.node.connectionId) {
|
|
connectionStore.dataCompareSource = {
|
|
connectionId: props.node.connectionId,
|
|
database: props.node.database ?? "",
|
|
schema: props.node.schema,
|
|
tableName: props.node.type === "table" ? props.node.label : undefined,
|
|
};
|
|
}
|
|
}
|
|
|
|
function openSqlFileExecution() {
|
|
if (props.node.connectionId) {
|
|
connectionStore.sqlFileSource = {
|
|
connectionId: props.node.connectionId,
|
|
database: props.node.database ?? "",
|
|
};
|
|
}
|
|
}
|
|
|
|
function openDiagram() {
|
|
const node = props.node;
|
|
if (!node.connectionId || !node.database) return;
|
|
connectionStore.diagramSource = {
|
|
connectionId: node.connectionId,
|
|
database: node.database,
|
|
schema: node.schema,
|
|
tableName: node.type === "table" ? node.label : undefined,
|
|
};
|
|
}
|
|
|
|
function openDatabaseSearch() {
|
|
const node = props.node;
|
|
if (!node.connectionId || !node.database) return;
|
|
connectionStore.databaseSearchSource = {
|
|
connectionId: node.connectionId,
|
|
database: node.database,
|
|
schema: node.type === "schema" ? node.schema : undefined,
|
|
};
|
|
}
|
|
|
|
function openDatabaseExport() {
|
|
const node = props.node;
|
|
if (!node.connectionId || !node.database) return;
|
|
connectionStore.databaseExportSource = {
|
|
connectionId: node.connectionId,
|
|
database: node.database,
|
|
schema: node.type === "schema" || node.type === "table" || node.type === "view" || node.type === "materialized_view" ? node.schema : undefined,
|
|
tableName: node.type === "table" || node.type === "view" || node.type === "materialized_view" ? node.label : undefined,
|
|
};
|
|
}
|
|
|
|
function openAllDatabasesExport() {
|
|
const node = props.node;
|
|
if (node.type !== "connection" || !node.connectionId) return;
|
|
connectionStore.databaseExportSource = {
|
|
connectionId: node.connectionId,
|
|
database: "",
|
|
allDatabases: true,
|
|
};
|
|
}
|
|
|
|
function openTableImport() {
|
|
const node = props.node;
|
|
if (!node.connectionId || !node.database) return;
|
|
connectionStore.tableImportSource = {
|
|
connectionId: node.connectionId,
|
|
database: node.database,
|
|
schema: node.schema,
|
|
tableName: node.type === "table" ? node.label : undefined,
|
|
};
|
|
}
|
|
|
|
function openStructureEditor() {
|
|
const node = props.node;
|
|
if (!node.connectionId || !node.database) return;
|
|
if (node.type === "table") {
|
|
queryStore.openTableStructure(node.connectionId, node.database, node.schema, node.label, undefined, undefined, node.catalog);
|
|
return;
|
|
}
|
|
if (node.type === "column" && node.tableName) {
|
|
const columnName = tableChildDropObjectName(node).trim();
|
|
if (!columnName) return;
|
|
queryStore.openTableStructure(node.connectionId, node.database, node.schema, node.tableName, "columns", { kind: "column", name: columnName }, node.catalog);
|
|
return;
|
|
}
|
|
if (node.type === "index" && node.tableName) {
|
|
const indexName = tableChildDropObjectName(node).trim();
|
|
if (!indexName) return;
|
|
queryStore.openTableStructure(node.connectionId, node.database, node.schema, node.tableName, "indexes", { kind: "index", name: indexName }, node.catalog);
|
|
}
|
|
}
|
|
|
|
function openFieldLineage() {
|
|
const node = props.node;
|
|
const column = node.type === "column" && node.meta && "name" in node.meta ? node.meta.name : node.label;
|
|
if (node.type !== "column" || !node.connectionId || !node.database || !node.tableName || !column) return;
|
|
connectionStore.fieldLineageSource = {
|
|
connectionId: node.connectionId,
|
|
database: node.database,
|
|
schema: node.schema,
|
|
tableName: node.tableName,
|
|
columnName: column,
|
|
};
|
|
}
|
|
|
|
const canExpand = computed(() =>
|
|
canTreeNodeShowExpander({
|
|
type: props.node.type,
|
|
childCount: props.node.children?.length ?? 0,
|
|
}),
|
|
);
|
|
const canPin = computed(() => canTreeNodePin(props.node.type));
|
|
const canOpenSqlFileExecution = computed(() => {
|
|
return supportsSqlFileExecution(rawDatabaseType());
|
|
});
|
|
const canExportAllDatabases = computed(() => {
|
|
if (props.node.type !== "connection" || !props.node.connectionId) return false;
|
|
const dbType = connectionStore.getConfig(props.node.connectionId)?.db_type;
|
|
return !["redis", "mongodb", "elasticsearch", "qdrant", "milvus", "weaviate", "chromadb", "etcd", "zookeeper", "mq", "nacos"].includes(dbType || "");
|
|
});
|
|
const canOpenDiagram = computed(() => {
|
|
return !!props.node.database && supportsSchemaDiagram(currentDatabaseType());
|
|
});
|
|
const canOpenDatabaseSearch = computed(() => {
|
|
return !!props.node.database && supportsDatabaseSearch(currentDatabaseType());
|
|
});
|
|
const canOpenObjectBrowser = computed(() => {
|
|
return supportsObjectBrowserTreeNode(rawDatabaseType(), props.node.type);
|
|
});
|
|
const canOpenTableImport = computed(() => {
|
|
const node = props.node;
|
|
const supportedNode = node.type === "table" || ((node.type === "database" || node.type === "schema" || node.type === "group-tables") && canCreateTable.value);
|
|
return supportedNode && !isSqlServerLinkedNode(node) && !!node.connectionId && !!node.database && supportsTableImport(currentDatabaseType());
|
|
});
|
|
const canOpenStructureEditor = computed(() => {
|
|
const editableNode = props.node.type === "table" || ((props.node.type === "column" || props.node.type === "index") && !!props.node.tableName);
|
|
return editableNode && !isSqlServerLinkedNode(props.node) && !!props.node.connectionId && !!props.node.database && supportsTableStructureEditing(currentTableStructureDatabaseType());
|
|
});
|
|
const canOpenFieldLineage = computed(() => {
|
|
return props.node.type === "column" && !!props.node.database && !!props.node.tableName && supportsFieldLineage(currentDatabaseType());
|
|
});
|
|
const isPinned = computed(() => props.node.pinned || connectionStore.isTreeNodePinned(props.node));
|
|
const isNodeDefaultDatabase = computed(() => (props.node.type === "database" || props.node.type === "redis-db" || props.node.type === "mongo-db") && !!props.node.connectionId && !!props.node.database && connectionStore.isDefaultDatabase(props.node.connectionId, props.node.database));
|
|
const hasTypeMenu = computed(() => {
|
|
const t = props.node.type;
|
|
return t === "connection" || t === "database" || t === "schema" || t === "table" || t === "view" || t === "column" || t === "procedure" || t === "function" || t === "package" || t === "package-body" || isGroupLabel(props.node);
|
|
});
|
|
const columnComment = computed(() => (!settingsStore.editorSettings.sidebarHideTableComments && props.node.type === "column" && props.node.meta && "comment" in props.node.meta ? (props.node.meta as any).comment : null));
|
|
const tableComment = computed(() =>
|
|
!settingsStore.editorSettings.sidebarHideTableComments &&
|
|
(props.node.type === "schema" || props.node.type === "table" || props.node.type === "view" || props.node.type === "mongo-collection" || props.node.type === "vector-collection" || props.node.type === "elasticsearch-index") &&
|
|
props.node.comment
|
|
? props.node.comment
|
|
: null,
|
|
);
|
|
const labelWidthClass = computed(() => treeLabelWidthClass({ fullWidth: usesFullWidthLabel.value, hasTrailingComment: !!columnComment.value || !!tableComment.value }));
|
|
const paddingLeft = computed(() => treeItemPaddingLeft(props.depth));
|
|
const tableSearchParentId = computed(() => props.node.tableSearchParentId || "");
|
|
const tableSearchValue = computed(() => {
|
|
const parentId = tableSearchParentId.value;
|
|
return parentId ? connectionStore.sidebarTableSearchQueries[parentId] || "" : "";
|
|
});
|
|
const isConnected = computed(() => props.node.type === "connection" && !!props.node.connectionId && connectionStore.connectedIds.has(props.node.connectionId));
|
|
const isConnecting = computed(() => props.node.type === "connection" && !!props.node.connectionId && connectionStore.connectingIds.has(props.node.connectionId));
|
|
const isConnectionReadonly = computed(() => props.node.type === "connection" && !!props.node.connectionId && (connectionStore.getConfig(props.node.connectionId)?.read_only ?? false));
|
|
const isOpenedDatabase = computed(() => isSidebarDatabaseOpened(props.node, connectionStore.isTreeNodeChildrenLoaded));
|
|
const showsDatabaseOpenIndicator = computed(() => props.node.type === "database" && (isOpenedDatabase.value || (!!props.node.connectionId && props.node.database != null && queryStore.openDatabaseKeys.has(`${props.node.connectionId}\x00${props.node.database}`))));
|
|
const canCloseDatabaseConnection = computed(() => canCloseSidebarDatabaseConnection(props.node, connectionStore.isTreeNodeChildrenLoaded, (connectionId, database) => queryStore.openDatabaseKeys.has(`${connectionId}\x00${database}`)));
|
|
const nodeIconClass = computed(() => {
|
|
const infoClass = getIconInfo(props.node)?.colorClass;
|
|
if (props.node.type !== "database") return infoClass;
|
|
return isOpenedDatabase.value ? infoClass : "text-muted-foreground/65";
|
|
});
|
|
|
|
const canConfigureVisibleDatabases = computed(() => {
|
|
if (props.node.type !== "connection" || !props.node.connectionId) return false;
|
|
const dbType = connectionStore.getConfig(props.node.connectionId)?.db_type;
|
|
return dbType !== "elasticsearch" && dbType !== "qdrant" && dbType !== "milvus" && dbType !== "weaviate" && dbType !== "chromadb" && dbType !== "etcd" && dbType !== "mq" && dbType !== "nacos";
|
|
});
|
|
|
|
const canConfigureVisibleSchemas = computed(() => {
|
|
if (!props.node.connectionId) return false;
|
|
const dbType = connectionStore.getConfig(props.node.connectionId)?.db_type;
|
|
return canConfigureVisibleSchemasForTreeNode(dbType, props.node.type, props.node.database);
|
|
});
|
|
|
|
const canCopyFinalProxyPort = computed(() => {
|
|
if (props.node.type !== "connection" || !props.node.connectionId) return false;
|
|
return hasEnabledTransportLayers(connectionStore.getConfig(props.node.connectionId));
|
|
});
|
|
|
|
function connectionIconType(connectionId?: string) {
|
|
const config = connectionId ? connectionStore.getConfig(connectionId) : undefined;
|
|
return config?.driver_profile || config?.db_type || "postgres";
|
|
}
|
|
|
|
const connectionColor = computed(() => {
|
|
const connectionId = props.node.connectionId;
|
|
return connectionId ? connectionStore.getConfig(connectionId)?.color || "" : "";
|
|
});
|
|
const isActiveConnectionScope = computed(() => !!props.node.connectionId && connectionStore.activeConnectionId === props.node.connectionId);
|
|
const isSelected = computed(() => connectionStore.selectedTreeNodeId === props.node.id);
|
|
const isMultiSelected = computed(() => connectionStore.selectedTreeNodeIdsSet.has(props.node.id));
|
|
const isTreeRowSelected = computed(() => isSelected.value || isMultiSelected.value);
|
|
const usesSelectionSetHighlight = computed(() => connectionStore.connectionMultiSelectActive || connectionStore.selectedTreeNodeIds.length > 1);
|
|
const rowStyle = computed(() => {
|
|
const color = connectionColor.value;
|
|
const backgroundColor = hexToRgba(color, isActiveConnectionScope.value ? 0.14 : 0.08);
|
|
return {
|
|
paddingLeft: paddingLeft.value,
|
|
"--tree-connection-row-bg": backgroundColor,
|
|
"--tree-connection-row-hover-bg": hexToRgba(color, isActiveConnectionScope.value ? 0.18 : 0.12),
|
|
"--tree-connection-active-bg": hexToRgba(color, 0.18),
|
|
"--tree-connection-active-focus-bg": hexToRgba(color, 0.22),
|
|
};
|
|
});
|
|
const tableSearchStyle = computed(() => {
|
|
const color = connectionColor.value;
|
|
const rowBackgroundColor = color ? hexToRgba(color, isActiveConnectionScope.value ? 0.14 : 0.08) : "transparent";
|
|
return {
|
|
paddingLeft: paddingLeft.value,
|
|
"--tree-table-search-row-bg": rowBackgroundColor,
|
|
"--tree-table-search-input-bg": color ? hexToRgba(color, isActiveConnectionScope.value ? 0.05 : 0.03) : "hsl(var(--background) / 0.56)",
|
|
"--tree-table-search-border": color ? hexToRgba(color, isActiveConnectionScope.value ? 0.12 : 0.08) : "hsl(var(--border) / 0.36)",
|
|
};
|
|
});
|
|
|
|
function togglePin() {
|
|
connectionStore.toggleTreeNodePin(props.node);
|
|
}
|
|
|
|
function updateTableSearchQuery(value: string | number) {
|
|
const parentId = tableSearchParentId.value;
|
|
if (!parentId) return;
|
|
const query = String(value);
|
|
if (sidebarTreeContext?.setTableSearchQuery) {
|
|
sidebarTreeContext.setTableSearchQuery(parentId, query);
|
|
return;
|
|
}
|
|
connectionStore.setSidebarTableSearchQuery(parentId, query);
|
|
void connectionStore.refreshSidebarTableSearch(parentId);
|
|
}
|
|
|
|
function clearTableSearchQuery() {
|
|
updateTableSearchQuery("");
|
|
}
|
|
|
|
function openVisibleDatabasesDialog() {
|
|
emit("open-visible-databases", props.node);
|
|
}
|
|
|
|
function openVisibleSchemasDialog() {
|
|
emit("open-visible-schemas", props.node);
|
|
}
|
|
|
|
// --- Connection Group Management ---
|
|
const isRenamingGroup = ref(false);
|
|
const renameInput = ref("");
|
|
const renameInputRef = ref<HTMLInputElement>();
|
|
|
|
function shouldMeasureLabelOverflow(): boolean {
|
|
return shouldMeasureSidebarLabelOverflow({
|
|
hasDetailTooltip: !!detailTooltip.value?.rows.length,
|
|
isRenaming: isRenamingGroup.value,
|
|
usesFullWidthLabel: usesFullWidthLabel.value,
|
|
});
|
|
}
|
|
|
|
function startRenameGroup() {
|
|
renameInput.value = props.node.label;
|
|
isRenamingGroup.value = true;
|
|
emit("rename-started");
|
|
nextTick(() => {
|
|
focusSidebarRenameInput(() => (isRenamingGroup.value ? renameInputRef.value : undefined));
|
|
});
|
|
}
|
|
|
|
watch(
|
|
() => props.pendingRename,
|
|
(val) => {
|
|
if (val && props.node.type === "connection-group") {
|
|
startRenameGroup();
|
|
}
|
|
},
|
|
{ immediate: true },
|
|
);
|
|
|
|
function finishRenameGroup() {
|
|
// Guard against double invocation: pressing Enter sets isRenamingGroup=false
|
|
// and unmounts the input, which then fires @blur -> finishRenameGroup again.
|
|
// The first call can rebuild the tree and recycle props.node onto a different
|
|
// group, so a second run would act on the wrong group and cascade across
|
|
// groups (issue #681).
|
|
if (!isRenamingGroup.value) return;
|
|
isRenamingGroup.value = false;
|
|
const trimmed = renameInput.value.trim();
|
|
// An empty name cancels the rename and keeps the group as-is — never delete
|
|
// here. Deleting a group is done explicitly via the context menu (issue #681).
|
|
if (!trimmed || trimmed === props.node.label) return;
|
|
connectionStore.renameConnectionGroup(props.node.id, trimmed);
|
|
}
|
|
|
|
function deleteConnectionGroup() {
|
|
showDeleteGroupConfirm.value = true;
|
|
}
|
|
|
|
function newConnectionInGroup() {
|
|
connectionStore.startCreatingConnectionInGroup(props.node.id);
|
|
}
|
|
|
|
function newSubgroup() {
|
|
const groupId = connectionStore.createConnectionGroup(t("connectionGroup.newGroupDefault"), props.node.id);
|
|
connectionStore.selectedTreeNodeId = groupId;
|
|
emit("group-created", groupId);
|
|
}
|
|
|
|
function confirmDeleteGroup() {
|
|
const node = sidebarFormTarget.value ?? props.node;
|
|
connectionStore.deleteConnectionGroup(node.id);
|
|
showDeleteGroupConfirm.value = false;
|
|
toast(t("connection.groupDeleted"), 2000);
|
|
}
|
|
|
|
function moveToGroup(groupId: string | null) {
|
|
if (props.node.connectionId) {
|
|
connectionStore.moveConnectionToGroup(props.node.connectionId, groupId);
|
|
}
|
|
}
|
|
|
|
const dangerDialogRoutes: Array<{ flag: { value: boolean }; createRequest: () => SidebarDangerDialogRequest }> = [];
|
|
let stopDangerDialogRouting: (() => void) | null = null;
|
|
|
|
function routeDangerDialog(flag: { value: boolean }, createRequest: () => SidebarDangerDialogRequest) {
|
|
dangerDialogRoutes.push({ flag, createRequest });
|
|
}
|
|
|
|
function ensureDangerDialogRouting() {
|
|
if (stopDangerDialogRouting) return;
|
|
stopDangerDialogRouting = watch(
|
|
dangerDialogRoutes.map((route) => route.flag),
|
|
(openFlags) => {
|
|
if (sidebarTreeDialogOwner.value !== treeItemDialogOwner) return;
|
|
openFlags.forEach((open, index) => {
|
|
if (!open) return;
|
|
const route = dangerDialogRoutes[index];
|
|
route.flag.value = false;
|
|
emit("open-danger-dialog", route.createRequest());
|
|
});
|
|
},
|
|
);
|
|
}
|
|
|
|
function dangerRequest(request: Omit<SidebarDangerDialogRequest, "target">): SidebarDangerDialogRequest {
|
|
const routedRequest = request as SidebarDangerDialogRequest;
|
|
routedRequest.target = createSidebarActionTarget(props.node);
|
|
sidebarDangerTarget.value = routedRequest.target;
|
|
return routedRequest;
|
|
}
|
|
|
|
routeDangerDialog(showDropTableConfirm, () =>
|
|
dangerRequest({
|
|
title: t("contextMenu.confirmDropTableTitle"),
|
|
message: t("contextMenu.confirmDropTableMessage", { name: props.node.label }),
|
|
get sql() {
|
|
return dropTablePreviewSql.value;
|
|
},
|
|
confirmLabel: t("contextMenu.dropTable"),
|
|
option: canDropTableCascade.value
|
|
? {
|
|
checked: dropTableCascade.value,
|
|
label: t("contextMenu.dropTableCascade"),
|
|
hint: t("contextMenu.dropTableCascadeHint"),
|
|
async onChange(checked) {
|
|
dropTableCascade.value = checked;
|
|
await refreshDropTablePreviewSql();
|
|
},
|
|
}
|
|
: undefined,
|
|
confirm: confirmDropTable,
|
|
}),
|
|
);
|
|
|
|
routeDangerDialog(showEmptyTableConfirm, () =>
|
|
dangerRequest({
|
|
title: t("contextMenu.confirmEmptyTableTitle"),
|
|
message: t("contextMenu.confirmEmptyTableMessage", { name: props.node.label }),
|
|
get sql() {
|
|
return emptyTablePreviewSql.value;
|
|
},
|
|
confirmLabel: t("contextMenu.emptyTable"),
|
|
confirm: confirmEmptyTable,
|
|
}),
|
|
);
|
|
|
|
routeDangerDialog(showBatchEmptyConfirm, () =>
|
|
dangerRequest({
|
|
title: batchEmptyConfirmTitle(),
|
|
message: batchEmptyConfirmMessage(),
|
|
get sql() {
|
|
return batchEmptyPreviewSql.value;
|
|
},
|
|
confirmLabel: batchEmptyConfirmLabel(),
|
|
confirm: confirmBatchEmpty,
|
|
}),
|
|
);
|
|
|
|
routeDangerDialog(showTruncateTableConfirm, () =>
|
|
dangerRequest({
|
|
title: t("contextMenu.confirmTruncateTableTitle"),
|
|
message: t("contextMenu.confirmTruncateTableMessage", { name: props.node.label }),
|
|
get sql() {
|
|
return truncateTablePreviewSql.value;
|
|
},
|
|
confirmLabel: t("contextMenu.truncateTable"),
|
|
option: canTruncateTableCascade.value
|
|
? {
|
|
checked: truncateTableCascade.value,
|
|
label: t("contextMenu.truncateTableCascade"),
|
|
hint: t("contextMenu.truncateTableCascadeHint"),
|
|
async onChange(checked) {
|
|
truncateTableCascade.value = checked;
|
|
await refreshTruncateTablePreviewSql();
|
|
},
|
|
}
|
|
: undefined,
|
|
confirm: confirmTruncateTable,
|
|
}),
|
|
);
|
|
|
|
routeDangerDialog(showDropObjectConfirm, () =>
|
|
dangerRequest({
|
|
title: dropObjectConfirmTitle(),
|
|
message: dropObjectConfirmMessage(),
|
|
get sql() {
|
|
return dropObjectPreviewSql.value;
|
|
},
|
|
confirmLabel: dropObjectMenuLabel(),
|
|
confirm: confirmDropObject,
|
|
}),
|
|
);
|
|
|
|
routeDangerDialog(showDropTableChildObjectConfirm, () =>
|
|
dangerRequest({
|
|
title: dropTableChildObjectConfirmTitle(),
|
|
message: dropTableChildObjectConfirmMessage(),
|
|
get sql() {
|
|
return dropTableChildObjectPreviewSql.value;
|
|
},
|
|
confirmLabel: dropTableChildObjectMenuLabel(),
|
|
confirm: confirmDropTableChildObject,
|
|
}),
|
|
);
|
|
|
|
routeDangerDialog(showBatchDropConfirm, () =>
|
|
dangerRequest({
|
|
title: batchDropConfirmTitle(),
|
|
message: batchDropConfirmMessage(),
|
|
get sql() {
|
|
return batchDropPreviewSql.value;
|
|
},
|
|
confirmLabel: batchDropMenuLabel(),
|
|
option: canBatchDropCascade.value
|
|
? {
|
|
checked: batchDropCascade.value,
|
|
label: t("contextMenu.dropTableCascade"),
|
|
hint: t("contextMenu.dropTableCascadeHint"),
|
|
async onChange(checked) {
|
|
batchDropCascade.value = checked;
|
|
await refreshBatchDropPreviewSql();
|
|
},
|
|
}
|
|
: undefined,
|
|
confirm: confirmBatchDrop,
|
|
}),
|
|
);
|
|
|
|
routeDangerDialog(showBatchTruncateConfirm, () =>
|
|
dangerRequest({
|
|
title: batchTruncateConfirmTitle(),
|
|
message: batchTruncateConfirmMessage(),
|
|
get sql() {
|
|
return batchTruncatePreviewSql.value;
|
|
},
|
|
confirmLabel: batchTruncateMenuLabel(),
|
|
option: canBatchTruncateCascade.value
|
|
? {
|
|
checked: batchTruncateCascade.value,
|
|
label: t("contextMenu.truncateTableCascade"),
|
|
hint: t("contextMenu.truncateTableCascadeHint"),
|
|
async onChange(checked) {
|
|
batchTruncateCascade.value = checked;
|
|
await refreshBatchTruncatePreviewSql();
|
|
},
|
|
}
|
|
: undefined,
|
|
confirm: confirmBatchTruncate,
|
|
}),
|
|
);
|
|
|
|
routeDangerDialog(showDropDatabaseConfirm, () =>
|
|
dangerRequest({
|
|
title: t("contextMenu.confirmDropDatabaseTitle"),
|
|
message: t("contextMenu.confirmDropDatabaseMessage", { name: props.node.label }),
|
|
get sql() {
|
|
return dropDatabasePreviewSql.value;
|
|
},
|
|
confirmLabel: t("contextMenu.dropDatabase"),
|
|
get loading() {
|
|
return dropDatabaseLoading.value;
|
|
},
|
|
closeOnConfirm: false,
|
|
confirm: confirmDropDatabase,
|
|
}),
|
|
);
|
|
|
|
routeDangerDialog(showDropMongoCollectionConfirm, () =>
|
|
dangerRequest({
|
|
title: t("contextMenu.confirmDropCollectionTitle"),
|
|
message: t("contextMenu.confirmDropCollectionMessage", { name: props.node.label }),
|
|
confirmLabel: t("contextMenu.dropCollection"),
|
|
get loading() {
|
|
return dropMongoCollectionLoading.value;
|
|
},
|
|
closeOnConfirm: false,
|
|
confirm: confirmDropMongoCollection,
|
|
}),
|
|
);
|
|
|
|
routeDangerDialog(showDropMongoIndexConfirm, () =>
|
|
dangerRequest({
|
|
title: t("contextMenu.confirmDropIndexTitle"),
|
|
message: t("contextMenu.confirmDropMongoIndexMessage", { name: mongoIndexNameForNode(props.node), collection: props.node.tableName || "" }),
|
|
details: mongoIndexDropPreview(props.node, mongoIndexNameForNode(props.node)),
|
|
confirmLabel: t("contextMenu.dropIndex"),
|
|
get loading() {
|
|
return dropMongoIndexLoading.value;
|
|
},
|
|
closeOnConfirm: false,
|
|
confirm: confirmDropMongoIndex,
|
|
}),
|
|
);
|
|
|
|
routeDangerDialog(showDropAllMongoIndexesConfirm, () =>
|
|
dangerRequest({
|
|
title: t("contextMenu.dropAllIndexes"),
|
|
message: t("contextMenu.confirmDropMongoAllIndexesMessage", { name: props.node.label }),
|
|
detailsText: t("contextMenu.confirmDropMongoAllIndexesDetails"),
|
|
sql: mongoDropAllIndexesPreview(props.node),
|
|
confirmLabel: t("contextMenu.dropAllIndexes"),
|
|
get loading() {
|
|
return dropAllMongoIndexesLoading.value;
|
|
},
|
|
closeOnConfirm: false,
|
|
confirm: confirmDropAllMongoIndexes,
|
|
}),
|
|
);
|
|
|
|
routeDangerDialog(showFlushRedisDbConfirm, () =>
|
|
dangerRequest({
|
|
title: t("redis.flushDb"),
|
|
message: t("redis.flushDbMessage"),
|
|
details: t("redis.flushDbDetails", { db: props.node.database }),
|
|
confirmLabel: t("redis.flushDbConfirm"),
|
|
confirm: confirmFlushRedisDb,
|
|
}),
|
|
);
|
|
|
|
routeDangerDialog(showDropSchemaConfirm, () =>
|
|
dangerRequest({
|
|
title: t("contextMenu.confirmDropSchemaTitle"),
|
|
message: t("contextMenu.confirmDropSchemaMessage", { name: props.node.label }),
|
|
get sql() {
|
|
return dropSchemaPreviewSql.value;
|
|
},
|
|
confirmLabel: t("contextMenu.dropSchema"),
|
|
confirm: confirmDropSchema,
|
|
}),
|
|
);
|
|
|
|
function moveToNewGroup() {
|
|
moveToNewGroupName.value = "";
|
|
showMoveToNewGroupDialog.value = true;
|
|
}
|
|
|
|
function confirmMoveToNewGroup() {
|
|
const name = moveToNewGroupName.value.trim();
|
|
const node = sidebarFormTarget.value ?? props.node;
|
|
if (name && node.connectionId) {
|
|
const groupId = connectionStore.createConnectionGroup(name);
|
|
connectionStore.moveConnectionToGroup(node.connectionId, groupId);
|
|
}
|
|
showMoveToNewGroupDialog.value = false;
|
|
}
|
|
|
|
let treeItemDialogController: Record<string, any> | null = null;
|
|
|
|
function getTreeItemDialogController(): Record<string, any> {
|
|
if (treeItemDialogController) return treeItemDialogController;
|
|
treeItemDialogController = reactive<Record<string, any>>({
|
|
node: createSidebarActionTarget(props.node),
|
|
t,
|
|
highlight,
|
|
showDeleteConfirm,
|
|
connectionDeleteConfirmMessage,
|
|
confirmDelete,
|
|
connectionDeleteMenuLabel,
|
|
showMoveToNewGroupDialog,
|
|
moveToNewGroupName,
|
|
confirmMoveToNewGroup,
|
|
showDeleteGroupConfirm,
|
|
confirmDeleteGroup,
|
|
showRenameObjectDialog,
|
|
renameObjectName,
|
|
renameObjectPreviewSql,
|
|
renameObjectError,
|
|
confirmRenameObject,
|
|
showStructurePreviewDialog,
|
|
structurePreviewTitle,
|
|
isLoadingStructurePreview,
|
|
structurePreviewError,
|
|
structurePreviewSql,
|
|
copyStructurePreview,
|
|
saveStructurePreview,
|
|
showStructureDocCopyDialog,
|
|
structureDocCopyTitle,
|
|
structureDocCopyText,
|
|
selectTextareaContent,
|
|
copyStructureDocText,
|
|
showDuplicateDialog,
|
|
duplicateTableName,
|
|
confirmDuplicateStructure,
|
|
showPasteDialog,
|
|
pasteTableEntries,
|
|
pasteTableMode,
|
|
pasteTableDataCopySupported: pasteTableDataCopySupported.value,
|
|
confirmPasteTable,
|
|
showCreateDatabaseDialog,
|
|
createDatabaseName,
|
|
canSetCreateDatabaseCharset: canSetCreateDatabaseCharset.value,
|
|
createDatabaseCharset,
|
|
createDatabaseCharsetOptions,
|
|
createDatabaseCharsetLoading,
|
|
normalizeCreateDatabaseCharset,
|
|
createDatabaseCollation,
|
|
createDatabaseUsers,
|
|
createDatabaseSelectedUsers,
|
|
createDatabaseUsersLoading,
|
|
createDatabaseUserKey,
|
|
createDatabaseUserLabel,
|
|
createDatabaseUserSelected,
|
|
toggleCreateDatabaseUser,
|
|
showCreateDatabasePreviewDialog,
|
|
createDatabasePreviewSql,
|
|
createDatabaseAuthorizationResults,
|
|
createDatabaseAuthorizationApplying,
|
|
applyCreateDatabaseAuthorizationPlan,
|
|
createDatabaseAuthorizationStepLabel,
|
|
createDatabaseCollationOptionsForCharset,
|
|
createDatabaseCollationsByCharset,
|
|
confirmCreateDatabase,
|
|
showEditDatabasePropertiesDialog,
|
|
updateCreateDatabaseCharset,
|
|
canEditDatabaseCharsetCollation: canEditDatabaseCharsetCollation.value,
|
|
updateEditDatabaseCharset,
|
|
editDatabasePropertiesLoading,
|
|
editDatabaseCharset,
|
|
editDatabaseCollation,
|
|
canEditDatabaseComment: canEditDatabaseComment.value,
|
|
editDatabaseCommentText,
|
|
editDatabasePropertiesPreviewSql,
|
|
confirmEditDatabaseProperties,
|
|
showCreateNacosNamespaceDialog,
|
|
createNacosNamespaceId,
|
|
createNacosNamespaceName,
|
|
createNacosNamespaceDesc,
|
|
createNacosNamespaceLoading,
|
|
confirmCreateNacosNamespace,
|
|
showEditNacosNamespaceDialog,
|
|
editNacosNamespaceName,
|
|
editNacosNamespaceDesc,
|
|
editNacosNamespaceLoading,
|
|
confirmEditNacosNamespace,
|
|
showCreateSchemaDialog,
|
|
createSchemaName,
|
|
confirmCreateSchema,
|
|
showEditSchemaCommentDialog,
|
|
schemaCommentText,
|
|
schemaCommentLoading,
|
|
schemaCommentPreviewSql,
|
|
confirmEditSchemaComment,
|
|
});
|
|
return treeItemDialogController;
|
|
}
|
|
|
|
const availableGroups = computed(() => connectionStore.sidebarLayout.groups);
|
|
|
|
const currentGroupId = computed(() => {
|
|
if (props.node.type !== "connection" || !props.node.connectionId) return null;
|
|
const find = (entries: typeof connectionStore.sidebarLayout.order): string | null => {
|
|
for (const entry of entries) {
|
|
if (entry.type !== "group") continue;
|
|
if ((entry.children ?? entry.connectionIds?.map((id) => ({ type: "connection" as const, id })) ?? []).some((child) => child.type === "connection" && child.id === props.node.connectionId)) {
|
|
return entry.id;
|
|
}
|
|
const found = find(entry.children ?? []);
|
|
if (found) return found;
|
|
}
|
|
return null;
|
|
};
|
|
return find(connectionStore.sidebarLayout.order);
|
|
});
|
|
|
|
// --- Drag and Drop ---
|
|
import { useDragSort } from "@/composables/useDragSort";
|
|
|
|
const {
|
|
state: dragState,
|
|
startDrag,
|
|
updateTarget,
|
|
clearTarget,
|
|
} = useDragSort((draggedId, targetId, position) => {
|
|
// If the grabbed row is part of a multi-selection, move all selected rows
|
|
// together; otherwise just the grabbed one (issue #681).
|
|
const selected = connectionStore.selectedTreeNodeIds;
|
|
const draggedIds = selected.length > 1 && selected.includes(draggedId) ? [...selected] : [draggedId];
|
|
connectionStore.reorderSidebarEntries(draggedIds, targetId, position);
|
|
});
|
|
|
|
const isDraggable = computed(() => {
|
|
if (props.dragDisabled) return false;
|
|
return props.node.type === "connection" || props.node.type === "connection-group";
|
|
});
|
|
|
|
const isDropTarget = computed(() => props.node.type === "connection" || props.node.type === "connection-group");
|
|
|
|
const showDropBefore = computed(() => dragState.active && dragState.targetId === props.node.id && dragState.dropPosition === "before");
|
|
const showDropAfter = computed(() => dragState.active && dragState.targetId === props.node.id && dragState.dropPosition === "after");
|
|
const showDropInside = computed(() => dragState.active && dragState.targetId === props.node.id && dragState.dropPosition === "inside");
|
|
const isDragging = computed(() => dragState.active && dragState.draggedId === props.node.id);
|
|
const TABLE_REFERENCE_DRAG_THRESHOLD = 5;
|
|
const TABLE_REFERENCE_DRAGGING_CLASS = "dbx-table-reference-dragging";
|
|
const canDragTableReference = computed(() => {
|
|
if (props.dragDisabled || !props.node.connectionId) return false;
|
|
if (props.node.type === "database") return typeof props.node.database === "string" && props.node.database.trim().length > 0;
|
|
if (props.node.database == null) return false;
|
|
if (props.node.type === "table" || props.node.type === "view" || props.node.type === "materialized_view") return true;
|
|
return props.node.type === "column" && !!props.node.tableName;
|
|
});
|
|
|
|
let pendingTableReferenceDrag: {
|
|
payload: QueryEditorTableReferencePayload;
|
|
startX: number;
|
|
startY: number;
|
|
} | null = null;
|
|
let draggingTableReferencePayload: QueryEditorTableReferencePayload | null = null;
|
|
let suppressNextTableReferenceClick = false;
|
|
|
|
function tableReferenceDragPayload(): QueryEditorTableReferencePayload | null {
|
|
if (!canDragTableReference.value) return null;
|
|
if (props.node.type === "database") {
|
|
return createTableReferencePayload({
|
|
connectionId: props.node.connectionId,
|
|
database: props.node.database,
|
|
referenceType: "database",
|
|
databaseType: currentDatabaseType(),
|
|
});
|
|
}
|
|
if (props.node.type === "column") {
|
|
const columnName = columnNameForDrag(props.node);
|
|
if (!props.node.tableName || !columnName) return null;
|
|
return createTableReferencePayload({
|
|
connectionId: props.node.connectionId,
|
|
database: props.node.database,
|
|
schema: props.node.schema,
|
|
tableName: props.node.tableName,
|
|
columnName,
|
|
databaseType: currentDatabaseType(),
|
|
});
|
|
}
|
|
const payload = createTableReferencePayload({
|
|
connectionId: props.node.connectionId,
|
|
database: props.node.database,
|
|
schema: props.node.schema,
|
|
tableName: props.node.label,
|
|
databaseType: currentDatabaseType(),
|
|
});
|
|
return payload;
|
|
}
|
|
|
|
function columnNameForDrag(node: TreeNode): string {
|
|
const column = node.meta as Partial<ColumnInfo> | undefined;
|
|
if (typeof column?.name === "string" && column.name) return column.name;
|
|
return node.label.replace(/\s+\([^()]*\)$/, "");
|
|
}
|
|
|
|
function startTableReferenceDrag(payload: QueryEditorTableReferencePayload) {
|
|
draggingTableReferencePayload = payload;
|
|
setActiveTableReferencePayload(payload);
|
|
document.getSelection()?.removeAllRanges();
|
|
document.body.style.cursor = "copy";
|
|
}
|
|
|
|
function finishTableReferenceDrag() {
|
|
clearActiveTableReferencePayload(draggingTableReferencePayload);
|
|
pendingTableReferenceDrag = null;
|
|
draggingTableReferencePayload = null;
|
|
document.body.classList.remove(TABLE_REFERENCE_DRAGGING_CLASS);
|
|
document.body.style.cursor = "";
|
|
document.removeEventListener("mousemove", onTableReferenceMouseMove, true);
|
|
document.removeEventListener("mouseup", onTableReferenceMouseUp, true);
|
|
}
|
|
|
|
function onTableReferenceMouseMove(event: MouseEvent) {
|
|
if (!pendingTableReferenceDrag && !draggingTableReferencePayload) return;
|
|
if (pendingTableReferenceDrag && !draggingTableReferencePayload) {
|
|
const dx = event.clientX - pendingTableReferenceDrag.startX;
|
|
const dy = event.clientY - pendingTableReferenceDrag.startY;
|
|
if (Math.abs(dx) < TABLE_REFERENCE_DRAG_THRESHOLD && Math.abs(dy) < TABLE_REFERENCE_DRAG_THRESHOLD) return;
|
|
startTableReferenceDrag(pendingTableReferenceDrag.payload);
|
|
}
|
|
if (draggingTableReferencePayload) {
|
|
event.preventDefault();
|
|
document.getSelection()?.removeAllRanges();
|
|
}
|
|
}
|
|
|
|
function onTableReferenceMouseUp(event: MouseEvent) {
|
|
const payload = draggingTableReferencePayload;
|
|
if (payload) {
|
|
suppressNextTableReferenceClick = true;
|
|
const target = document.elementFromPoint(event.clientX, event.clientY);
|
|
if (target instanceof Element && target.closest("[data-query-editor-root]")) {
|
|
window.dispatchEvent(
|
|
createTableReferenceDropEvent({
|
|
payload,
|
|
clientX: event.clientX,
|
|
clientY: event.clientY,
|
|
}),
|
|
);
|
|
}
|
|
}
|
|
finishTableReferenceDrag();
|
|
}
|
|
|
|
function startTableReferenceMouseDrag(event: MouseEvent) {
|
|
if (event.button !== 0) return;
|
|
const payload = tableReferenceDragPayload();
|
|
if (!payload) return;
|
|
event.preventDefault();
|
|
document.getSelection()?.removeAllRanges();
|
|
document.body.classList.add(TABLE_REFERENCE_DRAGGING_CLASS);
|
|
pendingTableReferenceDrag = { payload, startX: event.clientX, startY: event.clientY };
|
|
document.addEventListener("mousemove", onTableReferenceMouseMove, true);
|
|
document.addEventListener("mouseup", onTableReferenceMouseUp, true);
|
|
}
|
|
|
|
function onRowMouseDown(event: MouseEvent) {
|
|
if (isDraggable.value) {
|
|
startDrag(event, props.node.id, props.node.type);
|
|
} else if (canDragTableReference.value) {
|
|
startTableReferenceMouseDrag(event);
|
|
}
|
|
}
|
|
|
|
// RecycleScroller reuses mounted TreeItem instances for different nodes, so the
|
|
// handler must follow the reactive node id rather than component mount lifetime.
|
|
const stopPasteHandlerRegistration = watch(
|
|
() => props.node.id,
|
|
(nodeId, _previousNodeId, onCleanup) => {
|
|
const unregister = sidebarTreeContext?.registerPasteHandler?.(nodeId, requestPasteTreeClipboard);
|
|
if (unregister) onCleanup(unregister);
|
|
},
|
|
{ immediate: true },
|
|
);
|
|
|
|
onBeforeUnmount(() => {
|
|
handleMouseLeave();
|
|
stopPasteHandlerRegistration();
|
|
finishTableReferenceDrag();
|
|
stopDangerDialogRouting?.();
|
|
});
|
|
|
|
const shortcutCopyName = computed(() => settingsStore.editorSettings.shortcuts.copySidebarSelection);
|
|
const shortcutOpenDataInNewTab = computed(() => settingsStore.editorSettings.shortcuts.openDataInNewTab);
|
|
const shortcutEditConnection = computed(() => settingsStore.editorSettings.shortcuts.editSidebarConnection);
|
|
const shortcutRename = "F2";
|
|
const shortcutRefresh = "F5";
|
|
const shortcutDelete = "Delete";
|
|
|
|
function exportDataSubmenu(): ContextMenuItem {
|
|
return {
|
|
label: t("contextMenu.exportData"),
|
|
icon: Upload,
|
|
children: [
|
|
{ label: "CSV", action: () => exportData("csv") },
|
|
{ label: "JSON", action: () => exportData("json") },
|
|
{ label: "SQL INSERT", action: () => exportData("sql") },
|
|
{ label: "XLSX", action: () => exportDataXlsx() },
|
|
],
|
|
};
|
|
}
|
|
|
|
function copyStructureAsSubmenu(): ContextMenuItem {
|
|
return {
|
|
label: t("contextMenu.copyStructureAs"),
|
|
icon: Clipboard,
|
|
children: [
|
|
{ label: t("contextMenu.copyStructureAsTsv"), action: () => copyStructureAs("tsv") },
|
|
{ label: t("contextMenu.copyStructureAsMarkdown"), action: () => copyStructureAs("markdown") },
|
|
],
|
|
};
|
|
}
|
|
|
|
function moreActionsSubmenu(children: ContextMenuItem[]): ContextMenuItem {
|
|
return {
|
|
label: t("common.more"),
|
|
icon: ListTree,
|
|
children,
|
|
};
|
|
}
|
|
|
|
function savedSqlHistoryScopeForNode(node: TreeNode): SavedSqlHistoryScope | null {
|
|
if (!node.connectionId) return null;
|
|
if (node.type === "connection") {
|
|
return { connectionId: node.connectionId };
|
|
}
|
|
if ((node.type === "database" || node.type === "schema") && hasTreeNodeDatabaseContext(node)) {
|
|
return {
|
|
connectionId: node.connectionId,
|
|
database: node.database,
|
|
schema: node.type === "schema" ? node.schema : undefined,
|
|
};
|
|
}
|
|
if ((node.type === "table" || node.type === "view") && hasTreeNodeDatabaseContext(node)) {
|
|
return {
|
|
connectionId: node.connectionId,
|
|
database: node.database,
|
|
schema: node.schema,
|
|
tableName: node.label,
|
|
};
|
|
}
|
|
return null;
|
|
}
|
|
|
|
async function openSavedSqlHistoryFile(fileId: string) {
|
|
const file = await savedSqlStore.ensureFileContent(fileId);
|
|
if (!file) return;
|
|
queryStore.openSavedSql(file);
|
|
connectionStore.activeConnectionId = file.connectionId;
|
|
void savedSqlStore.recordFileUsage(file.id);
|
|
}
|
|
|
|
function savedSqlHistorySubmenu(): ContextMenuItem | null {
|
|
const scope = savedSqlHistoryScopeForNode(props.node);
|
|
if (!scope) return null;
|
|
const files = rankSavedSqlHistory(savedSqlStore.allFiles, { ...scope, limit: 10 });
|
|
return {
|
|
label: t("contextMenu.sqlHistory"),
|
|
icon: ScrollText,
|
|
children:
|
|
files.length > 0
|
|
? files.map((file) => ({
|
|
label: file.name,
|
|
action: () => openSavedSqlHistoryFile(file.id),
|
|
icon: FileCode,
|
|
}))
|
|
: [
|
|
{
|
|
label: t("contextMenu.noSqlHistory"),
|
|
disabled: true,
|
|
},
|
|
],
|
|
};
|
|
}
|
|
|
|
function treeItemMenuItems(): ContextMenuItem[] {
|
|
const node = props.node;
|
|
const items: ContextMenuItem[] = [];
|
|
const batchDropCount = selectedBatchDropTargets().length;
|
|
const batchEmptyCount = selectedBatchEmptyTargets().length;
|
|
const batchTruncateCount = selectedBatchTruncateTargets().length;
|
|
const deleteMenuLabel = (singleLabel: string) => (batchDropCount > 1 ? batchDropMenuLabel() : singleLabel);
|
|
const deleteMenuAction = (singleAction: () => void) => (batchDropCount > 1 ? requestBatchDrop : singleAction);
|
|
const truncateMenuLabel = (singleLabel: string) => (batchTruncateCount > 1 ? batchTruncateMenuLabel() : singleLabel);
|
|
const truncateMenuAction = (singleAction: () => void) => (batchTruncateCount > 1 ? requestBatchTruncate : singleAction);
|
|
const emptyMenuLabel = (singleLabel: string) => (batchEmptyCount > 1 ? batchEmptyMenuLabel() : singleLabel);
|
|
const emptyMenuAction = (singleAction: () => void) => (batchEmptyCount > 1 ? requestBatchEmpty : singleAction);
|
|
|
|
// 1. Pin toggle
|
|
if (canPin.value) {
|
|
items.push({
|
|
label: isPinned.value ? t("contextMenu.unpin") : t("contextMenu.pin"),
|
|
action: togglePin,
|
|
icon: Pin,
|
|
});
|
|
if (hasTypeMenu.value) items.push({ label: "", separator: true });
|
|
}
|
|
|
|
// 2. Connection
|
|
if (node.type === "connection") {
|
|
if (isConnecting.value) {
|
|
items.push({ label: t("connection.cancelConnecting"), action: cancelConnectionAttempt, icon: X });
|
|
} else if (!isConnected.value) {
|
|
items.push({ label: t("contextMenu.openConnection"), action: toggle, icon: Plug });
|
|
} else {
|
|
items.push({ label: t("contextMenu.closeConnection"), action: disconnectConnection, icon: Unplug });
|
|
}
|
|
items.push({ label: t("contextMenu.newQuery"), action: newQuery, icon: TerminalSquare });
|
|
if (currentDatabaseType() === "redis") {
|
|
items.push({ label: t("contextMenu.instanceInfo"), action: openRedisInstanceInfo, icon: Info });
|
|
}
|
|
const sqlHistoryMenu = savedSqlHistorySubmenu();
|
|
if (sqlHistoryMenu) items.push(sqlHistoryMenu);
|
|
if (node.connectionId && connectionSupportsDatabaseUserAdmin(connectionStore.getConfig(node.connectionId))) {
|
|
items.push({ label: t("contextMenu.userAdmin"), action: openUserAdmin, icon: UsersRound });
|
|
}
|
|
if (node.connectionId && connectionSupportsProcessList(connectionStore.getConfig(node.connectionId))) {
|
|
items.push({ label: t("contextMenu.processList"), action: openProcessList, icon: Activity });
|
|
}
|
|
if (node.connectionId && (connectionSupportsServerDashboard(connectionStore.getConfig(node.connectionId)) || connectionSupportsPgServerDashboard(connectionStore.getConfig(node.connectionId)))) {
|
|
items.push({ label: t("contextMenu.serverDashboard"), action: openServerDashboard, icon: Gauge });
|
|
}
|
|
if (currentDatabaseType() === "dameng") {
|
|
items.push({ label: t("contextMenu.damengJobAdmin"), action: openDamengJobAdmin, icon: CalendarClock });
|
|
}
|
|
if (canCopyFinalProxyPort.value) {
|
|
items.push({ label: t("contextMenu.copyFinalProxyPort"), action: copyFinalProxyPort, icon: Network });
|
|
}
|
|
if (canOpenSqlFileExecution.value) {
|
|
items.push({ label: t("sqlFile.title"), action: openSqlFileExecution, icon: FileCode });
|
|
}
|
|
if (canExportAllDatabases.value) {
|
|
items.push({ label: t("contextMenu.exportAllDatabases"), action: openAllDatabasesExport, icon: Upload });
|
|
}
|
|
if (canCreateDatabase.value) {
|
|
items.push({
|
|
label: connectionNamespaceCreationLabel(),
|
|
action: openConnectionNamespaceCreation,
|
|
icon: Plus,
|
|
});
|
|
}
|
|
if (canCreateNacosNamespace.value) {
|
|
items.push({
|
|
label: t("nacos.createNamespace"),
|
|
action: openCreateNacosNamespaceDialog,
|
|
icon: FolderPlus,
|
|
});
|
|
}
|
|
items.push({ label: "", separator: true });
|
|
if (availableGroups.value.length > 0 || currentGroupId.value) {
|
|
const groupChildren: ContextMenuItem[] = availableGroups.value.map((group: { id: string; name: string }) => ({
|
|
label: group.name,
|
|
action: () => moveToGroup(group.id),
|
|
icon: FolderOpen,
|
|
disabled: group.id === currentGroupId.value,
|
|
}));
|
|
if (currentGroupId.value) {
|
|
groupChildren.push({ label: "", separator: true });
|
|
groupChildren.push({ label: t("connectionGroup.ungrouped"), action: () => moveToGroup(null) });
|
|
}
|
|
groupChildren.push({ label: "", separator: true });
|
|
groupChildren.push({ label: t("connectionGroup.newGroup"), action: moveToNewGroup, icon: FolderPlus });
|
|
items.push({ label: t("connectionGroup.moveToGroup"), icon: FolderInput, children: groupChildren });
|
|
} else {
|
|
items.push({ label: t("connectionGroup.moveToNewGroup"), action: moveToNewGroup, icon: FolderPlus });
|
|
}
|
|
items.push({
|
|
label: t("contextMenu.refreshChildren"),
|
|
action: refresh,
|
|
icon: RefreshCw,
|
|
shortcut: shortcutRefresh,
|
|
});
|
|
if (canConfigureVisibleDatabases.value) {
|
|
items.push({
|
|
label: t("contextMenu.configureVisibleObjects"),
|
|
action: openVisibleDatabasesDialog,
|
|
icon: ListFilter,
|
|
});
|
|
} else if (canConfigureVisibleSchemas.value) {
|
|
items.push({
|
|
label: t("visibleSchemas.title"),
|
|
action: openVisibleSchemasDialog,
|
|
icon: ListFilter,
|
|
});
|
|
}
|
|
if (canConfigureVisibleSchemas.value) {
|
|
items.push({
|
|
label: t("visibleSchemas.title"),
|
|
action: openVisibleSchemasDialog,
|
|
icon: ListFilter,
|
|
});
|
|
}
|
|
items.push({ label: t("contextMenu.editConnection"), action: editConnection, icon: Pencil, shortcut: shortcutEditConnection.value });
|
|
if (revealConnectionFilePath.value) {
|
|
items.push({
|
|
label: t("contextMenu.revealDatabaseFile"),
|
|
action: revealDatabaseFile,
|
|
icon: FolderOpen,
|
|
});
|
|
}
|
|
if (canBackupSqliteDatabase.value) {
|
|
items.push({
|
|
label: t("contextMenu.backupSqliteDatabase"),
|
|
action: backupSqliteDatabase,
|
|
icon: HardDriveDownload,
|
|
});
|
|
}
|
|
items.push({ label: connectionDuplicateMenuLabel(), action: duplicateConnection, icon: CopyPlus });
|
|
items.push({ label: "", separator: true });
|
|
items.push({
|
|
label: connectionDeleteMenuLabel(),
|
|
action: deleteConnection,
|
|
icon: Trash2,
|
|
shortcut: shortcutDelete,
|
|
variant: "destructive" as const,
|
|
});
|
|
return items;
|
|
}
|
|
|
|
// 3. Connection Group
|
|
if (node.type === "connection-group") {
|
|
items.push({ label: t("contextMenu.copyName"), action: copyName, icon: Copy, shortcut: shortcutCopyName.value });
|
|
items.push({ label: "", separator: true });
|
|
items.push({ label: t("toolbar.newConnection"), action: newConnectionInGroup, icon: Plus });
|
|
items.push({ label: t("connectionGroup.newGroup"), action: newSubgroup, icon: FolderPlus });
|
|
items.push({ label: "", separator: true });
|
|
items.push({
|
|
label: t("connectionGroup.renameGroup"),
|
|
action: startRenameGroup,
|
|
icon: Pencil,
|
|
shortcut: shortcutRename,
|
|
});
|
|
items.push({ label: "", separator: true });
|
|
items.push({
|
|
label: t("connectionGroup.deleteGroup"),
|
|
action: deleteConnectionGroup,
|
|
icon: Trash2,
|
|
shortcut: shortcutDelete,
|
|
variant: "destructive" as const,
|
|
});
|
|
return items;
|
|
}
|
|
|
|
// 4. Database / Schema
|
|
if (node.type === "database" || node.type === "schema") {
|
|
if (canCloseDatabaseConnection.value) {
|
|
items.push({ label: t("contextMenu.closeDatabaseConnection"), action: closeDatabaseConnection, icon: Unplug });
|
|
items.push({ label: "", separator: true });
|
|
}
|
|
items.push({ label: t("contextMenu.copyName"), action: copyName, icon: Copy, shortcut: shortcutCopyName.value });
|
|
items.push({ label: "", separator: true });
|
|
if (canOpenObjectBrowser.value) {
|
|
items.push({ label: t("contextMenu.openObjectBrowser"), action: openObjectBrowser, icon: TableProperties });
|
|
}
|
|
items.push({ label: t("contextMenu.newQuery"), action: newQuery, icon: TerminalSquare });
|
|
const sqlHistoryMenu = savedSqlHistorySubmenu();
|
|
if (sqlHistoryMenu) items.push(sqlHistoryMenu);
|
|
if (node.type === "database" && currentDatabaseType() !== "cloudflare-d1") {
|
|
if (!isNodeDefaultDatabase.value) {
|
|
items.push({ label: t("contextMenu.setDefaultDatabase"), action: setNodeAsDefaultDatabase, icon: Database });
|
|
} else {
|
|
items.push({ label: t("contextMenu.clearDefaultDatabase"), action: clearNodeDefaultDatabase, icon: Database });
|
|
}
|
|
}
|
|
if (canEditDatabaseProperties.value) {
|
|
items.push({ label: t("contextMenu.editDatabaseProperties"), action: openEditDatabasePropertiesDialog, icon: SquarePen });
|
|
}
|
|
if (canCreateTable.value) {
|
|
items.push({ label: t("contextMenu.createTable"), action: createTable, icon: Plus });
|
|
}
|
|
if (canOpenTableImport.value) {
|
|
items.push({ label: t("contextMenu.importData"), action: openTableImport, icon: Download });
|
|
}
|
|
if (canCreateSchema.value) {
|
|
items.push({ label: t("contextMenu.createSchema"), action: openCreateSchemaDialog, icon: Plus });
|
|
}
|
|
if (canEditSchemaComment.value) {
|
|
items.push({ label: t("contextMenu.editSchemaComment"), action: openEditSchemaCommentDialog, icon: SquarePen });
|
|
}
|
|
if (canOpenSqlFileExecution.value) {
|
|
items.push({ label: t("sqlFile.title"), action: openSqlFileExecution, icon: FileCode });
|
|
}
|
|
if (canOpenDiagram.value) {
|
|
items.push({ label: t("diagram.open"), action: openDiagram, icon: Network });
|
|
}
|
|
if (canOpenDatabaseSearch.value) {
|
|
items.push({ label: t("databaseSearch.open"), action: openDatabaseSearch, icon: Search });
|
|
}
|
|
items.push({
|
|
label: t("contextMenu.refreshChildren"),
|
|
action: refresh,
|
|
icon: RefreshCw,
|
|
shortcut: shortcutRefresh,
|
|
});
|
|
if (canConfigureVisibleSchemas.value) {
|
|
items.push({
|
|
label: t("visibleSchemas.title"),
|
|
action: openVisibleSchemasDialog,
|
|
icon: ListFilter,
|
|
});
|
|
}
|
|
items.push({ label: "", separator: true });
|
|
items.push({ label: t("transfer.dataTransfer"), action: openTransfer, icon: ArrowRightLeft });
|
|
items.push({ label: t("diff.title"), action: openSchemaDiff, icon: ArrowRightLeft });
|
|
items.push({ label: t("dataCompare.title"), action: openDataCompare, icon: ArrowRightLeft });
|
|
items.push({ label: t("contextMenu.exportDatabase"), action: openDatabaseExport, icon: Upload });
|
|
const destructiveActions: ContextMenuItem[] = [];
|
|
if (canDropDatabase.value) {
|
|
destructiveActions.push({
|
|
label: t("contextMenu.dropDatabase"),
|
|
action: dropDatabase,
|
|
icon: Trash2,
|
|
shortcut: shortcutDelete,
|
|
variant: "destructive" as const,
|
|
});
|
|
}
|
|
if (destructiveActions.length > 0) {
|
|
items.push({ label: "", separator: true });
|
|
items.push(moreActionsSubmenu(destructiveActions));
|
|
}
|
|
if (canDropSchema.value) {
|
|
items.push({ label: "", separator: true });
|
|
}
|
|
if (canDropSchema.value) {
|
|
items.push({
|
|
label: t("contextMenu.dropSchema"),
|
|
action: dropSchema,
|
|
icon: Trash2,
|
|
shortcut: shortcutDelete,
|
|
variant: "destructive" as const,
|
|
});
|
|
}
|
|
return items;
|
|
}
|
|
|
|
// 5. Redis DB / Mongo DB
|
|
if (node.type === "etcd-root" || node.type === "zookeeper-root") {
|
|
items.push({ label: t("contextMenu.openConnection"), action: toggle, icon: Database });
|
|
return items;
|
|
}
|
|
|
|
if (node.type === "user-admin") {
|
|
items.push({ label: t("contextMenu.openUserAdmin"), action: openUserAdmin, icon: UsersRound });
|
|
return items;
|
|
}
|
|
|
|
if (node.type === "dameng-job-admin") {
|
|
items.push({ label: t("contextMenu.openDamengJobAdmin"), action: openDamengJobAdmin, icon: CalendarClock });
|
|
return items;
|
|
}
|
|
|
|
if (node.type === "redis-db" || node.type === "mongo-db") {
|
|
items.push({ label: t("contextMenu.newQuery"), action: newQuery, icon: TerminalSquare });
|
|
if (!isNodeDefaultDatabase.value) {
|
|
items.push({ label: t("contextMenu.setDefaultDatabase"), action: setNodeAsDefaultDatabase, icon: Database });
|
|
} else {
|
|
items.push({ label: t("contextMenu.clearDefaultDatabase"), action: clearNodeDefaultDatabase, icon: Database });
|
|
}
|
|
if (node.type === "mongo-db") {
|
|
items.push({ label: "", separator: true });
|
|
items.push({ label: t("transfer.dataTransfer"), action: openTransfer, icon: ArrowRightLeft });
|
|
}
|
|
if (node.type === "redis-db") {
|
|
items.push({ label: "", separator: true });
|
|
items.push({ label: t("redis.flushDb"), action: flushRedisDb, icon: Eraser, variant: "destructive" as const });
|
|
}
|
|
if (canDropMongoDatabase.value) {
|
|
items.push({ label: "", separator: true });
|
|
items.push(
|
|
moreActionsSubmenu([
|
|
{
|
|
label: t("contextMenu.dropDatabase"),
|
|
action: dropDatabase,
|
|
icon: Trash2,
|
|
shortcut: shortcutDelete,
|
|
variant: "destructive" as const,
|
|
},
|
|
]),
|
|
);
|
|
}
|
|
return items;
|
|
}
|
|
|
|
if (node.type === "nacos-namespace") {
|
|
items.push({ label: t("contextMenu.openConnection"), action: toggle, icon: FolderOpen });
|
|
if (canEditNacosNamespace.value) {
|
|
items.push({ label: t("nacos.editNamespace"), action: openEditNacosNamespaceDialog, icon: Pencil });
|
|
}
|
|
items.push({
|
|
label: t("contextMenu.refreshChildren"),
|
|
action: refresh,
|
|
icon: RefreshCw,
|
|
shortcut: shortcutRefresh,
|
|
});
|
|
items.push({ label: "", separator: true });
|
|
items.push({ label: t("contextMenu.copyName"), action: copyName, icon: Copy, shortcut: shortcutCopyName.value });
|
|
return items;
|
|
}
|
|
|
|
if (node.type === "mongo-collection") {
|
|
items.push({ label: t("contextMenu.copyName"), action: copyName, icon: Copy, shortcut: shortcutCopyName.value });
|
|
items.push({ label: "", separator: true });
|
|
items.push({ label: t("contextMenu.viewData"), action: toggle, icon: TableProperties });
|
|
items.push({ label: t("contextMenu.newQuery"), action: newQuery, icon: TerminalSquare });
|
|
if (canDropAllMongoIndexes.value || canDropMongoCollection.value) {
|
|
items.push({ label: "", separator: true });
|
|
if (canDropAllMongoIndexes.value) {
|
|
items.push({ label: t("contextMenu.dropAllIndexes"), action: dropAllMongoIndexes, icon: Trash2, variant: "destructive" as const });
|
|
}
|
|
if (canDropMongoCollection.value) {
|
|
items.push({ label: t("contextMenu.dropCollection"), action: dropMongoCollection, icon: Trash2, shortcut: shortcutDelete, variant: "destructive" as const });
|
|
}
|
|
}
|
|
return items;
|
|
}
|
|
|
|
if (node.type === "elasticsearch-index" || node.type === "vector-collection") {
|
|
items.push({ label: t("contextMenu.copyName"), action: copyName, icon: Copy, shortcut: shortcutCopyName.value });
|
|
items.push({ label: "", separator: true });
|
|
items.push({ label: t("contextMenu.viewData"), action: toggle, icon: TableProperties });
|
|
items.push({ label: t("contextMenu.newQuery"), action: newQuery, icon: TerminalSquare });
|
|
return items;
|
|
}
|
|
|
|
// 6. Table / View / Materialized View
|
|
if (node.type === "table" || node.type === "view" || node.type === "materialized_view") {
|
|
const destructiveActions: ContextMenuItem[] = [];
|
|
items.push({ label: t("contextMenu.copyName"), action: copyName, icon: Copy, shortcut: shortcutCopyName.value });
|
|
items.push({ label: "", separator: true });
|
|
items.push({ label: t("contextMenu.viewData"), action: openDataImmediately, icon: TableProperties });
|
|
items.push({
|
|
label: t("contextMenu.openInNewDataTab"),
|
|
action: openDataInNewTabImmediately,
|
|
icon: CopyPlus,
|
|
shortcut: shortcutOpenDataInNewTab.value,
|
|
});
|
|
if (node.type === "table") {
|
|
items.push({
|
|
label: t("contextMenu.viewDdl"),
|
|
action: () => emit("open-ddl", node),
|
|
icon: FileCode,
|
|
});
|
|
}
|
|
if (node.type === "view" || node.type === "materialized_view") {
|
|
items.push({ label: t("contextMenu.editView"), action: () => openObjectSourceDialog(true), icon: Pencil });
|
|
items.push({ label: t("contextMenu.viewSource"), action: () => openObjectSourceDialog(false), icon: Code2 });
|
|
items.push({
|
|
label: t("contextMenu.viewDdl"),
|
|
action: () => emit("open-ddl", node),
|
|
icon: FileCode,
|
|
});
|
|
}
|
|
if (canOpenStructureEditor.value) {
|
|
items.push({ label: t("contextMenu.editStructure"), action: openStructureEditor, icon: PencilRuler });
|
|
}
|
|
if (canRenameObject.value) {
|
|
items.push({
|
|
label: t("contextMenu.renameObject"),
|
|
action: openRenameObjectDialog,
|
|
icon: Pencil,
|
|
shortcut: shortcutRename,
|
|
});
|
|
}
|
|
if (node.type === "view" || node.type === "materialized_view") {
|
|
destructiveActions.push({
|
|
label: deleteMenuLabel(t("contextMenu.dropView")),
|
|
action: deleteMenuAction(requestDropObject),
|
|
icon: Trash2,
|
|
shortcut: shortcutDelete,
|
|
variant: "destructive" as const,
|
|
});
|
|
}
|
|
items.push({
|
|
label: t("contextMenu.generateSql"),
|
|
icon: FilePlus,
|
|
children: isTableNotView.value
|
|
? [
|
|
{ label: "SELECT", action: newSelectTemplate, icon: TerminalSquare },
|
|
{ label: "INSERT", action: newInsertTemplate, icon: FilePlus },
|
|
{ label: "UPDATE", action: newUpdateTemplate, icon: SquarePen },
|
|
{ label: "DELETE", action: newDeleteTemplate, icon: ListX },
|
|
{ label: "DDL", action: generateDdlTemplate, icon: FileCode },
|
|
]
|
|
: [
|
|
{ label: "SELECT", action: newSelectTemplate, icon: TerminalSquare },
|
|
{ label: "DDL", action: generateDdlTemplate, icon: FileCode },
|
|
],
|
|
});
|
|
const sqlHistoryMenu = savedSqlHistorySubmenu();
|
|
if (sqlHistoryMenu) items.push(sqlHistoryMenu);
|
|
if (canOpenDiagram.value) {
|
|
items.push({ label: t("diagram.open"), action: openDiagram, icon: Network });
|
|
}
|
|
if (canOpenTableImport.value) {
|
|
items.push({ label: t("contextMenu.importData"), action: openTableImport, icon: Download });
|
|
}
|
|
if (isTableNotView.value) {
|
|
items.push({ label: t("dataCompare.title"), action: openDataCompare, icon: ArrowRightLeft });
|
|
}
|
|
items.push({ label: "", separator: true });
|
|
items.push(exportDataSubmenu());
|
|
items.push({ label: t("contextMenu.exportDatabase"), action: openDatabaseExport, icon: Upload });
|
|
items.push({ label: t("contextMenu.exportStructure"), action: exportStructure, icon: FileCode });
|
|
items.push(copyStructureAsSubmenu());
|
|
if (isTableNotView.value) {
|
|
items.push({ label: "", separator: true });
|
|
items.push({ label: t("contextMenu.duplicateStructure"), action: duplicateStructure, icon: CopyPlus });
|
|
items.push({ label: t("contextMenu.copyTable"), action: copyTableToClipboard, icon: Copy });
|
|
if (supportsTruncate.value) {
|
|
destructiveActions.push({
|
|
label: truncateMenuLabel(t("contextMenu.truncateTable")),
|
|
action: truncateMenuAction(truncateTable),
|
|
icon: Scissors,
|
|
variant: "destructive" as const,
|
|
});
|
|
}
|
|
destructiveActions.push({
|
|
label: emptyMenuLabel(t("contextMenu.emptyTable")),
|
|
action: emptyMenuAction(emptyTable),
|
|
icon: Eraser,
|
|
variant: "destructive" as const,
|
|
});
|
|
destructiveActions.push({
|
|
label: deleteMenuLabel(t("contextMenu.dropTable")),
|
|
action: deleteMenuAction(dropTable),
|
|
icon: Trash2,
|
|
shortcut: shortcutDelete,
|
|
variant: "destructive" as const,
|
|
});
|
|
}
|
|
if (destructiveActions.length > 0) {
|
|
items.push({ label: "", separator: true });
|
|
items.push(moreActionsSubmenu(destructiveActions));
|
|
}
|
|
items.push({ label: "", separator: true });
|
|
items.push({
|
|
label: t("contextMenu.refreshChildren"),
|
|
action: refresh,
|
|
icon: RefreshCw,
|
|
shortcut: shortcutRefresh,
|
|
});
|
|
return items;
|
|
}
|
|
|
|
// 7. Column
|
|
if (node.type === "column") {
|
|
items.push({ label: t("contextMenu.copyName"), action: copyName, icon: Copy, shortcut: shortcutCopyName.value });
|
|
const columnActions: ContextMenuItem[] = [];
|
|
if (canOpenStructureEditor.value) {
|
|
columnActions.push({ label: t("contextMenu.editColumn"), action: openStructureEditor, icon: PencilRuler });
|
|
}
|
|
if (canOpenFieldLineage.value) {
|
|
columnActions.push({ label: t("lineage.open"), action: openFieldLineage, icon: Network });
|
|
}
|
|
if (columnActions.length > 0) {
|
|
items.push({ label: "", separator: true });
|
|
items.push(...columnActions);
|
|
}
|
|
if (canDropTableChildObject.value) {
|
|
items.push({ label: "", separator: true });
|
|
items.push({
|
|
label: deleteMenuLabel(dropTableChildObjectMenuLabel()),
|
|
action: deleteMenuAction(requestDropTableChildObject),
|
|
icon: Trash2,
|
|
shortcut: shortcutDelete,
|
|
variant: "destructive" as const,
|
|
});
|
|
}
|
|
return items;
|
|
}
|
|
|
|
if (node.type === "index" || node.type === "fkey" || node.type === "trigger") {
|
|
items.push({ label: t("contextMenu.copyName"), action: copyName, icon: Copy, shortcut: shortcutCopyName.value });
|
|
if (node.type === "index" && canOpenStructureEditor.value) {
|
|
items.push({ label: "", separator: true });
|
|
items.push({ label: t("contextMenu.editIndex"), action: openStructureEditor, icon: PencilRuler });
|
|
}
|
|
if (node.type === "index" && canDropMongoIndex.value) {
|
|
items.push({ label: "", separator: true });
|
|
items.push({
|
|
label: deleteMenuLabel(t("contextMenu.dropIndex")),
|
|
action: deleteMenuAction(dropMongoIndex),
|
|
icon: Trash2,
|
|
shortcut: shortcutDelete,
|
|
variant: "destructive" as const,
|
|
});
|
|
} else if (canDropTableChildObject.value) {
|
|
items.push({ label: "", separator: true });
|
|
items.push({
|
|
label: deleteMenuLabel(dropTableChildObjectMenuLabel()),
|
|
action: deleteMenuAction(requestDropTableChildObject),
|
|
icon: Trash2,
|
|
shortcut: shortcutDelete,
|
|
variant: "destructive" as const,
|
|
});
|
|
}
|
|
return items;
|
|
}
|
|
|
|
// 8. Procedure / Function / Package
|
|
if (node.type === "procedure" || node.type === "function") {
|
|
if (node.type === "procedure") {
|
|
items.push({ label: t("contextMenu.executeProcedure"), action: openProcedureExecution, icon: Play });
|
|
}
|
|
items.push({ label: t("contextMenu.viewSource"), action: () => openObjectSourceDialog(false), icon: Code2 });
|
|
if (canRenameObject.value) {
|
|
items.push({
|
|
label: t("contextMenu.renameObject"),
|
|
action: openRenameObjectDialog,
|
|
icon: Pencil,
|
|
shortcut: shortcutRename,
|
|
});
|
|
}
|
|
items.push({ label: "", separator: true });
|
|
items.push({
|
|
label: deleteMenuLabel(node.type === "procedure" ? t("contextMenu.dropProcedure") : t("contextMenu.dropFunction")),
|
|
action: deleteMenuAction(requestDropObject),
|
|
icon: Trash2,
|
|
shortcut: shortcutDelete,
|
|
variant: "destructive" as const,
|
|
});
|
|
return items;
|
|
}
|
|
|
|
if (node.type === "sequence") {
|
|
items.push({ label: t("contextMenu.viewSource"), action: () => openObjectSourceDialog(false), icon: Code2 });
|
|
items.push({ label: "", separator: true });
|
|
items.push({ label: t("contextMenu.copyName"), action: copyName, icon: Copy, shortcut: shortcutCopyName.value });
|
|
return items;
|
|
}
|
|
|
|
if (node.type === "package" || node.type === "package-body") {
|
|
items.push({ label: t("contextMenu.viewSource"), action: () => openObjectSourceDialog(false), icon: Code2 });
|
|
items.push({ label: "", separator: true });
|
|
items.push({ label: t("contextMenu.copyName"), action: copyName, icon: Copy, shortcut: shortcutCopyName.value });
|
|
return items;
|
|
}
|
|
|
|
// 8.5 Extension
|
|
if (node.type === "extension") {
|
|
items.push({ label: t("contextMenu.copyName"), action: copyName, icon: Copy, shortcut: shortcutCopyName.value });
|
|
return items;
|
|
}
|
|
|
|
// 9. Group Labels (group-columns, group-tables, etc.)
|
|
if (isGroupLabel(node)) {
|
|
const hasGroupCreateAction = (node.type === "group-tables" && canCreateTable.value) || (node.type === "group-views" && !!node.connectionId && !!node.database);
|
|
const canLoadAllObjectGroup = node.type === "group-tables" || node.type === "group-views" || node.type === "group-materialized-views";
|
|
if (node.type === "group-tables" && canCreateTable.value) {
|
|
items.push({ label: t("contextMenu.createTable"), action: createTable, icon: Plus });
|
|
if (canOpenTableImport.value) {
|
|
items.push({ label: t("contextMenu.importData"), action: openTableImport, icon: Upload });
|
|
}
|
|
if (canPasteTreeClipboardToCurrentNode()) {
|
|
items.push({ label: t("contextMenu.pasteTable"), action: openPasteTableDialog, icon: Clipboard });
|
|
}
|
|
}
|
|
if (node.type === "group-views" && node.connectionId && node.database) {
|
|
items.push({ label: t("contextMenu.createView"), action: createView, icon: Plus });
|
|
}
|
|
if (hasGroupCreateAction) {
|
|
items.push({ label: "", separator: true });
|
|
}
|
|
if (node.type === "group-extensions") {
|
|
items.push({
|
|
label: t("contextMenu.manageExtension"),
|
|
action: () => openInstallExtensionDialog(node),
|
|
icon: Plus,
|
|
});
|
|
items.push({ label: "", separator: true });
|
|
}
|
|
if (canLoadAllObjectGroup) {
|
|
items.push({
|
|
label: t("contextMenu.expandAll"),
|
|
action: loadAllObjectGroupChildren,
|
|
icon: ChevronsDown,
|
|
disabled: node.isLoading,
|
|
});
|
|
}
|
|
if (node.type !== "group-partitions") {
|
|
items.push({
|
|
label: t("contextMenu.refreshChildren"),
|
|
action: refresh,
|
|
icon: RefreshCw,
|
|
shortcut: shortcutRefresh,
|
|
});
|
|
}
|
|
return items;
|
|
}
|
|
|
|
// 10. Universal Copy Name (for all types except connection)
|
|
if (hasTypeMenu.value) {
|
|
items.push({ label: "", separator: true });
|
|
items.push({ label: t("contextMenu.copyName"), action: copyName, icon: Copy, shortcut: shortcutCopyName.value });
|
|
}
|
|
|
|
return items;
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<div v-if="node.type === 'table-search-control'" class="tree-table-search-control flex h-7 items-center py-0.5 pr-2" :style="tableSearchStyle" @click.stop @dblclick.stop @mousedown.stop @keydown.stop>
|
|
<div class="relative w-full min-w-0">
|
|
<Search class="pointer-events-none absolute left-2 top-1/2 h-3 w-3 -translate-y-1/2 text-muted-foreground" />
|
|
<Input
|
|
:model-value="tableSearchValue"
|
|
autocapitalize="off"
|
|
autocorrect="off"
|
|
spellcheck="false"
|
|
class="h-6 w-full rounded border pl-7 pr-6 text-xs shadow-none focus-visible:ring-1"
|
|
:style="{ backgroundColor: 'var(--tree-table-search-input-bg)', borderColor: 'var(--tree-table-search-border)' }"
|
|
:placeholder="t(node.label)"
|
|
:aria-label="t(node.label)"
|
|
:data-sidebar-table-search-parent-id="tableSearchParentId"
|
|
@update:model-value="updateTableSearchQuery"
|
|
/>
|
|
<button v-if="tableSearchValue" type="button" class="absolute right-1.5 top-1/2 flex h-4 w-4 -translate-y-1/2 items-center justify-center rounded text-muted-foreground hover:bg-muted hover:text-foreground" :aria-label="t('sidebar.clearTableSearch')" @click.stop="clearTableSearchQuery">
|
|
<X class="h-3 w-3" />
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div v-else @contextmenu="onTreeItemContextMenu">
|
|
<LightTooltip :text="displayLabel(node)" :disabled="isTooltipDisabled()" side="right" :side-offset="8" :delay="0" :close-delay="0" :surface="detailTooltip ? 'popover' : 'foreground'">
|
|
<div
|
|
ref="rowRef"
|
|
class="group flex items-center gap-1.5 py-1 px-2 cursor-pointer relative outline-none"
|
|
style="contain: layout style"
|
|
:class="[
|
|
rowWidthClass,
|
|
{
|
|
'group/sidebar-row': true,
|
|
'ring-1 ring-primary/50 bg-primary/5': showDropInside,
|
|
'opacity-50': isDragging,
|
|
'tree-item-connection-tint': connectionColor,
|
|
'hover:bg-accent': node.type !== 'connection',
|
|
'hover:bg-secondary/60': node.type === 'connection',
|
|
rounded: !isTreeRowSelected,
|
|
'tree-item-active': isTreeRowSelected,
|
|
'tree-item-active--selection-set': usesSelectionSetHighlight && isTreeRowSelected,
|
|
'tree-item-highlight': highlighted,
|
|
},
|
|
]"
|
|
:tabindex="isSelected || isMultiSelected ? 0 : -1"
|
|
:style="rowStyle"
|
|
@click="onClick"
|
|
@dblclick="onDoubleClick"
|
|
@keydown="onKeydown"
|
|
@mousedown="onRowMouseDown"
|
|
@mousemove="isDropTarget ? updateTarget($event, node.id, node.type) : undefined"
|
|
@mouseenter="handleMouseEnter"
|
|
@mouseleave="
|
|
clearTarget(node.id);
|
|
handleMouseLeave();
|
|
"
|
|
>
|
|
<div v-if="showDropBefore" class="absolute right-2 top-0 h-0.5 bg-primary rounded-full pointer-events-none" :style="{ left: paddingLeft }" />
|
|
<div v-if="showDropAfter" class="absolute right-2 bottom-0 h-0.5 bg-primary rounded-full pointer-events-none" :style="{ left: paddingLeft }" />
|
|
<template v-if="canExpand">
|
|
<button type="button" class="-m-0.5 flex h-4 w-4 shrink-0 items-center justify-center rounded-sm text-muted-foreground hover:bg-muted hover:text-foreground" @mousedown.stop="onToggleMouseDown" @click.stop="onToggleClick">
|
|
<Loader2 v-if="node.isLoading" class="w-3.5 h-3.5 animate-spin" />
|
|
<ChevronDown v-else-if="node.isExpanded" class="w-3.5 h-3.5" />
|
|
<ChevronRight v-else class="w-3.5 h-3.5" />
|
|
</button>
|
|
</template>
|
|
<span v-else class="w-3.5 h-3.5 shrink-0" />
|
|
<DatabaseIcon v-if="node.type === 'connection'" :db-type="connectionIconType(node.connectionId)" class="h-3.5 w-3.5 shrink-0" />
|
|
<Loader2 v-else-if="node.type === 'load-more' && node.isLoading" class="w-3.5 h-3.5 shrink-0 animate-spin text-primary" />
|
|
<component v-else :is="getIconInfo(node)?.icon || Database" class="w-3.5 h-3.5 shrink-0" :class="nodeIconClass" />
|
|
<input
|
|
v-if="isRenamingGroup"
|
|
ref="renameInputRef"
|
|
v-model="renameInput"
|
|
class="min-w-0 flex-1 truncate bg-transparent border border-primary/50 rounded px-1 outline-none"
|
|
@blur="finishRenameGroup"
|
|
@keydown.enter.prevent="finishRenameGroup"
|
|
@keydown.escape.prevent="isRenamingGroup = false"
|
|
@click.stop
|
|
/>
|
|
<span v-else ref="labelRef" :class="labelWidthClass">{{ visibleLabel(node) }}</span>
|
|
<ProductionContextBadge v-if="showProductionBadge" compact />
|
|
<span
|
|
v-if="
|
|
(node.type === 'group-tables' || node.type === 'group-views' || node.type === 'group-materialized-views' || node.type === 'group-procedures' || node.type === 'group-functions' || node.type === 'group-sequences' || node.type === 'group-packages' || node.type === 'group-partitions') &&
|
|
node.objectCount != null
|
|
"
|
|
class="text-muted-foreground text-[10px] shrink-0"
|
|
>{{ node.objectCount }}</span
|
|
>
|
|
<Badge v-if="isNodeDefaultDatabase" variant="secondary" class="h-4 px-1.5 text-[10px]">
|
|
{{ t("editor.defaultDatabase") }}
|
|
</Badge>
|
|
<span v-if="columnComment" class="sidebar-object-comment ml-auto max-w-[20%] shrink-0 truncate text-right" :class="{ 'sidebar-object-comment--windows': useWindowsSidebarCommentFont }">{{ columnComment }}</span>
|
|
<span v-if="tableComment" class="sidebar-object-comment ml-auto max-w-[20%] shrink-0 truncate text-right" :class="{ 'sidebar-object-comment--windows': useWindowsSidebarCommentFont }">{{ tableComment }}</span>
|
|
<span v-if="node.type === 'connection' && node.connectionId && connectionStore.connectedIds.has(node.connectionId)" class="w-1.5 h-1.5 rounded-full bg-green-500 shrink-0" />
|
|
<span v-if="showsDatabaseOpenIndicator" class="w-1.5 h-1.5 rounded-full bg-green-500 shrink-0" />
|
|
<Badge v-if="isConnectionReadonly" variant="secondary" class="h-4 px-1.5 text-[10px] gap-0.5"><Lock class="w-2.5 h-2.5" />{{ t("connection.readOnlyBadge") }}</Badge>
|
|
<ConnectionErrorIndicator v-if="node.type === 'connection'" :connection-id="node.connectionId" trigger-class="h-4 w-4" />
|
|
<Pin v-if="isPinned" class="w-3 h-3 shrink-0 text-primary fill-current" aria-hidden="true" />
|
|
<button
|
|
v-if="isConnecting"
|
|
type="button"
|
|
class="ml-auto flex h-4 w-4 shrink-0 items-center justify-center rounded text-muted-foreground transition-colors hover:bg-secondary/45 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
|
|
:aria-label="t('connection.cancelConnecting')"
|
|
:title="t('connection.cancelConnecting')"
|
|
@mousedown.stop
|
|
@click.stop="cancelConnectionAttempt"
|
|
>
|
|
<X class="h-3 w-3" />
|
|
</button>
|
|
<button
|
|
v-if="node.type === 'connection'"
|
|
type="button"
|
|
class="flex h-4 w-4 shrink-0 items-center justify-center rounded text-muted-foreground/55 opacity-0 transition-colors transition-opacity hover:bg-secondary/45 hover:text-foreground focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring group-hover/sidebar-row:opacity-100"
|
|
:class="[{ 'opacity-100': isConnectionSelectionChecked || connectionStore.connectionMultiSelectActive }, isConnecting ? '' : 'ml-auto']"
|
|
:aria-label="isConnectionSelectionChecked ? t('connectionGroup.deselectConnection') : t('connectionGroup.selectConnection')"
|
|
@mousedown.stop
|
|
@click="toggleConnectionMultiSelection"
|
|
>
|
|
<Check v-if="isConnectionSelectionChecked" class="h-3 w-3 text-primary" />
|
|
<Square v-else class="h-3 w-3 stroke-[1.7]" />
|
|
</button>
|
|
</div>
|
|
<template v-if="detailTooltip" #content>
|
|
<div class="w-max min-w-40 max-w-[min(28rem,calc(100vw-24px))] rounded-md border border-border bg-popover p-2 text-popover-foreground shadow-lg">
|
|
<div class="space-y-1">
|
|
<div v-for="row in detailTooltip.rows" :key="row.label" class="grid grid-cols-[max-content_minmax(0,1fr)] gap-2 text-xs leading-5">
|
|
<span class="text-muted-foreground">{{ row.label }}</span>
|
|
<span v-if="row.multiline" class="max-h-20 overflow-hidden whitespace-pre-wrap break-words text-foreground/90">
|
|
{{ row.value }}
|
|
</span>
|
|
<span v-else class="truncate font-mono text-foreground/90" :title="row.value">{{ row.value }}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</LightTooltip>
|
|
</div>
|
|
</template>
|
|
|
|
<style>
|
|
.sidebar-object-comment {
|
|
color: var(--muted-foreground);
|
|
font-size: 10px;
|
|
line-height: 1rem;
|
|
opacity: 0.6;
|
|
/* Sidebar rows repaint on hover; avoid heavier font shaping and fallback here. */
|
|
text-rendering: auto;
|
|
}
|
|
|
|
.sidebar-object-comment--windows {
|
|
font-family: "Microsoft YaHei UI", "Microsoft YaHei", "Segoe UI", system-ui, sans-serif;
|
|
font-size: 12px;
|
|
font-weight: 500;
|
|
opacity: 1;
|
|
}
|
|
|
|
.tree-item-connection-tint {
|
|
isolation: isolate;
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
.tree-item-connection-tint::before {
|
|
content: "";
|
|
position: absolute;
|
|
inset: 0 -9999px;
|
|
z-index: 0;
|
|
background-color: var(--tree-connection-row-bg);
|
|
border-radius: inherit;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.tree-item-connection-tint > * {
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
|
|
.tree-item-connection-tint:hover,
|
|
.tree-item-connection-tint.tree-item-active,
|
|
.tree-item-connection-tint.tree-item-active:focus {
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
.tree-item-connection-tint:hover::before {
|
|
background-color: var(--tree-connection-row-hover-bg, var(--tree-connection-row-bg));
|
|
}
|
|
|
|
.tree-item-connection-tint.tree-item-active::before {
|
|
background-color: var(--tree-connection-active-bg, var(--tree-connection-row-bg));
|
|
}
|
|
|
|
.tree-item-connection-tint.tree-item-active:focus::before {
|
|
background-color: var(--tree-connection-active-focus-bg, var(--tree-connection-active-bg));
|
|
}
|
|
|
|
.tree-item-connection-tint.tree-item-active--selection-set:focus::before {
|
|
background-color: var(--tree-connection-active-bg, var(--tree-connection-row-bg));
|
|
}
|
|
|
|
.tree-table-search-control {
|
|
position: relative;
|
|
isolation: isolate;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.tree-table-search-control::before {
|
|
content: "";
|
|
position: absolute;
|
|
inset: 0 -9999px;
|
|
z-index: 0;
|
|
background-color: var(--tree-table-search-row-bg);
|
|
pointer-events: none;
|
|
}
|
|
|
|
.tree-table-search-control > * {
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
|
|
/* Unfocused: subtle gray */
|
|
.tree-item-active {
|
|
background-color: var(--tree-connection-active-bg, rgb(235 235 235)) !important;
|
|
}
|
|
:root.dark .tree-item-active {
|
|
background-color: var(--tree-connection-active-bg, rgb(36 36 36)) !important;
|
|
}
|
|
|
|
/* Focused: soft blue */
|
|
.tree-item-active:focus {
|
|
background-color: var(--tree-connection-active-focus-bg, rgb(211 227 245)) !important;
|
|
}
|
|
:root.dark .tree-item-active:focus {
|
|
background-color: var(--tree-connection-active-focus-bg, rgb(33 60 89)) !important;
|
|
}
|
|
|
|
/* Multi-selection treats every selected row as equal; keep focus neutral. */
|
|
.tree-item-active--selection-set:focus {
|
|
background-color: var(--tree-connection-active-bg, rgb(235 235 235)) !important;
|
|
box-shadow: inset 0 0 0 1px hsl(var(--foreground) / 0.14);
|
|
}
|
|
:root.dark .tree-item-active--selection-set:focus {
|
|
background-color: var(--tree-connection-active-bg, rgb(36 36 36)) !important;
|
|
box-shadow: inset 0 0 0 1px hsl(var(--foreground) / 0.18);
|
|
}
|
|
|
|
/* Locate highlight: instant amber, then fade on removal */
|
|
.tree-item-highlight {
|
|
background-color: rgb(253 225 167) !important;
|
|
background-color: oklch(0.92 0.08 85) !important;
|
|
transition: background-color 0.28s ease-out;
|
|
}
|
|
|
|
:root.dark .tree-item-highlight {
|
|
background-color: rgb(110 67 0) !important;
|
|
background-color: oklch(0.42 0.12 80) !important;
|
|
transition: background-color 0.28s ease-out;
|
|
}
|
|
|
|
.tree-item-connection-tint.tree-item-highlight::before {
|
|
background-color: rgb(253 225 167) !important;
|
|
background-color: oklch(0.92 0.08 85) !important;
|
|
}
|
|
|
|
:root.dark .tree-item-connection-tint.tree-item-highlight::before {
|
|
background-color: rgb(110 67 0) !important;
|
|
background-color: oklch(0.42 0.12 80) !important;
|
|
}
|
|
</style>
|