@robot-admin/naive-ui-components 0.13.5 → 0.13.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +13 -0
- package/README.md +61 -6
- package/README_EN.md +53 -6
- package/dist/C_Form.base.css +174 -169
- package/dist/C_Form.cjs +1 -1
- package/dist/C_Form.css +174 -169
- package/dist/C_Form.d.cts +2 -2
- package/dist/C_Form.d.ts +2 -2
- package/dist/C_Form.js +1 -1
- package/dist/C_Form2.cjs +1 -1
- package/dist/C_Form2.js +1 -1
- package/dist/C_FormModal.css +15 -15
- package/dist/C_FormModal2.cjs +1 -1
- package/dist/C_FormModal2.js +1 -1
- package/dist/C_Loading.cjs +1 -0
- package/dist/C_Loading.css +119 -0
- package/dist/C_Loading.d.cts +2 -0
- package/dist/C_Loading.d.ts +2 -0
- package/dist/C_Loading.js +1 -0
- package/dist/C_Loading2.cjs +1 -0
- package/dist/C_Loading2.js +1 -0
- package/dist/C_Login.d.cts +1 -1
- package/dist/C_Login.d.ts +1 -1
- package/dist/C_Markdown.d.cts +1 -1
- package/dist/C_Markdown.d.ts +1 -1
- package/dist/C_Menu.d.ts +1 -1
- package/dist/C_OrgChart.d.cts +1 -1
- package/dist/C_OrgChart.d.ts +1 -1
- package/dist/C_Progress.d.cts +1 -1
- package/dist/C_Progress.d.ts +1 -1
- package/dist/C_Skeleton.d.cts +1 -1
- package/dist/C_Skeleton.d.ts +1 -1
- package/dist/C_Steps.d.cts +1 -1
- package/dist/C_Steps.d.ts +1 -1
- package/dist/C_Table.base.css +407 -282
- package/dist/C_Table.cjs +1 -1
- package/dist/C_Table.css +407 -282
- package/dist/C_Table.d.ts +2 -2
- package/dist/C_Table.js +1 -1
- package/dist/C_TagsView.d.cts +1 -1
- package/dist/C_TagsView.d.ts +1 -1
- package/dist/C_Theme.d.cts +1 -1
- package/dist/C_Theme.d.ts +1 -1
- package/dist/C_Timeline.d.cts +1 -1
- package/dist/C_Timeline.d.ts +1 -1
- package/dist/C_Transfer.d.cts +1 -1
- package/dist/C_Transfer.d.ts +1 -1
- package/dist/C_VtableGantt.d.cts +1 -1
- package/dist/C_VtableGantt.d.ts +1 -1
- package/dist/config.cjs +1 -1
- package/dist/config.js +1 -1
- package/dist/constants.d.cts +1 -1
- package/dist/constants.d.ts +1 -1
- package/dist/constants2.d.cts +4 -4
- package/dist/constants2.d.ts +4 -4
- package/dist/constants3.d.cts +3 -3
- package/dist/constants3.d.ts +3 -3
- package/dist/constants4.d.cts +5 -5
- package/dist/constants4.d.ts +5 -5
- package/dist/constants5.d.cts +2 -2
- package/dist/constants5.d.ts +2 -2
- package/dist/data.d.cts +6 -6
- package/dist/data.d.ts +6 -6
- package/dist/index.cjs +1 -1
- package/dist/index.d.cts +29 -28
- package/dist/index.d.ts +29 -28
- package/dist/index.js +1 -1
- package/dist/index.vue.d.cts +6 -6
- package/dist/index.vue.d.ts +6 -6
- package/dist/index10.vue.d.cts +2 -2
- package/dist/index10.vue.d.ts +1 -1
- package/dist/index11.vue.d.cts +1 -1
- package/dist/index11.vue.d.ts +3 -3
- package/dist/index12.vue.d.cts +3 -3
- package/dist/index12.vue.d.ts +1 -1
- package/dist/index13.vue.d.cts +1 -1
- package/dist/index13.vue.d.ts +5 -5
- package/dist/index14.vue.d.cts +5 -5
- package/dist/index14.vue.d.ts +5 -5
- package/dist/index15.vue.d.cts +5 -5
- package/dist/index15.vue.d.ts +1 -1
- package/dist/index16.vue.d.cts +1 -1
- package/dist/index16.vue.d.ts +13 -129
- package/dist/index17.vue.d.cts +13 -129
- package/dist/index17.vue.d.ts +129 -76
- package/dist/index18.vue.d.cts +129 -76
- package/dist/index18.vue.d.ts +75 -71
- package/dist/index19.vue.d.cts +75 -93
- package/dist/index19.vue.d.ts +68 -90
- package/dist/index2.vue.d.cts +2 -2
- package/dist/index2.vue.d.ts +2 -2
- package/dist/index20.vue.d.cts +87 -40
- package/dist/index20.vue.d.ts +87 -40
- package/dist/index21.vue.d.cts +40 -89
- package/dist/index21.vue.d.ts +40 -89
- package/dist/index22.vue.d.cts +95 -37
- package/dist/index22.vue.d.ts +95 -37
- package/dist/index23.vue.d.cts +34 -8
- package/dist/index23.vue.d.ts +34 -8
- package/dist/index24.vue.d.cts +12 -654
- package/dist/index24.vue.d.ts +12 -654
- package/dist/index25.vue.d.cts +650 -85
- package/dist/index25.vue.d.ts +650 -85
- package/dist/index26.vue.d.cts +85 -100
- package/dist/index26.vue.d.ts +85 -100
- package/dist/index27.vue.d.cts +92 -61
- package/dist/index27.vue.d.ts +92 -61
- package/dist/index28.vue.d.cts +80 -0
- package/dist/index28.vue.d.ts +80 -0
- package/dist/index3.vue.d.cts +5 -5
- package/dist/index3.vue.d.ts +5 -5
- package/dist/index6.vue.d.ts +1 -1
- package/dist/index7.vue.d.cts +1 -1
- package/dist/index8.vue.d.ts +2 -2
- package/dist/index9.vue.d.cts +2 -2
- package/dist/index9.vue.d.ts +2 -2
- package/dist/mapUtils.d.cts +2 -2
- package/dist/mapUtils.d.ts +2 -2
- package/dist/presets.d.cts +1 -1
- package/dist/presets.d.ts +1 -1
- package/dist/resolver.cjs +1 -1
- package/dist/resolver.d.cts +1 -1
- package/dist/resolver.d.ts +1 -1
- package/dist/resolver.js +1 -1
- package/dist/style.css +424 -297
- package/dist/useCollapsePanel.d.cts +2 -2
- package/dist/useCollapsePanel.d.ts +2 -2
- package/dist/useCropperCore.d.cts +9 -9
- package/dist/useCropperCore.d.ts +9 -9
- package/dist/useDraggableLayout.d.cts +5 -5
- package/dist/useDraggableLayout.d.ts +5 -5
- package/dist/useDynamicFormState.d.cts +27 -7
- package/dist/useDynamicFormState.d.ts +27 -7
- package/dist/useEdgeInteraction.d.cts +2 -2
- package/dist/useEdgeInteraction.d.ts +2 -2
- package/dist/useInfiniteScroll.d.cts +1 -1
- package/dist/useInfiniteScroll.d.ts +1 -1
- package/dist/useQRCode.d.cts +4 -4
- package/dist/useQRCode.d.ts +4 -4
- package/dist/useSearchState.d.cts +3 -3
- package/dist/useSearchState.d.ts +3 -3
- package/dist/useSignatureHistory.d.cts +3 -3
- package/dist/useSignatureHistory.d.ts +3 -3
- package/dist/useSplitResize.d.cts +3 -3
- package/dist/useSplitResize.d.ts +3 -3
- package/dist/useTableQuery.cjs +3 -3
- package/dist/useTableQuery.d.cts +2 -0
- package/dist/useTableQuery.d.ts +2 -0
- package/dist/useTableQuery.js +3 -3
- package/dist/useTimeSelection.d.cts +2 -2
- package/dist/useTimeSelection.d.ts +2 -2
- package/dist/useTreeOperations.d.cts +6 -6
- package/dist/useTreeOperations.d.ts +6 -6
- package/dist/useWorkflowValidation.d.cts +3 -3
- package/dist/useWorkflowValidation.d.ts +3 -3
- package/dist/verification.d.cts +1 -1
- package/dist/verification.d.ts +1 -1
- package/package.json +4 -3
package/dist/C_Table.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,44 +1173,165 @@ 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);}
|
|
1215
|
+
|
|
1216
|
+
|
|
1217
|
+
/* unplugin-vue-components disabled *//*
|
|
1218
|
+
* @Author: ChenYu ycyplus@gmail.com
|
|
1219
|
+
* @Date: 2026-10-06
|
|
1220
|
+
* @FilePath: \naive-ui-components\src\components\C_Loading\index.scss
|
|
1221
|
+
* @Description: 机器人扫描与数据流动画,仅在组件挂载时运行
|
|
1222
|
+
* Copyright (c) 2026 by CHENY, All Rights Reserved 😎.
|
|
1223
|
+
*/
|
|
1224
|
+
.c-loading[data-v-48232aaa] {
|
|
1225
|
+
display: inline-flex;
|
|
1226
|
+
flex-direction: column;
|
|
1227
|
+
align-items: center;
|
|
1228
|
+
justify-content: center;
|
|
1229
|
+
gap: 6px;
|
|
1230
|
+
vertical-align: middle;
|
|
1231
|
+
line-height: 1;
|
|
1232
|
+
pointer-events: none;
|
|
1233
|
+
}
|
|
1234
|
+
.c-loading--labeled[data-v-48232aaa] {
|
|
1235
|
+
flex-direction: row;
|
|
1236
|
+
gap: 8px;
|
|
1237
|
+
max-width: 100%;
|
|
1238
|
+
padding: 8px 14px;
|
|
1239
|
+
box-sizing: border-box;
|
|
1240
|
+
border: 1px solid var(--c-loading-border);
|
|
1241
|
+
border-radius: 14px;
|
|
1242
|
+
background: var(--c-loading-surface);
|
|
1243
|
+
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
|
|
1244
|
+
}
|
|
1245
|
+
.c-loading__glyph[data-v-48232aaa] {
|
|
1246
|
+
width: var(--c-loading-size, 48px);
|
|
1247
|
+
height: var(--c-loading-size, 48px);
|
|
1248
|
+
flex-shrink: 0;
|
|
1249
|
+
overflow: visible;
|
|
1250
|
+
}
|
|
1251
|
+
.c-loading__frame[data-v-48232aaa] {
|
|
1252
|
+
opacity: 0.35;
|
|
1253
|
+
animation: c-loading-frame-48232aaa 2.4s ease-in-out infinite;
|
|
1254
|
+
}
|
|
1255
|
+
.c-loading__scan[data-v-48232aaa] {
|
|
1256
|
+
opacity: 0;
|
|
1257
|
+
animation: c-loading-scan-48232aaa 2.4s ease-in-out infinite;
|
|
1258
|
+
}
|
|
1259
|
+
.c-loading__eyes[data-v-48232aaa] {
|
|
1260
|
+
transform-box: fill-box;
|
|
1261
|
+
transform-origin: center;
|
|
1262
|
+
animation: c-loading-eyes-48232aaa 3.6s ease-in-out infinite;
|
|
1263
|
+
}
|
|
1264
|
+
.c-loading__packet[data-v-48232aaa] {
|
|
1265
|
+
opacity: 0.25;
|
|
1266
|
+
animation: c-loading-data-48232aaa 2.4s ease-in-out infinite;
|
|
1267
|
+
}
|
|
1268
|
+
.c-loading__packet--out[data-v-48232aaa] {
|
|
1269
|
+
animation-delay: 0.8s;
|
|
1270
|
+
}
|
|
1271
|
+
.c-loading__label[data-v-48232aaa] {
|
|
1272
|
+
color: var(--c-loading-text, currentColor);
|
|
1273
|
+
font-size: 12px;
|
|
1274
|
+
font-weight: 500;
|
|
1275
|
+
letter-spacing: 0.03em;
|
|
1276
|
+
line-height: 1.6;
|
|
1277
|
+
}
|
|
1278
|
+
@media (prefers-reduced-motion: reduce) {
|
|
1279
|
+
.c-loading__frame[data-v-48232aaa], .c-loading__scan[data-v-48232aaa], .c-loading__eyes[data-v-48232aaa], .c-loading__packet[data-v-48232aaa] {
|
|
1280
|
+
animation: none;
|
|
1281
|
+
}
|
|
1282
|
+
.c-loading__scan[data-v-48232aaa] {
|
|
1283
|
+
display: none;
|
|
1284
|
+
}
|
|
1285
|
+
.c-loading__frame[data-v-48232aaa], .c-loading__packet[data-v-48232aaa] {
|
|
1286
|
+
opacity: 0.55;
|
|
1287
|
+
}
|
|
1288
|
+
}
|
|
1289
|
+
@keyframes c-loading-scan-48232aaa {
|
|
1290
|
+
0%, 12% {
|
|
1291
|
+
transform: translateY(0);
|
|
1292
|
+
opacity: 0;
|
|
1293
|
+
}
|
|
1294
|
+
25% {
|
|
1295
|
+
opacity: 0.2;
|
|
1296
|
+
}
|
|
1297
|
+
70% {
|
|
1298
|
+
transform: translateY(14px);
|
|
1299
|
+
opacity: 0.2;
|
|
1300
|
+
}
|
|
1301
|
+
88%, 100% {
|
|
1302
|
+
transform: translateY(14px);
|
|
1303
|
+
opacity: 0;
|
|
1304
|
+
}
|
|
1305
|
+
}
|
|
1306
|
+
@keyframes c-loading-frame-48232aaa {
|
|
1307
|
+
0%, 100% {
|
|
1308
|
+
opacity: 0.25;
|
|
1309
|
+
}
|
|
1310
|
+
50% {
|
|
1311
|
+
opacity: 0.7;
|
|
1312
|
+
}
|
|
1313
|
+
}
|
|
1314
|
+
@keyframes c-loading-eyes-48232aaa {
|
|
1315
|
+
0%, 72%, 82%, 100% {
|
|
1316
|
+
transform: scaleY(1);
|
|
1317
|
+
}
|
|
1318
|
+
77% {
|
|
1319
|
+
transform: scaleY(0.25);
|
|
1320
|
+
}
|
|
1321
|
+
}
|
|
1322
|
+
@keyframes c-loading-data-48232aaa {
|
|
1323
|
+
0%, 100% {
|
|
1324
|
+
opacity: 0.2;
|
|
1325
|
+
}
|
|
1326
|
+
40%, 60% {
|
|
1327
|
+
opacity: 0.85;
|
|
1328
|
+
}
|
|
1329
|
+
}
|
|
1330
|
+
/* unplugin-vue-components disabled */
|
|
1331
|
+
/* layer: default */
|
|
1332
|
+
.table[data-v-48232aaa]{display:table;}
|
|
1333
|
+
.px[data-v-48232aaa]{padding-left:1rem;padding-right:1rem;}
|
|
1334
|
+
.filter[data-v-48232aaa]{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
|
|
1210
1335
|
|
|
1211
1336
|
|
|
1212
1337
|
/* unplugin-vue-components disabled */.column-management-tab .search-row[data-v-6ff103ee] {
|
|
@@ -1346,7 +1471,7 @@ to {
|
|
|
1346
1471
|
.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);}
|
|
1347
1472
|
|
|
1348
1473
|
/* unplugin-vue-components disabled *//* ================= 1. 组件根容器 ================= */
|
|
1349
|
-
.c-table-wrapper[data-v-
|
|
1474
|
+
.c-table-wrapper[data-v-be2bef78] {
|
|
1350
1475
|
--c-table-border-color: var(--border-color, #e5e7eb);
|
|
1351
1476
|
--c-table-bg: var(--body-color, #fff);
|
|
1352
1477
|
--c-table-header-bg: var(--card-color, #fafafc);
|
|
@@ -1359,52 +1484,52 @@ to {
|
|
|
1359
1484
|
}
|
|
1360
1485
|
|
|
1361
1486
|
/* ================= 列拖拽排序 ================= */
|
|
1362
|
-
.column-drag-ghost[data-v-
|
|
1487
|
+
.column-drag-ghost[data-v-be2bef78] {
|
|
1363
1488
|
opacity: var(--c-table-drag-ghost-opacity);
|
|
1364
1489
|
background: var(--c-table-drag-ghost-bg) !important;
|
|
1365
1490
|
}
|
|
1366
|
-
.drag-handle[data-v-
|
|
1491
|
+
.drag-handle[data-v-be2bef78] {
|
|
1367
1492
|
cursor: grab;
|
|
1368
1493
|
}
|
|
1369
|
-
.drag-handle[data-v-
|
|
1494
|
+
.drag-handle[data-v-be2bef78]:active {
|
|
1370
1495
|
cursor: grabbing;
|
|
1371
1496
|
}
|
|
1372
1497
|
|
|
1373
1498
|
/* ================= 合计行强调 ================= */
|
|
1374
|
-
.c-table-wrapper[data-v-
|
|
1499
|
+
.c-table-wrapper[data-v-be2bef78] .n-data-table-tfoot {
|
|
1375
1500
|
background: var(--c-table-summary-bg);
|
|
1376
1501
|
font-weight: var(--c-table-summary-font-weight);
|
|
1377
1502
|
}
|
|
1378
1503
|
|
|
1379
1504
|
/* ================= 2. 表格工具栏 ================= */
|
|
1380
|
-
.table-toolbar[data-v-
|
|
1505
|
+
.table-toolbar[data-v-be2bef78] {
|
|
1381
1506
|
display: flex;
|
|
1382
1507
|
justify-content: space-between;
|
|
1383
1508
|
align-items: center;
|
|
1384
1509
|
margin-bottom: 16px;
|
|
1385
1510
|
}
|
|
1386
|
-
.table-toolbar .toolbar-left[data-v-
|
|
1511
|
+
.table-toolbar .toolbar-left[data-v-be2bef78] {
|
|
1387
1512
|
display: flex;
|
|
1388
1513
|
align-items: center;
|
|
1389
1514
|
gap: 12px;
|
|
1390
1515
|
}
|
|
1391
|
-
.table-toolbar .toolbar-right[data-v-
|
|
1516
|
+
.table-toolbar .toolbar-right[data-v-be2bef78] {
|
|
1392
1517
|
display: flex;
|
|
1393
1518
|
align-items: center;
|
|
1394
1519
|
gap: 8px;
|
|
1395
1520
|
}
|
|
1396
|
-
.table-toolbar .toolbar-right .column-settings-btn[data-v-
|
|
1521
|
+
.table-toolbar .toolbar-right .column-settings-btn[data-v-be2bef78] {
|
|
1397
1522
|
opacity: 0.6;
|
|
1398
1523
|
transition: opacity 0.2s ease, transform 0.2s ease;
|
|
1399
1524
|
cursor: pointer;
|
|
1400
1525
|
}
|
|
1401
|
-
.table-toolbar .toolbar-right .column-settings-btn[data-v-
|
|
1526
|
+
.table-toolbar .toolbar-right .column-settings-btn[data-v-be2bef78]:hover {
|
|
1402
1527
|
opacity: 1;
|
|
1403
1528
|
transform: scale(1.1);
|
|
1404
1529
|
}
|
|
1405
1530
|
|
|
1406
1531
|
/* ================= 3. 动态行工具栏 ================= */
|
|
1407
|
-
.dynamic-rows-toolbar[data-v-
|
|
1532
|
+
.dynamic-rows-toolbar[data-v-be2bef78] {
|
|
1408
1533
|
margin-bottom: 16px;
|
|
1409
1534
|
padding: 16px;
|
|
1410
1535
|
border-radius: 8px;
|
|
@@ -1413,12 +1538,12 @@ to {
|
|
|
1413
1538
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
|
|
1414
1539
|
transition: all 0.2s ease;
|
|
1415
1540
|
}
|
|
1416
|
-
.dynamic-rows-toolbar[data-v-
|
|
1541
|
+
.dynamic-rows-toolbar[data-v-be2bef78]:hover {
|
|
1417
1542
|
border-color: var(--n-primary-color-suppl);
|
|
1418
1543
|
}
|
|
1419
1544
|
|
|
1420
1545
|
/* ================= 4. 表格布局基础 ================= */
|
|
1421
|
-
[data-v-
|
|
1546
|
+
[data-v-be2bef78] .n-data-table {
|
|
1422
1547
|
table-layout: auto !important;
|
|
1423
1548
|
width: 100% !important;
|
|
1424
1549
|
border-radius: 8px;
|
|
@@ -1426,12 +1551,12 @@ to {
|
|
|
1426
1551
|
}
|
|
1427
1552
|
|
|
1428
1553
|
/* 确保表格容器允许横向滚动(固定列必需) */
|
|
1429
|
-
[data-v-
|
|
1554
|
+
[data-v-be2bef78] .n-data-table-wrapper {
|
|
1430
1555
|
overflow-x: auto !important;
|
|
1431
1556
|
}
|
|
1432
1557
|
|
|
1433
1558
|
/* 分页组件样式 */
|
|
1434
|
-
.pagination-wrapper[data-v-
|
|
1559
|
+
.pagination-wrapper[data-v-be2bef78] {
|
|
1435
1560
|
margin-top: 16px;
|
|
1436
1561
|
display: flex;
|
|
1437
1562
|
justify-content: flex-end;
|
|
@@ -1439,12 +1564,12 @@ to {
|
|
|
1439
1564
|
|
|
1440
1565
|
/* ================= 5. 表格列宽度管理 ================= */
|
|
1441
1566
|
/* 普通列的最小宽度保护 */
|
|
1442
|
-
[data-v-
|
|
1567
|
+
[data-v-be2bef78] .n-data-table-th:not(:last-child) {
|
|
1443
1568
|
min-width: 80px !important;
|
|
1444
1569
|
}
|
|
1445
1570
|
|
|
1446
1571
|
/* 操作列固定宽度(适应4个按钮的布局) */
|
|
1447
|
-
[data-v-
|
|
1572
|
+
[data-v-be2bef78] .c-table-actions-column {
|
|
1448
1573
|
width: 180px !important;
|
|
1449
1574
|
min-width: 160px !important;
|
|
1450
1575
|
max-width: 200px !important;
|
|
@@ -1453,14 +1578,14 @@ to {
|
|
|
1453
1578
|
}
|
|
1454
1579
|
|
|
1455
1580
|
/* 操作按钮容器居中 */
|
|
1456
|
-
[data-v-
|
|
1581
|
+
[data-v-be2bef78] .c-table-actions-column .n-space {
|
|
1457
1582
|
justify-content: center !important;
|
|
1458
1583
|
align-items: center !important;
|
|
1459
1584
|
}
|
|
1460
1585
|
|
|
1461
1586
|
/* ================= 6. 可编辑单元格样式 ================= */
|
|
1462
1587
|
/* 单元格编辑容器 - 精致化设计 */
|
|
1463
|
-
.cell-edit-wrapper[data-v-
|
|
1588
|
+
.cell-edit-wrapper[data-v-be2bef78] {
|
|
1464
1589
|
display: flex;
|
|
1465
1590
|
align-items: center;
|
|
1466
1591
|
justify-content: space-between;
|
|
@@ -1473,23 +1598,23 @@ to {
|
|
|
1473
1598
|
position: relative;
|
|
1474
1599
|
/* 悬停效果 */
|
|
1475
1600
|
}
|
|
1476
|
-
.cell-edit-wrapper[data-v-
|
|
1601
|
+
.cell-edit-wrapper[data-v-be2bef78]:hover {
|
|
1477
1602
|
background-color: var(--n-color-target);
|
|
1478
1603
|
}
|
|
1479
|
-
.cell-edit-wrapper:hover .cell-edit-icon[data-v-
|
|
1604
|
+
.cell-edit-wrapper:hover .cell-edit-icon[data-v-be2bef78] {
|
|
1480
1605
|
opacity: 1;
|
|
1481
1606
|
color: var(--n-color-success);
|
|
1482
1607
|
transform: scale(1.05);
|
|
1483
1608
|
}
|
|
1484
|
-
.cell-edit-wrapper[data-v-
|
|
1609
|
+
.cell-edit-wrapper[data-v-be2bef78] {
|
|
1485
1610
|
/* 激活状态 */
|
|
1486
1611
|
}
|
|
1487
|
-
.cell-edit-wrapper[data-v-
|
|
1612
|
+
.cell-edit-wrapper[data-v-be2bef78]:active {
|
|
1488
1613
|
transform: translateY(1px);
|
|
1489
1614
|
}
|
|
1490
1615
|
|
|
1491
1616
|
/* 单元格内容 */
|
|
1492
|
-
.cell-value[data-v-
|
|
1617
|
+
.cell-value[data-v-be2bef78] {
|
|
1493
1618
|
flex: 1;
|
|
1494
1619
|
overflow: hidden;
|
|
1495
1620
|
text-overflow: ellipsis;
|
|
@@ -1500,7 +1625,7 @@ to {
|
|
|
1500
1625
|
}
|
|
1501
1626
|
|
|
1502
1627
|
/* 动态渲染单元格也只在当前表格边界内匹配。 */
|
|
1503
|
-
.c-table-wrapper[data-v-
|
|
1628
|
+
.c-table-wrapper[data-v-be2bef78] .cell-edit-icon {
|
|
1504
1629
|
flex-shrink: 0;
|
|
1505
1630
|
width: 24px;
|
|
1506
1631
|
height: 24px;
|
|
@@ -1516,29 +1641,29 @@ to {
|
|
|
1516
1641
|
position: relative;
|
|
1517
1642
|
/* 悬停效果 */
|
|
1518
1643
|
}
|
|
1519
|
-
.c-table-wrapper[data-v-
|
|
1644
|
+
.c-table-wrapper[data-v-be2bef78] .cell-edit-icon:hover {
|
|
1520
1645
|
opacity: 1 !important;
|
|
1521
1646
|
color: var(--n-color-success-hover) !important;
|
|
1522
1647
|
background-color: var(--n-color-success-pressed);
|
|
1523
1648
|
transform: scale(1.1);
|
|
1524
1649
|
}
|
|
1525
|
-
.c-table-wrapper[data-v-
|
|
1650
|
+
.c-table-wrapper[data-v-be2bef78] .cell-edit-icon {
|
|
1526
1651
|
/* 激活效果 */
|
|
1527
1652
|
}
|
|
1528
|
-
.c-table-wrapper[data-v-
|
|
1653
|
+
.c-table-wrapper[data-v-be2bef78] .cell-edit-icon:active {
|
|
1529
1654
|
transform: scale(0.95);
|
|
1530
1655
|
}
|
|
1531
|
-
.c-table-wrapper[data-v-
|
|
1656
|
+
.c-table-wrapper[data-v-be2bef78] .cell-edit-icon {
|
|
1532
1657
|
/* 图标尺寸 */
|
|
1533
1658
|
}
|
|
1534
|
-
.c-table-wrapper[data-v-
|
|
1659
|
+
.c-table-wrapper[data-v-be2bef78] .cell-edit-icon svg {
|
|
1535
1660
|
width: 14px;
|
|
1536
1661
|
height: 14px;
|
|
1537
1662
|
}
|
|
1538
1663
|
|
|
1539
1664
|
/* ================= 7. 单元格编辑状态样式 ================= */
|
|
1540
1665
|
/* 编辑容器 - 确保水平布局不换行 */
|
|
1541
|
-
.cell-editing-container[data-v-
|
|
1666
|
+
.cell-editing-container[data-v-be2bef78],[data-v-be2bef78] .cell-editing-container {
|
|
1542
1667
|
display: flex !important;
|
|
1543
1668
|
align-items: center !important;
|
|
1544
1669
|
width: 100% !important;
|
|
@@ -1552,39 +1677,39 @@ to {
|
|
|
1552
1677
|
}
|
|
1553
1678
|
|
|
1554
1679
|
/* 编辑输入区域 - 占据剩余空间 */
|
|
1555
|
-
.cell-editing-input[data-v-
|
|
1680
|
+
.cell-editing-input[data-v-be2bef78],[data-v-be2bef78] .cell-editing-input {
|
|
1556
1681
|
flex: 1 !important;
|
|
1557
1682
|
min-width: 0 !important;
|
|
1558
1683
|
}
|
|
1559
1684
|
|
|
1560
1685
|
/* 深度选择器处理输入框样式 */
|
|
1561
|
-
[data-v-
|
|
1686
|
+
[data-v-be2bef78] .cell-editing-input .n-input {
|
|
1562
1687
|
border: none !important;
|
|
1563
1688
|
box-shadow: none !important;
|
|
1564
1689
|
background: transparent !important;
|
|
1565
1690
|
}
|
|
1566
|
-
[data-v-
|
|
1691
|
+
[data-v-be2bef78] .cell-editing-input .n-input.n-input--focus {
|
|
1567
1692
|
border: none !important;
|
|
1568
1693
|
box-shadow: none !important;
|
|
1569
1694
|
}
|
|
1570
|
-
[data-v-
|
|
1695
|
+
[data-v-be2bef78] .cell-editing-input .n-input-number {
|
|
1571
1696
|
border: none !important;
|
|
1572
1697
|
box-shadow: none !important;
|
|
1573
1698
|
background: transparent !important;
|
|
1574
1699
|
}
|
|
1575
|
-
[data-v-
|
|
1700
|
+
[data-v-be2bef78] .cell-editing-input .n-select {
|
|
1576
1701
|
border: none !important;
|
|
1577
1702
|
box-shadow: none !important;
|
|
1578
1703
|
background: transparent !important;
|
|
1579
1704
|
}
|
|
1580
|
-
[data-v-
|
|
1705
|
+
[data-v-be2bef78] .cell-editing-input .n-select .n-base-selection {
|
|
1581
1706
|
border: none !important;
|
|
1582
1707
|
box-shadow: none !important;
|
|
1583
1708
|
background: transparent !important;
|
|
1584
1709
|
}
|
|
1585
1710
|
|
|
1586
1711
|
/* 编辑操作按钮容器 */
|
|
1587
|
-
.cell-editing-actions[data-v-
|
|
1712
|
+
.cell-editing-actions[data-v-be2bef78],[data-v-be2bef78] .cell-editing-actions {
|
|
1588
1713
|
display: flex !important;
|
|
1589
1714
|
flex-shrink: 0 !important;
|
|
1590
1715
|
align-items: center !important;
|
|
@@ -1597,7 +1722,7 @@ to {
|
|
|
1597
1722
|
}
|
|
1598
1723
|
|
|
1599
1724
|
/* 编辑操作按钮 */
|
|
1600
|
-
.cell-action-btn[data-v-
|
|
1725
|
+
.cell-action-btn[data-v-be2bef78],[data-v-be2bef78] .cell-action-btn {
|
|
1601
1726
|
display: flex !important;
|
|
1602
1727
|
align-items: center !important;
|
|
1603
1728
|
justify-content: center !important;
|
|
@@ -1610,34 +1735,34 @@ to {
|
|
|
1610
1735
|
background: transparent !important;
|
|
1611
1736
|
/* 保存按钮 */
|
|
1612
1737
|
}
|
|
1613
|
-
.cell-action-btn.cell-action-save[data-v-
|
|
1738
|
+
.cell-action-btn.cell-action-save[data-v-be2bef78],[data-v-be2bef78] .cell-action-btn.cell-action-save {
|
|
1614
1739
|
color: var(--n-color-success) !important;
|
|
1615
1740
|
}
|
|
1616
|
-
.cell-action-btn.cell-action-save[data-v-
|
|
1741
|
+
.cell-action-btn.cell-action-save[data-v-be2bef78]:hover,[data-v-be2bef78] .cell-action-btn.cell-action-save:hover {
|
|
1617
1742
|
background: var(--n-color-success-pressed) !important;
|
|
1618
1743
|
transform: scale(1.1) !important;
|
|
1619
1744
|
}
|
|
1620
|
-
.cell-action-btn[data-v-
|
|
1745
|
+
.cell-action-btn[data-v-be2bef78],[data-v-be2bef78] .cell-action-btn {
|
|
1621
1746
|
/* 取消按钮 */
|
|
1622
1747
|
}
|
|
1623
|
-
.cell-action-btn.cell-action-cancel[data-v-
|
|
1748
|
+
.cell-action-btn.cell-action-cancel[data-v-be2bef78],[data-v-be2bef78] .cell-action-btn.cell-action-cancel {
|
|
1624
1749
|
color: var(--n-color-error) !important;
|
|
1625
1750
|
}
|
|
1626
|
-
.cell-action-btn.cell-action-cancel[data-v-
|
|
1751
|
+
.cell-action-btn.cell-action-cancel[data-v-be2bef78]:hover,[data-v-be2bef78] .cell-action-btn.cell-action-cancel:hover {
|
|
1627
1752
|
background: var(--n-color-error-pressed) !important;
|
|
1628
1753
|
transform: scale(1.1) !important;
|
|
1629
1754
|
}
|
|
1630
|
-
.cell-action-btn[data-v-
|
|
1755
|
+
.cell-action-btn[data-v-be2bef78],[data-v-be2bef78] .cell-action-btn {
|
|
1631
1756
|
/* 图标尺寸 */
|
|
1632
1757
|
}
|
|
1633
|
-
.cell-action-btn svg[data-v-
|
|
1758
|
+
.cell-action-btn svg[data-v-be2bef78],[data-v-be2bef78] .cell-action-btn svg {
|
|
1634
1759
|
width: 11px !important;
|
|
1635
1760
|
height: 11px !important;
|
|
1636
1761
|
}
|
|
1637
1762
|
|
|
1638
1763
|
/* ================= 7. 操作按钮样式 ================= */
|
|
1639
1764
|
/* 通用按钮样式 */
|
|
1640
|
-
[data-v-
|
|
1765
|
+
[data-v-be2bef78] .n-button {
|
|
1641
1766
|
white-space: nowrap;
|
|
1642
1767
|
font-size: 12px !important;
|
|
1643
1768
|
flex-shrink: 0 !important;
|
|
@@ -1646,60 +1771,60 @@ to {
|
|
|
1646
1771
|
font-weight: 500;
|
|
1647
1772
|
/* 图标间距 */
|
|
1648
1773
|
}
|
|
1649
|
-
[data-v-
|
|
1774
|
+
[data-v-be2bef78] .n-button .n-icon {
|
|
1650
1775
|
margin-right: 4px !important;
|
|
1651
1776
|
}
|
|
1652
|
-
[data-v-
|
|
1777
|
+
[data-v-be2bef78] .n-button {
|
|
1653
1778
|
/* 小尺寸按钮优化 */
|
|
1654
1779
|
}
|
|
1655
|
-
[data-v-
|
|
1780
|
+
[data-v-be2bef78] .n-button.n-button--small-type {
|
|
1656
1781
|
padding: 4px 8px;
|
|
1657
1782
|
height: 28px;
|
|
1658
1783
|
line-height: 20px;
|
|
1659
1784
|
}
|
|
1660
|
-
[data-v-
|
|
1785
|
+
[data-v-be2bef78] .n-button {
|
|
1661
1786
|
/* 四元按钮样式 */
|
|
1662
1787
|
}
|
|
1663
|
-
[data-v-
|
|
1788
|
+
[data-v-be2bef78] .n-button.n-button--quaternary-type:hover {
|
|
1664
1789
|
transform: translateY(-1px);
|
|
1665
1790
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
|
1666
1791
|
}
|
|
1667
|
-
[data-v-
|
|
1792
|
+
[data-v-be2bef78] .n-button.n-button--quaternary-type:active {
|
|
1668
1793
|
transform: translateY(0);
|
|
1669
1794
|
}
|
|
1670
1795
|
|
|
1671
1796
|
/* ================= 8. 按钮组间距优化 ================= */
|
|
1672
1797
|
/* 操作按钮组 */
|
|
1673
|
-
[data-v-
|
|
1798
|
+
[data-v-be2bef78] .n-space.n-space--horizontal .n-space-item:not(:last-child) {
|
|
1674
1799
|
margin-right: 6px !important;
|
|
1675
1800
|
}
|
|
1676
1801
|
|
|
1677
1802
|
/* ================= 9. 模态框样式优化 ================= */
|
|
1678
1803
|
/* 编辑模态框 */
|
|
1679
|
-
[data-v-
|
|
1804
|
+
[data-v-be2bef78] .n-modal .n-card {
|
|
1680
1805
|
border-radius: 12px;
|
|
1681
1806
|
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
|
|
1682
1807
|
}
|
|
1683
|
-
[data-v-
|
|
1808
|
+
[data-v-be2bef78] .n-modal .n-card__header {
|
|
1684
1809
|
padding: 20px 24px 16px;
|
|
1685
1810
|
font-weight: 600;
|
|
1686
1811
|
font-size: 16px;
|
|
1687
1812
|
}
|
|
1688
|
-
[data-v-
|
|
1813
|
+
[data-v-be2bef78] .n-modal .n-card__content {
|
|
1689
1814
|
padding: 0 24px 16px;
|
|
1690
1815
|
}
|
|
1691
|
-
[data-v-
|
|
1816
|
+
[data-v-be2bef78] .n-modal .n-card__action {
|
|
1692
1817
|
padding: 16px 24px 20px;
|
|
1693
1818
|
border-top: 1px solid var(--n-divider-color);
|
|
1694
1819
|
}
|
|
1695
1820
|
|
|
1696
1821
|
/* ================= 10. 描述列表样式 ================= */
|
|
1697
1822
|
/* 详情模态框描述列表 */
|
|
1698
|
-
[data-v-
|
|
1823
|
+
[data-v-be2bef78] .n-descriptions .n-descriptions-item-label {
|
|
1699
1824
|
font-weight: 500;
|
|
1700
1825
|
color: var(--n-text-color-2);
|
|
1701
1826
|
}
|
|
1702
|
-
[data-v-
|
|
1827
|
+
[data-v-be2bef78] .n-descriptions .n-descriptions-item-content {
|
|
1703
1828
|
color: var(--n-text-color-1);
|
|
1704
1829
|
word-break: break-all;
|
|
1705
1830
|
}
|
|
@@ -1707,99 +1832,99 @@ to {
|
|
|
1707
1832
|
/* ================= 11. 响应式设计 ================= */
|
|
1708
1833
|
/* 移动端适配 */
|
|
1709
1834
|
@media (max-width: 768px) {
|
|
1710
|
-
.c-table-wrapper[data-v-
|
|
1835
|
+
.c-table-wrapper[data-v-be2bef78] {
|
|
1711
1836
|
overflow-x: auto;
|
|
1712
1837
|
}
|
|
1713
1838
|
/* 操作列在移动端的适配 */
|
|
1714
|
-
[data-v-
|
|
1839
|
+
[data-v-be2bef78] .n-data-table-th:last-child {
|
|
1715
1840
|
width: 160px !important;
|
|
1716
1841
|
min-width: 160px !important;
|
|
1717
1842
|
}
|
|
1718
1843
|
/* 按钮在移动端的优化 */
|
|
1719
|
-
[data-v-
|
|
1844
|
+
[data-v-be2bef78] .n-button {
|
|
1720
1845
|
font-size: 11px !important;
|
|
1721
1846
|
padding: 3px 6px;
|
|
1722
1847
|
}
|
|
1723
|
-
[data-v-
|
|
1848
|
+
[data-v-be2bef78] .n-button .n-icon {
|
|
1724
1849
|
margin-right: 2px !important;
|
|
1725
1850
|
}
|
|
1726
1851
|
/* 单元格编辑图标在移动端始终显示 */
|
|
1727
|
-
.cell-edit-icon[data-v-
|
|
1852
|
+
.cell-edit-icon[data-v-be2bef78] {
|
|
1728
1853
|
opacity: 0.6;
|
|
1729
1854
|
}
|
|
1730
1855
|
}
|
|
1731
1856
|
/* ================= 12. 主题适配 ================= */
|
|
1732
1857
|
/* 暗色主题适配 - 已通过 CSS 变量自动适配 */
|
|
1733
|
-
[data-theme=dark][data-v-
|
|
1858
|
+
[data-theme=dark][data-v-be2bef78] {
|
|
1734
1859
|
/* CSS 变量已自动适配,如有特殊需求可在此添加 */
|
|
1735
1860
|
}
|
|
1736
1861
|
|
|
1737
1862
|
/* ================= 13. 响应式优化 ================= */
|
|
1738
1863
|
/* 小屏幕下的单元格编辑优化 */
|
|
1739
1864
|
@media (max-width: 768px) {
|
|
1740
|
-
.cell-editing-container[data-v-
|
|
1865
|
+
.cell-editing-container[data-v-be2bef78],[data-v-be2bef78] .cell-editing-container {
|
|
1741
1866
|
gap: 6px !important;
|
|
1742
1867
|
}
|
|
1743
|
-
.cell-editing-actions[data-v-
|
|
1868
|
+
.cell-editing-actions[data-v-be2bef78],[data-v-be2bef78] .cell-editing-actions {
|
|
1744
1869
|
gap: 3px !important;
|
|
1745
1870
|
padding: 2px !important;
|
|
1746
1871
|
}
|
|
1747
|
-
.cell-action-btn[data-v-
|
|
1872
|
+
.cell-action-btn[data-v-be2bef78],[data-v-be2bef78] .cell-action-btn {
|
|
1748
1873
|
width: 18px !important;
|
|
1749
1874
|
height: 18px !important;
|
|
1750
1875
|
}
|
|
1751
|
-
.cell-action-btn svg[data-v-
|
|
1876
|
+
.cell-action-btn svg[data-v-be2bef78],[data-v-be2bef78] .cell-action-btn svg {
|
|
1752
1877
|
width: 10px !important;
|
|
1753
1878
|
height: 10px !important;
|
|
1754
1879
|
}
|
|
1755
1880
|
/* 移动端编辑图标 */
|
|
1756
|
-
.cell-edit-icon[data-v-
|
|
1881
|
+
.cell-edit-icon[data-v-be2bef78] {
|
|
1757
1882
|
opacity: 0.6 !important;
|
|
1758
1883
|
}
|
|
1759
|
-
.cell-value[data-v-
|
|
1884
|
+
.cell-value[data-v-be2bef78] {
|
|
1760
1885
|
margin-right: 12px !important;
|
|
1761
1886
|
}
|
|
1762
1887
|
}
|
|
1763
1888
|
/* ================= 14. 性能优化 ================= */
|
|
1764
1889
|
/* 使用 GPU 加速的动画 */
|
|
1765
|
-
.cell-edit-icon[data-v-
|
|
1766
|
-
.cell-action-btn[data-v-
|
|
1890
|
+
.cell-edit-icon[data-v-be2bef78],
|
|
1891
|
+
.cell-action-btn[data-v-be2bef78] {
|
|
1767
1892
|
will-change: transform;
|
|
1768
1893
|
backface-visibility: hidden;
|
|
1769
1894
|
}
|
|
1770
|
-
[data-v-
|
|
1895
|
+
[data-v-be2bef78] .n-button {
|
|
1771
1896
|
will-change: transform;
|
|
1772
1897
|
backface-visibility: hidden;
|
|
1773
1898
|
}
|
|
1774
1899
|
|
|
1775
1900
|
/* ================= 15. 可访问性优化 ================= */
|
|
1776
1901
|
/* 聚焦状态 */
|
|
1777
|
-
.cell-edit-wrapper[data-v-
|
|
1778
|
-
.cell-editing-container[data-v-
|
|
1902
|
+
.cell-edit-wrapper[data-v-be2bef78]:focus-within,
|
|
1903
|
+
.cell-editing-container[data-v-be2bef78]:focus-within {
|
|
1779
1904
|
outline: 2px solid var(--n-primary-color);
|
|
1780
1905
|
outline-offset: 2px;
|
|
1781
1906
|
}
|
|
1782
1907
|
|
|
1783
1908
|
/* 高对比度模式支持 */
|
|
1784
1909
|
@media (prefers-contrast: high) {
|
|
1785
|
-
.cell-edit-icon[data-v-
|
|
1910
|
+
.cell-edit-icon[data-v-be2bef78] {
|
|
1786
1911
|
opacity: 0.8;
|
|
1787
1912
|
}
|
|
1788
|
-
.cell-editing-actions[data-v-
|
|
1913
|
+
.cell-editing-actions[data-v-be2bef78] {
|
|
1789
1914
|
border-width: 2px;
|
|
1790
1915
|
}
|
|
1791
1916
|
}
|
|
1792
1917
|
/* ================= 11. 行拖拽排序 ================= */
|
|
1793
|
-
.row-drag-ghost[data-v-
|
|
1918
|
+
.row-drag-ghost[data-v-be2bef78] {
|
|
1794
1919
|
opacity: 0.4;
|
|
1795
1920
|
background: var(--c-table-drag-ghost-bg) !important;
|
|
1796
1921
|
}
|
|
1797
|
-
.row-drag-chosen[data-v-
|
|
1922
|
+
.row-drag-chosen[data-v-be2bef78] {
|
|
1798
1923
|
background: var(--n-color-hover, #f5f5f5) !important;
|
|
1799
1924
|
}
|
|
1800
1925
|
|
|
1801
1926
|
/* ================= 12. 批量操作栏 ================= */
|
|
1802
|
-
.batch-actions-bar[data-v-
|
|
1927
|
+
.batch-actions-bar[data-v-be2bef78] {
|
|
1803
1928
|
display: flex;
|
|
1804
1929
|
align-items: center;
|
|
1805
1930
|
justify-content: space-between;
|
|
@@ -1809,56 +1934,56 @@ to {
|
|
|
1809
1934
|
border-radius: 6px;
|
|
1810
1935
|
border: 1px solid var(--n-primary-color-suppl, #70b3ff);
|
|
1811
1936
|
}
|
|
1812
|
-
.batch-actions-bar .batch-info[data-v-
|
|
1937
|
+
.batch-actions-bar .batch-info[data-v-be2bef78] {
|
|
1813
1938
|
font-size: 13px;
|
|
1814
1939
|
color: var(--n-text-color-2);
|
|
1815
1940
|
font-weight: 500;
|
|
1816
1941
|
}
|
|
1817
1942
|
|
|
1818
1943
|
/* ================= 13. 错误状态 ================= */
|
|
1819
|
-
.table-error-state[data-v-
|
|
1944
|
+
.table-error-state[data-v-be2bef78] {
|
|
1820
1945
|
padding: 48px 24px;
|
|
1821
1946
|
text-align: center;
|
|
1822
1947
|
}
|
|
1823
|
-
.table-error-state .error-content[data-v-
|
|
1948
|
+
.table-error-state .error-content[data-v-be2bef78] {
|
|
1824
1949
|
display: flex;
|
|
1825
1950
|
flex-direction: column;
|
|
1826
1951
|
align-items: center;
|
|
1827
1952
|
gap: 12px;
|
|
1828
1953
|
color: var(--n-text-color-3, #999);
|
|
1829
1954
|
}
|
|
1830
|
-
.table-error-state .error-message[data-v-
|
|
1955
|
+
.table-error-state .error-message[data-v-be2bef78] {
|
|
1831
1956
|
font-size: 14px;
|
|
1832
1957
|
margin: 0;
|
|
1833
1958
|
color: var(--n-text-color-2, #666);
|
|
1834
1959
|
}
|
|
1835
1960
|
/* unplugin-vue-components disabled */
|
|
1836
1961
|
/* layer: default */
|
|
1837
|
-
.visible[data-v-
|
|
1838
|
-
.fixed[data-v-
|
|
1839
|
-
.grid[data-v-
|
|
1840
|
-
.mb-2[data-v-
|
|
1841
|
-
.mb-4[data-v-
|
|
1842
|
-
.ml-2[data-v-
|
|
1843
|
-
.w60\%[data-v-
|
|
1844
|
-
.flex[data-v-
|
|
1845
|
-
.table[data-v-
|
|
1846
|
-
.scale-110[data-v-
|
|
1847
|
-
.cursor-pointer[data-v-
|
|
1848
|
-
.items-center[data-v-
|
|
1849
|
-
.justify-end[data-v-
|
|
1850
|
-
.justify-center[data-v-
|
|
1851
|
-
.rd[data-v-
|
|
1852
|
-
.bg-gray-50[data-v-
|
|
1853
|
-
.p-4[data-v-
|
|
1854
|
-
.px[data-v-
|
|
1855
|
-
.py-8[data-v-
|
|
1856
|
-
.text-center[data-v-
|
|
1857
|
-
.text-sm[data-v-
|
|
1858
|
-
.text-gray-400[data-v-
|
|
1859
|
-
.text-gray-500[data-v-
|
|
1860
|
-
.text-gray-600[data-v-
|
|
1861
|
-
.accent-blue-500[data-v-
|
|
1862
|
-
.blur[data-v-
|
|
1863
|
-
.filter[data-v-
|
|
1962
|
+
.visible[data-v-be2bef78]{visibility:visible;}
|
|
1963
|
+
.fixed[data-v-be2bef78]{position:fixed;}
|
|
1964
|
+
.grid[data-v-be2bef78]{display:grid;}
|
|
1965
|
+
.mb-2[data-v-be2bef78]{margin-bottom:0.5rem;}
|
|
1966
|
+
.mb-4[data-v-be2bef78]{margin-bottom:1rem;}
|
|
1967
|
+
.ml-2[data-v-be2bef78]{margin-left:0.5rem;}
|
|
1968
|
+
.w60\%[data-v-be2bef78]{width:60%;}
|
|
1969
|
+
.flex[data-v-be2bef78]{display:flex;}
|
|
1970
|
+
.table[data-v-be2bef78]{display:table;}
|
|
1971
|
+
.scale-110[data-v-be2bef78]{--un-scale-x:1.1;--un-scale-y:1.1;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
|
|
1972
|
+
.cursor-pointer[data-v-be2bef78]{cursor:pointer;}
|
|
1973
|
+
.items-center[data-v-be2bef78]{align-items:center;}
|
|
1974
|
+
.justify-end[data-v-be2bef78]{justify-content:flex-end;}
|
|
1975
|
+
.justify-center[data-v-be2bef78]{justify-content:center;}
|
|
1976
|
+
.rd[data-v-be2bef78]{border-radius:0.25rem;}
|
|
1977
|
+
.bg-gray-50[data-v-be2bef78]{--un-bg-opacity:1;background-color:rgb(249 250 251 / var(--un-bg-opacity));}
|
|
1978
|
+
.p-4[data-v-be2bef78]{padding:1rem;}
|
|
1979
|
+
.px[data-v-be2bef78]{padding-left:1rem;padding-right:1rem;}
|
|
1980
|
+
.py-8[data-v-be2bef78]{padding-top:2rem;padding-bottom:2rem;}
|
|
1981
|
+
.text-center[data-v-be2bef78]{text-align:center;}
|
|
1982
|
+
.text-sm[data-v-be2bef78]{font-size:0.875rem;line-height:1.25rem;}
|
|
1983
|
+
.text-gray-400[data-v-be2bef78]{--un-text-opacity:1;color:rgb(156 163 175 / var(--un-text-opacity));}
|
|
1984
|
+
.text-gray-500[data-v-be2bef78]{--un-text-opacity:1;color:rgb(107 114 128 / var(--un-text-opacity));}
|
|
1985
|
+
.text-gray-600[data-v-be2bef78]{--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity));}
|
|
1986
|
+
.accent-blue-500[data-v-be2bef78]{--un-accent-opacity:1;accent-color:rgb(59 130 246 / var(--un-accent-opacity));}
|
|
1987
|
+
.blur[data-v-be2bef78]{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
|
|
1988
|
+
.filter[data-v-be2bef78]{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
|
|
1864
1989
|
|