@robot-admin/naive-ui-components 0.13.6 → 0.13.8
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 +14 -0
- package/README.md +37 -2
- package/README_EN.md +37 -2
- 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.css +54 -71
- package/dist/C_Loading2.cjs +1 -1
- package/dist/C_Loading2.js +1 -1
- package/dist/C_Table.base.css +340 -352
- package/dist/C_Table.css +340 -352
- package/dist/constants.d.cts +1 -1
- package/dist/constants.d.ts +1 -1
- package/dist/constants2.d.cts +3 -3
- package/dist/constants2.d.ts +3 -3
- package/dist/constants3.d.cts +5 -5
- package/dist/constants3.d.ts +5 -5
- package/dist/constants4.d.cts +4 -4
- package/dist/constants4.d.ts +4 -4
- package/dist/constants5.d.cts +2 -2
- package/dist/constants5.d.ts +2 -2
- package/dist/data.d.cts +9 -9
- package/dist/data.d.ts +9 -9
- package/dist/index.cjs +1 -1
- package/dist/index.d.cts +2 -2
- package/dist/index.d.ts +2 -2
- package/dist/index.js +1 -1
- package/dist/index.vue.d.cts +4 -4
- package/dist/index.vue.d.ts +4 -4
- package/dist/index10.vue.d.cts +4 -4
- package/dist/index10.vue.d.ts +2 -2
- package/dist/index11.vue.d.cts +2 -2
- package/dist/index11.vue.d.ts +5 -5
- package/dist/index12.vue.d.cts +5 -5
- package/dist/index12.vue.d.ts +1 -1
- package/dist/index13.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 +3 -3
- package/dist/index15.vue.d.cts +3 -3
- package/dist/index17.vue.d.ts +1 -1
- package/dist/index18.vue.d.cts +1 -1
- package/dist/index18.vue.d.ts +3 -3
- package/dist/index19.vue.d.cts +3 -3
- package/dist/index19.vue.d.ts +1 -1
- package/dist/index2.vue.d.cts +1 -1
- package/dist/index2.vue.d.ts +1 -1
- package/dist/index20.vue.d.cts +1 -1
- package/dist/index20.vue.d.ts +1 -1
- package/dist/index21.vue.d.cts +3 -3
- package/dist/index21.vue.d.ts +3 -3
- package/dist/index22.vue.d.cts +2 -2
- package/dist/index22.vue.d.ts +2 -2
- package/dist/index23.vue.d.cts +2 -2
- package/dist/index23.vue.d.ts +2 -2
- package/dist/index25.vue.d.cts +2 -2
- package/dist/index25.vue.d.ts +2 -2
- package/dist/index27.vue.d.cts +3 -3
- package/dist/index27.vue.d.ts +3 -3
- package/dist/index28.vue.d.cts +3 -3
- package/dist/index28.vue.d.ts +3 -3
- 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 +3 -3
- package/dist/index9.vue.d.cts +3 -3
- package/dist/index9.vue.d.ts +4 -4
- package/dist/mapUtils.d.cts +1 -1
- package/dist/mapUtils.d.ts +1 -1
- package/dist/presets.d.cts +1 -1
- package/dist/presets.d.ts +1 -1
- package/dist/style.css +355 -367
- 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 +8 -8
- package/dist/useDraggableLayout.d.ts +8 -8
- package/dist/useDynamicFormState.d.cts +25 -5
- package/dist/useDynamicFormState.d.ts +25 -5
- package/dist/useEdgeInteraction.d.cts +1 -1
- package/dist/useEdgeInteraction.d.ts +1 -1
- package/dist/useQRCode.d.cts +3 -3
- package/dist/useQRCode.d.ts +3 -3
- package/dist/useSearchState.d.cts +5 -5
- package/dist/useSearchState.d.ts +5 -5
- package/dist/useSignatureHistory.d.cts +4 -4
- package/dist/useSignatureHistory.d.ts +4 -4
- package/dist/useSplitResize.d.cts +3 -3
- package/dist/useSplitResize.d.ts +3 -3
- package/dist/useTableQuery.cjs +2 -2
- package/dist/useTableQuery.d.cts +6 -2
- package/dist/useTableQuery.d.ts +6 -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 +7 -7
- package/dist/useTreeOperations.d.ts +7 -7
- package/dist/useWorkflowValidation.d.cts +1 -1
- package/dist/useWorkflowValidation.d.ts +1 -1
- package/dist/verification.d.cts +3 -3
- package/dist/verification.d.ts +3 -3
- package/package.json +2 -1
package/dist/C_Table.css
CHANGED
|
@@ -174,39 +174,39 @@
|
|
|
174
174
|
}
|
|
175
175
|
|
|
176
176
|
/* unplugin-vue-components disabled *//* Inline 布局样式 */
|
|
177
|
-
.c-form-inline[data-v-
|
|
177
|
+
.c-form-inline[data-v-195d0124] {
|
|
178
178
|
width: 100%;
|
|
179
179
|
min-height: 0;
|
|
180
180
|
transition: all 0.3s ease;
|
|
181
181
|
}
|
|
182
|
-
.c-form-inline-item[data-v-
|
|
182
|
+
.c-form-inline-item[data-v-195d0124] {
|
|
183
183
|
min-width: 0;
|
|
184
184
|
transition: all 0.3s ease;
|
|
185
185
|
}
|
|
186
186
|
|
|
187
187
|
/* 确保内部所有表单组件都占满容器宽度 */
|
|
188
|
-
.c-form-inline-item[data-v-
|
|
188
|
+
.c-form-inline-item[data-v-195d0124] .n-form-item {
|
|
189
189
|
width: 100%;
|
|
190
190
|
margin-bottom: 0;
|
|
191
191
|
}
|
|
192
|
-
.c-form-inline-item[data-v-
|
|
192
|
+
.c-form-inline-item[data-v-195d0124] .n-form-item-blank {
|
|
193
193
|
width: 100%;
|
|
194
194
|
}
|
|
195
|
-
.c-form-inline-item[data-v-
|
|
196
|
-
.c-form-inline-item[data-v-
|
|
197
|
-
.c-form-inline-item[data-v-
|
|
198
|
-
.c-form-inline-item[data-v-
|
|
199
|
-
.c-form-inline-item[data-v-
|
|
200
|
-
.c-form-inline-item[data-v-
|
|
201
|
-
.c-form-inline-item[data-v-
|
|
202
|
-
.c-form-inline-item[data-v-
|
|
203
|
-
.c-form-inline-item[data-v-
|
|
195
|
+
.c-form-inline-item[data-v-195d0124] .n-input,
|
|
196
|
+
.c-form-inline-item[data-v-195d0124] .n-select,
|
|
197
|
+
.c-form-inline-item[data-v-195d0124] .n-date-picker,
|
|
198
|
+
.c-form-inline-item[data-v-195d0124] .n-time-picker,
|
|
199
|
+
.c-form-inline-item[data-v-195d0124] .n-input-number,
|
|
200
|
+
.c-form-inline-item[data-v-195d0124] .n-cascader,
|
|
201
|
+
.c-form-inline-item[data-v-195d0124] .n-color-picker,
|
|
202
|
+
.c-form-inline-item[data-v-195d0124] .n-auto-complete,
|
|
203
|
+
.c-form-inline-item[data-v-195d0124] .n-tree-select {
|
|
204
204
|
width: 100% !important;
|
|
205
205
|
}
|
|
206
206
|
|
|
207
207
|
/* 单选框和复选框组保持自然宽度 */
|
|
208
|
-
.c-form-inline-item[data-v-
|
|
209
|
-
.c-form-inline-item[data-v-
|
|
208
|
+
.c-form-inline-item[data-v-195d0124] .n-radio-group,
|
|
209
|
+
.c-form-inline-item[data-v-195d0124] .n-checkbox-group {
|
|
210
210
|
width: 100%;
|
|
211
211
|
display: flex;
|
|
212
212
|
flex-wrap: wrap;
|
|
@@ -214,52 +214,53 @@
|
|
|
214
214
|
}
|
|
215
215
|
|
|
216
216
|
/* 开关组件居左对齐 */
|
|
217
|
-
.c-form-inline-item[data-v-
|
|
217
|
+
.c-form-inline-item[data-v-195d0124] .n-switch {
|
|
218
218
|
width: auto;
|
|
219
219
|
}
|
|
220
220
|
|
|
221
221
|
/* ================= 对齐方式样式增强 ================= */
|
|
222
222
|
/* 当容器使用 center 对齐时,确保表单项也居中 */
|
|
223
|
-
.c-form-inline[style*="justify-content: center"] .c-form-inline-item[data-v-
|
|
223
|
+
.c-form-inline[style*="justify-content: center"] .c-form-inline-item[data-v-195d0124] {
|
|
224
224
|
text-align: center;
|
|
225
225
|
}
|
|
226
226
|
|
|
227
227
|
/* 当容器使用 end 对齐时,确保表单项也右对齐 */
|
|
228
|
-
.c-form-inline[style*="justify-content: flex-end"] .c-form-inline-item[data-v-
|
|
228
|
+
.c-form-inline[style*="justify-content: flex-end"] .c-form-inline-item[data-v-195d0124] {
|
|
229
229
|
text-align: right;
|
|
230
230
|
}
|
|
231
231
|
|
|
232
232
|
/* 当容器使用 start 对齐时,确保表单项左对齐 */
|
|
233
|
-
.c-form-inline[style*="justify-content: flex-start"] .c-form-inline-item[data-v-
|
|
233
|
+
.c-form-inline[style*="justify-content: flex-start"] .c-form-inline-item[data-v-195d0124] {
|
|
234
234
|
text-align: left;
|
|
235
235
|
}
|
|
236
236
|
|
|
237
237
|
/* ================= 响应式设计 ================= */
|
|
238
238
|
/* 移动设备 - 改为垂直布局 */
|
|
239
239
|
@media (max-width: 768px) {
|
|
240
|
-
.c-form-inline[data-v-
|
|
240
|
+
.c-form-inline[data-v-195d0124] {
|
|
241
241
|
flex-direction: column !important;
|
|
242
242
|
gap: 12px !important;
|
|
243
243
|
justify-content: flex-start !important;
|
|
244
244
|
}
|
|
245
|
-
.c-form-inline-item[data-v-
|
|
245
|
+
.c-form-inline-item[data-v-195d0124] {
|
|
246
246
|
width: 100% !important;
|
|
247
247
|
text-align: left !important;
|
|
248
248
|
}
|
|
249
249
|
}
|
|
250
250
|
/* 小屏手机 */
|
|
251
251
|
@media (max-width: 480px) {
|
|
252
|
-
.c-form-inline[data-v-
|
|
252
|
+
.c-form-inline[data-v-195d0124] {
|
|
253
253
|
gap: 8px !important;
|
|
254
254
|
}
|
|
255
255
|
}
|
|
256
256
|
/* unplugin-vue-components disabled */
|
|
257
257
|
/* layer: default */
|
|
258
|
-
.visible[data-v-
|
|
259
|
-
.grid[data-v-
|
|
260
|
-
.inline[data-v-
|
|
261
|
-
.flex[data-v-
|
|
262
|
-
.px[data-v-
|
|
258
|
+
.visible[data-v-195d0124]{visibility:visible;}
|
|
259
|
+
.grid[data-v-195d0124]{display:grid;}
|
|
260
|
+
.inline[data-v-195d0124]{display:inline;}
|
|
261
|
+
.flex[data-v-195d0124]{display:flex;}
|
|
262
|
+
.px[data-v-195d0124]{padding-left:1rem;padding-right:1rem;}
|
|
263
|
+
.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);}
|
|
263
264
|
|
|
264
265
|
/* unplugin-vue-components disabled *//* Grid 布局样式 */
|
|
265
266
|
/* 变量定义 */
|
|
@@ -617,42 +618,42 @@ to {
|
|
|
617
618
|
.text-xs[data-v-28320dd2]{font-size:0.75rem;line-height:1rem;}
|
|
618
619
|
|
|
619
620
|
/* unplugin-vue-components disabled *//* Tabs 布局样式 */
|
|
620
|
-
.c-form-tabs[data-v-
|
|
621
|
+
.c-form-tabs[data-v-cbd5e822] {
|
|
621
622
|
width: 100%;
|
|
622
623
|
}
|
|
623
|
-
.single-panel[data-v-
|
|
624
|
+
.single-panel[data-v-cbd5e822] {
|
|
624
625
|
width: 100%;
|
|
625
626
|
}
|
|
626
|
-
.tabs-container[data-v-
|
|
627
|
+
.tabs-container[data-v-cbd5e822] {
|
|
627
628
|
width: 100%;
|
|
628
629
|
}
|
|
629
|
-
.form-tabs[data-v-
|
|
630
|
+
.form-tabs[data-v-cbd5e822] {
|
|
630
631
|
width: 100%;
|
|
631
632
|
}
|
|
632
|
-
.tab-icon[data-v-
|
|
633
|
+
.tab-icon[data-v-cbd5e822] {
|
|
633
634
|
font-size: 16px;
|
|
634
635
|
display: inline-flex;
|
|
635
636
|
align-items: center;
|
|
636
637
|
justify-content: center;
|
|
637
638
|
}
|
|
638
|
-
.tab-header[data-v-
|
|
639
|
+
.tab-header[data-v-cbd5e822] {
|
|
639
640
|
margin-bottom: 16px;
|
|
640
641
|
padding-bottom: 12px;
|
|
641
642
|
border-bottom: 1px solid var(--n-border-color);
|
|
642
643
|
}
|
|
643
|
-
.tab-description[data-v-
|
|
644
|
+
.tab-description[data-v-cbd5e822] {
|
|
644
645
|
margin: 0;
|
|
645
646
|
font-size: 14px;
|
|
646
647
|
line-height: 1.5;
|
|
647
648
|
opacity: 0.8;
|
|
648
649
|
}
|
|
649
|
-
.tab-form-items[data-v-
|
|
650
|
+
.tab-form-items[data-v-cbd5e822] {
|
|
650
651
|
width: 100%;
|
|
651
652
|
}
|
|
652
|
-
.tab-empty[data-v-
|
|
653
|
+
.tab-empty[data-v-cbd5e822] {
|
|
653
654
|
padding: 40px 0;
|
|
654
655
|
}
|
|
655
|
-
.tabs-actions[data-v-
|
|
656
|
+
.tabs-actions[data-v-cbd5e822] {
|
|
656
657
|
margin-top: 16px;
|
|
657
658
|
padding-top: 12px;
|
|
658
659
|
border-top: 1px solid var(--n-border-color);
|
|
@@ -660,69 +661,70 @@ to {
|
|
|
660
661
|
|
|
661
662
|
/* 响应式设计 */
|
|
662
663
|
@media (max-width: 768px) {
|
|
663
|
-
.tabs-actions[data-v-
|
|
664
|
+
.tabs-actions[data-v-cbd5e822] {
|
|
664
665
|
margin-top: 12px;
|
|
665
666
|
padding-top: 8px;
|
|
666
667
|
}
|
|
667
|
-
.tabs-actions[data-v-
|
|
668
|
+
.tabs-actions[data-v-cbd5e822] .n-space {
|
|
668
669
|
flex-wrap: wrap;
|
|
669
670
|
}
|
|
670
671
|
}
|
|
671
672
|
/* unplugin-vue-components disabled */
|
|
672
673
|
/* layer: default */
|
|
673
|
-
.visible[data-v-
|
|
674
|
-
.grid[data-v-
|
|
675
|
-
.inline[data-v-
|
|
676
|
-
.tab[data-v-
|
|
674
|
+
.visible[data-v-cbd5e822]{visibility:visible;}
|
|
675
|
+
.grid[data-v-cbd5e822]{display:grid;}
|
|
676
|
+
.inline[data-v-cbd5e822]{display:inline;}
|
|
677
|
+
.tab[data-v-cbd5e822]{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}
|
|
678
|
+
.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);}
|
|
677
679
|
|
|
678
680
|
/* unplugin-vue-components disabled *//* Steps 布局样式 */
|
|
679
|
-
.c-form-steps[data-v-
|
|
681
|
+
.c-form-steps[data-v-ee5e4509] {
|
|
680
682
|
display: flex;
|
|
681
683
|
flex-direction: column;
|
|
682
684
|
gap: 24px;
|
|
683
685
|
}
|
|
684
|
-
.single-panel[data-v-
|
|
686
|
+
.single-panel[data-v-ee5e4509] {
|
|
685
687
|
width: 100%;
|
|
686
688
|
}
|
|
687
|
-
.steps-container[data-v-
|
|
689
|
+
.steps-container[data-v-ee5e4509] {
|
|
688
690
|
display: flex;
|
|
689
691
|
flex-direction: column;
|
|
690
692
|
gap: 24px;
|
|
691
693
|
}
|
|
692
|
-
.steps-indicator[data-v-
|
|
694
|
+
.steps-indicator[data-v-ee5e4509] {
|
|
693
695
|
padding: 24px;
|
|
694
696
|
border-radius: 8px;
|
|
695
697
|
}
|
|
696
|
-
.steps-content[data-v-
|
|
698
|
+
.steps-content[data-v-ee5e4509] {
|
|
697
699
|
min-height: 400px;
|
|
698
700
|
}
|
|
699
|
-
.step-panel[data-v-
|
|
700
|
-
animation: fadeIn-
|
|
701
|
+
.step-panel[data-v-ee5e4509] {
|
|
702
|
+
animation: fadeIn-ee5e4509 0.3s ease-in-out;
|
|
701
703
|
}
|
|
702
|
-
.step-header[data-v-
|
|
704
|
+
.step-header[data-v-ee5e4509] {
|
|
703
705
|
margin-bottom: 24px;
|
|
704
706
|
padding-bottom: 16px;
|
|
705
707
|
border-bottom: 1px solid var(--n-border-color);
|
|
706
708
|
}
|
|
707
|
-
.step-title[data-v-
|
|
709
|
+
.step-title[data-v-ee5e4509] {
|
|
708
710
|
margin: 0 0 8px 0;
|
|
709
711
|
font-size: 18px;
|
|
710
712
|
font-weight: 600;
|
|
711
713
|
}
|
|
712
|
-
.step-description[data-v-
|
|
714
|
+
.step-description[data-v-ee5e4509] {
|
|
713
715
|
margin: 0;
|
|
714
716
|
font-size: 14px;
|
|
715
717
|
line-height: 1.5;
|
|
716
718
|
}
|
|
717
|
-
.step-form-items[data-v-
|
|
719
|
+
.step-form-items[data-v-ee5e4509] {
|
|
718
720
|
width: 100%;
|
|
719
721
|
}
|
|
720
|
-
.steps-actions[data-v-
|
|
722
|
+
.steps-actions[data-v-ee5e4509] {
|
|
721
723
|
margin-top: 24px;
|
|
722
724
|
padding-top: 16px;
|
|
723
725
|
border-top: 1px solid var(--n-border-color);
|
|
724
726
|
}
|
|
725
|
-
@keyframes fadeIn-
|
|
727
|
+
@keyframes fadeIn-ee5e4509 {
|
|
726
728
|
from {
|
|
727
729
|
opacity: 0;
|
|
728
730
|
transform: translateY(8px);
|
|
@@ -733,77 +735,78 @@ to {
|
|
|
733
735
|
}
|
|
734
736
|
}
|
|
735
737
|
/* 垂直步骤样式:由组件状态驱动,避免 scoped CSS 生成无效的 :has/:deep 组合。 */
|
|
736
|
-
.steps-container.is-vertical[data-v-
|
|
738
|
+
.steps-container.is-vertical[data-v-ee5e4509] {
|
|
737
739
|
flex-direction: row;
|
|
738
740
|
align-items: flex-start;
|
|
739
741
|
}
|
|
740
|
-
.steps-container.is-vertical .steps-indicator[data-v-
|
|
742
|
+
.steps-container.is-vertical .steps-indicator[data-v-ee5e4509] {
|
|
741
743
|
flex-shrink: 0;
|
|
742
744
|
width: 250px;
|
|
743
745
|
margin-right: 24px;
|
|
744
746
|
}
|
|
745
|
-
.steps-container.is-vertical .steps-content[data-v-
|
|
747
|
+
.steps-container.is-vertical .steps-content[data-v-ee5e4509] {
|
|
746
748
|
flex: 1;
|
|
747
749
|
}
|
|
748
750
|
|
|
749
751
|
/* 响应式设计 */
|
|
750
752
|
@media (max-width: 768px) {
|
|
751
|
-
.steps-container.is-vertical[data-v-
|
|
753
|
+
.steps-container.is-vertical[data-v-ee5e4509] {
|
|
752
754
|
flex-direction: column !important;
|
|
753
755
|
}
|
|
754
|
-
.steps-container.is-vertical .steps-indicator[data-v-
|
|
756
|
+
.steps-container.is-vertical .steps-indicator[data-v-ee5e4509] {
|
|
755
757
|
width: 100% !important;
|
|
756
758
|
margin-right: 0 !important;
|
|
757
759
|
margin-bottom: 16px;
|
|
758
760
|
}
|
|
759
761
|
}
|
|
760
762
|
@media (prefers-reduced-motion: reduce) {
|
|
761
|
-
.step-panel[data-v-
|
|
763
|
+
.step-panel[data-v-ee5e4509] {
|
|
762
764
|
animation: none !important;
|
|
763
765
|
}
|
|
764
766
|
}
|
|
765
767
|
/* unplugin-vue-components disabled */
|
|
766
768
|
/* layer: default */
|
|
767
|
-
.visible[data-v-
|
|
768
|
-
.grid[data-v-
|
|
769
|
-
.inline[data-v-
|
|
769
|
+
.visible[data-v-ee5e4509]{visibility:visible;}
|
|
770
|
+
.grid[data-v-ee5e4509]{display:grid;}
|
|
771
|
+
.inline[data-v-ee5e4509]{display:inline;}
|
|
772
|
+
.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);}
|
|
770
773
|
|
|
771
774
|
/* unplugin-vue-components disabled *//* Dynamic 布局样式 */
|
|
772
|
-
.c-form-dynamic[data-v-
|
|
775
|
+
.c-form-dynamic[data-v-1779d19c] {
|
|
773
776
|
width: 100%;
|
|
774
777
|
}
|
|
775
|
-
.dynamic-controls[data-v-
|
|
776
|
-
.dynamic-controls-fallback[data-v-
|
|
778
|
+
.dynamic-controls[data-v-1779d19c],
|
|
779
|
+
.dynamic-controls-fallback[data-v-1779d19c] {
|
|
777
780
|
margin-bottom: 16px;
|
|
778
781
|
}
|
|
779
|
-
.dynamic-stats[data-v-
|
|
782
|
+
.dynamic-stats[data-v-1779d19c] {
|
|
780
783
|
margin-top: 16px;
|
|
781
784
|
padding-top: 12px;
|
|
782
785
|
border-top: 1px solid var(--n-divider-color);
|
|
783
786
|
}
|
|
784
|
-
.dynamic-item-wrapper[data-v-
|
|
787
|
+
.dynamic-item-wrapper[data-v-1779d19c] {
|
|
785
788
|
position: relative;
|
|
786
789
|
transition: all 0.3s ease;
|
|
787
|
-
animation: fadeInUp-
|
|
790
|
+
animation: fadeInUp-1779d19c 0.3s ease-out;
|
|
788
791
|
}
|
|
789
|
-
.dynamic-item-wrapper.is-dynamic-field[data-v-
|
|
792
|
+
.dynamic-item-wrapper.is-dynamic-field[data-v-1779d19c] {
|
|
790
793
|
border: 1px dashed var(--n-color-primary);
|
|
791
794
|
border-radius: 6px;
|
|
792
795
|
padding: 8px;
|
|
793
796
|
background-color: var(--n-color-primary-suppl);
|
|
794
797
|
}
|
|
795
|
-
.max-fields-config[data-v-
|
|
798
|
+
.max-fields-config[data-v-1779d19c] {
|
|
796
799
|
display: flex;
|
|
797
800
|
align-items: center;
|
|
798
801
|
gap: 8px;
|
|
799
802
|
font-size: 14px;
|
|
800
803
|
}
|
|
801
|
-
.max-fields-config span[data-v-
|
|
804
|
+
.max-fields-config span[data-v-1779d19c] {
|
|
802
805
|
font-weight: 500;
|
|
803
806
|
white-space: nowrap;
|
|
804
807
|
color: var(--n-text-color-2);
|
|
805
808
|
}
|
|
806
|
-
@keyframes fadeInUp-
|
|
809
|
+
@keyframes fadeInUp-1779d19c {
|
|
807
810
|
from {
|
|
808
811
|
opacity: 0;
|
|
809
812
|
transform: translateY(10px);
|
|
@@ -815,125 +818,126 @@ to {
|
|
|
815
818
|
}
|
|
816
819
|
/* 响应式设计 */
|
|
817
820
|
@media (max-width: 768px) {
|
|
818
|
-
.dynamic-controls[data-v-
|
|
819
|
-
.dynamic-controls-fallback[data-v-
|
|
821
|
+
.dynamic-controls[data-v-1779d19c],
|
|
822
|
+
.dynamic-controls-fallback[data-v-1779d19c] {
|
|
820
823
|
margin-bottom: 12px;
|
|
821
824
|
}
|
|
822
|
-
.dynamic-stats[data-v-
|
|
825
|
+
.dynamic-stats[data-v-1779d19c] {
|
|
823
826
|
margin-top: 12px;
|
|
824
827
|
}
|
|
825
|
-
.dynamic-item-wrapper.is-dynamic-field[data-v-
|
|
828
|
+
.dynamic-item-wrapper.is-dynamic-field[data-v-1779d19c] {
|
|
826
829
|
padding: 6px;
|
|
827
830
|
}
|
|
828
|
-
.max-fields-config[data-v-
|
|
831
|
+
.max-fields-config[data-v-1779d19c] {
|
|
829
832
|
margin-top: 8px;
|
|
830
833
|
}
|
|
831
834
|
}
|
|
832
835
|
/* 辅助功能 */
|
|
833
836
|
@media (prefers-reduced-motion: reduce) {
|
|
834
|
-
.dynamic-item-wrapper[data-v-
|
|
837
|
+
.dynamic-item-wrapper[data-v-1779d19c] {
|
|
835
838
|
animation: none !important;
|
|
836
839
|
transition: none !important;
|
|
837
840
|
}
|
|
838
841
|
}
|
|
839
842
|
@media (prefers-contrast: high) {
|
|
840
|
-
.dynamic-item-wrapper.is-dynamic-field[data-v-
|
|
843
|
+
.dynamic-item-wrapper.is-dynamic-field[data-v-1779d19c] {
|
|
841
844
|
border-width: 2px;
|
|
842
845
|
border-color: currentColor;
|
|
843
846
|
}
|
|
844
847
|
}
|
|
845
848
|
/* unplugin-vue-components disabled */
|
|
846
849
|
/* layer: default */
|
|
847
|
-
.visible[data-v-
|
|
848
|
-
.grid[data-v-
|
|
849
|
-
.inline[data-v-
|
|
850
|
+
.visible[data-v-1779d19c]{visibility:visible;}
|
|
851
|
+
.grid[data-v-1779d19c]{display:grid;}
|
|
852
|
+
.inline[data-v-1779d19c]{display:inline;}
|
|
853
|
+
.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);}
|
|
850
854
|
|
|
851
855
|
/* unplugin-vue-components disabled *//* Custom 布局样式 */
|
|
852
|
-
.custom-layout .toolbar-card[data-v-
|
|
856
|
+
.custom-layout .toolbar-card[data-v-858beb3e] {
|
|
853
857
|
margin-bottom: 16px;
|
|
854
858
|
}
|
|
855
|
-
.custom-layout .toolbar-card .toolbar-content[data-v-
|
|
859
|
+
.custom-layout .toolbar-card .toolbar-content[data-v-858beb3e] {
|
|
856
860
|
display: flex;
|
|
857
861
|
justify-content: space-between;
|
|
858
862
|
align-items: center;
|
|
859
863
|
flex-wrap: wrap;
|
|
860
864
|
gap: 16px;
|
|
861
865
|
}
|
|
862
|
-
.custom-layout .toolbar-card .toolbar-content .mode-section[data-v-
|
|
863
|
-
.custom-layout .toolbar-card .toolbar-content .stats-section[data-v-
|
|
864
|
-
.custom-layout .toolbar-card .toolbar-content .actions-section[data-v-
|
|
866
|
+
.custom-layout .toolbar-card .toolbar-content .mode-section[data-v-858beb3e],
|
|
867
|
+
.custom-layout .toolbar-card .toolbar-content .stats-section[data-v-858beb3e],
|
|
868
|
+
.custom-layout .toolbar-card .toolbar-content .actions-section[data-v-858beb3e] {
|
|
865
869
|
display: flex;
|
|
866
870
|
align-items: center;
|
|
867
871
|
gap: 12px;
|
|
868
872
|
}
|
|
869
|
-
.custom-layout .toolbar-card .toolbar-content .section-label[data-v-
|
|
873
|
+
.custom-layout .toolbar-card .toolbar-content .section-label[data-v-858beb3e] {
|
|
870
874
|
font-size: 14px;
|
|
871
875
|
font-weight: 500;
|
|
872
876
|
}
|
|
873
|
-
.custom-layout .toolbar-card .toolbar-content .stat-item[data-v-
|
|
877
|
+
.custom-layout .toolbar-card .toolbar-content .stat-item[data-v-858beb3e] {
|
|
874
878
|
text-align: center;
|
|
875
879
|
min-width: 60px;
|
|
876
880
|
}
|
|
877
|
-
.custom-layout .toolbar-card .toolbar-content .stat-item .stat-value[data-v-
|
|
881
|
+
.custom-layout .toolbar-card .toolbar-content .stat-item .stat-value[data-v-858beb3e] {
|
|
878
882
|
display: block;
|
|
879
883
|
font-size: 18px;
|
|
880
884
|
font-weight: 600;
|
|
881
885
|
color: var(--n-primary-color);
|
|
882
886
|
}
|
|
883
|
-
.custom-layout .toolbar-card .toolbar-content .stat-item .stat-label[data-v-
|
|
887
|
+
.custom-layout .toolbar-card .toolbar-content .stat-item .stat-label[data-v-858beb3e] {
|
|
884
888
|
font-size: 12px;
|
|
885
889
|
opacity: 0.7;
|
|
886
890
|
margin-top: 4px;
|
|
887
891
|
}
|
|
888
|
-
.custom-layout .design-panel[data-v-
|
|
892
|
+
.custom-layout .design-panel[data-v-858beb3e] {
|
|
889
893
|
margin-bottom: 16px;
|
|
890
894
|
}
|
|
891
|
-
.custom-layout .design-panel .design-tools[data-v-
|
|
895
|
+
.custom-layout .design-panel .design-tools[data-v-858beb3e] {
|
|
892
896
|
display: flex;
|
|
893
897
|
gap: 24px;
|
|
894
898
|
flex-wrap: wrap;
|
|
895
899
|
}
|
|
896
|
-
.custom-layout .design-panel .design-tools .tool-group[data-v-
|
|
900
|
+
.custom-layout .design-panel .design-tools .tool-group[data-v-858beb3e] {
|
|
897
901
|
display: flex;
|
|
898
902
|
align-items: center;
|
|
899
903
|
gap: 8px;
|
|
900
904
|
}
|
|
901
|
-
.custom-layout .design-panel .design-tools .tool-group .group-label[data-v-
|
|
905
|
+
.custom-layout .design-panel .design-tools .tool-group .group-label[data-v-858beb3e] {
|
|
902
906
|
font-size: 14px;
|
|
903
907
|
font-weight: 500;
|
|
904
908
|
margin-right: 4px;
|
|
905
909
|
}
|
|
906
|
-
.custom-layout .layout-canvas[data-v-
|
|
910
|
+
.custom-layout .layout-canvas[data-v-858beb3e] {
|
|
907
911
|
min-height: 200px;
|
|
908
912
|
}
|
|
909
|
-
.custom-layout .layout-canvas.design-mode[data-v-
|
|
913
|
+
.custom-layout .layout-canvas.design-mode[data-v-858beb3e] {
|
|
910
914
|
border: 2px dashed var(--n-border-color);
|
|
911
915
|
border-radius: 8px;
|
|
912
916
|
padding: 16px;
|
|
913
917
|
background: var(--n-body-color);
|
|
914
918
|
}
|
|
915
|
-
.custom-layout .layout-canvas .canvas-hint[data-v-
|
|
919
|
+
.custom-layout .layout-canvas .canvas-hint[data-v-858beb3e] {
|
|
916
920
|
display: flex;
|
|
917
921
|
align-items: center;
|
|
918
922
|
justify-content: center;
|
|
919
923
|
height: 120px;
|
|
920
924
|
text-align: center;
|
|
921
925
|
}
|
|
922
|
-
.custom-layout .layout-canvas .canvas-hint .hint-content h3[data-v-
|
|
926
|
+
.custom-layout .layout-canvas .canvas-hint .hint-content h3[data-v-858beb3e] {
|
|
923
927
|
margin: 0 0 8px 0;
|
|
924
928
|
font-size: 18px;
|
|
925
929
|
}
|
|
926
|
-
.custom-layout .layout-canvas .canvas-hint .hint-content p[data-v-
|
|
930
|
+
.custom-layout .layout-canvas .canvas-hint .hint-content p[data-v-858beb3e] {
|
|
927
931
|
margin: 0;
|
|
928
932
|
opacity: 0.7;
|
|
929
933
|
font-size: 14px;
|
|
930
934
|
}
|
|
931
|
-
.custom-layout .layout-canvas .areas-container[data-v-
|
|
935
|
+
.custom-layout .layout-canvas .areas-container[data-v-858beb3e] {
|
|
932
936
|
display: flex;
|
|
933
937
|
flex-wrap: wrap;
|
|
934
938
|
gap: 16px;
|
|
935
939
|
}
|
|
936
|
-
.custom-layout .layout-canvas .custom-area[data-v-
|
|
940
|
+
.custom-layout .layout-canvas .custom-area[data-v-858beb3e] {
|
|
937
941
|
border: 1px solid var(--n-border-color);
|
|
938
942
|
border-radius: 8px;
|
|
939
943
|
background: var(--n-card-color);
|
|
@@ -942,7 +946,7 @@ to {
|
|
|
942
946
|
flex: 1;
|
|
943
947
|
min-width: 250px;
|
|
944
948
|
}
|
|
945
|
-
.custom-layout .layout-canvas .custom-area .area-header[data-v-
|
|
949
|
+
.custom-layout .layout-canvas .custom-area .area-header[data-v-858beb3e] {
|
|
946
950
|
display: flex;
|
|
947
951
|
justify-content: space-between;
|
|
948
952
|
align-items: center;
|
|
@@ -950,12 +954,12 @@ to {
|
|
|
950
954
|
padding-bottom: 8px;
|
|
951
955
|
border-bottom: 1px solid var(--n-divider-color);
|
|
952
956
|
}
|
|
953
|
-
.custom-layout .layout-canvas .custom-area .area-header .area-info[data-v-
|
|
957
|
+
.custom-layout .layout-canvas .custom-area .area-header .area-info[data-v-858beb3e] {
|
|
954
958
|
display: flex;
|
|
955
959
|
align-items: center;
|
|
956
960
|
gap: 8px;
|
|
957
961
|
}
|
|
958
|
-
.custom-layout .layout-canvas .custom-area .area-header .area-info .area-title[data-v-
|
|
962
|
+
.custom-layout .layout-canvas .custom-area .area-header .area-info .area-title[data-v-858beb3e] {
|
|
959
963
|
font-weight: 600;
|
|
960
964
|
font-size: 14px;
|
|
961
965
|
cursor: pointer;
|
|
@@ -963,25 +967,25 @@ to {
|
|
|
963
967
|
border-radius: 4px;
|
|
964
968
|
transition: all 0.2s ease;
|
|
965
969
|
}
|
|
966
|
-
.custom-layout .layout-canvas .custom-area .area-header .area-info .area-title[data-v-
|
|
970
|
+
.custom-layout .layout-canvas .custom-area .area-header .area-info .area-title[data-v-858beb3e]:hover {
|
|
967
971
|
background: var(--n-button-color-hover);
|
|
968
972
|
color: var(--n-primary-color);
|
|
969
973
|
}
|
|
970
|
-
.custom-layout .layout-canvas .custom-area .area-header .area-info .title-input[data-v-
|
|
974
|
+
.custom-layout .layout-canvas .custom-area .area-header .area-info .title-input[data-v-858beb3e] {
|
|
971
975
|
min-width: 120px;
|
|
972
976
|
max-width: 200px;
|
|
973
977
|
}
|
|
974
|
-
.custom-layout .layout-canvas .custom-area .area-header .area-controls[data-v-
|
|
978
|
+
.custom-layout .layout-canvas .custom-area .area-header .area-controls[data-v-858beb3e] {
|
|
975
979
|
display: flex;
|
|
976
980
|
gap: 4px;
|
|
977
981
|
}
|
|
978
|
-
.custom-layout .layout-canvas .custom-area .area-fields[data-v-
|
|
982
|
+
.custom-layout .layout-canvas .custom-area .area-fields[data-v-858beb3e] {
|
|
979
983
|
display: flex;
|
|
980
984
|
flex-direction: column;
|
|
981
985
|
gap: 8px;
|
|
982
986
|
min-height: 60px;
|
|
983
987
|
}
|
|
984
|
-
.custom-layout .layout-canvas .custom-area .area-drop-zone[data-v-
|
|
988
|
+
.custom-layout .layout-canvas .custom-area .area-drop-zone[data-v-858beb3e] {
|
|
985
989
|
display: flex;
|
|
986
990
|
align-items: center;
|
|
987
991
|
justify-content: center;
|
|
@@ -994,21 +998,21 @@ to {
|
|
|
994
998
|
background: var(--n-body-color);
|
|
995
999
|
margin-top: 8px;
|
|
996
1000
|
}
|
|
997
|
-
.custom-layout .layout-canvas .custom-area .area-drop-zone[data-v-
|
|
1001
|
+
.custom-layout .layout-canvas .custom-area .area-drop-zone[data-v-858beb3e]:hover {
|
|
998
1002
|
border-color: var(--n-primary-color);
|
|
999
1003
|
opacity: 1;
|
|
1000
1004
|
}
|
|
1001
|
-
.custom-layout .layout-canvas .custom-area.area-horizontal .area-fields[data-v-
|
|
1005
|
+
.custom-layout .layout-canvas .custom-area.area-horizontal .area-fields[data-v-858beb3e] {
|
|
1002
1006
|
flex-direction: row;
|
|
1003
1007
|
flex-wrap: wrap;
|
|
1004
1008
|
gap: 12px;
|
|
1005
1009
|
}
|
|
1006
|
-
.custom-layout .layout-canvas .custom-area.area-grid .area-fields[data-v-
|
|
1010
|
+
.custom-layout .layout-canvas .custom-area.area-grid .area-fields[data-v-858beb3e] {
|
|
1007
1011
|
display: grid;
|
|
1008
1012
|
grid-template-columns: repeat(2, 1fr);
|
|
1009
1013
|
gap: 8px;
|
|
1010
1014
|
}
|
|
1011
|
-
.custom-layout .layout-canvas .field-item[data-v-
|
|
1015
|
+
.custom-layout .layout-canvas .field-item[data-v-858beb3e] {
|
|
1012
1016
|
border: 1px solid var(--n-border-color);
|
|
1013
1017
|
border-radius: 6px;
|
|
1014
1018
|
background: var(--n-body-color);
|
|
@@ -1017,18 +1021,18 @@ to {
|
|
|
1017
1021
|
cursor: move;
|
|
1018
1022
|
transition: all 0.2s ease;
|
|
1019
1023
|
}
|
|
1020
|
-
.custom-layout .layout-canvas .field-item[data-v-
|
|
1024
|
+
.custom-layout .layout-canvas .field-item[data-v-858beb3e]:hover {
|
|
1021
1025
|
border-color: var(--n-primary-color);
|
|
1022
1026
|
transform: translateY(-1px);
|
|
1023
1027
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
|
|
1024
1028
|
}
|
|
1025
|
-
.custom-layout .layout-canvas .field-item .field-preview[data-v-
|
|
1029
|
+
.custom-layout .layout-canvas .field-item .field-preview[data-v-858beb3e] {
|
|
1026
1030
|
display: flex;
|
|
1027
1031
|
justify-content: space-between;
|
|
1028
1032
|
align-items: center;
|
|
1029
1033
|
gap: 8px;
|
|
1030
1034
|
}
|
|
1031
|
-
.custom-layout .layout-canvas .field-item .field-preview .field-label[data-v-
|
|
1035
|
+
.custom-layout .layout-canvas .field-item .field-preview .field-label[data-v-858beb3e] {
|
|
1032
1036
|
font-size: 13px;
|
|
1033
1037
|
font-weight: 500;
|
|
1034
1038
|
flex: 1;
|
|
@@ -1036,7 +1040,7 @@ to {
|
|
|
1036
1040
|
text-overflow: ellipsis;
|
|
1037
1041
|
white-space: nowrap;
|
|
1038
1042
|
}
|
|
1039
|
-
.custom-layout .layout-canvas .field-item .field-preview .field-type[data-v-
|
|
1043
|
+
.custom-layout .layout-canvas .field-item .field-preview .field-type[data-v-858beb3e] {
|
|
1040
1044
|
font-size: 11px;
|
|
1041
1045
|
opacity: 0.6;
|
|
1042
1046
|
background: var(--n-tag-color);
|
|
@@ -1044,15 +1048,15 @@ to {
|
|
|
1044
1048
|
border-radius: 4px;
|
|
1045
1049
|
flex-shrink: 0;
|
|
1046
1050
|
}
|
|
1047
|
-
.custom-layout .layout-canvas .field-pool[data-v-
|
|
1051
|
+
.custom-layout .layout-canvas .field-pool[data-v-858beb3e] {
|
|
1048
1052
|
margin-top: 16px;
|
|
1049
1053
|
}
|
|
1050
|
-
.custom-layout .layout-canvas .field-pool .pool-fields-grid[data-v-
|
|
1054
|
+
.custom-layout .layout-canvas .field-pool .pool-fields-grid[data-v-858beb3e] {
|
|
1051
1055
|
display: grid;
|
|
1052
1056
|
grid-template-columns: repeat(4, 1fr);
|
|
1053
1057
|
gap: 12px;
|
|
1054
1058
|
}
|
|
1055
|
-
.custom-layout .layout-canvas .field-pool .pool-field[data-v-
|
|
1059
|
+
.custom-layout .layout-canvas .field-pool .pool-field[data-v-858beb3e] {
|
|
1056
1060
|
border: 1px solid var(--n-border-color);
|
|
1057
1061
|
border-radius: 6px;
|
|
1058
1062
|
background: var(--n-card-color);
|
|
@@ -1064,12 +1068,12 @@ to {
|
|
|
1064
1068
|
justify-content: space-between;
|
|
1065
1069
|
align-items: center;
|
|
1066
1070
|
}
|
|
1067
|
-
.custom-layout .layout-canvas .field-pool .pool-field[data-v-
|
|
1071
|
+
.custom-layout .layout-canvas .field-pool .pool-field[data-v-858beb3e]:hover {
|
|
1068
1072
|
border-color: var(--n-primary-color);
|
|
1069
1073
|
transform: translateY(-1px);
|
|
1070
1074
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
|
|
1071
1075
|
}
|
|
1072
|
-
.custom-layout .layout-canvas .field-pool .pool-field .field-name[data-v-
|
|
1076
|
+
.custom-layout .layout-canvas .field-pool .pool-field .field-name[data-v-858beb3e] {
|
|
1073
1077
|
font-size: 13px;
|
|
1074
1078
|
font-weight: 500;
|
|
1075
1079
|
flex: 1;
|
|
@@ -1077,90 +1081,90 @@ to {
|
|
|
1077
1081
|
text-overflow: ellipsis;
|
|
1078
1082
|
white-space: nowrap;
|
|
1079
1083
|
}
|
|
1080
|
-
.custom-layout .layout-canvas .field-pool .pool-field .field-type-tag[data-v-
|
|
1084
|
+
.custom-layout .layout-canvas .field-pool .pool-field .field-type-tag[data-v-858beb3e] {
|
|
1081
1085
|
font-size: 11px;
|
|
1082
1086
|
padding: 2px 8px;
|
|
1083
1087
|
border-radius: 4px;
|
|
1084
1088
|
background: var(--n-tag-color);
|
|
1085
1089
|
flex-shrink: 0;
|
|
1086
1090
|
}
|
|
1087
|
-
.custom-layout .layout-canvas .empty-layout[data-v-
|
|
1091
|
+
.custom-layout .layout-canvas .empty-layout[data-v-858beb3e] {
|
|
1088
1092
|
display: flex;
|
|
1089
1093
|
align-items: center;
|
|
1090
1094
|
justify-content: center;
|
|
1091
1095
|
height: 120px;
|
|
1092
1096
|
padding: 16px;
|
|
1093
1097
|
}
|
|
1094
|
-
.custom-layout .layout-canvas .form-areas[data-v-
|
|
1098
|
+
.custom-layout .layout-canvas .form-areas[data-v-858beb3e] {
|
|
1095
1099
|
display: flex;
|
|
1096
1100
|
flex-wrap: wrap;
|
|
1097
1101
|
gap: 16px;
|
|
1098
1102
|
align-items: flex-start;
|
|
1099
1103
|
}
|
|
1100
|
-
.custom-layout .layout-canvas .form-areas .form-area[data-v-
|
|
1104
|
+
.custom-layout .layout-canvas .form-areas .form-area[data-v-858beb3e] {
|
|
1101
1105
|
flex: 1;
|
|
1102
1106
|
min-width: 250px;
|
|
1103
1107
|
}
|
|
1104
|
-
.custom-layout .layout-canvas .form-areas .form-area.area-vertical[data-v-
|
|
1108
|
+
.custom-layout .layout-canvas .form-areas .form-area.area-vertical[data-v-858beb3e] {
|
|
1105
1109
|
width: 100%;
|
|
1106
1110
|
}
|
|
1107
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1111
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] {
|
|
1108
1112
|
display: flex;
|
|
1109
1113
|
flex-direction: column;
|
|
1110
1114
|
gap: 16px;
|
|
1111
1115
|
/* 统一表单项宽度 */
|
|
1112
1116
|
}
|
|
1113
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1117
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item {
|
|
1114
1118
|
width: 100%;
|
|
1115
1119
|
}
|
|
1116
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1120
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank {
|
|
1117
1121
|
width: 100%;
|
|
1118
1122
|
/* 统一输入控件宽度 */
|
|
1119
1123
|
}
|
|
1120
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1121
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1122
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1123
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1124
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1125
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1126
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1127
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1128
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1129
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1130
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1124
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-input,
|
|
1125
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-select,
|
|
1126
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-date-picker,
|
|
1127
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-input-number,
|
|
1128
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-textarea,
|
|
1129
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-radio-group,
|
|
1130
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-checkbox-group,
|
|
1131
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-cascader,
|
|
1132
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-tree-select,
|
|
1133
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-time-picker,
|
|
1134
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-color-picker {
|
|
1131
1135
|
width: 100% !important;
|
|
1132
1136
|
max-width: 100% !important;
|
|
1133
1137
|
}
|
|
1134
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1138
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank {
|
|
1135
1139
|
/* 特殊控件的额外处理 */
|
|
1136
1140
|
}
|
|
1137
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1138
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1141
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-radio-group,
|
|
1142
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-checkbox-group {
|
|
1139
1143
|
display: flex;
|
|
1140
1144
|
flex-wrap: wrap;
|
|
1141
1145
|
gap: 8px;
|
|
1142
1146
|
}
|
|
1143
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-horizontal[data-v-
|
|
1147
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-horizontal[data-v-858beb3e] {
|
|
1144
1148
|
flex-direction: row;
|
|
1145
1149
|
flex-wrap: wrap;
|
|
1146
1150
|
gap: 12px;
|
|
1147
1151
|
}
|
|
1148
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-horizontal[data-v-
|
|
1152
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-horizontal[data-v-858beb3e] .n-form-item {
|
|
1149
1153
|
flex: 1;
|
|
1150
1154
|
min-width: 200px;
|
|
1151
1155
|
}
|
|
1152
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-grid[data-v-
|
|
1156
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-grid[data-v-858beb3e] {
|
|
1153
1157
|
display: grid;
|
|
1154
1158
|
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
|
|
1155
1159
|
gap: 16px;
|
|
1156
1160
|
}
|
|
1157
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-grid[data-v-
|
|
1161
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-grid[data-v-858beb3e] .n-form-item {
|
|
1158
1162
|
width: 100%;
|
|
1159
1163
|
}
|
|
1160
1164
|
|
|
1161
1165
|
/* 拖拽状态 */
|
|
1162
|
-
.area-ghost[data-v-
|
|
1163
|
-
.field-ghost[data-v-
|
|
1166
|
+
.area-ghost[data-v-858beb3e],
|
|
1167
|
+
.field-ghost[data-v-858beb3e] {
|
|
1164
1168
|
opacity: 0.5;
|
|
1165
1169
|
background: var(--n-primary-color-suppl);
|
|
1166
1170
|
border: 2px dashed var(--n-primary-color);
|
|
@@ -1169,164 +1173,148 @@ to {
|
|
|
1169
1173
|
|
|
1170
1174
|
/* 响应式 */
|
|
1171
1175
|
@media (max-width: 1024px) {
|
|
1172
|
-
.custom-layout .toolbar-content[data-v-
|
|
1176
|
+
.custom-layout .toolbar-content[data-v-858beb3e] {
|
|
1173
1177
|
flex-direction: column;
|
|
1174
1178
|
gap: 12px;
|
|
1175
1179
|
}
|
|
1176
|
-
.custom-layout .layout-canvas .areas-container[data-v-
|
|
1180
|
+
.custom-layout .layout-canvas .areas-container[data-v-858beb3e] {
|
|
1177
1181
|
flex-direction: column;
|
|
1178
1182
|
}
|
|
1179
1183
|
}
|
|
1180
1184
|
@media (max-width: 768px) {
|
|
1181
|
-
.custom-layout .design-tools[data-v-
|
|
1185
|
+
.custom-layout .design-tools[data-v-858beb3e] {
|
|
1182
1186
|
flex-direction: column;
|
|
1183
1187
|
gap: 12px;
|
|
1184
1188
|
}
|
|
1185
|
-
.custom-layout .layout-canvas.design-mode[data-v-
|
|
1189
|
+
.custom-layout .layout-canvas.design-mode[data-v-858beb3e] {
|
|
1186
1190
|
padding: 12px;
|
|
1187
1191
|
}
|
|
1188
|
-
.custom-layout .custom-area[data-v-
|
|
1192
|
+
.custom-layout .custom-area[data-v-858beb3e] {
|
|
1189
1193
|
padding: 12px;
|
|
1190
1194
|
min-height: 100px;
|
|
1191
1195
|
}
|
|
1192
|
-
.custom-layout .layout-canvas .field-pool .pool-fields-grid[data-v-
|
|
1196
|
+
.custom-layout .layout-canvas .field-pool .pool-fields-grid[data-v-858beb3e] {
|
|
1193
1197
|
grid-template-columns: repeat(2, 1fr);
|
|
1194
1198
|
}
|
|
1195
1199
|
}
|
|
1196
1200
|
/* unplugin-vue-components disabled */
|
|
1197
1201
|
/* layer: default */
|
|
1198
|
-
.visible[data-v-
|
|
1199
|
-
.grid[data-v-
|
|
1200
|
-
.inline[data-v-
|
|
1202
|
+
.visible[data-v-858beb3e]{visibility:visible;}
|
|
1203
|
+
.grid[data-v-858beb3e]{display:grid;}
|
|
1204
|
+
.inline[data-v-858beb3e]{display:inline;}
|
|
1205
|
+
.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);}
|
|
1201
1206
|
|
|
1202
1207
|
/* unplugin-vue-components disabled */
|
|
1203
1208
|
/* layer: default */
|
|
1204
|
-
.visible[data-v-
|
|
1205
|
-
.grid[data-v-
|
|
1206
|
-
.inline[data-v-
|
|
1207
|
-
.table[data-v-
|
|
1208
|
-
.blur[data-v-
|
|
1209
|
-
.filter[data-v-
|
|
1209
|
+
.visible[data-v-6ce5207d]{visibility:visible;}
|
|
1210
|
+
.grid[data-v-6ce5207d]{display:grid;}
|
|
1211
|
+
.inline[data-v-6ce5207d]{display:inline;}
|
|
1212
|
+
.table[data-v-6ce5207d]{display:table;}
|
|
1213
|
+
.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);}
|
|
1214
|
+
.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);}
|
|
1210
1215
|
|
|
1211
1216
|
|
|
1212
1217
|
/* unplugin-vue-components disabled *//*
|
|
1213
1218
|
* @Author: ChenYu ycyplus@gmail.com
|
|
1214
|
-
* @Date: 2026-10-
|
|
1219
|
+
* @Date: 2026-10-07
|
|
1215
1220
|
* @FilePath: \naive-ui-components\src\components\C_Loading\index.scss
|
|
1216
|
-
* @Description:
|
|
1221
|
+
* @Description: 数据光环与细光束动画,作用域隔离并支持减少动态效果
|
|
1217
1222
|
* Copyright (c) 2026 by CHENY, All Rights Reserved 😎.
|
|
1218
1223
|
*/
|
|
1219
|
-
.c-loading[data-v-
|
|
1224
|
+
.c-loading[data-v-c6727905] {
|
|
1220
1225
|
display: inline-flex;
|
|
1221
|
-
flex-direction: column;
|
|
1222
1226
|
align-items: center;
|
|
1223
1227
|
justify-content: center;
|
|
1224
|
-
gap: 6px;
|
|
1225
1228
|
vertical-align: middle;
|
|
1226
1229
|
line-height: 1;
|
|
1227
1230
|
pointer-events: none;
|
|
1228
1231
|
}
|
|
1229
|
-
.c-loading--labeled[data-v-
|
|
1230
|
-
|
|
1231
|
-
gap:
|
|
1232
|
+
.c-loading--labeled[data-v-c6727905] {
|
|
1233
|
+
position: relative;
|
|
1234
|
+
gap: 10px;
|
|
1232
1235
|
max-width: 100%;
|
|
1233
|
-
padding: 8px
|
|
1236
|
+
padding: 8px 16px 9px 10px;
|
|
1234
1237
|
box-sizing: border-box;
|
|
1235
1238
|
border: 1px solid var(--c-loading-border);
|
|
1236
|
-
border-radius:
|
|
1239
|
+
border-radius: 16px;
|
|
1237
1240
|
background: var(--c-loading-surface);
|
|
1238
|
-
|
|
1241
|
+
background-image: linear-gradient(135deg, color-mix(in srgb, currentColor 4%, var(--c-loading-surface)), var(--c-loading-surface));
|
|
1242
|
+
box-shadow: inset 0 1px 0 color-mix(in srgb, currentColor 4%, transparent), 0 8px 28px rgba(0, 0, 0, 0.06);
|
|
1243
|
+
overflow: hidden;
|
|
1239
1244
|
}
|
|
1240
|
-
.c-
|
|
1245
|
+
.c-loading--labeled[data-v-c6727905]::after {
|
|
1246
|
+
content: "";
|
|
1247
|
+
position: absolute;
|
|
1248
|
+
bottom: 0;
|
|
1249
|
+
left: 0;
|
|
1250
|
+
width: 50%;
|
|
1251
|
+
height: 2px;
|
|
1252
|
+
background: linear-gradient(90deg, transparent, currentColor, transparent);
|
|
1253
|
+
opacity: 0.5;
|
|
1254
|
+
animation: c-loading-beam-c6727905 1.8s ease-in-out infinite;
|
|
1255
|
+
}
|
|
1256
|
+
.c-loading__glyph[data-v-c6727905] {
|
|
1241
1257
|
width: var(--c-loading-size, 48px);
|
|
1242
1258
|
height: var(--c-loading-size, 48px);
|
|
1243
1259
|
flex-shrink: 0;
|
|
1244
|
-
overflow: visible;
|
|
1245
|
-
}
|
|
1246
|
-
.c-loading__frame[data-v-48232aaa] {
|
|
1247
|
-
opacity: 0.35;
|
|
1248
|
-
animation: c-loading-frame-48232aaa 2.4s ease-in-out infinite;
|
|
1249
|
-
}
|
|
1250
|
-
.c-loading__scan[data-v-48232aaa] {
|
|
1251
|
-
opacity: 0;
|
|
1252
|
-
animation: c-loading-scan-48232aaa 2.4s ease-in-out infinite;
|
|
1253
1260
|
}
|
|
1254
|
-
.c-
|
|
1255
|
-
transform-box:
|
|
1261
|
+
.c-loading__orbit[data-v-c6727905] {
|
|
1262
|
+
transform-box: view-box;
|
|
1256
1263
|
transform-origin: center;
|
|
1257
|
-
animation: c-loading-
|
|
1264
|
+
animation: c-loading-orbit-c6727905 1.6s linear infinite;
|
|
1258
1265
|
}
|
|
1259
|
-
.c-
|
|
1260
|
-
|
|
1261
|
-
animation:
|
|
1266
|
+
.c-loading__orbit--inner[data-v-c6727905] {
|
|
1267
|
+
animation-duration: 3.2s;
|
|
1268
|
+
animation-direction: reverse;
|
|
1262
1269
|
}
|
|
1263
|
-
.c-
|
|
1264
|
-
|
|
1270
|
+
.c-loading__row[data-v-c6727905] {
|
|
1271
|
+
opacity: 0.75;
|
|
1272
|
+
animation: c-loading-row-c6727905 1.6s ease-in-out infinite;
|
|
1265
1273
|
}
|
|
1266
|
-
.c-loading__label[data-v-
|
|
1274
|
+
.c-loading__label[data-v-c6727905] {
|
|
1275
|
+
min-width: 0;
|
|
1267
1276
|
color: var(--c-loading-text, currentColor);
|
|
1268
1277
|
font-size: 12px;
|
|
1269
1278
|
font-weight: 500;
|
|
1270
1279
|
letter-spacing: 0.03em;
|
|
1271
1280
|
line-height: 1.6;
|
|
1281
|
+
overflow-wrap: anywhere;
|
|
1272
1282
|
}
|
|
1273
1283
|
@media (prefers-reduced-motion: reduce) {
|
|
1274
|
-
.c-
|
|
1284
|
+
.c-loading__orbit[data-v-c6727905], .c-loading__row[data-v-c6727905], .c-loading--labeled[data-v-c6727905]::after {
|
|
1275
1285
|
animation: none;
|
|
1276
1286
|
}
|
|
1277
|
-
.c-
|
|
1287
|
+
.c-loading--labeled[data-v-c6727905]::after {
|
|
1278
1288
|
display: none;
|
|
1279
1289
|
}
|
|
1280
|
-
.c-loading__frame[data-v-48232aaa], .c-loading__packet[data-v-48232aaa] {
|
|
1281
|
-
opacity: 0.55;
|
|
1282
1290
|
}
|
|
1283
|
-
|
|
1284
|
-
|
|
1285
|
-
|
|
1286
|
-
transform: translateY(0);
|
|
1287
|
-
opacity: 0;
|
|
1288
|
-
}
|
|
1289
|
-
25% {
|
|
1290
|
-
opacity: 0.2;
|
|
1291
|
-
}
|
|
1292
|
-
70% {
|
|
1293
|
-
transform: translateY(14px);
|
|
1294
|
-
opacity: 0.2;
|
|
1295
|
-
}
|
|
1296
|
-
88%, 100% {
|
|
1297
|
-
transform: translateY(14px);
|
|
1298
|
-
opacity: 0;
|
|
1291
|
+
@keyframes c-loading-orbit-c6727905 {
|
|
1292
|
+
to {
|
|
1293
|
+
transform: rotate(360deg);
|
|
1299
1294
|
}
|
|
1300
1295
|
}
|
|
1301
|
-
@keyframes c-loading-
|
|
1296
|
+
@keyframes c-loading-row-c6727905 {
|
|
1302
1297
|
0%, 100% {
|
|
1303
|
-
opacity: 0.
|
|
1304
|
-
}
|
|
1305
|
-
50% {
|
|
1306
|
-
opacity: 0.7;
|
|
1298
|
+
opacity: 0.4;
|
|
1307
1299
|
}
|
|
1308
|
-
|
|
1309
|
-
|
|
1310
|
-
0%, 72%, 82%, 100% {
|
|
1311
|
-
transform: scaleY(1);
|
|
1312
|
-
}
|
|
1313
|
-
77% {
|
|
1314
|
-
transform: scaleY(0.25);
|
|
1300
|
+
40%, 60% {
|
|
1301
|
+
opacity: 1;
|
|
1315
1302
|
}
|
|
1316
1303
|
}
|
|
1317
|
-
@keyframes c-loading-
|
|
1318
|
-
|
|
1319
|
-
|
|
1304
|
+
@keyframes c-loading-beam-c6727905 {
|
|
1305
|
+
from {
|
|
1306
|
+
transform: translateX(-100%);
|
|
1320
1307
|
}
|
|
1321
|
-
|
|
1322
|
-
|
|
1308
|
+
to {
|
|
1309
|
+
transform: translateX(200%);
|
|
1323
1310
|
}
|
|
1324
1311
|
}
|
|
1325
1312
|
/* unplugin-vue-components disabled */
|
|
1326
1313
|
/* layer: default */
|
|
1327
|
-
.
|
|
1328
|
-
.
|
|
1329
|
-
.
|
|
1314
|
+
.ms[data-v-c6727905]{margin-inline-start:1rem;}
|
|
1315
|
+
.table[data-v-c6727905]{display:table;}
|
|
1316
|
+
.px[data-v-c6727905]{padding-left:1rem;padding-right:1rem;}
|
|
1317
|
+
.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);}
|
|
1330
1318
|
|
|
1331
1319
|
|
|
1332
1320
|
/* unplugin-vue-components disabled */.column-management-tab .search-row[data-v-6ff103ee] {
|
|
@@ -1466,7 +1454,7 @@ to {
|
|
|
1466
1454
|
.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);}
|
|
1467
1455
|
|
|
1468
1456
|
/* unplugin-vue-components disabled *//* ================= 1. 组件根容器 ================= */
|
|
1469
|
-
.c-table-wrapper[data-v-
|
|
1457
|
+
.c-table-wrapper[data-v-f623c0e1] {
|
|
1470
1458
|
--c-table-border-color: var(--border-color, #e5e7eb);
|
|
1471
1459
|
--c-table-bg: var(--body-color, #fff);
|
|
1472
1460
|
--c-table-header-bg: var(--card-color, #fafafc);
|
|
@@ -1479,52 +1467,52 @@ to {
|
|
|
1479
1467
|
}
|
|
1480
1468
|
|
|
1481
1469
|
/* ================= 列拖拽排序 ================= */
|
|
1482
|
-
.column-drag-ghost[data-v-
|
|
1470
|
+
.column-drag-ghost[data-v-f623c0e1] {
|
|
1483
1471
|
opacity: var(--c-table-drag-ghost-opacity);
|
|
1484
1472
|
background: var(--c-table-drag-ghost-bg) !important;
|
|
1485
1473
|
}
|
|
1486
|
-
.drag-handle[data-v-
|
|
1474
|
+
.drag-handle[data-v-f623c0e1] {
|
|
1487
1475
|
cursor: grab;
|
|
1488
1476
|
}
|
|
1489
|
-
.drag-handle[data-v-
|
|
1477
|
+
.drag-handle[data-v-f623c0e1]:active {
|
|
1490
1478
|
cursor: grabbing;
|
|
1491
1479
|
}
|
|
1492
1480
|
|
|
1493
1481
|
/* ================= 合计行强调 ================= */
|
|
1494
|
-
.c-table-wrapper[data-v-
|
|
1482
|
+
.c-table-wrapper[data-v-f623c0e1] .n-data-table-tfoot {
|
|
1495
1483
|
background: var(--c-table-summary-bg);
|
|
1496
1484
|
font-weight: var(--c-table-summary-font-weight);
|
|
1497
1485
|
}
|
|
1498
1486
|
|
|
1499
1487
|
/* ================= 2. 表格工具栏 ================= */
|
|
1500
|
-
.table-toolbar[data-v-
|
|
1488
|
+
.table-toolbar[data-v-f623c0e1] {
|
|
1501
1489
|
display: flex;
|
|
1502
1490
|
justify-content: space-between;
|
|
1503
1491
|
align-items: center;
|
|
1504
1492
|
margin-bottom: 16px;
|
|
1505
1493
|
}
|
|
1506
|
-
.table-toolbar .toolbar-left[data-v-
|
|
1494
|
+
.table-toolbar .toolbar-left[data-v-f623c0e1] {
|
|
1507
1495
|
display: flex;
|
|
1508
1496
|
align-items: center;
|
|
1509
1497
|
gap: 12px;
|
|
1510
1498
|
}
|
|
1511
|
-
.table-toolbar .toolbar-right[data-v-
|
|
1499
|
+
.table-toolbar .toolbar-right[data-v-f623c0e1] {
|
|
1512
1500
|
display: flex;
|
|
1513
1501
|
align-items: center;
|
|
1514
1502
|
gap: 8px;
|
|
1515
1503
|
}
|
|
1516
|
-
.table-toolbar .toolbar-right .column-settings-btn[data-v-
|
|
1504
|
+
.table-toolbar .toolbar-right .column-settings-btn[data-v-f623c0e1] {
|
|
1517
1505
|
opacity: 0.6;
|
|
1518
1506
|
transition: opacity 0.2s ease, transform 0.2s ease;
|
|
1519
1507
|
cursor: pointer;
|
|
1520
1508
|
}
|
|
1521
|
-
.table-toolbar .toolbar-right .column-settings-btn[data-v-
|
|
1509
|
+
.table-toolbar .toolbar-right .column-settings-btn[data-v-f623c0e1]:hover {
|
|
1522
1510
|
opacity: 1;
|
|
1523
1511
|
transform: scale(1.1);
|
|
1524
1512
|
}
|
|
1525
1513
|
|
|
1526
1514
|
/* ================= 3. 动态行工具栏 ================= */
|
|
1527
|
-
.dynamic-rows-toolbar[data-v-
|
|
1515
|
+
.dynamic-rows-toolbar[data-v-f623c0e1] {
|
|
1528
1516
|
margin-bottom: 16px;
|
|
1529
1517
|
padding: 16px;
|
|
1530
1518
|
border-radius: 8px;
|
|
@@ -1533,12 +1521,12 @@ to {
|
|
|
1533
1521
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
|
|
1534
1522
|
transition: all 0.2s ease;
|
|
1535
1523
|
}
|
|
1536
|
-
.dynamic-rows-toolbar[data-v-
|
|
1524
|
+
.dynamic-rows-toolbar[data-v-f623c0e1]:hover {
|
|
1537
1525
|
border-color: var(--n-primary-color-suppl);
|
|
1538
1526
|
}
|
|
1539
1527
|
|
|
1540
1528
|
/* ================= 4. 表格布局基础 ================= */
|
|
1541
|
-
[data-v-
|
|
1529
|
+
[data-v-f623c0e1] .n-data-table {
|
|
1542
1530
|
table-layout: auto !important;
|
|
1543
1531
|
width: 100% !important;
|
|
1544
1532
|
border-radius: 8px;
|
|
@@ -1546,12 +1534,12 @@ to {
|
|
|
1546
1534
|
}
|
|
1547
1535
|
|
|
1548
1536
|
/* 确保表格容器允许横向滚动(固定列必需) */
|
|
1549
|
-
[data-v-
|
|
1537
|
+
[data-v-f623c0e1] .n-data-table-wrapper {
|
|
1550
1538
|
overflow-x: auto !important;
|
|
1551
1539
|
}
|
|
1552
1540
|
|
|
1553
1541
|
/* 分页组件样式 */
|
|
1554
|
-
.pagination-wrapper[data-v-
|
|
1542
|
+
.pagination-wrapper[data-v-f623c0e1] {
|
|
1555
1543
|
margin-top: 16px;
|
|
1556
1544
|
display: flex;
|
|
1557
1545
|
justify-content: flex-end;
|
|
@@ -1559,12 +1547,12 @@ to {
|
|
|
1559
1547
|
|
|
1560
1548
|
/* ================= 5. 表格列宽度管理 ================= */
|
|
1561
1549
|
/* 普通列的最小宽度保护 */
|
|
1562
|
-
[data-v-
|
|
1550
|
+
[data-v-f623c0e1] .n-data-table-th:not(:last-child) {
|
|
1563
1551
|
min-width: 80px !important;
|
|
1564
1552
|
}
|
|
1565
1553
|
|
|
1566
1554
|
/* 操作列固定宽度(适应4个按钮的布局) */
|
|
1567
|
-
[data-v-
|
|
1555
|
+
[data-v-f623c0e1] .c-table-actions-column {
|
|
1568
1556
|
width: 180px !important;
|
|
1569
1557
|
min-width: 160px !important;
|
|
1570
1558
|
max-width: 200px !important;
|
|
@@ -1573,14 +1561,14 @@ to {
|
|
|
1573
1561
|
}
|
|
1574
1562
|
|
|
1575
1563
|
/* 操作按钮容器居中 */
|
|
1576
|
-
[data-v-
|
|
1564
|
+
[data-v-f623c0e1] .c-table-actions-column .n-space {
|
|
1577
1565
|
justify-content: center !important;
|
|
1578
1566
|
align-items: center !important;
|
|
1579
1567
|
}
|
|
1580
1568
|
|
|
1581
1569
|
/* ================= 6. 可编辑单元格样式 ================= */
|
|
1582
1570
|
/* 单元格编辑容器 - 精致化设计 */
|
|
1583
|
-
.cell-edit-wrapper[data-v-
|
|
1571
|
+
.cell-edit-wrapper[data-v-f623c0e1] {
|
|
1584
1572
|
display: flex;
|
|
1585
1573
|
align-items: center;
|
|
1586
1574
|
justify-content: space-between;
|
|
@@ -1593,23 +1581,23 @@ to {
|
|
|
1593
1581
|
position: relative;
|
|
1594
1582
|
/* 悬停效果 */
|
|
1595
1583
|
}
|
|
1596
|
-
.cell-edit-wrapper[data-v-
|
|
1584
|
+
.cell-edit-wrapper[data-v-f623c0e1]:hover {
|
|
1597
1585
|
background-color: var(--n-color-target);
|
|
1598
1586
|
}
|
|
1599
|
-
.cell-edit-wrapper:hover .cell-edit-icon[data-v-
|
|
1587
|
+
.cell-edit-wrapper:hover .cell-edit-icon[data-v-f623c0e1] {
|
|
1600
1588
|
opacity: 1;
|
|
1601
1589
|
color: var(--n-color-success);
|
|
1602
1590
|
transform: scale(1.05);
|
|
1603
1591
|
}
|
|
1604
|
-
.cell-edit-wrapper[data-v-
|
|
1592
|
+
.cell-edit-wrapper[data-v-f623c0e1] {
|
|
1605
1593
|
/* 激活状态 */
|
|
1606
1594
|
}
|
|
1607
|
-
.cell-edit-wrapper[data-v-
|
|
1595
|
+
.cell-edit-wrapper[data-v-f623c0e1]:active {
|
|
1608
1596
|
transform: translateY(1px);
|
|
1609
1597
|
}
|
|
1610
1598
|
|
|
1611
1599
|
/* 单元格内容 */
|
|
1612
|
-
.cell-value[data-v-
|
|
1600
|
+
.cell-value[data-v-f623c0e1] {
|
|
1613
1601
|
flex: 1;
|
|
1614
1602
|
overflow: hidden;
|
|
1615
1603
|
text-overflow: ellipsis;
|
|
@@ -1620,7 +1608,7 @@ to {
|
|
|
1620
1608
|
}
|
|
1621
1609
|
|
|
1622
1610
|
/* 动态渲染单元格也只在当前表格边界内匹配。 */
|
|
1623
|
-
.c-table-wrapper[data-v-
|
|
1611
|
+
.c-table-wrapper[data-v-f623c0e1] .cell-edit-icon {
|
|
1624
1612
|
flex-shrink: 0;
|
|
1625
1613
|
width: 24px;
|
|
1626
1614
|
height: 24px;
|
|
@@ -1636,29 +1624,29 @@ to {
|
|
|
1636
1624
|
position: relative;
|
|
1637
1625
|
/* 悬停效果 */
|
|
1638
1626
|
}
|
|
1639
|
-
.c-table-wrapper[data-v-
|
|
1627
|
+
.c-table-wrapper[data-v-f623c0e1] .cell-edit-icon:hover {
|
|
1640
1628
|
opacity: 1 !important;
|
|
1641
1629
|
color: var(--n-color-success-hover) !important;
|
|
1642
1630
|
background-color: var(--n-color-success-pressed);
|
|
1643
1631
|
transform: scale(1.1);
|
|
1644
1632
|
}
|
|
1645
|
-
.c-table-wrapper[data-v-
|
|
1633
|
+
.c-table-wrapper[data-v-f623c0e1] .cell-edit-icon {
|
|
1646
1634
|
/* 激活效果 */
|
|
1647
1635
|
}
|
|
1648
|
-
.c-table-wrapper[data-v-
|
|
1636
|
+
.c-table-wrapper[data-v-f623c0e1] .cell-edit-icon:active {
|
|
1649
1637
|
transform: scale(0.95);
|
|
1650
1638
|
}
|
|
1651
|
-
.c-table-wrapper[data-v-
|
|
1639
|
+
.c-table-wrapper[data-v-f623c0e1] .cell-edit-icon {
|
|
1652
1640
|
/* 图标尺寸 */
|
|
1653
1641
|
}
|
|
1654
|
-
.c-table-wrapper[data-v-
|
|
1642
|
+
.c-table-wrapper[data-v-f623c0e1] .cell-edit-icon svg {
|
|
1655
1643
|
width: 14px;
|
|
1656
1644
|
height: 14px;
|
|
1657
1645
|
}
|
|
1658
1646
|
|
|
1659
1647
|
/* ================= 7. 单元格编辑状态样式 ================= */
|
|
1660
1648
|
/* 编辑容器 - 确保水平布局不换行 */
|
|
1661
|
-
.cell-editing-container[data-v-
|
|
1649
|
+
.cell-editing-container[data-v-f623c0e1],[data-v-f623c0e1] .cell-editing-container {
|
|
1662
1650
|
display: flex !important;
|
|
1663
1651
|
align-items: center !important;
|
|
1664
1652
|
width: 100% !important;
|
|
@@ -1672,39 +1660,39 @@ to {
|
|
|
1672
1660
|
}
|
|
1673
1661
|
|
|
1674
1662
|
/* 编辑输入区域 - 占据剩余空间 */
|
|
1675
|
-
.cell-editing-input[data-v-
|
|
1663
|
+
.cell-editing-input[data-v-f623c0e1],[data-v-f623c0e1] .cell-editing-input {
|
|
1676
1664
|
flex: 1 !important;
|
|
1677
1665
|
min-width: 0 !important;
|
|
1678
1666
|
}
|
|
1679
1667
|
|
|
1680
1668
|
/* 深度选择器处理输入框样式 */
|
|
1681
|
-
[data-v-
|
|
1669
|
+
[data-v-f623c0e1] .cell-editing-input .n-input {
|
|
1682
1670
|
border: none !important;
|
|
1683
1671
|
box-shadow: none !important;
|
|
1684
1672
|
background: transparent !important;
|
|
1685
1673
|
}
|
|
1686
|
-
[data-v-
|
|
1674
|
+
[data-v-f623c0e1] .cell-editing-input .n-input.n-input--focus {
|
|
1687
1675
|
border: none !important;
|
|
1688
1676
|
box-shadow: none !important;
|
|
1689
1677
|
}
|
|
1690
|
-
[data-v-
|
|
1678
|
+
[data-v-f623c0e1] .cell-editing-input .n-input-number {
|
|
1691
1679
|
border: none !important;
|
|
1692
1680
|
box-shadow: none !important;
|
|
1693
1681
|
background: transparent !important;
|
|
1694
1682
|
}
|
|
1695
|
-
[data-v-
|
|
1683
|
+
[data-v-f623c0e1] .cell-editing-input .n-select {
|
|
1696
1684
|
border: none !important;
|
|
1697
1685
|
box-shadow: none !important;
|
|
1698
1686
|
background: transparent !important;
|
|
1699
1687
|
}
|
|
1700
|
-
[data-v-
|
|
1688
|
+
[data-v-f623c0e1] .cell-editing-input .n-select .n-base-selection {
|
|
1701
1689
|
border: none !important;
|
|
1702
1690
|
box-shadow: none !important;
|
|
1703
1691
|
background: transparent !important;
|
|
1704
1692
|
}
|
|
1705
1693
|
|
|
1706
1694
|
/* 编辑操作按钮容器 */
|
|
1707
|
-
.cell-editing-actions[data-v-
|
|
1695
|
+
.cell-editing-actions[data-v-f623c0e1],[data-v-f623c0e1] .cell-editing-actions {
|
|
1708
1696
|
display: flex !important;
|
|
1709
1697
|
flex-shrink: 0 !important;
|
|
1710
1698
|
align-items: center !important;
|
|
@@ -1717,7 +1705,7 @@ to {
|
|
|
1717
1705
|
}
|
|
1718
1706
|
|
|
1719
1707
|
/* 编辑操作按钮 */
|
|
1720
|
-
.cell-action-btn[data-v-
|
|
1708
|
+
.cell-action-btn[data-v-f623c0e1],[data-v-f623c0e1] .cell-action-btn {
|
|
1721
1709
|
display: flex !important;
|
|
1722
1710
|
align-items: center !important;
|
|
1723
1711
|
justify-content: center !important;
|
|
@@ -1730,34 +1718,34 @@ to {
|
|
|
1730
1718
|
background: transparent !important;
|
|
1731
1719
|
/* 保存按钮 */
|
|
1732
1720
|
}
|
|
1733
|
-
.cell-action-btn.cell-action-save[data-v-
|
|
1721
|
+
.cell-action-btn.cell-action-save[data-v-f623c0e1],[data-v-f623c0e1] .cell-action-btn.cell-action-save {
|
|
1734
1722
|
color: var(--n-color-success) !important;
|
|
1735
1723
|
}
|
|
1736
|
-
.cell-action-btn.cell-action-save[data-v-
|
|
1724
|
+
.cell-action-btn.cell-action-save[data-v-f623c0e1]:hover,[data-v-f623c0e1] .cell-action-btn.cell-action-save:hover {
|
|
1737
1725
|
background: var(--n-color-success-pressed) !important;
|
|
1738
1726
|
transform: scale(1.1) !important;
|
|
1739
1727
|
}
|
|
1740
|
-
.cell-action-btn[data-v-
|
|
1728
|
+
.cell-action-btn[data-v-f623c0e1],[data-v-f623c0e1] .cell-action-btn {
|
|
1741
1729
|
/* 取消按钮 */
|
|
1742
1730
|
}
|
|
1743
|
-
.cell-action-btn.cell-action-cancel[data-v-
|
|
1731
|
+
.cell-action-btn.cell-action-cancel[data-v-f623c0e1],[data-v-f623c0e1] .cell-action-btn.cell-action-cancel {
|
|
1744
1732
|
color: var(--n-color-error) !important;
|
|
1745
1733
|
}
|
|
1746
|
-
.cell-action-btn.cell-action-cancel[data-v-
|
|
1734
|
+
.cell-action-btn.cell-action-cancel[data-v-f623c0e1]:hover,[data-v-f623c0e1] .cell-action-btn.cell-action-cancel:hover {
|
|
1747
1735
|
background: var(--n-color-error-pressed) !important;
|
|
1748
1736
|
transform: scale(1.1) !important;
|
|
1749
1737
|
}
|
|
1750
|
-
.cell-action-btn[data-v-
|
|
1738
|
+
.cell-action-btn[data-v-f623c0e1],[data-v-f623c0e1] .cell-action-btn {
|
|
1751
1739
|
/* 图标尺寸 */
|
|
1752
1740
|
}
|
|
1753
|
-
.cell-action-btn svg[data-v-
|
|
1741
|
+
.cell-action-btn svg[data-v-f623c0e1],[data-v-f623c0e1] .cell-action-btn svg {
|
|
1754
1742
|
width: 11px !important;
|
|
1755
1743
|
height: 11px !important;
|
|
1756
1744
|
}
|
|
1757
1745
|
|
|
1758
1746
|
/* ================= 7. 操作按钮样式 ================= */
|
|
1759
1747
|
/* 通用按钮样式 */
|
|
1760
|
-
[data-v-
|
|
1748
|
+
[data-v-f623c0e1] .n-button {
|
|
1761
1749
|
white-space: nowrap;
|
|
1762
1750
|
font-size: 12px !important;
|
|
1763
1751
|
flex-shrink: 0 !important;
|
|
@@ -1766,60 +1754,60 @@ to {
|
|
|
1766
1754
|
font-weight: 500;
|
|
1767
1755
|
/* 图标间距 */
|
|
1768
1756
|
}
|
|
1769
|
-
[data-v-
|
|
1757
|
+
[data-v-f623c0e1] .n-button .n-icon {
|
|
1770
1758
|
margin-right: 4px !important;
|
|
1771
1759
|
}
|
|
1772
|
-
[data-v-
|
|
1760
|
+
[data-v-f623c0e1] .n-button {
|
|
1773
1761
|
/* 小尺寸按钮优化 */
|
|
1774
1762
|
}
|
|
1775
|
-
[data-v-
|
|
1763
|
+
[data-v-f623c0e1] .n-button.n-button--small-type {
|
|
1776
1764
|
padding: 4px 8px;
|
|
1777
1765
|
height: 28px;
|
|
1778
1766
|
line-height: 20px;
|
|
1779
1767
|
}
|
|
1780
|
-
[data-v-
|
|
1768
|
+
[data-v-f623c0e1] .n-button {
|
|
1781
1769
|
/* 四元按钮样式 */
|
|
1782
1770
|
}
|
|
1783
|
-
[data-v-
|
|
1771
|
+
[data-v-f623c0e1] .n-button.n-button--quaternary-type:hover {
|
|
1784
1772
|
transform: translateY(-1px);
|
|
1785
1773
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
|
1786
1774
|
}
|
|
1787
|
-
[data-v-
|
|
1775
|
+
[data-v-f623c0e1] .n-button.n-button--quaternary-type:active {
|
|
1788
1776
|
transform: translateY(0);
|
|
1789
1777
|
}
|
|
1790
1778
|
|
|
1791
1779
|
/* ================= 8. 按钮组间距优化 ================= */
|
|
1792
1780
|
/* 操作按钮组 */
|
|
1793
|
-
[data-v-
|
|
1781
|
+
[data-v-f623c0e1] .n-space.n-space--horizontal .n-space-item:not(:last-child) {
|
|
1794
1782
|
margin-right: 6px !important;
|
|
1795
1783
|
}
|
|
1796
1784
|
|
|
1797
1785
|
/* ================= 9. 模态框样式优化 ================= */
|
|
1798
1786
|
/* 编辑模态框 */
|
|
1799
|
-
[data-v-
|
|
1787
|
+
[data-v-f623c0e1] .n-modal .n-card {
|
|
1800
1788
|
border-radius: 12px;
|
|
1801
1789
|
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
|
|
1802
1790
|
}
|
|
1803
|
-
[data-v-
|
|
1791
|
+
[data-v-f623c0e1] .n-modal .n-card__header {
|
|
1804
1792
|
padding: 20px 24px 16px;
|
|
1805
1793
|
font-weight: 600;
|
|
1806
1794
|
font-size: 16px;
|
|
1807
1795
|
}
|
|
1808
|
-
[data-v-
|
|
1796
|
+
[data-v-f623c0e1] .n-modal .n-card__content {
|
|
1809
1797
|
padding: 0 24px 16px;
|
|
1810
1798
|
}
|
|
1811
|
-
[data-v-
|
|
1799
|
+
[data-v-f623c0e1] .n-modal .n-card__action {
|
|
1812
1800
|
padding: 16px 24px 20px;
|
|
1813
1801
|
border-top: 1px solid var(--n-divider-color);
|
|
1814
1802
|
}
|
|
1815
1803
|
|
|
1816
1804
|
/* ================= 10. 描述列表样式 ================= */
|
|
1817
1805
|
/* 详情模态框描述列表 */
|
|
1818
|
-
[data-v-
|
|
1806
|
+
[data-v-f623c0e1] .n-descriptions .n-descriptions-item-label {
|
|
1819
1807
|
font-weight: 500;
|
|
1820
1808
|
color: var(--n-text-color-2);
|
|
1821
1809
|
}
|
|
1822
|
-
[data-v-
|
|
1810
|
+
[data-v-f623c0e1] .n-descriptions .n-descriptions-item-content {
|
|
1823
1811
|
color: var(--n-text-color-1);
|
|
1824
1812
|
word-break: break-all;
|
|
1825
1813
|
}
|
|
@@ -1827,99 +1815,99 @@ to {
|
|
|
1827
1815
|
/* ================= 11. 响应式设计 ================= */
|
|
1828
1816
|
/* 移动端适配 */
|
|
1829
1817
|
@media (max-width: 768px) {
|
|
1830
|
-
.c-table-wrapper[data-v-
|
|
1818
|
+
.c-table-wrapper[data-v-f623c0e1] {
|
|
1831
1819
|
overflow-x: auto;
|
|
1832
1820
|
}
|
|
1833
1821
|
/* 操作列在移动端的适配 */
|
|
1834
|
-
[data-v-
|
|
1822
|
+
[data-v-f623c0e1] .n-data-table-th:last-child {
|
|
1835
1823
|
width: 160px !important;
|
|
1836
1824
|
min-width: 160px !important;
|
|
1837
1825
|
}
|
|
1838
1826
|
/* 按钮在移动端的优化 */
|
|
1839
|
-
[data-v-
|
|
1827
|
+
[data-v-f623c0e1] .n-button {
|
|
1840
1828
|
font-size: 11px !important;
|
|
1841
1829
|
padding: 3px 6px;
|
|
1842
1830
|
}
|
|
1843
|
-
[data-v-
|
|
1831
|
+
[data-v-f623c0e1] .n-button .n-icon {
|
|
1844
1832
|
margin-right: 2px !important;
|
|
1845
1833
|
}
|
|
1846
1834
|
/* 单元格编辑图标在移动端始终显示 */
|
|
1847
|
-
.cell-edit-icon[data-v-
|
|
1835
|
+
.cell-edit-icon[data-v-f623c0e1] {
|
|
1848
1836
|
opacity: 0.6;
|
|
1849
1837
|
}
|
|
1850
1838
|
}
|
|
1851
1839
|
/* ================= 12. 主题适配 ================= */
|
|
1852
1840
|
/* 暗色主题适配 - 已通过 CSS 变量自动适配 */
|
|
1853
|
-
[data-theme=dark][data-v-
|
|
1841
|
+
[data-theme=dark][data-v-f623c0e1] {
|
|
1854
1842
|
/* CSS 变量已自动适配,如有特殊需求可在此添加 */
|
|
1855
1843
|
}
|
|
1856
1844
|
|
|
1857
1845
|
/* ================= 13. 响应式优化 ================= */
|
|
1858
1846
|
/* 小屏幕下的单元格编辑优化 */
|
|
1859
1847
|
@media (max-width: 768px) {
|
|
1860
|
-
.cell-editing-container[data-v-
|
|
1848
|
+
.cell-editing-container[data-v-f623c0e1],[data-v-f623c0e1] .cell-editing-container {
|
|
1861
1849
|
gap: 6px !important;
|
|
1862
1850
|
}
|
|
1863
|
-
.cell-editing-actions[data-v-
|
|
1851
|
+
.cell-editing-actions[data-v-f623c0e1],[data-v-f623c0e1] .cell-editing-actions {
|
|
1864
1852
|
gap: 3px !important;
|
|
1865
1853
|
padding: 2px !important;
|
|
1866
1854
|
}
|
|
1867
|
-
.cell-action-btn[data-v-
|
|
1855
|
+
.cell-action-btn[data-v-f623c0e1],[data-v-f623c0e1] .cell-action-btn {
|
|
1868
1856
|
width: 18px !important;
|
|
1869
1857
|
height: 18px !important;
|
|
1870
1858
|
}
|
|
1871
|
-
.cell-action-btn svg[data-v-
|
|
1859
|
+
.cell-action-btn svg[data-v-f623c0e1],[data-v-f623c0e1] .cell-action-btn svg {
|
|
1872
1860
|
width: 10px !important;
|
|
1873
1861
|
height: 10px !important;
|
|
1874
1862
|
}
|
|
1875
1863
|
/* 移动端编辑图标 */
|
|
1876
|
-
.cell-edit-icon[data-v-
|
|
1864
|
+
.cell-edit-icon[data-v-f623c0e1] {
|
|
1877
1865
|
opacity: 0.6 !important;
|
|
1878
1866
|
}
|
|
1879
|
-
.cell-value[data-v-
|
|
1867
|
+
.cell-value[data-v-f623c0e1] {
|
|
1880
1868
|
margin-right: 12px !important;
|
|
1881
1869
|
}
|
|
1882
1870
|
}
|
|
1883
1871
|
/* ================= 14. 性能优化 ================= */
|
|
1884
1872
|
/* 使用 GPU 加速的动画 */
|
|
1885
|
-
.cell-edit-icon[data-v-
|
|
1886
|
-
.cell-action-btn[data-v-
|
|
1873
|
+
.cell-edit-icon[data-v-f623c0e1],
|
|
1874
|
+
.cell-action-btn[data-v-f623c0e1] {
|
|
1887
1875
|
will-change: transform;
|
|
1888
1876
|
backface-visibility: hidden;
|
|
1889
1877
|
}
|
|
1890
|
-
[data-v-
|
|
1878
|
+
[data-v-f623c0e1] .n-button {
|
|
1891
1879
|
will-change: transform;
|
|
1892
1880
|
backface-visibility: hidden;
|
|
1893
1881
|
}
|
|
1894
1882
|
|
|
1895
1883
|
/* ================= 15. 可访问性优化 ================= */
|
|
1896
1884
|
/* 聚焦状态 */
|
|
1897
|
-
.cell-edit-wrapper[data-v-
|
|
1898
|
-
.cell-editing-container[data-v-
|
|
1885
|
+
.cell-edit-wrapper[data-v-f623c0e1]:focus-within,
|
|
1886
|
+
.cell-editing-container[data-v-f623c0e1]:focus-within {
|
|
1899
1887
|
outline: 2px solid var(--n-primary-color);
|
|
1900
1888
|
outline-offset: 2px;
|
|
1901
1889
|
}
|
|
1902
1890
|
|
|
1903
1891
|
/* 高对比度模式支持 */
|
|
1904
1892
|
@media (prefers-contrast: high) {
|
|
1905
|
-
.cell-edit-icon[data-v-
|
|
1893
|
+
.cell-edit-icon[data-v-f623c0e1] {
|
|
1906
1894
|
opacity: 0.8;
|
|
1907
1895
|
}
|
|
1908
|
-
.cell-editing-actions[data-v-
|
|
1896
|
+
.cell-editing-actions[data-v-f623c0e1] {
|
|
1909
1897
|
border-width: 2px;
|
|
1910
1898
|
}
|
|
1911
1899
|
}
|
|
1912
1900
|
/* ================= 11. 行拖拽排序 ================= */
|
|
1913
|
-
.row-drag-ghost[data-v-
|
|
1901
|
+
.row-drag-ghost[data-v-f623c0e1] {
|
|
1914
1902
|
opacity: 0.4;
|
|
1915
1903
|
background: var(--c-table-drag-ghost-bg) !important;
|
|
1916
1904
|
}
|
|
1917
|
-
.row-drag-chosen[data-v-
|
|
1905
|
+
.row-drag-chosen[data-v-f623c0e1] {
|
|
1918
1906
|
background: var(--n-color-hover, #f5f5f5) !important;
|
|
1919
1907
|
}
|
|
1920
1908
|
|
|
1921
1909
|
/* ================= 12. 批量操作栏 ================= */
|
|
1922
|
-
.batch-actions-bar[data-v-
|
|
1910
|
+
.batch-actions-bar[data-v-f623c0e1] {
|
|
1923
1911
|
display: flex;
|
|
1924
1912
|
align-items: center;
|
|
1925
1913
|
justify-content: space-between;
|
|
@@ -1929,56 +1917,56 @@ to {
|
|
|
1929
1917
|
border-radius: 6px;
|
|
1930
1918
|
border: 1px solid var(--n-primary-color-suppl, #70b3ff);
|
|
1931
1919
|
}
|
|
1932
|
-
.batch-actions-bar .batch-info[data-v-
|
|
1920
|
+
.batch-actions-bar .batch-info[data-v-f623c0e1] {
|
|
1933
1921
|
font-size: 13px;
|
|
1934
1922
|
color: var(--n-text-color-2);
|
|
1935
1923
|
font-weight: 500;
|
|
1936
1924
|
}
|
|
1937
1925
|
|
|
1938
1926
|
/* ================= 13. 错误状态 ================= */
|
|
1939
|
-
.table-error-state[data-v-
|
|
1927
|
+
.table-error-state[data-v-f623c0e1] {
|
|
1940
1928
|
padding: 48px 24px;
|
|
1941
1929
|
text-align: center;
|
|
1942
1930
|
}
|
|
1943
|
-
.table-error-state .error-content[data-v-
|
|
1931
|
+
.table-error-state .error-content[data-v-f623c0e1] {
|
|
1944
1932
|
display: flex;
|
|
1945
1933
|
flex-direction: column;
|
|
1946
1934
|
align-items: center;
|
|
1947
1935
|
gap: 12px;
|
|
1948
1936
|
color: var(--n-text-color-3, #999);
|
|
1949
1937
|
}
|
|
1950
|
-
.table-error-state .error-message[data-v-
|
|
1938
|
+
.table-error-state .error-message[data-v-f623c0e1] {
|
|
1951
1939
|
font-size: 14px;
|
|
1952
1940
|
margin: 0;
|
|
1953
1941
|
color: var(--n-text-color-2, #666);
|
|
1954
1942
|
}
|
|
1955
1943
|
/* unplugin-vue-components disabled */
|
|
1956
1944
|
/* layer: default */
|
|
1957
|
-
.visible[data-v-
|
|
1958
|
-
.fixed[data-v-
|
|
1959
|
-
.grid[data-v-
|
|
1960
|
-
.mb-2[data-v-
|
|
1961
|
-
.mb-4[data-v-
|
|
1962
|
-
.ml-2[data-v-
|
|
1963
|
-
.w60\%[data-v-
|
|
1964
|
-
.flex[data-v-
|
|
1965
|
-
.table[data-v-
|
|
1966
|
-
.scale-110[data-v-
|
|
1967
|
-
.cursor-pointer[data-v-
|
|
1968
|
-
.items-center[data-v-
|
|
1969
|
-
.justify-end[data-v-
|
|
1970
|
-
.justify-center[data-v-
|
|
1971
|
-
.rd[data-v-
|
|
1972
|
-
.bg-gray-50[data-v-
|
|
1973
|
-
.p-4[data-v-
|
|
1974
|
-
.px[data-v-
|
|
1975
|
-
.py-8[data-v-
|
|
1976
|
-
.text-center[data-v-
|
|
1977
|
-
.text-sm[data-v-
|
|
1978
|
-
.text-gray-400[data-v-
|
|
1979
|
-
.text-gray-500[data-v-
|
|
1980
|
-
.text-gray-600[data-v-
|
|
1981
|
-
.accent-blue-500[data-v-
|
|
1982
|
-
.blur[data-v-
|
|
1983
|
-
.filter[data-v-
|
|
1945
|
+
.visible[data-v-f623c0e1]{visibility:visible;}
|
|
1946
|
+
.fixed[data-v-f623c0e1]{position:fixed;}
|
|
1947
|
+
.grid[data-v-f623c0e1]{display:grid;}
|
|
1948
|
+
.mb-2[data-v-f623c0e1]{margin-bottom:0.5rem;}
|
|
1949
|
+
.mb-4[data-v-f623c0e1]{margin-bottom:1rem;}
|
|
1950
|
+
.ml-2[data-v-f623c0e1]{margin-left:0.5rem;}
|
|
1951
|
+
.w60\%[data-v-f623c0e1]{width:60%;}
|
|
1952
|
+
.flex[data-v-f623c0e1]{display:flex;}
|
|
1953
|
+
.table[data-v-f623c0e1]{display:table;}
|
|
1954
|
+
.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));}
|
|
1955
|
+
.cursor-pointer[data-v-f623c0e1]{cursor:pointer;}
|
|
1956
|
+
.items-center[data-v-f623c0e1]{align-items:center;}
|
|
1957
|
+
.justify-end[data-v-f623c0e1]{justify-content:flex-end;}
|
|
1958
|
+
.justify-center[data-v-f623c0e1]{justify-content:center;}
|
|
1959
|
+
.rd[data-v-f623c0e1]{border-radius:0.25rem;}
|
|
1960
|
+
.bg-gray-50[data-v-f623c0e1]{--un-bg-opacity:1;background-color:rgb(249 250 251 / var(--un-bg-opacity));}
|
|
1961
|
+
.p-4[data-v-f623c0e1]{padding:1rem;}
|
|
1962
|
+
.px[data-v-f623c0e1]{padding-left:1rem;padding-right:1rem;}
|
|
1963
|
+
.py-8[data-v-f623c0e1]{padding-top:2rem;padding-bottom:2rem;}
|
|
1964
|
+
.text-center[data-v-f623c0e1]{text-align:center;}
|
|
1965
|
+
.text-sm[data-v-f623c0e1]{font-size:0.875rem;line-height:1.25rem;}
|
|
1966
|
+
.text-gray-400[data-v-f623c0e1]{--un-text-opacity:1;color:rgb(156 163 175 / var(--un-text-opacity));}
|
|
1967
|
+
.text-gray-500[data-v-f623c0e1]{--un-text-opacity:1;color:rgb(107 114 128 / var(--un-text-opacity));}
|
|
1968
|
+
.text-gray-600[data-v-f623c0e1]{--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity));}
|
|
1969
|
+
.accent-blue-500[data-v-f623c0e1]{--un-accent-opacity:1;accent-color:rgb(59 130 246 / var(--un-accent-opacity));}
|
|
1970
|
+
.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);}
|
|
1971
|
+
.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);}
|
|
1984
1972
|
|