@robot-admin/naive-ui-components 0.13.5 → 0.13.6

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.
Files changed (139) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/README.md +25 -5
  3. package/README_EN.md +17 -5
  4. package/dist/C_Loading.cjs +1 -0
  5. package/dist/C_Loading.css +119 -0
  6. package/dist/C_Loading.d.cts +2 -0
  7. package/dist/C_Loading.d.ts +2 -0
  8. package/dist/C_Loading.js +1 -0
  9. package/dist/C_Loading2.cjs +1 -0
  10. package/dist/C_Loading2.js +1 -0
  11. package/dist/C_Login.d.cts +1 -1
  12. package/dist/C_Login.d.ts +1 -1
  13. package/dist/C_Markdown.d.cts +1 -1
  14. package/dist/C_Markdown.d.ts +1 -1
  15. package/dist/C_Menu.d.ts +1 -1
  16. package/dist/C_OrgChart.d.cts +1 -1
  17. package/dist/C_OrgChart.d.ts +1 -1
  18. package/dist/C_Progress.d.cts +1 -1
  19. package/dist/C_Progress.d.ts +1 -1
  20. package/dist/C_Skeleton.d.cts +1 -1
  21. package/dist/C_Skeleton.d.ts +1 -1
  22. package/dist/C_Steps.d.cts +1 -1
  23. package/dist/C_Steps.d.ts +1 -1
  24. package/dist/C_Table.base.css +233 -113
  25. package/dist/C_Table.cjs +1 -1
  26. package/dist/C_Table.css +233 -113
  27. package/dist/C_Table.d.ts +2 -2
  28. package/dist/C_Table.js +1 -1
  29. package/dist/C_TagsView.d.cts +1 -1
  30. package/dist/C_TagsView.d.ts +1 -1
  31. package/dist/C_Theme.d.cts +1 -1
  32. package/dist/C_Theme.d.ts +1 -1
  33. package/dist/C_Timeline.d.cts +1 -1
  34. package/dist/C_Timeline.d.ts +1 -1
  35. package/dist/C_Transfer.d.cts +1 -1
  36. package/dist/C_Transfer.d.ts +1 -1
  37. package/dist/C_VtableGantt.d.cts +1 -1
  38. package/dist/C_VtableGantt.d.ts +1 -1
  39. package/dist/config.cjs +1 -1
  40. package/dist/config.js +1 -1
  41. package/dist/constants.d.cts +1 -1
  42. package/dist/constants.d.ts +1 -1
  43. package/dist/constants2.d.cts +1 -1
  44. package/dist/constants2.d.ts +1 -1
  45. package/dist/constants3.d.cts +4 -4
  46. package/dist/constants3.d.ts +4 -4
  47. package/dist/constants4.d.cts +6 -6
  48. package/dist/constants4.d.ts +6 -6
  49. package/dist/constants5.d.cts +2 -2
  50. package/dist/constants5.d.ts +2 -2
  51. package/dist/data.d.cts +7 -7
  52. package/dist/data.d.ts +7 -7
  53. package/dist/index.cjs +1 -1
  54. package/dist/index.d.cts +28 -27
  55. package/dist/index.d.ts +28 -27
  56. package/dist/index.js +1 -1
  57. package/dist/index.vue.d.cts +5 -5
  58. package/dist/index.vue.d.ts +5 -5
  59. package/dist/index10.vue.d.cts +3 -3
  60. package/dist/index11.vue.d.ts +4 -4
  61. package/dist/index12.vue.d.cts +4 -4
  62. package/dist/index13.vue.d.ts +2 -2
  63. package/dist/index14.vue.d.cts +2 -2
  64. package/dist/index14.vue.d.ts +7 -7
  65. package/dist/index15.vue.d.cts +7 -7
  66. package/dist/index16.vue.d.ts +13 -129
  67. package/dist/index17.vue.d.cts +13 -129
  68. package/dist/index17.vue.d.ts +129 -76
  69. package/dist/index18.vue.d.cts +129 -76
  70. package/dist/index18.vue.d.ts +75 -71
  71. package/dist/index19.vue.d.cts +75 -93
  72. package/dist/index19.vue.d.ts +68 -90
  73. package/dist/index2.vue.d.cts +2 -2
  74. package/dist/index2.vue.d.ts +2 -2
  75. package/dist/index20.vue.d.cts +87 -40
  76. package/dist/index20.vue.d.ts +87 -40
  77. package/dist/index21.vue.d.cts +40 -89
  78. package/dist/index21.vue.d.ts +40 -89
  79. package/dist/index22.vue.d.cts +95 -37
  80. package/dist/index22.vue.d.ts +95 -37
  81. package/dist/index23.vue.d.cts +34 -8
  82. package/dist/index23.vue.d.ts +34 -8
  83. package/dist/index24.vue.d.cts +12 -654
  84. package/dist/index24.vue.d.ts +12 -654
  85. package/dist/index25.vue.d.cts +650 -85
  86. package/dist/index25.vue.d.ts +650 -85
  87. package/dist/index26.vue.d.cts +85 -100
  88. package/dist/index26.vue.d.ts +85 -100
  89. package/dist/index27.vue.d.cts +92 -61
  90. package/dist/index27.vue.d.ts +92 -61
  91. package/dist/index28.vue.d.cts +80 -0
  92. package/dist/index28.vue.d.ts +80 -0
  93. package/dist/index3.vue.d.cts +5 -5
  94. package/dist/index3.vue.d.ts +5 -5
  95. package/dist/index6.vue.d.ts +1 -1
  96. package/dist/index7.vue.d.cts +1 -1
  97. package/dist/index8.vue.d.ts +2 -2
  98. package/dist/index9.vue.d.cts +2 -2
  99. package/dist/index9.vue.d.ts +3 -3
  100. package/dist/mapUtils.d.cts +2 -2
  101. package/dist/mapUtils.d.ts +2 -2
  102. package/dist/resolver.cjs +1 -1
  103. package/dist/resolver.d.cts +1 -1
  104. package/dist/resolver.d.ts +1 -1
  105. package/dist/resolver.js +1 -1
  106. package/dist/style.css +235 -113
  107. package/dist/useCalendarEvents.d.cts +1 -1
  108. package/dist/useCalendarEvents.d.ts +1 -1
  109. package/dist/useCollapsePanel.d.cts +4 -4
  110. package/dist/useCollapsePanel.d.ts +4 -4
  111. package/dist/useCropperCore.d.cts +9 -9
  112. package/dist/useCropperCore.d.ts +9 -9
  113. package/dist/useDraggableLayout.d.cts +5 -5
  114. package/dist/useDraggableLayout.d.ts +5 -5
  115. package/dist/useEdgeInteraction.d.cts +2 -2
  116. package/dist/useEdgeInteraction.d.ts +2 -2
  117. package/dist/useInfiniteScroll.d.cts +3 -3
  118. package/dist/useInfiniteScroll.d.ts +3 -3
  119. package/dist/useQRCode.d.cts +3 -3
  120. package/dist/useQRCode.d.ts +3 -3
  121. package/dist/useSearchState.d.cts +21 -21
  122. package/dist/useSearchState.d.ts +21 -21
  123. package/dist/useSignatureHistory.d.cts +4 -4
  124. package/dist/useSignatureHistory.d.ts +4 -4
  125. package/dist/useSplitResize.d.cts +5 -5
  126. package/dist/useSplitResize.d.ts +5 -5
  127. package/dist/useTableQuery.cjs +3 -3
  128. package/dist/useTableQuery.d.cts +3 -1
  129. package/dist/useTableQuery.d.ts +3 -1
  130. package/dist/useTableQuery.js +3 -3
  131. package/dist/useTimeSelection.d.cts +2 -2
  132. package/dist/useTimeSelection.d.ts +2 -2
  133. package/dist/useTreeOperations.d.cts +7 -7
  134. package/dist/useTreeOperations.d.ts +7 -7
  135. package/dist/useWorkflowValidation.d.cts +1 -1
  136. package/dist/useWorkflowValidation.d.ts +1 -1
  137. package/dist/verification.d.cts +3 -3
  138. package/dist/verification.d.ts +3 -3
  139. package/package.json +3 -3
package/dist/C_Table.css CHANGED
@@ -1209,6 +1209,126 @@ to {
1209
1209
  .filter[data-v-fff98c51]{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);}
1210
1210
 
1211
1211
 
1212
+ /* unplugin-vue-components disabled *//*
1213
+ * @Author: ChenYu ycyplus@gmail.com
1214
+ * @Date: 2026-10-06
1215
+ * @FilePath: \naive-ui-components\src\components\C_Loading\index.scss
1216
+ * @Description: 机器人扫描与数据流动画,仅在组件挂载时运行
1217
+ * Copyright (c) 2026 by CHENY, All Rights Reserved 😎.
1218
+ */
1219
+ .c-loading[data-v-48232aaa] {
1220
+ display: inline-flex;
1221
+ flex-direction: column;
1222
+ align-items: center;
1223
+ justify-content: center;
1224
+ gap: 6px;
1225
+ vertical-align: middle;
1226
+ line-height: 1;
1227
+ pointer-events: none;
1228
+ }
1229
+ .c-loading--labeled[data-v-48232aaa] {
1230
+ flex-direction: row;
1231
+ gap: 8px;
1232
+ max-width: 100%;
1233
+ padding: 8px 14px;
1234
+ box-sizing: border-box;
1235
+ border: 1px solid var(--c-loading-border);
1236
+ border-radius: 14px;
1237
+ background: var(--c-loading-surface);
1238
+ box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
1239
+ }
1240
+ .c-loading__glyph[data-v-48232aaa] {
1241
+ width: var(--c-loading-size, 48px);
1242
+ height: var(--c-loading-size, 48px);
1243
+ flex-shrink: 0;
1244
+ overflow: visible;
1245
+ }
1246
+ .c-loading__frame[data-v-48232aaa] {
1247
+ opacity: 0.35;
1248
+ animation: c-loading-frame-48232aaa 2.4s ease-in-out infinite;
1249
+ }
1250
+ .c-loading__scan[data-v-48232aaa] {
1251
+ opacity: 0;
1252
+ animation: c-loading-scan-48232aaa 2.4s ease-in-out infinite;
1253
+ }
1254
+ .c-loading__eyes[data-v-48232aaa] {
1255
+ transform-box: fill-box;
1256
+ transform-origin: center;
1257
+ animation: c-loading-eyes-48232aaa 3.6s ease-in-out infinite;
1258
+ }
1259
+ .c-loading__packet[data-v-48232aaa] {
1260
+ opacity: 0.25;
1261
+ animation: c-loading-data-48232aaa 2.4s ease-in-out infinite;
1262
+ }
1263
+ .c-loading__packet--out[data-v-48232aaa] {
1264
+ animation-delay: 0.8s;
1265
+ }
1266
+ .c-loading__label[data-v-48232aaa] {
1267
+ color: var(--c-loading-text, currentColor);
1268
+ font-size: 12px;
1269
+ font-weight: 500;
1270
+ letter-spacing: 0.03em;
1271
+ line-height: 1.6;
1272
+ }
1273
+ @media (prefers-reduced-motion: reduce) {
1274
+ .c-loading__frame[data-v-48232aaa], .c-loading__scan[data-v-48232aaa], .c-loading__eyes[data-v-48232aaa], .c-loading__packet[data-v-48232aaa] {
1275
+ animation: none;
1276
+ }
1277
+ .c-loading__scan[data-v-48232aaa] {
1278
+ display: none;
1279
+ }
1280
+ .c-loading__frame[data-v-48232aaa], .c-loading__packet[data-v-48232aaa] {
1281
+ opacity: 0.55;
1282
+ }
1283
+ }
1284
+ @keyframes c-loading-scan-48232aaa {
1285
+ 0%, 12% {
1286
+ transform: translateY(0);
1287
+ opacity: 0;
1288
+ }
1289
+ 25% {
1290
+ opacity: 0.2;
1291
+ }
1292
+ 70% {
1293
+ transform: translateY(14px);
1294
+ opacity: 0.2;
1295
+ }
1296
+ 88%, 100% {
1297
+ transform: translateY(14px);
1298
+ opacity: 0;
1299
+ }
1300
+ }
1301
+ @keyframes c-loading-frame-48232aaa {
1302
+ 0%, 100% {
1303
+ opacity: 0.25;
1304
+ }
1305
+ 50% {
1306
+ opacity: 0.7;
1307
+ }
1308
+ }
1309
+ @keyframes c-loading-eyes-48232aaa {
1310
+ 0%, 72%, 82%, 100% {
1311
+ transform: scaleY(1);
1312
+ }
1313
+ 77% {
1314
+ transform: scaleY(0.25);
1315
+ }
1316
+ }
1317
+ @keyframes c-loading-data-48232aaa {
1318
+ 0%, 100% {
1319
+ opacity: 0.2;
1320
+ }
1321
+ 40%, 60% {
1322
+ opacity: 0.85;
1323
+ }
1324
+ }
1325
+ /* unplugin-vue-components disabled */
1326
+ /* layer: default */
1327
+ .table[data-v-48232aaa]{display:table;}
1328
+ .px[data-v-48232aaa]{padding-left:1rem;padding-right:1rem;}
1329
+ .filter[data-v-48232aaa]{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);}
1330
+
1331
+
1212
1332
  /* unplugin-vue-components disabled */.column-management-tab .search-row[data-v-6ff103ee] {
1213
1333
  display: flex;
1214
1334
  align-items: center;
@@ -1346,7 +1466,7 @@ to {
1346
1466
  .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);}
1347
1467
 
1348
1468
  /* unplugin-vue-components disabled *//* ================= 1. 组件根容器 ================= */
1349
- .c-table-wrapper[data-v-4f0daefd] {
1469
+ .c-table-wrapper[data-v-be2bef78] {
1350
1470
  --c-table-border-color: var(--border-color, #e5e7eb);
1351
1471
  --c-table-bg: var(--body-color, #fff);
1352
1472
  --c-table-header-bg: var(--card-color, #fafafc);
@@ -1359,52 +1479,52 @@ to {
1359
1479
  }
1360
1480
 
1361
1481
  /* ================= 列拖拽排序 ================= */
1362
- .column-drag-ghost[data-v-4f0daefd] {
1482
+ .column-drag-ghost[data-v-be2bef78] {
1363
1483
  opacity: var(--c-table-drag-ghost-opacity);
1364
1484
  background: var(--c-table-drag-ghost-bg) !important;
1365
1485
  }
1366
- .drag-handle[data-v-4f0daefd] {
1486
+ .drag-handle[data-v-be2bef78] {
1367
1487
  cursor: grab;
1368
1488
  }
1369
- .drag-handle[data-v-4f0daefd]:active {
1489
+ .drag-handle[data-v-be2bef78]:active {
1370
1490
  cursor: grabbing;
1371
1491
  }
1372
1492
 
1373
1493
  /* ================= 合计行强调 ================= */
1374
- .c-table-wrapper[data-v-4f0daefd] .n-data-table-tfoot {
1494
+ .c-table-wrapper[data-v-be2bef78] .n-data-table-tfoot {
1375
1495
  background: var(--c-table-summary-bg);
1376
1496
  font-weight: var(--c-table-summary-font-weight);
1377
1497
  }
1378
1498
 
1379
1499
  /* ================= 2. 表格工具栏 ================= */
1380
- .table-toolbar[data-v-4f0daefd] {
1500
+ .table-toolbar[data-v-be2bef78] {
1381
1501
  display: flex;
1382
1502
  justify-content: space-between;
1383
1503
  align-items: center;
1384
1504
  margin-bottom: 16px;
1385
1505
  }
1386
- .table-toolbar .toolbar-left[data-v-4f0daefd] {
1506
+ .table-toolbar .toolbar-left[data-v-be2bef78] {
1387
1507
  display: flex;
1388
1508
  align-items: center;
1389
1509
  gap: 12px;
1390
1510
  }
1391
- .table-toolbar .toolbar-right[data-v-4f0daefd] {
1511
+ .table-toolbar .toolbar-right[data-v-be2bef78] {
1392
1512
  display: flex;
1393
1513
  align-items: center;
1394
1514
  gap: 8px;
1395
1515
  }
1396
- .table-toolbar .toolbar-right .column-settings-btn[data-v-4f0daefd] {
1516
+ .table-toolbar .toolbar-right .column-settings-btn[data-v-be2bef78] {
1397
1517
  opacity: 0.6;
1398
1518
  transition: opacity 0.2s ease, transform 0.2s ease;
1399
1519
  cursor: pointer;
1400
1520
  }
1401
- .table-toolbar .toolbar-right .column-settings-btn[data-v-4f0daefd]:hover {
1521
+ .table-toolbar .toolbar-right .column-settings-btn[data-v-be2bef78]:hover {
1402
1522
  opacity: 1;
1403
1523
  transform: scale(1.1);
1404
1524
  }
1405
1525
 
1406
1526
  /* ================= 3. 动态行工具栏 ================= */
1407
- .dynamic-rows-toolbar[data-v-4f0daefd] {
1527
+ .dynamic-rows-toolbar[data-v-be2bef78] {
1408
1528
  margin-bottom: 16px;
1409
1529
  padding: 16px;
1410
1530
  border-radius: 8px;
@@ -1413,12 +1533,12 @@ to {
1413
1533
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
1414
1534
  transition: all 0.2s ease;
1415
1535
  }
1416
- .dynamic-rows-toolbar[data-v-4f0daefd]:hover {
1536
+ .dynamic-rows-toolbar[data-v-be2bef78]:hover {
1417
1537
  border-color: var(--n-primary-color-suppl);
1418
1538
  }
1419
1539
 
1420
1540
  /* ================= 4. 表格布局基础 ================= */
1421
- [data-v-4f0daefd] .n-data-table {
1541
+ [data-v-be2bef78] .n-data-table {
1422
1542
  table-layout: auto !important;
1423
1543
  width: 100% !important;
1424
1544
  border-radius: 8px;
@@ -1426,12 +1546,12 @@ to {
1426
1546
  }
1427
1547
 
1428
1548
  /* 确保表格容器允许横向滚动(固定列必需) */
1429
- [data-v-4f0daefd] .n-data-table-wrapper {
1549
+ [data-v-be2bef78] .n-data-table-wrapper {
1430
1550
  overflow-x: auto !important;
1431
1551
  }
1432
1552
 
1433
1553
  /* 分页组件样式 */
1434
- .pagination-wrapper[data-v-4f0daefd] {
1554
+ .pagination-wrapper[data-v-be2bef78] {
1435
1555
  margin-top: 16px;
1436
1556
  display: flex;
1437
1557
  justify-content: flex-end;
@@ -1439,12 +1559,12 @@ to {
1439
1559
 
1440
1560
  /* ================= 5. 表格列宽度管理 ================= */
1441
1561
  /* 普通列的最小宽度保护 */
1442
- [data-v-4f0daefd] .n-data-table-th:not(:last-child) {
1562
+ [data-v-be2bef78] .n-data-table-th:not(:last-child) {
1443
1563
  min-width: 80px !important;
1444
1564
  }
1445
1565
 
1446
1566
  /* 操作列固定宽度(适应4个按钮的布局) */
1447
- [data-v-4f0daefd] .c-table-actions-column {
1567
+ [data-v-be2bef78] .c-table-actions-column {
1448
1568
  width: 180px !important;
1449
1569
  min-width: 160px !important;
1450
1570
  max-width: 200px !important;
@@ -1453,14 +1573,14 @@ to {
1453
1573
  }
1454
1574
 
1455
1575
  /* 操作按钮容器居中 */
1456
- [data-v-4f0daefd] .c-table-actions-column .n-space {
1576
+ [data-v-be2bef78] .c-table-actions-column .n-space {
1457
1577
  justify-content: center !important;
1458
1578
  align-items: center !important;
1459
1579
  }
1460
1580
 
1461
1581
  /* ================= 6. 可编辑单元格样式 ================= */
1462
1582
  /* 单元格编辑容器 - 精致化设计 */
1463
- .cell-edit-wrapper[data-v-4f0daefd] {
1583
+ .cell-edit-wrapper[data-v-be2bef78] {
1464
1584
  display: flex;
1465
1585
  align-items: center;
1466
1586
  justify-content: space-between;
@@ -1473,23 +1593,23 @@ to {
1473
1593
  position: relative;
1474
1594
  /* 悬停效果 */
1475
1595
  }
1476
- .cell-edit-wrapper[data-v-4f0daefd]:hover {
1596
+ .cell-edit-wrapper[data-v-be2bef78]:hover {
1477
1597
  background-color: var(--n-color-target);
1478
1598
  }
1479
- .cell-edit-wrapper:hover .cell-edit-icon[data-v-4f0daefd] {
1599
+ .cell-edit-wrapper:hover .cell-edit-icon[data-v-be2bef78] {
1480
1600
  opacity: 1;
1481
1601
  color: var(--n-color-success);
1482
1602
  transform: scale(1.05);
1483
1603
  }
1484
- .cell-edit-wrapper[data-v-4f0daefd] {
1604
+ .cell-edit-wrapper[data-v-be2bef78] {
1485
1605
  /* 激活状态 */
1486
1606
  }
1487
- .cell-edit-wrapper[data-v-4f0daefd]:active {
1607
+ .cell-edit-wrapper[data-v-be2bef78]:active {
1488
1608
  transform: translateY(1px);
1489
1609
  }
1490
1610
 
1491
1611
  /* 单元格内容 */
1492
- .cell-value[data-v-4f0daefd] {
1612
+ .cell-value[data-v-be2bef78] {
1493
1613
  flex: 1;
1494
1614
  overflow: hidden;
1495
1615
  text-overflow: ellipsis;
@@ -1500,7 +1620,7 @@ to {
1500
1620
  }
1501
1621
 
1502
1622
  /* 动态渲染单元格也只在当前表格边界内匹配。 */
1503
- .c-table-wrapper[data-v-4f0daefd] .cell-edit-icon {
1623
+ .c-table-wrapper[data-v-be2bef78] .cell-edit-icon {
1504
1624
  flex-shrink: 0;
1505
1625
  width: 24px;
1506
1626
  height: 24px;
@@ -1516,29 +1636,29 @@ to {
1516
1636
  position: relative;
1517
1637
  /* 悬停效果 */
1518
1638
  }
1519
- .c-table-wrapper[data-v-4f0daefd] .cell-edit-icon:hover {
1639
+ .c-table-wrapper[data-v-be2bef78] .cell-edit-icon:hover {
1520
1640
  opacity: 1 !important;
1521
1641
  color: var(--n-color-success-hover) !important;
1522
1642
  background-color: var(--n-color-success-pressed);
1523
1643
  transform: scale(1.1);
1524
1644
  }
1525
- .c-table-wrapper[data-v-4f0daefd] .cell-edit-icon {
1645
+ .c-table-wrapper[data-v-be2bef78] .cell-edit-icon {
1526
1646
  /* 激活效果 */
1527
1647
  }
1528
- .c-table-wrapper[data-v-4f0daefd] .cell-edit-icon:active {
1648
+ .c-table-wrapper[data-v-be2bef78] .cell-edit-icon:active {
1529
1649
  transform: scale(0.95);
1530
1650
  }
1531
- .c-table-wrapper[data-v-4f0daefd] .cell-edit-icon {
1651
+ .c-table-wrapper[data-v-be2bef78] .cell-edit-icon {
1532
1652
  /* 图标尺寸 */
1533
1653
  }
1534
- .c-table-wrapper[data-v-4f0daefd] .cell-edit-icon svg {
1654
+ .c-table-wrapper[data-v-be2bef78] .cell-edit-icon svg {
1535
1655
  width: 14px;
1536
1656
  height: 14px;
1537
1657
  }
1538
1658
 
1539
1659
  /* ================= 7. 单元格编辑状态样式 ================= */
1540
1660
  /* 编辑容器 - 确保水平布局不换行 */
1541
- .cell-editing-container[data-v-4f0daefd],[data-v-4f0daefd] .cell-editing-container {
1661
+ .cell-editing-container[data-v-be2bef78],[data-v-be2bef78] .cell-editing-container {
1542
1662
  display: flex !important;
1543
1663
  align-items: center !important;
1544
1664
  width: 100% !important;
@@ -1552,39 +1672,39 @@ to {
1552
1672
  }
1553
1673
 
1554
1674
  /* 编辑输入区域 - 占据剩余空间 */
1555
- .cell-editing-input[data-v-4f0daefd],[data-v-4f0daefd] .cell-editing-input {
1675
+ .cell-editing-input[data-v-be2bef78],[data-v-be2bef78] .cell-editing-input {
1556
1676
  flex: 1 !important;
1557
1677
  min-width: 0 !important;
1558
1678
  }
1559
1679
 
1560
1680
  /* 深度选择器处理输入框样式 */
1561
- [data-v-4f0daefd] .cell-editing-input .n-input {
1681
+ [data-v-be2bef78] .cell-editing-input .n-input {
1562
1682
  border: none !important;
1563
1683
  box-shadow: none !important;
1564
1684
  background: transparent !important;
1565
1685
  }
1566
- [data-v-4f0daefd] .cell-editing-input .n-input.n-input--focus {
1686
+ [data-v-be2bef78] .cell-editing-input .n-input.n-input--focus {
1567
1687
  border: none !important;
1568
1688
  box-shadow: none !important;
1569
1689
  }
1570
- [data-v-4f0daefd] .cell-editing-input .n-input-number {
1690
+ [data-v-be2bef78] .cell-editing-input .n-input-number {
1571
1691
  border: none !important;
1572
1692
  box-shadow: none !important;
1573
1693
  background: transparent !important;
1574
1694
  }
1575
- [data-v-4f0daefd] .cell-editing-input .n-select {
1695
+ [data-v-be2bef78] .cell-editing-input .n-select {
1576
1696
  border: none !important;
1577
1697
  box-shadow: none !important;
1578
1698
  background: transparent !important;
1579
1699
  }
1580
- [data-v-4f0daefd] .cell-editing-input .n-select .n-base-selection {
1700
+ [data-v-be2bef78] .cell-editing-input .n-select .n-base-selection {
1581
1701
  border: none !important;
1582
1702
  box-shadow: none !important;
1583
1703
  background: transparent !important;
1584
1704
  }
1585
1705
 
1586
1706
  /* 编辑操作按钮容器 */
1587
- .cell-editing-actions[data-v-4f0daefd],[data-v-4f0daefd] .cell-editing-actions {
1707
+ .cell-editing-actions[data-v-be2bef78],[data-v-be2bef78] .cell-editing-actions {
1588
1708
  display: flex !important;
1589
1709
  flex-shrink: 0 !important;
1590
1710
  align-items: center !important;
@@ -1597,7 +1717,7 @@ to {
1597
1717
  }
1598
1718
 
1599
1719
  /* 编辑操作按钮 */
1600
- .cell-action-btn[data-v-4f0daefd],[data-v-4f0daefd] .cell-action-btn {
1720
+ .cell-action-btn[data-v-be2bef78],[data-v-be2bef78] .cell-action-btn {
1601
1721
  display: flex !important;
1602
1722
  align-items: center !important;
1603
1723
  justify-content: center !important;
@@ -1610,34 +1730,34 @@ to {
1610
1730
  background: transparent !important;
1611
1731
  /* 保存按钮 */
1612
1732
  }
1613
- .cell-action-btn.cell-action-save[data-v-4f0daefd],[data-v-4f0daefd] .cell-action-btn.cell-action-save {
1733
+ .cell-action-btn.cell-action-save[data-v-be2bef78],[data-v-be2bef78] .cell-action-btn.cell-action-save {
1614
1734
  color: var(--n-color-success) !important;
1615
1735
  }
1616
- .cell-action-btn.cell-action-save[data-v-4f0daefd]:hover,[data-v-4f0daefd] .cell-action-btn.cell-action-save:hover {
1736
+ .cell-action-btn.cell-action-save[data-v-be2bef78]:hover,[data-v-be2bef78] .cell-action-btn.cell-action-save:hover {
1617
1737
  background: var(--n-color-success-pressed) !important;
1618
1738
  transform: scale(1.1) !important;
1619
1739
  }
1620
- .cell-action-btn[data-v-4f0daefd],[data-v-4f0daefd] .cell-action-btn {
1740
+ .cell-action-btn[data-v-be2bef78],[data-v-be2bef78] .cell-action-btn {
1621
1741
  /* 取消按钮 */
1622
1742
  }
1623
- .cell-action-btn.cell-action-cancel[data-v-4f0daefd],[data-v-4f0daefd] .cell-action-btn.cell-action-cancel {
1743
+ .cell-action-btn.cell-action-cancel[data-v-be2bef78],[data-v-be2bef78] .cell-action-btn.cell-action-cancel {
1624
1744
  color: var(--n-color-error) !important;
1625
1745
  }
1626
- .cell-action-btn.cell-action-cancel[data-v-4f0daefd]:hover,[data-v-4f0daefd] .cell-action-btn.cell-action-cancel:hover {
1746
+ .cell-action-btn.cell-action-cancel[data-v-be2bef78]:hover,[data-v-be2bef78] .cell-action-btn.cell-action-cancel:hover {
1627
1747
  background: var(--n-color-error-pressed) !important;
1628
1748
  transform: scale(1.1) !important;
1629
1749
  }
1630
- .cell-action-btn[data-v-4f0daefd],[data-v-4f0daefd] .cell-action-btn {
1750
+ .cell-action-btn[data-v-be2bef78],[data-v-be2bef78] .cell-action-btn {
1631
1751
  /* 图标尺寸 */
1632
1752
  }
1633
- .cell-action-btn svg[data-v-4f0daefd],[data-v-4f0daefd] .cell-action-btn svg {
1753
+ .cell-action-btn svg[data-v-be2bef78],[data-v-be2bef78] .cell-action-btn svg {
1634
1754
  width: 11px !important;
1635
1755
  height: 11px !important;
1636
1756
  }
1637
1757
 
1638
1758
  /* ================= 7. 操作按钮样式 ================= */
1639
1759
  /* 通用按钮样式 */
1640
- [data-v-4f0daefd] .n-button {
1760
+ [data-v-be2bef78] .n-button {
1641
1761
  white-space: nowrap;
1642
1762
  font-size: 12px !important;
1643
1763
  flex-shrink: 0 !important;
@@ -1646,60 +1766,60 @@ to {
1646
1766
  font-weight: 500;
1647
1767
  /* 图标间距 */
1648
1768
  }
1649
- [data-v-4f0daefd] .n-button .n-icon {
1769
+ [data-v-be2bef78] .n-button .n-icon {
1650
1770
  margin-right: 4px !important;
1651
1771
  }
1652
- [data-v-4f0daefd] .n-button {
1772
+ [data-v-be2bef78] .n-button {
1653
1773
  /* 小尺寸按钮优化 */
1654
1774
  }
1655
- [data-v-4f0daefd] .n-button.n-button--small-type {
1775
+ [data-v-be2bef78] .n-button.n-button--small-type {
1656
1776
  padding: 4px 8px;
1657
1777
  height: 28px;
1658
1778
  line-height: 20px;
1659
1779
  }
1660
- [data-v-4f0daefd] .n-button {
1780
+ [data-v-be2bef78] .n-button {
1661
1781
  /* 四元按钮样式 */
1662
1782
  }
1663
- [data-v-4f0daefd] .n-button.n-button--quaternary-type:hover {
1783
+ [data-v-be2bef78] .n-button.n-button--quaternary-type:hover {
1664
1784
  transform: translateY(-1px);
1665
1785
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
1666
1786
  }
1667
- [data-v-4f0daefd] .n-button.n-button--quaternary-type:active {
1787
+ [data-v-be2bef78] .n-button.n-button--quaternary-type:active {
1668
1788
  transform: translateY(0);
1669
1789
  }
1670
1790
 
1671
1791
  /* ================= 8. 按钮组间距优化 ================= */
1672
1792
  /* 操作按钮组 */
1673
- [data-v-4f0daefd] .n-space.n-space--horizontal .n-space-item:not(:last-child) {
1793
+ [data-v-be2bef78] .n-space.n-space--horizontal .n-space-item:not(:last-child) {
1674
1794
  margin-right: 6px !important;
1675
1795
  }
1676
1796
 
1677
1797
  /* ================= 9. 模态框样式优化 ================= */
1678
1798
  /* 编辑模态框 */
1679
- [data-v-4f0daefd] .n-modal .n-card {
1799
+ [data-v-be2bef78] .n-modal .n-card {
1680
1800
  border-radius: 12px;
1681
1801
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
1682
1802
  }
1683
- [data-v-4f0daefd] .n-modal .n-card__header {
1803
+ [data-v-be2bef78] .n-modal .n-card__header {
1684
1804
  padding: 20px 24px 16px;
1685
1805
  font-weight: 600;
1686
1806
  font-size: 16px;
1687
1807
  }
1688
- [data-v-4f0daefd] .n-modal .n-card__content {
1808
+ [data-v-be2bef78] .n-modal .n-card__content {
1689
1809
  padding: 0 24px 16px;
1690
1810
  }
1691
- [data-v-4f0daefd] .n-modal .n-card__action {
1811
+ [data-v-be2bef78] .n-modal .n-card__action {
1692
1812
  padding: 16px 24px 20px;
1693
1813
  border-top: 1px solid var(--n-divider-color);
1694
1814
  }
1695
1815
 
1696
1816
  /* ================= 10. 描述列表样式 ================= */
1697
1817
  /* 详情模态框描述列表 */
1698
- [data-v-4f0daefd] .n-descriptions .n-descriptions-item-label {
1818
+ [data-v-be2bef78] .n-descriptions .n-descriptions-item-label {
1699
1819
  font-weight: 500;
1700
1820
  color: var(--n-text-color-2);
1701
1821
  }
1702
- [data-v-4f0daefd] .n-descriptions .n-descriptions-item-content {
1822
+ [data-v-be2bef78] .n-descriptions .n-descriptions-item-content {
1703
1823
  color: var(--n-text-color-1);
1704
1824
  word-break: break-all;
1705
1825
  }
@@ -1707,99 +1827,99 @@ to {
1707
1827
  /* ================= 11. 响应式设计 ================= */
1708
1828
  /* 移动端适配 */
1709
1829
  @media (max-width: 768px) {
1710
- .c-table-wrapper[data-v-4f0daefd] {
1830
+ .c-table-wrapper[data-v-be2bef78] {
1711
1831
  overflow-x: auto;
1712
1832
  }
1713
1833
  /* 操作列在移动端的适配 */
1714
- [data-v-4f0daefd] .n-data-table-th:last-child {
1834
+ [data-v-be2bef78] .n-data-table-th:last-child {
1715
1835
  width: 160px !important;
1716
1836
  min-width: 160px !important;
1717
1837
  }
1718
1838
  /* 按钮在移动端的优化 */
1719
- [data-v-4f0daefd] .n-button {
1839
+ [data-v-be2bef78] .n-button {
1720
1840
  font-size: 11px !important;
1721
1841
  padding: 3px 6px;
1722
1842
  }
1723
- [data-v-4f0daefd] .n-button .n-icon {
1843
+ [data-v-be2bef78] .n-button .n-icon {
1724
1844
  margin-right: 2px !important;
1725
1845
  }
1726
1846
  /* 单元格编辑图标在移动端始终显示 */
1727
- .cell-edit-icon[data-v-4f0daefd] {
1847
+ .cell-edit-icon[data-v-be2bef78] {
1728
1848
  opacity: 0.6;
1729
1849
  }
1730
1850
  }
1731
1851
  /* ================= 12. 主题适配 ================= */
1732
1852
  /* 暗色主题适配 - 已通过 CSS 变量自动适配 */
1733
- [data-theme=dark][data-v-4f0daefd] {
1853
+ [data-theme=dark][data-v-be2bef78] {
1734
1854
  /* CSS 变量已自动适配,如有特殊需求可在此添加 */
1735
1855
  }
1736
1856
 
1737
1857
  /* ================= 13. 响应式优化 ================= */
1738
1858
  /* 小屏幕下的单元格编辑优化 */
1739
1859
  @media (max-width: 768px) {
1740
- .cell-editing-container[data-v-4f0daefd],[data-v-4f0daefd] .cell-editing-container {
1860
+ .cell-editing-container[data-v-be2bef78],[data-v-be2bef78] .cell-editing-container {
1741
1861
  gap: 6px !important;
1742
1862
  }
1743
- .cell-editing-actions[data-v-4f0daefd],[data-v-4f0daefd] .cell-editing-actions {
1863
+ .cell-editing-actions[data-v-be2bef78],[data-v-be2bef78] .cell-editing-actions {
1744
1864
  gap: 3px !important;
1745
1865
  padding: 2px !important;
1746
1866
  }
1747
- .cell-action-btn[data-v-4f0daefd],[data-v-4f0daefd] .cell-action-btn {
1867
+ .cell-action-btn[data-v-be2bef78],[data-v-be2bef78] .cell-action-btn {
1748
1868
  width: 18px !important;
1749
1869
  height: 18px !important;
1750
1870
  }
1751
- .cell-action-btn svg[data-v-4f0daefd],[data-v-4f0daefd] .cell-action-btn svg {
1871
+ .cell-action-btn svg[data-v-be2bef78],[data-v-be2bef78] .cell-action-btn svg {
1752
1872
  width: 10px !important;
1753
1873
  height: 10px !important;
1754
1874
  }
1755
1875
  /* 移动端编辑图标 */
1756
- .cell-edit-icon[data-v-4f0daefd] {
1876
+ .cell-edit-icon[data-v-be2bef78] {
1757
1877
  opacity: 0.6 !important;
1758
1878
  }
1759
- .cell-value[data-v-4f0daefd] {
1879
+ .cell-value[data-v-be2bef78] {
1760
1880
  margin-right: 12px !important;
1761
1881
  }
1762
1882
  }
1763
1883
  /* ================= 14. 性能优化 ================= */
1764
1884
  /* 使用 GPU 加速的动画 */
1765
- .cell-edit-icon[data-v-4f0daefd],
1766
- .cell-action-btn[data-v-4f0daefd] {
1885
+ .cell-edit-icon[data-v-be2bef78],
1886
+ .cell-action-btn[data-v-be2bef78] {
1767
1887
  will-change: transform;
1768
1888
  backface-visibility: hidden;
1769
1889
  }
1770
- [data-v-4f0daefd] .n-button {
1890
+ [data-v-be2bef78] .n-button {
1771
1891
  will-change: transform;
1772
1892
  backface-visibility: hidden;
1773
1893
  }
1774
1894
 
1775
1895
  /* ================= 15. 可访问性优化 ================= */
1776
1896
  /* 聚焦状态 */
1777
- .cell-edit-wrapper[data-v-4f0daefd]:focus-within,
1778
- .cell-editing-container[data-v-4f0daefd]:focus-within {
1897
+ .cell-edit-wrapper[data-v-be2bef78]:focus-within,
1898
+ .cell-editing-container[data-v-be2bef78]:focus-within {
1779
1899
  outline: 2px solid var(--n-primary-color);
1780
1900
  outline-offset: 2px;
1781
1901
  }
1782
1902
 
1783
1903
  /* 高对比度模式支持 */
1784
1904
  @media (prefers-contrast: high) {
1785
- .cell-edit-icon[data-v-4f0daefd] {
1905
+ .cell-edit-icon[data-v-be2bef78] {
1786
1906
  opacity: 0.8;
1787
1907
  }
1788
- .cell-editing-actions[data-v-4f0daefd] {
1908
+ .cell-editing-actions[data-v-be2bef78] {
1789
1909
  border-width: 2px;
1790
1910
  }
1791
1911
  }
1792
1912
  /* ================= 11. 行拖拽排序 ================= */
1793
- .row-drag-ghost[data-v-4f0daefd] {
1913
+ .row-drag-ghost[data-v-be2bef78] {
1794
1914
  opacity: 0.4;
1795
1915
  background: var(--c-table-drag-ghost-bg) !important;
1796
1916
  }
1797
- .row-drag-chosen[data-v-4f0daefd] {
1917
+ .row-drag-chosen[data-v-be2bef78] {
1798
1918
  background: var(--n-color-hover, #f5f5f5) !important;
1799
1919
  }
1800
1920
 
1801
1921
  /* ================= 12. 批量操作栏 ================= */
1802
- .batch-actions-bar[data-v-4f0daefd] {
1922
+ .batch-actions-bar[data-v-be2bef78] {
1803
1923
  display: flex;
1804
1924
  align-items: center;
1805
1925
  justify-content: space-between;
@@ -1809,56 +1929,56 @@ to {
1809
1929
  border-radius: 6px;
1810
1930
  border: 1px solid var(--n-primary-color-suppl, #70b3ff);
1811
1931
  }
1812
- .batch-actions-bar .batch-info[data-v-4f0daefd] {
1932
+ .batch-actions-bar .batch-info[data-v-be2bef78] {
1813
1933
  font-size: 13px;
1814
1934
  color: var(--n-text-color-2);
1815
1935
  font-weight: 500;
1816
1936
  }
1817
1937
 
1818
1938
  /* ================= 13. 错误状态 ================= */
1819
- .table-error-state[data-v-4f0daefd] {
1939
+ .table-error-state[data-v-be2bef78] {
1820
1940
  padding: 48px 24px;
1821
1941
  text-align: center;
1822
1942
  }
1823
- .table-error-state .error-content[data-v-4f0daefd] {
1943
+ .table-error-state .error-content[data-v-be2bef78] {
1824
1944
  display: flex;
1825
1945
  flex-direction: column;
1826
1946
  align-items: center;
1827
1947
  gap: 12px;
1828
1948
  color: var(--n-text-color-3, #999);
1829
1949
  }
1830
- .table-error-state .error-message[data-v-4f0daefd] {
1950
+ .table-error-state .error-message[data-v-be2bef78] {
1831
1951
  font-size: 14px;
1832
1952
  margin: 0;
1833
1953
  color: var(--n-text-color-2, #666);
1834
1954
  }
1835
1955
  /* unplugin-vue-components disabled */
1836
1956
  /* layer: default */
1837
- .visible[data-v-4f0daefd]{visibility:visible;}
1838
- .fixed[data-v-4f0daefd]{position:fixed;}
1839
- .grid[data-v-4f0daefd]{display:grid;}
1840
- .mb-2[data-v-4f0daefd]{margin-bottom:0.5rem;}
1841
- .mb-4[data-v-4f0daefd]{margin-bottom:1rem;}
1842
- .ml-2[data-v-4f0daefd]{margin-left:0.5rem;}
1843
- .w60\%[data-v-4f0daefd]{width:60%;}
1844
- .flex[data-v-4f0daefd]{display:flex;}
1845
- .table[data-v-4f0daefd]{display:table;}
1846
- .scale-110[data-v-4f0daefd]{--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));}
1847
- .cursor-pointer[data-v-4f0daefd]{cursor:pointer;}
1848
- .items-center[data-v-4f0daefd]{align-items:center;}
1849
- .justify-end[data-v-4f0daefd]{justify-content:flex-end;}
1850
- .justify-center[data-v-4f0daefd]{justify-content:center;}
1851
- .rd[data-v-4f0daefd]{border-radius:0.25rem;}
1852
- .bg-gray-50[data-v-4f0daefd]{--un-bg-opacity:1;background-color:rgb(249 250 251 / var(--un-bg-opacity));}
1853
- .p-4[data-v-4f0daefd]{padding:1rem;}
1854
- .px[data-v-4f0daefd]{padding-left:1rem;padding-right:1rem;}
1855
- .py-8[data-v-4f0daefd]{padding-top:2rem;padding-bottom:2rem;}
1856
- .text-center[data-v-4f0daefd]{text-align:center;}
1857
- .text-sm[data-v-4f0daefd]{font-size:0.875rem;line-height:1.25rem;}
1858
- .text-gray-400[data-v-4f0daefd]{--un-text-opacity:1;color:rgb(156 163 175 / var(--un-text-opacity));}
1859
- .text-gray-500[data-v-4f0daefd]{--un-text-opacity:1;color:rgb(107 114 128 / var(--un-text-opacity));}
1860
- .text-gray-600[data-v-4f0daefd]{--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity));}
1861
- .accent-blue-500[data-v-4f0daefd]{--un-accent-opacity:1;accent-color:rgb(59 130 246 / var(--un-accent-opacity));}
1862
- .blur[data-v-4f0daefd]{--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);}
1863
- .filter[data-v-4f0daefd]{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);}
1957
+ .visible[data-v-be2bef78]{visibility:visible;}
1958
+ .fixed[data-v-be2bef78]{position:fixed;}
1959
+ .grid[data-v-be2bef78]{display:grid;}
1960
+ .mb-2[data-v-be2bef78]{margin-bottom:0.5rem;}
1961
+ .mb-4[data-v-be2bef78]{margin-bottom:1rem;}
1962
+ .ml-2[data-v-be2bef78]{margin-left:0.5rem;}
1963
+ .w60\%[data-v-be2bef78]{width:60%;}
1964
+ .flex[data-v-be2bef78]{display:flex;}
1965
+ .table[data-v-be2bef78]{display:table;}
1966
+ .scale-110[data-v-be2bef78]{--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));}
1967
+ .cursor-pointer[data-v-be2bef78]{cursor:pointer;}
1968
+ .items-center[data-v-be2bef78]{align-items:center;}
1969
+ .justify-end[data-v-be2bef78]{justify-content:flex-end;}
1970
+ .justify-center[data-v-be2bef78]{justify-content:center;}
1971
+ .rd[data-v-be2bef78]{border-radius:0.25rem;}
1972
+ .bg-gray-50[data-v-be2bef78]{--un-bg-opacity:1;background-color:rgb(249 250 251 / var(--un-bg-opacity));}
1973
+ .p-4[data-v-be2bef78]{padding:1rem;}
1974
+ .px[data-v-be2bef78]{padding-left:1rem;padding-right:1rem;}
1975
+ .py-8[data-v-be2bef78]{padding-top:2rem;padding-bottom:2rem;}
1976
+ .text-center[data-v-be2bef78]{text-align:center;}
1977
+ .text-sm[data-v-be2bef78]{font-size:0.875rem;line-height:1.25rem;}
1978
+ .text-gray-400[data-v-be2bef78]{--un-text-opacity:1;color:rgb(156 163 175 / var(--un-text-opacity));}
1979
+ .text-gray-500[data-v-be2bef78]{--un-text-opacity:1;color:rgb(107 114 128 / var(--un-text-opacity));}
1980
+ .text-gray-600[data-v-be2bef78]{--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity));}
1981
+ .accent-blue-500[data-v-be2bef78]{--un-accent-opacity:1;accent-color:rgb(59 130 246 / var(--un-accent-opacity));}
1982
+ .blur[data-v-be2bef78]{--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);}
1983
+ .filter[data-v-be2bef78]{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);}
1864
1984