@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.
- package/CHANGELOG.md +13 -0
- package/README.md +23 -6
- package/README_EN.md +23 -6
- package/dist/C_Loading.css +54 -71
- package/dist/C_Loading2.cjs +1 -1
- package/dist/C_Loading2.js +1 -1
- package/dist/C_PageLoading.cjs +1 -0
- package/dist/C_PageLoading.css +152 -0
- package/dist/C_PageLoading.d.cts +2 -0
- package/dist/C_PageLoading.d.ts +2 -0
- package/dist/C_PageLoading.js +1 -0
- package/dist/C_Table.base.css +166 -183
- package/dist/C_Table.css +166 -183
- package/dist/constants.d.cts +1 -1
- package/dist/constants.d.ts +1 -1
- package/dist/constants2.d.cts +4 -4
- package/dist/constants2.d.ts +4 -4
- package/dist/constants3.d.cts +4 -4
- package/dist/constants3.d.ts +4 -4
- package/dist/constants4.d.cts +6 -6
- package/dist/constants4.d.ts +6 -6
- package/dist/constants5.d.cts +2 -2
- package/dist/constants5.d.ts +2 -2
- package/dist/createPageLoading.cjs +1 -0
- package/dist/createPageLoading.d.cts +32 -0
- package/dist/createPageLoading.d.ts +32 -0
- package/dist/createPageLoading.js +1 -0
- package/dist/data.d.cts +8 -8
- package/dist/data.d.ts +8 -8
- package/dist/index.cjs +1 -1
- package/dist/index.d.cts +22 -21
- package/dist/index.d.ts +22 -21
- package/dist/index.js +1 -1
- package/dist/index.vue.d.cts +5 -5
- package/dist/index.vue.d.ts +5 -5
- package/dist/index10.vue.d.cts +4 -4
- package/dist/index10.vue.d.ts +1 -1
- package/dist/index11.vue.d.cts +1 -1
- package/dist/index11.vue.d.ts +4 -4
- package/dist/index12.vue.d.cts +4 -4
- package/dist/index12.vue.d.ts +2 -2
- package/dist/index13.vue.d.cts +2 -2
- package/dist/index13.vue.d.ts +5 -5
- package/dist/index14.vue.d.cts +5 -5
- package/dist/index14.vue.d.ts +4 -4
- package/dist/index15.vue.d.cts +4 -4
- package/dist/index15.vue.d.ts +1 -1
- package/dist/index16.vue.d.cts +1 -1
- package/dist/index16.vue.d.ts +1 -1
- package/dist/index17.vue.d.cts +1 -1
- package/dist/index17.vue.d.ts +1 -1
- package/dist/index18.vue.d.cts +1 -1
- package/dist/index18.vue.d.ts +4 -4
- package/dist/index19.vue.d.cts +4 -4
- package/dist/index2.vue.d.cts +1 -1
- package/dist/index2.vue.d.ts +1 -1
- package/dist/index20.vue.d.cts +1 -1
- package/dist/index20.vue.d.ts +1 -1
- package/dist/index21.vue.d.cts +2 -2
- package/dist/index21.vue.d.ts +2 -2
- package/dist/index22.vue.d.cts +2 -2
- package/dist/index22.vue.d.ts +2 -2
- package/dist/index23.vue.d.cts +1 -1
- package/dist/index23.vue.d.ts +1 -1
- package/dist/index25.vue.d.cts +3 -3
- package/dist/index25.vue.d.ts +3 -3
- package/dist/index27.vue.d.cts +3 -3
- package/dist/index27.vue.d.ts +3 -3
- package/dist/index28.vue.d.cts +1 -1
- package/dist/index28.vue.d.ts +1 -1
- package/dist/index3.vue.d.cts +3 -3
- package/dist/index3.vue.d.ts +3 -3
- package/dist/index6.vue.d.ts +2 -2
- package/dist/index7.vue.d.cts +2 -2
- package/dist/index8.vue.d.ts +2 -2
- package/dist/index9.vue.d.cts +2 -2
- package/dist/index9.vue.d.ts +4 -4
- package/dist/mapUtils.d.cts +4 -4
- package/dist/mapUtils.d.ts +4 -4
- package/dist/presets.d.cts +1 -1
- package/dist/presets.d.ts +1 -1
- package/dist/resolver.cjs +1 -1
- package/dist/resolver.d.cts +1 -1
- package/dist/resolver.d.ts +1 -1
- package/dist/resolver.js +1 -1
- package/dist/style.css +321 -183
- package/dist/useCalendarEvents.d.cts +1 -1
- package/dist/useCalendarEvents.d.ts +1 -1
- package/dist/useCollapsePanel.d.cts +2 -2
- package/dist/useCollapsePanel.d.ts +2 -2
- package/dist/useCropperCore.d.cts +10 -10
- package/dist/useCropperCore.d.ts +10 -10
- package/dist/useDraggableLayout.d.cts +5 -5
- package/dist/useDraggableLayout.d.ts +5 -5
- package/dist/useDynamicFormState.d.cts +2 -2
- package/dist/useDynamicFormState.d.ts +2 -2
- package/dist/useEdgeInteraction.d.cts +3 -3
- package/dist/useEdgeInteraction.d.ts +3 -3
- package/dist/useFullscreen.d.cts +2 -2
- package/dist/useFullscreen.d.ts +2 -2
- package/dist/useInfiniteScroll.d.cts +2 -2
- package/dist/useInfiniteScroll.d.ts +2 -2
- package/dist/useQRCode.d.cts +4 -4
- package/dist/useQRCode.d.ts +4 -4
- package/dist/useSearchState.d.cts +22 -22
- package/dist/useSearchState.d.ts +22 -22
- package/dist/useSignatureHistory.d.cts +7 -7
- package/dist/useSignatureHistory.d.ts +7 -7
- package/dist/useSplitResize.d.cts +4 -4
- package/dist/useSplitResize.d.ts +4 -4
- package/dist/useTableQuery.cjs +2 -2
- package/dist/useTableQuery.d.cts +7 -3
- package/dist/useTableQuery.d.ts +7 -3
- package/dist/useTableQuery.js +2 -2
- package/dist/useTimeSelection.d.cts +2 -2
- package/dist/useTimeSelection.d.ts +2 -2
- package/dist/useTreeOperations.d.cts +2 -2
- package/dist/useTreeOperations.d.ts +2 -2
- package/dist/useWorkflowValidation.d.cts +5 -5
- package/dist/useWorkflowValidation.d.ts +5 -5
- package/dist/verification.d.cts +2 -2
- package/dist/verification.d.ts +2 -2
- package/package.json +1 -1
package/dist/style.css
CHANGED
|
@@ -8581,122 +8581,105 @@ to {
|
|
|
8581
8581
|
/* --- C_Loading --- */
|
|
8582
8582
|
/* unplugin-vue-components disabled *//*
|
|
8583
8583
|
* @Author: ChenYu ycyplus@gmail.com
|
|
8584
|
-
* @Date: 2026-10-
|
|
8584
|
+
* @Date: 2026-10-07
|
|
8585
8585
|
* @FilePath: \naive-ui-components\src\components\C_Loading\index.scss
|
|
8586
|
-
* @Description:
|
|
8586
|
+
* @Description: 数据光环与细光束动画,作用域隔离并支持减少动态效果
|
|
8587
8587
|
* Copyright (c) 2026 by CHENY, All Rights Reserved 😎.
|
|
8588
8588
|
*/
|
|
8589
|
-
.c-loading[data-v-
|
|
8589
|
+
.c-loading[data-v-c6727905] {
|
|
8590
8590
|
display: inline-flex;
|
|
8591
|
-
flex-direction: column;
|
|
8592
8591
|
align-items: center;
|
|
8593
8592
|
justify-content: center;
|
|
8594
|
-
gap: 6px;
|
|
8595
8593
|
vertical-align: middle;
|
|
8596
8594
|
line-height: 1;
|
|
8597
8595
|
pointer-events: none;
|
|
8598
8596
|
}
|
|
8599
|
-
.c-loading--labeled[data-v-
|
|
8600
|
-
|
|
8601
|
-
gap:
|
|
8597
|
+
.c-loading--labeled[data-v-c6727905] {
|
|
8598
|
+
position: relative;
|
|
8599
|
+
gap: 10px;
|
|
8602
8600
|
max-width: 100%;
|
|
8603
|
-
padding: 8px
|
|
8601
|
+
padding: 8px 16px 9px 10px;
|
|
8604
8602
|
box-sizing: border-box;
|
|
8605
8603
|
border: 1px solid var(--c-loading-border);
|
|
8606
|
-
border-radius:
|
|
8604
|
+
border-radius: 16px;
|
|
8607
8605
|
background: var(--c-loading-surface);
|
|
8608
|
-
|
|
8606
|
+
background-image: linear-gradient(135deg, color-mix(in srgb, currentColor 4%, var(--c-loading-surface)), var(--c-loading-surface));
|
|
8607
|
+
box-shadow: inset 0 1px 0 color-mix(in srgb, currentColor 4%, transparent), 0 8px 28px rgba(0, 0, 0, 0.06);
|
|
8608
|
+
overflow: hidden;
|
|
8609
|
+
}
|
|
8610
|
+
.c-loading--labeled[data-v-c6727905]::after {
|
|
8611
|
+
content: "";
|
|
8612
|
+
position: absolute;
|
|
8613
|
+
bottom: 0;
|
|
8614
|
+
left: 0;
|
|
8615
|
+
width: 50%;
|
|
8616
|
+
height: 2px;
|
|
8617
|
+
background: linear-gradient(90deg, transparent, currentColor, transparent);
|
|
8618
|
+
opacity: 0.5;
|
|
8619
|
+
animation: c-loading-beam-c6727905 1.8s ease-in-out infinite;
|
|
8609
8620
|
}
|
|
8610
|
-
.c-loading__glyph[data-v-
|
|
8621
|
+
.c-loading__glyph[data-v-c6727905] {
|
|
8611
8622
|
width: var(--c-loading-size, 48px);
|
|
8612
8623
|
height: var(--c-loading-size, 48px);
|
|
8613
8624
|
flex-shrink: 0;
|
|
8614
|
-
overflow: visible;
|
|
8615
|
-
}
|
|
8616
|
-
.c-loading__frame[data-v-48232aaa] {
|
|
8617
|
-
opacity: 0.35;
|
|
8618
|
-
animation: c-loading-frame-48232aaa 2.4s ease-in-out infinite;
|
|
8619
|
-
}
|
|
8620
|
-
.c-loading__scan[data-v-48232aaa] {
|
|
8621
|
-
opacity: 0;
|
|
8622
|
-
animation: c-loading-scan-48232aaa 2.4s ease-in-out infinite;
|
|
8623
8625
|
}
|
|
8624
|
-
.c-
|
|
8625
|
-
transform-box:
|
|
8626
|
+
.c-loading__orbit[data-v-c6727905] {
|
|
8627
|
+
transform-box: view-box;
|
|
8626
8628
|
transform-origin: center;
|
|
8627
|
-
animation: c-loading-
|
|
8629
|
+
animation: c-loading-orbit-c6727905 1.6s linear infinite;
|
|
8628
8630
|
}
|
|
8629
|
-
.c-
|
|
8630
|
-
|
|
8631
|
-
animation:
|
|
8631
|
+
.c-loading__orbit--inner[data-v-c6727905] {
|
|
8632
|
+
animation-duration: 3.2s;
|
|
8633
|
+
animation-direction: reverse;
|
|
8632
8634
|
}
|
|
8633
|
-
.c-
|
|
8634
|
-
|
|
8635
|
+
.c-loading__row[data-v-c6727905] {
|
|
8636
|
+
opacity: 0.75;
|
|
8637
|
+
animation: c-loading-row-c6727905 1.6s ease-in-out infinite;
|
|
8635
8638
|
}
|
|
8636
|
-
.c-loading__label[data-v-
|
|
8639
|
+
.c-loading__label[data-v-c6727905] {
|
|
8640
|
+
min-width: 0;
|
|
8637
8641
|
color: var(--c-loading-text, currentColor);
|
|
8638
8642
|
font-size: 12px;
|
|
8639
8643
|
font-weight: 500;
|
|
8640
8644
|
letter-spacing: 0.03em;
|
|
8641
8645
|
line-height: 1.6;
|
|
8646
|
+
overflow-wrap: anywhere;
|
|
8642
8647
|
}
|
|
8643
8648
|
@media (prefers-reduced-motion: reduce) {
|
|
8644
|
-
.c-
|
|
8649
|
+
.c-loading__orbit[data-v-c6727905], .c-loading__row[data-v-c6727905], .c-loading--labeled[data-v-c6727905]::after {
|
|
8645
8650
|
animation: none;
|
|
8646
8651
|
}
|
|
8647
|
-
.c-
|
|
8652
|
+
.c-loading--labeled[data-v-c6727905]::after {
|
|
8648
8653
|
display: none;
|
|
8649
8654
|
}
|
|
8650
|
-
.c-loading__frame[data-v-48232aaa], .c-loading__packet[data-v-48232aaa] {
|
|
8651
|
-
opacity: 0.55;
|
|
8652
|
-
}
|
|
8653
8655
|
}
|
|
8654
|
-
@keyframes c-loading-
|
|
8655
|
-
|
|
8656
|
-
transform:
|
|
8657
|
-
opacity: 0;
|
|
8658
|
-
}
|
|
8659
|
-
25% {
|
|
8660
|
-
opacity: 0.2;
|
|
8661
|
-
}
|
|
8662
|
-
70% {
|
|
8663
|
-
transform: translateY(14px);
|
|
8664
|
-
opacity: 0.2;
|
|
8665
|
-
}
|
|
8666
|
-
88%, 100% {
|
|
8667
|
-
transform: translateY(14px);
|
|
8668
|
-
opacity: 0;
|
|
8656
|
+
@keyframes c-loading-orbit-c6727905 {
|
|
8657
|
+
to {
|
|
8658
|
+
transform: rotate(360deg);
|
|
8669
8659
|
}
|
|
8670
8660
|
}
|
|
8671
|
-
@keyframes c-loading-
|
|
8661
|
+
@keyframes c-loading-row-c6727905 {
|
|
8672
8662
|
0%, 100% {
|
|
8673
|
-
opacity: 0.
|
|
8674
|
-
}
|
|
8675
|
-
50% {
|
|
8676
|
-
opacity: 0.7;
|
|
8677
|
-
}
|
|
8678
|
-
}
|
|
8679
|
-
@keyframes c-loading-eyes-48232aaa {
|
|
8680
|
-
0%, 72%, 82%, 100% {
|
|
8681
|
-
transform: scaleY(1);
|
|
8663
|
+
opacity: 0.4;
|
|
8682
8664
|
}
|
|
8683
|
-
|
|
8684
|
-
|
|
8665
|
+
40%, 60% {
|
|
8666
|
+
opacity: 1;
|
|
8685
8667
|
}
|
|
8686
8668
|
}
|
|
8687
|
-
@keyframes c-loading-
|
|
8688
|
-
|
|
8689
|
-
|
|
8669
|
+
@keyframes c-loading-beam-c6727905 {
|
|
8670
|
+
from {
|
|
8671
|
+
transform: translateX(-100%);
|
|
8690
8672
|
}
|
|
8691
|
-
|
|
8692
|
-
|
|
8673
|
+
to {
|
|
8674
|
+
transform: translateX(200%);
|
|
8693
8675
|
}
|
|
8694
8676
|
}
|
|
8695
8677
|
/* unplugin-vue-components disabled */
|
|
8696
8678
|
/* layer: default */
|
|
8697
|
-
.
|
|
8698
|
-
.
|
|
8699
|
-
.
|
|
8679
|
+
.ms[data-v-c6727905]{margin-inline-start:1rem;}
|
|
8680
|
+
.table[data-v-c6727905]{display:table;}
|
|
8681
|
+
.px[data-v-c6727905]{padding-left:1rem;padding-right:1rem;}
|
|
8682
|
+
.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);}
|
|
8700
8683
|
|
|
8701
8684
|
|
|
8702
8685
|
|
|
@@ -14353,6 +14336,161 @@ to {
|
|
|
14353
14336
|
|
|
14354
14337
|
|
|
14355
14338
|
|
|
14339
|
+
/* --- C_PageLoading --- */
|
|
14340
|
+
/* unplugin-vue-components disabled *//*
|
|
14341
|
+
* @Author: ChenYu ycyplus@gmail.com
|
|
14342
|
+
* @Date: 2026-10-07
|
|
14343
|
+
* @Description: 页面加载的主题卡片、波形和轨道动画,所有选择器限定作用域
|
|
14344
|
+
* Copyright (c) 2026 by CHENY, All Rights Reserved 😎.
|
|
14345
|
+
*/
|
|
14346
|
+
.c-page-loading[data-v-aec6cc81] {
|
|
14347
|
+
position: fixed;
|
|
14348
|
+
inset: 0;
|
|
14349
|
+
z-index: 1999;
|
|
14350
|
+
display: grid;
|
|
14351
|
+
place-items: center;
|
|
14352
|
+
padding: 24px;
|
|
14353
|
+
box-sizing: border-box;
|
|
14354
|
+
background: color-mix(in srgb, var(--c-page-loading-body) 65%, transparent);
|
|
14355
|
+
backdrop-filter: blur(3px);
|
|
14356
|
+
pointer-events: none;
|
|
14357
|
+
}
|
|
14358
|
+
.c-page-loading__card[data-v-aec6cc81] {
|
|
14359
|
+
display: flex;
|
|
14360
|
+
flex-direction: column;
|
|
14361
|
+
align-items: center;
|
|
14362
|
+
gap: 10px;
|
|
14363
|
+
width: 224px;
|
|
14364
|
+
max-width: 100%;
|
|
14365
|
+
padding: 26px 24px 22px;
|
|
14366
|
+
box-sizing: border-box;
|
|
14367
|
+
border-radius: 22px;
|
|
14368
|
+
border: 1px solid var(--c-page-loading-border);
|
|
14369
|
+
background: var(--c-page-loading-surface);
|
|
14370
|
+
background-image: radial-gradient(ellipse at 50% 0, color-mix(in srgb, currentColor 6%, transparent), transparent 70%);
|
|
14371
|
+
box-shadow: 0 16px 56px rgba(0, 0, 0, 0.1);
|
|
14372
|
+
text-align: center;
|
|
14373
|
+
}
|
|
14374
|
+
.c-page-loading__glyph[data-v-aec6cc81] {
|
|
14375
|
+
width: 76px;
|
|
14376
|
+
height: 76px;
|
|
14377
|
+
margin-bottom: 4px;
|
|
14378
|
+
flex-shrink: 0;
|
|
14379
|
+
}
|
|
14380
|
+
.c-page-loading__outer[data-v-aec6cc81], .c-page-loading__inner[data-v-aec6cc81], .c-page-loading__pulse[data-v-aec6cc81] {
|
|
14381
|
+
transform-box: view-box;
|
|
14382
|
+
transform-origin: center;
|
|
14383
|
+
}
|
|
14384
|
+
.c-page-loading__outer[data-v-aec6cc81] {
|
|
14385
|
+
animation: c-page-loading-orbit-aec6cc81 2s linear infinite;
|
|
14386
|
+
}
|
|
14387
|
+
.c-page-loading__inner[data-v-aec6cc81] {
|
|
14388
|
+
animation: c-page-loading-orbit-aec6cc81 2.8s linear infinite reverse;
|
|
14389
|
+
}
|
|
14390
|
+
.c-page-loading__pulse[data-v-aec6cc81] {
|
|
14391
|
+
animation: c-page-loading-pulse-aec6cc81 2s ease-in-out infinite alternate;
|
|
14392
|
+
}
|
|
14393
|
+
.c-page-loading__wave[data-v-aec6cc81] {
|
|
14394
|
+
stroke-dasharray: 100;
|
|
14395
|
+
animation: c-page-loading-wave-aec6cc81 2s ease-in-out infinite;
|
|
14396
|
+
}
|
|
14397
|
+
.c-page-loading__label[data-v-aec6cc81] {
|
|
14398
|
+
color: var(--c-page-loading-text);
|
|
14399
|
+
font-size: 14px;
|
|
14400
|
+
font-weight: 600;
|
|
14401
|
+
letter-spacing: 0.04em;
|
|
14402
|
+
line-height: 1.6;
|
|
14403
|
+
overflow-wrap: anywhere;
|
|
14404
|
+
}
|
|
14405
|
+
.c-page-loading__description[data-v-aec6cc81] {
|
|
14406
|
+
color: var(--c-page-loading-muted);
|
|
14407
|
+
font-size: 12px;
|
|
14408
|
+
line-height: 1.5;
|
|
14409
|
+
overflow-wrap: anywhere;
|
|
14410
|
+
}
|
|
14411
|
+
.c-page-loading__track[data-v-aec6cc81] {
|
|
14412
|
+
width: 88px;
|
|
14413
|
+
height: 2px;
|
|
14414
|
+
margin-top: 8px;
|
|
14415
|
+
overflow: hidden;
|
|
14416
|
+
border-radius: 99px;
|
|
14417
|
+
background: color-mix(in srgb, currentColor 10%, transparent);
|
|
14418
|
+
}
|
|
14419
|
+
.c-page-loading__track[data-v-aec6cc81]::after {
|
|
14420
|
+
content: "";
|
|
14421
|
+
display: block;
|
|
14422
|
+
width: 50%;
|
|
14423
|
+
height: 100%;
|
|
14424
|
+
border-radius: inherit;
|
|
14425
|
+
background: linear-gradient(90deg, transparent, currentColor, transparent);
|
|
14426
|
+
animation: c-page-loading-track-aec6cc81 1.6s ease-in-out infinite;
|
|
14427
|
+
}
|
|
14428
|
+
.c-page-loading-fade-enter-active[data-v-aec6cc81],
|
|
14429
|
+
.c-page-loading-fade-leave-active[data-v-aec6cc81] {
|
|
14430
|
+
transition: opacity 0.16s ease;
|
|
14431
|
+
}
|
|
14432
|
+
.c-page-loading-fade-enter-from[data-v-aec6cc81],
|
|
14433
|
+
.c-page-loading-fade-leave-to[data-v-aec6cc81] {
|
|
14434
|
+
opacity: 0;
|
|
14435
|
+
}
|
|
14436
|
+
@keyframes c-page-loading-orbit-aec6cc81 {
|
|
14437
|
+
to {
|
|
14438
|
+
transform: rotate(360deg);
|
|
14439
|
+
}
|
|
14440
|
+
}
|
|
14441
|
+
@keyframes c-page-loading-pulse-aec6cc81 {
|
|
14442
|
+
from {
|
|
14443
|
+
transform: scale(0.9);
|
|
14444
|
+
}
|
|
14445
|
+
to {
|
|
14446
|
+
transform: scale(1.15);
|
|
14447
|
+
}
|
|
14448
|
+
}
|
|
14449
|
+
@keyframes c-page-loading-wave-aec6cc81 {
|
|
14450
|
+
0% {
|
|
14451
|
+
stroke-dashoffset: 100;
|
|
14452
|
+
opacity: 0.3;
|
|
14453
|
+
}
|
|
14454
|
+
45%, 65% {
|
|
14455
|
+
stroke-dashoffset: 0;
|
|
14456
|
+
opacity: 1;
|
|
14457
|
+
}
|
|
14458
|
+
100% {
|
|
14459
|
+
stroke-dashoffset: -100;
|
|
14460
|
+
opacity: 0.3;
|
|
14461
|
+
}
|
|
14462
|
+
}
|
|
14463
|
+
@keyframes c-page-loading-track-aec6cc81 {
|
|
14464
|
+
from {
|
|
14465
|
+
transform: translateX(-100%);
|
|
14466
|
+
}
|
|
14467
|
+
to {
|
|
14468
|
+
transform: translateX(200%);
|
|
14469
|
+
}
|
|
14470
|
+
}
|
|
14471
|
+
@media (prefers-reduced-motion: reduce) {
|
|
14472
|
+
.c-page-loading__outer[data-v-aec6cc81],
|
|
14473
|
+
.c-page-loading__inner[data-v-aec6cc81],
|
|
14474
|
+
.c-page-loading__pulse[data-v-aec6cc81],
|
|
14475
|
+
.c-page-loading__wave[data-v-aec6cc81],
|
|
14476
|
+
.c-page-loading__track[data-v-aec6cc81]::after {
|
|
14477
|
+
animation: none;
|
|
14478
|
+
}
|
|
14479
|
+
.c-page-loading__track[data-v-aec6cc81]::after {
|
|
14480
|
+
transform: translateX(50%);
|
|
14481
|
+
}
|
|
14482
|
+
.c-page-loading-fade-enter-active[data-v-aec6cc81],
|
|
14483
|
+
.c-page-loading-fade-leave-active[data-v-aec6cc81] {
|
|
14484
|
+
transition: none;
|
|
14485
|
+
}
|
|
14486
|
+
}
|
|
14487
|
+
/* unplugin-vue-components disabled */
|
|
14488
|
+
/* layer: default */
|
|
14489
|
+
.table[data-v-aec6cc81]{display:table;}
|
|
14490
|
+
.filter[data-v-aec6cc81]{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);}
|
|
14491
|
+
|
|
14492
|
+
|
|
14493
|
+
|
|
14356
14494
|
/* --- C_Table --- */
|
|
14357
14495
|
/* unplugin-vue-components disabled */.column-management-tab .search-row[data-v-6ff103ee] {
|
|
14358
14496
|
display: flex;
|
|
@@ -14491,7 +14629,7 @@ to {
|
|
|
14491
14629
|
.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);}
|
|
14492
14630
|
|
|
14493
14631
|
/* unplugin-vue-components disabled *//* ================= 1. 组件根容器 ================= */
|
|
14494
|
-
.c-table-wrapper[data-v-
|
|
14632
|
+
.c-table-wrapper[data-v-f623c0e1] {
|
|
14495
14633
|
--c-table-border-color: var(--border-color, #e5e7eb);
|
|
14496
14634
|
--c-table-bg: var(--body-color, #fff);
|
|
14497
14635
|
--c-table-header-bg: var(--card-color, #fafafc);
|
|
@@ -14504,52 +14642,52 @@ to {
|
|
|
14504
14642
|
}
|
|
14505
14643
|
|
|
14506
14644
|
/* ================= 列拖拽排序 ================= */
|
|
14507
|
-
.column-drag-ghost[data-v-
|
|
14645
|
+
.column-drag-ghost[data-v-f623c0e1] {
|
|
14508
14646
|
opacity: var(--c-table-drag-ghost-opacity);
|
|
14509
14647
|
background: var(--c-table-drag-ghost-bg) !important;
|
|
14510
14648
|
}
|
|
14511
|
-
.drag-handle[data-v-
|
|
14649
|
+
.drag-handle[data-v-f623c0e1] {
|
|
14512
14650
|
cursor: grab;
|
|
14513
14651
|
}
|
|
14514
|
-
.drag-handle[data-v-
|
|
14652
|
+
.drag-handle[data-v-f623c0e1]:active {
|
|
14515
14653
|
cursor: grabbing;
|
|
14516
14654
|
}
|
|
14517
14655
|
|
|
14518
14656
|
/* ================= 合计行强调 ================= */
|
|
14519
|
-
.c-table-wrapper[data-v-
|
|
14657
|
+
.c-table-wrapper[data-v-f623c0e1] .n-data-table-tfoot {
|
|
14520
14658
|
background: var(--c-table-summary-bg);
|
|
14521
14659
|
font-weight: var(--c-table-summary-font-weight);
|
|
14522
14660
|
}
|
|
14523
14661
|
|
|
14524
14662
|
/* ================= 2. 表格工具栏 ================= */
|
|
14525
|
-
.table-toolbar[data-v-
|
|
14663
|
+
.table-toolbar[data-v-f623c0e1] {
|
|
14526
14664
|
display: flex;
|
|
14527
14665
|
justify-content: space-between;
|
|
14528
14666
|
align-items: center;
|
|
14529
14667
|
margin-bottom: 16px;
|
|
14530
14668
|
}
|
|
14531
|
-
.table-toolbar .toolbar-left[data-v-
|
|
14669
|
+
.table-toolbar .toolbar-left[data-v-f623c0e1] {
|
|
14532
14670
|
display: flex;
|
|
14533
14671
|
align-items: center;
|
|
14534
14672
|
gap: 12px;
|
|
14535
14673
|
}
|
|
14536
|
-
.table-toolbar .toolbar-right[data-v-
|
|
14674
|
+
.table-toolbar .toolbar-right[data-v-f623c0e1] {
|
|
14537
14675
|
display: flex;
|
|
14538
14676
|
align-items: center;
|
|
14539
14677
|
gap: 8px;
|
|
14540
14678
|
}
|
|
14541
|
-
.table-toolbar .toolbar-right .column-settings-btn[data-v-
|
|
14679
|
+
.table-toolbar .toolbar-right .column-settings-btn[data-v-f623c0e1] {
|
|
14542
14680
|
opacity: 0.6;
|
|
14543
14681
|
transition: opacity 0.2s ease, transform 0.2s ease;
|
|
14544
14682
|
cursor: pointer;
|
|
14545
14683
|
}
|
|
14546
|
-
.table-toolbar .toolbar-right .column-settings-btn[data-v-
|
|
14684
|
+
.table-toolbar .toolbar-right .column-settings-btn[data-v-f623c0e1]:hover {
|
|
14547
14685
|
opacity: 1;
|
|
14548
14686
|
transform: scale(1.1);
|
|
14549
14687
|
}
|
|
14550
14688
|
|
|
14551
14689
|
/* ================= 3. 动态行工具栏 ================= */
|
|
14552
|
-
.dynamic-rows-toolbar[data-v-
|
|
14690
|
+
.dynamic-rows-toolbar[data-v-f623c0e1] {
|
|
14553
14691
|
margin-bottom: 16px;
|
|
14554
14692
|
padding: 16px;
|
|
14555
14693
|
border-radius: 8px;
|
|
@@ -14558,12 +14696,12 @@ to {
|
|
|
14558
14696
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
|
|
14559
14697
|
transition: all 0.2s ease;
|
|
14560
14698
|
}
|
|
14561
|
-
.dynamic-rows-toolbar[data-v-
|
|
14699
|
+
.dynamic-rows-toolbar[data-v-f623c0e1]:hover {
|
|
14562
14700
|
border-color: var(--n-primary-color-suppl);
|
|
14563
14701
|
}
|
|
14564
14702
|
|
|
14565
14703
|
/* ================= 4. 表格布局基础 ================= */
|
|
14566
|
-
[data-v-
|
|
14704
|
+
[data-v-f623c0e1] .n-data-table {
|
|
14567
14705
|
table-layout: auto !important;
|
|
14568
14706
|
width: 100% !important;
|
|
14569
14707
|
border-radius: 8px;
|
|
@@ -14571,12 +14709,12 @@ to {
|
|
|
14571
14709
|
}
|
|
14572
14710
|
|
|
14573
14711
|
/* 确保表格容器允许横向滚动(固定列必需) */
|
|
14574
|
-
[data-v-
|
|
14712
|
+
[data-v-f623c0e1] .n-data-table-wrapper {
|
|
14575
14713
|
overflow-x: auto !important;
|
|
14576
14714
|
}
|
|
14577
14715
|
|
|
14578
14716
|
/* 分页组件样式 */
|
|
14579
|
-
.pagination-wrapper[data-v-
|
|
14717
|
+
.pagination-wrapper[data-v-f623c0e1] {
|
|
14580
14718
|
margin-top: 16px;
|
|
14581
14719
|
display: flex;
|
|
14582
14720
|
justify-content: flex-end;
|
|
@@ -14584,12 +14722,12 @@ to {
|
|
|
14584
14722
|
|
|
14585
14723
|
/* ================= 5. 表格列宽度管理 ================= */
|
|
14586
14724
|
/* 普通列的最小宽度保护 */
|
|
14587
|
-
[data-v-
|
|
14725
|
+
[data-v-f623c0e1] .n-data-table-th:not(:last-child) {
|
|
14588
14726
|
min-width: 80px !important;
|
|
14589
14727
|
}
|
|
14590
14728
|
|
|
14591
14729
|
/* 操作列固定宽度(适应4个按钮的布局) */
|
|
14592
|
-
[data-v-
|
|
14730
|
+
[data-v-f623c0e1] .c-table-actions-column {
|
|
14593
14731
|
width: 180px !important;
|
|
14594
14732
|
min-width: 160px !important;
|
|
14595
14733
|
max-width: 200px !important;
|
|
@@ -14598,14 +14736,14 @@ to {
|
|
|
14598
14736
|
}
|
|
14599
14737
|
|
|
14600
14738
|
/* 操作按钮容器居中 */
|
|
14601
|
-
[data-v-
|
|
14739
|
+
[data-v-f623c0e1] .c-table-actions-column .n-space {
|
|
14602
14740
|
justify-content: center !important;
|
|
14603
14741
|
align-items: center !important;
|
|
14604
14742
|
}
|
|
14605
14743
|
|
|
14606
14744
|
/* ================= 6. 可编辑单元格样式 ================= */
|
|
14607
14745
|
/* 单元格编辑容器 - 精致化设计 */
|
|
14608
|
-
.cell-edit-wrapper[data-v-
|
|
14746
|
+
.cell-edit-wrapper[data-v-f623c0e1] {
|
|
14609
14747
|
display: flex;
|
|
14610
14748
|
align-items: center;
|
|
14611
14749
|
justify-content: space-between;
|
|
@@ -14618,23 +14756,23 @@ to {
|
|
|
14618
14756
|
position: relative;
|
|
14619
14757
|
/* 悬停效果 */
|
|
14620
14758
|
}
|
|
14621
|
-
.cell-edit-wrapper[data-v-
|
|
14759
|
+
.cell-edit-wrapper[data-v-f623c0e1]:hover {
|
|
14622
14760
|
background-color: var(--n-color-target);
|
|
14623
14761
|
}
|
|
14624
|
-
.cell-edit-wrapper:hover .cell-edit-icon[data-v-
|
|
14762
|
+
.cell-edit-wrapper:hover .cell-edit-icon[data-v-f623c0e1] {
|
|
14625
14763
|
opacity: 1;
|
|
14626
14764
|
color: var(--n-color-success);
|
|
14627
14765
|
transform: scale(1.05);
|
|
14628
14766
|
}
|
|
14629
|
-
.cell-edit-wrapper[data-v-
|
|
14767
|
+
.cell-edit-wrapper[data-v-f623c0e1] {
|
|
14630
14768
|
/* 激活状态 */
|
|
14631
14769
|
}
|
|
14632
|
-
.cell-edit-wrapper[data-v-
|
|
14770
|
+
.cell-edit-wrapper[data-v-f623c0e1]:active {
|
|
14633
14771
|
transform: translateY(1px);
|
|
14634
14772
|
}
|
|
14635
14773
|
|
|
14636
14774
|
/* 单元格内容 */
|
|
14637
|
-
.cell-value[data-v-
|
|
14775
|
+
.cell-value[data-v-f623c0e1] {
|
|
14638
14776
|
flex: 1;
|
|
14639
14777
|
overflow: hidden;
|
|
14640
14778
|
text-overflow: ellipsis;
|
|
@@ -14645,7 +14783,7 @@ to {
|
|
|
14645
14783
|
}
|
|
14646
14784
|
|
|
14647
14785
|
/* 动态渲染单元格也只在当前表格边界内匹配。 */
|
|
14648
|
-
.c-table-wrapper[data-v-
|
|
14786
|
+
.c-table-wrapper[data-v-f623c0e1] .cell-edit-icon {
|
|
14649
14787
|
flex-shrink: 0;
|
|
14650
14788
|
width: 24px;
|
|
14651
14789
|
height: 24px;
|
|
@@ -14661,29 +14799,29 @@ to {
|
|
|
14661
14799
|
position: relative;
|
|
14662
14800
|
/* 悬停效果 */
|
|
14663
14801
|
}
|
|
14664
|
-
.c-table-wrapper[data-v-
|
|
14802
|
+
.c-table-wrapper[data-v-f623c0e1] .cell-edit-icon:hover {
|
|
14665
14803
|
opacity: 1 !important;
|
|
14666
14804
|
color: var(--n-color-success-hover) !important;
|
|
14667
14805
|
background-color: var(--n-color-success-pressed);
|
|
14668
14806
|
transform: scale(1.1);
|
|
14669
14807
|
}
|
|
14670
|
-
.c-table-wrapper[data-v-
|
|
14808
|
+
.c-table-wrapper[data-v-f623c0e1] .cell-edit-icon {
|
|
14671
14809
|
/* 激活效果 */
|
|
14672
14810
|
}
|
|
14673
|
-
.c-table-wrapper[data-v-
|
|
14811
|
+
.c-table-wrapper[data-v-f623c0e1] .cell-edit-icon:active {
|
|
14674
14812
|
transform: scale(0.95);
|
|
14675
14813
|
}
|
|
14676
|
-
.c-table-wrapper[data-v-
|
|
14814
|
+
.c-table-wrapper[data-v-f623c0e1] .cell-edit-icon {
|
|
14677
14815
|
/* 图标尺寸 */
|
|
14678
14816
|
}
|
|
14679
|
-
.c-table-wrapper[data-v-
|
|
14817
|
+
.c-table-wrapper[data-v-f623c0e1] .cell-edit-icon svg {
|
|
14680
14818
|
width: 14px;
|
|
14681
14819
|
height: 14px;
|
|
14682
14820
|
}
|
|
14683
14821
|
|
|
14684
14822
|
/* ================= 7. 单元格编辑状态样式 ================= */
|
|
14685
14823
|
/* 编辑容器 - 确保水平布局不换行 */
|
|
14686
|
-
.cell-editing-container[data-v-
|
|
14824
|
+
.cell-editing-container[data-v-f623c0e1],[data-v-f623c0e1] .cell-editing-container {
|
|
14687
14825
|
display: flex !important;
|
|
14688
14826
|
align-items: center !important;
|
|
14689
14827
|
width: 100% !important;
|
|
@@ -14697,39 +14835,39 @@ to {
|
|
|
14697
14835
|
}
|
|
14698
14836
|
|
|
14699
14837
|
/* 编辑输入区域 - 占据剩余空间 */
|
|
14700
|
-
.cell-editing-input[data-v-
|
|
14838
|
+
.cell-editing-input[data-v-f623c0e1],[data-v-f623c0e1] .cell-editing-input {
|
|
14701
14839
|
flex: 1 !important;
|
|
14702
14840
|
min-width: 0 !important;
|
|
14703
14841
|
}
|
|
14704
14842
|
|
|
14705
14843
|
/* 深度选择器处理输入框样式 */
|
|
14706
|
-
[data-v-
|
|
14844
|
+
[data-v-f623c0e1] .cell-editing-input .n-input {
|
|
14707
14845
|
border: none !important;
|
|
14708
14846
|
box-shadow: none !important;
|
|
14709
14847
|
background: transparent !important;
|
|
14710
14848
|
}
|
|
14711
|
-
[data-v-
|
|
14849
|
+
[data-v-f623c0e1] .cell-editing-input .n-input.n-input--focus {
|
|
14712
14850
|
border: none !important;
|
|
14713
14851
|
box-shadow: none !important;
|
|
14714
14852
|
}
|
|
14715
|
-
[data-v-
|
|
14853
|
+
[data-v-f623c0e1] .cell-editing-input .n-input-number {
|
|
14716
14854
|
border: none !important;
|
|
14717
14855
|
box-shadow: none !important;
|
|
14718
14856
|
background: transparent !important;
|
|
14719
14857
|
}
|
|
14720
|
-
[data-v-
|
|
14858
|
+
[data-v-f623c0e1] .cell-editing-input .n-select {
|
|
14721
14859
|
border: none !important;
|
|
14722
14860
|
box-shadow: none !important;
|
|
14723
14861
|
background: transparent !important;
|
|
14724
14862
|
}
|
|
14725
|
-
[data-v-
|
|
14863
|
+
[data-v-f623c0e1] .cell-editing-input .n-select .n-base-selection {
|
|
14726
14864
|
border: none !important;
|
|
14727
14865
|
box-shadow: none !important;
|
|
14728
14866
|
background: transparent !important;
|
|
14729
14867
|
}
|
|
14730
14868
|
|
|
14731
14869
|
/* 编辑操作按钮容器 */
|
|
14732
|
-
.cell-editing-actions[data-v-
|
|
14870
|
+
.cell-editing-actions[data-v-f623c0e1],[data-v-f623c0e1] .cell-editing-actions {
|
|
14733
14871
|
display: flex !important;
|
|
14734
14872
|
flex-shrink: 0 !important;
|
|
14735
14873
|
align-items: center !important;
|
|
@@ -14742,7 +14880,7 @@ to {
|
|
|
14742
14880
|
}
|
|
14743
14881
|
|
|
14744
14882
|
/* 编辑操作按钮 */
|
|
14745
|
-
.cell-action-btn[data-v-
|
|
14883
|
+
.cell-action-btn[data-v-f623c0e1],[data-v-f623c0e1] .cell-action-btn {
|
|
14746
14884
|
display: flex !important;
|
|
14747
14885
|
align-items: center !important;
|
|
14748
14886
|
justify-content: center !important;
|
|
@@ -14755,34 +14893,34 @@ to {
|
|
|
14755
14893
|
background: transparent !important;
|
|
14756
14894
|
/* 保存按钮 */
|
|
14757
14895
|
}
|
|
14758
|
-
.cell-action-btn.cell-action-save[data-v-
|
|
14896
|
+
.cell-action-btn.cell-action-save[data-v-f623c0e1],[data-v-f623c0e1] .cell-action-btn.cell-action-save {
|
|
14759
14897
|
color: var(--n-color-success) !important;
|
|
14760
14898
|
}
|
|
14761
|
-
.cell-action-btn.cell-action-save[data-v-
|
|
14899
|
+
.cell-action-btn.cell-action-save[data-v-f623c0e1]:hover,[data-v-f623c0e1] .cell-action-btn.cell-action-save:hover {
|
|
14762
14900
|
background: var(--n-color-success-pressed) !important;
|
|
14763
14901
|
transform: scale(1.1) !important;
|
|
14764
14902
|
}
|
|
14765
|
-
.cell-action-btn[data-v-
|
|
14903
|
+
.cell-action-btn[data-v-f623c0e1],[data-v-f623c0e1] .cell-action-btn {
|
|
14766
14904
|
/* 取消按钮 */
|
|
14767
14905
|
}
|
|
14768
|
-
.cell-action-btn.cell-action-cancel[data-v-
|
|
14906
|
+
.cell-action-btn.cell-action-cancel[data-v-f623c0e1],[data-v-f623c0e1] .cell-action-btn.cell-action-cancel {
|
|
14769
14907
|
color: var(--n-color-error) !important;
|
|
14770
14908
|
}
|
|
14771
|
-
.cell-action-btn.cell-action-cancel[data-v-
|
|
14909
|
+
.cell-action-btn.cell-action-cancel[data-v-f623c0e1]:hover,[data-v-f623c0e1] .cell-action-btn.cell-action-cancel:hover {
|
|
14772
14910
|
background: var(--n-color-error-pressed) !important;
|
|
14773
14911
|
transform: scale(1.1) !important;
|
|
14774
14912
|
}
|
|
14775
|
-
.cell-action-btn[data-v-
|
|
14913
|
+
.cell-action-btn[data-v-f623c0e1],[data-v-f623c0e1] .cell-action-btn {
|
|
14776
14914
|
/* 图标尺寸 */
|
|
14777
14915
|
}
|
|
14778
|
-
.cell-action-btn svg[data-v-
|
|
14916
|
+
.cell-action-btn svg[data-v-f623c0e1],[data-v-f623c0e1] .cell-action-btn svg {
|
|
14779
14917
|
width: 11px !important;
|
|
14780
14918
|
height: 11px !important;
|
|
14781
14919
|
}
|
|
14782
14920
|
|
|
14783
14921
|
/* ================= 7. 操作按钮样式 ================= */
|
|
14784
14922
|
/* 通用按钮样式 */
|
|
14785
|
-
[data-v-
|
|
14923
|
+
[data-v-f623c0e1] .n-button {
|
|
14786
14924
|
white-space: nowrap;
|
|
14787
14925
|
font-size: 12px !important;
|
|
14788
14926
|
flex-shrink: 0 !important;
|
|
@@ -14791,60 +14929,60 @@ to {
|
|
|
14791
14929
|
font-weight: 500;
|
|
14792
14930
|
/* 图标间距 */
|
|
14793
14931
|
}
|
|
14794
|
-
[data-v-
|
|
14932
|
+
[data-v-f623c0e1] .n-button .n-icon {
|
|
14795
14933
|
margin-right: 4px !important;
|
|
14796
14934
|
}
|
|
14797
|
-
[data-v-
|
|
14935
|
+
[data-v-f623c0e1] .n-button {
|
|
14798
14936
|
/* 小尺寸按钮优化 */
|
|
14799
14937
|
}
|
|
14800
|
-
[data-v-
|
|
14938
|
+
[data-v-f623c0e1] .n-button.n-button--small-type {
|
|
14801
14939
|
padding: 4px 8px;
|
|
14802
14940
|
height: 28px;
|
|
14803
14941
|
line-height: 20px;
|
|
14804
14942
|
}
|
|
14805
|
-
[data-v-
|
|
14943
|
+
[data-v-f623c0e1] .n-button {
|
|
14806
14944
|
/* 四元按钮样式 */
|
|
14807
14945
|
}
|
|
14808
|
-
[data-v-
|
|
14946
|
+
[data-v-f623c0e1] .n-button.n-button--quaternary-type:hover {
|
|
14809
14947
|
transform: translateY(-1px);
|
|
14810
14948
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
|
14811
14949
|
}
|
|
14812
|
-
[data-v-
|
|
14950
|
+
[data-v-f623c0e1] .n-button.n-button--quaternary-type:active {
|
|
14813
14951
|
transform: translateY(0);
|
|
14814
14952
|
}
|
|
14815
14953
|
|
|
14816
14954
|
/* ================= 8. 按钮组间距优化 ================= */
|
|
14817
14955
|
/* 操作按钮组 */
|
|
14818
|
-
[data-v-
|
|
14956
|
+
[data-v-f623c0e1] .n-space.n-space--horizontal .n-space-item:not(:last-child) {
|
|
14819
14957
|
margin-right: 6px !important;
|
|
14820
14958
|
}
|
|
14821
14959
|
|
|
14822
14960
|
/* ================= 9. 模态框样式优化 ================= */
|
|
14823
14961
|
/* 编辑模态框 */
|
|
14824
|
-
[data-v-
|
|
14962
|
+
[data-v-f623c0e1] .n-modal .n-card {
|
|
14825
14963
|
border-radius: 12px;
|
|
14826
14964
|
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
|
|
14827
14965
|
}
|
|
14828
|
-
[data-v-
|
|
14966
|
+
[data-v-f623c0e1] .n-modal .n-card__header {
|
|
14829
14967
|
padding: 20px 24px 16px;
|
|
14830
14968
|
font-weight: 600;
|
|
14831
14969
|
font-size: 16px;
|
|
14832
14970
|
}
|
|
14833
|
-
[data-v-
|
|
14971
|
+
[data-v-f623c0e1] .n-modal .n-card__content {
|
|
14834
14972
|
padding: 0 24px 16px;
|
|
14835
14973
|
}
|
|
14836
|
-
[data-v-
|
|
14974
|
+
[data-v-f623c0e1] .n-modal .n-card__action {
|
|
14837
14975
|
padding: 16px 24px 20px;
|
|
14838
14976
|
border-top: 1px solid var(--n-divider-color);
|
|
14839
14977
|
}
|
|
14840
14978
|
|
|
14841
14979
|
/* ================= 10. 描述列表样式 ================= */
|
|
14842
14980
|
/* 详情模态框描述列表 */
|
|
14843
|
-
[data-v-
|
|
14981
|
+
[data-v-f623c0e1] .n-descriptions .n-descriptions-item-label {
|
|
14844
14982
|
font-weight: 500;
|
|
14845
14983
|
color: var(--n-text-color-2);
|
|
14846
14984
|
}
|
|
14847
|
-
[data-v-
|
|
14985
|
+
[data-v-f623c0e1] .n-descriptions .n-descriptions-item-content {
|
|
14848
14986
|
color: var(--n-text-color-1);
|
|
14849
14987
|
word-break: break-all;
|
|
14850
14988
|
}
|
|
@@ -14852,99 +14990,99 @@ to {
|
|
|
14852
14990
|
/* ================= 11. 响应式设计 ================= */
|
|
14853
14991
|
/* 移动端适配 */
|
|
14854
14992
|
@media (max-width: 768px) {
|
|
14855
|
-
.c-table-wrapper[data-v-
|
|
14993
|
+
.c-table-wrapper[data-v-f623c0e1] {
|
|
14856
14994
|
overflow-x: auto;
|
|
14857
14995
|
}
|
|
14858
14996
|
/* 操作列在移动端的适配 */
|
|
14859
|
-
[data-v-
|
|
14997
|
+
[data-v-f623c0e1] .n-data-table-th:last-child {
|
|
14860
14998
|
width: 160px !important;
|
|
14861
14999
|
min-width: 160px !important;
|
|
14862
15000
|
}
|
|
14863
15001
|
/* 按钮在移动端的优化 */
|
|
14864
|
-
[data-v-
|
|
15002
|
+
[data-v-f623c0e1] .n-button {
|
|
14865
15003
|
font-size: 11px !important;
|
|
14866
15004
|
padding: 3px 6px;
|
|
14867
15005
|
}
|
|
14868
|
-
[data-v-
|
|
15006
|
+
[data-v-f623c0e1] .n-button .n-icon {
|
|
14869
15007
|
margin-right: 2px !important;
|
|
14870
15008
|
}
|
|
14871
15009
|
/* 单元格编辑图标在移动端始终显示 */
|
|
14872
|
-
.cell-edit-icon[data-v-
|
|
15010
|
+
.cell-edit-icon[data-v-f623c0e1] {
|
|
14873
15011
|
opacity: 0.6;
|
|
14874
15012
|
}
|
|
14875
15013
|
}
|
|
14876
15014
|
/* ================= 12. 主题适配 ================= */
|
|
14877
15015
|
/* 暗色主题适配 - 已通过 CSS 变量自动适配 */
|
|
14878
|
-
[data-theme=dark][data-v-
|
|
15016
|
+
[data-theme=dark][data-v-f623c0e1] {
|
|
14879
15017
|
/* CSS 变量已自动适配,如有特殊需求可在此添加 */
|
|
14880
15018
|
}
|
|
14881
15019
|
|
|
14882
15020
|
/* ================= 13. 响应式优化 ================= */
|
|
14883
15021
|
/* 小屏幕下的单元格编辑优化 */
|
|
14884
15022
|
@media (max-width: 768px) {
|
|
14885
|
-
.cell-editing-container[data-v-
|
|
15023
|
+
.cell-editing-container[data-v-f623c0e1],[data-v-f623c0e1] .cell-editing-container {
|
|
14886
15024
|
gap: 6px !important;
|
|
14887
15025
|
}
|
|
14888
|
-
.cell-editing-actions[data-v-
|
|
15026
|
+
.cell-editing-actions[data-v-f623c0e1],[data-v-f623c0e1] .cell-editing-actions {
|
|
14889
15027
|
gap: 3px !important;
|
|
14890
15028
|
padding: 2px !important;
|
|
14891
15029
|
}
|
|
14892
|
-
.cell-action-btn[data-v-
|
|
15030
|
+
.cell-action-btn[data-v-f623c0e1],[data-v-f623c0e1] .cell-action-btn {
|
|
14893
15031
|
width: 18px !important;
|
|
14894
15032
|
height: 18px !important;
|
|
14895
15033
|
}
|
|
14896
|
-
.cell-action-btn svg[data-v-
|
|
15034
|
+
.cell-action-btn svg[data-v-f623c0e1],[data-v-f623c0e1] .cell-action-btn svg {
|
|
14897
15035
|
width: 10px !important;
|
|
14898
15036
|
height: 10px !important;
|
|
14899
15037
|
}
|
|
14900
15038
|
/* 移动端编辑图标 */
|
|
14901
|
-
.cell-edit-icon[data-v-
|
|
15039
|
+
.cell-edit-icon[data-v-f623c0e1] {
|
|
14902
15040
|
opacity: 0.6 !important;
|
|
14903
15041
|
}
|
|
14904
|
-
.cell-value[data-v-
|
|
15042
|
+
.cell-value[data-v-f623c0e1] {
|
|
14905
15043
|
margin-right: 12px !important;
|
|
14906
15044
|
}
|
|
14907
15045
|
}
|
|
14908
15046
|
/* ================= 14. 性能优化 ================= */
|
|
14909
15047
|
/* 使用 GPU 加速的动画 */
|
|
14910
|
-
.cell-edit-icon[data-v-
|
|
14911
|
-
.cell-action-btn[data-v-
|
|
15048
|
+
.cell-edit-icon[data-v-f623c0e1],
|
|
15049
|
+
.cell-action-btn[data-v-f623c0e1] {
|
|
14912
15050
|
will-change: transform;
|
|
14913
15051
|
backface-visibility: hidden;
|
|
14914
15052
|
}
|
|
14915
|
-
[data-v-
|
|
15053
|
+
[data-v-f623c0e1] .n-button {
|
|
14916
15054
|
will-change: transform;
|
|
14917
15055
|
backface-visibility: hidden;
|
|
14918
15056
|
}
|
|
14919
15057
|
|
|
14920
15058
|
/* ================= 15. 可访问性优化 ================= */
|
|
14921
15059
|
/* 聚焦状态 */
|
|
14922
|
-
.cell-edit-wrapper[data-v-
|
|
14923
|
-
.cell-editing-container[data-v-
|
|
15060
|
+
.cell-edit-wrapper[data-v-f623c0e1]:focus-within,
|
|
15061
|
+
.cell-editing-container[data-v-f623c0e1]:focus-within {
|
|
14924
15062
|
outline: 2px solid var(--n-primary-color);
|
|
14925
15063
|
outline-offset: 2px;
|
|
14926
15064
|
}
|
|
14927
15065
|
|
|
14928
15066
|
/* 高对比度模式支持 */
|
|
14929
15067
|
@media (prefers-contrast: high) {
|
|
14930
|
-
.cell-edit-icon[data-v-
|
|
15068
|
+
.cell-edit-icon[data-v-f623c0e1] {
|
|
14931
15069
|
opacity: 0.8;
|
|
14932
15070
|
}
|
|
14933
|
-
.cell-editing-actions[data-v-
|
|
15071
|
+
.cell-editing-actions[data-v-f623c0e1] {
|
|
14934
15072
|
border-width: 2px;
|
|
14935
15073
|
}
|
|
14936
15074
|
}
|
|
14937
15075
|
/* ================= 11. 行拖拽排序 ================= */
|
|
14938
|
-
.row-drag-ghost[data-v-
|
|
15076
|
+
.row-drag-ghost[data-v-f623c0e1] {
|
|
14939
15077
|
opacity: 0.4;
|
|
14940
15078
|
background: var(--c-table-drag-ghost-bg) !important;
|
|
14941
15079
|
}
|
|
14942
|
-
.row-drag-chosen[data-v-
|
|
15080
|
+
.row-drag-chosen[data-v-f623c0e1] {
|
|
14943
15081
|
background: var(--n-color-hover, #f5f5f5) !important;
|
|
14944
15082
|
}
|
|
14945
15083
|
|
|
14946
15084
|
/* ================= 12. 批量操作栏 ================= */
|
|
14947
|
-
.batch-actions-bar[data-v-
|
|
15085
|
+
.batch-actions-bar[data-v-f623c0e1] {
|
|
14948
15086
|
display: flex;
|
|
14949
15087
|
align-items: center;
|
|
14950
15088
|
justify-content: space-between;
|
|
@@ -14954,56 +15092,56 @@ to {
|
|
|
14954
15092
|
border-radius: 6px;
|
|
14955
15093
|
border: 1px solid var(--n-primary-color-suppl, #70b3ff);
|
|
14956
15094
|
}
|
|
14957
|
-
.batch-actions-bar .batch-info[data-v-
|
|
15095
|
+
.batch-actions-bar .batch-info[data-v-f623c0e1] {
|
|
14958
15096
|
font-size: 13px;
|
|
14959
15097
|
color: var(--n-text-color-2);
|
|
14960
15098
|
font-weight: 500;
|
|
14961
15099
|
}
|
|
14962
15100
|
|
|
14963
15101
|
/* ================= 13. 错误状态 ================= */
|
|
14964
|
-
.table-error-state[data-v-
|
|
15102
|
+
.table-error-state[data-v-f623c0e1] {
|
|
14965
15103
|
padding: 48px 24px;
|
|
14966
15104
|
text-align: center;
|
|
14967
15105
|
}
|
|
14968
|
-
.table-error-state .error-content[data-v-
|
|
15106
|
+
.table-error-state .error-content[data-v-f623c0e1] {
|
|
14969
15107
|
display: flex;
|
|
14970
15108
|
flex-direction: column;
|
|
14971
15109
|
align-items: center;
|
|
14972
15110
|
gap: 12px;
|
|
14973
15111
|
color: var(--n-text-color-3, #999);
|
|
14974
15112
|
}
|
|
14975
|
-
.table-error-state .error-message[data-v-
|
|
15113
|
+
.table-error-state .error-message[data-v-f623c0e1] {
|
|
14976
15114
|
font-size: 14px;
|
|
14977
15115
|
margin: 0;
|
|
14978
15116
|
color: var(--n-text-color-2, #666);
|
|
14979
15117
|
}
|
|
14980
15118
|
/* unplugin-vue-components disabled */
|
|
14981
15119
|
/* layer: default */
|
|
14982
|
-
.visible[data-v-
|
|
14983
|
-
.fixed[data-v-
|
|
14984
|
-
.grid[data-v-
|
|
14985
|
-
.mb-2[data-v-
|
|
14986
|
-
.mb-4[data-v-
|
|
14987
|
-
.ml-2[data-v-
|
|
14988
|
-
.w60\%[data-v-
|
|
14989
|
-
.flex[data-v-
|
|
14990
|
-
.table[data-v-
|
|
14991
|
-
.scale-110[data-v-
|
|
14992
|
-
.cursor-pointer[data-v-
|
|
14993
|
-
.items-center[data-v-
|
|
14994
|
-
.justify-end[data-v-
|
|
14995
|
-
.justify-center[data-v-
|
|
14996
|
-
.rd[data-v-
|
|
14997
|
-
.bg-gray-50[data-v-
|
|
14998
|
-
.p-4[data-v-
|
|
14999
|
-
.px[data-v-
|
|
15000
|
-
.py-8[data-v-
|
|
15001
|
-
.text-center[data-v-
|
|
15002
|
-
.text-sm[data-v-
|
|
15003
|
-
.text-gray-400[data-v-
|
|
15004
|
-
.text-gray-500[data-v-
|
|
15005
|
-
.text-gray-600[data-v-
|
|
15006
|
-
.accent-blue-500[data-v-
|
|
15007
|
-
.blur[data-v-
|
|
15008
|
-
.filter[data-v-
|
|
15120
|
+
.visible[data-v-f623c0e1]{visibility:visible;}
|
|
15121
|
+
.fixed[data-v-f623c0e1]{position:fixed;}
|
|
15122
|
+
.grid[data-v-f623c0e1]{display:grid;}
|
|
15123
|
+
.mb-2[data-v-f623c0e1]{margin-bottom:0.5rem;}
|
|
15124
|
+
.mb-4[data-v-f623c0e1]{margin-bottom:1rem;}
|
|
15125
|
+
.ml-2[data-v-f623c0e1]{margin-left:0.5rem;}
|
|
15126
|
+
.w60\%[data-v-f623c0e1]{width:60%;}
|
|
15127
|
+
.flex[data-v-f623c0e1]{display:flex;}
|
|
15128
|
+
.table[data-v-f623c0e1]{display:table;}
|
|
15129
|
+
.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));}
|
|
15130
|
+
.cursor-pointer[data-v-f623c0e1]{cursor:pointer;}
|
|
15131
|
+
.items-center[data-v-f623c0e1]{align-items:center;}
|
|
15132
|
+
.justify-end[data-v-f623c0e1]{justify-content:flex-end;}
|
|
15133
|
+
.justify-center[data-v-f623c0e1]{justify-content:center;}
|
|
15134
|
+
.rd[data-v-f623c0e1]{border-radius:0.25rem;}
|
|
15135
|
+
.bg-gray-50[data-v-f623c0e1]{--un-bg-opacity:1;background-color:rgb(249 250 251 / var(--un-bg-opacity));}
|
|
15136
|
+
.p-4[data-v-f623c0e1]{padding:1rem;}
|
|
15137
|
+
.px[data-v-f623c0e1]{padding-left:1rem;padding-right:1rem;}
|
|
15138
|
+
.py-8[data-v-f623c0e1]{padding-top:2rem;padding-bottom:2rem;}
|
|
15139
|
+
.text-center[data-v-f623c0e1]{text-align:center;}
|
|
15140
|
+
.text-sm[data-v-f623c0e1]{font-size:0.875rem;line-height:1.25rem;}
|
|
15141
|
+
.text-gray-400[data-v-f623c0e1]{--un-text-opacity:1;color:rgb(156 163 175 / var(--un-text-opacity));}
|
|
15142
|
+
.text-gray-500[data-v-f623c0e1]{--un-text-opacity:1;color:rgb(107 114 128 / var(--un-text-opacity));}
|
|
15143
|
+
.text-gray-600[data-v-f623c0e1]{--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity));}
|
|
15144
|
+
.accent-blue-500[data-v-f623c0e1]{--un-accent-opacity:1;accent-color:rgb(59 130 246 / var(--un-accent-opacity));}
|
|
15145
|
+
.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);}
|
|
15146
|
+
.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);}
|
|
15009
15147
|
|