github/dbx
4
0
Fork 0
mirror of https://github.com/t8y2/dbx.git synced 2026-10-20 08:18:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): stabilize live progress counters

Browse Source
This commit is contained in:
Diego Fabricio
2026-08-15 14:41:54 +08:00
committed by GitHub
parent 356127f0e3
commit 6a2000deff
9 changed files with 14 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/desktop/src/components/connection/ConnectionDialog.vue
+1 -1
View File
@@ -8304,7 +8304,7 @@ function openExternalUrl(url: string) {
<div class="flex items-center justify-between gap-3">
<div class="min-w-0">
<div class="truncate text-sm font-medium">{{ agentInstallLabel || agentInstallDriverKey }}</div>
<div class="mt-1 text-xs text-muted-foreground">{{ agentInstallProgressLabel }}</div>
<div class="mt-1 text-xs text-muted-foreground tabular-nums">{{ agentInstallProgressLabel }}</div>
</div>
<Loader2 v-if="agentInstallRunning && !agentInstallError" class="h-4 w-4 shrink-0 animate-spin text-muted-foreground" />
</div>
apps/desktop/src/components/editor/MultiDbExecuteDialog.vue
+1 -1
View File
@@ -723,7 +723,7 @@ watch(
</DialogHeader>
<div v-if="executionStarted && batch" class="flex min-h-0 flex-1 flex-col">
<div class="flex shrink-0 flex-wrap items-center gap-2 border-b bg-muted/20 px-5 py-3 text-xs text-muted-foreground">
<div class="flex shrink-0 flex-wrap items-center gap-2 border-b bg-muted/20 px-5 py-3 text-xs text-muted-foreground tabular-nums">
<span>{{ t("multiDbExecute.progress", { completed: progressCompleted, total: batch.items.length }) }}</span>
<Badge variant="secondary">{{ executionModeLabel() }}</Badge>
<span class="tabular-nums">{{ t("multiDbExecute.elapsed", { duration: formatDataTransferDuration(elapsedMs) }) }}</span>
apps/desktop/src/components/export/DatabaseExportDialog.vue
+1 -1
View File
@@ -893,7 +893,7 @@ watch(
<div v-else class="h-full rounded-full transition-[width] duration-300" :class="exportError ? 'bg-destructive' : exportCancelled ? 'bg-yellow-500' : exportDone ? 'bg-green-500' : 'bg-primary'" :style="{ width: `${exportDone ? 100 : progressPercent}%` }" />
</div>
<div v-if="exportProgress && !isPreparingExport" class="text-xs text-muted-foreground">
<div v-if="exportProgress && !isPreparingExport" class="text-xs text-muted-foreground tabular-nums">
{{ exportAllDatabases ? t("databaseExport.allRowsExported", { count: exportProgress.rowsExported.toLocaleString() }) : t("databaseExport.rowsExported", { current: exportProgress.objectIndex, total: exportProgress.totalObjects, count: exportProgress.rowsExported.toLocaleString() }) }}
</div>
<div v-if="exportElapsedText" class="text-xs text-muted-foreground tabular-nums">
apps/desktop/src/components/grid/DataGrid.vue
+1 -1
View File
@@ -11300,7 +11300,7 @@ const gridContextMenuItems = computed<ContextMenuItem[]>(() => {
<div v-if="gridSurfaceBusy" class="absolute inset-0 z-20 bg-background/50 flex items-center justify-center">
<div class="flex items-center gap-2 rounded-md border bg-background px-3 py-1.5 text-xs text-muted-foreground shadow-sm">
<Loader2 class="w-3.5 h-3.5 animate-spin" />
<span>{{ formatElapsedSeconds(loadingElapsed) }}s</span>
<span class="tabular-nums">{{ formatElapsedSeconds(loadingElapsed) }}s</span>
</div>
</div>
</template>
apps/desktop/src/components/import/TableImportDialog.vue
+1 -1
View File
@@ -1429,7 +1429,7 @@ watch(rawProgressPercent, (percent) => {
<FileUp v-else class="h-5 w-5 text-muted-foreground" />
<div class="min-w-0 flex-1">
<div class="text-sm font-medium">{{ t(progressLabelKey) }}</div>
<div class="mt-1 text-xs text-muted-foreground">
<div class="mt-1 text-xs text-muted-foreground tabular-nums">
<template v-if="progress?.totalRowsExact !== false && (progress?.totalRows ?? 0) > 0">{{ progress?.rowsImported ?? 0 }} / {{ progress?.totalRows ?? 0 }}</template>
<template v-else>{{ progress?.rowsImported ?? 0 }} {{ t("tableImport.rowsImported") }}</template>
· {{ progressPercent }}% ·
apps/desktop/src/components/layout/UpdateDialog.vue
+1 -1
View File
@@ -154,7 +154,7 @@ watch(
<Loader2 class="h-4 w-4 animate-spin" />
{{ t("updates.installing") }}
</Button>
<Button v-else-if="isDownloadingUpdate" class="w-52" disabled>
<Button v-else-if="isDownloadingUpdate" class="w-52 tabular-nums" disabled>
<Loader2 class="h-4 w-4 animate-spin" />
{{ t("updates.downloading", { progress: downloadProgress }) }}
</Button>
apps/desktop/src/components/lineage/FieldLineageDialog.vue
+1 -1
View File
@@ -317,7 +317,7 @@ function openItemTarget(item: FieldLineageItem) {
<div class="min-h-0 flex-1 overflow-y-auto px-6 py-4">
<div v-if="loading" class="rounded-md border bg-muted/20 p-4">
<div class="flex items-center gap-2 text-sm text-muted-foreground">
<div class="flex items-center gap-2 text-sm text-muted-foreground tabular-nums">
<Loader2 class="h-4 w-4 animate-spin" />
{{ t("lineage.loading", { done: progressDone, total: progressTotal || "-" }) }}
</div>
apps/desktop/src/components/search/DatabaseSearchDialog.vue
+2 -2
View File
@@ -309,8 +309,8 @@ function openResult(item: SearchResultItem) {
</div>
<div v-if="running || progressTotal" class="flex flex-wrap items-center gap-3 text-xs text-muted-foreground">
<span>{{ loadingTables ? t("databaseSearch.loadingTables") : progressLabel }}</span>
<span>{{ t("databaseSearch.resultCount", { count: results.length }) }}</span>
<span class="tabular-nums">{{ loadingTables ? t("databaseSearch.loadingTables") : progressLabel }}</span>
<span class="tabular-nums">{{ t("databaseSearch.resultCount", { count: results.length }) }}</span>
<span v-if="limitedTables" class="text-amber-600">{{ t("databaseSearch.limitedTables", { count: 200 }) }}</span>
</div>
apps/desktop/src/components/sql-file/SqlFileExecutionDialog.vue
+5 -5
View File
@@ -692,7 +692,7 @@ watch(
<div v-if="running && previews.length > 1 && currentFileIndex >= 0" class="flex items-center gap-1.5 text-xs text-muted-foreground">
<FileCode class="w-3.5 h-3.5 shrink-0" />
<span class="truncate">{{ t("sqlFile.fileProgress", { current: currentFileIndex + 1, total: previews.length }) }} — {{ currentFileName }}</span>
<span class="truncate tabular-nums">{{ t("sqlFile.fileProgress", { current: currentFileIndex + 1, total: previews.length }) }} — {{ currentFileName }}</span>
</div>
<template v-if="!running && previews.length > 1 && perFileResults.length > 0">
@@ -741,23 +741,23 @@ watch(
<div class="grid grid-cols-2 sm:grid-cols-4 gap-2 text-xs">
<div class="border rounded-md px-2 py-1.5 min-w-0">
<div class="text-muted-foreground truncate">{{ t("sqlFile.statement") }}</div>
<div class="font-medium truncate">{{ progress?.statementIndex ?? 0 }}</div>
<div class="font-medium truncate tabular-nums">{{ progress?.statementIndex ?? 0 }}</div>
</div>
<div class="border rounded-md px-2 py-1.5 min-w-0">
<div class="text-muted-foreground truncate">{{ t("sqlFile.succeeded") }}</div>
<div class="font-medium text-green-600 truncate">
<div class="font-medium text-green-600 truncate tabular-nums">
{{ progress?.successCount ?? 0 }}
</div>
</div>
<div class="border rounded-md px-2 py-1.5 min-w-0">
<div class="text-muted-foreground truncate">{{ t("sqlFile.failed") }}</div>
<div class="font-medium text-destructive truncate">
<div class="font-medium text-destructive truncate tabular-nums">
{{ progress?.failureCount ?? 0 }}
</div>
</div>
<div class="border rounded-md px-2 py-1.5 min-w-0">
<div class="text-muted-foreground truncate">{{ t("sqlFile.affectedRows") }}</div>
<div class="font-medium truncate">
<div class="font-medium truncate tabular-nums">
{{ (progress?.affectedRows ?? 0).toLocaleString() }}
</div>
</div>