@robot-admin/naive-ui-components 0.14.2 → 0.14.3
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 +6 -0
- package/README.md +20 -0
- package/README_EN.md +20 -0
- package/dist/C_AntV.css +128 -129
- package/dist/C_AudioPlayer.css +5 -6
- package/dist/C_Breadcrumb.css +12 -11
- package/dist/C_Captcha.css +7 -6
- package/dist/C_Cascade.css +5 -4
- package/dist/C_City.css +5 -6
- package/dist/C_Code.css +6 -7
- package/dist/C_CollapsePanel.css +6 -7
- package/dist/C_Cron.css +15 -15
- package/dist/C_FilePreview.css +157 -157
- package/dist/C_Form.base.css +82 -82
- package/dist/C_Form.css +82 -82
- package/dist/C_FormModal.css +10 -11
- package/dist/C_FormulaEditor.css +106 -106
- package/dist/C_FullCalendar.css +12 -12
- package/dist/C_GlobalSearch.css +11 -10
- package/dist/C_Guide.css +5 -6
- package/dist/C_ImageCropper.css +4 -4
- package/dist/C_Loading.css +8 -7
- package/dist/C_Login.css +6 -6
- package/dist/C_Markdown.css +6 -5
- package/dist/C_NotificationCenter.css +86 -86
- package/dist/C_OrgChart.css +6 -6
- package/dist/C_PageLoading.css +6 -5
- package/dist/C_Skeleton.css +5 -6
- package/dist/C_Steps.css +5 -4
- package/dist/C_Table.base.css +221 -205
- package/dist/C_Table.css +221 -205
- package/dist/C_Tabs.css +5 -4
- package/dist/C_TagsView.css +31 -32
- package/dist/C_Upload.css +99 -99
- package/dist/C_VideoPlayer.css +123 -124
- package/dist/C_WaterFall.css +16 -17
- package/dist/C_WorkFlow.css +103 -103
- package/dist/constants3.d.cts +3 -3
- package/dist/constants3.d.ts +3 -3
- package/dist/constants4.d.cts +5 -5
- package/dist/constants4.d.ts +5 -5
- package/dist/data.d.cts +8 -8
- package/dist/data.d.ts +8 -8
- package/dist/index.vue.d.cts +1 -1
- package/dist/index.vue.d.ts +1 -1
- package/dist/index10.vue.d.cts +1 -1
- package/dist/index10.vue.d.ts +3 -3
- package/dist/index11.vue.d.cts +3 -3
- package/dist/index11.vue.d.ts +1 -1
- package/dist/index12.vue.d.cts +1 -1
- package/dist/index13.vue.d.ts +3 -3
- package/dist/index14.vue.d.cts +3 -3
- package/dist/index14.vue.d.ts +6 -6
- package/dist/index15.vue.d.cts +6 -6
- package/dist/index17.vue.d.ts +1 -1
- package/dist/index18.vue.d.cts +1 -1
- package/dist/index18.vue.d.ts +2 -2
- package/dist/index19.vue.d.cts +2 -2
- package/dist/index19.vue.d.ts +1 -1
- package/dist/index2.vue.d.cts +2 -2
- package/dist/index2.vue.d.ts +2 -2
- package/dist/index20.vue.d.cts +2 -2
- package/dist/index20.vue.d.ts +2 -2
- 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 +2 -2
- package/dist/index27.vue.d.ts +2 -2
- package/dist/index28.vue.d.cts +1 -1
- package/dist/index28.vue.d.ts +1 -1
- package/dist/index3.vue.d.cts +3 -3
- package/dist/index3.vue.d.ts +3 -3
- package/dist/index4.vue.d.cts +1 -1
- package/dist/index6.vue.d.ts +3 -3
- package/dist/index7.vue.d.cts +3 -3
- package/dist/index8.vue.d.ts +1 -1
- package/dist/index9.vue.d.cts +1 -1
- package/dist/index9.vue.d.ts +1 -1
- package/dist/mapUtils.d.cts +2 -2
- package/dist/mapUtils.d.ts +2 -2
- package/dist/style.css +6358 -6342
- package/dist/useCalendarEvents.d.cts +2 -2
- package/dist/useCalendarEvents.d.ts +2 -2
- package/dist/useCollapsePanel.d.cts +2 -2
- package/dist/useCollapsePanel.d.ts +2 -2
- package/dist/useCropperCore.d.cts +3 -3
- package/dist/useCropperCore.d.ts +3 -3
- package/dist/useDraggableLayout.d.cts +9 -9
- package/dist/useDraggableLayout.d.ts +9 -9
- package/dist/useDynamicFormState.d.cts +2 -2
- package/dist/useDynamicFormState.d.ts +2 -2
- package/dist/useEdgeInteraction.d.cts +2 -2
- package/dist/useEdgeInteraction.d.ts +2 -2
- package/dist/useFullscreen.d.cts +2 -2
- package/dist/useFullscreen.d.ts +2 -2
- package/dist/useGlobalSearch.d.cts +1 -1
- package/dist/useGlobalSearch.d.ts +1 -1
- package/dist/useInfiniteScroll.d.cts +1 -1
- package/dist/useInfiniteScroll.d.ts +1 -1
- package/dist/useQRCode.d.cts +1 -1
- package/dist/useQRCode.d.ts +1 -1
- package/dist/useSearchState.d.cts +10 -10
- package/dist/useSearchState.d.ts +10 -10
- package/dist/useSignatureHistory.d.cts +4 -4
- package/dist/useSignatureHistory.d.ts +4 -4
- package/dist/useSplitResize.d.cts +8 -8
- package/dist/useSplitResize.d.ts +8 -8
- package/dist/useTableQuery.cjs +1 -1
- package/dist/useTableQuery.d.cts +8 -2
- package/dist/useTableQuery.d.ts +8 -2
- package/dist/useTableQuery.js +2 -2
- package/dist/useTimeSelection.d.cts +1 -1
- package/dist/useTimeSelection.d.ts +1 -1
- package/dist/useTreeOperations.d.cts +4 -4
- package/dist/useTreeOperations.d.ts +4 -4
- package/dist/useWorkflowValidation.d.cts +4 -4
- package/dist/useWorkflowValidation.d.ts +4 -4
- package/dist/verification.d.cts +2 -2
- package/dist/verification.d.ts +2 -2
- package/package.json +8 -3
package/dist/C_Table.base.css
CHANGED
|
@@ -79,6 +79,10 @@
|
|
|
79
79
|
width: 100%;
|
|
80
80
|
}
|
|
81
81
|
|
|
82
|
+
/* unplugin-vue-components disabled */
|
|
83
|
+
/* layer: default */
|
|
84
|
+
.px[data-v-5debeeab]{padding-left:1rem;padding-right:1rem;}
|
|
85
|
+
|
|
82
86
|
/* unplugin-vue-components disabled *//* Grid 布局样式 */
|
|
83
87
|
/* 变量定义 */
|
|
84
88
|
.c-grid-layout[data-v-5debeeab] {
|
|
@@ -249,7 +253,17 @@ to {
|
|
|
249
253
|
}
|
|
250
254
|
/* unplugin-vue-components disabled */
|
|
251
255
|
/* layer: default */
|
|
252
|
-
.
|
|
256
|
+
.mb-4[data-v-28320dd2]{margin-bottom:1rem;}
|
|
257
|
+
.min-w-12[data-v-28320dd2]{min-width:3rem;}
|
|
258
|
+
.w-24[data-v-28320dd2]{width:6rem;}
|
|
259
|
+
.flex[data-v-28320dd2]{display:flex;}
|
|
260
|
+
.flex-1[data-v-28320dd2]{flex:1 1 0%;}
|
|
261
|
+
.items-center[data-v-28320dd2]{align-items:center;}
|
|
262
|
+
.gap-2[data-v-28320dd2]{gap:0.5rem;}
|
|
263
|
+
.gap-3[data-v-28320dd2]{gap:0.75rem;}
|
|
264
|
+
.px[data-v-28320dd2]{padding-left:1rem;padding-right:1rem;}
|
|
265
|
+
.text-sm[data-v-28320dd2]{font-size:0.875rem;line-height:1.25rem;}
|
|
266
|
+
.text-xs[data-v-28320dd2]{font-size:0.75rem;line-height:1rem;}
|
|
253
267
|
|
|
254
268
|
/* unplugin-vue-components disabled *//* Card 布局样式 */
|
|
255
269
|
.c-form-card[data-v-28320dd2] {
|
|
@@ -420,20 +434,6 @@ to {
|
|
|
420
434
|
display: flex;
|
|
421
435
|
gap: 0.75rem;
|
|
422
436
|
}
|
|
423
|
-
/* unplugin-vue-components disabled */
|
|
424
|
-
/* layer: default */
|
|
425
|
-
.mb-4[data-v-28320dd2]{margin-bottom:1rem;}
|
|
426
|
-
.min-w-12[data-v-28320dd2]{min-width:3rem;}
|
|
427
|
-
.w-24[data-v-28320dd2]{width:6rem;}
|
|
428
|
-
.flex[data-v-28320dd2]{display:flex;}
|
|
429
|
-
.flex-1[data-v-28320dd2]{flex:1 1 0%;}
|
|
430
|
-
.items-center[data-v-28320dd2]{align-items:center;}
|
|
431
|
-
.gap-2[data-v-28320dd2]{gap:0.5rem;}
|
|
432
|
-
.gap-3[data-v-28320dd2]{gap:0.75rem;}
|
|
433
|
-
.px[data-v-28320dd2]{padding-left:1rem;padding-right:1rem;}
|
|
434
|
-
.text-sm[data-v-28320dd2]{font-size:0.875rem;line-height:1.25rem;}
|
|
435
|
-
.text-xs[data-v-28320dd2]{font-size:0.75rem;line-height:1rem;}
|
|
436
|
-
|
|
437
437
|
/* unplugin-vue-components disabled */
|
|
438
438
|
/* layer: default */
|
|
439
439
|
.visible[data-v-195d0124]{visibility:visible;}
|
|
@@ -604,6 +604,73 @@ to {
|
|
|
604
604
|
border-color: currentColor;
|
|
605
605
|
}
|
|
606
606
|
}
|
|
607
|
+
/* unplugin-vue-components disabled */
|
|
608
|
+
/* layer: default */
|
|
609
|
+
.visible[data-v-cbd5e822]{visibility:visible;}
|
|
610
|
+
.grid[data-v-cbd5e822]{display:grid;}
|
|
611
|
+
.inline[data-v-cbd5e822]{display:inline;}
|
|
612
|
+
.tab[data-v-cbd5e822]{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}
|
|
613
|
+
.blur[data-v-cbd5e822]{--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);}
|
|
614
|
+
|
|
615
|
+
/* unplugin-vue-components disabled *//* Tabs 布局样式 */
|
|
616
|
+
.c-form-tabs[data-v-cbd5e822] {
|
|
617
|
+
width: 100%;
|
|
618
|
+
}
|
|
619
|
+
.single-panel[data-v-cbd5e822] {
|
|
620
|
+
width: 100%;
|
|
621
|
+
}
|
|
622
|
+
.tabs-container[data-v-cbd5e822] {
|
|
623
|
+
width: 100%;
|
|
624
|
+
}
|
|
625
|
+
.form-tabs[data-v-cbd5e822] {
|
|
626
|
+
width: 100%;
|
|
627
|
+
}
|
|
628
|
+
.tab-icon[data-v-cbd5e822] {
|
|
629
|
+
font-size: 16px;
|
|
630
|
+
display: inline-flex;
|
|
631
|
+
align-items: center;
|
|
632
|
+
justify-content: center;
|
|
633
|
+
}
|
|
634
|
+
.tab-header[data-v-cbd5e822] {
|
|
635
|
+
margin-bottom: 16px;
|
|
636
|
+
padding-bottom: 12px;
|
|
637
|
+
border-bottom: 1px solid var(--n-border-color);
|
|
638
|
+
}
|
|
639
|
+
.tab-description[data-v-cbd5e822] {
|
|
640
|
+
margin: 0;
|
|
641
|
+
font-size: 14px;
|
|
642
|
+
line-height: 1.5;
|
|
643
|
+
opacity: 0.8;
|
|
644
|
+
}
|
|
645
|
+
.tab-form-items[data-v-cbd5e822] {
|
|
646
|
+
width: 100%;
|
|
647
|
+
}
|
|
648
|
+
.tab-empty[data-v-cbd5e822] {
|
|
649
|
+
padding: 40px 0;
|
|
650
|
+
}
|
|
651
|
+
.tabs-actions[data-v-cbd5e822] {
|
|
652
|
+
margin-top: 16px;
|
|
653
|
+
padding-top: 12px;
|
|
654
|
+
border-top: 1px solid var(--n-border-color);
|
|
655
|
+
}
|
|
656
|
+
|
|
657
|
+
/* 响应式设计 */
|
|
658
|
+
@media (max-width: 768px) {
|
|
659
|
+
.tabs-actions[data-v-cbd5e822] {
|
|
660
|
+
margin-top: 12px;
|
|
661
|
+
padding-top: 8px;
|
|
662
|
+
}
|
|
663
|
+
.tabs-actions[data-v-cbd5e822] .n-space {
|
|
664
|
+
flex-wrap: wrap;
|
|
665
|
+
}
|
|
666
|
+
}
|
|
667
|
+
/* unplugin-vue-components disabled */
|
|
668
|
+
/* layer: default */
|
|
669
|
+
.visible[data-v-ee5e4509]{visibility:visible;}
|
|
670
|
+
.grid[data-v-ee5e4509]{display:grid;}
|
|
671
|
+
.inline[data-v-ee5e4509]{display:inline;}
|
|
672
|
+
.blur[data-v-ee5e4509]{--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);}
|
|
673
|
+
|
|
607
674
|
/* unplugin-vue-components disabled *//* Steps 布局样式 */
|
|
608
675
|
.c-form-steps[data-v-ee5e4509] {
|
|
609
676
|
display: flex;
|
|
@@ -693,78 +760,11 @@ to {
|
|
|
693
760
|
}
|
|
694
761
|
/* unplugin-vue-components disabled */
|
|
695
762
|
/* layer: default */
|
|
696
|
-
.visible[data-v-cbd5e822]{visibility:visible;}
|
|
697
|
-
.grid[data-v-cbd5e822]{display:grid;}
|
|
698
|
-
.inline[data-v-cbd5e822]{display:inline;}
|
|
699
|
-
.tab[data-v-cbd5e822]{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}
|
|
700
|
-
.blur[data-v-cbd5e822]{--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);}
|
|
701
|
-
|
|
702
|
-
/* unplugin-vue-components disabled *//* Tabs 布局样式 */
|
|
703
|
-
.c-form-tabs[data-v-cbd5e822] {
|
|
704
|
-
width: 100%;
|
|
705
|
-
}
|
|
706
|
-
.single-panel[data-v-cbd5e822] {
|
|
707
|
-
width: 100%;
|
|
708
|
-
}
|
|
709
|
-
.tabs-container[data-v-cbd5e822] {
|
|
710
|
-
width: 100%;
|
|
711
|
-
}
|
|
712
|
-
.form-tabs[data-v-cbd5e822] {
|
|
713
|
-
width: 100%;
|
|
714
|
-
}
|
|
715
|
-
.tab-icon[data-v-cbd5e822] {
|
|
716
|
-
font-size: 16px;
|
|
717
|
-
display: inline-flex;
|
|
718
|
-
align-items: center;
|
|
719
|
-
justify-content: center;
|
|
720
|
-
}
|
|
721
|
-
.tab-header[data-v-cbd5e822] {
|
|
722
|
-
margin-bottom: 16px;
|
|
723
|
-
padding-bottom: 12px;
|
|
724
|
-
border-bottom: 1px solid var(--n-border-color);
|
|
725
|
-
}
|
|
726
|
-
.tab-description[data-v-cbd5e822] {
|
|
727
|
-
margin: 0;
|
|
728
|
-
font-size: 14px;
|
|
729
|
-
line-height: 1.5;
|
|
730
|
-
opacity: 0.8;
|
|
731
|
-
}
|
|
732
|
-
.tab-form-items[data-v-cbd5e822] {
|
|
733
|
-
width: 100%;
|
|
734
|
-
}
|
|
735
|
-
.tab-empty[data-v-cbd5e822] {
|
|
736
|
-
padding: 40px 0;
|
|
737
|
-
}
|
|
738
|
-
.tabs-actions[data-v-cbd5e822] {
|
|
739
|
-
margin-top: 16px;
|
|
740
|
-
padding-top: 12px;
|
|
741
|
-
border-top: 1px solid var(--n-border-color);
|
|
742
|
-
}
|
|
743
|
-
|
|
744
|
-
/* 响应式设计 */
|
|
745
|
-
@media (max-width: 768px) {
|
|
746
|
-
.tabs-actions[data-v-cbd5e822] {
|
|
747
|
-
margin-top: 12px;
|
|
748
|
-
padding-top: 8px;
|
|
749
|
-
}
|
|
750
|
-
.tabs-actions[data-v-cbd5e822] .n-space {
|
|
751
|
-
flex-wrap: wrap;
|
|
752
|
-
}
|
|
753
|
-
}
|
|
754
|
-
/* unplugin-vue-components disabled */
|
|
755
|
-
/* layer: default */
|
|
756
763
|
.visible[data-v-858beb3e]{visibility:visible;}
|
|
757
764
|
.grid[data-v-858beb3e]{display:grid;}
|
|
758
765
|
.inline[data-v-858beb3e]{display:inline;}
|
|
759
766
|
.blur[data-v-858beb3e]{--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);}
|
|
760
767
|
|
|
761
|
-
/* unplugin-vue-components disabled */
|
|
762
|
-
/* layer: default */
|
|
763
|
-
.visible[data-v-ee5e4509]{visibility:visible;}
|
|
764
|
-
.grid[data-v-ee5e4509]{display:grid;}
|
|
765
|
-
.inline[data-v-ee5e4509]{display:inline;}
|
|
766
|
-
.blur[data-v-ee5e4509]{--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);}
|
|
767
|
-
|
|
768
768
|
/* unplugin-vue-components disabled *//* Custom 布局样式 */
|
|
769
769
|
.custom-layout .toolbar-card[data-v-858beb3e] {
|
|
770
770
|
margin-bottom: 16px;
|
|
@@ -1110,6 +1110,13 @@ to {
|
|
|
1110
1110
|
grid-template-columns: repeat(2, 1fr);
|
|
1111
1111
|
}
|
|
1112
1112
|
}
|
|
1113
|
+
/* unplugin-vue-components disabled */
|
|
1114
|
+
/* layer: default */
|
|
1115
|
+
.ms[data-v-c6727905]{margin-inline-start:1rem;}
|
|
1116
|
+
.table[data-v-c6727905]{display:table;}
|
|
1117
|
+
.px[data-v-c6727905]{padding-left:1rem;padding-right:1rem;}
|
|
1118
|
+
.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);}
|
|
1119
|
+
|
|
1113
1120
|
/* unplugin-vue-components disabled *//*
|
|
1114
1121
|
* @Author: ChenYu ycyplus@gmail.com
|
|
1115
1122
|
* @Date: 2026-10-07
|
|
@@ -1205,45 +1212,8 @@ to {
|
|
|
1205
1212
|
transform: translateX(200%);
|
|
1206
1213
|
}
|
|
1207
1214
|
}
|
|
1208
|
-
/* unplugin-vue-components disabled */
|
|
1209
|
-
/* layer: default */
|
|
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);}
|
|
1214
|
-
|
|
1215
|
-
/* unplugin-vue-components disabled */
|
|
1216
|
-
/* layer: default */
|
|
1217
|
-
.visible[data-v-f623c0e1]{visibility:visible;}
|
|
1218
|
-
.fixed[data-v-f623c0e1]{position:fixed;}
|
|
1219
|
-
.grid[data-v-f623c0e1]{display:grid;}
|
|
1220
|
-
.mb-2[data-v-f623c0e1]{margin-bottom:0.5rem;}
|
|
1221
|
-
.mb-4[data-v-f623c0e1]{margin-bottom:1rem;}
|
|
1222
|
-
.ml-2[data-v-f623c0e1]{margin-left:0.5rem;}
|
|
1223
|
-
.w60\%[data-v-f623c0e1]{width:60%;}
|
|
1224
|
-
.flex[data-v-f623c0e1]{display:flex;}
|
|
1225
|
-
.table[data-v-f623c0e1]{display:table;}
|
|
1226
|
-
.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));}
|
|
1227
|
-
.cursor-pointer[data-v-f623c0e1]{cursor:pointer;}
|
|
1228
|
-
.items-center[data-v-f623c0e1]{align-items:center;}
|
|
1229
|
-
.justify-end[data-v-f623c0e1]{justify-content:flex-end;}
|
|
1230
|
-
.justify-center[data-v-f623c0e1]{justify-content:center;}
|
|
1231
|
-
.rd[data-v-f623c0e1]{border-radius:0.25rem;}
|
|
1232
|
-
.bg-gray-50[data-v-f623c0e1]{--un-bg-opacity:1;background-color:rgb(249 250 251 / var(--un-bg-opacity));}
|
|
1233
|
-
.p-4[data-v-f623c0e1]{padding:1rem;}
|
|
1234
|
-
.px[data-v-f623c0e1]{padding-left:1rem;padding-right:1rem;}
|
|
1235
|
-
.py-8[data-v-f623c0e1]{padding-top:2rem;padding-bottom:2rem;}
|
|
1236
|
-
.text-center[data-v-f623c0e1]{text-align:center;}
|
|
1237
|
-
.text-sm[data-v-f623c0e1]{font-size:0.875rem;line-height:1.25rem;}
|
|
1238
|
-
.text-gray-400[data-v-f623c0e1]{--un-text-opacity:1;color:rgb(156 163 175 / var(--un-text-opacity));}
|
|
1239
|
-
.text-gray-500[data-v-f623c0e1]{--un-text-opacity:1;color:rgb(107 114 128 / var(--un-text-opacity));}
|
|
1240
|
-
.text-gray-600[data-v-f623c0e1]{--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity));}
|
|
1241
|
-
.accent-blue-500[data-v-f623c0e1]{--un-accent-opacity:1;accent-color:rgb(59 130 246 / var(--un-accent-opacity));}
|
|
1242
|
-
.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);}
|
|
1243
|
-
.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);}
|
|
1244
|
-
|
|
1245
1215
|
/* unplugin-vue-components disabled *//* ================= 1. 组件根容器 ================= */
|
|
1246
|
-
.c-table-wrapper[data-v-
|
|
1216
|
+
.c-table-wrapper[data-v-26c4b784] {
|
|
1247
1217
|
--c-table-border-color: var(--border-color, #e5e7eb);
|
|
1248
1218
|
--c-table-bg: var(--body-color, #fff);
|
|
1249
1219
|
--c-table-header-bg: var(--card-color, #fafafc);
|
|
@@ -1254,54 +1224,70 @@ to {
|
|
|
1254
1224
|
width: 100%;
|
|
1255
1225
|
position: relative;
|
|
1256
1226
|
}
|
|
1227
|
+
.c-table-wrapper--flex[data-v-26c4b784] {
|
|
1228
|
+
display: flex;
|
|
1229
|
+
flex-direction: column;
|
|
1230
|
+
height: 100%;
|
|
1231
|
+
min-height: 0;
|
|
1232
|
+
}
|
|
1233
|
+
.c-table-wrapper--flex[data-v-26c4b784] > .n-data-table,
|
|
1234
|
+
.c-table-wrapper--flex > .table-error-state[data-v-26c4b784] {
|
|
1235
|
+
flex: 1;
|
|
1236
|
+
min-height: 0;
|
|
1237
|
+
}
|
|
1238
|
+
.c-table-wrapper--flex > .table-toolbar[data-v-26c4b784],
|
|
1239
|
+
.c-table-wrapper--flex > .batch-actions-bar[data-v-26c4b784],
|
|
1240
|
+
.c-table-wrapper--flex > .pagination-wrapper[data-v-26c4b784] {
|
|
1241
|
+
flex-shrink: 0;
|
|
1242
|
+
}
|
|
1257
1243
|
|
|
1258
1244
|
/* ================= 列拖拽排序 ================= */
|
|
1259
|
-
.column-drag-ghost[data-v-
|
|
1245
|
+
.column-drag-ghost[data-v-26c4b784] {
|
|
1260
1246
|
opacity: var(--c-table-drag-ghost-opacity);
|
|
1261
1247
|
background: var(--c-table-drag-ghost-bg) !important;
|
|
1262
1248
|
}
|
|
1263
|
-
.drag-handle[data-v-
|
|
1249
|
+
.drag-handle[data-v-26c4b784] {
|
|
1264
1250
|
cursor: grab;
|
|
1265
1251
|
}
|
|
1266
|
-
.drag-handle[data-v-
|
|
1252
|
+
.drag-handle[data-v-26c4b784]:active {
|
|
1267
1253
|
cursor: grabbing;
|
|
1268
1254
|
}
|
|
1269
1255
|
|
|
1270
1256
|
/* ================= 合计行强调 ================= */
|
|
1271
|
-
.c-table-wrapper[data-v-
|
|
1257
|
+
.c-table-wrapper[data-v-26c4b784] .n-data-table-tfoot {
|
|
1272
1258
|
background: var(--c-table-summary-bg);
|
|
1273
1259
|
font-weight: var(--c-table-summary-font-weight);
|
|
1274
1260
|
}
|
|
1275
1261
|
|
|
1276
1262
|
/* ================= 2. 表格工具栏 ================= */
|
|
1277
|
-
.table-toolbar[data-v-
|
|
1263
|
+
.table-toolbar[data-v-26c4b784] {
|
|
1278
1264
|
display: flex;
|
|
1279
1265
|
justify-content: space-between;
|
|
1280
1266
|
align-items: center;
|
|
1281
1267
|
margin-bottom: 16px;
|
|
1282
1268
|
}
|
|
1283
|
-
.table-toolbar .toolbar-left[data-v-
|
|
1269
|
+
.table-toolbar .toolbar-left[data-v-26c4b784] {
|
|
1284
1270
|
display: flex;
|
|
1285
1271
|
align-items: center;
|
|
1286
1272
|
gap: 12px;
|
|
1287
1273
|
}
|
|
1288
|
-
.table-toolbar .toolbar-right[data-v-
|
|
1274
|
+
.table-toolbar .toolbar-right[data-v-26c4b784] {
|
|
1289
1275
|
display: flex;
|
|
1290
1276
|
align-items: center;
|
|
1291
1277
|
gap: 8px;
|
|
1292
1278
|
}
|
|
1293
|
-
.table-toolbar .toolbar-right .column-settings-btn[data-v-
|
|
1279
|
+
.table-toolbar .toolbar-right .column-settings-btn[data-v-26c4b784] {
|
|
1294
1280
|
opacity: 0.6;
|
|
1295
1281
|
transition: opacity 0.2s ease, transform 0.2s ease;
|
|
1296
1282
|
cursor: pointer;
|
|
1297
1283
|
}
|
|
1298
|
-
.table-toolbar .toolbar-right .column-settings-btn[data-v-
|
|
1284
|
+
.table-toolbar .toolbar-right .column-settings-btn[data-v-26c4b784]:hover {
|
|
1299
1285
|
opacity: 1;
|
|
1300
1286
|
transform: scale(1.1);
|
|
1301
1287
|
}
|
|
1302
1288
|
|
|
1303
1289
|
/* ================= 3. 动态行工具栏 ================= */
|
|
1304
|
-
.dynamic-rows-toolbar[data-v-
|
|
1290
|
+
.dynamic-rows-toolbar[data-v-26c4b784] {
|
|
1305
1291
|
margin-bottom: 16px;
|
|
1306
1292
|
padding: 16px;
|
|
1307
1293
|
border-radius: 8px;
|
|
@@ -1310,12 +1296,12 @@ to {
|
|
|
1310
1296
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
|
|
1311
1297
|
transition: all 0.2s ease;
|
|
1312
1298
|
}
|
|
1313
|
-
.dynamic-rows-toolbar[data-v-
|
|
1299
|
+
.dynamic-rows-toolbar[data-v-26c4b784]:hover {
|
|
1314
1300
|
border-color: var(--n-primary-color-suppl);
|
|
1315
1301
|
}
|
|
1316
1302
|
|
|
1317
1303
|
/* ================= 4. 表格布局基础 ================= */
|
|
1318
|
-
[data-v-
|
|
1304
|
+
[data-v-26c4b784] .n-data-table {
|
|
1319
1305
|
table-layout: auto !important;
|
|
1320
1306
|
width: 100% !important;
|
|
1321
1307
|
border-radius: 8px;
|
|
@@ -1323,12 +1309,12 @@ to {
|
|
|
1323
1309
|
}
|
|
1324
1310
|
|
|
1325
1311
|
/* 确保表格容器允许横向滚动(固定列必需) */
|
|
1326
|
-
[data-v-
|
|
1312
|
+
[data-v-26c4b784] .n-data-table-wrapper {
|
|
1327
1313
|
overflow-x: auto !important;
|
|
1328
1314
|
}
|
|
1329
1315
|
|
|
1330
1316
|
/* 分页组件样式 */
|
|
1331
|
-
.pagination-wrapper[data-v-
|
|
1317
|
+
.pagination-wrapper[data-v-26c4b784] {
|
|
1332
1318
|
margin-top: 16px;
|
|
1333
1319
|
display: flex;
|
|
1334
1320
|
justify-content: flex-end;
|
|
@@ -1336,12 +1322,12 @@ to {
|
|
|
1336
1322
|
|
|
1337
1323
|
/* ================= 5. 表格列宽度管理 ================= */
|
|
1338
1324
|
/* 普通列的最小宽度保护 */
|
|
1339
|
-
[data-v-
|
|
1325
|
+
[data-v-26c4b784] .n-data-table-th:not(:last-child) {
|
|
1340
1326
|
min-width: 80px !important;
|
|
1341
1327
|
}
|
|
1342
1328
|
|
|
1343
1329
|
/* 操作列固定宽度(适应4个按钮的布局) */
|
|
1344
|
-
[data-v-
|
|
1330
|
+
[data-v-26c4b784] .c-table-actions-column {
|
|
1345
1331
|
width: 180px !important;
|
|
1346
1332
|
min-width: 160px !important;
|
|
1347
1333
|
max-width: 200px !important;
|
|
@@ -1350,14 +1336,14 @@ to {
|
|
|
1350
1336
|
}
|
|
1351
1337
|
|
|
1352
1338
|
/* 操作按钮容器居中 */
|
|
1353
|
-
[data-v-
|
|
1339
|
+
[data-v-26c4b784] .c-table-actions-column .n-space {
|
|
1354
1340
|
justify-content: center !important;
|
|
1355
1341
|
align-items: center !important;
|
|
1356
1342
|
}
|
|
1357
1343
|
|
|
1358
1344
|
/* ================= 6. 可编辑单元格样式 ================= */
|
|
1359
1345
|
/* 单元格编辑容器 - 精致化设计 */
|
|
1360
|
-
.cell-edit-wrapper[data-v-
|
|
1346
|
+
.cell-edit-wrapper[data-v-26c4b784] {
|
|
1361
1347
|
display: flex;
|
|
1362
1348
|
align-items: center;
|
|
1363
1349
|
justify-content: space-between;
|
|
@@ -1370,23 +1356,23 @@ to {
|
|
|
1370
1356
|
position: relative;
|
|
1371
1357
|
/* 悬停效果 */
|
|
1372
1358
|
}
|
|
1373
|
-
.cell-edit-wrapper[data-v-
|
|
1359
|
+
.cell-edit-wrapper[data-v-26c4b784]:hover {
|
|
1374
1360
|
background-color: var(--n-color-target);
|
|
1375
1361
|
}
|
|
1376
|
-
.cell-edit-wrapper:hover .cell-edit-icon[data-v-
|
|
1362
|
+
.cell-edit-wrapper:hover .cell-edit-icon[data-v-26c4b784] {
|
|
1377
1363
|
opacity: 1;
|
|
1378
1364
|
color: var(--n-color-success);
|
|
1379
1365
|
transform: scale(1.05);
|
|
1380
1366
|
}
|
|
1381
|
-
.cell-edit-wrapper[data-v-
|
|
1367
|
+
.cell-edit-wrapper[data-v-26c4b784] {
|
|
1382
1368
|
/* 激活状态 */
|
|
1383
1369
|
}
|
|
1384
|
-
.cell-edit-wrapper[data-v-
|
|
1370
|
+
.cell-edit-wrapper[data-v-26c4b784]:active {
|
|
1385
1371
|
transform: translateY(1px);
|
|
1386
1372
|
}
|
|
1387
1373
|
|
|
1388
1374
|
/* 单元格内容 */
|
|
1389
|
-
.cell-value[data-v-
|
|
1375
|
+
.cell-value[data-v-26c4b784] {
|
|
1390
1376
|
flex: 1;
|
|
1391
1377
|
overflow: hidden;
|
|
1392
1378
|
text-overflow: ellipsis;
|
|
@@ -1397,7 +1383,7 @@ to {
|
|
|
1397
1383
|
}
|
|
1398
1384
|
|
|
1399
1385
|
/* 动态渲染单元格也只在当前表格边界内匹配。 */
|
|
1400
|
-
.c-table-wrapper[data-v-
|
|
1386
|
+
.c-table-wrapper[data-v-26c4b784] .cell-edit-icon {
|
|
1401
1387
|
flex-shrink: 0;
|
|
1402
1388
|
width: 24px;
|
|
1403
1389
|
height: 24px;
|
|
@@ -1413,29 +1399,29 @@ to {
|
|
|
1413
1399
|
position: relative;
|
|
1414
1400
|
/* 悬停效果 */
|
|
1415
1401
|
}
|
|
1416
|
-
.c-table-wrapper[data-v-
|
|
1402
|
+
.c-table-wrapper[data-v-26c4b784] .cell-edit-icon:hover {
|
|
1417
1403
|
opacity: 1 !important;
|
|
1418
1404
|
color: var(--n-color-success-hover) !important;
|
|
1419
1405
|
background-color: var(--n-color-success-pressed);
|
|
1420
1406
|
transform: scale(1.1);
|
|
1421
1407
|
}
|
|
1422
|
-
.c-table-wrapper[data-v-
|
|
1408
|
+
.c-table-wrapper[data-v-26c4b784] .cell-edit-icon {
|
|
1423
1409
|
/* 激活效果 */
|
|
1424
1410
|
}
|
|
1425
|
-
.c-table-wrapper[data-v-
|
|
1411
|
+
.c-table-wrapper[data-v-26c4b784] .cell-edit-icon:active {
|
|
1426
1412
|
transform: scale(0.95);
|
|
1427
1413
|
}
|
|
1428
|
-
.c-table-wrapper[data-v-
|
|
1414
|
+
.c-table-wrapper[data-v-26c4b784] .cell-edit-icon {
|
|
1429
1415
|
/* 图标尺寸 */
|
|
1430
1416
|
}
|
|
1431
|
-
.c-table-wrapper[data-v-
|
|
1417
|
+
.c-table-wrapper[data-v-26c4b784] .cell-edit-icon svg {
|
|
1432
1418
|
width: 14px;
|
|
1433
1419
|
height: 14px;
|
|
1434
1420
|
}
|
|
1435
1421
|
|
|
1436
1422
|
/* ================= 7. 单元格编辑状态样式 ================= */
|
|
1437
1423
|
/* 编辑容器 - 确保水平布局不换行 */
|
|
1438
|
-
.cell-editing-container[data-v-
|
|
1424
|
+
.cell-editing-container[data-v-26c4b784],[data-v-26c4b784] .cell-editing-container {
|
|
1439
1425
|
display: flex !important;
|
|
1440
1426
|
align-items: center !important;
|
|
1441
1427
|
width: 100% !important;
|
|
@@ -1449,39 +1435,39 @@ to {
|
|
|
1449
1435
|
}
|
|
1450
1436
|
|
|
1451
1437
|
/* 编辑输入区域 - 占据剩余空间 */
|
|
1452
|
-
.cell-editing-input[data-v-
|
|
1438
|
+
.cell-editing-input[data-v-26c4b784],[data-v-26c4b784] .cell-editing-input {
|
|
1453
1439
|
flex: 1 !important;
|
|
1454
1440
|
min-width: 0 !important;
|
|
1455
1441
|
}
|
|
1456
1442
|
|
|
1457
1443
|
/* 深度选择器处理输入框样式 */
|
|
1458
|
-
[data-v-
|
|
1444
|
+
[data-v-26c4b784] .cell-editing-input .n-input {
|
|
1459
1445
|
border: none !important;
|
|
1460
1446
|
box-shadow: none !important;
|
|
1461
1447
|
background: transparent !important;
|
|
1462
1448
|
}
|
|
1463
|
-
[data-v-
|
|
1449
|
+
[data-v-26c4b784] .cell-editing-input .n-input.n-input--focus {
|
|
1464
1450
|
border: none !important;
|
|
1465
1451
|
box-shadow: none !important;
|
|
1466
1452
|
}
|
|
1467
|
-
[data-v-
|
|
1453
|
+
[data-v-26c4b784] .cell-editing-input .n-input-number {
|
|
1468
1454
|
border: none !important;
|
|
1469
1455
|
box-shadow: none !important;
|
|
1470
1456
|
background: transparent !important;
|
|
1471
1457
|
}
|
|
1472
|
-
[data-v-
|
|
1458
|
+
[data-v-26c4b784] .cell-editing-input .n-select {
|
|
1473
1459
|
border: none !important;
|
|
1474
1460
|
box-shadow: none !important;
|
|
1475
1461
|
background: transparent !important;
|
|
1476
1462
|
}
|
|
1477
|
-
[data-v-
|
|
1463
|
+
[data-v-26c4b784] .cell-editing-input .n-select .n-base-selection {
|
|
1478
1464
|
border: none !important;
|
|
1479
1465
|
box-shadow: none !important;
|
|
1480
1466
|
background: transparent !important;
|
|
1481
1467
|
}
|
|
1482
1468
|
|
|
1483
1469
|
/* 编辑操作按钮容器 */
|
|
1484
|
-
.cell-editing-actions[data-v-
|
|
1470
|
+
.cell-editing-actions[data-v-26c4b784],[data-v-26c4b784] .cell-editing-actions {
|
|
1485
1471
|
display: flex !important;
|
|
1486
1472
|
flex-shrink: 0 !important;
|
|
1487
1473
|
align-items: center !important;
|
|
@@ -1494,7 +1480,7 @@ to {
|
|
|
1494
1480
|
}
|
|
1495
1481
|
|
|
1496
1482
|
/* 编辑操作按钮 */
|
|
1497
|
-
.cell-action-btn[data-v-
|
|
1483
|
+
.cell-action-btn[data-v-26c4b784],[data-v-26c4b784] .cell-action-btn {
|
|
1498
1484
|
display: flex !important;
|
|
1499
1485
|
align-items: center !important;
|
|
1500
1486
|
justify-content: center !important;
|
|
@@ -1507,34 +1493,34 @@ to {
|
|
|
1507
1493
|
background: transparent !important;
|
|
1508
1494
|
/* 保存按钮 */
|
|
1509
1495
|
}
|
|
1510
|
-
.cell-action-btn.cell-action-save[data-v-
|
|
1496
|
+
.cell-action-btn.cell-action-save[data-v-26c4b784],[data-v-26c4b784] .cell-action-btn.cell-action-save {
|
|
1511
1497
|
color: var(--n-color-success) !important;
|
|
1512
1498
|
}
|
|
1513
|
-
.cell-action-btn.cell-action-save[data-v-
|
|
1499
|
+
.cell-action-btn.cell-action-save[data-v-26c4b784]:hover,[data-v-26c4b784] .cell-action-btn.cell-action-save:hover {
|
|
1514
1500
|
background: var(--n-color-success-pressed) !important;
|
|
1515
1501
|
transform: scale(1.1) !important;
|
|
1516
1502
|
}
|
|
1517
|
-
.cell-action-btn[data-v-
|
|
1503
|
+
.cell-action-btn[data-v-26c4b784],[data-v-26c4b784] .cell-action-btn {
|
|
1518
1504
|
/* 取消按钮 */
|
|
1519
1505
|
}
|
|
1520
|
-
.cell-action-btn.cell-action-cancel[data-v-
|
|
1506
|
+
.cell-action-btn.cell-action-cancel[data-v-26c4b784],[data-v-26c4b784] .cell-action-btn.cell-action-cancel {
|
|
1521
1507
|
color: var(--n-color-error) !important;
|
|
1522
1508
|
}
|
|
1523
|
-
.cell-action-btn.cell-action-cancel[data-v-
|
|
1509
|
+
.cell-action-btn.cell-action-cancel[data-v-26c4b784]:hover,[data-v-26c4b784] .cell-action-btn.cell-action-cancel:hover {
|
|
1524
1510
|
background: var(--n-color-error-pressed) !important;
|
|
1525
1511
|
transform: scale(1.1) !important;
|
|
1526
1512
|
}
|
|
1527
|
-
.cell-action-btn[data-v-
|
|
1513
|
+
.cell-action-btn[data-v-26c4b784],[data-v-26c4b784] .cell-action-btn {
|
|
1528
1514
|
/* 图标尺寸 */
|
|
1529
1515
|
}
|
|
1530
|
-
.cell-action-btn svg[data-v-
|
|
1516
|
+
.cell-action-btn svg[data-v-26c4b784],[data-v-26c4b784] .cell-action-btn svg {
|
|
1531
1517
|
width: 11px !important;
|
|
1532
1518
|
height: 11px !important;
|
|
1533
1519
|
}
|
|
1534
1520
|
|
|
1535
1521
|
/* ================= 7. 操作按钮样式 ================= */
|
|
1536
1522
|
/* 通用按钮样式 */
|
|
1537
|
-
[data-v-
|
|
1523
|
+
[data-v-26c4b784] .n-button {
|
|
1538
1524
|
white-space: nowrap;
|
|
1539
1525
|
font-size: 12px !important;
|
|
1540
1526
|
flex-shrink: 0 !important;
|
|
@@ -1543,60 +1529,60 @@ to {
|
|
|
1543
1529
|
font-weight: 500;
|
|
1544
1530
|
/* 图标间距 */
|
|
1545
1531
|
}
|
|
1546
|
-
[data-v-
|
|
1532
|
+
[data-v-26c4b784] .n-button .n-icon {
|
|
1547
1533
|
margin-right: 4px !important;
|
|
1548
1534
|
}
|
|
1549
|
-
[data-v-
|
|
1535
|
+
[data-v-26c4b784] .n-button {
|
|
1550
1536
|
/* 小尺寸按钮优化 */
|
|
1551
1537
|
}
|
|
1552
|
-
[data-v-
|
|
1538
|
+
[data-v-26c4b784] .n-button.n-button--small-type {
|
|
1553
1539
|
padding: 4px 8px;
|
|
1554
1540
|
height: 28px;
|
|
1555
1541
|
line-height: 20px;
|
|
1556
1542
|
}
|
|
1557
|
-
[data-v-
|
|
1543
|
+
[data-v-26c4b784] .n-button {
|
|
1558
1544
|
/* 四元按钮样式 */
|
|
1559
1545
|
}
|
|
1560
|
-
[data-v-
|
|
1546
|
+
[data-v-26c4b784] .n-button.n-button--quaternary-type:hover {
|
|
1561
1547
|
transform: translateY(-1px);
|
|
1562
1548
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
|
1563
1549
|
}
|
|
1564
|
-
[data-v-
|
|
1550
|
+
[data-v-26c4b784] .n-button.n-button--quaternary-type:active {
|
|
1565
1551
|
transform: translateY(0);
|
|
1566
1552
|
}
|
|
1567
1553
|
|
|
1568
1554
|
/* ================= 8. 按钮组间距优化 ================= */
|
|
1569
1555
|
/* 操作按钮组 */
|
|
1570
|
-
[data-v-
|
|
1556
|
+
[data-v-26c4b784] .n-space.n-space--horizontal .n-space-item:not(:last-child) {
|
|
1571
1557
|
margin-right: 6px !important;
|
|
1572
1558
|
}
|
|
1573
1559
|
|
|
1574
1560
|
/* ================= 9. 模态框样式优化 ================= */
|
|
1575
1561
|
/* 编辑模态框 */
|
|
1576
|
-
[data-v-
|
|
1562
|
+
[data-v-26c4b784] .n-modal .n-card {
|
|
1577
1563
|
border-radius: 12px;
|
|
1578
1564
|
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
|
|
1579
1565
|
}
|
|
1580
|
-
[data-v-
|
|
1566
|
+
[data-v-26c4b784] .n-modal .n-card__header {
|
|
1581
1567
|
padding: 20px 24px 16px;
|
|
1582
1568
|
font-weight: 600;
|
|
1583
1569
|
font-size: 16px;
|
|
1584
1570
|
}
|
|
1585
|
-
[data-v-
|
|
1571
|
+
[data-v-26c4b784] .n-modal .n-card__content {
|
|
1586
1572
|
padding: 0 24px 16px;
|
|
1587
1573
|
}
|
|
1588
|
-
[data-v-
|
|
1574
|
+
[data-v-26c4b784] .n-modal .n-card__action {
|
|
1589
1575
|
padding: 16px 24px 20px;
|
|
1590
1576
|
border-top: 1px solid var(--n-divider-color);
|
|
1591
1577
|
}
|
|
1592
1578
|
|
|
1593
1579
|
/* ================= 10. 描述列表样式 ================= */
|
|
1594
1580
|
/* 详情模态框描述列表 */
|
|
1595
|
-
[data-v-
|
|
1581
|
+
[data-v-26c4b784] .n-descriptions .n-descriptions-item-label {
|
|
1596
1582
|
font-weight: 500;
|
|
1597
1583
|
color: var(--n-text-color-2);
|
|
1598
1584
|
}
|
|
1599
|
-
[data-v-
|
|
1585
|
+
[data-v-26c4b784] .n-descriptions .n-descriptions-item-content {
|
|
1600
1586
|
color: var(--n-text-color-1);
|
|
1601
1587
|
word-break: break-all;
|
|
1602
1588
|
}
|
|
@@ -1604,99 +1590,99 @@ to {
|
|
|
1604
1590
|
/* ================= 11. 响应式设计 ================= */
|
|
1605
1591
|
/* 移动端适配 */
|
|
1606
1592
|
@media (max-width: 768px) {
|
|
1607
|
-
.c-table-wrapper[data-v-
|
|
1593
|
+
.c-table-wrapper[data-v-26c4b784] {
|
|
1608
1594
|
overflow-x: auto;
|
|
1609
1595
|
}
|
|
1610
1596
|
/* 操作列在移动端的适配 */
|
|
1611
|
-
[data-v-
|
|
1597
|
+
[data-v-26c4b784] .n-data-table-th:last-child {
|
|
1612
1598
|
width: 160px !important;
|
|
1613
1599
|
min-width: 160px !important;
|
|
1614
1600
|
}
|
|
1615
1601
|
/* 按钮在移动端的优化 */
|
|
1616
|
-
[data-v-
|
|
1602
|
+
[data-v-26c4b784] .n-button {
|
|
1617
1603
|
font-size: 11px !important;
|
|
1618
1604
|
padding: 3px 6px;
|
|
1619
1605
|
}
|
|
1620
|
-
[data-v-
|
|
1606
|
+
[data-v-26c4b784] .n-button .n-icon {
|
|
1621
1607
|
margin-right: 2px !important;
|
|
1622
1608
|
}
|
|
1623
1609
|
/* 单元格编辑图标在移动端始终显示 */
|
|
1624
|
-
.cell-edit-icon[data-v-
|
|
1610
|
+
.cell-edit-icon[data-v-26c4b784] {
|
|
1625
1611
|
opacity: 0.6;
|
|
1626
1612
|
}
|
|
1627
1613
|
}
|
|
1628
1614
|
/* ================= 12. 主题适配 ================= */
|
|
1629
1615
|
/* 暗色主题适配 - 已通过 CSS 变量自动适配 */
|
|
1630
|
-
[data-theme=dark][data-v-
|
|
1616
|
+
[data-theme=dark][data-v-26c4b784] {
|
|
1631
1617
|
/* CSS 变量已自动适配,如有特殊需求可在此添加 */
|
|
1632
1618
|
}
|
|
1633
1619
|
|
|
1634
1620
|
/* ================= 13. 响应式优化 ================= */
|
|
1635
1621
|
/* 小屏幕下的单元格编辑优化 */
|
|
1636
1622
|
@media (max-width: 768px) {
|
|
1637
|
-
.cell-editing-container[data-v-
|
|
1623
|
+
.cell-editing-container[data-v-26c4b784],[data-v-26c4b784] .cell-editing-container {
|
|
1638
1624
|
gap: 6px !important;
|
|
1639
1625
|
}
|
|
1640
|
-
.cell-editing-actions[data-v-
|
|
1626
|
+
.cell-editing-actions[data-v-26c4b784],[data-v-26c4b784] .cell-editing-actions {
|
|
1641
1627
|
gap: 3px !important;
|
|
1642
1628
|
padding: 2px !important;
|
|
1643
1629
|
}
|
|
1644
|
-
.cell-action-btn[data-v-
|
|
1630
|
+
.cell-action-btn[data-v-26c4b784],[data-v-26c4b784] .cell-action-btn {
|
|
1645
1631
|
width: 18px !important;
|
|
1646
1632
|
height: 18px !important;
|
|
1647
1633
|
}
|
|
1648
|
-
.cell-action-btn svg[data-v-
|
|
1634
|
+
.cell-action-btn svg[data-v-26c4b784],[data-v-26c4b784] .cell-action-btn svg {
|
|
1649
1635
|
width: 10px !important;
|
|
1650
1636
|
height: 10px !important;
|
|
1651
1637
|
}
|
|
1652
1638
|
/* 移动端编辑图标 */
|
|
1653
|
-
.cell-edit-icon[data-v-
|
|
1639
|
+
.cell-edit-icon[data-v-26c4b784] {
|
|
1654
1640
|
opacity: 0.6 !important;
|
|
1655
1641
|
}
|
|
1656
|
-
.cell-value[data-v-
|
|
1642
|
+
.cell-value[data-v-26c4b784] {
|
|
1657
1643
|
margin-right: 12px !important;
|
|
1658
1644
|
}
|
|
1659
1645
|
}
|
|
1660
1646
|
/* ================= 14. 性能优化 ================= */
|
|
1661
1647
|
/* 使用 GPU 加速的动画 */
|
|
1662
|
-
.cell-edit-icon[data-v-
|
|
1663
|
-
.cell-action-btn[data-v-
|
|
1648
|
+
.cell-edit-icon[data-v-26c4b784],
|
|
1649
|
+
.cell-action-btn[data-v-26c4b784] {
|
|
1664
1650
|
will-change: transform;
|
|
1665
1651
|
backface-visibility: hidden;
|
|
1666
1652
|
}
|
|
1667
|
-
[data-v-
|
|
1653
|
+
[data-v-26c4b784] .n-button {
|
|
1668
1654
|
will-change: transform;
|
|
1669
1655
|
backface-visibility: hidden;
|
|
1670
1656
|
}
|
|
1671
1657
|
|
|
1672
1658
|
/* ================= 15. 可访问性优化 ================= */
|
|
1673
1659
|
/* 聚焦状态 */
|
|
1674
|
-
.cell-edit-wrapper[data-v-
|
|
1675
|
-
.cell-editing-container[data-v-
|
|
1660
|
+
.cell-edit-wrapper[data-v-26c4b784]:focus-within,
|
|
1661
|
+
.cell-editing-container[data-v-26c4b784]:focus-within {
|
|
1676
1662
|
outline: 2px solid var(--n-primary-color);
|
|
1677
1663
|
outline-offset: 2px;
|
|
1678
1664
|
}
|
|
1679
1665
|
|
|
1680
1666
|
/* 高对比度模式支持 */
|
|
1681
1667
|
@media (prefers-contrast: high) {
|
|
1682
|
-
.cell-edit-icon[data-v-
|
|
1668
|
+
.cell-edit-icon[data-v-26c4b784] {
|
|
1683
1669
|
opacity: 0.8;
|
|
1684
1670
|
}
|
|
1685
|
-
.cell-editing-actions[data-v-
|
|
1671
|
+
.cell-editing-actions[data-v-26c4b784] {
|
|
1686
1672
|
border-width: 2px;
|
|
1687
1673
|
}
|
|
1688
1674
|
}
|
|
1689
1675
|
/* ================= 11. 行拖拽排序 ================= */
|
|
1690
|
-
.row-drag-ghost[data-v-
|
|
1676
|
+
.row-drag-ghost[data-v-26c4b784] {
|
|
1691
1677
|
opacity: 0.4;
|
|
1692
1678
|
background: var(--c-table-drag-ghost-bg) !important;
|
|
1693
1679
|
}
|
|
1694
|
-
.row-drag-chosen[data-v-
|
|
1680
|
+
.row-drag-chosen[data-v-26c4b784] {
|
|
1695
1681
|
background: var(--n-color-hover, #f5f5f5) !important;
|
|
1696
1682
|
}
|
|
1697
1683
|
|
|
1698
1684
|
/* ================= 12. 批量操作栏 ================= */
|
|
1699
|
-
.batch-actions-bar[data-v-
|
|
1685
|
+
.batch-actions-bar[data-v-26c4b784] {
|
|
1700
1686
|
display: flex;
|
|
1701
1687
|
align-items: center;
|
|
1702
1688
|
justify-content: space-between;
|
|
@@ -1706,29 +1692,59 @@ to {
|
|
|
1706
1692
|
border-radius: 6px;
|
|
1707
1693
|
border: 1px solid var(--n-primary-color-suppl, #70b3ff);
|
|
1708
1694
|
}
|
|
1709
|
-
.batch-actions-bar .batch-info[data-v-
|
|
1695
|
+
.batch-actions-bar .batch-info[data-v-26c4b784] {
|
|
1710
1696
|
font-size: 13px;
|
|
1711
1697
|
color: var(--n-text-color-2);
|
|
1712
1698
|
font-weight: 500;
|
|
1713
1699
|
}
|
|
1714
1700
|
|
|
1715
1701
|
/* ================= 13. 错误状态 ================= */
|
|
1716
|
-
.table-error-state[data-v-
|
|
1702
|
+
.table-error-state[data-v-26c4b784] {
|
|
1717
1703
|
padding: 48px 24px;
|
|
1718
1704
|
text-align: center;
|
|
1719
1705
|
}
|
|
1720
|
-
.table-error-state .error-content[data-v-
|
|
1706
|
+
.table-error-state .error-content[data-v-26c4b784] {
|
|
1721
1707
|
display: flex;
|
|
1722
1708
|
flex-direction: column;
|
|
1723
1709
|
align-items: center;
|
|
1724
1710
|
gap: 12px;
|
|
1725
1711
|
color: var(--n-text-color-3, #999);
|
|
1726
1712
|
}
|
|
1727
|
-
.table-error-state .error-message[data-v-
|
|
1713
|
+
.table-error-state .error-message[data-v-26c4b784] {
|
|
1728
1714
|
font-size: 14px;
|
|
1729
1715
|
margin: 0;
|
|
1730
1716
|
color: var(--n-text-color-2, #666);
|
|
1731
1717
|
}
|
|
1718
|
+
/* unplugin-vue-components disabled */
|
|
1719
|
+
/* layer: default */
|
|
1720
|
+
.visible[data-v-26c4b784]{visibility:visible;}
|
|
1721
|
+
.fixed[data-v-26c4b784]{position:fixed;}
|
|
1722
|
+
.grid[data-v-26c4b784]{display:grid;}
|
|
1723
|
+
.mb-2[data-v-26c4b784]{margin-bottom:0.5rem;}
|
|
1724
|
+
.mb-4[data-v-26c4b784]{margin-bottom:1rem;}
|
|
1725
|
+
.ml-2[data-v-26c4b784]{margin-left:0.5rem;}
|
|
1726
|
+
.w60\%[data-v-26c4b784]{width:60%;}
|
|
1727
|
+
.flex[data-v-26c4b784]{display:flex;}
|
|
1728
|
+
.table[data-v-26c4b784]{display:table;}
|
|
1729
|
+
.scale-110[data-v-26c4b784]{--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));}
|
|
1730
|
+
.cursor-pointer[data-v-26c4b784]{cursor:pointer;}
|
|
1731
|
+
.items-center[data-v-26c4b784]{align-items:center;}
|
|
1732
|
+
.justify-end[data-v-26c4b784]{justify-content:flex-end;}
|
|
1733
|
+
.justify-center[data-v-26c4b784]{justify-content:center;}
|
|
1734
|
+
.rd[data-v-26c4b784]{border-radius:0.25rem;}
|
|
1735
|
+
.bg-gray-50[data-v-26c4b784]{--un-bg-opacity:1;background-color:rgb(249 250 251 / var(--un-bg-opacity));}
|
|
1736
|
+
.p-4[data-v-26c4b784]{padding:1rem;}
|
|
1737
|
+
.px[data-v-26c4b784]{padding-left:1rem;padding-right:1rem;}
|
|
1738
|
+
.py-8[data-v-26c4b784]{padding-top:2rem;padding-bottom:2rem;}
|
|
1739
|
+
.text-center[data-v-26c4b784]{text-align:center;}
|
|
1740
|
+
.text-sm[data-v-26c4b784]{font-size:0.875rem;line-height:1.25rem;}
|
|
1741
|
+
.text-gray-400[data-v-26c4b784]{--un-text-opacity:1;color:rgb(156 163 175 / var(--un-text-opacity));}
|
|
1742
|
+
.text-gray-500[data-v-26c4b784]{--un-text-opacity:1;color:rgb(107 114 128 / var(--un-text-opacity));}
|
|
1743
|
+
.text-gray-600[data-v-26c4b784]{--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity));}
|
|
1744
|
+
.accent-blue-500[data-v-26c4b784]{--un-accent-opacity:1;accent-color:rgb(59 130 246 / var(--un-accent-opacity));}
|
|
1745
|
+
.blur[data-v-26c4b784]{--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);}
|
|
1746
|
+
.filter[data-v-26c4b784]{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);}
|
|
1747
|
+
|
|
1732
1748
|
/* unplugin-vue-components disabled */
|
|
1733
1749
|
/* layer: default */
|
|
1734
1750
|
.visible[data-v-6ff103ee]{visibility:visible;}
|