@robot-admin/naive-ui-components 0.13.7 → 0.13.9

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