@robot-admin/naive-ui-components 0.13.5 → 0.13.7
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 +61 -6
- package/README_EN.md +53 -6
- package/dist/C_Form.base.css +174 -169
- package/dist/C_Form.cjs +1 -1
- package/dist/C_Form.css +174 -169
- package/dist/C_Form.d.cts +2 -2
- package/dist/C_Form.d.ts +2 -2
- package/dist/C_Form.js +1 -1
- package/dist/C_Form2.cjs +1 -1
- package/dist/C_Form2.js +1 -1
- package/dist/C_FormModal.css +15 -15
- package/dist/C_FormModal2.cjs +1 -1
- package/dist/C_FormModal2.js +1 -1
- package/dist/C_Loading.cjs +1 -0
- package/dist/C_Loading.css +119 -0
- package/dist/C_Loading.d.cts +2 -0
- package/dist/C_Loading.d.ts +2 -0
- package/dist/C_Loading.js +1 -0
- package/dist/C_Loading2.cjs +1 -0
- package/dist/C_Loading2.js +1 -0
- package/dist/C_Login.d.cts +1 -1
- package/dist/C_Login.d.ts +1 -1
- package/dist/C_Markdown.d.cts +1 -1
- package/dist/C_Markdown.d.ts +1 -1
- package/dist/C_Menu.d.ts +1 -1
- package/dist/C_OrgChart.d.cts +1 -1
- package/dist/C_OrgChart.d.ts +1 -1
- package/dist/C_Progress.d.cts +1 -1
- package/dist/C_Progress.d.ts +1 -1
- package/dist/C_Skeleton.d.cts +1 -1
- package/dist/C_Skeleton.d.ts +1 -1
- package/dist/C_Steps.d.cts +1 -1
- package/dist/C_Steps.d.ts +1 -1
- package/dist/C_Table.base.css +407 -282
- package/dist/C_Table.cjs +1 -1
- package/dist/C_Table.css +407 -282
- package/dist/C_Table.d.ts +2 -2
- package/dist/C_Table.js +1 -1
- package/dist/C_TagsView.d.cts +1 -1
- package/dist/C_TagsView.d.ts +1 -1
- package/dist/C_Theme.d.cts +1 -1
- package/dist/C_Theme.d.ts +1 -1
- package/dist/C_Timeline.d.cts +1 -1
- package/dist/C_Timeline.d.ts +1 -1
- package/dist/C_Transfer.d.cts +1 -1
- package/dist/C_Transfer.d.ts +1 -1
- package/dist/C_VtableGantt.d.cts +1 -1
- package/dist/C_VtableGantt.d.ts +1 -1
- package/dist/config.cjs +1 -1
- package/dist/config.js +1 -1
- 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 +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/constants5.d.cts +2 -2
- package/dist/constants5.d.ts +2 -2
- package/dist/data.d.cts +6 -6
- package/dist/data.d.ts +6 -6
- package/dist/index.cjs +1 -1
- package/dist/index.d.cts +29 -28
- package/dist/index.d.ts +29 -28
- package/dist/index.js +1 -1
- package/dist/index.vue.d.cts +6 -6
- package/dist/index.vue.d.ts +6 -6
- package/dist/index10.vue.d.cts +2 -2
- package/dist/index10.vue.d.ts +1 -1
- package/dist/index11.vue.d.cts +1 -1
- package/dist/index11.vue.d.ts +3 -3
- package/dist/index12.vue.d.cts +3 -3
- package/dist/index12.vue.d.ts +1 -1
- package/dist/index13.vue.d.cts +1 -1
- package/dist/index13.vue.d.ts +5 -5
- package/dist/index14.vue.d.cts +5 -5
- package/dist/index14.vue.d.ts +5 -5
- package/dist/index15.vue.d.cts +5 -5
- package/dist/index15.vue.d.ts +1 -1
- package/dist/index16.vue.d.cts +1 -1
- package/dist/index16.vue.d.ts +13 -129
- package/dist/index17.vue.d.cts +13 -129
- package/dist/index17.vue.d.ts +129 -76
- package/dist/index18.vue.d.cts +129 -76
- package/dist/index18.vue.d.ts +75 -71
- package/dist/index19.vue.d.cts +75 -93
- package/dist/index19.vue.d.ts +68 -90
- package/dist/index2.vue.d.cts +2 -2
- package/dist/index2.vue.d.ts +2 -2
- package/dist/index20.vue.d.cts +87 -40
- package/dist/index20.vue.d.ts +87 -40
- package/dist/index21.vue.d.cts +40 -89
- package/dist/index21.vue.d.ts +40 -89
- package/dist/index22.vue.d.cts +95 -37
- package/dist/index22.vue.d.ts +95 -37
- package/dist/index23.vue.d.cts +34 -8
- package/dist/index23.vue.d.ts +34 -8
- package/dist/index24.vue.d.cts +12 -654
- package/dist/index24.vue.d.ts +12 -654
- package/dist/index25.vue.d.cts +650 -85
- package/dist/index25.vue.d.ts +650 -85
- package/dist/index26.vue.d.cts +85 -100
- package/dist/index26.vue.d.ts +85 -100
- package/dist/index27.vue.d.cts +92 -61
- package/dist/index27.vue.d.ts +92 -61
- package/dist/index28.vue.d.cts +80 -0
- package/dist/index28.vue.d.ts +80 -0
- package/dist/index3.vue.d.cts +5 -5
- package/dist/index3.vue.d.ts +5 -5
- package/dist/index6.vue.d.ts +1 -1
- package/dist/index7.vue.d.cts +1 -1
- package/dist/index8.vue.d.ts +2 -2
- package/dist/index9.vue.d.cts +2 -2
- package/dist/index9.vue.d.ts +2 -2
- package/dist/mapUtils.d.cts +2 -2
- package/dist/mapUtils.d.ts +2 -2
- 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 +424 -297
- package/dist/useCollapsePanel.d.cts +2 -2
- package/dist/useCollapsePanel.d.ts +2 -2
- package/dist/useCropperCore.d.cts +9 -9
- package/dist/useCropperCore.d.ts +9 -9
- package/dist/useDraggableLayout.d.cts +5 -5
- package/dist/useDraggableLayout.d.ts +5 -5
- package/dist/useDynamicFormState.d.cts +27 -7
- package/dist/useDynamicFormState.d.ts +27 -7
- package/dist/useEdgeInteraction.d.cts +2 -2
- package/dist/useEdgeInteraction.d.ts +2 -2
- package/dist/useInfiniteScroll.d.cts +1 -1
- package/dist/useInfiniteScroll.d.ts +1 -1
- package/dist/useQRCode.d.cts +4 -4
- package/dist/useQRCode.d.ts +4 -4
- package/dist/useSearchState.d.cts +3 -3
- package/dist/useSearchState.d.ts +3 -3
- package/dist/useSignatureHistory.d.cts +3 -3
- package/dist/useSignatureHistory.d.ts +3 -3
- package/dist/useSplitResize.d.cts +3 -3
- package/dist/useSplitResize.d.ts +3 -3
- package/dist/useTableQuery.cjs +3 -3
- package/dist/useTableQuery.d.cts +2 -0
- package/dist/useTableQuery.d.ts +2 -0
- package/dist/useTableQuery.js +3 -3
- package/dist/useTimeSelection.d.cts +2 -2
- package/dist/useTimeSelection.d.ts +2 -2
- package/dist/useTreeOperations.d.cts +6 -6
- package/dist/useTreeOperations.d.ts +6 -6
- package/dist/useWorkflowValidation.d.cts +3 -3
- package/dist/useWorkflowValidation.d.ts +3 -3
- package/dist/verification.d.cts +1 -1
- package/dist/verification.d.ts +1 -1
- package/package.json +4 -3
package/dist/C_Table.base.css
CHANGED
|
@@ -70,39 +70,39 @@
|
|
|
70
70
|
}
|
|
71
71
|
|
|
72
72
|
/* unplugin-vue-components disabled *//* Inline 布局样式 */
|
|
73
|
-
.c-form-inline[data-v-
|
|
73
|
+
.c-form-inline[data-v-195d0124] {
|
|
74
74
|
width: 100%;
|
|
75
75
|
min-height: 0;
|
|
76
76
|
transition: all 0.3s ease;
|
|
77
77
|
}
|
|
78
|
-
.c-form-inline-item[data-v-
|
|
78
|
+
.c-form-inline-item[data-v-195d0124] {
|
|
79
79
|
min-width: 0;
|
|
80
80
|
transition: all 0.3s ease;
|
|
81
81
|
}
|
|
82
82
|
|
|
83
83
|
/* 确保内部所有表单组件都占满容器宽度 */
|
|
84
|
-
.c-form-inline-item[data-v-
|
|
84
|
+
.c-form-inline-item[data-v-195d0124] .n-form-item {
|
|
85
85
|
width: 100%;
|
|
86
86
|
margin-bottom: 0;
|
|
87
87
|
}
|
|
88
|
-
.c-form-inline-item[data-v-
|
|
88
|
+
.c-form-inline-item[data-v-195d0124] .n-form-item-blank {
|
|
89
89
|
width: 100%;
|
|
90
90
|
}
|
|
91
|
-
.c-form-inline-item[data-v-
|
|
92
|
-
.c-form-inline-item[data-v-
|
|
93
|
-
.c-form-inline-item[data-v-
|
|
94
|
-
.c-form-inline-item[data-v-
|
|
95
|
-
.c-form-inline-item[data-v-
|
|
96
|
-
.c-form-inline-item[data-v-
|
|
97
|
-
.c-form-inline-item[data-v-
|
|
98
|
-
.c-form-inline-item[data-v-
|
|
99
|
-
.c-form-inline-item[data-v-
|
|
91
|
+
.c-form-inline-item[data-v-195d0124] .n-input,
|
|
92
|
+
.c-form-inline-item[data-v-195d0124] .n-select,
|
|
93
|
+
.c-form-inline-item[data-v-195d0124] .n-date-picker,
|
|
94
|
+
.c-form-inline-item[data-v-195d0124] .n-time-picker,
|
|
95
|
+
.c-form-inline-item[data-v-195d0124] .n-input-number,
|
|
96
|
+
.c-form-inline-item[data-v-195d0124] .n-cascader,
|
|
97
|
+
.c-form-inline-item[data-v-195d0124] .n-color-picker,
|
|
98
|
+
.c-form-inline-item[data-v-195d0124] .n-auto-complete,
|
|
99
|
+
.c-form-inline-item[data-v-195d0124] .n-tree-select {
|
|
100
100
|
width: 100% !important;
|
|
101
101
|
}
|
|
102
102
|
|
|
103
103
|
/* 单选框和复选框组保持自然宽度 */
|
|
104
|
-
.c-form-inline-item[data-v-
|
|
105
|
-
.c-form-inline-item[data-v-
|
|
104
|
+
.c-form-inline-item[data-v-195d0124] .n-radio-group,
|
|
105
|
+
.c-form-inline-item[data-v-195d0124] .n-checkbox-group {
|
|
106
106
|
width: 100%;
|
|
107
107
|
display: flex;
|
|
108
108
|
flex-wrap: wrap;
|
|
@@ -110,52 +110,53 @@
|
|
|
110
110
|
}
|
|
111
111
|
|
|
112
112
|
/* 开关组件居左对齐 */
|
|
113
|
-
.c-form-inline-item[data-v-
|
|
113
|
+
.c-form-inline-item[data-v-195d0124] .n-switch {
|
|
114
114
|
width: auto;
|
|
115
115
|
}
|
|
116
116
|
|
|
117
117
|
/* ================= 对齐方式样式增强 ================= */
|
|
118
118
|
/* 当容器使用 center 对齐时,确保表单项也居中 */
|
|
119
|
-
.c-form-inline[style*="justify-content: center"] .c-form-inline-item[data-v-
|
|
119
|
+
.c-form-inline[style*="justify-content: center"] .c-form-inline-item[data-v-195d0124] {
|
|
120
120
|
text-align: center;
|
|
121
121
|
}
|
|
122
122
|
|
|
123
123
|
/* 当容器使用 end 对齐时,确保表单项也右对齐 */
|
|
124
|
-
.c-form-inline[style*="justify-content: flex-end"] .c-form-inline-item[data-v-
|
|
124
|
+
.c-form-inline[style*="justify-content: flex-end"] .c-form-inline-item[data-v-195d0124] {
|
|
125
125
|
text-align: right;
|
|
126
126
|
}
|
|
127
127
|
|
|
128
128
|
/* 当容器使用 start 对齐时,确保表单项左对齐 */
|
|
129
|
-
.c-form-inline[style*="justify-content: flex-start"] .c-form-inline-item[data-v-
|
|
129
|
+
.c-form-inline[style*="justify-content: flex-start"] .c-form-inline-item[data-v-195d0124] {
|
|
130
130
|
text-align: left;
|
|
131
131
|
}
|
|
132
132
|
|
|
133
133
|
/* ================= 响应式设计 ================= */
|
|
134
134
|
/* 移动设备 - 改为垂直布局 */
|
|
135
135
|
@media (max-width: 768px) {
|
|
136
|
-
.c-form-inline[data-v-
|
|
136
|
+
.c-form-inline[data-v-195d0124] {
|
|
137
137
|
flex-direction: column !important;
|
|
138
138
|
gap: 12px !important;
|
|
139
139
|
justify-content: flex-start !important;
|
|
140
140
|
}
|
|
141
|
-
.c-form-inline-item[data-v-
|
|
141
|
+
.c-form-inline-item[data-v-195d0124] {
|
|
142
142
|
width: 100% !important;
|
|
143
143
|
text-align: left !important;
|
|
144
144
|
}
|
|
145
145
|
}
|
|
146
146
|
/* 小屏手机 */
|
|
147
147
|
@media (max-width: 480px) {
|
|
148
|
-
.c-form-inline[data-v-
|
|
148
|
+
.c-form-inline[data-v-195d0124] {
|
|
149
149
|
gap: 8px !important;
|
|
150
150
|
}
|
|
151
151
|
}
|
|
152
152
|
/* unplugin-vue-components disabled */
|
|
153
153
|
/* layer: default */
|
|
154
|
-
.visible[data-v-
|
|
155
|
-
.grid[data-v-
|
|
156
|
-
.inline[data-v-
|
|
157
|
-
.flex[data-v-
|
|
158
|
-
.px[data-v-
|
|
154
|
+
.visible[data-v-195d0124]{visibility:visible;}
|
|
155
|
+
.grid[data-v-195d0124]{display:grid;}
|
|
156
|
+
.inline[data-v-195d0124]{display:inline;}
|
|
157
|
+
.flex[data-v-195d0124]{display:flex;}
|
|
158
|
+
.px[data-v-195d0124]{padding-left:1rem;padding-right:1rem;}
|
|
159
|
+
.blur[data-v-195d0124]{--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);}
|
|
159
160
|
|
|
160
161
|
/* unplugin-vue-components disabled *//* Grid 布局样式 */
|
|
161
162
|
/* 变量定义 */
|
|
@@ -513,42 +514,42 @@ to {
|
|
|
513
514
|
.text-xs[data-v-28320dd2]{font-size:0.75rem;line-height:1rem;}
|
|
514
515
|
|
|
515
516
|
/* unplugin-vue-components disabled *//* Tabs 布局样式 */
|
|
516
|
-
.c-form-tabs[data-v-
|
|
517
|
+
.c-form-tabs[data-v-cbd5e822] {
|
|
517
518
|
width: 100%;
|
|
518
519
|
}
|
|
519
|
-
.single-panel[data-v-
|
|
520
|
+
.single-panel[data-v-cbd5e822] {
|
|
520
521
|
width: 100%;
|
|
521
522
|
}
|
|
522
|
-
.tabs-container[data-v-
|
|
523
|
+
.tabs-container[data-v-cbd5e822] {
|
|
523
524
|
width: 100%;
|
|
524
525
|
}
|
|
525
|
-
.form-tabs[data-v-
|
|
526
|
+
.form-tabs[data-v-cbd5e822] {
|
|
526
527
|
width: 100%;
|
|
527
528
|
}
|
|
528
|
-
.tab-icon[data-v-
|
|
529
|
+
.tab-icon[data-v-cbd5e822] {
|
|
529
530
|
font-size: 16px;
|
|
530
531
|
display: inline-flex;
|
|
531
532
|
align-items: center;
|
|
532
533
|
justify-content: center;
|
|
533
534
|
}
|
|
534
|
-
.tab-header[data-v-
|
|
535
|
+
.tab-header[data-v-cbd5e822] {
|
|
535
536
|
margin-bottom: 16px;
|
|
536
537
|
padding-bottom: 12px;
|
|
537
538
|
border-bottom: 1px solid var(--n-border-color);
|
|
538
539
|
}
|
|
539
|
-
.tab-description[data-v-
|
|
540
|
+
.tab-description[data-v-cbd5e822] {
|
|
540
541
|
margin: 0;
|
|
541
542
|
font-size: 14px;
|
|
542
543
|
line-height: 1.5;
|
|
543
544
|
opacity: 0.8;
|
|
544
545
|
}
|
|
545
|
-
.tab-form-items[data-v-
|
|
546
|
+
.tab-form-items[data-v-cbd5e822] {
|
|
546
547
|
width: 100%;
|
|
547
548
|
}
|
|
548
|
-
.tab-empty[data-v-
|
|
549
|
+
.tab-empty[data-v-cbd5e822] {
|
|
549
550
|
padding: 40px 0;
|
|
550
551
|
}
|
|
551
|
-
.tabs-actions[data-v-
|
|
552
|
+
.tabs-actions[data-v-cbd5e822] {
|
|
552
553
|
margin-top: 16px;
|
|
553
554
|
padding-top: 12px;
|
|
554
555
|
border-top: 1px solid var(--n-border-color);
|
|
@@ -556,69 +557,70 @@ to {
|
|
|
556
557
|
|
|
557
558
|
/* 响应式设计 */
|
|
558
559
|
@media (max-width: 768px) {
|
|
559
|
-
.tabs-actions[data-v-
|
|
560
|
+
.tabs-actions[data-v-cbd5e822] {
|
|
560
561
|
margin-top: 12px;
|
|
561
562
|
padding-top: 8px;
|
|
562
563
|
}
|
|
563
|
-
.tabs-actions[data-v-
|
|
564
|
+
.tabs-actions[data-v-cbd5e822] .n-space {
|
|
564
565
|
flex-wrap: wrap;
|
|
565
566
|
}
|
|
566
567
|
}
|
|
567
568
|
/* unplugin-vue-components disabled */
|
|
568
569
|
/* layer: default */
|
|
569
|
-
.visible[data-v-
|
|
570
|
-
.grid[data-v-
|
|
571
|
-
.inline[data-v-
|
|
572
|
-
.tab[data-v-
|
|
570
|
+
.visible[data-v-cbd5e822]{visibility:visible;}
|
|
571
|
+
.grid[data-v-cbd5e822]{display:grid;}
|
|
572
|
+
.inline[data-v-cbd5e822]{display:inline;}
|
|
573
|
+
.tab[data-v-cbd5e822]{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}
|
|
574
|
+
.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);}
|
|
573
575
|
|
|
574
576
|
/* unplugin-vue-components disabled *//* Steps 布局样式 */
|
|
575
|
-
.c-form-steps[data-v-
|
|
577
|
+
.c-form-steps[data-v-ee5e4509] {
|
|
576
578
|
display: flex;
|
|
577
579
|
flex-direction: column;
|
|
578
580
|
gap: 24px;
|
|
579
581
|
}
|
|
580
|
-
.single-panel[data-v-
|
|
582
|
+
.single-panel[data-v-ee5e4509] {
|
|
581
583
|
width: 100%;
|
|
582
584
|
}
|
|
583
|
-
.steps-container[data-v-
|
|
585
|
+
.steps-container[data-v-ee5e4509] {
|
|
584
586
|
display: flex;
|
|
585
587
|
flex-direction: column;
|
|
586
588
|
gap: 24px;
|
|
587
589
|
}
|
|
588
|
-
.steps-indicator[data-v-
|
|
590
|
+
.steps-indicator[data-v-ee5e4509] {
|
|
589
591
|
padding: 24px;
|
|
590
592
|
border-radius: 8px;
|
|
591
593
|
}
|
|
592
|
-
.steps-content[data-v-
|
|
594
|
+
.steps-content[data-v-ee5e4509] {
|
|
593
595
|
min-height: 400px;
|
|
594
596
|
}
|
|
595
|
-
.step-panel[data-v-
|
|
596
|
-
animation: fadeIn-
|
|
597
|
+
.step-panel[data-v-ee5e4509] {
|
|
598
|
+
animation: fadeIn-ee5e4509 0.3s ease-in-out;
|
|
597
599
|
}
|
|
598
|
-
.step-header[data-v-
|
|
600
|
+
.step-header[data-v-ee5e4509] {
|
|
599
601
|
margin-bottom: 24px;
|
|
600
602
|
padding-bottom: 16px;
|
|
601
603
|
border-bottom: 1px solid var(--n-border-color);
|
|
602
604
|
}
|
|
603
|
-
.step-title[data-v-
|
|
605
|
+
.step-title[data-v-ee5e4509] {
|
|
604
606
|
margin: 0 0 8px 0;
|
|
605
607
|
font-size: 18px;
|
|
606
608
|
font-weight: 600;
|
|
607
609
|
}
|
|
608
|
-
.step-description[data-v-
|
|
610
|
+
.step-description[data-v-ee5e4509] {
|
|
609
611
|
margin: 0;
|
|
610
612
|
font-size: 14px;
|
|
611
613
|
line-height: 1.5;
|
|
612
614
|
}
|
|
613
|
-
.step-form-items[data-v-
|
|
615
|
+
.step-form-items[data-v-ee5e4509] {
|
|
614
616
|
width: 100%;
|
|
615
617
|
}
|
|
616
|
-
.steps-actions[data-v-
|
|
618
|
+
.steps-actions[data-v-ee5e4509] {
|
|
617
619
|
margin-top: 24px;
|
|
618
620
|
padding-top: 16px;
|
|
619
621
|
border-top: 1px solid var(--n-border-color);
|
|
620
622
|
}
|
|
621
|
-
@keyframes fadeIn-
|
|
623
|
+
@keyframes fadeIn-ee5e4509 {
|
|
622
624
|
from {
|
|
623
625
|
opacity: 0;
|
|
624
626
|
transform: translateY(8px);
|
|
@@ -629,77 +631,78 @@ to {
|
|
|
629
631
|
}
|
|
630
632
|
}
|
|
631
633
|
/* 垂直步骤样式:由组件状态驱动,避免 scoped CSS 生成无效的 :has/:deep 组合。 */
|
|
632
|
-
.steps-container.is-vertical[data-v-
|
|
634
|
+
.steps-container.is-vertical[data-v-ee5e4509] {
|
|
633
635
|
flex-direction: row;
|
|
634
636
|
align-items: flex-start;
|
|
635
637
|
}
|
|
636
|
-
.steps-container.is-vertical .steps-indicator[data-v-
|
|
638
|
+
.steps-container.is-vertical .steps-indicator[data-v-ee5e4509] {
|
|
637
639
|
flex-shrink: 0;
|
|
638
640
|
width: 250px;
|
|
639
641
|
margin-right: 24px;
|
|
640
642
|
}
|
|
641
|
-
.steps-container.is-vertical .steps-content[data-v-
|
|
643
|
+
.steps-container.is-vertical .steps-content[data-v-ee5e4509] {
|
|
642
644
|
flex: 1;
|
|
643
645
|
}
|
|
644
646
|
|
|
645
647
|
/* 响应式设计 */
|
|
646
648
|
@media (max-width: 768px) {
|
|
647
|
-
.steps-container.is-vertical[data-v-
|
|
649
|
+
.steps-container.is-vertical[data-v-ee5e4509] {
|
|
648
650
|
flex-direction: column !important;
|
|
649
651
|
}
|
|
650
|
-
.steps-container.is-vertical .steps-indicator[data-v-
|
|
652
|
+
.steps-container.is-vertical .steps-indicator[data-v-ee5e4509] {
|
|
651
653
|
width: 100% !important;
|
|
652
654
|
margin-right: 0 !important;
|
|
653
655
|
margin-bottom: 16px;
|
|
654
656
|
}
|
|
655
657
|
}
|
|
656
658
|
@media (prefers-reduced-motion: reduce) {
|
|
657
|
-
.step-panel[data-v-
|
|
659
|
+
.step-panel[data-v-ee5e4509] {
|
|
658
660
|
animation: none !important;
|
|
659
661
|
}
|
|
660
662
|
}
|
|
661
663
|
/* unplugin-vue-components disabled */
|
|
662
664
|
/* layer: default */
|
|
663
|
-
.visible[data-v-
|
|
664
|
-
.grid[data-v-
|
|
665
|
-
.inline[data-v-
|
|
665
|
+
.visible[data-v-ee5e4509]{visibility:visible;}
|
|
666
|
+
.grid[data-v-ee5e4509]{display:grid;}
|
|
667
|
+
.inline[data-v-ee5e4509]{display:inline;}
|
|
668
|
+
.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);}
|
|
666
669
|
|
|
667
670
|
/* unplugin-vue-components disabled *//* Dynamic 布局样式 */
|
|
668
|
-
.c-form-dynamic[data-v-
|
|
671
|
+
.c-form-dynamic[data-v-1779d19c] {
|
|
669
672
|
width: 100%;
|
|
670
673
|
}
|
|
671
|
-
.dynamic-controls[data-v-
|
|
672
|
-
.dynamic-controls-fallback[data-v-
|
|
674
|
+
.dynamic-controls[data-v-1779d19c],
|
|
675
|
+
.dynamic-controls-fallback[data-v-1779d19c] {
|
|
673
676
|
margin-bottom: 16px;
|
|
674
677
|
}
|
|
675
|
-
.dynamic-stats[data-v-
|
|
678
|
+
.dynamic-stats[data-v-1779d19c] {
|
|
676
679
|
margin-top: 16px;
|
|
677
680
|
padding-top: 12px;
|
|
678
681
|
border-top: 1px solid var(--n-divider-color);
|
|
679
682
|
}
|
|
680
|
-
.dynamic-item-wrapper[data-v-
|
|
683
|
+
.dynamic-item-wrapper[data-v-1779d19c] {
|
|
681
684
|
position: relative;
|
|
682
685
|
transition: all 0.3s ease;
|
|
683
|
-
animation: fadeInUp-
|
|
686
|
+
animation: fadeInUp-1779d19c 0.3s ease-out;
|
|
684
687
|
}
|
|
685
|
-
.dynamic-item-wrapper.is-dynamic-field[data-v-
|
|
688
|
+
.dynamic-item-wrapper.is-dynamic-field[data-v-1779d19c] {
|
|
686
689
|
border: 1px dashed var(--n-color-primary);
|
|
687
690
|
border-radius: 6px;
|
|
688
691
|
padding: 8px;
|
|
689
692
|
background-color: var(--n-color-primary-suppl);
|
|
690
693
|
}
|
|
691
|
-
.max-fields-config[data-v-
|
|
694
|
+
.max-fields-config[data-v-1779d19c] {
|
|
692
695
|
display: flex;
|
|
693
696
|
align-items: center;
|
|
694
697
|
gap: 8px;
|
|
695
698
|
font-size: 14px;
|
|
696
699
|
}
|
|
697
|
-
.max-fields-config span[data-v-
|
|
700
|
+
.max-fields-config span[data-v-1779d19c] {
|
|
698
701
|
font-weight: 500;
|
|
699
702
|
white-space: nowrap;
|
|
700
703
|
color: var(--n-text-color-2);
|
|
701
704
|
}
|
|
702
|
-
@keyframes fadeInUp-
|
|
705
|
+
@keyframes fadeInUp-1779d19c {
|
|
703
706
|
from {
|
|
704
707
|
opacity: 0;
|
|
705
708
|
transform: translateY(10px);
|
|
@@ -711,125 +714,126 @@ to {
|
|
|
711
714
|
}
|
|
712
715
|
/* 响应式设计 */
|
|
713
716
|
@media (max-width: 768px) {
|
|
714
|
-
.dynamic-controls[data-v-
|
|
715
|
-
.dynamic-controls-fallback[data-v-
|
|
717
|
+
.dynamic-controls[data-v-1779d19c],
|
|
718
|
+
.dynamic-controls-fallback[data-v-1779d19c] {
|
|
716
719
|
margin-bottom: 12px;
|
|
717
720
|
}
|
|
718
|
-
.dynamic-stats[data-v-
|
|
721
|
+
.dynamic-stats[data-v-1779d19c] {
|
|
719
722
|
margin-top: 12px;
|
|
720
723
|
}
|
|
721
|
-
.dynamic-item-wrapper.is-dynamic-field[data-v-
|
|
724
|
+
.dynamic-item-wrapper.is-dynamic-field[data-v-1779d19c] {
|
|
722
725
|
padding: 6px;
|
|
723
726
|
}
|
|
724
|
-
.max-fields-config[data-v-
|
|
727
|
+
.max-fields-config[data-v-1779d19c] {
|
|
725
728
|
margin-top: 8px;
|
|
726
729
|
}
|
|
727
730
|
}
|
|
728
731
|
/* 辅助功能 */
|
|
729
732
|
@media (prefers-reduced-motion: reduce) {
|
|
730
|
-
.dynamic-item-wrapper[data-v-
|
|
733
|
+
.dynamic-item-wrapper[data-v-1779d19c] {
|
|
731
734
|
animation: none !important;
|
|
732
735
|
transition: none !important;
|
|
733
736
|
}
|
|
734
737
|
}
|
|
735
738
|
@media (prefers-contrast: high) {
|
|
736
|
-
.dynamic-item-wrapper.is-dynamic-field[data-v-
|
|
739
|
+
.dynamic-item-wrapper.is-dynamic-field[data-v-1779d19c] {
|
|
737
740
|
border-width: 2px;
|
|
738
741
|
border-color: currentColor;
|
|
739
742
|
}
|
|
740
743
|
}
|
|
741
744
|
/* unplugin-vue-components disabled */
|
|
742
745
|
/* layer: default */
|
|
743
|
-
.visible[data-v-
|
|
744
|
-
.grid[data-v-
|
|
745
|
-
.inline[data-v-
|
|
746
|
+
.visible[data-v-1779d19c]{visibility:visible;}
|
|
747
|
+
.grid[data-v-1779d19c]{display:grid;}
|
|
748
|
+
.inline[data-v-1779d19c]{display:inline;}
|
|
749
|
+
.blur[data-v-1779d19c]{--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);}
|
|
746
750
|
|
|
747
751
|
/* unplugin-vue-components disabled *//* Custom 布局样式 */
|
|
748
|
-
.custom-layout .toolbar-card[data-v-
|
|
752
|
+
.custom-layout .toolbar-card[data-v-858beb3e] {
|
|
749
753
|
margin-bottom: 16px;
|
|
750
754
|
}
|
|
751
|
-
.custom-layout .toolbar-card .toolbar-content[data-v-
|
|
755
|
+
.custom-layout .toolbar-card .toolbar-content[data-v-858beb3e] {
|
|
752
756
|
display: flex;
|
|
753
757
|
justify-content: space-between;
|
|
754
758
|
align-items: center;
|
|
755
759
|
flex-wrap: wrap;
|
|
756
760
|
gap: 16px;
|
|
757
761
|
}
|
|
758
|
-
.custom-layout .toolbar-card .toolbar-content .mode-section[data-v-
|
|
759
|
-
.custom-layout .toolbar-card .toolbar-content .stats-section[data-v-
|
|
760
|
-
.custom-layout .toolbar-card .toolbar-content .actions-section[data-v-
|
|
762
|
+
.custom-layout .toolbar-card .toolbar-content .mode-section[data-v-858beb3e],
|
|
763
|
+
.custom-layout .toolbar-card .toolbar-content .stats-section[data-v-858beb3e],
|
|
764
|
+
.custom-layout .toolbar-card .toolbar-content .actions-section[data-v-858beb3e] {
|
|
761
765
|
display: flex;
|
|
762
766
|
align-items: center;
|
|
763
767
|
gap: 12px;
|
|
764
768
|
}
|
|
765
|
-
.custom-layout .toolbar-card .toolbar-content .section-label[data-v-
|
|
769
|
+
.custom-layout .toolbar-card .toolbar-content .section-label[data-v-858beb3e] {
|
|
766
770
|
font-size: 14px;
|
|
767
771
|
font-weight: 500;
|
|
768
772
|
}
|
|
769
|
-
.custom-layout .toolbar-card .toolbar-content .stat-item[data-v-
|
|
773
|
+
.custom-layout .toolbar-card .toolbar-content .stat-item[data-v-858beb3e] {
|
|
770
774
|
text-align: center;
|
|
771
775
|
min-width: 60px;
|
|
772
776
|
}
|
|
773
|
-
.custom-layout .toolbar-card .toolbar-content .stat-item .stat-value[data-v-
|
|
777
|
+
.custom-layout .toolbar-card .toolbar-content .stat-item .stat-value[data-v-858beb3e] {
|
|
774
778
|
display: block;
|
|
775
779
|
font-size: 18px;
|
|
776
780
|
font-weight: 600;
|
|
777
781
|
color: var(--n-primary-color);
|
|
778
782
|
}
|
|
779
|
-
.custom-layout .toolbar-card .toolbar-content .stat-item .stat-label[data-v-
|
|
783
|
+
.custom-layout .toolbar-card .toolbar-content .stat-item .stat-label[data-v-858beb3e] {
|
|
780
784
|
font-size: 12px;
|
|
781
785
|
opacity: 0.7;
|
|
782
786
|
margin-top: 4px;
|
|
783
787
|
}
|
|
784
|
-
.custom-layout .design-panel[data-v-
|
|
788
|
+
.custom-layout .design-panel[data-v-858beb3e] {
|
|
785
789
|
margin-bottom: 16px;
|
|
786
790
|
}
|
|
787
|
-
.custom-layout .design-panel .design-tools[data-v-
|
|
791
|
+
.custom-layout .design-panel .design-tools[data-v-858beb3e] {
|
|
788
792
|
display: flex;
|
|
789
793
|
gap: 24px;
|
|
790
794
|
flex-wrap: wrap;
|
|
791
795
|
}
|
|
792
|
-
.custom-layout .design-panel .design-tools .tool-group[data-v-
|
|
796
|
+
.custom-layout .design-panel .design-tools .tool-group[data-v-858beb3e] {
|
|
793
797
|
display: flex;
|
|
794
798
|
align-items: center;
|
|
795
799
|
gap: 8px;
|
|
796
800
|
}
|
|
797
|
-
.custom-layout .design-panel .design-tools .tool-group .group-label[data-v-
|
|
801
|
+
.custom-layout .design-panel .design-tools .tool-group .group-label[data-v-858beb3e] {
|
|
798
802
|
font-size: 14px;
|
|
799
803
|
font-weight: 500;
|
|
800
804
|
margin-right: 4px;
|
|
801
805
|
}
|
|
802
|
-
.custom-layout .layout-canvas[data-v-
|
|
806
|
+
.custom-layout .layout-canvas[data-v-858beb3e] {
|
|
803
807
|
min-height: 200px;
|
|
804
808
|
}
|
|
805
|
-
.custom-layout .layout-canvas.design-mode[data-v-
|
|
809
|
+
.custom-layout .layout-canvas.design-mode[data-v-858beb3e] {
|
|
806
810
|
border: 2px dashed var(--n-border-color);
|
|
807
811
|
border-radius: 8px;
|
|
808
812
|
padding: 16px;
|
|
809
813
|
background: var(--n-body-color);
|
|
810
814
|
}
|
|
811
|
-
.custom-layout .layout-canvas .canvas-hint[data-v-
|
|
815
|
+
.custom-layout .layout-canvas .canvas-hint[data-v-858beb3e] {
|
|
812
816
|
display: flex;
|
|
813
817
|
align-items: center;
|
|
814
818
|
justify-content: center;
|
|
815
819
|
height: 120px;
|
|
816
820
|
text-align: center;
|
|
817
821
|
}
|
|
818
|
-
.custom-layout .layout-canvas .canvas-hint .hint-content h3[data-v-
|
|
822
|
+
.custom-layout .layout-canvas .canvas-hint .hint-content h3[data-v-858beb3e] {
|
|
819
823
|
margin: 0 0 8px 0;
|
|
820
824
|
font-size: 18px;
|
|
821
825
|
}
|
|
822
|
-
.custom-layout .layout-canvas .canvas-hint .hint-content p[data-v-
|
|
826
|
+
.custom-layout .layout-canvas .canvas-hint .hint-content p[data-v-858beb3e] {
|
|
823
827
|
margin: 0;
|
|
824
828
|
opacity: 0.7;
|
|
825
829
|
font-size: 14px;
|
|
826
830
|
}
|
|
827
|
-
.custom-layout .layout-canvas .areas-container[data-v-
|
|
831
|
+
.custom-layout .layout-canvas .areas-container[data-v-858beb3e] {
|
|
828
832
|
display: flex;
|
|
829
833
|
flex-wrap: wrap;
|
|
830
834
|
gap: 16px;
|
|
831
835
|
}
|
|
832
|
-
.custom-layout .layout-canvas .custom-area[data-v-
|
|
836
|
+
.custom-layout .layout-canvas .custom-area[data-v-858beb3e] {
|
|
833
837
|
border: 1px solid var(--n-border-color);
|
|
834
838
|
border-radius: 8px;
|
|
835
839
|
background: var(--n-card-color);
|
|
@@ -838,7 +842,7 @@ to {
|
|
|
838
842
|
flex: 1;
|
|
839
843
|
min-width: 250px;
|
|
840
844
|
}
|
|
841
|
-
.custom-layout .layout-canvas .custom-area .area-header[data-v-
|
|
845
|
+
.custom-layout .layout-canvas .custom-area .area-header[data-v-858beb3e] {
|
|
842
846
|
display: flex;
|
|
843
847
|
justify-content: space-between;
|
|
844
848
|
align-items: center;
|
|
@@ -846,12 +850,12 @@ to {
|
|
|
846
850
|
padding-bottom: 8px;
|
|
847
851
|
border-bottom: 1px solid var(--n-divider-color);
|
|
848
852
|
}
|
|
849
|
-
.custom-layout .layout-canvas .custom-area .area-header .area-info[data-v-
|
|
853
|
+
.custom-layout .layout-canvas .custom-area .area-header .area-info[data-v-858beb3e] {
|
|
850
854
|
display: flex;
|
|
851
855
|
align-items: center;
|
|
852
856
|
gap: 8px;
|
|
853
857
|
}
|
|
854
|
-
.custom-layout .layout-canvas .custom-area .area-header .area-info .area-title[data-v-
|
|
858
|
+
.custom-layout .layout-canvas .custom-area .area-header .area-info .area-title[data-v-858beb3e] {
|
|
855
859
|
font-weight: 600;
|
|
856
860
|
font-size: 14px;
|
|
857
861
|
cursor: pointer;
|
|
@@ -859,25 +863,25 @@ to {
|
|
|
859
863
|
border-radius: 4px;
|
|
860
864
|
transition: all 0.2s ease;
|
|
861
865
|
}
|
|
862
|
-
.custom-layout .layout-canvas .custom-area .area-header .area-info .area-title[data-v-
|
|
866
|
+
.custom-layout .layout-canvas .custom-area .area-header .area-info .area-title[data-v-858beb3e]:hover {
|
|
863
867
|
background: var(--n-button-color-hover);
|
|
864
868
|
color: var(--n-primary-color);
|
|
865
869
|
}
|
|
866
|
-
.custom-layout .layout-canvas .custom-area .area-header .area-info .title-input[data-v-
|
|
870
|
+
.custom-layout .layout-canvas .custom-area .area-header .area-info .title-input[data-v-858beb3e] {
|
|
867
871
|
min-width: 120px;
|
|
868
872
|
max-width: 200px;
|
|
869
873
|
}
|
|
870
|
-
.custom-layout .layout-canvas .custom-area .area-header .area-controls[data-v-
|
|
874
|
+
.custom-layout .layout-canvas .custom-area .area-header .area-controls[data-v-858beb3e] {
|
|
871
875
|
display: flex;
|
|
872
876
|
gap: 4px;
|
|
873
877
|
}
|
|
874
|
-
.custom-layout .layout-canvas .custom-area .area-fields[data-v-
|
|
878
|
+
.custom-layout .layout-canvas .custom-area .area-fields[data-v-858beb3e] {
|
|
875
879
|
display: flex;
|
|
876
880
|
flex-direction: column;
|
|
877
881
|
gap: 8px;
|
|
878
882
|
min-height: 60px;
|
|
879
883
|
}
|
|
880
|
-
.custom-layout .layout-canvas .custom-area .area-drop-zone[data-v-
|
|
884
|
+
.custom-layout .layout-canvas .custom-area .area-drop-zone[data-v-858beb3e] {
|
|
881
885
|
display: flex;
|
|
882
886
|
align-items: center;
|
|
883
887
|
justify-content: center;
|
|
@@ -890,21 +894,21 @@ to {
|
|
|
890
894
|
background: var(--n-body-color);
|
|
891
895
|
margin-top: 8px;
|
|
892
896
|
}
|
|
893
|
-
.custom-layout .layout-canvas .custom-area .area-drop-zone[data-v-
|
|
897
|
+
.custom-layout .layout-canvas .custom-area .area-drop-zone[data-v-858beb3e]:hover {
|
|
894
898
|
border-color: var(--n-primary-color);
|
|
895
899
|
opacity: 1;
|
|
896
900
|
}
|
|
897
|
-
.custom-layout .layout-canvas .custom-area.area-horizontal .area-fields[data-v-
|
|
901
|
+
.custom-layout .layout-canvas .custom-area.area-horizontal .area-fields[data-v-858beb3e] {
|
|
898
902
|
flex-direction: row;
|
|
899
903
|
flex-wrap: wrap;
|
|
900
904
|
gap: 12px;
|
|
901
905
|
}
|
|
902
|
-
.custom-layout .layout-canvas .custom-area.area-grid .area-fields[data-v-
|
|
906
|
+
.custom-layout .layout-canvas .custom-area.area-grid .area-fields[data-v-858beb3e] {
|
|
903
907
|
display: grid;
|
|
904
908
|
grid-template-columns: repeat(2, 1fr);
|
|
905
909
|
gap: 8px;
|
|
906
910
|
}
|
|
907
|
-
.custom-layout .layout-canvas .field-item[data-v-
|
|
911
|
+
.custom-layout .layout-canvas .field-item[data-v-858beb3e] {
|
|
908
912
|
border: 1px solid var(--n-border-color);
|
|
909
913
|
border-radius: 6px;
|
|
910
914
|
background: var(--n-body-color);
|
|
@@ -913,18 +917,18 @@ to {
|
|
|
913
917
|
cursor: move;
|
|
914
918
|
transition: all 0.2s ease;
|
|
915
919
|
}
|
|
916
|
-
.custom-layout .layout-canvas .field-item[data-v-
|
|
920
|
+
.custom-layout .layout-canvas .field-item[data-v-858beb3e]:hover {
|
|
917
921
|
border-color: var(--n-primary-color);
|
|
918
922
|
transform: translateY(-1px);
|
|
919
923
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
|
|
920
924
|
}
|
|
921
|
-
.custom-layout .layout-canvas .field-item .field-preview[data-v-
|
|
925
|
+
.custom-layout .layout-canvas .field-item .field-preview[data-v-858beb3e] {
|
|
922
926
|
display: flex;
|
|
923
927
|
justify-content: space-between;
|
|
924
928
|
align-items: center;
|
|
925
929
|
gap: 8px;
|
|
926
930
|
}
|
|
927
|
-
.custom-layout .layout-canvas .field-item .field-preview .field-label[data-v-
|
|
931
|
+
.custom-layout .layout-canvas .field-item .field-preview .field-label[data-v-858beb3e] {
|
|
928
932
|
font-size: 13px;
|
|
929
933
|
font-weight: 500;
|
|
930
934
|
flex: 1;
|
|
@@ -932,7 +936,7 @@ to {
|
|
|
932
936
|
text-overflow: ellipsis;
|
|
933
937
|
white-space: nowrap;
|
|
934
938
|
}
|
|
935
|
-
.custom-layout .layout-canvas .field-item .field-preview .field-type[data-v-
|
|
939
|
+
.custom-layout .layout-canvas .field-item .field-preview .field-type[data-v-858beb3e] {
|
|
936
940
|
font-size: 11px;
|
|
937
941
|
opacity: 0.6;
|
|
938
942
|
background: var(--n-tag-color);
|
|
@@ -940,15 +944,15 @@ to {
|
|
|
940
944
|
border-radius: 4px;
|
|
941
945
|
flex-shrink: 0;
|
|
942
946
|
}
|
|
943
|
-
.custom-layout .layout-canvas .field-pool[data-v-
|
|
947
|
+
.custom-layout .layout-canvas .field-pool[data-v-858beb3e] {
|
|
944
948
|
margin-top: 16px;
|
|
945
949
|
}
|
|
946
|
-
.custom-layout .layout-canvas .field-pool .pool-fields-grid[data-v-
|
|
950
|
+
.custom-layout .layout-canvas .field-pool .pool-fields-grid[data-v-858beb3e] {
|
|
947
951
|
display: grid;
|
|
948
952
|
grid-template-columns: repeat(4, 1fr);
|
|
949
953
|
gap: 12px;
|
|
950
954
|
}
|
|
951
|
-
.custom-layout .layout-canvas .field-pool .pool-field[data-v-
|
|
955
|
+
.custom-layout .layout-canvas .field-pool .pool-field[data-v-858beb3e] {
|
|
952
956
|
border: 1px solid var(--n-border-color);
|
|
953
957
|
border-radius: 6px;
|
|
954
958
|
background: var(--n-card-color);
|
|
@@ -960,12 +964,12 @@ to {
|
|
|
960
964
|
justify-content: space-between;
|
|
961
965
|
align-items: center;
|
|
962
966
|
}
|
|
963
|
-
.custom-layout .layout-canvas .field-pool .pool-field[data-v-
|
|
967
|
+
.custom-layout .layout-canvas .field-pool .pool-field[data-v-858beb3e]:hover {
|
|
964
968
|
border-color: var(--n-primary-color);
|
|
965
969
|
transform: translateY(-1px);
|
|
966
970
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
|
|
967
971
|
}
|
|
968
|
-
.custom-layout .layout-canvas .field-pool .pool-field .field-name[data-v-
|
|
972
|
+
.custom-layout .layout-canvas .field-pool .pool-field .field-name[data-v-858beb3e] {
|
|
969
973
|
font-size: 13px;
|
|
970
974
|
font-weight: 500;
|
|
971
975
|
flex: 1;
|
|
@@ -973,90 +977,90 @@ to {
|
|
|
973
977
|
text-overflow: ellipsis;
|
|
974
978
|
white-space: nowrap;
|
|
975
979
|
}
|
|
976
|
-
.custom-layout .layout-canvas .field-pool .pool-field .field-type-tag[data-v-
|
|
980
|
+
.custom-layout .layout-canvas .field-pool .pool-field .field-type-tag[data-v-858beb3e] {
|
|
977
981
|
font-size: 11px;
|
|
978
982
|
padding: 2px 8px;
|
|
979
983
|
border-radius: 4px;
|
|
980
984
|
background: var(--n-tag-color);
|
|
981
985
|
flex-shrink: 0;
|
|
982
986
|
}
|
|
983
|
-
.custom-layout .layout-canvas .empty-layout[data-v-
|
|
987
|
+
.custom-layout .layout-canvas .empty-layout[data-v-858beb3e] {
|
|
984
988
|
display: flex;
|
|
985
989
|
align-items: center;
|
|
986
990
|
justify-content: center;
|
|
987
991
|
height: 120px;
|
|
988
992
|
padding: 16px;
|
|
989
993
|
}
|
|
990
|
-
.custom-layout .layout-canvas .form-areas[data-v-
|
|
994
|
+
.custom-layout .layout-canvas .form-areas[data-v-858beb3e] {
|
|
991
995
|
display: flex;
|
|
992
996
|
flex-wrap: wrap;
|
|
993
997
|
gap: 16px;
|
|
994
998
|
align-items: flex-start;
|
|
995
999
|
}
|
|
996
|
-
.custom-layout .layout-canvas .form-areas .form-area[data-v-
|
|
1000
|
+
.custom-layout .layout-canvas .form-areas .form-area[data-v-858beb3e] {
|
|
997
1001
|
flex: 1;
|
|
998
1002
|
min-width: 250px;
|
|
999
1003
|
}
|
|
1000
|
-
.custom-layout .layout-canvas .form-areas .form-area.area-vertical[data-v-
|
|
1004
|
+
.custom-layout .layout-canvas .form-areas .form-area.area-vertical[data-v-858beb3e] {
|
|
1001
1005
|
width: 100%;
|
|
1002
1006
|
}
|
|
1003
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1007
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] {
|
|
1004
1008
|
display: flex;
|
|
1005
1009
|
flex-direction: column;
|
|
1006
1010
|
gap: 16px;
|
|
1007
1011
|
/* 统一表单项宽度 */
|
|
1008
1012
|
}
|
|
1009
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1013
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item {
|
|
1010
1014
|
width: 100%;
|
|
1011
1015
|
}
|
|
1012
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1016
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank {
|
|
1013
1017
|
width: 100%;
|
|
1014
1018
|
/* 统一输入控件宽度 */
|
|
1015
1019
|
}
|
|
1016
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1017
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1018
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1019
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1020
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1021
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1022
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1023
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1024
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1025
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1026
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1020
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-input,
|
|
1021
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-select,
|
|
1022
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-date-picker,
|
|
1023
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-input-number,
|
|
1024
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-textarea,
|
|
1025
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-radio-group,
|
|
1026
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-checkbox-group,
|
|
1027
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-cascader,
|
|
1028
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-tree-select,
|
|
1029
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-time-picker,
|
|
1030
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-color-picker {
|
|
1027
1031
|
width: 100% !important;
|
|
1028
1032
|
max-width: 100% !important;
|
|
1029
1033
|
}
|
|
1030
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1034
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank {
|
|
1031
1035
|
/* 特殊控件的额外处理 */
|
|
1032
1036
|
}
|
|
1033
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1034
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1037
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-radio-group,
|
|
1038
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-checkbox-group {
|
|
1035
1039
|
display: flex;
|
|
1036
1040
|
flex-wrap: wrap;
|
|
1037
1041
|
gap: 8px;
|
|
1038
1042
|
}
|
|
1039
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-horizontal[data-v-
|
|
1043
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-horizontal[data-v-858beb3e] {
|
|
1040
1044
|
flex-direction: row;
|
|
1041
1045
|
flex-wrap: wrap;
|
|
1042
1046
|
gap: 12px;
|
|
1043
1047
|
}
|
|
1044
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-horizontal[data-v-
|
|
1048
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-horizontal[data-v-858beb3e] .n-form-item {
|
|
1045
1049
|
flex: 1;
|
|
1046
1050
|
min-width: 200px;
|
|
1047
1051
|
}
|
|
1048
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-grid[data-v-
|
|
1052
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-grid[data-v-858beb3e] {
|
|
1049
1053
|
display: grid;
|
|
1050
1054
|
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
|
|
1051
1055
|
gap: 16px;
|
|
1052
1056
|
}
|
|
1053
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-grid[data-v-
|
|
1057
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-grid[data-v-858beb3e] .n-form-item {
|
|
1054
1058
|
width: 100%;
|
|
1055
1059
|
}
|
|
1056
1060
|
|
|
1057
1061
|
/* 拖拽状态 */
|
|
1058
|
-
.area-ghost[data-v-
|
|
1059
|
-
.field-ghost[data-v-
|
|
1062
|
+
.area-ghost[data-v-858beb3e],
|
|
1063
|
+
.field-ghost[data-v-858beb3e] {
|
|
1060
1064
|
opacity: 0.5;
|
|
1061
1065
|
background: var(--n-primary-color-suppl);
|
|
1062
1066
|
border: 2px dashed var(--n-primary-color);
|
|
@@ -1065,44 +1069,165 @@ to {
|
|
|
1065
1069
|
|
|
1066
1070
|
/* 响应式 */
|
|
1067
1071
|
@media (max-width: 1024px) {
|
|
1068
|
-
.custom-layout .toolbar-content[data-v-
|
|
1072
|
+
.custom-layout .toolbar-content[data-v-858beb3e] {
|
|
1069
1073
|
flex-direction: column;
|
|
1070
1074
|
gap: 12px;
|
|
1071
1075
|
}
|
|
1072
|
-
.custom-layout .layout-canvas .areas-container[data-v-
|
|
1076
|
+
.custom-layout .layout-canvas .areas-container[data-v-858beb3e] {
|
|
1073
1077
|
flex-direction: column;
|
|
1074
1078
|
}
|
|
1075
1079
|
}
|
|
1076
1080
|
@media (max-width: 768px) {
|
|
1077
|
-
.custom-layout .design-tools[data-v-
|
|
1081
|
+
.custom-layout .design-tools[data-v-858beb3e] {
|
|
1078
1082
|
flex-direction: column;
|
|
1079
1083
|
gap: 12px;
|
|
1080
1084
|
}
|
|
1081
|
-
.custom-layout .layout-canvas.design-mode[data-v-
|
|
1085
|
+
.custom-layout .layout-canvas.design-mode[data-v-858beb3e] {
|
|
1082
1086
|
padding: 12px;
|
|
1083
1087
|
}
|
|
1084
|
-
.custom-layout .custom-area[data-v-
|
|
1088
|
+
.custom-layout .custom-area[data-v-858beb3e] {
|
|
1085
1089
|
padding: 12px;
|
|
1086
1090
|
min-height: 100px;
|
|
1087
1091
|
}
|
|
1088
|
-
.custom-layout .layout-canvas .field-pool .pool-fields-grid[data-v-
|
|
1092
|
+
.custom-layout .layout-canvas .field-pool .pool-fields-grid[data-v-858beb3e] {
|
|
1089
1093
|
grid-template-columns: repeat(2, 1fr);
|
|
1090
1094
|
}
|
|
1091
1095
|
}
|
|
1092
1096
|
/* unplugin-vue-components disabled */
|
|
1093
1097
|
/* layer: default */
|
|
1094
|
-
.visible[data-v-
|
|
1095
|
-
.grid[data-v-
|
|
1096
|
-
.inline[data-v-
|
|
1098
|
+
.visible[data-v-858beb3e]{visibility:visible;}
|
|
1099
|
+
.grid[data-v-858beb3e]{display:grid;}
|
|
1100
|
+
.inline[data-v-858beb3e]{display:inline;}
|
|
1101
|
+
.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);}
|
|
1097
1102
|
|
|
1098
1103
|
/* unplugin-vue-components disabled */
|
|
1099
1104
|
/* layer: default */
|
|
1100
|
-
.visible[data-v-
|
|
1101
|
-
.grid[data-v-
|
|
1102
|
-
.inline[data-v-
|
|
1103
|
-
.table[data-v-
|
|
1104
|
-
.blur[data-v-
|
|
1105
|
-
.filter[data-v-
|
|
1105
|
+
.visible[data-v-6ce5207d]{visibility:visible;}
|
|
1106
|
+
.grid[data-v-6ce5207d]{display:grid;}
|
|
1107
|
+
.inline[data-v-6ce5207d]{display:inline;}
|
|
1108
|
+
.table[data-v-6ce5207d]{display:table;}
|
|
1109
|
+
.blur[data-v-6ce5207d]{--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);}
|
|
1110
|
+
.filter[data-v-6ce5207d]{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);}
|
|
1111
|
+
|
|
1112
|
+
|
|
1113
|
+
/* unplugin-vue-components disabled *//*
|
|
1114
|
+
* @Author: ChenYu ycyplus@gmail.com
|
|
1115
|
+
* @Date: 2026-10-06
|
|
1116
|
+
* @FilePath: \naive-ui-components\src\components\C_Loading\index.scss
|
|
1117
|
+
* @Description: 机器人扫描与数据流动画,仅在组件挂载时运行
|
|
1118
|
+
* Copyright (c) 2026 by CHENY, All Rights Reserved 😎.
|
|
1119
|
+
*/
|
|
1120
|
+
.c-loading[data-v-48232aaa] {
|
|
1121
|
+
display: inline-flex;
|
|
1122
|
+
flex-direction: column;
|
|
1123
|
+
align-items: center;
|
|
1124
|
+
justify-content: center;
|
|
1125
|
+
gap: 6px;
|
|
1126
|
+
vertical-align: middle;
|
|
1127
|
+
line-height: 1;
|
|
1128
|
+
pointer-events: none;
|
|
1129
|
+
}
|
|
1130
|
+
.c-loading--labeled[data-v-48232aaa] {
|
|
1131
|
+
flex-direction: row;
|
|
1132
|
+
gap: 8px;
|
|
1133
|
+
max-width: 100%;
|
|
1134
|
+
padding: 8px 14px;
|
|
1135
|
+
box-sizing: border-box;
|
|
1136
|
+
border: 1px solid var(--c-loading-border);
|
|
1137
|
+
border-radius: 14px;
|
|
1138
|
+
background: var(--c-loading-surface);
|
|
1139
|
+
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
|
|
1140
|
+
}
|
|
1141
|
+
.c-loading__glyph[data-v-48232aaa] {
|
|
1142
|
+
width: var(--c-loading-size, 48px);
|
|
1143
|
+
height: var(--c-loading-size, 48px);
|
|
1144
|
+
flex-shrink: 0;
|
|
1145
|
+
overflow: visible;
|
|
1146
|
+
}
|
|
1147
|
+
.c-loading__frame[data-v-48232aaa] {
|
|
1148
|
+
opacity: 0.35;
|
|
1149
|
+
animation: c-loading-frame-48232aaa 2.4s ease-in-out infinite;
|
|
1150
|
+
}
|
|
1151
|
+
.c-loading__scan[data-v-48232aaa] {
|
|
1152
|
+
opacity: 0;
|
|
1153
|
+
animation: c-loading-scan-48232aaa 2.4s ease-in-out infinite;
|
|
1154
|
+
}
|
|
1155
|
+
.c-loading__eyes[data-v-48232aaa] {
|
|
1156
|
+
transform-box: fill-box;
|
|
1157
|
+
transform-origin: center;
|
|
1158
|
+
animation: c-loading-eyes-48232aaa 3.6s ease-in-out infinite;
|
|
1159
|
+
}
|
|
1160
|
+
.c-loading__packet[data-v-48232aaa] {
|
|
1161
|
+
opacity: 0.25;
|
|
1162
|
+
animation: c-loading-data-48232aaa 2.4s ease-in-out infinite;
|
|
1163
|
+
}
|
|
1164
|
+
.c-loading__packet--out[data-v-48232aaa] {
|
|
1165
|
+
animation-delay: 0.8s;
|
|
1166
|
+
}
|
|
1167
|
+
.c-loading__label[data-v-48232aaa] {
|
|
1168
|
+
color: var(--c-loading-text, currentColor);
|
|
1169
|
+
font-size: 12px;
|
|
1170
|
+
font-weight: 500;
|
|
1171
|
+
letter-spacing: 0.03em;
|
|
1172
|
+
line-height: 1.6;
|
|
1173
|
+
}
|
|
1174
|
+
@media (prefers-reduced-motion: reduce) {
|
|
1175
|
+
.c-loading__frame[data-v-48232aaa], .c-loading__scan[data-v-48232aaa], .c-loading__eyes[data-v-48232aaa], .c-loading__packet[data-v-48232aaa] {
|
|
1176
|
+
animation: none;
|
|
1177
|
+
}
|
|
1178
|
+
.c-loading__scan[data-v-48232aaa] {
|
|
1179
|
+
display: none;
|
|
1180
|
+
}
|
|
1181
|
+
.c-loading__frame[data-v-48232aaa], .c-loading__packet[data-v-48232aaa] {
|
|
1182
|
+
opacity: 0.55;
|
|
1183
|
+
}
|
|
1184
|
+
}
|
|
1185
|
+
@keyframes c-loading-scan-48232aaa {
|
|
1186
|
+
0%, 12% {
|
|
1187
|
+
transform: translateY(0);
|
|
1188
|
+
opacity: 0;
|
|
1189
|
+
}
|
|
1190
|
+
25% {
|
|
1191
|
+
opacity: 0.2;
|
|
1192
|
+
}
|
|
1193
|
+
70% {
|
|
1194
|
+
transform: translateY(14px);
|
|
1195
|
+
opacity: 0.2;
|
|
1196
|
+
}
|
|
1197
|
+
88%, 100% {
|
|
1198
|
+
transform: translateY(14px);
|
|
1199
|
+
opacity: 0;
|
|
1200
|
+
}
|
|
1201
|
+
}
|
|
1202
|
+
@keyframes c-loading-frame-48232aaa {
|
|
1203
|
+
0%, 100% {
|
|
1204
|
+
opacity: 0.25;
|
|
1205
|
+
}
|
|
1206
|
+
50% {
|
|
1207
|
+
opacity: 0.7;
|
|
1208
|
+
}
|
|
1209
|
+
}
|
|
1210
|
+
@keyframes c-loading-eyes-48232aaa {
|
|
1211
|
+
0%, 72%, 82%, 100% {
|
|
1212
|
+
transform: scaleY(1);
|
|
1213
|
+
}
|
|
1214
|
+
77% {
|
|
1215
|
+
transform: scaleY(0.25);
|
|
1216
|
+
}
|
|
1217
|
+
}
|
|
1218
|
+
@keyframes c-loading-data-48232aaa {
|
|
1219
|
+
0%, 100% {
|
|
1220
|
+
opacity: 0.2;
|
|
1221
|
+
}
|
|
1222
|
+
40%, 60% {
|
|
1223
|
+
opacity: 0.85;
|
|
1224
|
+
}
|
|
1225
|
+
}
|
|
1226
|
+
/* unplugin-vue-components disabled */
|
|
1227
|
+
/* layer: default */
|
|
1228
|
+
.table[data-v-48232aaa]{display:table;}
|
|
1229
|
+
.px[data-v-48232aaa]{padding-left:1rem;padding-right:1rem;}
|
|
1230
|
+
.filter[data-v-48232aaa]{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
|
|
1106
1231
|
|
|
1107
1232
|
|
|
1108
1233
|
/* unplugin-vue-components disabled */.column-management-tab .search-row[data-v-6ff103ee] {
|
|
@@ -1242,7 +1367,7 @@ to {
|
|
|
1242
1367
|
.filter[data-v-6ff103ee]{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
|
|
1243
1368
|
|
|
1244
1369
|
/* unplugin-vue-components disabled *//* ================= 1. 组件根容器 ================= */
|
|
1245
|
-
.c-table-wrapper[data-v-
|
|
1370
|
+
.c-table-wrapper[data-v-be2bef78] {
|
|
1246
1371
|
--c-table-border-color: var(--border-color, #e5e7eb);
|
|
1247
1372
|
--c-table-bg: var(--body-color, #fff);
|
|
1248
1373
|
--c-table-header-bg: var(--card-color, #fafafc);
|
|
@@ -1255,52 +1380,52 @@ to {
|
|
|
1255
1380
|
}
|
|
1256
1381
|
|
|
1257
1382
|
/* ================= 列拖拽排序 ================= */
|
|
1258
|
-
.column-drag-ghost[data-v-
|
|
1383
|
+
.column-drag-ghost[data-v-be2bef78] {
|
|
1259
1384
|
opacity: var(--c-table-drag-ghost-opacity);
|
|
1260
1385
|
background: var(--c-table-drag-ghost-bg) !important;
|
|
1261
1386
|
}
|
|
1262
|
-
.drag-handle[data-v-
|
|
1387
|
+
.drag-handle[data-v-be2bef78] {
|
|
1263
1388
|
cursor: grab;
|
|
1264
1389
|
}
|
|
1265
|
-
.drag-handle[data-v-
|
|
1390
|
+
.drag-handle[data-v-be2bef78]:active {
|
|
1266
1391
|
cursor: grabbing;
|
|
1267
1392
|
}
|
|
1268
1393
|
|
|
1269
1394
|
/* ================= 合计行强调 ================= */
|
|
1270
|
-
.c-table-wrapper[data-v-
|
|
1395
|
+
.c-table-wrapper[data-v-be2bef78] .n-data-table-tfoot {
|
|
1271
1396
|
background: var(--c-table-summary-bg);
|
|
1272
1397
|
font-weight: var(--c-table-summary-font-weight);
|
|
1273
1398
|
}
|
|
1274
1399
|
|
|
1275
1400
|
/* ================= 2. 表格工具栏 ================= */
|
|
1276
|
-
.table-toolbar[data-v-
|
|
1401
|
+
.table-toolbar[data-v-be2bef78] {
|
|
1277
1402
|
display: flex;
|
|
1278
1403
|
justify-content: space-between;
|
|
1279
1404
|
align-items: center;
|
|
1280
1405
|
margin-bottom: 16px;
|
|
1281
1406
|
}
|
|
1282
|
-
.table-toolbar .toolbar-left[data-v-
|
|
1407
|
+
.table-toolbar .toolbar-left[data-v-be2bef78] {
|
|
1283
1408
|
display: flex;
|
|
1284
1409
|
align-items: center;
|
|
1285
1410
|
gap: 12px;
|
|
1286
1411
|
}
|
|
1287
|
-
.table-toolbar .toolbar-right[data-v-
|
|
1412
|
+
.table-toolbar .toolbar-right[data-v-be2bef78] {
|
|
1288
1413
|
display: flex;
|
|
1289
1414
|
align-items: center;
|
|
1290
1415
|
gap: 8px;
|
|
1291
1416
|
}
|
|
1292
|
-
.table-toolbar .toolbar-right .column-settings-btn[data-v-
|
|
1417
|
+
.table-toolbar .toolbar-right .column-settings-btn[data-v-be2bef78] {
|
|
1293
1418
|
opacity: 0.6;
|
|
1294
1419
|
transition: opacity 0.2s ease, transform 0.2s ease;
|
|
1295
1420
|
cursor: pointer;
|
|
1296
1421
|
}
|
|
1297
|
-
.table-toolbar .toolbar-right .column-settings-btn[data-v-
|
|
1422
|
+
.table-toolbar .toolbar-right .column-settings-btn[data-v-be2bef78]:hover {
|
|
1298
1423
|
opacity: 1;
|
|
1299
1424
|
transform: scale(1.1);
|
|
1300
1425
|
}
|
|
1301
1426
|
|
|
1302
1427
|
/* ================= 3. 动态行工具栏 ================= */
|
|
1303
|
-
.dynamic-rows-toolbar[data-v-
|
|
1428
|
+
.dynamic-rows-toolbar[data-v-be2bef78] {
|
|
1304
1429
|
margin-bottom: 16px;
|
|
1305
1430
|
padding: 16px;
|
|
1306
1431
|
border-radius: 8px;
|
|
@@ -1309,12 +1434,12 @@ to {
|
|
|
1309
1434
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
|
|
1310
1435
|
transition: all 0.2s ease;
|
|
1311
1436
|
}
|
|
1312
|
-
.dynamic-rows-toolbar[data-v-
|
|
1437
|
+
.dynamic-rows-toolbar[data-v-be2bef78]:hover {
|
|
1313
1438
|
border-color: var(--n-primary-color-suppl);
|
|
1314
1439
|
}
|
|
1315
1440
|
|
|
1316
1441
|
/* ================= 4. 表格布局基础 ================= */
|
|
1317
|
-
[data-v-
|
|
1442
|
+
[data-v-be2bef78] .n-data-table {
|
|
1318
1443
|
table-layout: auto !important;
|
|
1319
1444
|
width: 100% !important;
|
|
1320
1445
|
border-radius: 8px;
|
|
@@ -1322,12 +1447,12 @@ to {
|
|
|
1322
1447
|
}
|
|
1323
1448
|
|
|
1324
1449
|
/* 确保表格容器允许横向滚动(固定列必需) */
|
|
1325
|
-
[data-v-
|
|
1450
|
+
[data-v-be2bef78] .n-data-table-wrapper {
|
|
1326
1451
|
overflow-x: auto !important;
|
|
1327
1452
|
}
|
|
1328
1453
|
|
|
1329
1454
|
/* 分页组件样式 */
|
|
1330
|
-
.pagination-wrapper[data-v-
|
|
1455
|
+
.pagination-wrapper[data-v-be2bef78] {
|
|
1331
1456
|
margin-top: 16px;
|
|
1332
1457
|
display: flex;
|
|
1333
1458
|
justify-content: flex-end;
|
|
@@ -1335,12 +1460,12 @@ to {
|
|
|
1335
1460
|
|
|
1336
1461
|
/* ================= 5. 表格列宽度管理 ================= */
|
|
1337
1462
|
/* 普通列的最小宽度保护 */
|
|
1338
|
-
[data-v-
|
|
1463
|
+
[data-v-be2bef78] .n-data-table-th:not(:last-child) {
|
|
1339
1464
|
min-width: 80px !important;
|
|
1340
1465
|
}
|
|
1341
1466
|
|
|
1342
1467
|
/* 操作列固定宽度(适应4个按钮的布局) */
|
|
1343
|
-
[data-v-
|
|
1468
|
+
[data-v-be2bef78] .c-table-actions-column {
|
|
1344
1469
|
width: 180px !important;
|
|
1345
1470
|
min-width: 160px !important;
|
|
1346
1471
|
max-width: 200px !important;
|
|
@@ -1349,14 +1474,14 @@ to {
|
|
|
1349
1474
|
}
|
|
1350
1475
|
|
|
1351
1476
|
/* 操作按钮容器居中 */
|
|
1352
|
-
[data-v-
|
|
1477
|
+
[data-v-be2bef78] .c-table-actions-column .n-space {
|
|
1353
1478
|
justify-content: center !important;
|
|
1354
1479
|
align-items: center !important;
|
|
1355
1480
|
}
|
|
1356
1481
|
|
|
1357
1482
|
/* ================= 6. 可编辑单元格样式 ================= */
|
|
1358
1483
|
/* 单元格编辑容器 - 精致化设计 */
|
|
1359
|
-
.cell-edit-wrapper[data-v-
|
|
1484
|
+
.cell-edit-wrapper[data-v-be2bef78] {
|
|
1360
1485
|
display: flex;
|
|
1361
1486
|
align-items: center;
|
|
1362
1487
|
justify-content: space-between;
|
|
@@ -1369,23 +1494,23 @@ to {
|
|
|
1369
1494
|
position: relative;
|
|
1370
1495
|
/* 悬停效果 */
|
|
1371
1496
|
}
|
|
1372
|
-
.cell-edit-wrapper[data-v-
|
|
1497
|
+
.cell-edit-wrapper[data-v-be2bef78]:hover {
|
|
1373
1498
|
background-color: var(--n-color-target);
|
|
1374
1499
|
}
|
|
1375
|
-
.cell-edit-wrapper:hover .cell-edit-icon[data-v-
|
|
1500
|
+
.cell-edit-wrapper:hover .cell-edit-icon[data-v-be2bef78] {
|
|
1376
1501
|
opacity: 1;
|
|
1377
1502
|
color: var(--n-color-success);
|
|
1378
1503
|
transform: scale(1.05);
|
|
1379
1504
|
}
|
|
1380
|
-
.cell-edit-wrapper[data-v-
|
|
1505
|
+
.cell-edit-wrapper[data-v-be2bef78] {
|
|
1381
1506
|
/* 激活状态 */
|
|
1382
1507
|
}
|
|
1383
|
-
.cell-edit-wrapper[data-v-
|
|
1508
|
+
.cell-edit-wrapper[data-v-be2bef78]:active {
|
|
1384
1509
|
transform: translateY(1px);
|
|
1385
1510
|
}
|
|
1386
1511
|
|
|
1387
1512
|
/* 单元格内容 */
|
|
1388
|
-
.cell-value[data-v-
|
|
1513
|
+
.cell-value[data-v-be2bef78] {
|
|
1389
1514
|
flex: 1;
|
|
1390
1515
|
overflow: hidden;
|
|
1391
1516
|
text-overflow: ellipsis;
|
|
@@ -1396,7 +1521,7 @@ to {
|
|
|
1396
1521
|
}
|
|
1397
1522
|
|
|
1398
1523
|
/* 动态渲染单元格也只在当前表格边界内匹配。 */
|
|
1399
|
-
.c-table-wrapper[data-v-
|
|
1524
|
+
.c-table-wrapper[data-v-be2bef78] .cell-edit-icon {
|
|
1400
1525
|
flex-shrink: 0;
|
|
1401
1526
|
width: 24px;
|
|
1402
1527
|
height: 24px;
|
|
@@ -1412,29 +1537,29 @@ to {
|
|
|
1412
1537
|
position: relative;
|
|
1413
1538
|
/* 悬停效果 */
|
|
1414
1539
|
}
|
|
1415
|
-
.c-table-wrapper[data-v-
|
|
1540
|
+
.c-table-wrapper[data-v-be2bef78] .cell-edit-icon:hover {
|
|
1416
1541
|
opacity: 1 !important;
|
|
1417
1542
|
color: var(--n-color-success-hover) !important;
|
|
1418
1543
|
background-color: var(--n-color-success-pressed);
|
|
1419
1544
|
transform: scale(1.1);
|
|
1420
1545
|
}
|
|
1421
|
-
.c-table-wrapper[data-v-
|
|
1546
|
+
.c-table-wrapper[data-v-be2bef78] .cell-edit-icon {
|
|
1422
1547
|
/* 激活效果 */
|
|
1423
1548
|
}
|
|
1424
|
-
.c-table-wrapper[data-v-
|
|
1549
|
+
.c-table-wrapper[data-v-be2bef78] .cell-edit-icon:active {
|
|
1425
1550
|
transform: scale(0.95);
|
|
1426
1551
|
}
|
|
1427
|
-
.c-table-wrapper[data-v-
|
|
1552
|
+
.c-table-wrapper[data-v-be2bef78] .cell-edit-icon {
|
|
1428
1553
|
/* 图标尺寸 */
|
|
1429
1554
|
}
|
|
1430
|
-
.c-table-wrapper[data-v-
|
|
1555
|
+
.c-table-wrapper[data-v-be2bef78] .cell-edit-icon svg {
|
|
1431
1556
|
width: 14px;
|
|
1432
1557
|
height: 14px;
|
|
1433
1558
|
}
|
|
1434
1559
|
|
|
1435
1560
|
/* ================= 7. 单元格编辑状态样式 ================= */
|
|
1436
1561
|
/* 编辑容器 - 确保水平布局不换行 */
|
|
1437
|
-
.cell-editing-container[data-v-
|
|
1562
|
+
.cell-editing-container[data-v-be2bef78],[data-v-be2bef78] .cell-editing-container {
|
|
1438
1563
|
display: flex !important;
|
|
1439
1564
|
align-items: center !important;
|
|
1440
1565
|
width: 100% !important;
|
|
@@ -1448,39 +1573,39 @@ to {
|
|
|
1448
1573
|
}
|
|
1449
1574
|
|
|
1450
1575
|
/* 编辑输入区域 - 占据剩余空间 */
|
|
1451
|
-
.cell-editing-input[data-v-
|
|
1576
|
+
.cell-editing-input[data-v-be2bef78],[data-v-be2bef78] .cell-editing-input {
|
|
1452
1577
|
flex: 1 !important;
|
|
1453
1578
|
min-width: 0 !important;
|
|
1454
1579
|
}
|
|
1455
1580
|
|
|
1456
1581
|
/* 深度选择器处理输入框样式 */
|
|
1457
|
-
[data-v-
|
|
1582
|
+
[data-v-be2bef78] .cell-editing-input .n-input {
|
|
1458
1583
|
border: none !important;
|
|
1459
1584
|
box-shadow: none !important;
|
|
1460
1585
|
background: transparent !important;
|
|
1461
1586
|
}
|
|
1462
|
-
[data-v-
|
|
1587
|
+
[data-v-be2bef78] .cell-editing-input .n-input.n-input--focus {
|
|
1463
1588
|
border: none !important;
|
|
1464
1589
|
box-shadow: none !important;
|
|
1465
1590
|
}
|
|
1466
|
-
[data-v-
|
|
1591
|
+
[data-v-be2bef78] .cell-editing-input .n-input-number {
|
|
1467
1592
|
border: none !important;
|
|
1468
1593
|
box-shadow: none !important;
|
|
1469
1594
|
background: transparent !important;
|
|
1470
1595
|
}
|
|
1471
|
-
[data-v-
|
|
1596
|
+
[data-v-be2bef78] .cell-editing-input .n-select {
|
|
1472
1597
|
border: none !important;
|
|
1473
1598
|
box-shadow: none !important;
|
|
1474
1599
|
background: transparent !important;
|
|
1475
1600
|
}
|
|
1476
|
-
[data-v-
|
|
1601
|
+
[data-v-be2bef78] .cell-editing-input .n-select .n-base-selection {
|
|
1477
1602
|
border: none !important;
|
|
1478
1603
|
box-shadow: none !important;
|
|
1479
1604
|
background: transparent !important;
|
|
1480
1605
|
}
|
|
1481
1606
|
|
|
1482
1607
|
/* 编辑操作按钮容器 */
|
|
1483
|
-
.cell-editing-actions[data-v-
|
|
1608
|
+
.cell-editing-actions[data-v-be2bef78],[data-v-be2bef78] .cell-editing-actions {
|
|
1484
1609
|
display: flex !important;
|
|
1485
1610
|
flex-shrink: 0 !important;
|
|
1486
1611
|
align-items: center !important;
|
|
@@ -1493,7 +1618,7 @@ to {
|
|
|
1493
1618
|
}
|
|
1494
1619
|
|
|
1495
1620
|
/* 编辑操作按钮 */
|
|
1496
|
-
.cell-action-btn[data-v-
|
|
1621
|
+
.cell-action-btn[data-v-be2bef78],[data-v-be2bef78] .cell-action-btn {
|
|
1497
1622
|
display: flex !important;
|
|
1498
1623
|
align-items: center !important;
|
|
1499
1624
|
justify-content: center !important;
|
|
@@ -1506,34 +1631,34 @@ to {
|
|
|
1506
1631
|
background: transparent !important;
|
|
1507
1632
|
/* 保存按钮 */
|
|
1508
1633
|
}
|
|
1509
|
-
.cell-action-btn.cell-action-save[data-v-
|
|
1634
|
+
.cell-action-btn.cell-action-save[data-v-be2bef78],[data-v-be2bef78] .cell-action-btn.cell-action-save {
|
|
1510
1635
|
color: var(--n-color-success) !important;
|
|
1511
1636
|
}
|
|
1512
|
-
.cell-action-btn.cell-action-save[data-v-
|
|
1637
|
+
.cell-action-btn.cell-action-save[data-v-be2bef78]:hover,[data-v-be2bef78] .cell-action-btn.cell-action-save:hover {
|
|
1513
1638
|
background: var(--n-color-success-pressed) !important;
|
|
1514
1639
|
transform: scale(1.1) !important;
|
|
1515
1640
|
}
|
|
1516
|
-
.cell-action-btn[data-v-
|
|
1641
|
+
.cell-action-btn[data-v-be2bef78],[data-v-be2bef78] .cell-action-btn {
|
|
1517
1642
|
/* 取消按钮 */
|
|
1518
1643
|
}
|
|
1519
|
-
.cell-action-btn.cell-action-cancel[data-v-
|
|
1644
|
+
.cell-action-btn.cell-action-cancel[data-v-be2bef78],[data-v-be2bef78] .cell-action-btn.cell-action-cancel {
|
|
1520
1645
|
color: var(--n-color-error) !important;
|
|
1521
1646
|
}
|
|
1522
|
-
.cell-action-btn.cell-action-cancel[data-v-
|
|
1647
|
+
.cell-action-btn.cell-action-cancel[data-v-be2bef78]:hover,[data-v-be2bef78] .cell-action-btn.cell-action-cancel:hover {
|
|
1523
1648
|
background: var(--n-color-error-pressed) !important;
|
|
1524
1649
|
transform: scale(1.1) !important;
|
|
1525
1650
|
}
|
|
1526
|
-
.cell-action-btn[data-v-
|
|
1651
|
+
.cell-action-btn[data-v-be2bef78],[data-v-be2bef78] .cell-action-btn {
|
|
1527
1652
|
/* 图标尺寸 */
|
|
1528
1653
|
}
|
|
1529
|
-
.cell-action-btn svg[data-v-
|
|
1654
|
+
.cell-action-btn svg[data-v-be2bef78],[data-v-be2bef78] .cell-action-btn svg {
|
|
1530
1655
|
width: 11px !important;
|
|
1531
1656
|
height: 11px !important;
|
|
1532
1657
|
}
|
|
1533
1658
|
|
|
1534
1659
|
/* ================= 7. 操作按钮样式 ================= */
|
|
1535
1660
|
/* 通用按钮样式 */
|
|
1536
|
-
[data-v-
|
|
1661
|
+
[data-v-be2bef78] .n-button {
|
|
1537
1662
|
white-space: nowrap;
|
|
1538
1663
|
font-size: 12px !important;
|
|
1539
1664
|
flex-shrink: 0 !important;
|
|
@@ -1542,60 +1667,60 @@ to {
|
|
|
1542
1667
|
font-weight: 500;
|
|
1543
1668
|
/* 图标间距 */
|
|
1544
1669
|
}
|
|
1545
|
-
[data-v-
|
|
1670
|
+
[data-v-be2bef78] .n-button .n-icon {
|
|
1546
1671
|
margin-right: 4px !important;
|
|
1547
1672
|
}
|
|
1548
|
-
[data-v-
|
|
1673
|
+
[data-v-be2bef78] .n-button {
|
|
1549
1674
|
/* 小尺寸按钮优化 */
|
|
1550
1675
|
}
|
|
1551
|
-
[data-v-
|
|
1676
|
+
[data-v-be2bef78] .n-button.n-button--small-type {
|
|
1552
1677
|
padding: 4px 8px;
|
|
1553
1678
|
height: 28px;
|
|
1554
1679
|
line-height: 20px;
|
|
1555
1680
|
}
|
|
1556
|
-
[data-v-
|
|
1681
|
+
[data-v-be2bef78] .n-button {
|
|
1557
1682
|
/* 四元按钮样式 */
|
|
1558
1683
|
}
|
|
1559
|
-
[data-v-
|
|
1684
|
+
[data-v-be2bef78] .n-button.n-button--quaternary-type:hover {
|
|
1560
1685
|
transform: translateY(-1px);
|
|
1561
1686
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
|
1562
1687
|
}
|
|
1563
|
-
[data-v-
|
|
1688
|
+
[data-v-be2bef78] .n-button.n-button--quaternary-type:active {
|
|
1564
1689
|
transform: translateY(0);
|
|
1565
1690
|
}
|
|
1566
1691
|
|
|
1567
1692
|
/* ================= 8. 按钮组间距优化 ================= */
|
|
1568
1693
|
/* 操作按钮组 */
|
|
1569
|
-
[data-v-
|
|
1694
|
+
[data-v-be2bef78] .n-space.n-space--horizontal .n-space-item:not(:last-child) {
|
|
1570
1695
|
margin-right: 6px !important;
|
|
1571
1696
|
}
|
|
1572
1697
|
|
|
1573
1698
|
/* ================= 9. 模态框样式优化 ================= */
|
|
1574
1699
|
/* 编辑模态框 */
|
|
1575
|
-
[data-v-
|
|
1700
|
+
[data-v-be2bef78] .n-modal .n-card {
|
|
1576
1701
|
border-radius: 12px;
|
|
1577
1702
|
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
|
|
1578
1703
|
}
|
|
1579
|
-
[data-v-
|
|
1704
|
+
[data-v-be2bef78] .n-modal .n-card__header {
|
|
1580
1705
|
padding: 20px 24px 16px;
|
|
1581
1706
|
font-weight: 600;
|
|
1582
1707
|
font-size: 16px;
|
|
1583
1708
|
}
|
|
1584
|
-
[data-v-
|
|
1709
|
+
[data-v-be2bef78] .n-modal .n-card__content {
|
|
1585
1710
|
padding: 0 24px 16px;
|
|
1586
1711
|
}
|
|
1587
|
-
[data-v-
|
|
1712
|
+
[data-v-be2bef78] .n-modal .n-card__action {
|
|
1588
1713
|
padding: 16px 24px 20px;
|
|
1589
1714
|
border-top: 1px solid var(--n-divider-color);
|
|
1590
1715
|
}
|
|
1591
1716
|
|
|
1592
1717
|
/* ================= 10. 描述列表样式 ================= */
|
|
1593
1718
|
/* 详情模态框描述列表 */
|
|
1594
|
-
[data-v-
|
|
1719
|
+
[data-v-be2bef78] .n-descriptions .n-descriptions-item-label {
|
|
1595
1720
|
font-weight: 500;
|
|
1596
1721
|
color: var(--n-text-color-2);
|
|
1597
1722
|
}
|
|
1598
|
-
[data-v-
|
|
1723
|
+
[data-v-be2bef78] .n-descriptions .n-descriptions-item-content {
|
|
1599
1724
|
color: var(--n-text-color-1);
|
|
1600
1725
|
word-break: break-all;
|
|
1601
1726
|
}
|
|
@@ -1603,99 +1728,99 @@ to {
|
|
|
1603
1728
|
/* ================= 11. 响应式设计 ================= */
|
|
1604
1729
|
/* 移动端适配 */
|
|
1605
1730
|
@media (max-width: 768px) {
|
|
1606
|
-
.c-table-wrapper[data-v-
|
|
1731
|
+
.c-table-wrapper[data-v-be2bef78] {
|
|
1607
1732
|
overflow-x: auto;
|
|
1608
1733
|
}
|
|
1609
1734
|
/* 操作列在移动端的适配 */
|
|
1610
|
-
[data-v-
|
|
1735
|
+
[data-v-be2bef78] .n-data-table-th:last-child {
|
|
1611
1736
|
width: 160px !important;
|
|
1612
1737
|
min-width: 160px !important;
|
|
1613
1738
|
}
|
|
1614
1739
|
/* 按钮在移动端的优化 */
|
|
1615
|
-
[data-v-
|
|
1740
|
+
[data-v-be2bef78] .n-button {
|
|
1616
1741
|
font-size: 11px !important;
|
|
1617
1742
|
padding: 3px 6px;
|
|
1618
1743
|
}
|
|
1619
|
-
[data-v-
|
|
1744
|
+
[data-v-be2bef78] .n-button .n-icon {
|
|
1620
1745
|
margin-right: 2px !important;
|
|
1621
1746
|
}
|
|
1622
1747
|
/* 单元格编辑图标在移动端始终显示 */
|
|
1623
|
-
.cell-edit-icon[data-v-
|
|
1748
|
+
.cell-edit-icon[data-v-be2bef78] {
|
|
1624
1749
|
opacity: 0.6;
|
|
1625
1750
|
}
|
|
1626
1751
|
}
|
|
1627
1752
|
/* ================= 12. 主题适配 ================= */
|
|
1628
1753
|
/* 暗色主题适配 - 已通过 CSS 变量自动适配 */
|
|
1629
|
-
[data-theme=dark][data-v-
|
|
1754
|
+
[data-theme=dark][data-v-be2bef78] {
|
|
1630
1755
|
/* CSS 变量已自动适配,如有特殊需求可在此添加 */
|
|
1631
1756
|
}
|
|
1632
1757
|
|
|
1633
1758
|
/* ================= 13. 响应式优化 ================= */
|
|
1634
1759
|
/* 小屏幕下的单元格编辑优化 */
|
|
1635
1760
|
@media (max-width: 768px) {
|
|
1636
|
-
.cell-editing-container[data-v-
|
|
1761
|
+
.cell-editing-container[data-v-be2bef78],[data-v-be2bef78] .cell-editing-container {
|
|
1637
1762
|
gap: 6px !important;
|
|
1638
1763
|
}
|
|
1639
|
-
.cell-editing-actions[data-v-
|
|
1764
|
+
.cell-editing-actions[data-v-be2bef78],[data-v-be2bef78] .cell-editing-actions {
|
|
1640
1765
|
gap: 3px !important;
|
|
1641
1766
|
padding: 2px !important;
|
|
1642
1767
|
}
|
|
1643
|
-
.cell-action-btn[data-v-
|
|
1768
|
+
.cell-action-btn[data-v-be2bef78],[data-v-be2bef78] .cell-action-btn {
|
|
1644
1769
|
width: 18px !important;
|
|
1645
1770
|
height: 18px !important;
|
|
1646
1771
|
}
|
|
1647
|
-
.cell-action-btn svg[data-v-
|
|
1772
|
+
.cell-action-btn svg[data-v-be2bef78],[data-v-be2bef78] .cell-action-btn svg {
|
|
1648
1773
|
width: 10px !important;
|
|
1649
1774
|
height: 10px !important;
|
|
1650
1775
|
}
|
|
1651
1776
|
/* 移动端编辑图标 */
|
|
1652
|
-
.cell-edit-icon[data-v-
|
|
1777
|
+
.cell-edit-icon[data-v-be2bef78] {
|
|
1653
1778
|
opacity: 0.6 !important;
|
|
1654
1779
|
}
|
|
1655
|
-
.cell-value[data-v-
|
|
1780
|
+
.cell-value[data-v-be2bef78] {
|
|
1656
1781
|
margin-right: 12px !important;
|
|
1657
1782
|
}
|
|
1658
1783
|
}
|
|
1659
1784
|
/* ================= 14. 性能优化 ================= */
|
|
1660
1785
|
/* 使用 GPU 加速的动画 */
|
|
1661
|
-
.cell-edit-icon[data-v-
|
|
1662
|
-
.cell-action-btn[data-v-
|
|
1786
|
+
.cell-edit-icon[data-v-be2bef78],
|
|
1787
|
+
.cell-action-btn[data-v-be2bef78] {
|
|
1663
1788
|
will-change: transform;
|
|
1664
1789
|
backface-visibility: hidden;
|
|
1665
1790
|
}
|
|
1666
|
-
[data-v-
|
|
1791
|
+
[data-v-be2bef78] .n-button {
|
|
1667
1792
|
will-change: transform;
|
|
1668
1793
|
backface-visibility: hidden;
|
|
1669
1794
|
}
|
|
1670
1795
|
|
|
1671
1796
|
/* ================= 15. 可访问性优化 ================= */
|
|
1672
1797
|
/* 聚焦状态 */
|
|
1673
|
-
.cell-edit-wrapper[data-v-
|
|
1674
|
-
.cell-editing-container[data-v-
|
|
1798
|
+
.cell-edit-wrapper[data-v-be2bef78]:focus-within,
|
|
1799
|
+
.cell-editing-container[data-v-be2bef78]:focus-within {
|
|
1675
1800
|
outline: 2px solid var(--n-primary-color);
|
|
1676
1801
|
outline-offset: 2px;
|
|
1677
1802
|
}
|
|
1678
1803
|
|
|
1679
1804
|
/* 高对比度模式支持 */
|
|
1680
1805
|
@media (prefers-contrast: high) {
|
|
1681
|
-
.cell-edit-icon[data-v-
|
|
1806
|
+
.cell-edit-icon[data-v-be2bef78] {
|
|
1682
1807
|
opacity: 0.8;
|
|
1683
1808
|
}
|
|
1684
|
-
.cell-editing-actions[data-v-
|
|
1809
|
+
.cell-editing-actions[data-v-be2bef78] {
|
|
1685
1810
|
border-width: 2px;
|
|
1686
1811
|
}
|
|
1687
1812
|
}
|
|
1688
1813
|
/* ================= 11. 行拖拽排序 ================= */
|
|
1689
|
-
.row-drag-ghost[data-v-
|
|
1814
|
+
.row-drag-ghost[data-v-be2bef78] {
|
|
1690
1815
|
opacity: 0.4;
|
|
1691
1816
|
background: var(--c-table-drag-ghost-bg) !important;
|
|
1692
1817
|
}
|
|
1693
|
-
.row-drag-chosen[data-v-
|
|
1818
|
+
.row-drag-chosen[data-v-be2bef78] {
|
|
1694
1819
|
background: var(--n-color-hover, #f5f5f5) !important;
|
|
1695
1820
|
}
|
|
1696
1821
|
|
|
1697
1822
|
/* ================= 12. 批量操作栏 ================= */
|
|
1698
|
-
.batch-actions-bar[data-v-
|
|
1823
|
+
.batch-actions-bar[data-v-be2bef78] {
|
|
1699
1824
|
display: flex;
|
|
1700
1825
|
align-items: center;
|
|
1701
1826
|
justify-content: space-between;
|
|
@@ -1705,56 +1830,56 @@ to {
|
|
|
1705
1830
|
border-radius: 6px;
|
|
1706
1831
|
border: 1px solid var(--n-primary-color-suppl, #70b3ff);
|
|
1707
1832
|
}
|
|
1708
|
-
.batch-actions-bar .batch-info[data-v-
|
|
1833
|
+
.batch-actions-bar .batch-info[data-v-be2bef78] {
|
|
1709
1834
|
font-size: 13px;
|
|
1710
1835
|
color: var(--n-text-color-2);
|
|
1711
1836
|
font-weight: 500;
|
|
1712
1837
|
}
|
|
1713
1838
|
|
|
1714
1839
|
/* ================= 13. 错误状态 ================= */
|
|
1715
|
-
.table-error-state[data-v-
|
|
1840
|
+
.table-error-state[data-v-be2bef78] {
|
|
1716
1841
|
padding: 48px 24px;
|
|
1717
1842
|
text-align: center;
|
|
1718
1843
|
}
|
|
1719
|
-
.table-error-state .error-content[data-v-
|
|
1844
|
+
.table-error-state .error-content[data-v-be2bef78] {
|
|
1720
1845
|
display: flex;
|
|
1721
1846
|
flex-direction: column;
|
|
1722
1847
|
align-items: center;
|
|
1723
1848
|
gap: 12px;
|
|
1724
1849
|
color: var(--n-text-color-3, #999);
|
|
1725
1850
|
}
|
|
1726
|
-
.table-error-state .error-message[data-v-
|
|
1851
|
+
.table-error-state .error-message[data-v-be2bef78] {
|
|
1727
1852
|
font-size: 14px;
|
|
1728
1853
|
margin: 0;
|
|
1729
1854
|
color: var(--n-text-color-2, #666);
|
|
1730
1855
|
}
|
|
1731
1856
|
/* unplugin-vue-components disabled */
|
|
1732
1857
|
/* layer: default */
|
|
1733
|
-
.visible[data-v-
|
|
1734
|
-
.fixed[data-v-
|
|
1735
|
-
.grid[data-v-
|
|
1736
|
-
.mb-2[data-v-
|
|
1737
|
-
.mb-4[data-v-
|
|
1738
|
-
.ml-2[data-v-
|
|
1739
|
-
.w60\%[data-v-
|
|
1740
|
-
.flex[data-v-
|
|
1741
|
-
.table[data-v-
|
|
1742
|
-
.scale-110[data-v-
|
|
1743
|
-
.cursor-pointer[data-v-
|
|
1744
|
-
.items-center[data-v-
|
|
1745
|
-
.justify-end[data-v-
|
|
1746
|
-
.justify-center[data-v-
|
|
1747
|
-
.rd[data-v-
|
|
1748
|
-
.bg-gray-50[data-v-
|
|
1749
|
-
.p-4[data-v-
|
|
1750
|
-
.px[data-v-
|
|
1751
|
-
.py-8[data-v-
|
|
1752
|
-
.text-center[data-v-
|
|
1753
|
-
.text-sm[data-v-
|
|
1754
|
-
.text-gray-400[data-v-
|
|
1755
|
-
.text-gray-500[data-v-
|
|
1756
|
-
.text-gray-600[data-v-
|
|
1757
|
-
.accent-blue-500[data-v-
|
|
1758
|
-
.blur[data-v-
|
|
1759
|
-
.filter[data-v-
|
|
1858
|
+
.visible[data-v-be2bef78]{visibility:visible;}
|
|
1859
|
+
.fixed[data-v-be2bef78]{position:fixed;}
|
|
1860
|
+
.grid[data-v-be2bef78]{display:grid;}
|
|
1861
|
+
.mb-2[data-v-be2bef78]{margin-bottom:0.5rem;}
|
|
1862
|
+
.mb-4[data-v-be2bef78]{margin-bottom:1rem;}
|
|
1863
|
+
.ml-2[data-v-be2bef78]{margin-left:0.5rem;}
|
|
1864
|
+
.w60\%[data-v-be2bef78]{width:60%;}
|
|
1865
|
+
.flex[data-v-be2bef78]{display:flex;}
|
|
1866
|
+
.table[data-v-be2bef78]{display:table;}
|
|
1867
|
+
.scale-110[data-v-be2bef78]{--un-scale-x:1.1;--un-scale-y:1.1;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
|
|
1868
|
+
.cursor-pointer[data-v-be2bef78]{cursor:pointer;}
|
|
1869
|
+
.items-center[data-v-be2bef78]{align-items:center;}
|
|
1870
|
+
.justify-end[data-v-be2bef78]{justify-content:flex-end;}
|
|
1871
|
+
.justify-center[data-v-be2bef78]{justify-content:center;}
|
|
1872
|
+
.rd[data-v-be2bef78]{border-radius:0.25rem;}
|
|
1873
|
+
.bg-gray-50[data-v-be2bef78]{--un-bg-opacity:1;background-color:rgb(249 250 251 / var(--un-bg-opacity));}
|
|
1874
|
+
.p-4[data-v-be2bef78]{padding:1rem;}
|
|
1875
|
+
.px[data-v-be2bef78]{padding-left:1rem;padding-right:1rem;}
|
|
1876
|
+
.py-8[data-v-be2bef78]{padding-top:2rem;padding-bottom:2rem;}
|
|
1877
|
+
.text-center[data-v-be2bef78]{text-align:center;}
|
|
1878
|
+
.text-sm[data-v-be2bef78]{font-size:0.875rem;line-height:1.25rem;}
|
|
1879
|
+
.text-gray-400[data-v-be2bef78]{--un-text-opacity:1;color:rgb(156 163 175 / var(--un-text-opacity));}
|
|
1880
|
+
.text-gray-500[data-v-be2bef78]{--un-text-opacity:1;color:rgb(107 114 128 / var(--un-text-opacity));}
|
|
1881
|
+
.text-gray-600[data-v-be2bef78]{--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity));}
|
|
1882
|
+
.accent-blue-500[data-v-be2bef78]{--un-accent-opacity:1;accent-color:rgb(59 130 246 / var(--un-accent-opacity));}
|
|
1883
|
+
.blur[data-v-be2bef78]{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
|
|
1884
|
+
.filter[data-v-be2bef78]{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
|
|
1760
1885
|
|