@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_Form.base.css
CHANGED
|
@@ -4,39 +4,39 @@
|
|
|
4
4
|
}
|
|
5
5
|
|
|
6
6
|
/* unplugin-vue-components disabled *//* Inline 布局样式 */
|
|
7
|
-
.c-form-inline[data-v-
|
|
7
|
+
.c-form-inline[data-v-195d0124] {
|
|
8
8
|
width: 100%;
|
|
9
9
|
min-height: 0;
|
|
10
10
|
transition: all 0.3s ease;
|
|
11
11
|
}
|
|
12
|
-
.c-form-inline-item[data-v-
|
|
12
|
+
.c-form-inline-item[data-v-195d0124] {
|
|
13
13
|
min-width: 0;
|
|
14
14
|
transition: all 0.3s ease;
|
|
15
15
|
}
|
|
16
16
|
|
|
17
17
|
/* 确保内部所有表单组件都占满容器宽度 */
|
|
18
|
-
.c-form-inline-item[data-v-
|
|
18
|
+
.c-form-inline-item[data-v-195d0124] .n-form-item {
|
|
19
19
|
width: 100%;
|
|
20
20
|
margin-bottom: 0;
|
|
21
21
|
}
|
|
22
|
-
.c-form-inline-item[data-v-
|
|
22
|
+
.c-form-inline-item[data-v-195d0124] .n-form-item-blank {
|
|
23
23
|
width: 100%;
|
|
24
24
|
}
|
|
25
|
-
.c-form-inline-item[data-v-
|
|
26
|
-
.c-form-inline-item[data-v-
|
|
27
|
-
.c-form-inline-item[data-v-
|
|
28
|
-
.c-form-inline-item[data-v-
|
|
29
|
-
.c-form-inline-item[data-v-
|
|
30
|
-
.c-form-inline-item[data-v-
|
|
31
|
-
.c-form-inline-item[data-v-
|
|
32
|
-
.c-form-inline-item[data-v-
|
|
33
|
-
.c-form-inline-item[data-v-
|
|
25
|
+
.c-form-inline-item[data-v-195d0124] .n-input,
|
|
26
|
+
.c-form-inline-item[data-v-195d0124] .n-select,
|
|
27
|
+
.c-form-inline-item[data-v-195d0124] .n-date-picker,
|
|
28
|
+
.c-form-inline-item[data-v-195d0124] .n-time-picker,
|
|
29
|
+
.c-form-inline-item[data-v-195d0124] .n-input-number,
|
|
30
|
+
.c-form-inline-item[data-v-195d0124] .n-cascader,
|
|
31
|
+
.c-form-inline-item[data-v-195d0124] .n-color-picker,
|
|
32
|
+
.c-form-inline-item[data-v-195d0124] .n-auto-complete,
|
|
33
|
+
.c-form-inline-item[data-v-195d0124] .n-tree-select {
|
|
34
34
|
width: 100% !important;
|
|
35
35
|
}
|
|
36
36
|
|
|
37
37
|
/* 单选框和复选框组保持自然宽度 */
|
|
38
|
-
.c-form-inline-item[data-v-
|
|
39
|
-
.c-form-inline-item[data-v-
|
|
38
|
+
.c-form-inline-item[data-v-195d0124] .n-radio-group,
|
|
39
|
+
.c-form-inline-item[data-v-195d0124] .n-checkbox-group {
|
|
40
40
|
width: 100%;
|
|
41
41
|
display: flex;
|
|
42
42
|
flex-wrap: wrap;
|
|
@@ -44,52 +44,53 @@
|
|
|
44
44
|
}
|
|
45
45
|
|
|
46
46
|
/* 开关组件居左对齐 */
|
|
47
|
-
.c-form-inline-item[data-v-
|
|
47
|
+
.c-form-inline-item[data-v-195d0124] .n-switch {
|
|
48
48
|
width: auto;
|
|
49
49
|
}
|
|
50
50
|
|
|
51
51
|
/* ================= 对齐方式样式增强 ================= */
|
|
52
52
|
/* 当容器使用 center 对齐时,确保表单项也居中 */
|
|
53
|
-
.c-form-inline[style*="justify-content: center"] .c-form-inline-item[data-v-
|
|
53
|
+
.c-form-inline[style*="justify-content: center"] .c-form-inline-item[data-v-195d0124] {
|
|
54
54
|
text-align: center;
|
|
55
55
|
}
|
|
56
56
|
|
|
57
57
|
/* 当容器使用 end 对齐时,确保表单项也右对齐 */
|
|
58
|
-
.c-form-inline[style*="justify-content: flex-end"] .c-form-inline-item[data-v-
|
|
58
|
+
.c-form-inline[style*="justify-content: flex-end"] .c-form-inline-item[data-v-195d0124] {
|
|
59
59
|
text-align: right;
|
|
60
60
|
}
|
|
61
61
|
|
|
62
62
|
/* 当容器使用 start 对齐时,确保表单项左对齐 */
|
|
63
|
-
.c-form-inline[style*="justify-content: flex-start"] .c-form-inline-item[data-v-
|
|
63
|
+
.c-form-inline[style*="justify-content: flex-start"] .c-form-inline-item[data-v-195d0124] {
|
|
64
64
|
text-align: left;
|
|
65
65
|
}
|
|
66
66
|
|
|
67
67
|
/* ================= 响应式设计 ================= */
|
|
68
68
|
/* 移动设备 - 改为垂直布局 */
|
|
69
69
|
@media (max-width: 768px) {
|
|
70
|
-
.c-form-inline[data-v-
|
|
70
|
+
.c-form-inline[data-v-195d0124] {
|
|
71
71
|
flex-direction: column !important;
|
|
72
72
|
gap: 12px !important;
|
|
73
73
|
justify-content: flex-start !important;
|
|
74
74
|
}
|
|
75
|
-
.c-form-inline-item[data-v-
|
|
75
|
+
.c-form-inline-item[data-v-195d0124] {
|
|
76
76
|
width: 100% !important;
|
|
77
77
|
text-align: left !important;
|
|
78
78
|
}
|
|
79
79
|
}
|
|
80
80
|
/* 小屏手机 */
|
|
81
81
|
@media (max-width: 480px) {
|
|
82
|
-
.c-form-inline[data-v-
|
|
82
|
+
.c-form-inline[data-v-195d0124] {
|
|
83
83
|
gap: 8px !important;
|
|
84
84
|
}
|
|
85
85
|
}
|
|
86
86
|
/* unplugin-vue-components disabled */
|
|
87
87
|
/* layer: default */
|
|
88
|
-
.visible[data-v-
|
|
89
|
-
.grid[data-v-
|
|
90
|
-
.inline[data-v-
|
|
91
|
-
.flex[data-v-
|
|
92
|
-
.px[data-v-
|
|
88
|
+
.visible[data-v-195d0124]{visibility:visible;}
|
|
89
|
+
.grid[data-v-195d0124]{display:grid;}
|
|
90
|
+
.inline[data-v-195d0124]{display:inline;}
|
|
91
|
+
.flex[data-v-195d0124]{display:flex;}
|
|
92
|
+
.px[data-v-195d0124]{padding-left:1rem;padding-right:1rem;}
|
|
93
|
+
.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);}
|
|
93
94
|
|
|
94
95
|
/* unplugin-vue-components disabled *//* Grid 布局样式 */
|
|
95
96
|
/* 变量定义 */
|
|
@@ -447,42 +448,42 @@ to {
|
|
|
447
448
|
.text-xs[data-v-28320dd2]{font-size:0.75rem;line-height:1rem;}
|
|
448
449
|
|
|
449
450
|
/* unplugin-vue-components disabled *//* Tabs 布局样式 */
|
|
450
|
-
.c-form-tabs[data-v-
|
|
451
|
+
.c-form-tabs[data-v-cbd5e822] {
|
|
451
452
|
width: 100%;
|
|
452
453
|
}
|
|
453
|
-
.single-panel[data-v-
|
|
454
|
+
.single-panel[data-v-cbd5e822] {
|
|
454
455
|
width: 100%;
|
|
455
456
|
}
|
|
456
|
-
.tabs-container[data-v-
|
|
457
|
+
.tabs-container[data-v-cbd5e822] {
|
|
457
458
|
width: 100%;
|
|
458
459
|
}
|
|
459
|
-
.form-tabs[data-v-
|
|
460
|
+
.form-tabs[data-v-cbd5e822] {
|
|
460
461
|
width: 100%;
|
|
461
462
|
}
|
|
462
|
-
.tab-icon[data-v-
|
|
463
|
+
.tab-icon[data-v-cbd5e822] {
|
|
463
464
|
font-size: 16px;
|
|
464
465
|
display: inline-flex;
|
|
465
466
|
align-items: center;
|
|
466
467
|
justify-content: center;
|
|
467
468
|
}
|
|
468
|
-
.tab-header[data-v-
|
|
469
|
+
.tab-header[data-v-cbd5e822] {
|
|
469
470
|
margin-bottom: 16px;
|
|
470
471
|
padding-bottom: 12px;
|
|
471
472
|
border-bottom: 1px solid var(--n-border-color);
|
|
472
473
|
}
|
|
473
|
-
.tab-description[data-v-
|
|
474
|
+
.tab-description[data-v-cbd5e822] {
|
|
474
475
|
margin: 0;
|
|
475
476
|
font-size: 14px;
|
|
476
477
|
line-height: 1.5;
|
|
477
478
|
opacity: 0.8;
|
|
478
479
|
}
|
|
479
|
-
.tab-form-items[data-v-
|
|
480
|
+
.tab-form-items[data-v-cbd5e822] {
|
|
480
481
|
width: 100%;
|
|
481
482
|
}
|
|
482
|
-
.tab-empty[data-v-
|
|
483
|
+
.tab-empty[data-v-cbd5e822] {
|
|
483
484
|
padding: 40px 0;
|
|
484
485
|
}
|
|
485
|
-
.tabs-actions[data-v-
|
|
486
|
+
.tabs-actions[data-v-cbd5e822] {
|
|
486
487
|
margin-top: 16px;
|
|
487
488
|
padding-top: 12px;
|
|
488
489
|
border-top: 1px solid var(--n-border-color);
|
|
@@ -490,69 +491,70 @@ to {
|
|
|
490
491
|
|
|
491
492
|
/* 响应式设计 */
|
|
492
493
|
@media (max-width: 768px) {
|
|
493
|
-
.tabs-actions[data-v-
|
|
494
|
+
.tabs-actions[data-v-cbd5e822] {
|
|
494
495
|
margin-top: 12px;
|
|
495
496
|
padding-top: 8px;
|
|
496
497
|
}
|
|
497
|
-
.tabs-actions[data-v-
|
|
498
|
+
.tabs-actions[data-v-cbd5e822] .n-space {
|
|
498
499
|
flex-wrap: wrap;
|
|
499
500
|
}
|
|
500
501
|
}
|
|
501
502
|
/* unplugin-vue-components disabled */
|
|
502
503
|
/* layer: default */
|
|
503
|
-
.visible[data-v-
|
|
504
|
-
.grid[data-v-
|
|
505
|
-
.inline[data-v-
|
|
506
|
-
.tab[data-v-
|
|
504
|
+
.visible[data-v-cbd5e822]{visibility:visible;}
|
|
505
|
+
.grid[data-v-cbd5e822]{display:grid;}
|
|
506
|
+
.inline[data-v-cbd5e822]{display:inline;}
|
|
507
|
+
.tab[data-v-cbd5e822]{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}
|
|
508
|
+
.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);}
|
|
507
509
|
|
|
508
510
|
/* unplugin-vue-components disabled *//* Steps 布局样式 */
|
|
509
|
-
.c-form-steps[data-v-
|
|
511
|
+
.c-form-steps[data-v-ee5e4509] {
|
|
510
512
|
display: flex;
|
|
511
513
|
flex-direction: column;
|
|
512
514
|
gap: 24px;
|
|
513
515
|
}
|
|
514
|
-
.single-panel[data-v-
|
|
516
|
+
.single-panel[data-v-ee5e4509] {
|
|
515
517
|
width: 100%;
|
|
516
518
|
}
|
|
517
|
-
.steps-container[data-v-
|
|
519
|
+
.steps-container[data-v-ee5e4509] {
|
|
518
520
|
display: flex;
|
|
519
521
|
flex-direction: column;
|
|
520
522
|
gap: 24px;
|
|
521
523
|
}
|
|
522
|
-
.steps-indicator[data-v-
|
|
524
|
+
.steps-indicator[data-v-ee5e4509] {
|
|
523
525
|
padding: 24px;
|
|
524
526
|
border-radius: 8px;
|
|
525
527
|
}
|
|
526
|
-
.steps-content[data-v-
|
|
528
|
+
.steps-content[data-v-ee5e4509] {
|
|
527
529
|
min-height: 400px;
|
|
528
530
|
}
|
|
529
|
-
.step-panel[data-v-
|
|
530
|
-
animation: fadeIn-
|
|
531
|
+
.step-panel[data-v-ee5e4509] {
|
|
532
|
+
animation: fadeIn-ee5e4509 0.3s ease-in-out;
|
|
531
533
|
}
|
|
532
|
-
.step-header[data-v-
|
|
534
|
+
.step-header[data-v-ee5e4509] {
|
|
533
535
|
margin-bottom: 24px;
|
|
534
536
|
padding-bottom: 16px;
|
|
535
537
|
border-bottom: 1px solid var(--n-border-color);
|
|
536
538
|
}
|
|
537
|
-
.step-title[data-v-
|
|
539
|
+
.step-title[data-v-ee5e4509] {
|
|
538
540
|
margin: 0 0 8px 0;
|
|
539
541
|
font-size: 18px;
|
|
540
542
|
font-weight: 600;
|
|
541
543
|
}
|
|
542
|
-
.step-description[data-v-
|
|
544
|
+
.step-description[data-v-ee5e4509] {
|
|
543
545
|
margin: 0;
|
|
544
546
|
font-size: 14px;
|
|
545
547
|
line-height: 1.5;
|
|
546
548
|
}
|
|
547
|
-
.step-form-items[data-v-
|
|
549
|
+
.step-form-items[data-v-ee5e4509] {
|
|
548
550
|
width: 100%;
|
|
549
551
|
}
|
|
550
|
-
.steps-actions[data-v-
|
|
552
|
+
.steps-actions[data-v-ee5e4509] {
|
|
551
553
|
margin-top: 24px;
|
|
552
554
|
padding-top: 16px;
|
|
553
555
|
border-top: 1px solid var(--n-border-color);
|
|
554
556
|
}
|
|
555
|
-
@keyframes fadeIn-
|
|
557
|
+
@keyframes fadeIn-ee5e4509 {
|
|
556
558
|
from {
|
|
557
559
|
opacity: 0;
|
|
558
560
|
transform: translateY(8px);
|
|
@@ -563,77 +565,78 @@ to {
|
|
|
563
565
|
}
|
|
564
566
|
}
|
|
565
567
|
/* 垂直步骤样式:由组件状态驱动,避免 scoped CSS 生成无效的 :has/:deep 组合。 */
|
|
566
|
-
.steps-container.is-vertical[data-v-
|
|
568
|
+
.steps-container.is-vertical[data-v-ee5e4509] {
|
|
567
569
|
flex-direction: row;
|
|
568
570
|
align-items: flex-start;
|
|
569
571
|
}
|
|
570
|
-
.steps-container.is-vertical .steps-indicator[data-v-
|
|
572
|
+
.steps-container.is-vertical .steps-indicator[data-v-ee5e4509] {
|
|
571
573
|
flex-shrink: 0;
|
|
572
574
|
width: 250px;
|
|
573
575
|
margin-right: 24px;
|
|
574
576
|
}
|
|
575
|
-
.steps-container.is-vertical .steps-content[data-v-
|
|
577
|
+
.steps-container.is-vertical .steps-content[data-v-ee5e4509] {
|
|
576
578
|
flex: 1;
|
|
577
579
|
}
|
|
578
580
|
|
|
579
581
|
/* 响应式设计 */
|
|
580
582
|
@media (max-width: 768px) {
|
|
581
|
-
.steps-container.is-vertical[data-v-
|
|
583
|
+
.steps-container.is-vertical[data-v-ee5e4509] {
|
|
582
584
|
flex-direction: column !important;
|
|
583
585
|
}
|
|
584
|
-
.steps-container.is-vertical .steps-indicator[data-v-
|
|
586
|
+
.steps-container.is-vertical .steps-indicator[data-v-ee5e4509] {
|
|
585
587
|
width: 100% !important;
|
|
586
588
|
margin-right: 0 !important;
|
|
587
589
|
margin-bottom: 16px;
|
|
588
590
|
}
|
|
589
591
|
}
|
|
590
592
|
@media (prefers-reduced-motion: reduce) {
|
|
591
|
-
.step-panel[data-v-
|
|
593
|
+
.step-panel[data-v-ee5e4509] {
|
|
592
594
|
animation: none !important;
|
|
593
595
|
}
|
|
594
596
|
}
|
|
595
597
|
/* unplugin-vue-components disabled */
|
|
596
598
|
/* layer: default */
|
|
597
|
-
.visible[data-v-
|
|
598
|
-
.grid[data-v-
|
|
599
|
-
.inline[data-v-
|
|
599
|
+
.visible[data-v-ee5e4509]{visibility:visible;}
|
|
600
|
+
.grid[data-v-ee5e4509]{display:grid;}
|
|
601
|
+
.inline[data-v-ee5e4509]{display:inline;}
|
|
602
|
+
.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);}
|
|
600
603
|
|
|
601
604
|
/* unplugin-vue-components disabled *//* Dynamic 布局样式 */
|
|
602
|
-
.c-form-dynamic[data-v-
|
|
605
|
+
.c-form-dynamic[data-v-1779d19c] {
|
|
603
606
|
width: 100%;
|
|
604
607
|
}
|
|
605
|
-
.dynamic-controls[data-v-
|
|
606
|
-
.dynamic-controls-fallback[data-v-
|
|
608
|
+
.dynamic-controls[data-v-1779d19c],
|
|
609
|
+
.dynamic-controls-fallback[data-v-1779d19c] {
|
|
607
610
|
margin-bottom: 16px;
|
|
608
611
|
}
|
|
609
|
-
.dynamic-stats[data-v-
|
|
612
|
+
.dynamic-stats[data-v-1779d19c] {
|
|
610
613
|
margin-top: 16px;
|
|
611
614
|
padding-top: 12px;
|
|
612
615
|
border-top: 1px solid var(--n-divider-color);
|
|
613
616
|
}
|
|
614
|
-
.dynamic-item-wrapper[data-v-
|
|
617
|
+
.dynamic-item-wrapper[data-v-1779d19c] {
|
|
615
618
|
position: relative;
|
|
616
619
|
transition: all 0.3s ease;
|
|
617
|
-
animation: fadeInUp-
|
|
620
|
+
animation: fadeInUp-1779d19c 0.3s ease-out;
|
|
618
621
|
}
|
|
619
|
-
.dynamic-item-wrapper.is-dynamic-field[data-v-
|
|
622
|
+
.dynamic-item-wrapper.is-dynamic-field[data-v-1779d19c] {
|
|
620
623
|
border: 1px dashed var(--n-color-primary);
|
|
621
624
|
border-radius: 6px;
|
|
622
625
|
padding: 8px;
|
|
623
626
|
background-color: var(--n-color-primary-suppl);
|
|
624
627
|
}
|
|
625
|
-
.max-fields-config[data-v-
|
|
628
|
+
.max-fields-config[data-v-1779d19c] {
|
|
626
629
|
display: flex;
|
|
627
630
|
align-items: center;
|
|
628
631
|
gap: 8px;
|
|
629
632
|
font-size: 14px;
|
|
630
633
|
}
|
|
631
|
-
.max-fields-config span[data-v-
|
|
634
|
+
.max-fields-config span[data-v-1779d19c] {
|
|
632
635
|
font-weight: 500;
|
|
633
636
|
white-space: nowrap;
|
|
634
637
|
color: var(--n-text-color-2);
|
|
635
638
|
}
|
|
636
|
-
@keyframes fadeInUp-
|
|
639
|
+
@keyframes fadeInUp-1779d19c {
|
|
637
640
|
from {
|
|
638
641
|
opacity: 0;
|
|
639
642
|
transform: translateY(10px);
|
|
@@ -645,125 +648,126 @@ to {
|
|
|
645
648
|
}
|
|
646
649
|
/* 响应式设计 */
|
|
647
650
|
@media (max-width: 768px) {
|
|
648
|
-
.dynamic-controls[data-v-
|
|
649
|
-
.dynamic-controls-fallback[data-v-
|
|
651
|
+
.dynamic-controls[data-v-1779d19c],
|
|
652
|
+
.dynamic-controls-fallback[data-v-1779d19c] {
|
|
650
653
|
margin-bottom: 12px;
|
|
651
654
|
}
|
|
652
|
-
.dynamic-stats[data-v-
|
|
655
|
+
.dynamic-stats[data-v-1779d19c] {
|
|
653
656
|
margin-top: 12px;
|
|
654
657
|
}
|
|
655
|
-
.dynamic-item-wrapper.is-dynamic-field[data-v-
|
|
658
|
+
.dynamic-item-wrapper.is-dynamic-field[data-v-1779d19c] {
|
|
656
659
|
padding: 6px;
|
|
657
660
|
}
|
|
658
|
-
.max-fields-config[data-v-
|
|
661
|
+
.max-fields-config[data-v-1779d19c] {
|
|
659
662
|
margin-top: 8px;
|
|
660
663
|
}
|
|
661
664
|
}
|
|
662
665
|
/* 辅助功能 */
|
|
663
666
|
@media (prefers-reduced-motion: reduce) {
|
|
664
|
-
.dynamic-item-wrapper[data-v-
|
|
667
|
+
.dynamic-item-wrapper[data-v-1779d19c] {
|
|
665
668
|
animation: none !important;
|
|
666
669
|
transition: none !important;
|
|
667
670
|
}
|
|
668
671
|
}
|
|
669
672
|
@media (prefers-contrast: high) {
|
|
670
|
-
.dynamic-item-wrapper.is-dynamic-field[data-v-
|
|
673
|
+
.dynamic-item-wrapper.is-dynamic-field[data-v-1779d19c] {
|
|
671
674
|
border-width: 2px;
|
|
672
675
|
border-color: currentColor;
|
|
673
676
|
}
|
|
674
677
|
}
|
|
675
678
|
/* unplugin-vue-components disabled */
|
|
676
679
|
/* layer: default */
|
|
677
|
-
.visible[data-v-
|
|
678
|
-
.grid[data-v-
|
|
679
|
-
.inline[data-v-
|
|
680
|
+
.visible[data-v-1779d19c]{visibility:visible;}
|
|
681
|
+
.grid[data-v-1779d19c]{display:grid;}
|
|
682
|
+
.inline[data-v-1779d19c]{display:inline;}
|
|
683
|
+
.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);}
|
|
680
684
|
|
|
681
685
|
/* unplugin-vue-components disabled *//* Custom 布局样式 */
|
|
682
|
-
.custom-layout .toolbar-card[data-v-
|
|
686
|
+
.custom-layout .toolbar-card[data-v-858beb3e] {
|
|
683
687
|
margin-bottom: 16px;
|
|
684
688
|
}
|
|
685
|
-
.custom-layout .toolbar-card .toolbar-content[data-v-
|
|
689
|
+
.custom-layout .toolbar-card .toolbar-content[data-v-858beb3e] {
|
|
686
690
|
display: flex;
|
|
687
691
|
justify-content: space-between;
|
|
688
692
|
align-items: center;
|
|
689
693
|
flex-wrap: wrap;
|
|
690
694
|
gap: 16px;
|
|
691
695
|
}
|
|
692
|
-
.custom-layout .toolbar-card .toolbar-content .mode-section[data-v-
|
|
693
|
-
.custom-layout .toolbar-card .toolbar-content .stats-section[data-v-
|
|
694
|
-
.custom-layout .toolbar-card .toolbar-content .actions-section[data-v-
|
|
696
|
+
.custom-layout .toolbar-card .toolbar-content .mode-section[data-v-858beb3e],
|
|
697
|
+
.custom-layout .toolbar-card .toolbar-content .stats-section[data-v-858beb3e],
|
|
698
|
+
.custom-layout .toolbar-card .toolbar-content .actions-section[data-v-858beb3e] {
|
|
695
699
|
display: flex;
|
|
696
700
|
align-items: center;
|
|
697
701
|
gap: 12px;
|
|
698
702
|
}
|
|
699
|
-
.custom-layout .toolbar-card .toolbar-content .section-label[data-v-
|
|
703
|
+
.custom-layout .toolbar-card .toolbar-content .section-label[data-v-858beb3e] {
|
|
700
704
|
font-size: 14px;
|
|
701
705
|
font-weight: 500;
|
|
702
706
|
}
|
|
703
|
-
.custom-layout .toolbar-card .toolbar-content .stat-item[data-v-
|
|
707
|
+
.custom-layout .toolbar-card .toolbar-content .stat-item[data-v-858beb3e] {
|
|
704
708
|
text-align: center;
|
|
705
709
|
min-width: 60px;
|
|
706
710
|
}
|
|
707
|
-
.custom-layout .toolbar-card .toolbar-content .stat-item .stat-value[data-v-
|
|
711
|
+
.custom-layout .toolbar-card .toolbar-content .stat-item .stat-value[data-v-858beb3e] {
|
|
708
712
|
display: block;
|
|
709
713
|
font-size: 18px;
|
|
710
714
|
font-weight: 600;
|
|
711
715
|
color: var(--n-primary-color);
|
|
712
716
|
}
|
|
713
|
-
.custom-layout .toolbar-card .toolbar-content .stat-item .stat-label[data-v-
|
|
717
|
+
.custom-layout .toolbar-card .toolbar-content .stat-item .stat-label[data-v-858beb3e] {
|
|
714
718
|
font-size: 12px;
|
|
715
719
|
opacity: 0.7;
|
|
716
720
|
margin-top: 4px;
|
|
717
721
|
}
|
|
718
|
-
.custom-layout .design-panel[data-v-
|
|
722
|
+
.custom-layout .design-panel[data-v-858beb3e] {
|
|
719
723
|
margin-bottom: 16px;
|
|
720
724
|
}
|
|
721
|
-
.custom-layout .design-panel .design-tools[data-v-
|
|
725
|
+
.custom-layout .design-panel .design-tools[data-v-858beb3e] {
|
|
722
726
|
display: flex;
|
|
723
727
|
gap: 24px;
|
|
724
728
|
flex-wrap: wrap;
|
|
725
729
|
}
|
|
726
|
-
.custom-layout .design-panel .design-tools .tool-group[data-v-
|
|
730
|
+
.custom-layout .design-panel .design-tools .tool-group[data-v-858beb3e] {
|
|
727
731
|
display: flex;
|
|
728
732
|
align-items: center;
|
|
729
733
|
gap: 8px;
|
|
730
734
|
}
|
|
731
|
-
.custom-layout .design-panel .design-tools .tool-group .group-label[data-v-
|
|
735
|
+
.custom-layout .design-panel .design-tools .tool-group .group-label[data-v-858beb3e] {
|
|
732
736
|
font-size: 14px;
|
|
733
737
|
font-weight: 500;
|
|
734
738
|
margin-right: 4px;
|
|
735
739
|
}
|
|
736
|
-
.custom-layout .layout-canvas[data-v-
|
|
740
|
+
.custom-layout .layout-canvas[data-v-858beb3e] {
|
|
737
741
|
min-height: 200px;
|
|
738
742
|
}
|
|
739
|
-
.custom-layout .layout-canvas.design-mode[data-v-
|
|
743
|
+
.custom-layout .layout-canvas.design-mode[data-v-858beb3e] {
|
|
740
744
|
border: 2px dashed var(--n-border-color);
|
|
741
745
|
border-radius: 8px;
|
|
742
746
|
padding: 16px;
|
|
743
747
|
background: var(--n-body-color);
|
|
744
748
|
}
|
|
745
|
-
.custom-layout .layout-canvas .canvas-hint[data-v-
|
|
749
|
+
.custom-layout .layout-canvas .canvas-hint[data-v-858beb3e] {
|
|
746
750
|
display: flex;
|
|
747
751
|
align-items: center;
|
|
748
752
|
justify-content: center;
|
|
749
753
|
height: 120px;
|
|
750
754
|
text-align: center;
|
|
751
755
|
}
|
|
752
|
-
.custom-layout .layout-canvas .canvas-hint .hint-content h3[data-v-
|
|
756
|
+
.custom-layout .layout-canvas .canvas-hint .hint-content h3[data-v-858beb3e] {
|
|
753
757
|
margin: 0 0 8px 0;
|
|
754
758
|
font-size: 18px;
|
|
755
759
|
}
|
|
756
|
-
.custom-layout .layout-canvas .canvas-hint .hint-content p[data-v-
|
|
760
|
+
.custom-layout .layout-canvas .canvas-hint .hint-content p[data-v-858beb3e] {
|
|
757
761
|
margin: 0;
|
|
758
762
|
opacity: 0.7;
|
|
759
763
|
font-size: 14px;
|
|
760
764
|
}
|
|
761
|
-
.custom-layout .layout-canvas .areas-container[data-v-
|
|
765
|
+
.custom-layout .layout-canvas .areas-container[data-v-858beb3e] {
|
|
762
766
|
display: flex;
|
|
763
767
|
flex-wrap: wrap;
|
|
764
768
|
gap: 16px;
|
|
765
769
|
}
|
|
766
|
-
.custom-layout .layout-canvas .custom-area[data-v-
|
|
770
|
+
.custom-layout .layout-canvas .custom-area[data-v-858beb3e] {
|
|
767
771
|
border: 1px solid var(--n-border-color);
|
|
768
772
|
border-radius: 8px;
|
|
769
773
|
background: var(--n-card-color);
|
|
@@ -772,7 +776,7 @@ to {
|
|
|
772
776
|
flex: 1;
|
|
773
777
|
min-width: 250px;
|
|
774
778
|
}
|
|
775
|
-
.custom-layout .layout-canvas .custom-area .area-header[data-v-
|
|
779
|
+
.custom-layout .layout-canvas .custom-area .area-header[data-v-858beb3e] {
|
|
776
780
|
display: flex;
|
|
777
781
|
justify-content: space-between;
|
|
778
782
|
align-items: center;
|
|
@@ -780,12 +784,12 @@ to {
|
|
|
780
784
|
padding-bottom: 8px;
|
|
781
785
|
border-bottom: 1px solid var(--n-divider-color);
|
|
782
786
|
}
|
|
783
|
-
.custom-layout .layout-canvas .custom-area .area-header .area-info[data-v-
|
|
787
|
+
.custom-layout .layout-canvas .custom-area .area-header .area-info[data-v-858beb3e] {
|
|
784
788
|
display: flex;
|
|
785
789
|
align-items: center;
|
|
786
790
|
gap: 8px;
|
|
787
791
|
}
|
|
788
|
-
.custom-layout .layout-canvas .custom-area .area-header .area-info .area-title[data-v-
|
|
792
|
+
.custom-layout .layout-canvas .custom-area .area-header .area-info .area-title[data-v-858beb3e] {
|
|
789
793
|
font-weight: 600;
|
|
790
794
|
font-size: 14px;
|
|
791
795
|
cursor: pointer;
|
|
@@ -793,25 +797,25 @@ to {
|
|
|
793
797
|
border-radius: 4px;
|
|
794
798
|
transition: all 0.2s ease;
|
|
795
799
|
}
|
|
796
|
-
.custom-layout .layout-canvas .custom-area .area-header .area-info .area-title[data-v-
|
|
800
|
+
.custom-layout .layout-canvas .custom-area .area-header .area-info .area-title[data-v-858beb3e]:hover {
|
|
797
801
|
background: var(--n-button-color-hover);
|
|
798
802
|
color: var(--n-primary-color);
|
|
799
803
|
}
|
|
800
|
-
.custom-layout .layout-canvas .custom-area .area-header .area-info .title-input[data-v-
|
|
804
|
+
.custom-layout .layout-canvas .custom-area .area-header .area-info .title-input[data-v-858beb3e] {
|
|
801
805
|
min-width: 120px;
|
|
802
806
|
max-width: 200px;
|
|
803
807
|
}
|
|
804
|
-
.custom-layout .layout-canvas .custom-area .area-header .area-controls[data-v-
|
|
808
|
+
.custom-layout .layout-canvas .custom-area .area-header .area-controls[data-v-858beb3e] {
|
|
805
809
|
display: flex;
|
|
806
810
|
gap: 4px;
|
|
807
811
|
}
|
|
808
|
-
.custom-layout .layout-canvas .custom-area .area-fields[data-v-
|
|
812
|
+
.custom-layout .layout-canvas .custom-area .area-fields[data-v-858beb3e] {
|
|
809
813
|
display: flex;
|
|
810
814
|
flex-direction: column;
|
|
811
815
|
gap: 8px;
|
|
812
816
|
min-height: 60px;
|
|
813
817
|
}
|
|
814
|
-
.custom-layout .layout-canvas .custom-area .area-drop-zone[data-v-
|
|
818
|
+
.custom-layout .layout-canvas .custom-area .area-drop-zone[data-v-858beb3e] {
|
|
815
819
|
display: flex;
|
|
816
820
|
align-items: center;
|
|
817
821
|
justify-content: center;
|
|
@@ -824,21 +828,21 @@ to {
|
|
|
824
828
|
background: var(--n-body-color);
|
|
825
829
|
margin-top: 8px;
|
|
826
830
|
}
|
|
827
|
-
.custom-layout .layout-canvas .custom-area .area-drop-zone[data-v-
|
|
831
|
+
.custom-layout .layout-canvas .custom-area .area-drop-zone[data-v-858beb3e]:hover {
|
|
828
832
|
border-color: var(--n-primary-color);
|
|
829
833
|
opacity: 1;
|
|
830
834
|
}
|
|
831
|
-
.custom-layout .layout-canvas .custom-area.area-horizontal .area-fields[data-v-
|
|
835
|
+
.custom-layout .layout-canvas .custom-area.area-horizontal .area-fields[data-v-858beb3e] {
|
|
832
836
|
flex-direction: row;
|
|
833
837
|
flex-wrap: wrap;
|
|
834
838
|
gap: 12px;
|
|
835
839
|
}
|
|
836
|
-
.custom-layout .layout-canvas .custom-area.area-grid .area-fields[data-v-
|
|
840
|
+
.custom-layout .layout-canvas .custom-area.area-grid .area-fields[data-v-858beb3e] {
|
|
837
841
|
display: grid;
|
|
838
842
|
grid-template-columns: repeat(2, 1fr);
|
|
839
843
|
gap: 8px;
|
|
840
844
|
}
|
|
841
|
-
.custom-layout .layout-canvas .field-item[data-v-
|
|
845
|
+
.custom-layout .layout-canvas .field-item[data-v-858beb3e] {
|
|
842
846
|
border: 1px solid var(--n-border-color);
|
|
843
847
|
border-radius: 6px;
|
|
844
848
|
background: var(--n-body-color);
|
|
@@ -847,18 +851,18 @@ to {
|
|
|
847
851
|
cursor: move;
|
|
848
852
|
transition: all 0.2s ease;
|
|
849
853
|
}
|
|
850
|
-
.custom-layout .layout-canvas .field-item[data-v-
|
|
854
|
+
.custom-layout .layout-canvas .field-item[data-v-858beb3e]:hover {
|
|
851
855
|
border-color: var(--n-primary-color);
|
|
852
856
|
transform: translateY(-1px);
|
|
853
857
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
|
|
854
858
|
}
|
|
855
|
-
.custom-layout .layout-canvas .field-item .field-preview[data-v-
|
|
859
|
+
.custom-layout .layout-canvas .field-item .field-preview[data-v-858beb3e] {
|
|
856
860
|
display: flex;
|
|
857
861
|
justify-content: space-between;
|
|
858
862
|
align-items: center;
|
|
859
863
|
gap: 8px;
|
|
860
864
|
}
|
|
861
|
-
.custom-layout .layout-canvas .field-item .field-preview .field-label[data-v-
|
|
865
|
+
.custom-layout .layout-canvas .field-item .field-preview .field-label[data-v-858beb3e] {
|
|
862
866
|
font-size: 13px;
|
|
863
867
|
font-weight: 500;
|
|
864
868
|
flex: 1;
|
|
@@ -866,7 +870,7 @@ to {
|
|
|
866
870
|
text-overflow: ellipsis;
|
|
867
871
|
white-space: nowrap;
|
|
868
872
|
}
|
|
869
|
-
.custom-layout .layout-canvas .field-item .field-preview .field-type[data-v-
|
|
873
|
+
.custom-layout .layout-canvas .field-item .field-preview .field-type[data-v-858beb3e] {
|
|
870
874
|
font-size: 11px;
|
|
871
875
|
opacity: 0.6;
|
|
872
876
|
background: var(--n-tag-color);
|
|
@@ -874,15 +878,15 @@ to {
|
|
|
874
878
|
border-radius: 4px;
|
|
875
879
|
flex-shrink: 0;
|
|
876
880
|
}
|
|
877
|
-
.custom-layout .layout-canvas .field-pool[data-v-
|
|
881
|
+
.custom-layout .layout-canvas .field-pool[data-v-858beb3e] {
|
|
878
882
|
margin-top: 16px;
|
|
879
883
|
}
|
|
880
|
-
.custom-layout .layout-canvas .field-pool .pool-fields-grid[data-v-
|
|
884
|
+
.custom-layout .layout-canvas .field-pool .pool-fields-grid[data-v-858beb3e] {
|
|
881
885
|
display: grid;
|
|
882
886
|
grid-template-columns: repeat(4, 1fr);
|
|
883
887
|
gap: 12px;
|
|
884
888
|
}
|
|
885
|
-
.custom-layout .layout-canvas .field-pool .pool-field[data-v-
|
|
889
|
+
.custom-layout .layout-canvas .field-pool .pool-field[data-v-858beb3e] {
|
|
886
890
|
border: 1px solid var(--n-border-color);
|
|
887
891
|
border-radius: 6px;
|
|
888
892
|
background: var(--n-card-color);
|
|
@@ -894,12 +898,12 @@ to {
|
|
|
894
898
|
justify-content: space-between;
|
|
895
899
|
align-items: center;
|
|
896
900
|
}
|
|
897
|
-
.custom-layout .layout-canvas .field-pool .pool-field[data-v-
|
|
901
|
+
.custom-layout .layout-canvas .field-pool .pool-field[data-v-858beb3e]:hover {
|
|
898
902
|
border-color: var(--n-primary-color);
|
|
899
903
|
transform: translateY(-1px);
|
|
900
904
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
|
|
901
905
|
}
|
|
902
|
-
.custom-layout .layout-canvas .field-pool .pool-field .field-name[data-v-
|
|
906
|
+
.custom-layout .layout-canvas .field-pool .pool-field .field-name[data-v-858beb3e] {
|
|
903
907
|
font-size: 13px;
|
|
904
908
|
font-weight: 500;
|
|
905
909
|
flex: 1;
|
|
@@ -907,90 +911,90 @@ to {
|
|
|
907
911
|
text-overflow: ellipsis;
|
|
908
912
|
white-space: nowrap;
|
|
909
913
|
}
|
|
910
|
-
.custom-layout .layout-canvas .field-pool .pool-field .field-type-tag[data-v-
|
|
914
|
+
.custom-layout .layout-canvas .field-pool .pool-field .field-type-tag[data-v-858beb3e] {
|
|
911
915
|
font-size: 11px;
|
|
912
916
|
padding: 2px 8px;
|
|
913
917
|
border-radius: 4px;
|
|
914
918
|
background: var(--n-tag-color);
|
|
915
919
|
flex-shrink: 0;
|
|
916
920
|
}
|
|
917
|
-
.custom-layout .layout-canvas .empty-layout[data-v-
|
|
921
|
+
.custom-layout .layout-canvas .empty-layout[data-v-858beb3e] {
|
|
918
922
|
display: flex;
|
|
919
923
|
align-items: center;
|
|
920
924
|
justify-content: center;
|
|
921
925
|
height: 120px;
|
|
922
926
|
padding: 16px;
|
|
923
927
|
}
|
|
924
|
-
.custom-layout .layout-canvas .form-areas[data-v-
|
|
928
|
+
.custom-layout .layout-canvas .form-areas[data-v-858beb3e] {
|
|
925
929
|
display: flex;
|
|
926
930
|
flex-wrap: wrap;
|
|
927
931
|
gap: 16px;
|
|
928
932
|
align-items: flex-start;
|
|
929
933
|
}
|
|
930
|
-
.custom-layout .layout-canvas .form-areas .form-area[data-v-
|
|
934
|
+
.custom-layout .layout-canvas .form-areas .form-area[data-v-858beb3e] {
|
|
931
935
|
flex: 1;
|
|
932
936
|
min-width: 250px;
|
|
933
937
|
}
|
|
934
|
-
.custom-layout .layout-canvas .form-areas .form-area.area-vertical[data-v-
|
|
938
|
+
.custom-layout .layout-canvas .form-areas .form-area.area-vertical[data-v-858beb3e] {
|
|
935
939
|
width: 100%;
|
|
936
940
|
}
|
|
937
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
941
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] {
|
|
938
942
|
display: flex;
|
|
939
943
|
flex-direction: column;
|
|
940
944
|
gap: 16px;
|
|
941
945
|
/* 统一表单项宽度 */
|
|
942
946
|
}
|
|
943
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
947
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item {
|
|
944
948
|
width: 100%;
|
|
945
949
|
}
|
|
946
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
950
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank {
|
|
947
951
|
width: 100%;
|
|
948
952
|
/* 统一输入控件宽度 */
|
|
949
953
|
}
|
|
950
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
951
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
952
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
953
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
954
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
955
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
956
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
957
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
958
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
959
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
960
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
954
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-input,
|
|
955
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-select,
|
|
956
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-date-picker,
|
|
957
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-input-number,
|
|
958
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-textarea,
|
|
959
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-radio-group,
|
|
960
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-checkbox-group,
|
|
961
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-cascader,
|
|
962
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-tree-select,
|
|
963
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-time-picker,
|
|
964
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-color-picker {
|
|
961
965
|
width: 100% !important;
|
|
962
966
|
max-width: 100% !important;
|
|
963
967
|
}
|
|
964
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
968
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank {
|
|
965
969
|
/* 特殊控件的额外处理 */
|
|
966
970
|
}
|
|
967
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
968
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
971
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-radio-group,
|
|
972
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-checkbox-group {
|
|
969
973
|
display: flex;
|
|
970
974
|
flex-wrap: wrap;
|
|
971
975
|
gap: 8px;
|
|
972
976
|
}
|
|
973
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-horizontal[data-v-
|
|
977
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-horizontal[data-v-858beb3e] {
|
|
974
978
|
flex-direction: row;
|
|
975
979
|
flex-wrap: wrap;
|
|
976
980
|
gap: 12px;
|
|
977
981
|
}
|
|
978
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-horizontal[data-v-
|
|
982
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-horizontal[data-v-858beb3e] .n-form-item {
|
|
979
983
|
flex: 1;
|
|
980
984
|
min-width: 200px;
|
|
981
985
|
}
|
|
982
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-grid[data-v-
|
|
986
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-grid[data-v-858beb3e] {
|
|
983
987
|
display: grid;
|
|
984
988
|
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
|
|
985
989
|
gap: 16px;
|
|
986
990
|
}
|
|
987
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-grid[data-v-
|
|
991
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-grid[data-v-858beb3e] .n-form-item {
|
|
988
992
|
width: 100%;
|
|
989
993
|
}
|
|
990
994
|
|
|
991
995
|
/* 拖拽状态 */
|
|
992
|
-
.area-ghost[data-v-
|
|
993
|
-
.field-ghost[data-v-
|
|
996
|
+
.area-ghost[data-v-858beb3e],
|
|
997
|
+
.field-ghost[data-v-858beb3e] {
|
|
994
998
|
opacity: 0.5;
|
|
995
999
|
background: var(--n-primary-color-suppl);
|
|
996
1000
|
border: 2px dashed var(--n-primary-color);
|
|
@@ -999,42 +1003,43 @@ to {
|
|
|
999
1003
|
|
|
1000
1004
|
/* 响应式 */
|
|
1001
1005
|
@media (max-width: 1024px) {
|
|
1002
|
-
.custom-layout .toolbar-content[data-v-
|
|
1006
|
+
.custom-layout .toolbar-content[data-v-858beb3e] {
|
|
1003
1007
|
flex-direction: column;
|
|
1004
1008
|
gap: 12px;
|
|
1005
1009
|
}
|
|
1006
|
-
.custom-layout .layout-canvas .areas-container[data-v-
|
|
1010
|
+
.custom-layout .layout-canvas .areas-container[data-v-858beb3e] {
|
|
1007
1011
|
flex-direction: column;
|
|
1008
1012
|
}
|
|
1009
1013
|
}
|
|
1010
1014
|
@media (max-width: 768px) {
|
|
1011
|
-
.custom-layout .design-tools[data-v-
|
|
1015
|
+
.custom-layout .design-tools[data-v-858beb3e] {
|
|
1012
1016
|
flex-direction: column;
|
|
1013
1017
|
gap: 12px;
|
|
1014
1018
|
}
|
|
1015
|
-
.custom-layout .layout-canvas.design-mode[data-v-
|
|
1019
|
+
.custom-layout .layout-canvas.design-mode[data-v-858beb3e] {
|
|
1016
1020
|
padding: 12px;
|
|
1017
1021
|
}
|
|
1018
|
-
.custom-layout .custom-area[data-v-
|
|
1022
|
+
.custom-layout .custom-area[data-v-858beb3e] {
|
|
1019
1023
|
padding: 12px;
|
|
1020
1024
|
min-height: 100px;
|
|
1021
1025
|
}
|
|
1022
|
-
.custom-layout .layout-canvas .field-pool .pool-fields-grid[data-v-
|
|
1026
|
+
.custom-layout .layout-canvas .field-pool .pool-fields-grid[data-v-858beb3e] {
|
|
1023
1027
|
grid-template-columns: repeat(2, 1fr);
|
|
1024
1028
|
}
|
|
1025
1029
|
}
|
|
1026
1030
|
/* unplugin-vue-components disabled */
|
|
1027
1031
|
/* layer: default */
|
|
1028
|
-
.visible[data-v-
|
|
1029
|
-
.grid[data-v-
|
|
1030
|
-
.inline[data-v-
|
|
1032
|
+
.visible[data-v-858beb3e]{visibility:visible;}
|
|
1033
|
+
.grid[data-v-858beb3e]{display:grid;}
|
|
1034
|
+
.inline[data-v-858beb3e]{display:inline;}
|
|
1035
|
+
.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);}
|
|
1031
1036
|
|
|
1032
1037
|
/* unplugin-vue-components disabled */
|
|
1033
1038
|
/* layer: default */
|
|
1034
|
-
.visible[data-v-
|
|
1035
|
-
.grid[data-v-
|
|
1036
|
-
.inline[data-v-
|
|
1037
|
-
.table[data-v-
|
|
1038
|
-
.blur[data-v-
|
|
1039
|
-
.filter[data-v-
|
|
1039
|
+
.visible[data-v-6ce5207d]{visibility:visible;}
|
|
1040
|
+
.grid[data-v-6ce5207d]{display:grid;}
|
|
1041
|
+
.inline[data-v-6ce5207d]{display:inline;}
|
|
1042
|
+
.table[data-v-6ce5207d]{display:table;}
|
|
1043
|
+
.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);}
|
|
1044
|
+
.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);}
|
|
1040
1045
|
|