@robot-admin/naive-ui-components 0.13.7 → 0.13.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +8 -0
- package/README.md +1 -1
- package/README_EN.md +1 -1
- package/dist/C_Loading.css +54 -71
- package/dist/C_Loading2.cjs +1 -1
- package/dist/C_Loading2.js +1 -1
- package/dist/C_Table.base.css +166 -183
- package/dist/C_Table.css +166 -183
- package/dist/constants2.d.cts +3 -3
- package/dist/constants2.d.ts +3 -3
- package/dist/constants3.d.cts +4 -4
- package/dist/constants3.d.ts +4 -4
- package/dist/constants4.d.cts +3 -3
- package/dist/constants4.d.ts +3 -3
- package/dist/constants5.d.cts +2 -2
- package/dist/constants5.d.ts +2 -2
- package/dist/data.d.cts +8 -8
- package/dist/data.d.ts +8 -8
- package/dist/index.vue.d.cts +3 -3
- package/dist/index.vue.d.ts +3 -3
- package/dist/index10.vue.d.cts +3 -3
- package/dist/index10.vue.d.ts +2 -2
- package/dist/index11.vue.d.cts +2 -2
- package/dist/index11.vue.d.ts +5 -5
- package/dist/index12.vue.d.cts +5 -5
- package/dist/index13.vue.d.ts +2 -2
- package/dist/index14.vue.d.cts +2 -2
- package/dist/index14.vue.d.ts +4 -4
- package/dist/index15.vue.d.cts +4 -4
- package/dist/index15.vue.d.ts +1 -1
- package/dist/index16.vue.d.cts +1 -1
- package/dist/index17.vue.d.ts +1 -1
- package/dist/index18.vue.d.cts +1 -1
- package/dist/index18.vue.d.ts +2 -2
- package/dist/index19.vue.d.cts +2 -2
- package/dist/index19.vue.d.ts +1 -1
- package/dist/index2.vue.d.cts +2 -2
- package/dist/index2.vue.d.ts +2 -2
- package/dist/index21.vue.d.cts +2 -2
- package/dist/index21.vue.d.ts +2 -2
- package/dist/index23.vue.d.cts +2 -2
- package/dist/index23.vue.d.ts +2 -2
- package/dist/index25.vue.d.cts +1 -1
- package/dist/index25.vue.d.ts +1 -1
- package/dist/index27.vue.d.cts +1 -1
- package/dist/index27.vue.d.ts +1 -1
- package/dist/index28.vue.d.cts +1 -1
- package/dist/index28.vue.d.ts +1 -1
- package/dist/index3.vue.d.cts +3 -3
- package/dist/index3.vue.d.ts +3 -3
- package/dist/index4.vue.d.cts +1 -1
- package/dist/index6.vue.d.ts +3 -3
- package/dist/index7.vue.d.cts +3 -3
- package/dist/index8.vue.d.ts +3 -3
- package/dist/index9.vue.d.cts +3 -3
- package/dist/index9.vue.d.ts +3 -3
- package/dist/mapUtils.d.cts +1 -1
- package/dist/mapUtils.d.ts +1 -1
- package/dist/presets.d.cts +1 -1
- package/dist/presets.d.ts +1 -1
- package/dist/style.css +166 -183
- package/dist/useCalendarEvents.d.cts +1 -1
- package/dist/useCalendarEvents.d.ts +1 -1
- package/dist/useCollapsePanel.d.cts +2 -2
- package/dist/useCollapsePanel.d.ts +2 -2
- package/dist/useCropperCore.d.cts +7 -7
- package/dist/useCropperCore.d.ts +7 -7
- package/dist/useDraggableLayout.d.cts +6 -6
- package/dist/useDraggableLayout.d.ts +6 -6
- package/dist/useDynamicFormState.d.cts +2 -2
- package/dist/useDynamicFormState.d.ts +2 -2
- package/dist/useEdgeInteraction.d.cts +3 -3
- package/dist/useEdgeInteraction.d.ts +3 -3
- package/dist/useInfiniteScroll.d.cts +2 -2
- package/dist/useInfiniteScroll.d.ts +2 -2
- package/dist/useQRCode.d.cts +1 -1
- package/dist/useQRCode.d.ts +1 -1
- package/dist/useSearchState.d.cts +24 -24
- package/dist/useSearchState.d.ts +24 -24
- package/dist/useSignatureHistory.d.cts +4 -4
- package/dist/useSignatureHistory.d.ts +4 -4
- package/dist/useSplitResize.d.cts +1 -1
- package/dist/useSplitResize.d.ts +1 -1
- package/dist/useTableQuery.cjs +2 -2
- package/dist/useTableQuery.d.cts +7 -3
- package/dist/useTableQuery.d.ts +7 -3
- package/dist/useTableQuery.js +2 -2
- package/dist/useTimeSelection.d.cts +1 -1
- package/dist/useTimeSelection.d.ts +1 -1
- package/dist/useTreeOperations.d.cts +2 -2
- package/dist/useTreeOperations.d.ts +2 -2
- package/dist/useWorkflowValidation.d.cts +3 -3
- package/dist/useWorkflowValidation.d.ts +3 -3
- package/dist/verification.d.cts +1 -1
- package/dist/verification.d.ts +1 -1
- package/package.json +1 -1
package/dist/C_Table.base.css
CHANGED
|
@@ -1112,122 +1112,105 @@ to {
|
|
|
1112
1112
|
|
|
1113
1113
|
/* unplugin-vue-components disabled *//*
|
|
1114
1114
|
* @Author: ChenYu ycyplus@gmail.com
|
|
1115
|
-
* @Date: 2026-10-
|
|
1115
|
+
* @Date: 2026-10-07
|
|
1116
1116
|
* @FilePath: \naive-ui-components\src\components\C_Loading\index.scss
|
|
1117
|
-
* @Description:
|
|
1117
|
+
* @Description: 数据光环与细光束动画,作用域隔离并支持减少动态效果
|
|
1118
1118
|
* Copyright (c) 2026 by CHENY, All Rights Reserved 😎.
|
|
1119
1119
|
*/
|
|
1120
|
-
.c-loading[data-v-
|
|
1120
|
+
.c-loading[data-v-c6727905] {
|
|
1121
1121
|
display: inline-flex;
|
|
1122
|
-
flex-direction: column;
|
|
1123
1122
|
align-items: center;
|
|
1124
1123
|
justify-content: center;
|
|
1125
|
-
gap: 6px;
|
|
1126
1124
|
vertical-align: middle;
|
|
1127
1125
|
line-height: 1;
|
|
1128
1126
|
pointer-events: none;
|
|
1129
1127
|
}
|
|
1130
|
-
.c-loading--labeled[data-v-
|
|
1131
|
-
|
|
1132
|
-
gap:
|
|
1128
|
+
.c-loading--labeled[data-v-c6727905] {
|
|
1129
|
+
position: relative;
|
|
1130
|
+
gap: 10px;
|
|
1133
1131
|
max-width: 100%;
|
|
1134
|
-
padding: 8px
|
|
1132
|
+
padding: 8px 16px 9px 10px;
|
|
1135
1133
|
box-sizing: border-box;
|
|
1136
1134
|
border: 1px solid var(--c-loading-border);
|
|
1137
|
-
border-radius:
|
|
1135
|
+
border-radius: 16px;
|
|
1138
1136
|
background: var(--c-loading-surface);
|
|
1139
|
-
|
|
1137
|
+
background-image: linear-gradient(135deg, color-mix(in srgb, currentColor 4%, var(--c-loading-surface)), var(--c-loading-surface));
|
|
1138
|
+
box-shadow: inset 0 1px 0 color-mix(in srgb, currentColor 4%, transparent), 0 8px 28px rgba(0, 0, 0, 0.06);
|
|
1139
|
+
overflow: hidden;
|
|
1140
1140
|
}
|
|
1141
|
-
.c-
|
|
1141
|
+
.c-loading--labeled[data-v-c6727905]::after {
|
|
1142
|
+
content: "";
|
|
1143
|
+
position: absolute;
|
|
1144
|
+
bottom: 0;
|
|
1145
|
+
left: 0;
|
|
1146
|
+
width: 50%;
|
|
1147
|
+
height: 2px;
|
|
1148
|
+
background: linear-gradient(90deg, transparent, currentColor, transparent);
|
|
1149
|
+
opacity: 0.5;
|
|
1150
|
+
animation: c-loading-beam-c6727905 1.8s ease-in-out infinite;
|
|
1151
|
+
}
|
|
1152
|
+
.c-loading__glyph[data-v-c6727905] {
|
|
1142
1153
|
width: var(--c-loading-size, 48px);
|
|
1143
1154
|
height: var(--c-loading-size, 48px);
|
|
1144
1155
|
flex-shrink: 0;
|
|
1145
|
-
overflow: visible;
|
|
1146
|
-
}
|
|
1147
|
-
.c-loading__frame[data-v-48232aaa] {
|
|
1148
|
-
opacity: 0.35;
|
|
1149
|
-
animation: c-loading-frame-48232aaa 2.4s ease-in-out infinite;
|
|
1150
|
-
}
|
|
1151
|
-
.c-loading__scan[data-v-48232aaa] {
|
|
1152
|
-
opacity: 0;
|
|
1153
|
-
animation: c-loading-scan-48232aaa 2.4s ease-in-out infinite;
|
|
1154
1156
|
}
|
|
1155
|
-
.c-
|
|
1156
|
-
transform-box:
|
|
1157
|
+
.c-loading__orbit[data-v-c6727905] {
|
|
1158
|
+
transform-box: view-box;
|
|
1157
1159
|
transform-origin: center;
|
|
1158
|
-
animation: c-loading-
|
|
1160
|
+
animation: c-loading-orbit-c6727905 1.6s linear infinite;
|
|
1159
1161
|
}
|
|
1160
|
-
.c-
|
|
1161
|
-
|
|
1162
|
-
animation:
|
|
1162
|
+
.c-loading__orbit--inner[data-v-c6727905] {
|
|
1163
|
+
animation-duration: 3.2s;
|
|
1164
|
+
animation-direction: reverse;
|
|
1163
1165
|
}
|
|
1164
|
-
.c-
|
|
1165
|
-
|
|
1166
|
+
.c-loading__row[data-v-c6727905] {
|
|
1167
|
+
opacity: 0.75;
|
|
1168
|
+
animation: c-loading-row-c6727905 1.6s ease-in-out infinite;
|
|
1166
1169
|
}
|
|
1167
|
-
.c-loading__label[data-v-
|
|
1170
|
+
.c-loading__label[data-v-c6727905] {
|
|
1171
|
+
min-width: 0;
|
|
1168
1172
|
color: var(--c-loading-text, currentColor);
|
|
1169
1173
|
font-size: 12px;
|
|
1170
1174
|
font-weight: 500;
|
|
1171
1175
|
letter-spacing: 0.03em;
|
|
1172
1176
|
line-height: 1.6;
|
|
1177
|
+
overflow-wrap: anywhere;
|
|
1173
1178
|
}
|
|
1174
1179
|
@media (prefers-reduced-motion: reduce) {
|
|
1175
|
-
.c-
|
|
1180
|
+
.c-loading__orbit[data-v-c6727905], .c-loading__row[data-v-c6727905], .c-loading--labeled[data-v-c6727905]::after {
|
|
1176
1181
|
animation: none;
|
|
1177
1182
|
}
|
|
1178
|
-
.c-
|
|
1183
|
+
.c-loading--labeled[data-v-c6727905]::after {
|
|
1179
1184
|
display: none;
|
|
1180
1185
|
}
|
|
1181
|
-
.c-loading__frame[data-v-48232aaa], .c-loading__packet[data-v-48232aaa] {
|
|
1182
|
-
opacity: 0.55;
|
|
1183
1186
|
}
|
|
1184
|
-
|
|
1185
|
-
|
|
1186
|
-
|
|
1187
|
-
transform: translateY(0);
|
|
1188
|
-
opacity: 0;
|
|
1189
|
-
}
|
|
1190
|
-
25% {
|
|
1191
|
-
opacity: 0.2;
|
|
1192
|
-
}
|
|
1193
|
-
70% {
|
|
1194
|
-
transform: translateY(14px);
|
|
1195
|
-
opacity: 0.2;
|
|
1196
|
-
}
|
|
1197
|
-
88%, 100% {
|
|
1198
|
-
transform: translateY(14px);
|
|
1199
|
-
opacity: 0;
|
|
1187
|
+
@keyframes c-loading-orbit-c6727905 {
|
|
1188
|
+
to {
|
|
1189
|
+
transform: rotate(360deg);
|
|
1200
1190
|
}
|
|
1201
1191
|
}
|
|
1202
|
-
@keyframes c-loading-
|
|
1192
|
+
@keyframes c-loading-row-c6727905 {
|
|
1203
1193
|
0%, 100% {
|
|
1204
|
-
opacity: 0.
|
|
1205
|
-
}
|
|
1206
|
-
50% {
|
|
1207
|
-
opacity: 0.7;
|
|
1194
|
+
opacity: 0.4;
|
|
1208
1195
|
}
|
|
1209
|
-
|
|
1210
|
-
|
|
1211
|
-
0%, 72%, 82%, 100% {
|
|
1212
|
-
transform: scaleY(1);
|
|
1213
|
-
}
|
|
1214
|
-
77% {
|
|
1215
|
-
transform: scaleY(0.25);
|
|
1196
|
+
40%, 60% {
|
|
1197
|
+
opacity: 1;
|
|
1216
1198
|
}
|
|
1217
1199
|
}
|
|
1218
|
-
@keyframes c-loading-
|
|
1219
|
-
|
|
1220
|
-
|
|
1200
|
+
@keyframes c-loading-beam-c6727905 {
|
|
1201
|
+
from {
|
|
1202
|
+
transform: translateX(-100%);
|
|
1221
1203
|
}
|
|
1222
|
-
|
|
1223
|
-
|
|
1204
|
+
to {
|
|
1205
|
+
transform: translateX(200%);
|
|
1224
1206
|
}
|
|
1225
1207
|
}
|
|
1226
1208
|
/* unplugin-vue-components disabled */
|
|
1227
1209
|
/* layer: default */
|
|
1228
|
-
.
|
|
1229
|
-
.
|
|
1230
|
-
.
|
|
1210
|
+
.ms[data-v-c6727905]{margin-inline-start:1rem;}
|
|
1211
|
+
.table[data-v-c6727905]{display:table;}
|
|
1212
|
+
.px[data-v-c6727905]{padding-left:1rem;padding-right:1rem;}
|
|
1213
|
+
.filter[data-v-c6727905]{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
|
|
1231
1214
|
|
|
1232
1215
|
|
|
1233
1216
|
/* unplugin-vue-components disabled */.column-management-tab .search-row[data-v-6ff103ee] {
|
|
@@ -1367,7 +1350,7 @@ to {
|
|
|
1367
1350
|
.filter[data-v-6ff103ee]{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
|
|
1368
1351
|
|
|
1369
1352
|
/* unplugin-vue-components disabled *//* ================= 1. 组件根容器 ================= */
|
|
1370
|
-
.c-table-wrapper[data-v-
|
|
1353
|
+
.c-table-wrapper[data-v-f623c0e1] {
|
|
1371
1354
|
--c-table-border-color: var(--border-color, #e5e7eb);
|
|
1372
1355
|
--c-table-bg: var(--body-color, #fff);
|
|
1373
1356
|
--c-table-header-bg: var(--card-color, #fafafc);
|
|
@@ -1380,52 +1363,52 @@ to {
|
|
|
1380
1363
|
}
|
|
1381
1364
|
|
|
1382
1365
|
/* ================= 列拖拽排序 ================= */
|
|
1383
|
-
.column-drag-ghost[data-v-
|
|
1366
|
+
.column-drag-ghost[data-v-f623c0e1] {
|
|
1384
1367
|
opacity: var(--c-table-drag-ghost-opacity);
|
|
1385
1368
|
background: var(--c-table-drag-ghost-bg) !important;
|
|
1386
1369
|
}
|
|
1387
|
-
.drag-handle[data-v-
|
|
1370
|
+
.drag-handle[data-v-f623c0e1] {
|
|
1388
1371
|
cursor: grab;
|
|
1389
1372
|
}
|
|
1390
|
-
.drag-handle[data-v-
|
|
1373
|
+
.drag-handle[data-v-f623c0e1]:active {
|
|
1391
1374
|
cursor: grabbing;
|
|
1392
1375
|
}
|
|
1393
1376
|
|
|
1394
1377
|
/* ================= 合计行强调 ================= */
|
|
1395
|
-
.c-table-wrapper[data-v-
|
|
1378
|
+
.c-table-wrapper[data-v-f623c0e1] .n-data-table-tfoot {
|
|
1396
1379
|
background: var(--c-table-summary-bg);
|
|
1397
1380
|
font-weight: var(--c-table-summary-font-weight);
|
|
1398
1381
|
}
|
|
1399
1382
|
|
|
1400
1383
|
/* ================= 2. 表格工具栏 ================= */
|
|
1401
|
-
.table-toolbar[data-v-
|
|
1384
|
+
.table-toolbar[data-v-f623c0e1] {
|
|
1402
1385
|
display: flex;
|
|
1403
1386
|
justify-content: space-between;
|
|
1404
1387
|
align-items: center;
|
|
1405
1388
|
margin-bottom: 16px;
|
|
1406
1389
|
}
|
|
1407
|
-
.table-toolbar .toolbar-left[data-v-
|
|
1390
|
+
.table-toolbar .toolbar-left[data-v-f623c0e1] {
|
|
1408
1391
|
display: flex;
|
|
1409
1392
|
align-items: center;
|
|
1410
1393
|
gap: 12px;
|
|
1411
1394
|
}
|
|
1412
|
-
.table-toolbar .toolbar-right[data-v-
|
|
1395
|
+
.table-toolbar .toolbar-right[data-v-f623c0e1] {
|
|
1413
1396
|
display: flex;
|
|
1414
1397
|
align-items: center;
|
|
1415
1398
|
gap: 8px;
|
|
1416
1399
|
}
|
|
1417
|
-
.table-toolbar .toolbar-right .column-settings-btn[data-v-
|
|
1400
|
+
.table-toolbar .toolbar-right .column-settings-btn[data-v-f623c0e1] {
|
|
1418
1401
|
opacity: 0.6;
|
|
1419
1402
|
transition: opacity 0.2s ease, transform 0.2s ease;
|
|
1420
1403
|
cursor: pointer;
|
|
1421
1404
|
}
|
|
1422
|
-
.table-toolbar .toolbar-right .column-settings-btn[data-v-
|
|
1405
|
+
.table-toolbar .toolbar-right .column-settings-btn[data-v-f623c0e1]:hover {
|
|
1423
1406
|
opacity: 1;
|
|
1424
1407
|
transform: scale(1.1);
|
|
1425
1408
|
}
|
|
1426
1409
|
|
|
1427
1410
|
/* ================= 3. 动态行工具栏 ================= */
|
|
1428
|
-
.dynamic-rows-toolbar[data-v-
|
|
1411
|
+
.dynamic-rows-toolbar[data-v-f623c0e1] {
|
|
1429
1412
|
margin-bottom: 16px;
|
|
1430
1413
|
padding: 16px;
|
|
1431
1414
|
border-radius: 8px;
|
|
@@ -1434,12 +1417,12 @@ to {
|
|
|
1434
1417
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
|
|
1435
1418
|
transition: all 0.2s ease;
|
|
1436
1419
|
}
|
|
1437
|
-
.dynamic-rows-toolbar[data-v-
|
|
1420
|
+
.dynamic-rows-toolbar[data-v-f623c0e1]:hover {
|
|
1438
1421
|
border-color: var(--n-primary-color-suppl);
|
|
1439
1422
|
}
|
|
1440
1423
|
|
|
1441
1424
|
/* ================= 4. 表格布局基础 ================= */
|
|
1442
|
-
[data-v-
|
|
1425
|
+
[data-v-f623c0e1] .n-data-table {
|
|
1443
1426
|
table-layout: auto !important;
|
|
1444
1427
|
width: 100% !important;
|
|
1445
1428
|
border-radius: 8px;
|
|
@@ -1447,12 +1430,12 @@ to {
|
|
|
1447
1430
|
}
|
|
1448
1431
|
|
|
1449
1432
|
/* 确保表格容器允许横向滚动(固定列必需) */
|
|
1450
|
-
[data-v-
|
|
1433
|
+
[data-v-f623c0e1] .n-data-table-wrapper {
|
|
1451
1434
|
overflow-x: auto !important;
|
|
1452
1435
|
}
|
|
1453
1436
|
|
|
1454
1437
|
/* 分页组件样式 */
|
|
1455
|
-
.pagination-wrapper[data-v-
|
|
1438
|
+
.pagination-wrapper[data-v-f623c0e1] {
|
|
1456
1439
|
margin-top: 16px;
|
|
1457
1440
|
display: flex;
|
|
1458
1441
|
justify-content: flex-end;
|
|
@@ -1460,12 +1443,12 @@ to {
|
|
|
1460
1443
|
|
|
1461
1444
|
/* ================= 5. 表格列宽度管理 ================= */
|
|
1462
1445
|
/* 普通列的最小宽度保护 */
|
|
1463
|
-
[data-v-
|
|
1446
|
+
[data-v-f623c0e1] .n-data-table-th:not(:last-child) {
|
|
1464
1447
|
min-width: 80px !important;
|
|
1465
1448
|
}
|
|
1466
1449
|
|
|
1467
1450
|
/* 操作列固定宽度(适应4个按钮的布局) */
|
|
1468
|
-
[data-v-
|
|
1451
|
+
[data-v-f623c0e1] .c-table-actions-column {
|
|
1469
1452
|
width: 180px !important;
|
|
1470
1453
|
min-width: 160px !important;
|
|
1471
1454
|
max-width: 200px !important;
|
|
@@ -1474,14 +1457,14 @@ to {
|
|
|
1474
1457
|
}
|
|
1475
1458
|
|
|
1476
1459
|
/* 操作按钮容器居中 */
|
|
1477
|
-
[data-v-
|
|
1460
|
+
[data-v-f623c0e1] .c-table-actions-column .n-space {
|
|
1478
1461
|
justify-content: center !important;
|
|
1479
1462
|
align-items: center !important;
|
|
1480
1463
|
}
|
|
1481
1464
|
|
|
1482
1465
|
/* ================= 6. 可编辑单元格样式 ================= */
|
|
1483
1466
|
/* 单元格编辑容器 - 精致化设计 */
|
|
1484
|
-
.cell-edit-wrapper[data-v-
|
|
1467
|
+
.cell-edit-wrapper[data-v-f623c0e1] {
|
|
1485
1468
|
display: flex;
|
|
1486
1469
|
align-items: center;
|
|
1487
1470
|
justify-content: space-between;
|
|
@@ -1494,23 +1477,23 @@ to {
|
|
|
1494
1477
|
position: relative;
|
|
1495
1478
|
/* 悬停效果 */
|
|
1496
1479
|
}
|
|
1497
|
-
.cell-edit-wrapper[data-v-
|
|
1480
|
+
.cell-edit-wrapper[data-v-f623c0e1]:hover {
|
|
1498
1481
|
background-color: var(--n-color-target);
|
|
1499
1482
|
}
|
|
1500
|
-
.cell-edit-wrapper:hover .cell-edit-icon[data-v-
|
|
1483
|
+
.cell-edit-wrapper:hover .cell-edit-icon[data-v-f623c0e1] {
|
|
1501
1484
|
opacity: 1;
|
|
1502
1485
|
color: var(--n-color-success);
|
|
1503
1486
|
transform: scale(1.05);
|
|
1504
1487
|
}
|
|
1505
|
-
.cell-edit-wrapper[data-v-
|
|
1488
|
+
.cell-edit-wrapper[data-v-f623c0e1] {
|
|
1506
1489
|
/* 激活状态 */
|
|
1507
1490
|
}
|
|
1508
|
-
.cell-edit-wrapper[data-v-
|
|
1491
|
+
.cell-edit-wrapper[data-v-f623c0e1]:active {
|
|
1509
1492
|
transform: translateY(1px);
|
|
1510
1493
|
}
|
|
1511
1494
|
|
|
1512
1495
|
/* 单元格内容 */
|
|
1513
|
-
.cell-value[data-v-
|
|
1496
|
+
.cell-value[data-v-f623c0e1] {
|
|
1514
1497
|
flex: 1;
|
|
1515
1498
|
overflow: hidden;
|
|
1516
1499
|
text-overflow: ellipsis;
|
|
@@ -1521,7 +1504,7 @@ to {
|
|
|
1521
1504
|
}
|
|
1522
1505
|
|
|
1523
1506
|
/* 动态渲染单元格也只在当前表格边界内匹配。 */
|
|
1524
|
-
.c-table-wrapper[data-v-
|
|
1507
|
+
.c-table-wrapper[data-v-f623c0e1] .cell-edit-icon {
|
|
1525
1508
|
flex-shrink: 0;
|
|
1526
1509
|
width: 24px;
|
|
1527
1510
|
height: 24px;
|
|
@@ -1537,29 +1520,29 @@ to {
|
|
|
1537
1520
|
position: relative;
|
|
1538
1521
|
/* 悬停效果 */
|
|
1539
1522
|
}
|
|
1540
|
-
.c-table-wrapper[data-v-
|
|
1523
|
+
.c-table-wrapper[data-v-f623c0e1] .cell-edit-icon:hover {
|
|
1541
1524
|
opacity: 1 !important;
|
|
1542
1525
|
color: var(--n-color-success-hover) !important;
|
|
1543
1526
|
background-color: var(--n-color-success-pressed);
|
|
1544
1527
|
transform: scale(1.1);
|
|
1545
1528
|
}
|
|
1546
|
-
.c-table-wrapper[data-v-
|
|
1529
|
+
.c-table-wrapper[data-v-f623c0e1] .cell-edit-icon {
|
|
1547
1530
|
/* 激活效果 */
|
|
1548
1531
|
}
|
|
1549
|
-
.c-table-wrapper[data-v-
|
|
1532
|
+
.c-table-wrapper[data-v-f623c0e1] .cell-edit-icon:active {
|
|
1550
1533
|
transform: scale(0.95);
|
|
1551
1534
|
}
|
|
1552
|
-
.c-table-wrapper[data-v-
|
|
1535
|
+
.c-table-wrapper[data-v-f623c0e1] .cell-edit-icon {
|
|
1553
1536
|
/* 图标尺寸 */
|
|
1554
1537
|
}
|
|
1555
|
-
.c-table-wrapper[data-v-
|
|
1538
|
+
.c-table-wrapper[data-v-f623c0e1] .cell-edit-icon svg {
|
|
1556
1539
|
width: 14px;
|
|
1557
1540
|
height: 14px;
|
|
1558
1541
|
}
|
|
1559
1542
|
|
|
1560
1543
|
/* ================= 7. 单元格编辑状态样式 ================= */
|
|
1561
1544
|
/* 编辑容器 - 确保水平布局不换行 */
|
|
1562
|
-
.cell-editing-container[data-v-
|
|
1545
|
+
.cell-editing-container[data-v-f623c0e1],[data-v-f623c0e1] .cell-editing-container {
|
|
1563
1546
|
display: flex !important;
|
|
1564
1547
|
align-items: center !important;
|
|
1565
1548
|
width: 100% !important;
|
|
@@ -1573,39 +1556,39 @@ to {
|
|
|
1573
1556
|
}
|
|
1574
1557
|
|
|
1575
1558
|
/* 编辑输入区域 - 占据剩余空间 */
|
|
1576
|
-
.cell-editing-input[data-v-
|
|
1559
|
+
.cell-editing-input[data-v-f623c0e1],[data-v-f623c0e1] .cell-editing-input {
|
|
1577
1560
|
flex: 1 !important;
|
|
1578
1561
|
min-width: 0 !important;
|
|
1579
1562
|
}
|
|
1580
1563
|
|
|
1581
1564
|
/* 深度选择器处理输入框样式 */
|
|
1582
|
-
[data-v-
|
|
1565
|
+
[data-v-f623c0e1] .cell-editing-input .n-input {
|
|
1583
1566
|
border: none !important;
|
|
1584
1567
|
box-shadow: none !important;
|
|
1585
1568
|
background: transparent !important;
|
|
1586
1569
|
}
|
|
1587
|
-
[data-v-
|
|
1570
|
+
[data-v-f623c0e1] .cell-editing-input .n-input.n-input--focus {
|
|
1588
1571
|
border: none !important;
|
|
1589
1572
|
box-shadow: none !important;
|
|
1590
1573
|
}
|
|
1591
|
-
[data-v-
|
|
1574
|
+
[data-v-f623c0e1] .cell-editing-input .n-input-number {
|
|
1592
1575
|
border: none !important;
|
|
1593
1576
|
box-shadow: none !important;
|
|
1594
1577
|
background: transparent !important;
|
|
1595
1578
|
}
|
|
1596
|
-
[data-v-
|
|
1579
|
+
[data-v-f623c0e1] .cell-editing-input .n-select {
|
|
1597
1580
|
border: none !important;
|
|
1598
1581
|
box-shadow: none !important;
|
|
1599
1582
|
background: transparent !important;
|
|
1600
1583
|
}
|
|
1601
|
-
[data-v-
|
|
1584
|
+
[data-v-f623c0e1] .cell-editing-input .n-select .n-base-selection {
|
|
1602
1585
|
border: none !important;
|
|
1603
1586
|
box-shadow: none !important;
|
|
1604
1587
|
background: transparent !important;
|
|
1605
1588
|
}
|
|
1606
1589
|
|
|
1607
1590
|
/* 编辑操作按钮容器 */
|
|
1608
|
-
.cell-editing-actions[data-v-
|
|
1591
|
+
.cell-editing-actions[data-v-f623c0e1],[data-v-f623c0e1] .cell-editing-actions {
|
|
1609
1592
|
display: flex !important;
|
|
1610
1593
|
flex-shrink: 0 !important;
|
|
1611
1594
|
align-items: center !important;
|
|
@@ -1618,7 +1601,7 @@ to {
|
|
|
1618
1601
|
}
|
|
1619
1602
|
|
|
1620
1603
|
/* 编辑操作按钮 */
|
|
1621
|
-
.cell-action-btn[data-v-
|
|
1604
|
+
.cell-action-btn[data-v-f623c0e1],[data-v-f623c0e1] .cell-action-btn {
|
|
1622
1605
|
display: flex !important;
|
|
1623
1606
|
align-items: center !important;
|
|
1624
1607
|
justify-content: center !important;
|
|
@@ -1631,34 +1614,34 @@ to {
|
|
|
1631
1614
|
background: transparent !important;
|
|
1632
1615
|
/* 保存按钮 */
|
|
1633
1616
|
}
|
|
1634
|
-
.cell-action-btn.cell-action-save[data-v-
|
|
1617
|
+
.cell-action-btn.cell-action-save[data-v-f623c0e1],[data-v-f623c0e1] .cell-action-btn.cell-action-save {
|
|
1635
1618
|
color: var(--n-color-success) !important;
|
|
1636
1619
|
}
|
|
1637
|
-
.cell-action-btn.cell-action-save[data-v-
|
|
1620
|
+
.cell-action-btn.cell-action-save[data-v-f623c0e1]:hover,[data-v-f623c0e1] .cell-action-btn.cell-action-save:hover {
|
|
1638
1621
|
background: var(--n-color-success-pressed) !important;
|
|
1639
1622
|
transform: scale(1.1) !important;
|
|
1640
1623
|
}
|
|
1641
|
-
.cell-action-btn[data-v-
|
|
1624
|
+
.cell-action-btn[data-v-f623c0e1],[data-v-f623c0e1] .cell-action-btn {
|
|
1642
1625
|
/* 取消按钮 */
|
|
1643
1626
|
}
|
|
1644
|
-
.cell-action-btn.cell-action-cancel[data-v-
|
|
1627
|
+
.cell-action-btn.cell-action-cancel[data-v-f623c0e1],[data-v-f623c0e1] .cell-action-btn.cell-action-cancel {
|
|
1645
1628
|
color: var(--n-color-error) !important;
|
|
1646
1629
|
}
|
|
1647
|
-
.cell-action-btn.cell-action-cancel[data-v-
|
|
1630
|
+
.cell-action-btn.cell-action-cancel[data-v-f623c0e1]:hover,[data-v-f623c0e1] .cell-action-btn.cell-action-cancel:hover {
|
|
1648
1631
|
background: var(--n-color-error-pressed) !important;
|
|
1649
1632
|
transform: scale(1.1) !important;
|
|
1650
1633
|
}
|
|
1651
|
-
.cell-action-btn[data-v-
|
|
1634
|
+
.cell-action-btn[data-v-f623c0e1],[data-v-f623c0e1] .cell-action-btn {
|
|
1652
1635
|
/* 图标尺寸 */
|
|
1653
1636
|
}
|
|
1654
|
-
.cell-action-btn svg[data-v-
|
|
1637
|
+
.cell-action-btn svg[data-v-f623c0e1],[data-v-f623c0e1] .cell-action-btn svg {
|
|
1655
1638
|
width: 11px !important;
|
|
1656
1639
|
height: 11px !important;
|
|
1657
1640
|
}
|
|
1658
1641
|
|
|
1659
1642
|
/* ================= 7. 操作按钮样式 ================= */
|
|
1660
1643
|
/* 通用按钮样式 */
|
|
1661
|
-
[data-v-
|
|
1644
|
+
[data-v-f623c0e1] .n-button {
|
|
1662
1645
|
white-space: nowrap;
|
|
1663
1646
|
font-size: 12px !important;
|
|
1664
1647
|
flex-shrink: 0 !important;
|
|
@@ -1667,60 +1650,60 @@ to {
|
|
|
1667
1650
|
font-weight: 500;
|
|
1668
1651
|
/* 图标间距 */
|
|
1669
1652
|
}
|
|
1670
|
-
[data-v-
|
|
1653
|
+
[data-v-f623c0e1] .n-button .n-icon {
|
|
1671
1654
|
margin-right: 4px !important;
|
|
1672
1655
|
}
|
|
1673
|
-
[data-v-
|
|
1656
|
+
[data-v-f623c0e1] .n-button {
|
|
1674
1657
|
/* 小尺寸按钮优化 */
|
|
1675
1658
|
}
|
|
1676
|
-
[data-v-
|
|
1659
|
+
[data-v-f623c0e1] .n-button.n-button--small-type {
|
|
1677
1660
|
padding: 4px 8px;
|
|
1678
1661
|
height: 28px;
|
|
1679
1662
|
line-height: 20px;
|
|
1680
1663
|
}
|
|
1681
|
-
[data-v-
|
|
1664
|
+
[data-v-f623c0e1] .n-button {
|
|
1682
1665
|
/* 四元按钮样式 */
|
|
1683
1666
|
}
|
|
1684
|
-
[data-v-
|
|
1667
|
+
[data-v-f623c0e1] .n-button.n-button--quaternary-type:hover {
|
|
1685
1668
|
transform: translateY(-1px);
|
|
1686
1669
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
|
1687
1670
|
}
|
|
1688
|
-
[data-v-
|
|
1671
|
+
[data-v-f623c0e1] .n-button.n-button--quaternary-type:active {
|
|
1689
1672
|
transform: translateY(0);
|
|
1690
1673
|
}
|
|
1691
1674
|
|
|
1692
1675
|
/* ================= 8. 按钮组间距优化 ================= */
|
|
1693
1676
|
/* 操作按钮组 */
|
|
1694
|
-
[data-v-
|
|
1677
|
+
[data-v-f623c0e1] .n-space.n-space--horizontal .n-space-item:not(:last-child) {
|
|
1695
1678
|
margin-right: 6px !important;
|
|
1696
1679
|
}
|
|
1697
1680
|
|
|
1698
1681
|
/* ================= 9. 模态框样式优化 ================= */
|
|
1699
1682
|
/* 编辑模态框 */
|
|
1700
|
-
[data-v-
|
|
1683
|
+
[data-v-f623c0e1] .n-modal .n-card {
|
|
1701
1684
|
border-radius: 12px;
|
|
1702
1685
|
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
|
|
1703
1686
|
}
|
|
1704
|
-
[data-v-
|
|
1687
|
+
[data-v-f623c0e1] .n-modal .n-card__header {
|
|
1705
1688
|
padding: 20px 24px 16px;
|
|
1706
1689
|
font-weight: 600;
|
|
1707
1690
|
font-size: 16px;
|
|
1708
1691
|
}
|
|
1709
|
-
[data-v-
|
|
1692
|
+
[data-v-f623c0e1] .n-modal .n-card__content {
|
|
1710
1693
|
padding: 0 24px 16px;
|
|
1711
1694
|
}
|
|
1712
|
-
[data-v-
|
|
1695
|
+
[data-v-f623c0e1] .n-modal .n-card__action {
|
|
1713
1696
|
padding: 16px 24px 20px;
|
|
1714
1697
|
border-top: 1px solid var(--n-divider-color);
|
|
1715
1698
|
}
|
|
1716
1699
|
|
|
1717
1700
|
/* ================= 10. 描述列表样式 ================= */
|
|
1718
1701
|
/* 详情模态框描述列表 */
|
|
1719
|
-
[data-v-
|
|
1702
|
+
[data-v-f623c0e1] .n-descriptions .n-descriptions-item-label {
|
|
1720
1703
|
font-weight: 500;
|
|
1721
1704
|
color: var(--n-text-color-2);
|
|
1722
1705
|
}
|
|
1723
|
-
[data-v-
|
|
1706
|
+
[data-v-f623c0e1] .n-descriptions .n-descriptions-item-content {
|
|
1724
1707
|
color: var(--n-text-color-1);
|
|
1725
1708
|
word-break: break-all;
|
|
1726
1709
|
}
|
|
@@ -1728,99 +1711,99 @@ to {
|
|
|
1728
1711
|
/* ================= 11. 响应式设计 ================= */
|
|
1729
1712
|
/* 移动端适配 */
|
|
1730
1713
|
@media (max-width: 768px) {
|
|
1731
|
-
.c-table-wrapper[data-v-
|
|
1714
|
+
.c-table-wrapper[data-v-f623c0e1] {
|
|
1732
1715
|
overflow-x: auto;
|
|
1733
1716
|
}
|
|
1734
1717
|
/* 操作列在移动端的适配 */
|
|
1735
|
-
[data-v-
|
|
1718
|
+
[data-v-f623c0e1] .n-data-table-th:last-child {
|
|
1736
1719
|
width: 160px !important;
|
|
1737
1720
|
min-width: 160px !important;
|
|
1738
1721
|
}
|
|
1739
1722
|
/* 按钮在移动端的优化 */
|
|
1740
|
-
[data-v-
|
|
1723
|
+
[data-v-f623c0e1] .n-button {
|
|
1741
1724
|
font-size: 11px !important;
|
|
1742
1725
|
padding: 3px 6px;
|
|
1743
1726
|
}
|
|
1744
|
-
[data-v-
|
|
1727
|
+
[data-v-f623c0e1] .n-button .n-icon {
|
|
1745
1728
|
margin-right: 2px !important;
|
|
1746
1729
|
}
|
|
1747
1730
|
/* 单元格编辑图标在移动端始终显示 */
|
|
1748
|
-
.cell-edit-icon[data-v-
|
|
1731
|
+
.cell-edit-icon[data-v-f623c0e1] {
|
|
1749
1732
|
opacity: 0.6;
|
|
1750
1733
|
}
|
|
1751
1734
|
}
|
|
1752
1735
|
/* ================= 12. 主题适配 ================= */
|
|
1753
1736
|
/* 暗色主题适配 - 已通过 CSS 变量自动适配 */
|
|
1754
|
-
[data-theme=dark][data-v-
|
|
1737
|
+
[data-theme=dark][data-v-f623c0e1] {
|
|
1755
1738
|
/* CSS 变量已自动适配,如有特殊需求可在此添加 */
|
|
1756
1739
|
}
|
|
1757
1740
|
|
|
1758
1741
|
/* ================= 13. 响应式优化 ================= */
|
|
1759
1742
|
/* 小屏幕下的单元格编辑优化 */
|
|
1760
1743
|
@media (max-width: 768px) {
|
|
1761
|
-
.cell-editing-container[data-v-
|
|
1744
|
+
.cell-editing-container[data-v-f623c0e1],[data-v-f623c0e1] .cell-editing-container {
|
|
1762
1745
|
gap: 6px !important;
|
|
1763
1746
|
}
|
|
1764
|
-
.cell-editing-actions[data-v-
|
|
1747
|
+
.cell-editing-actions[data-v-f623c0e1],[data-v-f623c0e1] .cell-editing-actions {
|
|
1765
1748
|
gap: 3px !important;
|
|
1766
1749
|
padding: 2px !important;
|
|
1767
1750
|
}
|
|
1768
|
-
.cell-action-btn[data-v-
|
|
1751
|
+
.cell-action-btn[data-v-f623c0e1],[data-v-f623c0e1] .cell-action-btn {
|
|
1769
1752
|
width: 18px !important;
|
|
1770
1753
|
height: 18px !important;
|
|
1771
1754
|
}
|
|
1772
|
-
.cell-action-btn svg[data-v-
|
|
1755
|
+
.cell-action-btn svg[data-v-f623c0e1],[data-v-f623c0e1] .cell-action-btn svg {
|
|
1773
1756
|
width: 10px !important;
|
|
1774
1757
|
height: 10px !important;
|
|
1775
1758
|
}
|
|
1776
1759
|
/* 移动端编辑图标 */
|
|
1777
|
-
.cell-edit-icon[data-v-
|
|
1760
|
+
.cell-edit-icon[data-v-f623c0e1] {
|
|
1778
1761
|
opacity: 0.6 !important;
|
|
1779
1762
|
}
|
|
1780
|
-
.cell-value[data-v-
|
|
1763
|
+
.cell-value[data-v-f623c0e1] {
|
|
1781
1764
|
margin-right: 12px !important;
|
|
1782
1765
|
}
|
|
1783
1766
|
}
|
|
1784
1767
|
/* ================= 14. 性能优化 ================= */
|
|
1785
1768
|
/* 使用 GPU 加速的动画 */
|
|
1786
|
-
.cell-edit-icon[data-v-
|
|
1787
|
-
.cell-action-btn[data-v-
|
|
1769
|
+
.cell-edit-icon[data-v-f623c0e1],
|
|
1770
|
+
.cell-action-btn[data-v-f623c0e1] {
|
|
1788
1771
|
will-change: transform;
|
|
1789
1772
|
backface-visibility: hidden;
|
|
1790
1773
|
}
|
|
1791
|
-
[data-v-
|
|
1774
|
+
[data-v-f623c0e1] .n-button {
|
|
1792
1775
|
will-change: transform;
|
|
1793
1776
|
backface-visibility: hidden;
|
|
1794
1777
|
}
|
|
1795
1778
|
|
|
1796
1779
|
/* ================= 15. 可访问性优化 ================= */
|
|
1797
1780
|
/* 聚焦状态 */
|
|
1798
|
-
.cell-edit-wrapper[data-v-
|
|
1799
|
-
.cell-editing-container[data-v-
|
|
1781
|
+
.cell-edit-wrapper[data-v-f623c0e1]:focus-within,
|
|
1782
|
+
.cell-editing-container[data-v-f623c0e1]:focus-within {
|
|
1800
1783
|
outline: 2px solid var(--n-primary-color);
|
|
1801
1784
|
outline-offset: 2px;
|
|
1802
1785
|
}
|
|
1803
1786
|
|
|
1804
1787
|
/* 高对比度模式支持 */
|
|
1805
1788
|
@media (prefers-contrast: high) {
|
|
1806
|
-
.cell-edit-icon[data-v-
|
|
1789
|
+
.cell-edit-icon[data-v-f623c0e1] {
|
|
1807
1790
|
opacity: 0.8;
|
|
1808
1791
|
}
|
|
1809
|
-
.cell-editing-actions[data-v-
|
|
1792
|
+
.cell-editing-actions[data-v-f623c0e1] {
|
|
1810
1793
|
border-width: 2px;
|
|
1811
1794
|
}
|
|
1812
1795
|
}
|
|
1813
1796
|
/* ================= 11. 行拖拽排序 ================= */
|
|
1814
|
-
.row-drag-ghost[data-v-
|
|
1797
|
+
.row-drag-ghost[data-v-f623c0e1] {
|
|
1815
1798
|
opacity: 0.4;
|
|
1816
1799
|
background: var(--c-table-drag-ghost-bg) !important;
|
|
1817
1800
|
}
|
|
1818
|
-
.row-drag-chosen[data-v-
|
|
1801
|
+
.row-drag-chosen[data-v-f623c0e1] {
|
|
1819
1802
|
background: var(--n-color-hover, #f5f5f5) !important;
|
|
1820
1803
|
}
|
|
1821
1804
|
|
|
1822
1805
|
/* ================= 12. 批量操作栏 ================= */
|
|
1823
|
-
.batch-actions-bar[data-v-
|
|
1806
|
+
.batch-actions-bar[data-v-f623c0e1] {
|
|
1824
1807
|
display: flex;
|
|
1825
1808
|
align-items: center;
|
|
1826
1809
|
justify-content: space-between;
|
|
@@ -1830,56 +1813,56 @@ to {
|
|
|
1830
1813
|
border-radius: 6px;
|
|
1831
1814
|
border: 1px solid var(--n-primary-color-suppl, #70b3ff);
|
|
1832
1815
|
}
|
|
1833
|
-
.batch-actions-bar .batch-info[data-v-
|
|
1816
|
+
.batch-actions-bar .batch-info[data-v-f623c0e1] {
|
|
1834
1817
|
font-size: 13px;
|
|
1835
1818
|
color: var(--n-text-color-2);
|
|
1836
1819
|
font-weight: 500;
|
|
1837
1820
|
}
|
|
1838
1821
|
|
|
1839
1822
|
/* ================= 13. 错误状态 ================= */
|
|
1840
|
-
.table-error-state[data-v-
|
|
1823
|
+
.table-error-state[data-v-f623c0e1] {
|
|
1841
1824
|
padding: 48px 24px;
|
|
1842
1825
|
text-align: center;
|
|
1843
1826
|
}
|
|
1844
|
-
.table-error-state .error-content[data-v-
|
|
1827
|
+
.table-error-state .error-content[data-v-f623c0e1] {
|
|
1845
1828
|
display: flex;
|
|
1846
1829
|
flex-direction: column;
|
|
1847
1830
|
align-items: center;
|
|
1848
1831
|
gap: 12px;
|
|
1849
1832
|
color: var(--n-text-color-3, #999);
|
|
1850
1833
|
}
|
|
1851
|
-
.table-error-state .error-message[data-v-
|
|
1834
|
+
.table-error-state .error-message[data-v-f623c0e1] {
|
|
1852
1835
|
font-size: 14px;
|
|
1853
1836
|
margin: 0;
|
|
1854
1837
|
color: var(--n-text-color-2, #666);
|
|
1855
1838
|
}
|
|
1856
1839
|
/* unplugin-vue-components disabled */
|
|
1857
1840
|
/* layer: default */
|
|
1858
|
-
.visible[data-v-
|
|
1859
|
-
.fixed[data-v-
|
|
1860
|
-
.grid[data-v-
|
|
1861
|
-
.mb-2[data-v-
|
|
1862
|
-
.mb-4[data-v-
|
|
1863
|
-
.ml-2[data-v-
|
|
1864
|
-
.w60\%[data-v-
|
|
1865
|
-
.flex[data-v-
|
|
1866
|
-
.table[data-v-
|
|
1867
|
-
.scale-110[data-v-
|
|
1868
|
-
.cursor-pointer[data-v-
|
|
1869
|
-
.items-center[data-v-
|
|
1870
|
-
.justify-end[data-v-
|
|
1871
|
-
.justify-center[data-v-
|
|
1872
|
-
.rd[data-v-
|
|
1873
|
-
.bg-gray-50[data-v-
|
|
1874
|
-
.p-4[data-v-
|
|
1875
|
-
.px[data-v-
|
|
1876
|
-
.py-8[data-v-
|
|
1877
|
-
.text-center[data-v-
|
|
1878
|
-
.text-sm[data-v-
|
|
1879
|
-
.text-gray-400[data-v-
|
|
1880
|
-
.text-gray-500[data-v-
|
|
1881
|
-
.text-gray-600[data-v-
|
|
1882
|
-
.accent-blue-500[data-v-
|
|
1883
|
-
.blur[data-v-
|
|
1884
|
-
.filter[data-v-
|
|
1841
|
+
.visible[data-v-f623c0e1]{visibility:visible;}
|
|
1842
|
+
.fixed[data-v-f623c0e1]{position:fixed;}
|
|
1843
|
+
.grid[data-v-f623c0e1]{display:grid;}
|
|
1844
|
+
.mb-2[data-v-f623c0e1]{margin-bottom:0.5rem;}
|
|
1845
|
+
.mb-4[data-v-f623c0e1]{margin-bottom:1rem;}
|
|
1846
|
+
.ml-2[data-v-f623c0e1]{margin-left:0.5rem;}
|
|
1847
|
+
.w60\%[data-v-f623c0e1]{width:60%;}
|
|
1848
|
+
.flex[data-v-f623c0e1]{display:flex;}
|
|
1849
|
+
.table[data-v-f623c0e1]{display:table;}
|
|
1850
|
+
.scale-110[data-v-f623c0e1]{--un-scale-x:1.1;--un-scale-y:1.1;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
|
|
1851
|
+
.cursor-pointer[data-v-f623c0e1]{cursor:pointer;}
|
|
1852
|
+
.items-center[data-v-f623c0e1]{align-items:center;}
|
|
1853
|
+
.justify-end[data-v-f623c0e1]{justify-content:flex-end;}
|
|
1854
|
+
.justify-center[data-v-f623c0e1]{justify-content:center;}
|
|
1855
|
+
.rd[data-v-f623c0e1]{border-radius:0.25rem;}
|
|
1856
|
+
.bg-gray-50[data-v-f623c0e1]{--un-bg-opacity:1;background-color:rgb(249 250 251 / var(--un-bg-opacity));}
|
|
1857
|
+
.p-4[data-v-f623c0e1]{padding:1rem;}
|
|
1858
|
+
.px[data-v-f623c0e1]{padding-left:1rem;padding-right:1rem;}
|
|
1859
|
+
.py-8[data-v-f623c0e1]{padding-top:2rem;padding-bottom:2rem;}
|
|
1860
|
+
.text-center[data-v-f623c0e1]{text-align:center;}
|
|
1861
|
+
.text-sm[data-v-f623c0e1]{font-size:0.875rem;line-height:1.25rem;}
|
|
1862
|
+
.text-gray-400[data-v-f623c0e1]{--un-text-opacity:1;color:rgb(156 163 175 / var(--un-text-opacity));}
|
|
1863
|
+
.text-gray-500[data-v-f623c0e1]{--un-text-opacity:1;color:rgb(107 114 128 / var(--un-text-opacity));}
|
|
1864
|
+
.text-gray-600[data-v-f623c0e1]{--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity));}
|
|
1865
|
+
.accent-blue-500[data-v-f623c0e1]{--un-accent-opacity:1;accent-color:rgb(59 130 246 / var(--un-accent-opacity));}
|
|
1866
|
+
.blur[data-v-f623c0e1]{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
|
|
1867
|
+
.filter[data-v-f623c0e1]{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
|
|
1885
1868
|
|