@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.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,164 +1069,148 @@ 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);}
|
|
1106
1111
|
|
|
1107
1112
|
|
|
1108
1113
|
/* unplugin-vue-components disabled *//*
|
|
1109
1114
|
* @Author: ChenYu ycyplus@gmail.com
|
|
1110
|
-
* @Date: 2026-10-
|
|
1115
|
+
* @Date: 2026-10-07
|
|
1111
1116
|
* @FilePath: \naive-ui-components\src\components\C_Loading\index.scss
|
|
1112
|
-
* @Description:
|
|
1117
|
+
* @Description: 数据光环与细光束动画,作用域隔离并支持减少动态效果
|
|
1113
1118
|
* Copyright (c) 2026 by CHENY, All Rights Reserved 😎.
|
|
1114
1119
|
*/
|
|
1115
|
-
.c-loading[data-v-
|
|
1120
|
+
.c-loading[data-v-c6727905] {
|
|
1116
1121
|
display: inline-flex;
|
|
1117
|
-
flex-direction: column;
|
|
1118
1122
|
align-items: center;
|
|
1119
1123
|
justify-content: center;
|
|
1120
|
-
gap: 6px;
|
|
1121
1124
|
vertical-align: middle;
|
|
1122
1125
|
line-height: 1;
|
|
1123
1126
|
pointer-events: none;
|
|
1124
1127
|
}
|
|
1125
|
-
.c-loading--labeled[data-v-
|
|
1126
|
-
|
|
1127
|
-
gap:
|
|
1128
|
+
.c-loading--labeled[data-v-c6727905] {
|
|
1129
|
+
position: relative;
|
|
1130
|
+
gap: 10px;
|
|
1128
1131
|
max-width: 100%;
|
|
1129
|
-
padding: 8px
|
|
1132
|
+
padding: 8px 16px 9px 10px;
|
|
1130
1133
|
box-sizing: border-box;
|
|
1131
1134
|
border: 1px solid var(--c-loading-border);
|
|
1132
|
-
border-radius:
|
|
1135
|
+
border-radius: 16px;
|
|
1133
1136
|
background: var(--c-loading-surface);
|
|
1134
|
-
|
|
1137
|
+
background-image: linear-gradient(135deg, color-mix(in srgb, currentColor 4%, var(--c-loading-surface)), var(--c-loading-surface));
|
|
1138
|
+
box-shadow: inset 0 1px 0 color-mix(in srgb, currentColor 4%, transparent), 0 8px 28px rgba(0, 0, 0, 0.06);
|
|
1139
|
+
overflow: hidden;
|
|
1135
1140
|
}
|
|
1136
|
-
.c-
|
|
1141
|
+
.c-loading--labeled[data-v-c6727905]::after {
|
|
1142
|
+
content: "";
|
|
1143
|
+
position: absolute;
|
|
1144
|
+
bottom: 0;
|
|
1145
|
+
left: 0;
|
|
1146
|
+
width: 50%;
|
|
1147
|
+
height: 2px;
|
|
1148
|
+
background: linear-gradient(90deg, transparent, currentColor, transparent);
|
|
1149
|
+
opacity: 0.5;
|
|
1150
|
+
animation: c-loading-beam-c6727905 1.8s ease-in-out infinite;
|
|
1151
|
+
}
|
|
1152
|
+
.c-loading__glyph[data-v-c6727905] {
|
|
1137
1153
|
width: var(--c-loading-size, 48px);
|
|
1138
1154
|
height: var(--c-loading-size, 48px);
|
|
1139
1155
|
flex-shrink: 0;
|
|
1140
|
-
overflow: visible;
|
|
1141
|
-
}
|
|
1142
|
-
.c-loading__frame[data-v-48232aaa] {
|
|
1143
|
-
opacity: 0.35;
|
|
1144
|
-
animation: c-loading-frame-48232aaa 2.4s ease-in-out infinite;
|
|
1145
|
-
}
|
|
1146
|
-
.c-loading__scan[data-v-48232aaa] {
|
|
1147
|
-
opacity: 0;
|
|
1148
|
-
animation: c-loading-scan-48232aaa 2.4s ease-in-out infinite;
|
|
1149
1156
|
}
|
|
1150
|
-
.c-
|
|
1151
|
-
transform-box:
|
|
1157
|
+
.c-loading__orbit[data-v-c6727905] {
|
|
1158
|
+
transform-box: view-box;
|
|
1152
1159
|
transform-origin: center;
|
|
1153
|
-
animation: c-loading-
|
|
1160
|
+
animation: c-loading-orbit-c6727905 1.6s linear infinite;
|
|
1154
1161
|
}
|
|
1155
|
-
.c-
|
|
1156
|
-
|
|
1157
|
-
animation:
|
|
1162
|
+
.c-loading__orbit--inner[data-v-c6727905] {
|
|
1163
|
+
animation-duration: 3.2s;
|
|
1164
|
+
animation-direction: reverse;
|
|
1158
1165
|
}
|
|
1159
|
-
.c-
|
|
1160
|
-
|
|
1166
|
+
.c-loading__row[data-v-c6727905] {
|
|
1167
|
+
opacity: 0.75;
|
|
1168
|
+
animation: c-loading-row-c6727905 1.6s ease-in-out infinite;
|
|
1161
1169
|
}
|
|
1162
|
-
.c-loading__label[data-v-
|
|
1170
|
+
.c-loading__label[data-v-c6727905] {
|
|
1171
|
+
min-width: 0;
|
|
1163
1172
|
color: var(--c-loading-text, currentColor);
|
|
1164
1173
|
font-size: 12px;
|
|
1165
1174
|
font-weight: 500;
|
|
1166
1175
|
letter-spacing: 0.03em;
|
|
1167
1176
|
line-height: 1.6;
|
|
1177
|
+
overflow-wrap: anywhere;
|
|
1168
1178
|
}
|
|
1169
1179
|
@media (prefers-reduced-motion: reduce) {
|
|
1170
|
-
.c-
|
|
1180
|
+
.c-loading__orbit[data-v-c6727905], .c-loading__row[data-v-c6727905], .c-loading--labeled[data-v-c6727905]::after {
|
|
1171
1181
|
animation: none;
|
|
1172
1182
|
}
|
|
1173
|
-
.c-
|
|
1183
|
+
.c-loading--labeled[data-v-c6727905]::after {
|
|
1174
1184
|
display: none;
|
|
1175
1185
|
}
|
|
1176
|
-
.c-loading__frame[data-v-48232aaa], .c-loading__packet[data-v-48232aaa] {
|
|
1177
|
-
opacity: 0.55;
|
|
1178
1186
|
}
|
|
1179
|
-
|
|
1180
|
-
|
|
1181
|
-
|
|
1182
|
-
transform: translateY(0);
|
|
1183
|
-
opacity: 0;
|
|
1184
|
-
}
|
|
1185
|
-
25% {
|
|
1186
|
-
opacity: 0.2;
|
|
1187
|
-
}
|
|
1188
|
-
70% {
|
|
1189
|
-
transform: translateY(14px);
|
|
1190
|
-
opacity: 0.2;
|
|
1191
|
-
}
|
|
1192
|
-
88%, 100% {
|
|
1193
|
-
transform: translateY(14px);
|
|
1194
|
-
opacity: 0;
|
|
1187
|
+
@keyframes c-loading-orbit-c6727905 {
|
|
1188
|
+
to {
|
|
1189
|
+
transform: rotate(360deg);
|
|
1195
1190
|
}
|
|
1196
1191
|
}
|
|
1197
|
-
@keyframes c-loading-
|
|
1192
|
+
@keyframes c-loading-row-c6727905 {
|
|
1198
1193
|
0%, 100% {
|
|
1199
|
-
opacity: 0.
|
|
1200
|
-
}
|
|
1201
|
-
50% {
|
|
1202
|
-
opacity: 0.7;
|
|
1194
|
+
opacity: 0.4;
|
|
1203
1195
|
}
|
|
1204
|
-
|
|
1205
|
-
|
|
1206
|
-
0%, 72%, 82%, 100% {
|
|
1207
|
-
transform: scaleY(1);
|
|
1208
|
-
}
|
|
1209
|
-
77% {
|
|
1210
|
-
transform: scaleY(0.25);
|
|
1196
|
+
40%, 60% {
|
|
1197
|
+
opacity: 1;
|
|
1211
1198
|
}
|
|
1212
1199
|
}
|
|
1213
|
-
@keyframes c-loading-
|
|
1214
|
-
|
|
1215
|
-
|
|
1200
|
+
@keyframes c-loading-beam-c6727905 {
|
|
1201
|
+
from {
|
|
1202
|
+
transform: translateX(-100%);
|
|
1216
1203
|
}
|
|
1217
|
-
|
|
1218
|
-
|
|
1204
|
+
to {
|
|
1205
|
+
transform: translateX(200%);
|
|
1219
1206
|
}
|
|
1220
1207
|
}
|
|
1221
1208
|
/* unplugin-vue-components disabled */
|
|
1222
1209
|
/* layer: default */
|
|
1223
|
-
.
|
|
1224
|
-
.
|
|
1225
|
-
.
|
|
1210
|
+
.ms[data-v-c6727905]{margin-inline-start:1rem;}
|
|
1211
|
+
.table[data-v-c6727905]{display:table;}
|
|
1212
|
+
.px[data-v-c6727905]{padding-left:1rem;padding-right:1rem;}
|
|
1213
|
+
.filter[data-v-c6727905]{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
|
|
1226
1214
|
|
|
1227
1215
|
|
|
1228
1216
|
/* unplugin-vue-components disabled */.column-management-tab .search-row[data-v-6ff103ee] {
|
|
@@ -1362,7 +1350,7 @@ to {
|
|
|
1362
1350
|
.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);}
|
|
1363
1351
|
|
|
1364
1352
|
/* unplugin-vue-components disabled *//* ================= 1. 组件根容器 ================= */
|
|
1365
|
-
.c-table-wrapper[data-v-
|
|
1353
|
+
.c-table-wrapper[data-v-f623c0e1] {
|
|
1366
1354
|
--c-table-border-color: var(--border-color, #e5e7eb);
|
|
1367
1355
|
--c-table-bg: var(--body-color, #fff);
|
|
1368
1356
|
--c-table-header-bg: var(--card-color, #fafafc);
|
|
@@ -1375,52 +1363,52 @@ to {
|
|
|
1375
1363
|
}
|
|
1376
1364
|
|
|
1377
1365
|
/* ================= 列拖拽排序 ================= */
|
|
1378
|
-
.column-drag-ghost[data-v-
|
|
1366
|
+
.column-drag-ghost[data-v-f623c0e1] {
|
|
1379
1367
|
opacity: var(--c-table-drag-ghost-opacity);
|
|
1380
1368
|
background: var(--c-table-drag-ghost-bg) !important;
|
|
1381
1369
|
}
|
|
1382
|
-
.drag-handle[data-v-
|
|
1370
|
+
.drag-handle[data-v-f623c0e1] {
|
|
1383
1371
|
cursor: grab;
|
|
1384
1372
|
}
|
|
1385
|
-
.drag-handle[data-v-
|
|
1373
|
+
.drag-handle[data-v-f623c0e1]:active {
|
|
1386
1374
|
cursor: grabbing;
|
|
1387
1375
|
}
|
|
1388
1376
|
|
|
1389
1377
|
/* ================= 合计行强调 ================= */
|
|
1390
|
-
.c-table-wrapper[data-v-
|
|
1378
|
+
.c-table-wrapper[data-v-f623c0e1] .n-data-table-tfoot {
|
|
1391
1379
|
background: var(--c-table-summary-bg);
|
|
1392
1380
|
font-weight: var(--c-table-summary-font-weight);
|
|
1393
1381
|
}
|
|
1394
1382
|
|
|
1395
1383
|
/* ================= 2. 表格工具栏 ================= */
|
|
1396
|
-
.table-toolbar[data-v-
|
|
1384
|
+
.table-toolbar[data-v-f623c0e1] {
|
|
1397
1385
|
display: flex;
|
|
1398
1386
|
justify-content: space-between;
|
|
1399
1387
|
align-items: center;
|
|
1400
1388
|
margin-bottom: 16px;
|
|
1401
1389
|
}
|
|
1402
|
-
.table-toolbar .toolbar-left[data-v-
|
|
1390
|
+
.table-toolbar .toolbar-left[data-v-f623c0e1] {
|
|
1403
1391
|
display: flex;
|
|
1404
1392
|
align-items: center;
|
|
1405
1393
|
gap: 12px;
|
|
1406
1394
|
}
|
|
1407
|
-
.table-toolbar .toolbar-right[data-v-
|
|
1395
|
+
.table-toolbar .toolbar-right[data-v-f623c0e1] {
|
|
1408
1396
|
display: flex;
|
|
1409
1397
|
align-items: center;
|
|
1410
1398
|
gap: 8px;
|
|
1411
1399
|
}
|
|
1412
|
-
.table-toolbar .toolbar-right .column-settings-btn[data-v-
|
|
1400
|
+
.table-toolbar .toolbar-right .column-settings-btn[data-v-f623c0e1] {
|
|
1413
1401
|
opacity: 0.6;
|
|
1414
1402
|
transition: opacity 0.2s ease, transform 0.2s ease;
|
|
1415
1403
|
cursor: pointer;
|
|
1416
1404
|
}
|
|
1417
|
-
.table-toolbar .toolbar-right .column-settings-btn[data-v-
|
|
1405
|
+
.table-toolbar .toolbar-right .column-settings-btn[data-v-f623c0e1]:hover {
|
|
1418
1406
|
opacity: 1;
|
|
1419
1407
|
transform: scale(1.1);
|
|
1420
1408
|
}
|
|
1421
1409
|
|
|
1422
1410
|
/* ================= 3. 动态行工具栏 ================= */
|
|
1423
|
-
.dynamic-rows-toolbar[data-v-
|
|
1411
|
+
.dynamic-rows-toolbar[data-v-f623c0e1] {
|
|
1424
1412
|
margin-bottom: 16px;
|
|
1425
1413
|
padding: 16px;
|
|
1426
1414
|
border-radius: 8px;
|
|
@@ -1429,12 +1417,12 @@ to {
|
|
|
1429
1417
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
|
|
1430
1418
|
transition: all 0.2s ease;
|
|
1431
1419
|
}
|
|
1432
|
-
.dynamic-rows-toolbar[data-v-
|
|
1420
|
+
.dynamic-rows-toolbar[data-v-f623c0e1]:hover {
|
|
1433
1421
|
border-color: var(--n-primary-color-suppl);
|
|
1434
1422
|
}
|
|
1435
1423
|
|
|
1436
1424
|
/* ================= 4. 表格布局基础 ================= */
|
|
1437
|
-
[data-v-
|
|
1425
|
+
[data-v-f623c0e1] .n-data-table {
|
|
1438
1426
|
table-layout: auto !important;
|
|
1439
1427
|
width: 100% !important;
|
|
1440
1428
|
border-radius: 8px;
|
|
@@ -1442,12 +1430,12 @@ to {
|
|
|
1442
1430
|
}
|
|
1443
1431
|
|
|
1444
1432
|
/* 确保表格容器允许横向滚动(固定列必需) */
|
|
1445
|
-
[data-v-
|
|
1433
|
+
[data-v-f623c0e1] .n-data-table-wrapper {
|
|
1446
1434
|
overflow-x: auto !important;
|
|
1447
1435
|
}
|
|
1448
1436
|
|
|
1449
1437
|
/* 分页组件样式 */
|
|
1450
|
-
.pagination-wrapper[data-v-
|
|
1438
|
+
.pagination-wrapper[data-v-f623c0e1] {
|
|
1451
1439
|
margin-top: 16px;
|
|
1452
1440
|
display: flex;
|
|
1453
1441
|
justify-content: flex-end;
|
|
@@ -1455,12 +1443,12 @@ to {
|
|
|
1455
1443
|
|
|
1456
1444
|
/* ================= 5. 表格列宽度管理 ================= */
|
|
1457
1445
|
/* 普通列的最小宽度保护 */
|
|
1458
|
-
[data-v-
|
|
1446
|
+
[data-v-f623c0e1] .n-data-table-th:not(:last-child) {
|
|
1459
1447
|
min-width: 80px !important;
|
|
1460
1448
|
}
|
|
1461
1449
|
|
|
1462
1450
|
/* 操作列固定宽度(适应4个按钮的布局) */
|
|
1463
|
-
[data-v-
|
|
1451
|
+
[data-v-f623c0e1] .c-table-actions-column {
|
|
1464
1452
|
width: 180px !important;
|
|
1465
1453
|
min-width: 160px !important;
|
|
1466
1454
|
max-width: 200px !important;
|
|
@@ -1469,14 +1457,14 @@ to {
|
|
|
1469
1457
|
}
|
|
1470
1458
|
|
|
1471
1459
|
/* 操作按钮容器居中 */
|
|
1472
|
-
[data-v-
|
|
1460
|
+
[data-v-f623c0e1] .c-table-actions-column .n-space {
|
|
1473
1461
|
justify-content: center !important;
|
|
1474
1462
|
align-items: center !important;
|
|
1475
1463
|
}
|
|
1476
1464
|
|
|
1477
1465
|
/* ================= 6. 可编辑单元格样式 ================= */
|
|
1478
1466
|
/* 单元格编辑容器 - 精致化设计 */
|
|
1479
|
-
.cell-edit-wrapper[data-v-
|
|
1467
|
+
.cell-edit-wrapper[data-v-f623c0e1] {
|
|
1480
1468
|
display: flex;
|
|
1481
1469
|
align-items: center;
|
|
1482
1470
|
justify-content: space-between;
|
|
@@ -1489,23 +1477,23 @@ to {
|
|
|
1489
1477
|
position: relative;
|
|
1490
1478
|
/* 悬停效果 */
|
|
1491
1479
|
}
|
|
1492
|
-
.cell-edit-wrapper[data-v-
|
|
1480
|
+
.cell-edit-wrapper[data-v-f623c0e1]:hover {
|
|
1493
1481
|
background-color: var(--n-color-target);
|
|
1494
1482
|
}
|
|
1495
|
-
.cell-edit-wrapper:hover .cell-edit-icon[data-v-
|
|
1483
|
+
.cell-edit-wrapper:hover .cell-edit-icon[data-v-f623c0e1] {
|
|
1496
1484
|
opacity: 1;
|
|
1497
1485
|
color: var(--n-color-success);
|
|
1498
1486
|
transform: scale(1.05);
|
|
1499
1487
|
}
|
|
1500
|
-
.cell-edit-wrapper[data-v-
|
|
1488
|
+
.cell-edit-wrapper[data-v-f623c0e1] {
|
|
1501
1489
|
/* 激活状态 */
|
|
1502
1490
|
}
|
|
1503
|
-
.cell-edit-wrapper[data-v-
|
|
1491
|
+
.cell-edit-wrapper[data-v-f623c0e1]:active {
|
|
1504
1492
|
transform: translateY(1px);
|
|
1505
1493
|
}
|
|
1506
1494
|
|
|
1507
1495
|
/* 单元格内容 */
|
|
1508
|
-
.cell-value[data-v-
|
|
1496
|
+
.cell-value[data-v-f623c0e1] {
|
|
1509
1497
|
flex: 1;
|
|
1510
1498
|
overflow: hidden;
|
|
1511
1499
|
text-overflow: ellipsis;
|
|
@@ -1516,7 +1504,7 @@ to {
|
|
|
1516
1504
|
}
|
|
1517
1505
|
|
|
1518
1506
|
/* 动态渲染单元格也只在当前表格边界内匹配。 */
|
|
1519
|
-
.c-table-wrapper[data-v-
|
|
1507
|
+
.c-table-wrapper[data-v-f623c0e1] .cell-edit-icon {
|
|
1520
1508
|
flex-shrink: 0;
|
|
1521
1509
|
width: 24px;
|
|
1522
1510
|
height: 24px;
|
|
@@ -1532,29 +1520,29 @@ to {
|
|
|
1532
1520
|
position: relative;
|
|
1533
1521
|
/* 悬停效果 */
|
|
1534
1522
|
}
|
|
1535
|
-
.c-table-wrapper[data-v-
|
|
1523
|
+
.c-table-wrapper[data-v-f623c0e1] .cell-edit-icon:hover {
|
|
1536
1524
|
opacity: 1 !important;
|
|
1537
1525
|
color: var(--n-color-success-hover) !important;
|
|
1538
1526
|
background-color: var(--n-color-success-pressed);
|
|
1539
1527
|
transform: scale(1.1);
|
|
1540
1528
|
}
|
|
1541
|
-
.c-table-wrapper[data-v-
|
|
1529
|
+
.c-table-wrapper[data-v-f623c0e1] .cell-edit-icon {
|
|
1542
1530
|
/* 激活效果 */
|
|
1543
1531
|
}
|
|
1544
|
-
.c-table-wrapper[data-v-
|
|
1532
|
+
.c-table-wrapper[data-v-f623c0e1] .cell-edit-icon:active {
|
|
1545
1533
|
transform: scale(0.95);
|
|
1546
1534
|
}
|
|
1547
|
-
.c-table-wrapper[data-v-
|
|
1535
|
+
.c-table-wrapper[data-v-f623c0e1] .cell-edit-icon {
|
|
1548
1536
|
/* 图标尺寸 */
|
|
1549
1537
|
}
|
|
1550
|
-
.c-table-wrapper[data-v-
|
|
1538
|
+
.c-table-wrapper[data-v-f623c0e1] .cell-edit-icon svg {
|
|
1551
1539
|
width: 14px;
|
|
1552
1540
|
height: 14px;
|
|
1553
1541
|
}
|
|
1554
1542
|
|
|
1555
1543
|
/* ================= 7. 单元格编辑状态样式 ================= */
|
|
1556
1544
|
/* 编辑容器 - 确保水平布局不换行 */
|
|
1557
|
-
.cell-editing-container[data-v-
|
|
1545
|
+
.cell-editing-container[data-v-f623c0e1],[data-v-f623c0e1] .cell-editing-container {
|
|
1558
1546
|
display: flex !important;
|
|
1559
1547
|
align-items: center !important;
|
|
1560
1548
|
width: 100% !important;
|
|
@@ -1568,39 +1556,39 @@ to {
|
|
|
1568
1556
|
}
|
|
1569
1557
|
|
|
1570
1558
|
/* 编辑输入区域 - 占据剩余空间 */
|
|
1571
|
-
.cell-editing-input[data-v-
|
|
1559
|
+
.cell-editing-input[data-v-f623c0e1],[data-v-f623c0e1] .cell-editing-input {
|
|
1572
1560
|
flex: 1 !important;
|
|
1573
1561
|
min-width: 0 !important;
|
|
1574
1562
|
}
|
|
1575
1563
|
|
|
1576
1564
|
/* 深度选择器处理输入框样式 */
|
|
1577
|
-
[data-v-
|
|
1565
|
+
[data-v-f623c0e1] .cell-editing-input .n-input {
|
|
1578
1566
|
border: none !important;
|
|
1579
1567
|
box-shadow: none !important;
|
|
1580
1568
|
background: transparent !important;
|
|
1581
1569
|
}
|
|
1582
|
-
[data-v-
|
|
1570
|
+
[data-v-f623c0e1] .cell-editing-input .n-input.n-input--focus {
|
|
1583
1571
|
border: none !important;
|
|
1584
1572
|
box-shadow: none !important;
|
|
1585
1573
|
}
|
|
1586
|
-
[data-v-
|
|
1574
|
+
[data-v-f623c0e1] .cell-editing-input .n-input-number {
|
|
1587
1575
|
border: none !important;
|
|
1588
1576
|
box-shadow: none !important;
|
|
1589
1577
|
background: transparent !important;
|
|
1590
1578
|
}
|
|
1591
|
-
[data-v-
|
|
1579
|
+
[data-v-f623c0e1] .cell-editing-input .n-select {
|
|
1592
1580
|
border: none !important;
|
|
1593
1581
|
box-shadow: none !important;
|
|
1594
1582
|
background: transparent !important;
|
|
1595
1583
|
}
|
|
1596
|
-
[data-v-
|
|
1584
|
+
[data-v-f623c0e1] .cell-editing-input .n-select .n-base-selection {
|
|
1597
1585
|
border: none !important;
|
|
1598
1586
|
box-shadow: none !important;
|
|
1599
1587
|
background: transparent !important;
|
|
1600
1588
|
}
|
|
1601
1589
|
|
|
1602
1590
|
/* 编辑操作按钮容器 */
|
|
1603
|
-
.cell-editing-actions[data-v-
|
|
1591
|
+
.cell-editing-actions[data-v-f623c0e1],[data-v-f623c0e1] .cell-editing-actions {
|
|
1604
1592
|
display: flex !important;
|
|
1605
1593
|
flex-shrink: 0 !important;
|
|
1606
1594
|
align-items: center !important;
|
|
@@ -1613,7 +1601,7 @@ to {
|
|
|
1613
1601
|
}
|
|
1614
1602
|
|
|
1615
1603
|
/* 编辑操作按钮 */
|
|
1616
|
-
.cell-action-btn[data-v-
|
|
1604
|
+
.cell-action-btn[data-v-f623c0e1],[data-v-f623c0e1] .cell-action-btn {
|
|
1617
1605
|
display: flex !important;
|
|
1618
1606
|
align-items: center !important;
|
|
1619
1607
|
justify-content: center !important;
|
|
@@ -1626,34 +1614,34 @@ to {
|
|
|
1626
1614
|
background: transparent !important;
|
|
1627
1615
|
/* 保存按钮 */
|
|
1628
1616
|
}
|
|
1629
|
-
.cell-action-btn.cell-action-save[data-v-
|
|
1617
|
+
.cell-action-btn.cell-action-save[data-v-f623c0e1],[data-v-f623c0e1] .cell-action-btn.cell-action-save {
|
|
1630
1618
|
color: var(--n-color-success) !important;
|
|
1631
1619
|
}
|
|
1632
|
-
.cell-action-btn.cell-action-save[data-v-
|
|
1620
|
+
.cell-action-btn.cell-action-save[data-v-f623c0e1]:hover,[data-v-f623c0e1] .cell-action-btn.cell-action-save:hover {
|
|
1633
1621
|
background: var(--n-color-success-pressed) !important;
|
|
1634
1622
|
transform: scale(1.1) !important;
|
|
1635
1623
|
}
|
|
1636
|
-
.cell-action-btn[data-v-
|
|
1624
|
+
.cell-action-btn[data-v-f623c0e1],[data-v-f623c0e1] .cell-action-btn {
|
|
1637
1625
|
/* 取消按钮 */
|
|
1638
1626
|
}
|
|
1639
|
-
.cell-action-btn.cell-action-cancel[data-v-
|
|
1627
|
+
.cell-action-btn.cell-action-cancel[data-v-f623c0e1],[data-v-f623c0e1] .cell-action-btn.cell-action-cancel {
|
|
1640
1628
|
color: var(--n-color-error) !important;
|
|
1641
1629
|
}
|
|
1642
|
-
.cell-action-btn.cell-action-cancel[data-v-
|
|
1630
|
+
.cell-action-btn.cell-action-cancel[data-v-f623c0e1]:hover,[data-v-f623c0e1] .cell-action-btn.cell-action-cancel:hover {
|
|
1643
1631
|
background: var(--n-color-error-pressed) !important;
|
|
1644
1632
|
transform: scale(1.1) !important;
|
|
1645
1633
|
}
|
|
1646
|
-
.cell-action-btn[data-v-
|
|
1634
|
+
.cell-action-btn[data-v-f623c0e1],[data-v-f623c0e1] .cell-action-btn {
|
|
1647
1635
|
/* 图标尺寸 */
|
|
1648
1636
|
}
|
|
1649
|
-
.cell-action-btn svg[data-v-
|
|
1637
|
+
.cell-action-btn svg[data-v-f623c0e1],[data-v-f623c0e1] .cell-action-btn svg {
|
|
1650
1638
|
width: 11px !important;
|
|
1651
1639
|
height: 11px !important;
|
|
1652
1640
|
}
|
|
1653
1641
|
|
|
1654
1642
|
/* ================= 7. 操作按钮样式 ================= */
|
|
1655
1643
|
/* 通用按钮样式 */
|
|
1656
|
-
[data-v-
|
|
1644
|
+
[data-v-f623c0e1] .n-button {
|
|
1657
1645
|
white-space: nowrap;
|
|
1658
1646
|
font-size: 12px !important;
|
|
1659
1647
|
flex-shrink: 0 !important;
|
|
@@ -1662,60 +1650,60 @@ to {
|
|
|
1662
1650
|
font-weight: 500;
|
|
1663
1651
|
/* 图标间距 */
|
|
1664
1652
|
}
|
|
1665
|
-
[data-v-
|
|
1653
|
+
[data-v-f623c0e1] .n-button .n-icon {
|
|
1666
1654
|
margin-right: 4px !important;
|
|
1667
1655
|
}
|
|
1668
|
-
[data-v-
|
|
1656
|
+
[data-v-f623c0e1] .n-button {
|
|
1669
1657
|
/* 小尺寸按钮优化 */
|
|
1670
1658
|
}
|
|
1671
|
-
[data-v-
|
|
1659
|
+
[data-v-f623c0e1] .n-button.n-button--small-type {
|
|
1672
1660
|
padding: 4px 8px;
|
|
1673
1661
|
height: 28px;
|
|
1674
1662
|
line-height: 20px;
|
|
1675
1663
|
}
|
|
1676
|
-
[data-v-
|
|
1664
|
+
[data-v-f623c0e1] .n-button {
|
|
1677
1665
|
/* 四元按钮样式 */
|
|
1678
1666
|
}
|
|
1679
|
-
[data-v-
|
|
1667
|
+
[data-v-f623c0e1] .n-button.n-button--quaternary-type:hover {
|
|
1680
1668
|
transform: translateY(-1px);
|
|
1681
1669
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
|
1682
1670
|
}
|
|
1683
|
-
[data-v-
|
|
1671
|
+
[data-v-f623c0e1] .n-button.n-button--quaternary-type:active {
|
|
1684
1672
|
transform: translateY(0);
|
|
1685
1673
|
}
|
|
1686
1674
|
|
|
1687
1675
|
/* ================= 8. 按钮组间距优化 ================= */
|
|
1688
1676
|
/* 操作按钮组 */
|
|
1689
|
-
[data-v-
|
|
1677
|
+
[data-v-f623c0e1] .n-space.n-space--horizontal .n-space-item:not(:last-child) {
|
|
1690
1678
|
margin-right: 6px !important;
|
|
1691
1679
|
}
|
|
1692
1680
|
|
|
1693
1681
|
/* ================= 9. 模态框样式优化 ================= */
|
|
1694
1682
|
/* 编辑模态框 */
|
|
1695
|
-
[data-v-
|
|
1683
|
+
[data-v-f623c0e1] .n-modal .n-card {
|
|
1696
1684
|
border-radius: 12px;
|
|
1697
1685
|
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
|
|
1698
1686
|
}
|
|
1699
|
-
[data-v-
|
|
1687
|
+
[data-v-f623c0e1] .n-modal .n-card__header {
|
|
1700
1688
|
padding: 20px 24px 16px;
|
|
1701
1689
|
font-weight: 600;
|
|
1702
1690
|
font-size: 16px;
|
|
1703
1691
|
}
|
|
1704
|
-
[data-v-
|
|
1692
|
+
[data-v-f623c0e1] .n-modal .n-card__content {
|
|
1705
1693
|
padding: 0 24px 16px;
|
|
1706
1694
|
}
|
|
1707
|
-
[data-v-
|
|
1695
|
+
[data-v-f623c0e1] .n-modal .n-card__action {
|
|
1708
1696
|
padding: 16px 24px 20px;
|
|
1709
1697
|
border-top: 1px solid var(--n-divider-color);
|
|
1710
1698
|
}
|
|
1711
1699
|
|
|
1712
1700
|
/* ================= 10. 描述列表样式 ================= */
|
|
1713
1701
|
/* 详情模态框描述列表 */
|
|
1714
|
-
[data-v-
|
|
1702
|
+
[data-v-f623c0e1] .n-descriptions .n-descriptions-item-label {
|
|
1715
1703
|
font-weight: 500;
|
|
1716
1704
|
color: var(--n-text-color-2);
|
|
1717
1705
|
}
|
|
1718
|
-
[data-v-
|
|
1706
|
+
[data-v-f623c0e1] .n-descriptions .n-descriptions-item-content {
|
|
1719
1707
|
color: var(--n-text-color-1);
|
|
1720
1708
|
word-break: break-all;
|
|
1721
1709
|
}
|
|
@@ -1723,99 +1711,99 @@ to {
|
|
|
1723
1711
|
/* ================= 11. 响应式设计 ================= */
|
|
1724
1712
|
/* 移动端适配 */
|
|
1725
1713
|
@media (max-width: 768px) {
|
|
1726
|
-
.c-table-wrapper[data-v-
|
|
1714
|
+
.c-table-wrapper[data-v-f623c0e1] {
|
|
1727
1715
|
overflow-x: auto;
|
|
1728
1716
|
}
|
|
1729
1717
|
/* 操作列在移动端的适配 */
|
|
1730
|
-
[data-v-
|
|
1718
|
+
[data-v-f623c0e1] .n-data-table-th:last-child {
|
|
1731
1719
|
width: 160px !important;
|
|
1732
1720
|
min-width: 160px !important;
|
|
1733
1721
|
}
|
|
1734
1722
|
/* 按钮在移动端的优化 */
|
|
1735
|
-
[data-v-
|
|
1723
|
+
[data-v-f623c0e1] .n-button {
|
|
1736
1724
|
font-size: 11px !important;
|
|
1737
1725
|
padding: 3px 6px;
|
|
1738
1726
|
}
|
|
1739
|
-
[data-v-
|
|
1727
|
+
[data-v-f623c0e1] .n-button .n-icon {
|
|
1740
1728
|
margin-right: 2px !important;
|
|
1741
1729
|
}
|
|
1742
1730
|
/* 单元格编辑图标在移动端始终显示 */
|
|
1743
|
-
.cell-edit-icon[data-v-
|
|
1731
|
+
.cell-edit-icon[data-v-f623c0e1] {
|
|
1744
1732
|
opacity: 0.6;
|
|
1745
1733
|
}
|
|
1746
1734
|
}
|
|
1747
1735
|
/* ================= 12. 主题适配 ================= */
|
|
1748
1736
|
/* 暗色主题适配 - 已通过 CSS 变量自动适配 */
|
|
1749
|
-
[data-theme=dark][data-v-
|
|
1737
|
+
[data-theme=dark][data-v-f623c0e1] {
|
|
1750
1738
|
/* CSS 变量已自动适配,如有特殊需求可在此添加 */
|
|
1751
1739
|
}
|
|
1752
1740
|
|
|
1753
1741
|
/* ================= 13. 响应式优化 ================= */
|
|
1754
1742
|
/* 小屏幕下的单元格编辑优化 */
|
|
1755
1743
|
@media (max-width: 768px) {
|
|
1756
|
-
.cell-editing-container[data-v-
|
|
1744
|
+
.cell-editing-container[data-v-f623c0e1],[data-v-f623c0e1] .cell-editing-container {
|
|
1757
1745
|
gap: 6px !important;
|
|
1758
1746
|
}
|
|
1759
|
-
.cell-editing-actions[data-v-
|
|
1747
|
+
.cell-editing-actions[data-v-f623c0e1],[data-v-f623c0e1] .cell-editing-actions {
|
|
1760
1748
|
gap: 3px !important;
|
|
1761
1749
|
padding: 2px !important;
|
|
1762
1750
|
}
|
|
1763
|
-
.cell-action-btn[data-v-
|
|
1751
|
+
.cell-action-btn[data-v-f623c0e1],[data-v-f623c0e1] .cell-action-btn {
|
|
1764
1752
|
width: 18px !important;
|
|
1765
1753
|
height: 18px !important;
|
|
1766
1754
|
}
|
|
1767
|
-
.cell-action-btn svg[data-v-
|
|
1755
|
+
.cell-action-btn svg[data-v-f623c0e1],[data-v-f623c0e1] .cell-action-btn svg {
|
|
1768
1756
|
width: 10px !important;
|
|
1769
1757
|
height: 10px !important;
|
|
1770
1758
|
}
|
|
1771
1759
|
/* 移动端编辑图标 */
|
|
1772
|
-
.cell-edit-icon[data-v-
|
|
1760
|
+
.cell-edit-icon[data-v-f623c0e1] {
|
|
1773
1761
|
opacity: 0.6 !important;
|
|
1774
1762
|
}
|
|
1775
|
-
.cell-value[data-v-
|
|
1763
|
+
.cell-value[data-v-f623c0e1] {
|
|
1776
1764
|
margin-right: 12px !important;
|
|
1777
1765
|
}
|
|
1778
1766
|
}
|
|
1779
1767
|
/* ================= 14. 性能优化 ================= */
|
|
1780
1768
|
/* 使用 GPU 加速的动画 */
|
|
1781
|
-
.cell-edit-icon[data-v-
|
|
1782
|
-
.cell-action-btn[data-v-
|
|
1769
|
+
.cell-edit-icon[data-v-f623c0e1],
|
|
1770
|
+
.cell-action-btn[data-v-f623c0e1] {
|
|
1783
1771
|
will-change: transform;
|
|
1784
1772
|
backface-visibility: hidden;
|
|
1785
1773
|
}
|
|
1786
|
-
[data-v-
|
|
1774
|
+
[data-v-f623c0e1] .n-button {
|
|
1787
1775
|
will-change: transform;
|
|
1788
1776
|
backface-visibility: hidden;
|
|
1789
1777
|
}
|
|
1790
1778
|
|
|
1791
1779
|
/* ================= 15. 可访问性优化 ================= */
|
|
1792
1780
|
/* 聚焦状态 */
|
|
1793
|
-
.cell-edit-wrapper[data-v-
|
|
1794
|
-
.cell-editing-container[data-v-
|
|
1781
|
+
.cell-edit-wrapper[data-v-f623c0e1]:focus-within,
|
|
1782
|
+
.cell-editing-container[data-v-f623c0e1]:focus-within {
|
|
1795
1783
|
outline: 2px solid var(--n-primary-color);
|
|
1796
1784
|
outline-offset: 2px;
|
|
1797
1785
|
}
|
|
1798
1786
|
|
|
1799
1787
|
/* 高对比度模式支持 */
|
|
1800
1788
|
@media (prefers-contrast: high) {
|
|
1801
|
-
.cell-edit-icon[data-v-
|
|
1789
|
+
.cell-edit-icon[data-v-f623c0e1] {
|
|
1802
1790
|
opacity: 0.8;
|
|
1803
1791
|
}
|
|
1804
|
-
.cell-editing-actions[data-v-
|
|
1792
|
+
.cell-editing-actions[data-v-f623c0e1] {
|
|
1805
1793
|
border-width: 2px;
|
|
1806
1794
|
}
|
|
1807
1795
|
}
|
|
1808
1796
|
/* ================= 11. 行拖拽排序 ================= */
|
|
1809
|
-
.row-drag-ghost[data-v-
|
|
1797
|
+
.row-drag-ghost[data-v-f623c0e1] {
|
|
1810
1798
|
opacity: 0.4;
|
|
1811
1799
|
background: var(--c-table-drag-ghost-bg) !important;
|
|
1812
1800
|
}
|
|
1813
|
-
.row-drag-chosen[data-v-
|
|
1801
|
+
.row-drag-chosen[data-v-f623c0e1] {
|
|
1814
1802
|
background: var(--n-color-hover, #f5f5f5) !important;
|
|
1815
1803
|
}
|
|
1816
1804
|
|
|
1817
1805
|
/* ================= 12. 批量操作栏 ================= */
|
|
1818
|
-
.batch-actions-bar[data-v-
|
|
1806
|
+
.batch-actions-bar[data-v-f623c0e1] {
|
|
1819
1807
|
display: flex;
|
|
1820
1808
|
align-items: center;
|
|
1821
1809
|
justify-content: space-between;
|
|
@@ -1825,56 +1813,56 @@ to {
|
|
|
1825
1813
|
border-radius: 6px;
|
|
1826
1814
|
border: 1px solid var(--n-primary-color-suppl, #70b3ff);
|
|
1827
1815
|
}
|
|
1828
|
-
.batch-actions-bar .batch-info[data-v-
|
|
1816
|
+
.batch-actions-bar .batch-info[data-v-f623c0e1] {
|
|
1829
1817
|
font-size: 13px;
|
|
1830
1818
|
color: var(--n-text-color-2);
|
|
1831
1819
|
font-weight: 500;
|
|
1832
1820
|
}
|
|
1833
1821
|
|
|
1834
1822
|
/* ================= 13. 错误状态 ================= */
|
|
1835
|
-
.table-error-state[data-v-
|
|
1823
|
+
.table-error-state[data-v-f623c0e1] {
|
|
1836
1824
|
padding: 48px 24px;
|
|
1837
1825
|
text-align: center;
|
|
1838
1826
|
}
|
|
1839
|
-
.table-error-state .error-content[data-v-
|
|
1827
|
+
.table-error-state .error-content[data-v-f623c0e1] {
|
|
1840
1828
|
display: flex;
|
|
1841
1829
|
flex-direction: column;
|
|
1842
1830
|
align-items: center;
|
|
1843
1831
|
gap: 12px;
|
|
1844
1832
|
color: var(--n-text-color-3, #999);
|
|
1845
1833
|
}
|
|
1846
|
-
.table-error-state .error-message[data-v-
|
|
1834
|
+
.table-error-state .error-message[data-v-f623c0e1] {
|
|
1847
1835
|
font-size: 14px;
|
|
1848
1836
|
margin: 0;
|
|
1849
1837
|
color: var(--n-text-color-2, #666);
|
|
1850
1838
|
}
|
|
1851
1839
|
/* unplugin-vue-components disabled */
|
|
1852
1840
|
/* layer: default */
|
|
1853
|
-
.visible[data-v-
|
|
1854
|
-
.fixed[data-v-
|
|
1855
|
-
.grid[data-v-
|
|
1856
|
-
.mb-2[data-v-
|
|
1857
|
-
.mb-4[data-v-
|
|
1858
|
-
.ml-2[data-v-
|
|
1859
|
-
.w60\%[data-v-
|
|
1860
|
-
.flex[data-v-
|
|
1861
|
-
.table[data-v-
|
|
1862
|
-
.scale-110[data-v-
|
|
1863
|
-
.cursor-pointer[data-v-
|
|
1864
|
-
.items-center[data-v-
|
|
1865
|
-
.justify-end[data-v-
|
|
1866
|
-
.justify-center[data-v-
|
|
1867
|
-
.rd[data-v-
|
|
1868
|
-
.bg-gray-50[data-v-
|
|
1869
|
-
.p-4[data-v-
|
|
1870
|
-
.px[data-v-
|
|
1871
|
-
.py-8[data-v-
|
|
1872
|
-
.text-center[data-v-
|
|
1873
|
-
.text-sm[data-v-
|
|
1874
|
-
.text-gray-400[data-v-
|
|
1875
|
-
.text-gray-500[data-v-
|
|
1876
|
-
.text-gray-600[data-v-
|
|
1877
|
-
.accent-blue-500[data-v-
|
|
1878
|
-
.blur[data-v-
|
|
1879
|
-
.filter[data-v-
|
|
1841
|
+
.visible[data-v-f623c0e1]{visibility:visible;}
|
|
1842
|
+
.fixed[data-v-f623c0e1]{position:fixed;}
|
|
1843
|
+
.grid[data-v-f623c0e1]{display:grid;}
|
|
1844
|
+
.mb-2[data-v-f623c0e1]{margin-bottom:0.5rem;}
|
|
1845
|
+
.mb-4[data-v-f623c0e1]{margin-bottom:1rem;}
|
|
1846
|
+
.ml-2[data-v-f623c0e1]{margin-left:0.5rem;}
|
|
1847
|
+
.w60\%[data-v-f623c0e1]{width:60%;}
|
|
1848
|
+
.flex[data-v-f623c0e1]{display:flex;}
|
|
1849
|
+
.table[data-v-f623c0e1]{display:table;}
|
|
1850
|
+
.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));}
|
|
1851
|
+
.cursor-pointer[data-v-f623c0e1]{cursor:pointer;}
|
|
1852
|
+
.items-center[data-v-f623c0e1]{align-items:center;}
|
|
1853
|
+
.justify-end[data-v-f623c0e1]{justify-content:flex-end;}
|
|
1854
|
+
.justify-center[data-v-f623c0e1]{justify-content:center;}
|
|
1855
|
+
.rd[data-v-f623c0e1]{border-radius:0.25rem;}
|
|
1856
|
+
.bg-gray-50[data-v-f623c0e1]{--un-bg-opacity:1;background-color:rgb(249 250 251 / var(--un-bg-opacity));}
|
|
1857
|
+
.p-4[data-v-f623c0e1]{padding:1rem;}
|
|
1858
|
+
.px[data-v-f623c0e1]{padding-left:1rem;padding-right:1rem;}
|
|
1859
|
+
.py-8[data-v-f623c0e1]{padding-top:2rem;padding-bottom:2rem;}
|
|
1860
|
+
.text-center[data-v-f623c0e1]{text-align:center;}
|
|
1861
|
+
.text-sm[data-v-f623c0e1]{font-size:0.875rem;line-height:1.25rem;}
|
|
1862
|
+
.text-gray-400[data-v-f623c0e1]{--un-text-opacity:1;color:rgb(156 163 175 / var(--un-text-opacity));}
|
|
1863
|
+
.text-gray-500[data-v-f623c0e1]{--un-text-opacity:1;color:rgb(107 114 128 / var(--un-text-opacity));}
|
|
1864
|
+
.text-gray-600[data-v-f623c0e1]{--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity));}
|
|
1865
|
+
.accent-blue-500[data-v-f623c0e1]{--un-accent-opacity:1;accent-color:rgb(59 130 246 / var(--un-accent-opacity));}
|
|
1866
|
+
.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);}
|
|
1867
|
+
.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);}
|
|
1880
1868
|
|