hicccc77/WeFlow
1
0
Fork 0
mirror of https://github.com/hicccc77/WeFlow.git synced 2026-03-25 15:25:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(export): add 4 media columns with visible-first staged loading

Browse Source
This commit is contained in:
aits2026
2026-03-05 16:28:18 +08:00
parent b3dd0e25fa
commit e050402787
2 changed files with 446 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
src/pages/ExportPage.scss
View File

@@ -995,6 +995,7 @@
--contacts-default-list-height: calc(var(--contacts-row-height) * var(--contacts-default-visible-rows));
--contacts-select-col-width: 34px;
--contacts-message-col-width: 120px;
--contacts-media-col-width: 72px;
--contacts-action-col-width: 280px;
overflow: hidden;
border: 1px solid var(--border-color);
@@ -1167,6 +1168,16 @@
text-overflow: ellipsis;
}
.contacts-list-header-media {
width: var(--contacts-media-col-width);
min-width: var(--contacts-media-col-width);
text-align: center;
flex-shrink: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.contacts-list-header-actions {
width: var(--contacts-action-col-width);
display: flex;
@@ -1355,6 +1366,28 @@
text-align: center;
}
.row-media-metric {
width: var(--contacts-media-col-width);
min-width: var(--contacts-media-col-width);
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
text-align: center;
}
.row-media-metric-value {
margin: 0;
font-size: 12px;
line-height: 1.2;
color: var(--text-secondary);
font-variant-numeric: tabular-nums;
&.loading {
color: var(--text-tertiary);
}
}
.row-message-stats {
width: 100%;
display: flex;
@@ -2661,6 +2694,7 @@
.table-wrap {
--contacts-message-col-width: 104px;
--contacts-media-col-width: 62px;
--contacts-action-col-width: 236px;
}
@@ -2687,6 +2721,10 @@
min-width: var(--contacts-message-col-width);
}
.table-wrap .row-media-metric {
min-width: var(--contacts-media-col-width);
}
.table-wrap .row-message-stats {
gap: 6px;
}
@@ -2699,6 +2737,10 @@
font-size: 11px;
}
.table-wrap .row-media-metric-value {
font-size: 11px;
}
.table-wrap .row-message-stat.total .row-message-count-value {
font-size: 12px;
}