@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.css
CHANGED
|
@@ -1216,122 +1216,105 @@ to {
|
|
|
1216
1216
|
|
|
1217
1217
|
/* unplugin-vue-components disabled *//*
|
|
1218
1218
|
* @Author: ChenYu ycyplus@gmail.com
|
|
1219
|
-
* @Date: 2026-10-
|
|
1219
|
+
* @Date: 2026-10-07
|
|
1220
1220
|
* @FilePath: \naive-ui-components\src\components\C_Loading\index.scss
|
|
1221
|
-
* @Description:
|
|
1221
|
+
* @Description: 数据光环与细光束动画,作用域隔离并支持减少动态效果
|
|
1222
1222
|
* Copyright (c) 2026 by CHENY, All Rights Reserved 😎.
|
|
1223
1223
|
*/
|
|
1224
|
-
.c-loading[data-v-
|
|
1224
|
+
.c-loading[data-v-c6727905] {
|
|
1225
1225
|
display: inline-flex;
|
|
1226
|
-
flex-direction: column;
|
|
1227
1226
|
align-items: center;
|
|
1228
1227
|
justify-content: center;
|
|
1229
|
-
gap: 6px;
|
|
1230
1228
|
vertical-align: middle;
|
|
1231
1229
|
line-height: 1;
|
|
1232
1230
|
pointer-events: none;
|
|
1233
1231
|
}
|
|
1234
|
-
.c-loading--labeled[data-v-
|
|
1235
|
-
|
|
1236
|
-
gap:
|
|
1232
|
+
.c-loading--labeled[data-v-c6727905] {
|
|
1233
|
+
position: relative;
|
|
1234
|
+
gap: 10px;
|
|
1237
1235
|
max-width: 100%;
|
|
1238
|
-
padding: 8px
|
|
1236
|
+
padding: 8px 16px 9px 10px;
|
|
1239
1237
|
box-sizing: border-box;
|
|
1240
1238
|
border: 1px solid var(--c-loading-border);
|
|
1241
|
-
border-radius:
|
|
1239
|
+
border-radius: 16px;
|
|
1242
1240
|
background: var(--c-loading-surface);
|
|
1243
|
-
|
|
1241
|
+
background-image: linear-gradient(135deg, color-mix(in srgb, currentColor 4%, var(--c-loading-surface)), var(--c-loading-surface));
|
|
1242
|
+
box-shadow: inset 0 1px 0 color-mix(in srgb, currentColor 4%, transparent), 0 8px 28px rgba(0, 0, 0, 0.06);
|
|
1243
|
+
overflow: hidden;
|
|
1244
1244
|
}
|
|
1245
|
-
.c-
|
|
1245
|
+
.c-loading--labeled[data-v-c6727905]::after {
|
|
1246
|
+
content: "";
|
|
1247
|
+
position: absolute;
|
|
1248
|
+
bottom: 0;
|
|
1249
|
+
left: 0;
|
|
1250
|
+
width: 50%;
|
|
1251
|
+
height: 2px;
|
|
1252
|
+
background: linear-gradient(90deg, transparent, currentColor, transparent);
|
|
1253
|
+
opacity: 0.5;
|
|
1254
|
+
animation: c-loading-beam-c6727905 1.8s ease-in-out infinite;
|
|
1255
|
+
}
|
|
1256
|
+
.c-loading__glyph[data-v-c6727905] {
|
|
1246
1257
|
width: var(--c-loading-size, 48px);
|
|
1247
1258
|
height: var(--c-loading-size, 48px);
|
|
1248
1259
|
flex-shrink: 0;
|
|
1249
|
-
overflow: visible;
|
|
1250
|
-
}
|
|
1251
|
-
.c-loading__frame[data-v-48232aaa] {
|
|
1252
|
-
opacity: 0.35;
|
|
1253
|
-
animation: c-loading-frame-48232aaa 2.4s ease-in-out infinite;
|
|
1254
|
-
}
|
|
1255
|
-
.c-loading__scan[data-v-48232aaa] {
|
|
1256
|
-
opacity: 0;
|
|
1257
|
-
animation: c-loading-scan-48232aaa 2.4s ease-in-out infinite;
|
|
1258
1260
|
}
|
|
1259
|
-
.c-
|
|
1260
|
-
transform-box:
|
|
1261
|
+
.c-loading__orbit[data-v-c6727905] {
|
|
1262
|
+
transform-box: view-box;
|
|
1261
1263
|
transform-origin: center;
|
|
1262
|
-
animation: c-loading-
|
|
1264
|
+
animation: c-loading-orbit-c6727905 1.6s linear infinite;
|
|
1263
1265
|
}
|
|
1264
|
-
.c-
|
|
1265
|
-
|
|
1266
|
-
animation:
|
|
1266
|
+
.c-loading__orbit--inner[data-v-c6727905] {
|
|
1267
|
+
animation-duration: 3.2s;
|
|
1268
|
+
animation-direction: reverse;
|
|
1267
1269
|
}
|
|
1268
|
-
.c-
|
|
1269
|
-
|
|
1270
|
+
.c-loading__row[data-v-c6727905] {
|
|
1271
|
+
opacity: 0.75;
|
|
1272
|
+
animation: c-loading-row-c6727905 1.6s ease-in-out infinite;
|
|
1270
1273
|
}
|
|
1271
|
-
.c-loading__label[data-v-
|
|
1274
|
+
.c-loading__label[data-v-c6727905] {
|
|
1275
|
+
min-width: 0;
|
|
1272
1276
|
color: var(--c-loading-text, currentColor);
|
|
1273
1277
|
font-size: 12px;
|
|
1274
1278
|
font-weight: 500;
|
|
1275
1279
|
letter-spacing: 0.03em;
|
|
1276
1280
|
line-height: 1.6;
|
|
1281
|
+
overflow-wrap: anywhere;
|
|
1277
1282
|
}
|
|
1278
1283
|
@media (prefers-reduced-motion: reduce) {
|
|
1279
|
-
.c-
|
|
1284
|
+
.c-loading__orbit[data-v-c6727905], .c-loading__row[data-v-c6727905], .c-loading--labeled[data-v-c6727905]::after {
|
|
1280
1285
|
animation: none;
|
|
1281
1286
|
}
|
|
1282
|
-
.c-
|
|
1287
|
+
.c-loading--labeled[data-v-c6727905]::after {
|
|
1283
1288
|
display: none;
|
|
1284
1289
|
}
|
|
1285
|
-
.c-loading__frame[data-v-48232aaa], .c-loading__packet[data-v-48232aaa] {
|
|
1286
|
-
opacity: 0.55;
|
|
1287
1290
|
}
|
|
1288
|
-
|
|
1289
|
-
|
|
1290
|
-
|
|
1291
|
-
transform: translateY(0);
|
|
1292
|
-
opacity: 0;
|
|
1293
|
-
}
|
|
1294
|
-
25% {
|
|
1295
|
-
opacity: 0.2;
|
|
1296
|
-
}
|
|
1297
|
-
70% {
|
|
1298
|
-
transform: translateY(14px);
|
|
1299
|
-
opacity: 0.2;
|
|
1300
|
-
}
|
|
1301
|
-
88%, 100% {
|
|
1302
|
-
transform: translateY(14px);
|
|
1303
|
-
opacity: 0;
|
|
1291
|
+
@keyframes c-loading-orbit-c6727905 {
|
|
1292
|
+
to {
|
|
1293
|
+
transform: rotate(360deg);
|
|
1304
1294
|
}
|
|
1305
1295
|
}
|
|
1306
|
-
@keyframes c-loading-
|
|
1296
|
+
@keyframes c-loading-row-c6727905 {
|
|
1307
1297
|
0%, 100% {
|
|
1308
|
-
opacity: 0.
|
|
1309
|
-
}
|
|
1310
|
-
50% {
|
|
1311
|
-
opacity: 0.7;
|
|
1298
|
+
opacity: 0.4;
|
|
1312
1299
|
}
|
|
1313
|
-
|
|
1314
|
-
|
|
1315
|
-
0%, 72%, 82%, 100% {
|
|
1316
|
-
transform: scaleY(1);
|
|
1317
|
-
}
|
|
1318
|
-
77% {
|
|
1319
|
-
transform: scaleY(0.25);
|
|
1300
|
+
40%, 60% {
|
|
1301
|
+
opacity: 1;
|
|
1320
1302
|
}
|
|
1321
1303
|
}
|
|
1322
|
-
@keyframes c-loading-
|
|
1323
|
-
|
|
1324
|
-
|
|
1304
|
+
@keyframes c-loading-beam-c6727905 {
|
|
1305
|
+
from {
|
|
1306
|
+
transform: translateX(-100%);
|
|
1325
1307
|
}
|
|
1326
|
-
|
|
1327
|
-
|
|
1308
|
+
to {
|
|
1309
|
+
transform: translateX(200%);
|
|
1328
1310
|
}
|
|
1329
1311
|
}
|
|
1330
1312
|
/* unplugin-vue-components disabled */
|
|
1331
1313
|
/* layer: default */
|
|
1332
|
-
.
|
|
1333
|
-
.
|
|
1334
|
-
.
|
|
1314
|
+
.ms[data-v-c6727905]{margin-inline-start:1rem;}
|
|
1315
|
+
.table[data-v-c6727905]{display:table;}
|
|
1316
|
+
.px[data-v-c6727905]{padding-left:1rem;padding-right:1rem;}
|
|
1317
|
+
.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);}
|
|
1335
1318
|
|
|
1336
1319
|
|
|
1337
1320
|
/* unplugin-vue-components disabled */.column-management-tab .search-row[data-v-6ff103ee] {
|
|
@@ -1471,7 +1454,7 @@ to {
|
|
|
1471
1454
|
.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);}
|
|
1472
1455
|
|
|
1473
1456
|
/* unplugin-vue-components disabled *//* ================= 1. 组件根容器 ================= */
|
|
1474
|
-
.c-table-wrapper[data-v-
|
|
1457
|
+
.c-table-wrapper[data-v-f623c0e1] {
|
|
1475
1458
|
--c-table-border-color: var(--border-color, #e5e7eb);
|
|
1476
1459
|
--c-table-bg: var(--body-color, #fff);
|
|
1477
1460
|
--c-table-header-bg: var(--card-color, #fafafc);
|
|
@@ -1484,52 +1467,52 @@ to {
|
|
|
1484
1467
|
}
|
|
1485
1468
|
|
|
1486
1469
|
/* ================= 列拖拽排序 ================= */
|
|
1487
|
-
.column-drag-ghost[data-v-
|
|
1470
|
+
.column-drag-ghost[data-v-f623c0e1] {
|
|
1488
1471
|
opacity: var(--c-table-drag-ghost-opacity);
|
|
1489
1472
|
background: var(--c-table-drag-ghost-bg) !important;
|
|
1490
1473
|
}
|
|
1491
|
-
.drag-handle[data-v-
|
|
1474
|
+
.drag-handle[data-v-f623c0e1] {
|
|
1492
1475
|
cursor: grab;
|
|
1493
1476
|
}
|
|
1494
|
-
.drag-handle[data-v-
|
|
1477
|
+
.drag-handle[data-v-f623c0e1]:active {
|
|
1495
1478
|
cursor: grabbing;
|
|
1496
1479
|
}
|
|
1497
1480
|
|
|
1498
1481
|
/* ================= 合计行强调 ================= */
|
|
1499
|
-
.c-table-wrapper[data-v-
|
|
1482
|
+
.c-table-wrapper[data-v-f623c0e1] .n-data-table-tfoot {
|
|
1500
1483
|
background: var(--c-table-summary-bg);
|
|
1501
1484
|
font-weight: var(--c-table-summary-font-weight);
|
|
1502
1485
|
}
|
|
1503
1486
|
|
|
1504
1487
|
/* ================= 2. 表格工具栏 ================= */
|
|
1505
|
-
.table-toolbar[data-v-
|
|
1488
|
+
.table-toolbar[data-v-f623c0e1] {
|
|
1506
1489
|
display: flex;
|
|
1507
1490
|
justify-content: space-between;
|
|
1508
1491
|
align-items: center;
|
|
1509
1492
|
margin-bottom: 16px;
|
|
1510
1493
|
}
|
|
1511
|
-
.table-toolbar .toolbar-left[data-v-
|
|
1494
|
+
.table-toolbar .toolbar-left[data-v-f623c0e1] {
|
|
1512
1495
|
display: flex;
|
|
1513
1496
|
align-items: center;
|
|
1514
1497
|
gap: 12px;
|
|
1515
1498
|
}
|
|
1516
|
-
.table-toolbar .toolbar-right[data-v-
|
|
1499
|
+
.table-toolbar .toolbar-right[data-v-f623c0e1] {
|
|
1517
1500
|
display: flex;
|
|
1518
1501
|
align-items: center;
|
|
1519
1502
|
gap: 8px;
|
|
1520
1503
|
}
|
|
1521
|
-
.table-toolbar .toolbar-right .column-settings-btn[data-v-
|
|
1504
|
+
.table-toolbar .toolbar-right .column-settings-btn[data-v-f623c0e1] {
|
|
1522
1505
|
opacity: 0.6;
|
|
1523
1506
|
transition: opacity 0.2s ease, transform 0.2s ease;
|
|
1524
1507
|
cursor: pointer;
|
|
1525
1508
|
}
|
|
1526
|
-
.table-toolbar .toolbar-right .column-settings-btn[data-v-
|
|
1509
|
+
.table-toolbar .toolbar-right .column-settings-btn[data-v-f623c0e1]:hover {
|
|
1527
1510
|
opacity: 1;
|
|
1528
1511
|
transform: scale(1.1);
|
|
1529
1512
|
}
|
|
1530
1513
|
|
|
1531
1514
|
/* ================= 3. 动态行工具栏 ================= */
|
|
1532
|
-
.dynamic-rows-toolbar[data-v-
|
|
1515
|
+
.dynamic-rows-toolbar[data-v-f623c0e1] {
|
|
1533
1516
|
margin-bottom: 16px;
|
|
1534
1517
|
padding: 16px;
|
|
1535
1518
|
border-radius: 8px;
|
|
@@ -1538,12 +1521,12 @@ to {
|
|
|
1538
1521
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
|
|
1539
1522
|
transition: all 0.2s ease;
|
|
1540
1523
|
}
|
|
1541
|
-
.dynamic-rows-toolbar[data-v-
|
|
1524
|
+
.dynamic-rows-toolbar[data-v-f623c0e1]:hover {
|
|
1542
1525
|
border-color: var(--n-primary-color-suppl);
|
|
1543
1526
|
}
|
|
1544
1527
|
|
|
1545
1528
|
/* ================= 4. 表格布局基础 ================= */
|
|
1546
|
-
[data-v-
|
|
1529
|
+
[data-v-f623c0e1] .n-data-table {
|
|
1547
1530
|
table-layout: auto !important;
|
|
1548
1531
|
width: 100% !important;
|
|
1549
1532
|
border-radius: 8px;
|
|
@@ -1551,12 +1534,12 @@ to {
|
|
|
1551
1534
|
}
|
|
1552
1535
|
|
|
1553
1536
|
/* 确保表格容器允许横向滚动(固定列必需) */
|
|
1554
|
-
[data-v-
|
|
1537
|
+
[data-v-f623c0e1] .n-data-table-wrapper {
|
|
1555
1538
|
overflow-x: auto !important;
|
|
1556
1539
|
}
|
|
1557
1540
|
|
|
1558
1541
|
/* 分页组件样式 */
|
|
1559
|
-
.pagination-wrapper[data-v-
|
|
1542
|
+
.pagination-wrapper[data-v-f623c0e1] {
|
|
1560
1543
|
margin-top: 16px;
|
|
1561
1544
|
display: flex;
|
|
1562
1545
|
justify-content: flex-end;
|
|
@@ -1564,12 +1547,12 @@ to {
|
|
|
1564
1547
|
|
|
1565
1548
|
/* ================= 5. 表格列宽度管理 ================= */
|
|
1566
1549
|
/* 普通列的最小宽度保护 */
|
|
1567
|
-
[data-v-
|
|
1550
|
+
[data-v-f623c0e1] .n-data-table-th:not(:last-child) {
|
|
1568
1551
|
min-width: 80px !important;
|
|
1569
1552
|
}
|
|
1570
1553
|
|
|
1571
1554
|
/* 操作列固定宽度(适应4个按钮的布局) */
|
|
1572
|
-
[data-v-
|
|
1555
|
+
[data-v-f623c0e1] .c-table-actions-column {
|
|
1573
1556
|
width: 180px !important;
|
|
1574
1557
|
min-width: 160px !important;
|
|
1575
1558
|
max-width: 200px !important;
|
|
@@ -1578,14 +1561,14 @@ to {
|
|
|
1578
1561
|
}
|
|
1579
1562
|
|
|
1580
1563
|
/* 操作按钮容器居中 */
|
|
1581
|
-
[data-v-
|
|
1564
|
+
[data-v-f623c0e1] .c-table-actions-column .n-space {
|
|
1582
1565
|
justify-content: center !important;
|
|
1583
1566
|
align-items: center !important;
|
|
1584
1567
|
}
|
|
1585
1568
|
|
|
1586
1569
|
/* ================= 6. 可编辑单元格样式 ================= */
|
|
1587
1570
|
/* 单元格编辑容器 - 精致化设计 */
|
|
1588
|
-
.cell-edit-wrapper[data-v-
|
|
1571
|
+
.cell-edit-wrapper[data-v-f623c0e1] {
|
|
1589
1572
|
display: flex;
|
|
1590
1573
|
align-items: center;
|
|
1591
1574
|
justify-content: space-between;
|
|
@@ -1598,23 +1581,23 @@ to {
|
|
|
1598
1581
|
position: relative;
|
|
1599
1582
|
/* 悬停效果 */
|
|
1600
1583
|
}
|
|
1601
|
-
.cell-edit-wrapper[data-v-
|
|
1584
|
+
.cell-edit-wrapper[data-v-f623c0e1]:hover {
|
|
1602
1585
|
background-color: var(--n-color-target);
|
|
1603
1586
|
}
|
|
1604
|
-
.cell-edit-wrapper:hover .cell-edit-icon[data-v-
|
|
1587
|
+
.cell-edit-wrapper:hover .cell-edit-icon[data-v-f623c0e1] {
|
|
1605
1588
|
opacity: 1;
|
|
1606
1589
|
color: var(--n-color-success);
|
|
1607
1590
|
transform: scale(1.05);
|
|
1608
1591
|
}
|
|
1609
|
-
.cell-edit-wrapper[data-v-
|
|
1592
|
+
.cell-edit-wrapper[data-v-f623c0e1] {
|
|
1610
1593
|
/* 激活状态 */
|
|
1611
1594
|
}
|
|
1612
|
-
.cell-edit-wrapper[data-v-
|
|
1595
|
+
.cell-edit-wrapper[data-v-f623c0e1]:active {
|
|
1613
1596
|
transform: translateY(1px);
|
|
1614
1597
|
}
|
|
1615
1598
|
|
|
1616
1599
|
/* 单元格内容 */
|
|
1617
|
-
.cell-value[data-v-
|
|
1600
|
+
.cell-value[data-v-f623c0e1] {
|
|
1618
1601
|
flex: 1;
|
|
1619
1602
|
overflow: hidden;
|
|
1620
1603
|
text-overflow: ellipsis;
|
|
@@ -1625,7 +1608,7 @@ to {
|
|
|
1625
1608
|
}
|
|
1626
1609
|
|
|
1627
1610
|
/* 动态渲染单元格也只在当前表格边界内匹配。 */
|
|
1628
|
-
.c-table-wrapper[data-v-
|
|
1611
|
+
.c-table-wrapper[data-v-f623c0e1] .cell-edit-icon {
|
|
1629
1612
|
flex-shrink: 0;
|
|
1630
1613
|
width: 24px;
|
|
1631
1614
|
height: 24px;
|
|
@@ -1641,29 +1624,29 @@ to {
|
|
|
1641
1624
|
position: relative;
|
|
1642
1625
|
/* 悬停效果 */
|
|
1643
1626
|
}
|
|
1644
|
-
.c-table-wrapper[data-v-
|
|
1627
|
+
.c-table-wrapper[data-v-f623c0e1] .cell-edit-icon:hover {
|
|
1645
1628
|
opacity: 1 !important;
|
|
1646
1629
|
color: var(--n-color-success-hover) !important;
|
|
1647
1630
|
background-color: var(--n-color-success-pressed);
|
|
1648
1631
|
transform: scale(1.1);
|
|
1649
1632
|
}
|
|
1650
|
-
.c-table-wrapper[data-v-
|
|
1633
|
+
.c-table-wrapper[data-v-f623c0e1] .cell-edit-icon {
|
|
1651
1634
|
/* 激活效果 */
|
|
1652
1635
|
}
|
|
1653
|
-
.c-table-wrapper[data-v-
|
|
1636
|
+
.c-table-wrapper[data-v-f623c0e1] .cell-edit-icon:active {
|
|
1654
1637
|
transform: scale(0.95);
|
|
1655
1638
|
}
|
|
1656
|
-
.c-table-wrapper[data-v-
|
|
1639
|
+
.c-table-wrapper[data-v-f623c0e1] .cell-edit-icon {
|
|
1657
1640
|
/* 图标尺寸 */
|
|
1658
1641
|
}
|
|
1659
|
-
.c-table-wrapper[data-v-
|
|
1642
|
+
.c-table-wrapper[data-v-f623c0e1] .cell-edit-icon svg {
|
|
1660
1643
|
width: 14px;
|
|
1661
1644
|
height: 14px;
|
|
1662
1645
|
}
|
|
1663
1646
|
|
|
1664
1647
|
/* ================= 7. 单元格编辑状态样式 ================= */
|
|
1665
1648
|
/* 编辑容器 - 确保水平布局不换行 */
|
|
1666
|
-
.cell-editing-container[data-v-
|
|
1649
|
+
.cell-editing-container[data-v-f623c0e1],[data-v-f623c0e1] .cell-editing-container {
|
|
1667
1650
|
display: flex !important;
|
|
1668
1651
|
align-items: center !important;
|
|
1669
1652
|
width: 100% !important;
|
|
@@ -1677,39 +1660,39 @@ to {
|
|
|
1677
1660
|
}
|
|
1678
1661
|
|
|
1679
1662
|
/* 编辑输入区域 - 占据剩余空间 */
|
|
1680
|
-
.cell-editing-input[data-v-
|
|
1663
|
+
.cell-editing-input[data-v-f623c0e1],[data-v-f623c0e1] .cell-editing-input {
|
|
1681
1664
|
flex: 1 !important;
|
|
1682
1665
|
min-width: 0 !important;
|
|
1683
1666
|
}
|
|
1684
1667
|
|
|
1685
1668
|
/* 深度选择器处理输入框样式 */
|
|
1686
|
-
[data-v-
|
|
1669
|
+
[data-v-f623c0e1] .cell-editing-input .n-input {
|
|
1687
1670
|
border: none !important;
|
|
1688
1671
|
box-shadow: none !important;
|
|
1689
1672
|
background: transparent !important;
|
|
1690
1673
|
}
|
|
1691
|
-
[data-v-
|
|
1674
|
+
[data-v-f623c0e1] .cell-editing-input .n-input.n-input--focus {
|
|
1692
1675
|
border: none !important;
|
|
1693
1676
|
box-shadow: none !important;
|
|
1694
1677
|
}
|
|
1695
|
-
[data-v-
|
|
1678
|
+
[data-v-f623c0e1] .cell-editing-input .n-input-number {
|
|
1696
1679
|
border: none !important;
|
|
1697
1680
|
box-shadow: none !important;
|
|
1698
1681
|
background: transparent !important;
|
|
1699
1682
|
}
|
|
1700
|
-
[data-v-
|
|
1683
|
+
[data-v-f623c0e1] .cell-editing-input .n-select {
|
|
1701
1684
|
border: none !important;
|
|
1702
1685
|
box-shadow: none !important;
|
|
1703
1686
|
background: transparent !important;
|
|
1704
1687
|
}
|
|
1705
|
-
[data-v-
|
|
1688
|
+
[data-v-f623c0e1] .cell-editing-input .n-select .n-base-selection {
|
|
1706
1689
|
border: none !important;
|
|
1707
1690
|
box-shadow: none !important;
|
|
1708
1691
|
background: transparent !important;
|
|
1709
1692
|
}
|
|
1710
1693
|
|
|
1711
1694
|
/* 编辑操作按钮容器 */
|
|
1712
|
-
.cell-editing-actions[data-v-
|
|
1695
|
+
.cell-editing-actions[data-v-f623c0e1],[data-v-f623c0e1] .cell-editing-actions {
|
|
1713
1696
|
display: flex !important;
|
|
1714
1697
|
flex-shrink: 0 !important;
|
|
1715
1698
|
align-items: center !important;
|
|
@@ -1722,7 +1705,7 @@ to {
|
|
|
1722
1705
|
}
|
|
1723
1706
|
|
|
1724
1707
|
/* 编辑操作按钮 */
|
|
1725
|
-
.cell-action-btn[data-v-
|
|
1708
|
+
.cell-action-btn[data-v-f623c0e1],[data-v-f623c0e1] .cell-action-btn {
|
|
1726
1709
|
display: flex !important;
|
|
1727
1710
|
align-items: center !important;
|
|
1728
1711
|
justify-content: center !important;
|
|
@@ -1735,34 +1718,34 @@ to {
|
|
|
1735
1718
|
background: transparent !important;
|
|
1736
1719
|
/* 保存按钮 */
|
|
1737
1720
|
}
|
|
1738
|
-
.cell-action-btn.cell-action-save[data-v-
|
|
1721
|
+
.cell-action-btn.cell-action-save[data-v-f623c0e1],[data-v-f623c0e1] .cell-action-btn.cell-action-save {
|
|
1739
1722
|
color: var(--n-color-success) !important;
|
|
1740
1723
|
}
|
|
1741
|
-
.cell-action-btn.cell-action-save[data-v-
|
|
1724
|
+
.cell-action-btn.cell-action-save[data-v-f623c0e1]:hover,[data-v-f623c0e1] .cell-action-btn.cell-action-save:hover {
|
|
1742
1725
|
background: var(--n-color-success-pressed) !important;
|
|
1743
1726
|
transform: scale(1.1) !important;
|
|
1744
1727
|
}
|
|
1745
|
-
.cell-action-btn[data-v-
|
|
1728
|
+
.cell-action-btn[data-v-f623c0e1],[data-v-f623c0e1] .cell-action-btn {
|
|
1746
1729
|
/* 取消按钮 */
|
|
1747
1730
|
}
|
|
1748
|
-
.cell-action-btn.cell-action-cancel[data-v-
|
|
1731
|
+
.cell-action-btn.cell-action-cancel[data-v-f623c0e1],[data-v-f623c0e1] .cell-action-btn.cell-action-cancel {
|
|
1749
1732
|
color: var(--n-color-error) !important;
|
|
1750
1733
|
}
|
|
1751
|
-
.cell-action-btn.cell-action-cancel[data-v-
|
|
1734
|
+
.cell-action-btn.cell-action-cancel[data-v-f623c0e1]:hover,[data-v-f623c0e1] .cell-action-btn.cell-action-cancel:hover {
|
|
1752
1735
|
background: var(--n-color-error-pressed) !important;
|
|
1753
1736
|
transform: scale(1.1) !important;
|
|
1754
1737
|
}
|
|
1755
|
-
.cell-action-btn[data-v-
|
|
1738
|
+
.cell-action-btn[data-v-f623c0e1],[data-v-f623c0e1] .cell-action-btn {
|
|
1756
1739
|
/* 图标尺寸 */
|
|
1757
1740
|
}
|
|
1758
|
-
.cell-action-btn svg[data-v-
|
|
1741
|
+
.cell-action-btn svg[data-v-f623c0e1],[data-v-f623c0e1] .cell-action-btn svg {
|
|
1759
1742
|
width: 11px !important;
|
|
1760
1743
|
height: 11px !important;
|
|
1761
1744
|
}
|
|
1762
1745
|
|
|
1763
1746
|
/* ================= 7. 操作按钮样式 ================= */
|
|
1764
1747
|
/* 通用按钮样式 */
|
|
1765
|
-
[data-v-
|
|
1748
|
+
[data-v-f623c0e1] .n-button {
|
|
1766
1749
|
white-space: nowrap;
|
|
1767
1750
|
font-size: 12px !important;
|
|
1768
1751
|
flex-shrink: 0 !important;
|
|
@@ -1771,60 +1754,60 @@ to {
|
|
|
1771
1754
|
font-weight: 500;
|
|
1772
1755
|
/* 图标间距 */
|
|
1773
1756
|
}
|
|
1774
|
-
[data-v-
|
|
1757
|
+
[data-v-f623c0e1] .n-button .n-icon {
|
|
1775
1758
|
margin-right: 4px !important;
|
|
1776
1759
|
}
|
|
1777
|
-
[data-v-
|
|
1760
|
+
[data-v-f623c0e1] .n-button {
|
|
1778
1761
|
/* 小尺寸按钮优化 */
|
|
1779
1762
|
}
|
|
1780
|
-
[data-v-
|
|
1763
|
+
[data-v-f623c0e1] .n-button.n-button--small-type {
|
|
1781
1764
|
padding: 4px 8px;
|
|
1782
1765
|
height: 28px;
|
|
1783
1766
|
line-height: 20px;
|
|
1784
1767
|
}
|
|
1785
|
-
[data-v-
|
|
1768
|
+
[data-v-f623c0e1] .n-button {
|
|
1786
1769
|
/* 四元按钮样式 */
|
|
1787
1770
|
}
|
|
1788
|
-
[data-v-
|
|
1771
|
+
[data-v-f623c0e1] .n-button.n-button--quaternary-type:hover {
|
|
1789
1772
|
transform: translateY(-1px);
|
|
1790
1773
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
|
1791
1774
|
}
|
|
1792
|
-
[data-v-
|
|
1775
|
+
[data-v-f623c0e1] .n-button.n-button--quaternary-type:active {
|
|
1793
1776
|
transform: translateY(0);
|
|
1794
1777
|
}
|
|
1795
1778
|
|
|
1796
1779
|
/* ================= 8. 按钮组间距优化 ================= */
|
|
1797
1780
|
/* 操作按钮组 */
|
|
1798
|
-
[data-v-
|
|
1781
|
+
[data-v-f623c0e1] .n-space.n-space--horizontal .n-space-item:not(:last-child) {
|
|
1799
1782
|
margin-right: 6px !important;
|
|
1800
1783
|
}
|
|
1801
1784
|
|
|
1802
1785
|
/* ================= 9. 模态框样式优化 ================= */
|
|
1803
1786
|
/* 编辑模态框 */
|
|
1804
|
-
[data-v-
|
|
1787
|
+
[data-v-f623c0e1] .n-modal .n-card {
|
|
1805
1788
|
border-radius: 12px;
|
|
1806
1789
|
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
|
|
1807
1790
|
}
|
|
1808
|
-
[data-v-
|
|
1791
|
+
[data-v-f623c0e1] .n-modal .n-card__header {
|
|
1809
1792
|
padding: 20px 24px 16px;
|
|
1810
1793
|
font-weight: 600;
|
|
1811
1794
|
font-size: 16px;
|
|
1812
1795
|
}
|
|
1813
|
-
[data-v-
|
|
1796
|
+
[data-v-f623c0e1] .n-modal .n-card__content {
|
|
1814
1797
|
padding: 0 24px 16px;
|
|
1815
1798
|
}
|
|
1816
|
-
[data-v-
|
|
1799
|
+
[data-v-f623c0e1] .n-modal .n-card__action {
|
|
1817
1800
|
padding: 16px 24px 20px;
|
|
1818
1801
|
border-top: 1px solid var(--n-divider-color);
|
|
1819
1802
|
}
|
|
1820
1803
|
|
|
1821
1804
|
/* ================= 10. 描述列表样式 ================= */
|
|
1822
1805
|
/* 详情模态框描述列表 */
|
|
1823
|
-
[data-v-
|
|
1806
|
+
[data-v-f623c0e1] .n-descriptions .n-descriptions-item-label {
|
|
1824
1807
|
font-weight: 500;
|
|
1825
1808
|
color: var(--n-text-color-2);
|
|
1826
1809
|
}
|
|
1827
|
-
[data-v-
|
|
1810
|
+
[data-v-f623c0e1] .n-descriptions .n-descriptions-item-content {
|
|
1828
1811
|
color: var(--n-text-color-1);
|
|
1829
1812
|
word-break: break-all;
|
|
1830
1813
|
}
|
|
@@ -1832,99 +1815,99 @@ to {
|
|
|
1832
1815
|
/* ================= 11. 响应式设计 ================= */
|
|
1833
1816
|
/* 移动端适配 */
|
|
1834
1817
|
@media (max-width: 768px) {
|
|
1835
|
-
.c-table-wrapper[data-v-
|
|
1818
|
+
.c-table-wrapper[data-v-f623c0e1] {
|
|
1836
1819
|
overflow-x: auto;
|
|
1837
1820
|
}
|
|
1838
1821
|
/* 操作列在移动端的适配 */
|
|
1839
|
-
[data-v-
|
|
1822
|
+
[data-v-f623c0e1] .n-data-table-th:last-child {
|
|
1840
1823
|
width: 160px !important;
|
|
1841
1824
|
min-width: 160px !important;
|
|
1842
1825
|
}
|
|
1843
1826
|
/* 按钮在移动端的优化 */
|
|
1844
|
-
[data-v-
|
|
1827
|
+
[data-v-f623c0e1] .n-button {
|
|
1845
1828
|
font-size: 11px !important;
|
|
1846
1829
|
padding: 3px 6px;
|
|
1847
1830
|
}
|
|
1848
|
-
[data-v-
|
|
1831
|
+
[data-v-f623c0e1] .n-button .n-icon {
|
|
1849
1832
|
margin-right: 2px !important;
|
|
1850
1833
|
}
|
|
1851
1834
|
/* 单元格编辑图标在移动端始终显示 */
|
|
1852
|
-
.cell-edit-icon[data-v-
|
|
1835
|
+
.cell-edit-icon[data-v-f623c0e1] {
|
|
1853
1836
|
opacity: 0.6;
|
|
1854
1837
|
}
|
|
1855
1838
|
}
|
|
1856
1839
|
/* ================= 12. 主题适配 ================= */
|
|
1857
1840
|
/* 暗色主题适配 - 已通过 CSS 变量自动适配 */
|
|
1858
|
-
[data-theme=dark][data-v-
|
|
1841
|
+
[data-theme=dark][data-v-f623c0e1] {
|
|
1859
1842
|
/* CSS 变量已自动适配,如有特殊需求可在此添加 */
|
|
1860
1843
|
}
|
|
1861
1844
|
|
|
1862
1845
|
/* ================= 13. 响应式优化 ================= */
|
|
1863
1846
|
/* 小屏幕下的单元格编辑优化 */
|
|
1864
1847
|
@media (max-width: 768px) {
|
|
1865
|
-
.cell-editing-container[data-v-
|
|
1848
|
+
.cell-editing-container[data-v-f623c0e1],[data-v-f623c0e1] .cell-editing-container {
|
|
1866
1849
|
gap: 6px !important;
|
|
1867
1850
|
}
|
|
1868
|
-
.cell-editing-actions[data-v-
|
|
1851
|
+
.cell-editing-actions[data-v-f623c0e1],[data-v-f623c0e1] .cell-editing-actions {
|
|
1869
1852
|
gap: 3px !important;
|
|
1870
1853
|
padding: 2px !important;
|
|
1871
1854
|
}
|
|
1872
|
-
.cell-action-btn[data-v-
|
|
1855
|
+
.cell-action-btn[data-v-f623c0e1],[data-v-f623c0e1] .cell-action-btn {
|
|
1873
1856
|
width: 18px !important;
|
|
1874
1857
|
height: 18px !important;
|
|
1875
1858
|
}
|
|
1876
|
-
.cell-action-btn svg[data-v-
|
|
1859
|
+
.cell-action-btn svg[data-v-f623c0e1],[data-v-f623c0e1] .cell-action-btn svg {
|
|
1877
1860
|
width: 10px !important;
|
|
1878
1861
|
height: 10px !important;
|
|
1879
1862
|
}
|
|
1880
1863
|
/* 移动端编辑图标 */
|
|
1881
|
-
.cell-edit-icon[data-v-
|
|
1864
|
+
.cell-edit-icon[data-v-f623c0e1] {
|
|
1882
1865
|
opacity: 0.6 !important;
|
|
1883
1866
|
}
|
|
1884
|
-
.cell-value[data-v-
|
|
1867
|
+
.cell-value[data-v-f623c0e1] {
|
|
1885
1868
|
margin-right: 12px !important;
|
|
1886
1869
|
}
|
|
1887
1870
|
}
|
|
1888
1871
|
/* ================= 14. 性能优化 ================= */
|
|
1889
1872
|
/* 使用 GPU 加速的动画 */
|
|
1890
|
-
.cell-edit-icon[data-v-
|
|
1891
|
-
.cell-action-btn[data-v-
|
|
1873
|
+
.cell-edit-icon[data-v-f623c0e1],
|
|
1874
|
+
.cell-action-btn[data-v-f623c0e1] {
|
|
1892
1875
|
will-change: transform;
|
|
1893
1876
|
backface-visibility: hidden;
|
|
1894
1877
|
}
|
|
1895
|
-
[data-v-
|
|
1878
|
+
[data-v-f623c0e1] .n-button {
|
|
1896
1879
|
will-change: transform;
|
|
1897
1880
|
backface-visibility: hidden;
|
|
1898
1881
|
}
|
|
1899
1882
|
|
|
1900
1883
|
/* ================= 15. 可访问性优化 ================= */
|
|
1901
1884
|
/* 聚焦状态 */
|
|
1902
|
-
.cell-edit-wrapper[data-v-
|
|
1903
|
-
.cell-editing-container[data-v-
|
|
1885
|
+
.cell-edit-wrapper[data-v-f623c0e1]:focus-within,
|
|
1886
|
+
.cell-editing-container[data-v-f623c0e1]:focus-within {
|
|
1904
1887
|
outline: 2px solid var(--n-primary-color);
|
|
1905
1888
|
outline-offset: 2px;
|
|
1906
1889
|
}
|
|
1907
1890
|
|
|
1908
1891
|
/* 高对比度模式支持 */
|
|
1909
1892
|
@media (prefers-contrast: high) {
|
|
1910
|
-
.cell-edit-icon[data-v-
|
|
1893
|
+
.cell-edit-icon[data-v-f623c0e1] {
|
|
1911
1894
|
opacity: 0.8;
|
|
1912
1895
|
}
|
|
1913
|
-
.cell-editing-actions[data-v-
|
|
1896
|
+
.cell-editing-actions[data-v-f623c0e1] {
|
|
1914
1897
|
border-width: 2px;
|
|
1915
1898
|
}
|
|
1916
1899
|
}
|
|
1917
1900
|
/* ================= 11. 行拖拽排序 ================= */
|
|
1918
|
-
.row-drag-ghost[data-v-
|
|
1901
|
+
.row-drag-ghost[data-v-f623c0e1] {
|
|
1919
1902
|
opacity: 0.4;
|
|
1920
1903
|
background: var(--c-table-drag-ghost-bg) !important;
|
|
1921
1904
|
}
|
|
1922
|
-
.row-drag-chosen[data-v-
|
|
1905
|
+
.row-drag-chosen[data-v-f623c0e1] {
|
|
1923
1906
|
background: var(--n-color-hover, #f5f5f5) !important;
|
|
1924
1907
|
}
|
|
1925
1908
|
|
|
1926
1909
|
/* ================= 12. 批量操作栏 ================= */
|
|
1927
|
-
.batch-actions-bar[data-v-
|
|
1910
|
+
.batch-actions-bar[data-v-f623c0e1] {
|
|
1928
1911
|
display: flex;
|
|
1929
1912
|
align-items: center;
|
|
1930
1913
|
justify-content: space-between;
|
|
@@ -1934,56 +1917,56 @@ to {
|
|
|
1934
1917
|
border-radius: 6px;
|
|
1935
1918
|
border: 1px solid var(--n-primary-color-suppl, #70b3ff);
|
|
1936
1919
|
}
|
|
1937
|
-
.batch-actions-bar .batch-info[data-v-
|
|
1920
|
+
.batch-actions-bar .batch-info[data-v-f623c0e1] {
|
|
1938
1921
|
font-size: 13px;
|
|
1939
1922
|
color: var(--n-text-color-2);
|
|
1940
1923
|
font-weight: 500;
|
|
1941
1924
|
}
|
|
1942
1925
|
|
|
1943
1926
|
/* ================= 13. 错误状态 ================= */
|
|
1944
|
-
.table-error-state[data-v-
|
|
1927
|
+
.table-error-state[data-v-f623c0e1] {
|
|
1945
1928
|
padding: 48px 24px;
|
|
1946
1929
|
text-align: center;
|
|
1947
1930
|
}
|
|
1948
|
-
.table-error-state .error-content[data-v-
|
|
1931
|
+
.table-error-state .error-content[data-v-f623c0e1] {
|
|
1949
1932
|
display: flex;
|
|
1950
1933
|
flex-direction: column;
|
|
1951
1934
|
align-items: center;
|
|
1952
1935
|
gap: 12px;
|
|
1953
1936
|
color: var(--n-text-color-3, #999);
|
|
1954
1937
|
}
|
|
1955
|
-
.table-error-state .error-message[data-v-
|
|
1938
|
+
.table-error-state .error-message[data-v-f623c0e1] {
|
|
1956
1939
|
font-size: 14px;
|
|
1957
1940
|
margin: 0;
|
|
1958
1941
|
color: var(--n-text-color-2, #666);
|
|
1959
1942
|
}
|
|
1960
1943
|
/* unplugin-vue-components disabled */
|
|
1961
1944
|
/* layer: default */
|
|
1962
|
-
.visible[data-v-
|
|
1963
|
-
.fixed[data-v-
|
|
1964
|
-
.grid[data-v-
|
|
1965
|
-
.mb-2[data-v-
|
|
1966
|
-
.mb-4[data-v-
|
|
1967
|
-
.ml-2[data-v-
|
|
1968
|
-
.w60\%[data-v-
|
|
1969
|
-
.flex[data-v-
|
|
1970
|
-
.table[data-v-
|
|
1971
|
-
.scale-110[data-v-
|
|
1972
|
-
.cursor-pointer[data-v-
|
|
1973
|
-
.items-center[data-v-
|
|
1974
|
-
.justify-end[data-v-
|
|
1975
|
-
.justify-center[data-v-
|
|
1976
|
-
.rd[data-v-
|
|
1977
|
-
.bg-gray-50[data-v-
|
|
1978
|
-
.p-4[data-v-
|
|
1979
|
-
.px[data-v-
|
|
1980
|
-
.py-8[data-v-
|
|
1981
|
-
.text-center[data-v-
|
|
1982
|
-
.text-sm[data-v-
|
|
1983
|
-
.text-gray-400[data-v-
|
|
1984
|
-
.text-gray-500[data-v-
|
|
1985
|
-
.text-gray-600[data-v-
|
|
1986
|
-
.accent-blue-500[data-v-
|
|
1987
|
-
.blur[data-v-
|
|
1988
|
-
.filter[data-v-
|
|
1945
|
+
.visible[data-v-f623c0e1]{visibility:visible;}
|
|
1946
|
+
.fixed[data-v-f623c0e1]{position:fixed;}
|
|
1947
|
+
.grid[data-v-f623c0e1]{display:grid;}
|
|
1948
|
+
.mb-2[data-v-f623c0e1]{margin-bottom:0.5rem;}
|
|
1949
|
+
.mb-4[data-v-f623c0e1]{margin-bottom:1rem;}
|
|
1950
|
+
.ml-2[data-v-f623c0e1]{margin-left:0.5rem;}
|
|
1951
|
+
.w60\%[data-v-f623c0e1]{width:60%;}
|
|
1952
|
+
.flex[data-v-f623c0e1]{display:flex;}
|
|
1953
|
+
.table[data-v-f623c0e1]{display:table;}
|
|
1954
|
+
.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));}
|
|
1955
|
+
.cursor-pointer[data-v-f623c0e1]{cursor:pointer;}
|
|
1956
|
+
.items-center[data-v-f623c0e1]{align-items:center;}
|
|
1957
|
+
.justify-end[data-v-f623c0e1]{justify-content:flex-end;}
|
|
1958
|
+
.justify-center[data-v-f623c0e1]{justify-content:center;}
|
|
1959
|
+
.rd[data-v-f623c0e1]{border-radius:0.25rem;}
|
|
1960
|
+
.bg-gray-50[data-v-f623c0e1]{--un-bg-opacity:1;background-color:rgb(249 250 251 / var(--un-bg-opacity));}
|
|
1961
|
+
.p-4[data-v-f623c0e1]{padding:1rem;}
|
|
1962
|
+
.px[data-v-f623c0e1]{padding-left:1rem;padding-right:1rem;}
|
|
1963
|
+
.py-8[data-v-f623c0e1]{padding-top:2rem;padding-bottom:2rem;}
|
|
1964
|
+
.text-center[data-v-f623c0e1]{text-align:center;}
|
|
1965
|
+
.text-sm[data-v-f623c0e1]{font-size:0.875rem;line-height:1.25rem;}
|
|
1966
|
+
.text-gray-400[data-v-f623c0e1]{--un-text-opacity:1;color:rgb(156 163 175 / var(--un-text-opacity));}
|
|
1967
|
+
.text-gray-500[data-v-f623c0e1]{--un-text-opacity:1;color:rgb(107 114 128 / var(--un-text-opacity));}
|
|
1968
|
+
.text-gray-600[data-v-f623c0e1]{--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity));}
|
|
1969
|
+
.accent-blue-500[data-v-f623c0e1]{--un-accent-opacity:1;accent-color:rgb(59 130 246 / var(--un-accent-opacity));}
|
|
1970
|
+
.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);}
|
|
1971
|
+
.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);}
|
|
1989
1972
|
|