@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.css
CHANGED
|
@@ -182,6 +182,10 @@
|
|
|
182
182
|
width: 100%;
|
|
183
183
|
}
|
|
184
184
|
|
|
185
|
+
/* unplugin-vue-components disabled */
|
|
186
|
+
/* layer: default */
|
|
187
|
+
.px[data-v-5debeeab]{padding-left:1rem;padding-right:1rem;}
|
|
188
|
+
|
|
185
189
|
/* unplugin-vue-components disabled *//* Grid 布局样式 */
|
|
186
190
|
/* 变量定义 */
|
|
187
191
|
.c-grid-layout[data-v-5debeeab] {
|
|
@@ -352,7 +356,17 @@ to {
|
|
|
352
356
|
}
|
|
353
357
|
/* unplugin-vue-components disabled */
|
|
354
358
|
/* layer: default */
|
|
355
|
-
.
|
|
359
|
+
.mb-4[data-v-28320dd2]{margin-bottom:1rem;}
|
|
360
|
+
.min-w-12[data-v-28320dd2]{min-width:3rem;}
|
|
361
|
+
.w-24[data-v-28320dd2]{width:6rem;}
|
|
362
|
+
.flex[data-v-28320dd2]{display:flex;}
|
|
363
|
+
.flex-1[data-v-28320dd2]{flex:1 1 0%;}
|
|
364
|
+
.items-center[data-v-28320dd2]{align-items:center;}
|
|
365
|
+
.gap-2[data-v-28320dd2]{gap:0.5rem;}
|
|
366
|
+
.gap-3[data-v-28320dd2]{gap:0.75rem;}
|
|
367
|
+
.px[data-v-28320dd2]{padding-left:1rem;padding-right:1rem;}
|
|
368
|
+
.text-sm[data-v-28320dd2]{font-size:0.875rem;line-height:1.25rem;}
|
|
369
|
+
.text-xs[data-v-28320dd2]{font-size:0.75rem;line-height:1rem;}
|
|
356
370
|
|
|
357
371
|
/* unplugin-vue-components disabled *//* Card 布局样式 */
|
|
358
372
|
.c-form-card[data-v-28320dd2] {
|
|
@@ -523,20 +537,6 @@ to {
|
|
|
523
537
|
display: flex;
|
|
524
538
|
gap: 0.75rem;
|
|
525
539
|
}
|
|
526
|
-
/* unplugin-vue-components disabled */
|
|
527
|
-
/* layer: default */
|
|
528
|
-
.mb-4[data-v-28320dd2]{margin-bottom:1rem;}
|
|
529
|
-
.min-w-12[data-v-28320dd2]{min-width:3rem;}
|
|
530
|
-
.w-24[data-v-28320dd2]{width:6rem;}
|
|
531
|
-
.flex[data-v-28320dd2]{display:flex;}
|
|
532
|
-
.flex-1[data-v-28320dd2]{flex:1 1 0%;}
|
|
533
|
-
.items-center[data-v-28320dd2]{align-items:center;}
|
|
534
|
-
.gap-2[data-v-28320dd2]{gap:0.5rem;}
|
|
535
|
-
.gap-3[data-v-28320dd2]{gap:0.75rem;}
|
|
536
|
-
.px[data-v-28320dd2]{padding-left:1rem;padding-right:1rem;}
|
|
537
|
-
.text-sm[data-v-28320dd2]{font-size:0.875rem;line-height:1.25rem;}
|
|
538
|
-
.text-xs[data-v-28320dd2]{font-size:0.75rem;line-height:1rem;}
|
|
539
|
-
|
|
540
540
|
/* unplugin-vue-components disabled */
|
|
541
541
|
/* layer: default */
|
|
542
542
|
.visible[data-v-195d0124]{visibility:visible;}
|
|
@@ -707,6 +707,73 @@ to {
|
|
|
707
707
|
border-color: currentColor;
|
|
708
708
|
}
|
|
709
709
|
}
|
|
710
|
+
/* unplugin-vue-components disabled */
|
|
711
|
+
/* layer: default */
|
|
712
|
+
.visible[data-v-cbd5e822]{visibility:visible;}
|
|
713
|
+
.grid[data-v-cbd5e822]{display:grid;}
|
|
714
|
+
.inline[data-v-cbd5e822]{display:inline;}
|
|
715
|
+
.tab[data-v-cbd5e822]{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}
|
|
716
|
+
.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);}
|
|
717
|
+
|
|
718
|
+
/* unplugin-vue-components disabled *//* Tabs 布局样式 */
|
|
719
|
+
.c-form-tabs[data-v-cbd5e822] {
|
|
720
|
+
width: 100%;
|
|
721
|
+
}
|
|
722
|
+
.single-panel[data-v-cbd5e822] {
|
|
723
|
+
width: 100%;
|
|
724
|
+
}
|
|
725
|
+
.tabs-container[data-v-cbd5e822] {
|
|
726
|
+
width: 100%;
|
|
727
|
+
}
|
|
728
|
+
.form-tabs[data-v-cbd5e822] {
|
|
729
|
+
width: 100%;
|
|
730
|
+
}
|
|
731
|
+
.tab-icon[data-v-cbd5e822] {
|
|
732
|
+
font-size: 16px;
|
|
733
|
+
display: inline-flex;
|
|
734
|
+
align-items: center;
|
|
735
|
+
justify-content: center;
|
|
736
|
+
}
|
|
737
|
+
.tab-header[data-v-cbd5e822] {
|
|
738
|
+
margin-bottom: 16px;
|
|
739
|
+
padding-bottom: 12px;
|
|
740
|
+
border-bottom: 1px solid var(--n-border-color);
|
|
741
|
+
}
|
|
742
|
+
.tab-description[data-v-cbd5e822] {
|
|
743
|
+
margin: 0;
|
|
744
|
+
font-size: 14px;
|
|
745
|
+
line-height: 1.5;
|
|
746
|
+
opacity: 0.8;
|
|
747
|
+
}
|
|
748
|
+
.tab-form-items[data-v-cbd5e822] {
|
|
749
|
+
width: 100%;
|
|
750
|
+
}
|
|
751
|
+
.tab-empty[data-v-cbd5e822] {
|
|
752
|
+
padding: 40px 0;
|
|
753
|
+
}
|
|
754
|
+
.tabs-actions[data-v-cbd5e822] {
|
|
755
|
+
margin-top: 16px;
|
|
756
|
+
padding-top: 12px;
|
|
757
|
+
border-top: 1px solid var(--n-border-color);
|
|
758
|
+
}
|
|
759
|
+
|
|
760
|
+
/* 响应式设计 */
|
|
761
|
+
@media (max-width: 768px) {
|
|
762
|
+
.tabs-actions[data-v-cbd5e822] {
|
|
763
|
+
margin-top: 12px;
|
|
764
|
+
padding-top: 8px;
|
|
765
|
+
}
|
|
766
|
+
.tabs-actions[data-v-cbd5e822] .n-space {
|
|
767
|
+
flex-wrap: wrap;
|
|
768
|
+
}
|
|
769
|
+
}
|
|
770
|
+
/* unplugin-vue-components disabled */
|
|
771
|
+
/* layer: default */
|
|
772
|
+
.visible[data-v-ee5e4509]{visibility:visible;}
|
|
773
|
+
.grid[data-v-ee5e4509]{display:grid;}
|
|
774
|
+
.inline[data-v-ee5e4509]{display:inline;}
|
|
775
|
+
.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);}
|
|
776
|
+
|
|
710
777
|
/* unplugin-vue-components disabled *//* Steps 布局样式 */
|
|
711
778
|
.c-form-steps[data-v-ee5e4509] {
|
|
712
779
|
display: flex;
|
|
@@ -796,78 +863,11 @@ to {
|
|
|
796
863
|
}
|
|
797
864
|
/* unplugin-vue-components disabled */
|
|
798
865
|
/* layer: default */
|
|
799
|
-
.visible[data-v-cbd5e822]{visibility:visible;}
|
|
800
|
-
.grid[data-v-cbd5e822]{display:grid;}
|
|
801
|
-
.inline[data-v-cbd5e822]{display:inline;}
|
|
802
|
-
.tab[data-v-cbd5e822]{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}
|
|
803
|
-
.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);}
|
|
804
|
-
|
|
805
|
-
/* unplugin-vue-components disabled *//* Tabs 布局样式 */
|
|
806
|
-
.c-form-tabs[data-v-cbd5e822] {
|
|
807
|
-
width: 100%;
|
|
808
|
-
}
|
|
809
|
-
.single-panel[data-v-cbd5e822] {
|
|
810
|
-
width: 100%;
|
|
811
|
-
}
|
|
812
|
-
.tabs-container[data-v-cbd5e822] {
|
|
813
|
-
width: 100%;
|
|
814
|
-
}
|
|
815
|
-
.form-tabs[data-v-cbd5e822] {
|
|
816
|
-
width: 100%;
|
|
817
|
-
}
|
|
818
|
-
.tab-icon[data-v-cbd5e822] {
|
|
819
|
-
font-size: 16px;
|
|
820
|
-
display: inline-flex;
|
|
821
|
-
align-items: center;
|
|
822
|
-
justify-content: center;
|
|
823
|
-
}
|
|
824
|
-
.tab-header[data-v-cbd5e822] {
|
|
825
|
-
margin-bottom: 16px;
|
|
826
|
-
padding-bottom: 12px;
|
|
827
|
-
border-bottom: 1px solid var(--n-border-color);
|
|
828
|
-
}
|
|
829
|
-
.tab-description[data-v-cbd5e822] {
|
|
830
|
-
margin: 0;
|
|
831
|
-
font-size: 14px;
|
|
832
|
-
line-height: 1.5;
|
|
833
|
-
opacity: 0.8;
|
|
834
|
-
}
|
|
835
|
-
.tab-form-items[data-v-cbd5e822] {
|
|
836
|
-
width: 100%;
|
|
837
|
-
}
|
|
838
|
-
.tab-empty[data-v-cbd5e822] {
|
|
839
|
-
padding: 40px 0;
|
|
840
|
-
}
|
|
841
|
-
.tabs-actions[data-v-cbd5e822] {
|
|
842
|
-
margin-top: 16px;
|
|
843
|
-
padding-top: 12px;
|
|
844
|
-
border-top: 1px solid var(--n-border-color);
|
|
845
|
-
}
|
|
846
|
-
|
|
847
|
-
/* 响应式设计 */
|
|
848
|
-
@media (max-width: 768px) {
|
|
849
|
-
.tabs-actions[data-v-cbd5e822] {
|
|
850
|
-
margin-top: 12px;
|
|
851
|
-
padding-top: 8px;
|
|
852
|
-
}
|
|
853
|
-
.tabs-actions[data-v-cbd5e822] .n-space {
|
|
854
|
-
flex-wrap: wrap;
|
|
855
|
-
}
|
|
856
|
-
}
|
|
857
|
-
/* unplugin-vue-components disabled */
|
|
858
|
-
/* layer: default */
|
|
859
866
|
.visible[data-v-858beb3e]{visibility:visible;}
|
|
860
867
|
.grid[data-v-858beb3e]{display:grid;}
|
|
861
868
|
.inline[data-v-858beb3e]{display:inline;}
|
|
862
869
|
.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);}
|
|
863
870
|
|
|
864
|
-
/* unplugin-vue-components disabled */
|
|
865
|
-
/* layer: default */
|
|
866
|
-
.visible[data-v-ee5e4509]{visibility:visible;}
|
|
867
|
-
.grid[data-v-ee5e4509]{display:grid;}
|
|
868
|
-
.inline[data-v-ee5e4509]{display:inline;}
|
|
869
|
-
.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);}
|
|
870
|
-
|
|
871
871
|
/* unplugin-vue-components disabled *//* Custom 布局样式 */
|
|
872
872
|
.custom-layout .toolbar-card[data-v-858beb3e] {
|
|
873
873
|
margin-bottom: 16px;
|
|
@@ -1213,6 +1213,13 @@ to {
|
|
|
1213
1213
|
grid-template-columns: repeat(2, 1fr);
|
|
1214
1214
|
}
|
|
1215
1215
|
}
|
|
1216
|
+
/* unplugin-vue-components disabled */
|
|
1217
|
+
/* layer: default */
|
|
1218
|
+
.ms[data-v-c6727905]{margin-inline-start:1rem;}
|
|
1219
|
+
.table[data-v-c6727905]{display:table;}
|
|
1220
|
+
.px[data-v-c6727905]{padding-left:1rem;padding-right:1rem;}
|
|
1221
|
+
.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);}
|
|
1222
|
+
|
|
1216
1223
|
/* unplugin-vue-components disabled *//*
|
|
1217
1224
|
* @Author: ChenYu ycyplus@gmail.com
|
|
1218
1225
|
* @Date: 2026-10-07
|
|
@@ -1308,45 +1315,8 @@ to {
|
|
|
1308
1315
|
transform: translateX(200%);
|
|
1309
1316
|
}
|
|
1310
1317
|
}
|
|
1311
|
-
/* unplugin-vue-components disabled */
|
|
1312
|
-
/* layer: default */
|
|
1313
|
-
.ms[data-v-c6727905]{margin-inline-start:1rem;}
|
|
1314
|
-
.table[data-v-c6727905]{display:table;}
|
|
1315
|
-
.px[data-v-c6727905]{padding-left:1rem;padding-right:1rem;}
|
|
1316
|
-
.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);}
|
|
1317
|
-
|
|
1318
|
-
/* unplugin-vue-components disabled */
|
|
1319
|
-
/* layer: default */
|
|
1320
|
-
.visible[data-v-f623c0e1]{visibility:visible;}
|
|
1321
|
-
.fixed[data-v-f623c0e1]{position:fixed;}
|
|
1322
|
-
.grid[data-v-f623c0e1]{display:grid;}
|
|
1323
|
-
.mb-2[data-v-f623c0e1]{margin-bottom:0.5rem;}
|
|
1324
|
-
.mb-4[data-v-f623c0e1]{margin-bottom:1rem;}
|
|
1325
|
-
.ml-2[data-v-f623c0e1]{margin-left:0.5rem;}
|
|
1326
|
-
.w60\%[data-v-f623c0e1]{width:60%;}
|
|
1327
|
-
.flex[data-v-f623c0e1]{display:flex;}
|
|
1328
|
-
.table[data-v-f623c0e1]{display:table;}
|
|
1329
|
-
.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));}
|
|
1330
|
-
.cursor-pointer[data-v-f623c0e1]{cursor:pointer;}
|
|
1331
|
-
.items-center[data-v-f623c0e1]{align-items:center;}
|
|
1332
|
-
.justify-end[data-v-f623c0e1]{justify-content:flex-end;}
|
|
1333
|
-
.justify-center[data-v-f623c0e1]{justify-content:center;}
|
|
1334
|
-
.rd[data-v-f623c0e1]{border-radius:0.25rem;}
|
|
1335
|
-
.bg-gray-50[data-v-f623c0e1]{--un-bg-opacity:1;background-color:rgb(249 250 251 / var(--un-bg-opacity));}
|
|
1336
|
-
.p-4[data-v-f623c0e1]{padding:1rem;}
|
|
1337
|
-
.px[data-v-f623c0e1]{padding-left:1rem;padding-right:1rem;}
|
|
1338
|
-
.py-8[data-v-f623c0e1]{padding-top:2rem;padding-bottom:2rem;}
|
|
1339
|
-
.text-center[data-v-f623c0e1]{text-align:center;}
|
|
1340
|
-
.text-sm[data-v-f623c0e1]{font-size:0.875rem;line-height:1.25rem;}
|
|
1341
|
-
.text-gray-400[data-v-f623c0e1]{--un-text-opacity:1;color:rgb(156 163 175 / var(--un-text-opacity));}
|
|
1342
|
-
.text-gray-500[data-v-f623c0e1]{--un-text-opacity:1;color:rgb(107 114 128 / var(--un-text-opacity));}
|
|
1343
|
-
.text-gray-600[data-v-f623c0e1]{--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity));}
|
|
1344
|
-
.accent-blue-500[data-v-f623c0e1]{--un-accent-opacity:1;accent-color:rgb(59 130 246 / var(--un-accent-opacity));}
|
|
1345
|
-
.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);}
|
|
1346
|
-
.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);}
|
|
1347
|
-
|
|
1348
1318
|
/* unplugin-vue-components disabled *//* ================= 1. 组件根容器 ================= */
|
|
1349
|
-
.c-table-wrapper[data-v-
|
|
1319
|
+
.c-table-wrapper[data-v-26c4b784] {
|
|
1350
1320
|
--c-table-border-color: var(--border-color, #e5e7eb);
|
|
1351
1321
|
--c-table-bg: var(--body-color, #fff);
|
|
1352
1322
|
--c-table-header-bg: var(--card-color, #fafafc);
|
|
@@ -1357,54 +1327,70 @@ to {
|
|
|
1357
1327
|
width: 100%;
|
|
1358
1328
|
position: relative;
|
|
1359
1329
|
}
|
|
1330
|
+
.c-table-wrapper--flex[data-v-26c4b784] {
|
|
1331
|
+
display: flex;
|
|
1332
|
+
flex-direction: column;
|
|
1333
|
+
height: 100%;
|
|
1334
|
+
min-height: 0;
|
|
1335
|
+
}
|
|
1336
|
+
.c-table-wrapper--flex[data-v-26c4b784] > .n-data-table,
|
|
1337
|
+
.c-table-wrapper--flex > .table-error-state[data-v-26c4b784] {
|
|
1338
|
+
flex: 1;
|
|
1339
|
+
min-height: 0;
|
|
1340
|
+
}
|
|
1341
|
+
.c-table-wrapper--flex > .table-toolbar[data-v-26c4b784],
|
|
1342
|
+
.c-table-wrapper--flex > .batch-actions-bar[data-v-26c4b784],
|
|
1343
|
+
.c-table-wrapper--flex > .pagination-wrapper[data-v-26c4b784] {
|
|
1344
|
+
flex-shrink: 0;
|
|
1345
|
+
}
|
|
1360
1346
|
|
|
1361
1347
|
/* ================= 列拖拽排序 ================= */
|
|
1362
|
-
.column-drag-ghost[data-v-
|
|
1348
|
+
.column-drag-ghost[data-v-26c4b784] {
|
|
1363
1349
|
opacity: var(--c-table-drag-ghost-opacity);
|
|
1364
1350
|
background: var(--c-table-drag-ghost-bg) !important;
|
|
1365
1351
|
}
|
|
1366
|
-
.drag-handle[data-v-
|
|
1352
|
+
.drag-handle[data-v-26c4b784] {
|
|
1367
1353
|
cursor: grab;
|
|
1368
1354
|
}
|
|
1369
|
-
.drag-handle[data-v-
|
|
1355
|
+
.drag-handle[data-v-26c4b784]:active {
|
|
1370
1356
|
cursor: grabbing;
|
|
1371
1357
|
}
|
|
1372
1358
|
|
|
1373
1359
|
/* ================= 合计行强调 ================= */
|
|
1374
|
-
.c-table-wrapper[data-v-
|
|
1360
|
+
.c-table-wrapper[data-v-26c4b784] .n-data-table-tfoot {
|
|
1375
1361
|
background: var(--c-table-summary-bg);
|
|
1376
1362
|
font-weight: var(--c-table-summary-font-weight);
|
|
1377
1363
|
}
|
|
1378
1364
|
|
|
1379
1365
|
/* ================= 2. 表格工具栏 ================= */
|
|
1380
|
-
.table-toolbar[data-v-
|
|
1366
|
+
.table-toolbar[data-v-26c4b784] {
|
|
1381
1367
|
display: flex;
|
|
1382
1368
|
justify-content: space-between;
|
|
1383
1369
|
align-items: center;
|
|
1384
1370
|
margin-bottom: 16px;
|
|
1385
1371
|
}
|
|
1386
|
-
.table-toolbar .toolbar-left[data-v-
|
|
1372
|
+
.table-toolbar .toolbar-left[data-v-26c4b784] {
|
|
1387
1373
|
display: flex;
|
|
1388
1374
|
align-items: center;
|
|
1389
1375
|
gap: 12px;
|
|
1390
1376
|
}
|
|
1391
|
-
.table-toolbar .toolbar-right[data-v-
|
|
1377
|
+
.table-toolbar .toolbar-right[data-v-26c4b784] {
|
|
1392
1378
|
display: flex;
|
|
1393
1379
|
align-items: center;
|
|
1394
1380
|
gap: 8px;
|
|
1395
1381
|
}
|
|
1396
|
-
.table-toolbar .toolbar-right .column-settings-btn[data-v-
|
|
1382
|
+
.table-toolbar .toolbar-right .column-settings-btn[data-v-26c4b784] {
|
|
1397
1383
|
opacity: 0.6;
|
|
1398
1384
|
transition: opacity 0.2s ease, transform 0.2s ease;
|
|
1399
1385
|
cursor: pointer;
|
|
1400
1386
|
}
|
|
1401
|
-
.table-toolbar .toolbar-right .column-settings-btn[data-v-
|
|
1387
|
+
.table-toolbar .toolbar-right .column-settings-btn[data-v-26c4b784]:hover {
|
|
1402
1388
|
opacity: 1;
|
|
1403
1389
|
transform: scale(1.1);
|
|
1404
1390
|
}
|
|
1405
1391
|
|
|
1406
1392
|
/* ================= 3. 动态行工具栏 ================= */
|
|
1407
|
-
.dynamic-rows-toolbar[data-v-
|
|
1393
|
+
.dynamic-rows-toolbar[data-v-26c4b784] {
|
|
1408
1394
|
margin-bottom: 16px;
|
|
1409
1395
|
padding: 16px;
|
|
1410
1396
|
border-radius: 8px;
|
|
@@ -1413,12 +1399,12 @@ to {
|
|
|
1413
1399
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
|
|
1414
1400
|
transition: all 0.2s ease;
|
|
1415
1401
|
}
|
|
1416
|
-
.dynamic-rows-toolbar[data-v-
|
|
1402
|
+
.dynamic-rows-toolbar[data-v-26c4b784]:hover {
|
|
1417
1403
|
border-color: var(--n-primary-color-suppl);
|
|
1418
1404
|
}
|
|
1419
1405
|
|
|
1420
1406
|
/* ================= 4. 表格布局基础 ================= */
|
|
1421
|
-
[data-v-
|
|
1407
|
+
[data-v-26c4b784] .n-data-table {
|
|
1422
1408
|
table-layout: auto !important;
|
|
1423
1409
|
width: 100% !important;
|
|
1424
1410
|
border-radius: 8px;
|
|
@@ -1426,12 +1412,12 @@ to {
|
|
|
1426
1412
|
}
|
|
1427
1413
|
|
|
1428
1414
|
/* 确保表格容器允许横向滚动(固定列必需) */
|
|
1429
|
-
[data-v-
|
|
1415
|
+
[data-v-26c4b784] .n-data-table-wrapper {
|
|
1430
1416
|
overflow-x: auto !important;
|
|
1431
1417
|
}
|
|
1432
1418
|
|
|
1433
1419
|
/* 分页组件样式 */
|
|
1434
|
-
.pagination-wrapper[data-v-
|
|
1420
|
+
.pagination-wrapper[data-v-26c4b784] {
|
|
1435
1421
|
margin-top: 16px;
|
|
1436
1422
|
display: flex;
|
|
1437
1423
|
justify-content: flex-end;
|
|
@@ -1439,12 +1425,12 @@ to {
|
|
|
1439
1425
|
|
|
1440
1426
|
/* ================= 5. 表格列宽度管理 ================= */
|
|
1441
1427
|
/* 普通列的最小宽度保护 */
|
|
1442
|
-
[data-v-
|
|
1428
|
+
[data-v-26c4b784] .n-data-table-th:not(:last-child) {
|
|
1443
1429
|
min-width: 80px !important;
|
|
1444
1430
|
}
|
|
1445
1431
|
|
|
1446
1432
|
/* 操作列固定宽度(适应4个按钮的布局) */
|
|
1447
|
-
[data-v-
|
|
1433
|
+
[data-v-26c4b784] .c-table-actions-column {
|
|
1448
1434
|
width: 180px !important;
|
|
1449
1435
|
min-width: 160px !important;
|
|
1450
1436
|
max-width: 200px !important;
|
|
@@ -1453,14 +1439,14 @@ to {
|
|
|
1453
1439
|
}
|
|
1454
1440
|
|
|
1455
1441
|
/* 操作按钮容器居中 */
|
|
1456
|
-
[data-v-
|
|
1442
|
+
[data-v-26c4b784] .c-table-actions-column .n-space {
|
|
1457
1443
|
justify-content: center !important;
|
|
1458
1444
|
align-items: center !important;
|
|
1459
1445
|
}
|
|
1460
1446
|
|
|
1461
1447
|
/* ================= 6. 可编辑单元格样式 ================= */
|
|
1462
1448
|
/* 单元格编辑容器 - 精致化设计 */
|
|
1463
|
-
.cell-edit-wrapper[data-v-
|
|
1449
|
+
.cell-edit-wrapper[data-v-26c4b784] {
|
|
1464
1450
|
display: flex;
|
|
1465
1451
|
align-items: center;
|
|
1466
1452
|
justify-content: space-between;
|
|
@@ -1473,23 +1459,23 @@ to {
|
|
|
1473
1459
|
position: relative;
|
|
1474
1460
|
/* 悬停效果 */
|
|
1475
1461
|
}
|
|
1476
|
-
.cell-edit-wrapper[data-v-
|
|
1462
|
+
.cell-edit-wrapper[data-v-26c4b784]:hover {
|
|
1477
1463
|
background-color: var(--n-color-target);
|
|
1478
1464
|
}
|
|
1479
|
-
.cell-edit-wrapper:hover .cell-edit-icon[data-v-
|
|
1465
|
+
.cell-edit-wrapper:hover .cell-edit-icon[data-v-26c4b784] {
|
|
1480
1466
|
opacity: 1;
|
|
1481
1467
|
color: var(--n-color-success);
|
|
1482
1468
|
transform: scale(1.05);
|
|
1483
1469
|
}
|
|
1484
|
-
.cell-edit-wrapper[data-v-
|
|
1470
|
+
.cell-edit-wrapper[data-v-26c4b784] {
|
|
1485
1471
|
/* 激活状态 */
|
|
1486
1472
|
}
|
|
1487
|
-
.cell-edit-wrapper[data-v-
|
|
1473
|
+
.cell-edit-wrapper[data-v-26c4b784]:active {
|
|
1488
1474
|
transform: translateY(1px);
|
|
1489
1475
|
}
|
|
1490
1476
|
|
|
1491
1477
|
/* 单元格内容 */
|
|
1492
|
-
.cell-value[data-v-
|
|
1478
|
+
.cell-value[data-v-26c4b784] {
|
|
1493
1479
|
flex: 1;
|
|
1494
1480
|
overflow: hidden;
|
|
1495
1481
|
text-overflow: ellipsis;
|
|
@@ -1500,7 +1486,7 @@ to {
|
|
|
1500
1486
|
}
|
|
1501
1487
|
|
|
1502
1488
|
/* 动态渲染单元格也只在当前表格边界内匹配。 */
|
|
1503
|
-
.c-table-wrapper[data-v-
|
|
1489
|
+
.c-table-wrapper[data-v-26c4b784] .cell-edit-icon {
|
|
1504
1490
|
flex-shrink: 0;
|
|
1505
1491
|
width: 24px;
|
|
1506
1492
|
height: 24px;
|
|
@@ -1516,29 +1502,29 @@ to {
|
|
|
1516
1502
|
position: relative;
|
|
1517
1503
|
/* 悬停效果 */
|
|
1518
1504
|
}
|
|
1519
|
-
.c-table-wrapper[data-v-
|
|
1505
|
+
.c-table-wrapper[data-v-26c4b784] .cell-edit-icon:hover {
|
|
1520
1506
|
opacity: 1 !important;
|
|
1521
1507
|
color: var(--n-color-success-hover) !important;
|
|
1522
1508
|
background-color: var(--n-color-success-pressed);
|
|
1523
1509
|
transform: scale(1.1);
|
|
1524
1510
|
}
|
|
1525
|
-
.c-table-wrapper[data-v-
|
|
1511
|
+
.c-table-wrapper[data-v-26c4b784] .cell-edit-icon {
|
|
1526
1512
|
/* 激活效果 */
|
|
1527
1513
|
}
|
|
1528
|
-
.c-table-wrapper[data-v-
|
|
1514
|
+
.c-table-wrapper[data-v-26c4b784] .cell-edit-icon:active {
|
|
1529
1515
|
transform: scale(0.95);
|
|
1530
1516
|
}
|
|
1531
|
-
.c-table-wrapper[data-v-
|
|
1517
|
+
.c-table-wrapper[data-v-26c4b784] .cell-edit-icon {
|
|
1532
1518
|
/* 图标尺寸 */
|
|
1533
1519
|
}
|
|
1534
|
-
.c-table-wrapper[data-v-
|
|
1520
|
+
.c-table-wrapper[data-v-26c4b784] .cell-edit-icon svg {
|
|
1535
1521
|
width: 14px;
|
|
1536
1522
|
height: 14px;
|
|
1537
1523
|
}
|
|
1538
1524
|
|
|
1539
1525
|
/* ================= 7. 单元格编辑状态样式 ================= */
|
|
1540
1526
|
/* 编辑容器 - 确保水平布局不换行 */
|
|
1541
|
-
.cell-editing-container[data-v-
|
|
1527
|
+
.cell-editing-container[data-v-26c4b784],[data-v-26c4b784] .cell-editing-container {
|
|
1542
1528
|
display: flex !important;
|
|
1543
1529
|
align-items: center !important;
|
|
1544
1530
|
width: 100% !important;
|
|
@@ -1552,39 +1538,39 @@ to {
|
|
|
1552
1538
|
}
|
|
1553
1539
|
|
|
1554
1540
|
/* 编辑输入区域 - 占据剩余空间 */
|
|
1555
|
-
.cell-editing-input[data-v-
|
|
1541
|
+
.cell-editing-input[data-v-26c4b784],[data-v-26c4b784] .cell-editing-input {
|
|
1556
1542
|
flex: 1 !important;
|
|
1557
1543
|
min-width: 0 !important;
|
|
1558
1544
|
}
|
|
1559
1545
|
|
|
1560
1546
|
/* 深度选择器处理输入框样式 */
|
|
1561
|
-
[data-v-
|
|
1547
|
+
[data-v-26c4b784] .cell-editing-input .n-input {
|
|
1562
1548
|
border: none !important;
|
|
1563
1549
|
box-shadow: none !important;
|
|
1564
1550
|
background: transparent !important;
|
|
1565
1551
|
}
|
|
1566
|
-
[data-v-
|
|
1552
|
+
[data-v-26c4b784] .cell-editing-input .n-input.n-input--focus {
|
|
1567
1553
|
border: none !important;
|
|
1568
1554
|
box-shadow: none !important;
|
|
1569
1555
|
}
|
|
1570
|
-
[data-v-
|
|
1556
|
+
[data-v-26c4b784] .cell-editing-input .n-input-number {
|
|
1571
1557
|
border: none !important;
|
|
1572
1558
|
box-shadow: none !important;
|
|
1573
1559
|
background: transparent !important;
|
|
1574
1560
|
}
|
|
1575
|
-
[data-v-
|
|
1561
|
+
[data-v-26c4b784] .cell-editing-input .n-select {
|
|
1576
1562
|
border: none !important;
|
|
1577
1563
|
box-shadow: none !important;
|
|
1578
1564
|
background: transparent !important;
|
|
1579
1565
|
}
|
|
1580
|
-
[data-v-
|
|
1566
|
+
[data-v-26c4b784] .cell-editing-input .n-select .n-base-selection {
|
|
1581
1567
|
border: none !important;
|
|
1582
1568
|
box-shadow: none !important;
|
|
1583
1569
|
background: transparent !important;
|
|
1584
1570
|
}
|
|
1585
1571
|
|
|
1586
1572
|
/* 编辑操作按钮容器 */
|
|
1587
|
-
.cell-editing-actions[data-v-
|
|
1573
|
+
.cell-editing-actions[data-v-26c4b784],[data-v-26c4b784] .cell-editing-actions {
|
|
1588
1574
|
display: flex !important;
|
|
1589
1575
|
flex-shrink: 0 !important;
|
|
1590
1576
|
align-items: center !important;
|
|
@@ -1597,7 +1583,7 @@ to {
|
|
|
1597
1583
|
}
|
|
1598
1584
|
|
|
1599
1585
|
/* 编辑操作按钮 */
|
|
1600
|
-
.cell-action-btn[data-v-
|
|
1586
|
+
.cell-action-btn[data-v-26c4b784],[data-v-26c4b784] .cell-action-btn {
|
|
1601
1587
|
display: flex !important;
|
|
1602
1588
|
align-items: center !important;
|
|
1603
1589
|
justify-content: center !important;
|
|
@@ -1610,34 +1596,34 @@ to {
|
|
|
1610
1596
|
background: transparent !important;
|
|
1611
1597
|
/* 保存按钮 */
|
|
1612
1598
|
}
|
|
1613
|
-
.cell-action-btn.cell-action-save[data-v-
|
|
1599
|
+
.cell-action-btn.cell-action-save[data-v-26c4b784],[data-v-26c4b784] .cell-action-btn.cell-action-save {
|
|
1614
1600
|
color: var(--n-color-success) !important;
|
|
1615
1601
|
}
|
|
1616
|
-
.cell-action-btn.cell-action-save[data-v-
|
|
1602
|
+
.cell-action-btn.cell-action-save[data-v-26c4b784]:hover,[data-v-26c4b784] .cell-action-btn.cell-action-save:hover {
|
|
1617
1603
|
background: var(--n-color-success-pressed) !important;
|
|
1618
1604
|
transform: scale(1.1) !important;
|
|
1619
1605
|
}
|
|
1620
|
-
.cell-action-btn[data-v-
|
|
1606
|
+
.cell-action-btn[data-v-26c4b784],[data-v-26c4b784] .cell-action-btn {
|
|
1621
1607
|
/* 取消按钮 */
|
|
1622
1608
|
}
|
|
1623
|
-
.cell-action-btn.cell-action-cancel[data-v-
|
|
1609
|
+
.cell-action-btn.cell-action-cancel[data-v-26c4b784],[data-v-26c4b784] .cell-action-btn.cell-action-cancel {
|
|
1624
1610
|
color: var(--n-color-error) !important;
|
|
1625
1611
|
}
|
|
1626
|
-
.cell-action-btn.cell-action-cancel[data-v-
|
|
1612
|
+
.cell-action-btn.cell-action-cancel[data-v-26c4b784]:hover,[data-v-26c4b784] .cell-action-btn.cell-action-cancel:hover {
|
|
1627
1613
|
background: var(--n-color-error-pressed) !important;
|
|
1628
1614
|
transform: scale(1.1) !important;
|
|
1629
1615
|
}
|
|
1630
|
-
.cell-action-btn[data-v-
|
|
1616
|
+
.cell-action-btn[data-v-26c4b784],[data-v-26c4b784] .cell-action-btn {
|
|
1631
1617
|
/* 图标尺寸 */
|
|
1632
1618
|
}
|
|
1633
|
-
.cell-action-btn svg[data-v-
|
|
1619
|
+
.cell-action-btn svg[data-v-26c4b784],[data-v-26c4b784] .cell-action-btn svg {
|
|
1634
1620
|
width: 11px !important;
|
|
1635
1621
|
height: 11px !important;
|
|
1636
1622
|
}
|
|
1637
1623
|
|
|
1638
1624
|
/* ================= 7. 操作按钮样式 ================= */
|
|
1639
1625
|
/* 通用按钮样式 */
|
|
1640
|
-
[data-v-
|
|
1626
|
+
[data-v-26c4b784] .n-button {
|
|
1641
1627
|
white-space: nowrap;
|
|
1642
1628
|
font-size: 12px !important;
|
|
1643
1629
|
flex-shrink: 0 !important;
|
|
@@ -1646,60 +1632,60 @@ to {
|
|
|
1646
1632
|
font-weight: 500;
|
|
1647
1633
|
/* 图标间距 */
|
|
1648
1634
|
}
|
|
1649
|
-
[data-v-
|
|
1635
|
+
[data-v-26c4b784] .n-button .n-icon {
|
|
1650
1636
|
margin-right: 4px !important;
|
|
1651
1637
|
}
|
|
1652
|
-
[data-v-
|
|
1638
|
+
[data-v-26c4b784] .n-button {
|
|
1653
1639
|
/* 小尺寸按钮优化 */
|
|
1654
1640
|
}
|
|
1655
|
-
[data-v-
|
|
1641
|
+
[data-v-26c4b784] .n-button.n-button--small-type {
|
|
1656
1642
|
padding: 4px 8px;
|
|
1657
1643
|
height: 28px;
|
|
1658
1644
|
line-height: 20px;
|
|
1659
1645
|
}
|
|
1660
|
-
[data-v-
|
|
1646
|
+
[data-v-26c4b784] .n-button {
|
|
1661
1647
|
/* 四元按钮样式 */
|
|
1662
1648
|
}
|
|
1663
|
-
[data-v-
|
|
1649
|
+
[data-v-26c4b784] .n-button.n-button--quaternary-type:hover {
|
|
1664
1650
|
transform: translateY(-1px);
|
|
1665
1651
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
|
1666
1652
|
}
|
|
1667
|
-
[data-v-
|
|
1653
|
+
[data-v-26c4b784] .n-button.n-button--quaternary-type:active {
|
|
1668
1654
|
transform: translateY(0);
|
|
1669
1655
|
}
|
|
1670
1656
|
|
|
1671
1657
|
/* ================= 8. 按钮组间距优化 ================= */
|
|
1672
1658
|
/* 操作按钮组 */
|
|
1673
|
-
[data-v-
|
|
1659
|
+
[data-v-26c4b784] .n-space.n-space--horizontal .n-space-item:not(:last-child) {
|
|
1674
1660
|
margin-right: 6px !important;
|
|
1675
1661
|
}
|
|
1676
1662
|
|
|
1677
1663
|
/* ================= 9. 模态框样式优化 ================= */
|
|
1678
1664
|
/* 编辑模态框 */
|
|
1679
|
-
[data-v-
|
|
1665
|
+
[data-v-26c4b784] .n-modal .n-card {
|
|
1680
1666
|
border-radius: 12px;
|
|
1681
1667
|
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
|
|
1682
1668
|
}
|
|
1683
|
-
[data-v-
|
|
1669
|
+
[data-v-26c4b784] .n-modal .n-card__header {
|
|
1684
1670
|
padding: 20px 24px 16px;
|
|
1685
1671
|
font-weight: 600;
|
|
1686
1672
|
font-size: 16px;
|
|
1687
1673
|
}
|
|
1688
|
-
[data-v-
|
|
1674
|
+
[data-v-26c4b784] .n-modal .n-card__content {
|
|
1689
1675
|
padding: 0 24px 16px;
|
|
1690
1676
|
}
|
|
1691
|
-
[data-v-
|
|
1677
|
+
[data-v-26c4b784] .n-modal .n-card__action {
|
|
1692
1678
|
padding: 16px 24px 20px;
|
|
1693
1679
|
border-top: 1px solid var(--n-divider-color);
|
|
1694
1680
|
}
|
|
1695
1681
|
|
|
1696
1682
|
/* ================= 10. 描述列表样式 ================= */
|
|
1697
1683
|
/* 详情模态框描述列表 */
|
|
1698
|
-
[data-v-
|
|
1684
|
+
[data-v-26c4b784] .n-descriptions .n-descriptions-item-label {
|
|
1699
1685
|
font-weight: 500;
|
|
1700
1686
|
color: var(--n-text-color-2);
|
|
1701
1687
|
}
|
|
1702
|
-
[data-v-
|
|
1688
|
+
[data-v-26c4b784] .n-descriptions .n-descriptions-item-content {
|
|
1703
1689
|
color: var(--n-text-color-1);
|
|
1704
1690
|
word-break: break-all;
|
|
1705
1691
|
}
|
|
@@ -1707,99 +1693,99 @@ to {
|
|
|
1707
1693
|
/* ================= 11. 响应式设计 ================= */
|
|
1708
1694
|
/* 移动端适配 */
|
|
1709
1695
|
@media (max-width: 768px) {
|
|
1710
|
-
.c-table-wrapper[data-v-
|
|
1696
|
+
.c-table-wrapper[data-v-26c4b784] {
|
|
1711
1697
|
overflow-x: auto;
|
|
1712
1698
|
}
|
|
1713
1699
|
/* 操作列在移动端的适配 */
|
|
1714
|
-
[data-v-
|
|
1700
|
+
[data-v-26c4b784] .n-data-table-th:last-child {
|
|
1715
1701
|
width: 160px !important;
|
|
1716
1702
|
min-width: 160px !important;
|
|
1717
1703
|
}
|
|
1718
1704
|
/* 按钮在移动端的优化 */
|
|
1719
|
-
[data-v-
|
|
1705
|
+
[data-v-26c4b784] .n-button {
|
|
1720
1706
|
font-size: 11px !important;
|
|
1721
1707
|
padding: 3px 6px;
|
|
1722
1708
|
}
|
|
1723
|
-
[data-v-
|
|
1709
|
+
[data-v-26c4b784] .n-button .n-icon {
|
|
1724
1710
|
margin-right: 2px !important;
|
|
1725
1711
|
}
|
|
1726
1712
|
/* 单元格编辑图标在移动端始终显示 */
|
|
1727
|
-
.cell-edit-icon[data-v-
|
|
1713
|
+
.cell-edit-icon[data-v-26c4b784] {
|
|
1728
1714
|
opacity: 0.6;
|
|
1729
1715
|
}
|
|
1730
1716
|
}
|
|
1731
1717
|
/* ================= 12. 主题适配 ================= */
|
|
1732
1718
|
/* 暗色主题适配 - 已通过 CSS 变量自动适配 */
|
|
1733
|
-
[data-theme=dark][data-v-
|
|
1719
|
+
[data-theme=dark][data-v-26c4b784] {
|
|
1734
1720
|
/* CSS 变量已自动适配,如有特殊需求可在此添加 */
|
|
1735
1721
|
}
|
|
1736
1722
|
|
|
1737
1723
|
/* ================= 13. 响应式优化 ================= */
|
|
1738
1724
|
/* 小屏幕下的单元格编辑优化 */
|
|
1739
1725
|
@media (max-width: 768px) {
|
|
1740
|
-
.cell-editing-container[data-v-
|
|
1726
|
+
.cell-editing-container[data-v-26c4b784],[data-v-26c4b784] .cell-editing-container {
|
|
1741
1727
|
gap: 6px !important;
|
|
1742
1728
|
}
|
|
1743
|
-
.cell-editing-actions[data-v-
|
|
1729
|
+
.cell-editing-actions[data-v-26c4b784],[data-v-26c4b784] .cell-editing-actions {
|
|
1744
1730
|
gap: 3px !important;
|
|
1745
1731
|
padding: 2px !important;
|
|
1746
1732
|
}
|
|
1747
|
-
.cell-action-btn[data-v-
|
|
1733
|
+
.cell-action-btn[data-v-26c4b784],[data-v-26c4b784] .cell-action-btn {
|
|
1748
1734
|
width: 18px !important;
|
|
1749
1735
|
height: 18px !important;
|
|
1750
1736
|
}
|
|
1751
|
-
.cell-action-btn svg[data-v-
|
|
1737
|
+
.cell-action-btn svg[data-v-26c4b784],[data-v-26c4b784] .cell-action-btn svg {
|
|
1752
1738
|
width: 10px !important;
|
|
1753
1739
|
height: 10px !important;
|
|
1754
1740
|
}
|
|
1755
1741
|
/* 移动端编辑图标 */
|
|
1756
|
-
.cell-edit-icon[data-v-
|
|
1742
|
+
.cell-edit-icon[data-v-26c4b784] {
|
|
1757
1743
|
opacity: 0.6 !important;
|
|
1758
1744
|
}
|
|
1759
|
-
.cell-value[data-v-
|
|
1745
|
+
.cell-value[data-v-26c4b784] {
|
|
1760
1746
|
margin-right: 12px !important;
|
|
1761
1747
|
}
|
|
1762
1748
|
}
|
|
1763
1749
|
/* ================= 14. 性能优化 ================= */
|
|
1764
1750
|
/* 使用 GPU 加速的动画 */
|
|
1765
|
-
.cell-edit-icon[data-v-
|
|
1766
|
-
.cell-action-btn[data-v-
|
|
1751
|
+
.cell-edit-icon[data-v-26c4b784],
|
|
1752
|
+
.cell-action-btn[data-v-26c4b784] {
|
|
1767
1753
|
will-change: transform;
|
|
1768
1754
|
backface-visibility: hidden;
|
|
1769
1755
|
}
|
|
1770
|
-
[data-v-
|
|
1756
|
+
[data-v-26c4b784] .n-button {
|
|
1771
1757
|
will-change: transform;
|
|
1772
1758
|
backface-visibility: hidden;
|
|
1773
1759
|
}
|
|
1774
1760
|
|
|
1775
1761
|
/* ================= 15. 可访问性优化 ================= */
|
|
1776
1762
|
/* 聚焦状态 */
|
|
1777
|
-
.cell-edit-wrapper[data-v-
|
|
1778
|
-
.cell-editing-container[data-v-
|
|
1763
|
+
.cell-edit-wrapper[data-v-26c4b784]:focus-within,
|
|
1764
|
+
.cell-editing-container[data-v-26c4b784]:focus-within {
|
|
1779
1765
|
outline: 2px solid var(--n-primary-color);
|
|
1780
1766
|
outline-offset: 2px;
|
|
1781
1767
|
}
|
|
1782
1768
|
|
|
1783
1769
|
/* 高对比度模式支持 */
|
|
1784
1770
|
@media (prefers-contrast: high) {
|
|
1785
|
-
.cell-edit-icon[data-v-
|
|
1771
|
+
.cell-edit-icon[data-v-26c4b784] {
|
|
1786
1772
|
opacity: 0.8;
|
|
1787
1773
|
}
|
|
1788
|
-
.cell-editing-actions[data-v-
|
|
1774
|
+
.cell-editing-actions[data-v-26c4b784] {
|
|
1789
1775
|
border-width: 2px;
|
|
1790
1776
|
}
|
|
1791
1777
|
}
|
|
1792
1778
|
/* ================= 11. 行拖拽排序 ================= */
|
|
1793
|
-
.row-drag-ghost[data-v-
|
|
1779
|
+
.row-drag-ghost[data-v-26c4b784] {
|
|
1794
1780
|
opacity: 0.4;
|
|
1795
1781
|
background: var(--c-table-drag-ghost-bg) !important;
|
|
1796
1782
|
}
|
|
1797
|
-
.row-drag-chosen[data-v-
|
|
1783
|
+
.row-drag-chosen[data-v-26c4b784] {
|
|
1798
1784
|
background: var(--n-color-hover, #f5f5f5) !important;
|
|
1799
1785
|
}
|
|
1800
1786
|
|
|
1801
1787
|
/* ================= 12. 批量操作栏 ================= */
|
|
1802
|
-
.batch-actions-bar[data-v-
|
|
1788
|
+
.batch-actions-bar[data-v-26c4b784] {
|
|
1803
1789
|
display: flex;
|
|
1804
1790
|
align-items: center;
|
|
1805
1791
|
justify-content: space-between;
|
|
@@ -1809,29 +1795,59 @@ to {
|
|
|
1809
1795
|
border-radius: 6px;
|
|
1810
1796
|
border: 1px solid var(--n-primary-color-suppl, #70b3ff);
|
|
1811
1797
|
}
|
|
1812
|
-
.batch-actions-bar .batch-info[data-v-
|
|
1798
|
+
.batch-actions-bar .batch-info[data-v-26c4b784] {
|
|
1813
1799
|
font-size: 13px;
|
|
1814
1800
|
color: var(--n-text-color-2);
|
|
1815
1801
|
font-weight: 500;
|
|
1816
1802
|
}
|
|
1817
1803
|
|
|
1818
1804
|
/* ================= 13. 错误状态 ================= */
|
|
1819
|
-
.table-error-state[data-v-
|
|
1805
|
+
.table-error-state[data-v-26c4b784] {
|
|
1820
1806
|
padding: 48px 24px;
|
|
1821
1807
|
text-align: center;
|
|
1822
1808
|
}
|
|
1823
|
-
.table-error-state .error-content[data-v-
|
|
1809
|
+
.table-error-state .error-content[data-v-26c4b784] {
|
|
1824
1810
|
display: flex;
|
|
1825
1811
|
flex-direction: column;
|
|
1826
1812
|
align-items: center;
|
|
1827
1813
|
gap: 12px;
|
|
1828
1814
|
color: var(--n-text-color-3, #999);
|
|
1829
1815
|
}
|
|
1830
|
-
.table-error-state .error-message[data-v-
|
|
1816
|
+
.table-error-state .error-message[data-v-26c4b784] {
|
|
1831
1817
|
font-size: 14px;
|
|
1832
1818
|
margin: 0;
|
|
1833
1819
|
color: var(--n-text-color-2, #666);
|
|
1834
1820
|
}
|
|
1821
|
+
/* unplugin-vue-components disabled */
|
|
1822
|
+
/* layer: default */
|
|
1823
|
+
.visible[data-v-26c4b784]{visibility:visible;}
|
|
1824
|
+
.fixed[data-v-26c4b784]{position:fixed;}
|
|
1825
|
+
.grid[data-v-26c4b784]{display:grid;}
|
|
1826
|
+
.mb-2[data-v-26c4b784]{margin-bottom:0.5rem;}
|
|
1827
|
+
.mb-4[data-v-26c4b784]{margin-bottom:1rem;}
|
|
1828
|
+
.ml-2[data-v-26c4b784]{margin-left:0.5rem;}
|
|
1829
|
+
.w60\%[data-v-26c4b784]{width:60%;}
|
|
1830
|
+
.flex[data-v-26c4b784]{display:flex;}
|
|
1831
|
+
.table[data-v-26c4b784]{display:table;}
|
|
1832
|
+
.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));}
|
|
1833
|
+
.cursor-pointer[data-v-26c4b784]{cursor:pointer;}
|
|
1834
|
+
.items-center[data-v-26c4b784]{align-items:center;}
|
|
1835
|
+
.justify-end[data-v-26c4b784]{justify-content:flex-end;}
|
|
1836
|
+
.justify-center[data-v-26c4b784]{justify-content:center;}
|
|
1837
|
+
.rd[data-v-26c4b784]{border-radius:0.25rem;}
|
|
1838
|
+
.bg-gray-50[data-v-26c4b784]{--un-bg-opacity:1;background-color:rgb(249 250 251 / var(--un-bg-opacity));}
|
|
1839
|
+
.p-4[data-v-26c4b784]{padding:1rem;}
|
|
1840
|
+
.px[data-v-26c4b784]{padding-left:1rem;padding-right:1rem;}
|
|
1841
|
+
.py-8[data-v-26c4b784]{padding-top:2rem;padding-bottom:2rem;}
|
|
1842
|
+
.text-center[data-v-26c4b784]{text-align:center;}
|
|
1843
|
+
.text-sm[data-v-26c4b784]{font-size:0.875rem;line-height:1.25rem;}
|
|
1844
|
+
.text-gray-400[data-v-26c4b784]{--un-text-opacity:1;color:rgb(156 163 175 / var(--un-text-opacity));}
|
|
1845
|
+
.text-gray-500[data-v-26c4b784]{--un-text-opacity:1;color:rgb(107 114 128 / var(--un-text-opacity));}
|
|
1846
|
+
.text-gray-600[data-v-26c4b784]{--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity));}
|
|
1847
|
+
.accent-blue-500[data-v-26c4b784]{--un-accent-opacity:1;accent-color:rgb(59 130 246 / var(--un-accent-opacity));}
|
|
1848
|
+
.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);}
|
|
1849
|
+
.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);}
|
|
1850
|
+
|
|
1835
1851
|
/* unplugin-vue-components disabled */
|
|
1836
1852
|
/* layer: default */
|
|
1837
1853
|
.visible[data-v-6ff103ee]{visibility:visible;}
|