@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
@@ -1105,6 +1105,126 @@ to {
1105
1105
  .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);}
1106
1106
 
1107
1107
 
1108
+ /* unplugin-vue-components disabled *//*
1109
+ * @Author: ChenYu ycyplus@gmail.com
1110
+ * @Date: 2026-10-06
1111
+ * @FilePath: \naive-ui-components\src\components\C_Loading\index.scss
1112
+ * @Description: 机器人扫描与数据流动画,仅在组件挂载时运行
1113
+ * Copyright (c) 2026 by CHENY, All Rights Reserved 😎.
1114
+ */
1115
+ .c-loading[data-v-48232aaa] {
1116
+ display: inline-flex;
1117
+ flex-direction: column;
1118
+ align-items: center;
1119
+ justify-content: center;
1120
+ gap: 6px;
1121
+ vertical-align: middle;
1122
+ line-height: 1;
1123
+ pointer-events: none;
1124
+ }
1125
+ .c-loading--labeled[data-v-48232aaa] {
1126
+ flex-direction: row;
1127
+ gap: 8px;
1128
+ max-width: 100%;
1129
+ padding: 8px 14px;
1130
+ box-sizing: border-box;
1131
+ border: 1px solid var(--c-loading-border);
1132
+ border-radius: 14px;
1133
+ background: var(--c-loading-surface);
1134
+ box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
1135
+ }
1136
+ .c-loading__glyph[data-v-48232aaa] {
1137
+ width: var(--c-loading-size, 48px);
1138
+ height: var(--c-loading-size, 48px);
1139
+ flex-shrink: 0;
1140
+ overflow: visible;
1141
+ }
1142
+ .c-loading__frame[data-v-48232aaa] {
1143
+ opacity: 0.35;
1144
+ animation: c-loading-frame-48232aaa 2.4s ease-in-out infinite;
1145
+ }
1146
+ .c-loading__scan[data-v-48232aaa] {
1147
+ opacity: 0;
1148
+ animation: c-loading-scan-48232aaa 2.4s ease-in-out infinite;
1149
+ }
1150
+ .c-loading__eyes[data-v-48232aaa] {
1151
+ transform-box: fill-box;
1152
+ transform-origin: center;
1153
+ animation: c-loading-eyes-48232aaa 3.6s ease-in-out infinite;
1154
+ }
1155
+ .c-loading__packet[data-v-48232aaa] {
1156
+ opacity: 0.25;
1157
+ animation: c-loading-data-48232aaa 2.4s ease-in-out infinite;
1158
+ }
1159
+ .c-loading__packet--out[data-v-48232aaa] {
1160
+ animation-delay: 0.8s;
1161
+ }
1162
+ .c-loading__label[data-v-48232aaa] {
1163
+ color: var(--c-loading-text, currentColor);
1164
+ font-size: 12px;
1165
+ font-weight: 500;
1166
+ letter-spacing: 0.03em;
1167
+ line-height: 1.6;
1168
+ }
1169
+ @media (prefers-reduced-motion: reduce) {
1170
+ .c-loading__frame[data-v-48232aaa], .c-loading__scan[data-v-48232aaa], .c-loading__eyes[data-v-48232aaa], .c-loading__packet[data-v-48232aaa] {
1171
+ animation: none;
1172
+ }
1173
+ .c-loading__scan[data-v-48232aaa] {
1174
+ display: none;
1175
+ }
1176
+ .c-loading__frame[data-v-48232aaa], .c-loading__packet[data-v-48232aaa] {
1177
+ opacity: 0.55;
1178
+ }
1179
+ }
1180
+ @keyframes c-loading-scan-48232aaa {
1181
+ 0%, 12% {
1182
+ transform: translateY(0);
1183
+ opacity: 0;
1184
+ }
1185
+ 25% {
1186
+ opacity: 0.2;
1187
+ }
1188
+ 70% {
1189
+ transform: translateY(14px);
1190
+ opacity: 0.2;
1191
+ }
1192
+ 88%, 100% {
1193
+ transform: translateY(14px);
1194
+ opacity: 0;
1195
+ }
1196
+ }
1197
+ @keyframes c-loading-frame-48232aaa {
1198
+ 0%, 100% {
1199
+ opacity: 0.25;
1200
+ }
1201
+ 50% {
1202
+ opacity: 0.7;
1203
+ }
1204
+ }
1205
+ @keyframes c-loading-eyes-48232aaa {
1206
+ 0%, 72%, 82%, 100% {
1207
+ transform: scaleY(1);
1208
+ }
1209
+ 77% {
1210
+ transform: scaleY(0.25);
1211
+ }
1212
+ }
1213
+ @keyframes c-loading-data-48232aaa {
1214
+ 0%, 100% {
1215
+ opacity: 0.2;
1216
+ }
1217
+ 40%, 60% {
1218
+ opacity: 0.85;
1219
+ }
1220
+ }
1221
+ /* unplugin-vue-components disabled */
1222
+ /* layer: default */
1223
+ .table[data-v-48232aaa]{display:table;}
1224
+ .px[data-v-48232aaa]{padding-left:1rem;padding-right:1rem;}
1225
+ .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);}
1226
+
1227
+
1108
1228
  /* unplugin-vue-components disabled */.column-management-tab .search-row[data-v-6ff103ee] {
1109
1229
  display: flex;
1110
1230
  align-items: center;
@@ -1242,7 +1362,7 @@ to {
1242
1362
  .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);}
1243
1363
 
1244
1364
  /* unplugin-vue-components disabled *//* ================= 1. 组件根容器 ================= */
1245
- .c-table-wrapper[data-v-4f0daefd] {
1365
+ .c-table-wrapper[data-v-be2bef78] {
1246
1366
  --c-table-border-color: var(--border-color, #e5e7eb);
1247
1367
  --c-table-bg: var(--body-color, #fff);
1248
1368
  --c-table-header-bg: var(--card-color, #fafafc);
@@ -1255,52 +1375,52 @@ to {
1255
1375
  }
1256
1376
 
1257
1377
  /* ================= 列拖拽排序 ================= */
1258
- .column-drag-ghost[data-v-4f0daefd] {
1378
+ .column-drag-ghost[data-v-be2bef78] {
1259
1379
  opacity: var(--c-table-drag-ghost-opacity);
1260
1380
  background: var(--c-table-drag-ghost-bg) !important;
1261
1381
  }
1262
- .drag-handle[data-v-4f0daefd] {
1382
+ .drag-handle[data-v-be2bef78] {
1263
1383
  cursor: grab;
1264
1384
  }
1265
- .drag-handle[data-v-4f0daefd]:active {
1385
+ .drag-handle[data-v-be2bef78]:active {
1266
1386
  cursor: grabbing;
1267
1387
  }
1268
1388
 
1269
1389
  /* ================= 合计行强调 ================= */
1270
- .c-table-wrapper[data-v-4f0daefd] .n-data-table-tfoot {
1390
+ .c-table-wrapper[data-v-be2bef78] .n-data-table-tfoot {
1271
1391
  background: var(--c-table-summary-bg);
1272
1392
  font-weight: var(--c-table-summary-font-weight);
1273
1393
  }
1274
1394
 
1275
1395
  /* ================= 2. 表格工具栏 ================= */
1276
- .table-toolbar[data-v-4f0daefd] {
1396
+ .table-toolbar[data-v-be2bef78] {
1277
1397
  display: flex;
1278
1398
  justify-content: space-between;
1279
1399
  align-items: center;
1280
1400
  margin-bottom: 16px;
1281
1401
  }
1282
- .table-toolbar .toolbar-left[data-v-4f0daefd] {
1402
+ .table-toolbar .toolbar-left[data-v-be2bef78] {
1283
1403
  display: flex;
1284
1404
  align-items: center;
1285
1405
  gap: 12px;
1286
1406
  }
1287
- .table-toolbar .toolbar-right[data-v-4f0daefd] {
1407
+ .table-toolbar .toolbar-right[data-v-be2bef78] {
1288
1408
  display: flex;
1289
1409
  align-items: center;
1290
1410
  gap: 8px;
1291
1411
  }
1292
- .table-toolbar .toolbar-right .column-settings-btn[data-v-4f0daefd] {
1412
+ .table-toolbar .toolbar-right .column-settings-btn[data-v-be2bef78] {
1293
1413
  opacity: 0.6;
1294
1414
  transition: opacity 0.2s ease, transform 0.2s ease;
1295
1415
  cursor: pointer;
1296
1416
  }
1297
- .table-toolbar .toolbar-right .column-settings-btn[data-v-4f0daefd]:hover {
1417
+ .table-toolbar .toolbar-right .column-settings-btn[data-v-be2bef78]:hover {
1298
1418
  opacity: 1;
1299
1419
  transform: scale(1.1);
1300
1420
  }
1301
1421
 
1302
1422
  /* ================= 3. 动态行工具栏 ================= */
1303
- .dynamic-rows-toolbar[data-v-4f0daefd] {
1423
+ .dynamic-rows-toolbar[data-v-be2bef78] {
1304
1424
  margin-bottom: 16px;
1305
1425
  padding: 16px;
1306
1426
  border-radius: 8px;
@@ -1309,12 +1429,12 @@ to {
1309
1429
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
1310
1430
  transition: all 0.2s ease;
1311
1431
  }
1312
- .dynamic-rows-toolbar[data-v-4f0daefd]:hover {
1432
+ .dynamic-rows-toolbar[data-v-be2bef78]:hover {
1313
1433
  border-color: var(--n-primary-color-suppl);
1314
1434
  }
1315
1435
 
1316
1436
  /* ================= 4. 表格布局基础 ================= */
1317
- [data-v-4f0daefd] .n-data-table {
1437
+ [data-v-be2bef78] .n-data-table {
1318
1438
  table-layout: auto !important;
1319
1439
  width: 100% !important;
1320
1440
  border-radius: 8px;
@@ -1322,12 +1442,12 @@ to {
1322
1442
  }
1323
1443
 
1324
1444
  /* 确保表格容器允许横向滚动(固定列必需) */
1325
- [data-v-4f0daefd] .n-data-table-wrapper {
1445
+ [data-v-be2bef78] .n-data-table-wrapper {
1326
1446
  overflow-x: auto !important;
1327
1447
  }
1328
1448
 
1329
1449
  /* 分页组件样式 */
1330
- .pagination-wrapper[data-v-4f0daefd] {
1450
+ .pagination-wrapper[data-v-be2bef78] {
1331
1451
  margin-top: 16px;
1332
1452
  display: flex;
1333
1453
  justify-content: flex-end;
@@ -1335,12 +1455,12 @@ to {
1335
1455
 
1336
1456
  /* ================= 5. 表格列宽度管理 ================= */
1337
1457
  /* 普通列的最小宽度保护 */
1338
- [data-v-4f0daefd] .n-data-table-th:not(:last-child) {
1458
+ [data-v-be2bef78] .n-data-table-th:not(:last-child) {
1339
1459
  min-width: 80px !important;
1340
1460
  }
1341
1461
 
1342
1462
  /* 操作列固定宽度(适应4个按钮的布局) */
1343
- [data-v-4f0daefd] .c-table-actions-column {
1463
+ [data-v-be2bef78] .c-table-actions-column {
1344
1464
  width: 180px !important;
1345
1465
  min-width: 160px !important;
1346
1466
  max-width: 200px !important;
@@ -1349,14 +1469,14 @@ to {
1349
1469
  }
1350
1470
 
1351
1471
  /* 操作按钮容器居中 */
1352
- [data-v-4f0daefd] .c-table-actions-column .n-space {
1472
+ [data-v-be2bef78] .c-table-actions-column .n-space {
1353
1473
  justify-content: center !important;
1354
1474
  align-items: center !important;
1355
1475
  }
1356
1476
 
1357
1477
  /* ================= 6. 可编辑单元格样式 ================= */
1358
1478
  /* 单元格编辑容器 - 精致化设计 */
1359
- .cell-edit-wrapper[data-v-4f0daefd] {
1479
+ .cell-edit-wrapper[data-v-be2bef78] {
1360
1480
  display: flex;
1361
1481
  align-items: center;
1362
1482
  justify-content: space-between;
@@ -1369,23 +1489,23 @@ to {
1369
1489
  position: relative;
1370
1490
  /* 悬停效果 */
1371
1491
  }
1372
- .cell-edit-wrapper[data-v-4f0daefd]:hover {
1492
+ .cell-edit-wrapper[data-v-be2bef78]:hover {
1373
1493
  background-color: var(--n-color-target);
1374
1494
  }
1375
- .cell-edit-wrapper:hover .cell-edit-icon[data-v-4f0daefd] {
1495
+ .cell-edit-wrapper:hover .cell-edit-icon[data-v-be2bef78] {
1376
1496
  opacity: 1;
1377
1497
  color: var(--n-color-success);
1378
1498
  transform: scale(1.05);
1379
1499
  }
1380
- .cell-edit-wrapper[data-v-4f0daefd] {
1500
+ .cell-edit-wrapper[data-v-be2bef78] {
1381
1501
  /* 激活状态 */
1382
1502
  }
1383
- .cell-edit-wrapper[data-v-4f0daefd]:active {
1503
+ .cell-edit-wrapper[data-v-be2bef78]:active {
1384
1504
  transform: translateY(1px);
1385
1505
  }
1386
1506
 
1387
1507
  /* 单元格内容 */
1388
- .cell-value[data-v-4f0daefd] {
1508
+ .cell-value[data-v-be2bef78] {
1389
1509
  flex: 1;
1390
1510
  overflow: hidden;
1391
1511
  text-overflow: ellipsis;
@@ -1396,7 +1516,7 @@ to {
1396
1516
  }
1397
1517
 
1398
1518
  /* 动态渲染单元格也只在当前表格边界内匹配。 */
1399
- .c-table-wrapper[data-v-4f0daefd] .cell-edit-icon {
1519
+ .c-table-wrapper[data-v-be2bef78] .cell-edit-icon {
1400
1520
  flex-shrink: 0;
1401
1521
  width: 24px;
1402
1522
  height: 24px;
@@ -1412,29 +1532,29 @@ to {
1412
1532
  position: relative;
1413
1533
  /* 悬停效果 */
1414
1534
  }
1415
- .c-table-wrapper[data-v-4f0daefd] .cell-edit-icon:hover {
1535
+ .c-table-wrapper[data-v-be2bef78] .cell-edit-icon:hover {
1416
1536
  opacity: 1 !important;
1417
1537
  color: var(--n-color-success-hover) !important;
1418
1538
  background-color: var(--n-color-success-pressed);
1419
1539
  transform: scale(1.1);
1420
1540
  }
1421
- .c-table-wrapper[data-v-4f0daefd] .cell-edit-icon {
1541
+ .c-table-wrapper[data-v-be2bef78] .cell-edit-icon {
1422
1542
  /* 激活效果 */
1423
1543
  }
1424
- .c-table-wrapper[data-v-4f0daefd] .cell-edit-icon:active {
1544
+ .c-table-wrapper[data-v-be2bef78] .cell-edit-icon:active {
1425
1545
  transform: scale(0.95);
1426
1546
  }
1427
- .c-table-wrapper[data-v-4f0daefd] .cell-edit-icon {
1547
+ .c-table-wrapper[data-v-be2bef78] .cell-edit-icon {
1428
1548
  /* 图标尺寸 */
1429
1549
  }
1430
- .c-table-wrapper[data-v-4f0daefd] .cell-edit-icon svg {
1550
+ .c-table-wrapper[data-v-be2bef78] .cell-edit-icon svg {
1431
1551
  width: 14px;
1432
1552
  height: 14px;
1433
1553
  }
1434
1554
 
1435
1555
  /* ================= 7. 单元格编辑状态样式 ================= */
1436
1556
  /* 编辑容器 - 确保水平布局不换行 */
1437
- .cell-editing-container[data-v-4f0daefd],[data-v-4f0daefd] .cell-editing-container {
1557
+ .cell-editing-container[data-v-be2bef78],[data-v-be2bef78] .cell-editing-container {
1438
1558
  display: flex !important;
1439
1559
  align-items: center !important;
1440
1560
  width: 100% !important;
@@ -1448,39 +1568,39 @@ to {
1448
1568
  }
1449
1569
 
1450
1570
  /* 编辑输入区域 - 占据剩余空间 */
1451
- .cell-editing-input[data-v-4f0daefd],[data-v-4f0daefd] .cell-editing-input {
1571
+ .cell-editing-input[data-v-be2bef78],[data-v-be2bef78] .cell-editing-input {
1452
1572
  flex: 1 !important;
1453
1573
  min-width: 0 !important;
1454
1574
  }
1455
1575
 
1456
1576
  /* 深度选择器处理输入框样式 */
1457
- [data-v-4f0daefd] .cell-editing-input .n-input {
1577
+ [data-v-be2bef78] .cell-editing-input .n-input {
1458
1578
  border: none !important;
1459
1579
  box-shadow: none !important;
1460
1580
  background: transparent !important;
1461
1581
  }
1462
- [data-v-4f0daefd] .cell-editing-input .n-input.n-input--focus {
1582
+ [data-v-be2bef78] .cell-editing-input .n-input.n-input--focus {
1463
1583
  border: none !important;
1464
1584
  box-shadow: none !important;
1465
1585
  }
1466
- [data-v-4f0daefd] .cell-editing-input .n-input-number {
1586
+ [data-v-be2bef78] .cell-editing-input .n-input-number {
1467
1587
  border: none !important;
1468
1588
  box-shadow: none !important;
1469
1589
  background: transparent !important;
1470
1590
  }
1471
- [data-v-4f0daefd] .cell-editing-input .n-select {
1591
+ [data-v-be2bef78] .cell-editing-input .n-select {
1472
1592
  border: none !important;
1473
1593
  box-shadow: none !important;
1474
1594
  background: transparent !important;
1475
1595
  }
1476
- [data-v-4f0daefd] .cell-editing-input .n-select .n-base-selection {
1596
+ [data-v-be2bef78] .cell-editing-input .n-select .n-base-selection {
1477
1597
  border: none !important;
1478
1598
  box-shadow: none !important;
1479
1599
  background: transparent !important;
1480
1600
  }
1481
1601
 
1482
1602
  /* 编辑操作按钮容器 */
1483
- .cell-editing-actions[data-v-4f0daefd],[data-v-4f0daefd] .cell-editing-actions {
1603
+ .cell-editing-actions[data-v-be2bef78],[data-v-be2bef78] .cell-editing-actions {
1484
1604
  display: flex !important;
1485
1605
  flex-shrink: 0 !important;
1486
1606
  align-items: center !important;
@@ -1493,7 +1613,7 @@ to {
1493
1613
  }
1494
1614
 
1495
1615
  /* 编辑操作按钮 */
1496
- .cell-action-btn[data-v-4f0daefd],[data-v-4f0daefd] .cell-action-btn {
1616
+ .cell-action-btn[data-v-be2bef78],[data-v-be2bef78] .cell-action-btn {
1497
1617
  display: flex !important;
1498
1618
  align-items: center !important;
1499
1619
  justify-content: center !important;
@@ -1506,34 +1626,34 @@ to {
1506
1626
  background: transparent !important;
1507
1627
  /* 保存按钮 */
1508
1628
  }
1509
- .cell-action-btn.cell-action-save[data-v-4f0daefd],[data-v-4f0daefd] .cell-action-btn.cell-action-save {
1629
+ .cell-action-btn.cell-action-save[data-v-be2bef78],[data-v-be2bef78] .cell-action-btn.cell-action-save {
1510
1630
  color: var(--n-color-success) !important;
1511
1631
  }
1512
- .cell-action-btn.cell-action-save[data-v-4f0daefd]:hover,[data-v-4f0daefd] .cell-action-btn.cell-action-save:hover {
1632
+ .cell-action-btn.cell-action-save[data-v-be2bef78]:hover,[data-v-be2bef78] .cell-action-btn.cell-action-save:hover {
1513
1633
  background: var(--n-color-success-pressed) !important;
1514
1634
  transform: scale(1.1) !important;
1515
1635
  }
1516
- .cell-action-btn[data-v-4f0daefd],[data-v-4f0daefd] .cell-action-btn {
1636
+ .cell-action-btn[data-v-be2bef78],[data-v-be2bef78] .cell-action-btn {
1517
1637
  /* 取消按钮 */
1518
1638
  }
1519
- .cell-action-btn.cell-action-cancel[data-v-4f0daefd],[data-v-4f0daefd] .cell-action-btn.cell-action-cancel {
1639
+ .cell-action-btn.cell-action-cancel[data-v-be2bef78],[data-v-be2bef78] .cell-action-btn.cell-action-cancel {
1520
1640
  color: var(--n-color-error) !important;
1521
1641
  }
1522
- .cell-action-btn.cell-action-cancel[data-v-4f0daefd]:hover,[data-v-4f0daefd] .cell-action-btn.cell-action-cancel:hover {
1642
+ .cell-action-btn.cell-action-cancel[data-v-be2bef78]:hover,[data-v-be2bef78] .cell-action-btn.cell-action-cancel:hover {
1523
1643
  background: var(--n-color-error-pressed) !important;
1524
1644
  transform: scale(1.1) !important;
1525
1645
  }
1526
- .cell-action-btn[data-v-4f0daefd],[data-v-4f0daefd] .cell-action-btn {
1646
+ .cell-action-btn[data-v-be2bef78],[data-v-be2bef78] .cell-action-btn {
1527
1647
  /* 图标尺寸 */
1528
1648
  }
1529
- .cell-action-btn svg[data-v-4f0daefd],[data-v-4f0daefd] .cell-action-btn svg {
1649
+ .cell-action-btn svg[data-v-be2bef78],[data-v-be2bef78] .cell-action-btn svg {
1530
1650
  width: 11px !important;
1531
1651
  height: 11px !important;
1532
1652
  }
1533
1653
 
1534
1654
  /* ================= 7. 操作按钮样式 ================= */
1535
1655
  /* 通用按钮样式 */
1536
- [data-v-4f0daefd] .n-button {
1656
+ [data-v-be2bef78] .n-button {
1537
1657
  white-space: nowrap;
1538
1658
  font-size: 12px !important;
1539
1659
  flex-shrink: 0 !important;
@@ -1542,60 +1662,60 @@ to {
1542
1662
  font-weight: 500;
1543
1663
  /* 图标间距 */
1544
1664
  }
1545
- [data-v-4f0daefd] .n-button .n-icon {
1665
+ [data-v-be2bef78] .n-button .n-icon {
1546
1666
  margin-right: 4px !important;
1547
1667
  }
1548
- [data-v-4f0daefd] .n-button {
1668
+ [data-v-be2bef78] .n-button {
1549
1669
  /* 小尺寸按钮优化 */
1550
1670
  }
1551
- [data-v-4f0daefd] .n-button.n-button--small-type {
1671
+ [data-v-be2bef78] .n-button.n-button--small-type {
1552
1672
  padding: 4px 8px;
1553
1673
  height: 28px;
1554
1674
  line-height: 20px;
1555
1675
  }
1556
- [data-v-4f0daefd] .n-button {
1676
+ [data-v-be2bef78] .n-button {
1557
1677
  /* 四元按钮样式 */
1558
1678
  }
1559
- [data-v-4f0daefd] .n-button.n-button--quaternary-type:hover {
1679
+ [data-v-be2bef78] .n-button.n-button--quaternary-type:hover {
1560
1680
  transform: translateY(-1px);
1561
1681
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
1562
1682
  }
1563
- [data-v-4f0daefd] .n-button.n-button--quaternary-type:active {
1683
+ [data-v-be2bef78] .n-button.n-button--quaternary-type:active {
1564
1684
  transform: translateY(0);
1565
1685
  }
1566
1686
 
1567
1687
  /* ================= 8. 按钮组间距优化 ================= */
1568
1688
  /* 操作按钮组 */
1569
- [data-v-4f0daefd] .n-space.n-space--horizontal .n-space-item:not(:last-child) {
1689
+ [data-v-be2bef78] .n-space.n-space--horizontal .n-space-item:not(:last-child) {
1570
1690
  margin-right: 6px !important;
1571
1691
  }
1572
1692
 
1573
1693
  /* ================= 9. 模态框样式优化 ================= */
1574
1694
  /* 编辑模态框 */
1575
- [data-v-4f0daefd] .n-modal .n-card {
1695
+ [data-v-be2bef78] .n-modal .n-card {
1576
1696
  border-radius: 12px;
1577
1697
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
1578
1698
  }
1579
- [data-v-4f0daefd] .n-modal .n-card__header {
1699
+ [data-v-be2bef78] .n-modal .n-card__header {
1580
1700
  padding: 20px 24px 16px;
1581
1701
  font-weight: 600;
1582
1702
  font-size: 16px;
1583
1703
  }
1584
- [data-v-4f0daefd] .n-modal .n-card__content {
1704
+ [data-v-be2bef78] .n-modal .n-card__content {
1585
1705
  padding: 0 24px 16px;
1586
1706
  }
1587
- [data-v-4f0daefd] .n-modal .n-card__action {
1707
+ [data-v-be2bef78] .n-modal .n-card__action {
1588
1708
  padding: 16px 24px 20px;
1589
1709
  border-top: 1px solid var(--n-divider-color);
1590
1710
  }
1591
1711
 
1592
1712
  /* ================= 10. 描述列表样式 ================= */
1593
1713
  /* 详情模态框描述列表 */
1594
- [data-v-4f0daefd] .n-descriptions .n-descriptions-item-label {
1714
+ [data-v-be2bef78] .n-descriptions .n-descriptions-item-label {
1595
1715
  font-weight: 500;
1596
1716
  color: var(--n-text-color-2);
1597
1717
  }
1598
- [data-v-4f0daefd] .n-descriptions .n-descriptions-item-content {
1718
+ [data-v-be2bef78] .n-descriptions .n-descriptions-item-content {
1599
1719
  color: var(--n-text-color-1);
1600
1720
  word-break: break-all;
1601
1721
  }
@@ -1603,99 +1723,99 @@ to {
1603
1723
  /* ================= 11. 响应式设计 ================= */
1604
1724
  /* 移动端适配 */
1605
1725
  @media (max-width: 768px) {
1606
- .c-table-wrapper[data-v-4f0daefd] {
1726
+ .c-table-wrapper[data-v-be2bef78] {
1607
1727
  overflow-x: auto;
1608
1728
  }
1609
1729
  /* 操作列在移动端的适配 */
1610
- [data-v-4f0daefd] .n-data-table-th:last-child {
1730
+ [data-v-be2bef78] .n-data-table-th:last-child {
1611
1731
  width: 160px !important;
1612
1732
  min-width: 160px !important;
1613
1733
  }
1614
1734
  /* 按钮在移动端的优化 */
1615
- [data-v-4f0daefd] .n-button {
1735
+ [data-v-be2bef78] .n-button {
1616
1736
  font-size: 11px !important;
1617
1737
  padding: 3px 6px;
1618
1738
  }
1619
- [data-v-4f0daefd] .n-button .n-icon {
1739
+ [data-v-be2bef78] .n-button .n-icon {
1620
1740
  margin-right: 2px !important;
1621
1741
  }
1622
1742
  /* 单元格编辑图标在移动端始终显示 */
1623
- .cell-edit-icon[data-v-4f0daefd] {
1743
+ .cell-edit-icon[data-v-be2bef78] {
1624
1744
  opacity: 0.6;
1625
1745
  }
1626
1746
  }
1627
1747
  /* ================= 12. 主题适配 ================= */
1628
1748
  /* 暗色主题适配 - 已通过 CSS 变量自动适配 */
1629
- [data-theme=dark][data-v-4f0daefd] {
1749
+ [data-theme=dark][data-v-be2bef78] {
1630
1750
  /* CSS 变量已自动适配,如有特殊需求可在此添加 */
1631
1751
  }
1632
1752
 
1633
1753
  /* ================= 13. 响应式优化 ================= */
1634
1754
  /* 小屏幕下的单元格编辑优化 */
1635
1755
  @media (max-width: 768px) {
1636
- .cell-editing-container[data-v-4f0daefd],[data-v-4f0daefd] .cell-editing-container {
1756
+ .cell-editing-container[data-v-be2bef78],[data-v-be2bef78] .cell-editing-container {
1637
1757
  gap: 6px !important;
1638
1758
  }
1639
- .cell-editing-actions[data-v-4f0daefd],[data-v-4f0daefd] .cell-editing-actions {
1759
+ .cell-editing-actions[data-v-be2bef78],[data-v-be2bef78] .cell-editing-actions {
1640
1760
  gap: 3px !important;
1641
1761
  padding: 2px !important;
1642
1762
  }
1643
- .cell-action-btn[data-v-4f0daefd],[data-v-4f0daefd] .cell-action-btn {
1763
+ .cell-action-btn[data-v-be2bef78],[data-v-be2bef78] .cell-action-btn {
1644
1764
  width: 18px !important;
1645
1765
  height: 18px !important;
1646
1766
  }
1647
- .cell-action-btn svg[data-v-4f0daefd],[data-v-4f0daefd] .cell-action-btn svg {
1767
+ .cell-action-btn svg[data-v-be2bef78],[data-v-be2bef78] .cell-action-btn svg {
1648
1768
  width: 10px !important;
1649
1769
  height: 10px !important;
1650
1770
  }
1651
1771
  /* 移动端编辑图标 */
1652
- .cell-edit-icon[data-v-4f0daefd] {
1772
+ .cell-edit-icon[data-v-be2bef78] {
1653
1773
  opacity: 0.6 !important;
1654
1774
  }
1655
- .cell-value[data-v-4f0daefd] {
1775
+ .cell-value[data-v-be2bef78] {
1656
1776
  margin-right: 12px !important;
1657
1777
  }
1658
1778
  }
1659
1779
  /* ================= 14. 性能优化 ================= */
1660
1780
  /* 使用 GPU 加速的动画 */
1661
- .cell-edit-icon[data-v-4f0daefd],
1662
- .cell-action-btn[data-v-4f0daefd] {
1781
+ .cell-edit-icon[data-v-be2bef78],
1782
+ .cell-action-btn[data-v-be2bef78] {
1663
1783
  will-change: transform;
1664
1784
  backface-visibility: hidden;
1665
1785
  }
1666
- [data-v-4f0daefd] .n-button {
1786
+ [data-v-be2bef78] .n-button {
1667
1787
  will-change: transform;
1668
1788
  backface-visibility: hidden;
1669
1789
  }
1670
1790
 
1671
1791
  /* ================= 15. 可访问性优化 ================= */
1672
1792
  /* 聚焦状态 */
1673
- .cell-edit-wrapper[data-v-4f0daefd]:focus-within,
1674
- .cell-editing-container[data-v-4f0daefd]:focus-within {
1793
+ .cell-edit-wrapper[data-v-be2bef78]:focus-within,
1794
+ .cell-editing-container[data-v-be2bef78]:focus-within {
1675
1795
  outline: 2px solid var(--n-primary-color);
1676
1796
  outline-offset: 2px;
1677
1797
  }
1678
1798
 
1679
1799
  /* 高对比度模式支持 */
1680
1800
  @media (prefers-contrast: high) {
1681
- .cell-edit-icon[data-v-4f0daefd] {
1801
+ .cell-edit-icon[data-v-be2bef78] {
1682
1802
  opacity: 0.8;
1683
1803
  }
1684
- .cell-editing-actions[data-v-4f0daefd] {
1804
+ .cell-editing-actions[data-v-be2bef78] {
1685
1805
  border-width: 2px;
1686
1806
  }
1687
1807
  }
1688
1808
  /* ================= 11. 行拖拽排序 ================= */
1689
- .row-drag-ghost[data-v-4f0daefd] {
1809
+ .row-drag-ghost[data-v-be2bef78] {
1690
1810
  opacity: 0.4;
1691
1811
  background: var(--c-table-drag-ghost-bg) !important;
1692
1812
  }
1693
- .row-drag-chosen[data-v-4f0daefd] {
1813
+ .row-drag-chosen[data-v-be2bef78] {
1694
1814
  background: var(--n-color-hover, #f5f5f5) !important;
1695
1815
  }
1696
1816
 
1697
1817
  /* ================= 12. 批量操作栏 ================= */
1698
- .batch-actions-bar[data-v-4f0daefd] {
1818
+ .batch-actions-bar[data-v-be2bef78] {
1699
1819
  display: flex;
1700
1820
  align-items: center;
1701
1821
  justify-content: space-between;
@@ -1705,56 +1825,56 @@ to {
1705
1825
  border-radius: 6px;
1706
1826
  border: 1px solid var(--n-primary-color-suppl, #70b3ff);
1707
1827
  }
1708
- .batch-actions-bar .batch-info[data-v-4f0daefd] {
1828
+ .batch-actions-bar .batch-info[data-v-be2bef78] {
1709
1829
  font-size: 13px;
1710
1830
  color: var(--n-text-color-2);
1711
1831
  font-weight: 500;
1712
1832
  }
1713
1833
 
1714
1834
  /* ================= 13. 错误状态 ================= */
1715
- .table-error-state[data-v-4f0daefd] {
1835
+ .table-error-state[data-v-be2bef78] {
1716
1836
  padding: 48px 24px;
1717
1837
  text-align: center;
1718
1838
  }
1719
- .table-error-state .error-content[data-v-4f0daefd] {
1839
+ .table-error-state .error-content[data-v-be2bef78] {
1720
1840
  display: flex;
1721
1841
  flex-direction: column;
1722
1842
  align-items: center;
1723
1843
  gap: 12px;
1724
1844
  color: var(--n-text-color-3, #999);
1725
1845
  }
1726
- .table-error-state .error-message[data-v-4f0daefd] {
1846
+ .table-error-state .error-message[data-v-be2bef78] {
1727
1847
  font-size: 14px;
1728
1848
  margin: 0;
1729
1849
  color: var(--n-text-color-2, #666);
1730
1850
  }
1731
1851
  /* unplugin-vue-components disabled */
1732
1852
  /* layer: default */
1733
- .visible[data-v-4f0daefd]{visibility:visible;}
1734
- .fixed[data-v-4f0daefd]{position:fixed;}
1735
- .grid[data-v-4f0daefd]{display:grid;}
1736
- .mb-2[data-v-4f0daefd]{margin-bottom:0.5rem;}
1737
- .mb-4[data-v-4f0daefd]{margin-bottom:1rem;}
1738
- .ml-2[data-v-4f0daefd]{margin-left:0.5rem;}
1739
- .w60\%[data-v-4f0daefd]{width:60%;}
1740
- .flex[data-v-4f0daefd]{display:flex;}
1741
- .table[data-v-4f0daefd]{display:table;}
1742
- .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));}
1743
- .cursor-pointer[data-v-4f0daefd]{cursor:pointer;}
1744
- .items-center[data-v-4f0daefd]{align-items:center;}
1745
- .justify-end[data-v-4f0daefd]{justify-content:flex-end;}
1746
- .justify-center[data-v-4f0daefd]{justify-content:center;}
1747
- .rd[data-v-4f0daefd]{border-radius:0.25rem;}
1748
- .bg-gray-50[data-v-4f0daefd]{--un-bg-opacity:1;background-color:rgb(249 250 251 / var(--un-bg-opacity));}
1749
- .p-4[data-v-4f0daefd]{padding:1rem;}
1750
- .px[data-v-4f0daefd]{padding-left:1rem;padding-right:1rem;}
1751
- .py-8[data-v-4f0daefd]{padding-top:2rem;padding-bottom:2rem;}
1752
- .text-center[data-v-4f0daefd]{text-align:center;}
1753
- .text-sm[data-v-4f0daefd]{font-size:0.875rem;line-height:1.25rem;}
1754
- .text-gray-400[data-v-4f0daefd]{--un-text-opacity:1;color:rgb(156 163 175 / var(--un-text-opacity));}
1755
- .text-gray-500[data-v-4f0daefd]{--un-text-opacity:1;color:rgb(107 114 128 / var(--un-text-opacity));}
1756
- .text-gray-600[data-v-4f0daefd]{--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity));}
1757
- .accent-blue-500[data-v-4f0daefd]{--un-accent-opacity:1;accent-color:rgb(59 130 246 / var(--un-accent-opacity));}
1758
- .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);}
1759
- .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);}
1853
+ .visible[data-v-be2bef78]{visibility:visible;}
1854
+ .fixed[data-v-be2bef78]{position:fixed;}
1855
+ .grid[data-v-be2bef78]{display:grid;}
1856
+ .mb-2[data-v-be2bef78]{margin-bottom:0.5rem;}
1857
+ .mb-4[data-v-be2bef78]{margin-bottom:1rem;}
1858
+ .ml-2[data-v-be2bef78]{margin-left:0.5rem;}
1859
+ .w60\%[data-v-be2bef78]{width:60%;}
1860
+ .flex[data-v-be2bef78]{display:flex;}
1861
+ .table[data-v-be2bef78]{display:table;}
1862
+ .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));}
1863
+ .cursor-pointer[data-v-be2bef78]{cursor:pointer;}
1864
+ .items-center[data-v-be2bef78]{align-items:center;}
1865
+ .justify-end[data-v-be2bef78]{justify-content:flex-end;}
1866
+ .justify-center[data-v-be2bef78]{justify-content:center;}
1867
+ .rd[data-v-be2bef78]{border-radius:0.25rem;}
1868
+ .bg-gray-50[data-v-be2bef78]{--un-bg-opacity:1;background-color:rgb(249 250 251 / var(--un-bg-opacity));}
1869
+ .p-4[data-v-be2bef78]{padding:1rem;}
1870
+ .px[data-v-be2bef78]{padding-left:1rem;padding-right:1rem;}
1871
+ .py-8[data-v-be2bef78]{padding-top:2rem;padding-bottom:2rem;}
1872
+ .text-center[data-v-be2bef78]{text-align:center;}
1873
+ .text-sm[data-v-be2bef78]{font-size:0.875rem;line-height:1.25rem;}
1874
+ .text-gray-400[data-v-be2bef78]{--un-text-opacity:1;color:rgb(156 163 175 / var(--un-text-opacity));}
1875
+ .text-gray-500[data-v-be2bef78]{--un-text-opacity:1;color:rgb(107 114 128 / var(--un-text-opacity));}
1876
+ .text-gray-600[data-v-be2bef78]{--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity));}
1877
+ .accent-blue-500[data-v-be2bef78]{--un-accent-opacity:1;accent-color:rgb(59 130 246 / var(--un-accent-opacity));}
1878
+ .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);}
1879
+ .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);}
1760
1880