@robot-admin/naive-ui-components 0.13.2 → 0.13.5
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 +20 -0
- package/dist/C_ActionBar.css +75 -63
- package/dist/C_ActionBar2.cjs +1 -1
- package/dist/C_ActionBar2.js +1 -1
- package/dist/C_AntV.css +249 -79
- package/dist/C_AntV2.cjs +3 -3
- package/dist/C_AntV2.js +2 -2
- package/dist/C_AudioPlayer.css +88 -76
- package/dist/C_AudioPlayer2.cjs +1 -1
- package/dist/C_AudioPlayer2.js +1 -1
- package/dist/C_AvatarGroup.css +32 -28
- package/dist/C_AvatarGroup2.cjs +1 -1
- package/dist/C_AvatarGroup2.js +1 -1
- package/dist/C_Breadcrumb.css +35 -17
- package/dist/C_Breadcrumb2.cjs +1 -1
- package/dist/C_Breadcrumb2.js +1 -1
- package/dist/C_Captcha.css +66 -53
- package/dist/C_Captcha2.cjs +1 -1
- package/dist/C_Captcha2.js +1 -1
- package/dist/C_Cascade.css +6 -2
- package/dist/C_Cascade2.cjs +1 -1
- package/dist/C_Cascade2.js +1 -1
- package/dist/C_Chat.css +40 -33
- package/dist/C_City.css +37 -32
- package/dist/C_City2.cjs +1 -1
- package/dist/C_City2.js +1 -1
- package/dist/C_Code.css +53 -40
- package/dist/C_Code2.cjs +1 -1
- package/dist/C_Code2.js +1 -1
- package/dist/C_CollapsePanel.css +68 -55
- package/dist/C_CollapsePanel2.cjs +1 -1
- package/dist/C_CollapsePanel2.js +1 -1
- package/dist/C_ContextMenu.css +68 -26
- package/dist/C_ContextMenu2.cjs +1 -1
- package/dist/C_ContextMenu2.js +1 -1
- package/dist/C_Cron.css +95 -68
- package/dist/C_Cron2.cjs +1 -1
- package/dist/C_Cron2.js +1 -1
- package/dist/C_Date.css +8 -1
- package/dist/C_Date2.cjs +1 -1
- package/dist/C_Date2.js +1 -1
- package/dist/C_Draggable.css +60 -51
- package/dist/C_Draggable2.cjs +1 -1
- package/dist/C_Draggable2.js +1 -1
- package/dist/C_Editor.css +23 -15
- package/dist/C_Editor2.cjs +1 -1
- package/dist/C_Editor2.js +1 -1
- package/dist/C_FilePreview.css +200 -90
- package/dist/C_FilePreview2.cjs +1 -1
- package/dist/C_FilePreview2.js +1 -1
- package/dist/C_Form.base.css +284 -224
- package/dist/C_Form.css +307 -239
- package/dist/C_Form2.cjs +1 -1
- package/dist/C_Form2.js +1 -1
- package/dist/C_FormModal.css +18 -8
- package/dist/C_FormModal2.cjs +1 -1
- package/dist/C_FormModal2.js +1 -1
- package/dist/C_FormSearch.css +58 -45
- package/dist/C_FormSearch2.cjs +1 -1
- package/dist/C_FormSearch2.js +1 -1
- package/dist/C_FormulaEditor.css +62 -37
- package/dist/C_FormulaEditor2.cjs +1 -1
- package/dist/C_FormulaEditor2.js +1 -1
- package/dist/C_FullCalendar.css +16 -3
- package/dist/C_FullCalendar2.cjs +1 -1
- package/dist/C_FullCalendar2.js +1 -1
- package/dist/C_GlobalSearch.css +121 -112
- package/dist/C_GlobalSearch2.cjs +1 -1
- package/dist/C_GlobalSearch2.js +1 -1
- package/dist/C_Guide.css +30 -18
- package/dist/C_Guide2.cjs +1 -1
- package/dist/C_Guide2.js +1 -1
- package/dist/C_Icon.css +24 -17
- package/dist/C_Icon2.cjs +1 -1
- package/dist/C_Icon2.js +1 -1
- package/dist/C_ImageCropper.css +39 -22
- package/dist/C_ImageCropper2.cjs +1 -1
- package/dist/C_ImageCropper2.js +1 -1
- package/dist/C_Language.css +30 -17
- package/dist/C_Language2.cjs +1 -1
- package/dist/C_Language2.js +1 -1
- package/dist/C_Login.css +162 -137
- package/dist/C_Login2.cjs +1 -1
- package/dist/C_Login2.js +1 -1
- package/dist/C_Map.css +25 -4
- package/dist/C_Map2.cjs +1 -1
- package/dist/C_Map2.js +1 -1
- package/dist/C_Markdown.css +47 -42
- package/dist/C_Markdown2.cjs +1 -1
- package/dist/C_Markdown2.js +1 -1
- package/dist/C_Menu.css +7 -1
- package/dist/C_Menu2.cjs +1 -1
- package/dist/C_Menu2.js +1 -1
- package/dist/C_NotificationCenter.css +134 -90
- package/dist/C_NotificationCenter2.cjs +1 -1
- package/dist/C_NotificationCenter2.js +1 -1
- package/dist/C_OrgChart.css +10 -0
- package/dist/C_OrgChart2.cjs +1 -1
- package/dist/C_OrgChart2.js +1 -1
- package/dist/C_QRCode.css +12 -8
- package/dist/C_QRCode2.cjs +1 -1
- package/dist/C_QRCode2.js +1 -1
- package/dist/C_Signature.css +18 -14
- package/dist/C_Signature2.cjs +1 -1
- package/dist/C_Signature2.js +1 -1
- package/dist/C_Skeleton.css +5 -0
- package/dist/C_Skeleton2.cjs +1 -1
- package/dist/C_Skeleton2.js +1 -1
- package/dist/C_SplitPane.css +61 -39
- package/dist/C_SplitPane2.cjs +1 -1
- package/dist/C_SplitPane2.js +1 -1
- package/dist/C_Steps.css +42 -38
- package/dist/C_Steps2.cjs +1 -1
- package/dist/C_Steps2.js +1 -1
- package/dist/C_Table.base.css +465 -352
- package/dist/C_Table.css +488 -367
- package/dist/C_TagsView.css +93 -55
- package/dist/C_TagsView2.cjs +1 -1
- package/dist/C_TagsView2.js +1 -1
- package/dist/C_Theme.css +24 -17
- package/dist/C_Timeline.css +47 -36
- package/dist/C_Transfer.css +86 -67
- package/dist/C_Transfer2.cjs +1 -1
- package/dist/C_Transfer2.js +1 -1
- package/dist/C_Tree.css +48 -33
- package/dist/C_Tree2.cjs +1 -1
- package/dist/C_Tree2.js +1 -1
- package/dist/C_Upload.css +104 -51
- package/dist/C_Upload2.cjs +1 -1
- package/dist/C_Upload2.js +1 -1
- package/dist/C_VideoPlayer.css +140 -69
- package/dist/C_VideoPlayer2.cjs +1 -1
- package/dist/C_VideoPlayer2.js +1 -1
- package/dist/C_VtableGantt.css +42 -19
- package/dist/C_VtableGantt2.cjs +1 -1
- package/dist/C_VtableGantt2.js +1 -1
- package/dist/C_WaterFall.css +32 -16
- package/dist/C_WaterFall2.cjs +1 -1
- package/dist/C_WaterFall2.js +1 -1
- package/dist/C_WorkFlow.css +332 -221
- package/dist/C_WorkFlow2.cjs +1 -1
- package/dist/C_WorkFlow2.js +1 -1
- package/dist/constants.d.cts +5 -5
- package/dist/constants.d.ts +5 -5
- package/dist/constants2.d.cts +5 -5
- package/dist/constants2.d.ts +5 -5
- package/dist/constants3.d.cts +3 -3
- package/dist/constants3.d.ts +3 -3
- package/dist/constants4.d.cts +6 -6
- package/dist/constants4.d.ts +6 -6
- package/dist/data.d.cts +9 -9
- package/dist/data.d.ts +9 -9
- package/dist/data2.cjs +1 -1
- package/dist/data2.js +1 -1
- package/dist/index.vue.d.cts +5 -5
- package/dist/index.vue.d.ts +5 -5
- package/dist/index10.vue.d.cts +2 -2
- package/dist/index10.vue.d.ts +3 -3
- package/dist/index11.vue.d.cts +3 -3
- package/dist/index11.vue.d.ts +6 -6
- package/dist/index12.vue.d.cts +6 -6
- package/dist/index13.vue.d.ts +3 -3
- package/dist/index14.vue.d.cts +3 -3
- package/dist/index14.vue.d.ts +16 -14
- package/dist/index15.vue.d.cts +16 -14
- package/dist/index15.vue.d.ts +3 -3
- package/dist/index16.vue.d.cts +3 -3
- package/dist/index16.vue.d.ts +1 -1
- package/dist/index17.vue.d.cts +1 -1
- package/dist/index17.vue.d.ts +6 -6
- package/dist/index18.vue.d.cts +6 -6
- package/dist/index19.vue.d.cts +1 -1
- package/dist/index19.vue.d.ts +1 -1
- package/dist/index2.vue.d.cts +2 -2
- package/dist/index2.vue.d.ts +2 -2
- package/dist/index20.vue.d.cts +1 -1
- package/dist/index20.vue.d.ts +1 -1
- package/dist/index22.vue.d.cts +1 -1
- package/dist/index22.vue.d.ts +1 -1
- package/dist/index24.vue.d.cts +4 -4
- package/dist/index24.vue.d.ts +4 -4
- package/dist/index26.vue.d.cts +4 -4
- package/dist/index26.vue.d.ts +4 -4
- package/dist/index27.vue.d.cts +4 -4
- package/dist/index27.vue.d.ts +4 -4
- package/dist/index3.vue.d.cts +5 -5
- package/dist/index3.vue.d.ts +5 -5
- package/dist/index5.vue.d.ts +2 -2
- package/dist/index6.vue.d.cts +2 -2
- package/dist/index6.vue.d.ts +2 -2
- package/dist/index7.vue.d.cts +2 -2
- package/dist/index7.vue.d.ts +2 -2
- package/dist/index8.vue.d.cts +2 -2
- package/dist/index8.vue.d.ts +1 -1
- package/dist/index9.vue.d.cts +1 -1
- 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/style.css +3083 -1982
- package/dist/useCalendarEvents.d.cts +1 -1
- package/dist/useCalendarEvents.d.ts +1 -1
- package/dist/useCollapsePanel.d.cts +2 -2
- package/dist/useCollapsePanel.d.ts +2 -2
- package/dist/useCropperCore.d.cts +5 -5
- package/dist/useCropperCore.d.ts +5 -5
- package/dist/useDraggableLayout.d.cts +5 -5
- package/dist/useDraggableLayout.d.ts +5 -5
- package/dist/useDynamicFormState.d.cts +2 -2
- package/dist/useDynamicFormState.d.ts +2 -2
- package/dist/useEdgeInteraction.d.cts +2 -2
- package/dist/useEdgeInteraction.d.ts +2 -2
- package/dist/useFullscreen.d.cts +2 -2
- package/dist/useFullscreen.d.ts +2 -2
- package/dist/useQRCode.d.cts +5 -5
- package/dist/useQRCode.d.ts +5 -5
- package/dist/useSearchState.d.cts +27 -27
- package/dist/useSearchState.d.ts +27 -27
- package/dist/useSignatureHistory.d.cts +6 -6
- package/dist/useSignatureHistory.d.ts +6 -6
- package/dist/useSplitResize.d.cts +8 -8
- package/dist/useSplitResize.d.ts +8 -8
- package/dist/useTableQuery.cjs +1 -1
- package/dist/useTableQuery.js +1 -1
- package/dist/useTimeSelection.d.cts +5 -5
- package/dist/useTimeSelection.d.ts +5 -5
- package/dist/useTreeOperations.d.cts +5 -5
- package/dist/useTreeOperations.d.ts +5 -5
- package/dist/useWorkflowValidation.d.cts +7 -7
- package/dist/useWorkflowValidation.d.ts +7 -7
- package/dist/verification.d.cts +3 -3
- package/dist/verification.d.ts +3 -3
- package/package.json +8 -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-c92457c4] {
|
|
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-c92457c4] {
|
|
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-c92457c4] .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-c92457c4] .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-c92457c4] .n-input,
|
|
26
|
+
.c-form-inline-item[data-v-c92457c4] .n-select,
|
|
27
|
+
.c-form-inline-item[data-v-c92457c4] .n-date-picker,
|
|
28
|
+
.c-form-inline-item[data-v-c92457c4] .n-time-picker,
|
|
29
|
+
.c-form-inline-item[data-v-c92457c4] .n-input-number,
|
|
30
|
+
.c-form-inline-item[data-v-c92457c4] .n-cascader,
|
|
31
|
+
.c-form-inline-item[data-v-c92457c4] .n-color-picker,
|
|
32
|
+
.c-form-inline-item[data-v-c92457c4] .n-auto-complete,
|
|
33
|
+
.c-form-inline-item[data-v-c92457c4] .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-c92457c4] .n-radio-group,
|
|
39
|
+
.c-form-inline-item[data-v-c92457c4] .n-checkbox-group {
|
|
40
40
|
width: 100%;
|
|
41
41
|
display: flex;
|
|
42
42
|
flex-wrap: wrap;
|
|
@@ -44,157 +44,165 @@
|
|
|
44
44
|
}
|
|
45
45
|
|
|
46
46
|
/* 开关组件居左对齐 */
|
|
47
|
-
.c-form-inline-item[data-v-
|
|
47
|
+
.c-form-inline-item[data-v-c92457c4] .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-c92457c4] {
|
|
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-c92457c4] {
|
|
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-c92457c4] {
|
|
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-c92457c4] {
|
|
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-c92457c4] {
|
|
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-c92457c4] {
|
|
83
83
|
gap: 8px !important;
|
|
84
84
|
}
|
|
85
85
|
}
|
|
86
|
+
/* unplugin-vue-components disabled */
|
|
87
|
+
/* layer: default */
|
|
88
|
+
.visible[data-v-c92457c4]{visibility:visible;}
|
|
89
|
+
.grid[data-v-c92457c4]{display:grid;}
|
|
90
|
+
.inline[data-v-c92457c4]{display:inline;}
|
|
91
|
+
.flex[data-v-c92457c4]{display:flex;}
|
|
92
|
+
.px[data-v-c92457c4]{padding-left:1rem;padding-right:1rem;}
|
|
93
|
+
|
|
86
94
|
/* unplugin-vue-components disabled *//* Grid 布局样式 */
|
|
87
95
|
/* 变量定义 */
|
|
88
|
-
.c-grid-layout[data-v-
|
|
96
|
+
.c-grid-layout[data-v-5debeeab] {
|
|
89
97
|
width: 100%;
|
|
90
98
|
/* 配置面板 */
|
|
91
99
|
}
|
|
92
|
-
.c-grid-layout .config-panel[data-v-
|
|
100
|
+
.c-grid-layout .config-panel[data-v-5debeeab] {
|
|
93
101
|
margin-bottom: 1rem;
|
|
94
102
|
}
|
|
95
|
-
.c-grid-layout .config-panel .config-header[data-v-
|
|
103
|
+
.c-grid-layout .config-panel .config-header[data-v-5debeeab] {
|
|
96
104
|
display: flex;
|
|
97
105
|
align-items: center;
|
|
98
106
|
gap: 0.5rem;
|
|
99
107
|
font-weight: 500;
|
|
100
108
|
margin-bottom: 8px;
|
|
101
109
|
}
|
|
102
|
-
.c-grid-layout .config-panel .config-controls[data-v-
|
|
110
|
+
.c-grid-layout .config-panel .config-controls[data-v-5debeeab] {
|
|
103
111
|
display: flex;
|
|
104
112
|
gap: 1rem;
|
|
105
113
|
flex-wrap: wrap;
|
|
106
114
|
}
|
|
107
|
-
.c-grid-layout .config-panel .config-controls .config-item[data-v-
|
|
115
|
+
.c-grid-layout .config-panel .config-controls .config-item[data-v-5debeeab] {
|
|
108
116
|
display: flex;
|
|
109
117
|
align-items: center;
|
|
110
118
|
gap: 0.5rem;
|
|
111
119
|
}
|
|
112
|
-
.c-grid-layout .config-panel .config-controls .config-item .config-label[data-v-
|
|
120
|
+
.c-grid-layout .config-panel .config-controls .config-item .config-label[data-v-5debeeab] {
|
|
113
121
|
font-size: 0.875rem;
|
|
114
122
|
white-space: nowrap;
|
|
115
123
|
min-width: 3rem;
|
|
116
124
|
}
|
|
117
|
-
.c-grid-layout[data-v-
|
|
125
|
+
.c-grid-layout[data-v-5debeeab] {
|
|
118
126
|
/* 网格容器 */
|
|
119
127
|
}
|
|
120
|
-
.c-grid-layout .grid-container[data-v-
|
|
128
|
+
.c-grid-layout .grid-container[data-v-5debeeab] {
|
|
121
129
|
width: 100%;
|
|
122
130
|
}
|
|
123
|
-
.c-grid-layout .grid-container .grid-item[data-v-
|
|
131
|
+
.c-grid-layout .grid-container .grid-item[data-v-5debeeab] {
|
|
124
132
|
/* 进场动画 */
|
|
125
|
-
animation: fadeInUp-
|
|
133
|
+
animation: fadeInUp-5debeeab 0.3s ease-out both;
|
|
126
134
|
}
|
|
127
|
-
.c-grid-layout .grid-container .grid-item[data-v-
|
|
135
|
+
.c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(1) {
|
|
128
136
|
animation-delay: 0.05s;
|
|
129
137
|
}
|
|
130
|
-
.c-grid-layout .grid-container .grid-item[data-v-
|
|
138
|
+
.c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(2) {
|
|
131
139
|
animation-delay: 0.1s;
|
|
132
140
|
}
|
|
133
|
-
.c-grid-layout .grid-container .grid-item[data-v-
|
|
141
|
+
.c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(3) {
|
|
134
142
|
animation-delay: 0.15s;
|
|
135
143
|
}
|
|
136
|
-
.c-grid-layout .grid-container .grid-item[data-v-
|
|
144
|
+
.c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(4) {
|
|
137
145
|
animation-delay: 0.2s;
|
|
138
146
|
}
|
|
139
|
-
.c-grid-layout .grid-container .grid-item[data-v-
|
|
147
|
+
.c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(5) {
|
|
140
148
|
animation-delay: 0.25s;
|
|
141
149
|
}
|
|
142
|
-
.c-grid-layout .grid-container .grid-item[data-v-
|
|
150
|
+
.c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(6) {
|
|
143
151
|
animation-delay: 0.3s;
|
|
144
152
|
}
|
|
145
|
-
.c-grid-layout .grid-container .grid-item[data-v-
|
|
153
|
+
.c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(7) {
|
|
146
154
|
animation-delay: 0.35s;
|
|
147
155
|
}
|
|
148
|
-
.c-grid-layout .grid-container .grid-item[data-v-
|
|
156
|
+
.c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(8) {
|
|
149
157
|
animation-delay: 0.4s;
|
|
150
158
|
}
|
|
151
|
-
.c-grid-layout .grid-container .grid-item[data-v-
|
|
159
|
+
.c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(9) {
|
|
152
160
|
animation-delay: 0.45s;
|
|
153
161
|
}
|
|
154
|
-
.c-grid-layout .grid-container .grid-item[data-v-
|
|
162
|
+
.c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(10) {
|
|
155
163
|
animation-delay: 0.5s;
|
|
156
164
|
}
|
|
157
|
-
.c-grid-layout .grid-container .grid-item[data-v-
|
|
165
|
+
.c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(11) {
|
|
158
166
|
animation-delay: 0.55s;
|
|
159
167
|
}
|
|
160
|
-
.c-grid-layout .grid-container .grid-item[data-v-
|
|
168
|
+
.c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(12) {
|
|
161
169
|
animation-delay: 0.6s;
|
|
162
170
|
}
|
|
163
|
-
.c-grid-layout .grid-container .grid-item[data-v-
|
|
171
|
+
.c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(13) {
|
|
164
172
|
animation-delay: 0.65s;
|
|
165
173
|
}
|
|
166
|
-
.c-grid-layout .grid-container .grid-item[data-v-
|
|
174
|
+
.c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(14) {
|
|
167
175
|
animation-delay: 0.7s;
|
|
168
176
|
}
|
|
169
|
-
.c-grid-layout .grid-container .grid-item[data-v-
|
|
177
|
+
.c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(15) {
|
|
170
178
|
animation-delay: 0.75s;
|
|
171
179
|
}
|
|
172
|
-
.c-grid-layout .grid-container .grid-item[data-v-
|
|
180
|
+
.c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(16) {
|
|
173
181
|
animation-delay: 0.8s;
|
|
174
182
|
}
|
|
175
|
-
.c-grid-layout .grid-container .grid-item[data-v-
|
|
183
|
+
.c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(17) {
|
|
176
184
|
animation-delay: 0.85s;
|
|
177
185
|
}
|
|
178
|
-
.c-grid-layout .grid-container .grid-item[data-v-
|
|
186
|
+
.c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(18) {
|
|
179
187
|
animation-delay: 0.9s;
|
|
180
188
|
}
|
|
181
|
-
.c-grid-layout .grid-container .grid-item[data-v-
|
|
189
|
+
.c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(19) {
|
|
182
190
|
animation-delay: 0.95s;
|
|
183
191
|
}
|
|
184
|
-
.c-grid-layout .grid-container .grid-item[data-v-
|
|
192
|
+
.c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(20) {
|
|
185
193
|
animation-delay: 1s;
|
|
186
194
|
}
|
|
187
|
-
.c-grid-layout[data-v-
|
|
195
|
+
.c-grid-layout[data-v-5debeeab] {
|
|
188
196
|
/* 统计信息 */
|
|
189
197
|
}
|
|
190
|
-
.c-grid-layout .grid-stats[data-v-
|
|
198
|
+
.c-grid-layout .grid-stats[data-v-5debeeab] {
|
|
191
199
|
margin-top: 1rem;
|
|
192
200
|
font-size: 0.875rem;
|
|
193
201
|
opacity: 0.8;
|
|
194
202
|
}
|
|
195
203
|
|
|
196
204
|
/* 动画定义 */
|
|
197
|
-
@keyframes fadeInUp-
|
|
205
|
+
@keyframes fadeInUp-5debeeab {
|
|
198
206
|
from {
|
|
199
207
|
opacity: 0;
|
|
200
208
|
transform: translateY(10px) scale(0.95);
|
|
@@ -205,54 +213,58 @@ to {
|
|
|
205
213
|
}
|
|
206
214
|
}
|
|
207
215
|
/* 表单控件统一宽度 */
|
|
208
|
-
[data-v-
|
|
216
|
+
[data-v-5debeeab] .n-form-item .n-form-item-blank {
|
|
209
217
|
/* 统一所有表单控件的宽度 */
|
|
210
218
|
}
|
|
211
|
-
[data-v-
|
|
219
|
+
[data-v-5debeeab] .n-form-item .n-form-item-blank .n-input,[data-v-5debeeab] .n-form-item .n-form-item-blank .n-input-number,[data-v-5debeeab] .n-form-item .n-form-item-blank .n-select,[data-v-5debeeab] .n-form-item .n-form-item-blank .n-date-picker,[data-v-5debeeab] .n-form-item .n-form-item-blank .n-time-picker,[data-v-5debeeab] .n-form-item .n-form-item-blank .n-cascader,[data-v-5debeeab] .n-form-item .n-form-item-blank .n-tree-select,[data-v-5debeeab] .n-form-item .n-form-item-blank .n-auto-complete,[data-v-5debeeab] .n-form-item .n-form-item-blank .n-dynamic-tags {
|
|
212
220
|
width: 100% !important;
|
|
213
221
|
}
|
|
214
222
|
|
|
215
223
|
/* 响应式设计 */
|
|
216
224
|
@media (max-width: 768px) {
|
|
217
|
-
.c-grid-layout .config-panel .config-controls[data-v-
|
|
225
|
+
.c-grid-layout .config-panel .config-controls[data-v-5debeeab] {
|
|
218
226
|
flex-direction: column;
|
|
219
227
|
gap: 0.75rem;
|
|
220
228
|
}
|
|
221
|
-
.c-grid-layout .config-panel .config-controls .config-item[data-v-
|
|
229
|
+
.c-grid-layout .config-panel .config-controls .config-item[data-v-5debeeab] {
|
|
222
230
|
justify-content: space-between;
|
|
223
231
|
}
|
|
224
|
-
.c-grid-layout .grid-container[data-v-
|
|
232
|
+
.c-grid-layout .grid-container[data-v-5debeeab] .n-grid {
|
|
225
233
|
gap: 0.5rem !important;
|
|
226
234
|
}
|
|
227
|
-
.c-grid-layout .grid-container .grid-item .item-wrapper[data-v-
|
|
235
|
+
.c-grid-layout .grid-container .grid-item .item-wrapper[data-v-5debeeab] {
|
|
228
236
|
padding: 0.125rem;
|
|
229
237
|
}
|
|
230
|
-
.c-grid-layout .grid-stats[data-v-
|
|
238
|
+
.c-grid-layout .grid-stats[data-v-5debeeab] {
|
|
231
239
|
margin-top: 0.75rem;
|
|
232
240
|
font-size: 0.875rem;
|
|
233
241
|
}
|
|
234
242
|
}
|
|
235
243
|
@media (max-width: 480px) {
|
|
236
|
-
.c-grid-layout .config-panel[data-v-
|
|
244
|
+
.c-grid-layout .config-panel[data-v-5debeeab] {
|
|
237
245
|
margin-bottom: 0.75rem;
|
|
238
246
|
}
|
|
239
247
|
}
|
|
240
248
|
/* 主题适配 */
|
|
241
|
-
[data-v-
|
|
249
|
+
[data-v-5debeeab] .n-card {
|
|
242
250
|
--n-border-radius: 8px;
|
|
243
251
|
}
|
|
244
|
-
[data-v-
|
|
252
|
+
[data-v-5debeeab] .n-input-number {
|
|
245
253
|
--n-width: 100%;
|
|
246
254
|
}
|
|
247
255
|
|
|
248
256
|
/* 暗色主题 */
|
|
249
257
|
@media (prefers-color-scheme: dark) {
|
|
250
|
-
.c-grid-layout .grid-container .grid-item .item-wrapper[data-v-
|
|
258
|
+
.c-grid-layout .grid-container .grid-item .item-wrapper[data-v-5debeeab]:hover {
|
|
251
259
|
background-color: rgba(255, 255, 255, 0.05);
|
|
252
260
|
}
|
|
253
261
|
}
|
|
262
|
+
/* unplugin-vue-components disabled */
|
|
263
|
+
/* layer: default */
|
|
264
|
+
.px[data-v-5debeeab]{padding-left:1rem;padding-right:1rem;}
|
|
265
|
+
|
|
254
266
|
/* unplugin-vue-components disabled *//* Card 布局样式 */
|
|
255
|
-
.c-form-card[data-v-
|
|
267
|
+
.c-form-card[data-v-28320dd2] {
|
|
256
268
|
width: 100%;
|
|
257
269
|
display: flex;
|
|
258
270
|
flex-direction: column;
|
|
@@ -260,89 +272,89 @@ to {
|
|
|
260
272
|
}
|
|
261
273
|
|
|
262
274
|
/* ================= 配置面板 ================= */
|
|
263
|
-
.layout-config-panel[data-v-
|
|
275
|
+
.layout-config-panel[data-v-28320dd2] {
|
|
264
276
|
margin-bottom: 0;
|
|
265
277
|
}
|
|
266
|
-
.config-controls[data-v-
|
|
278
|
+
.config-controls[data-v-28320dd2] {
|
|
267
279
|
display: flex;
|
|
268
280
|
align-items: center;
|
|
269
281
|
gap: 1.5rem;
|
|
270
282
|
flex-wrap: wrap;
|
|
271
283
|
}
|
|
272
284
|
@media (max-width: 768px) {
|
|
273
|
-
.config-controls[data-v-
|
|
285
|
+
.config-controls[data-v-28320dd2] {
|
|
274
286
|
flex-direction: column;
|
|
275
287
|
align-items: stretch;
|
|
276
288
|
gap: 1rem;
|
|
277
289
|
}
|
|
278
290
|
}
|
|
279
|
-
.config-item[data-v-
|
|
291
|
+
.config-item[data-v-28320dd2] {
|
|
280
292
|
display: flex;
|
|
281
293
|
align-items: center;
|
|
282
294
|
gap: 0.75rem;
|
|
283
295
|
font-size: 0.875rem;
|
|
284
296
|
}
|
|
285
297
|
@media (max-width: 768px) {
|
|
286
|
-
.config-item[data-v-
|
|
298
|
+
.config-item[data-v-28320dd2] {
|
|
287
299
|
justify-content: space-between;
|
|
288
300
|
}
|
|
289
301
|
}
|
|
290
302
|
|
|
291
303
|
/* ================= 表单内容区域 ================= */
|
|
292
|
-
.form-content[data-v-
|
|
304
|
+
.form-content[data-v-28320dd2] {
|
|
293
305
|
display: flex;
|
|
294
306
|
}
|
|
295
|
-
.layout-single[data-v-
|
|
296
|
-
.layout-vertical[data-v-
|
|
307
|
+
.layout-single[data-v-28320dd2],
|
|
308
|
+
.layout-vertical[data-v-28320dd2] {
|
|
297
309
|
flex-direction: column;
|
|
298
310
|
}
|
|
299
|
-
.layout-horizontal[data-v-
|
|
311
|
+
.layout-horizontal[data-v-28320dd2] {
|
|
300
312
|
flex-direction: row;
|
|
301
313
|
flex-wrap: wrap;
|
|
302
314
|
}
|
|
303
|
-
.layout-horizontal .group-card[data-v-
|
|
315
|
+
.layout-horizontal .group-card[data-v-28320dd2] {
|
|
304
316
|
flex: 1;
|
|
305
317
|
min-width: 0;
|
|
306
318
|
}
|
|
307
319
|
@media (max-width: 1200px) {
|
|
308
|
-
.layout-horizontal[data-v-
|
|
320
|
+
.layout-horizontal[data-v-28320dd2] {
|
|
309
321
|
flex-direction: column;
|
|
310
322
|
}
|
|
311
323
|
}
|
|
312
324
|
|
|
313
325
|
/* ================= 卡片样式 ================= */
|
|
314
|
-
.single-card[data-v-
|
|
315
|
-
.group-card[data-v-
|
|
326
|
+
.single-card[data-v-28320dd2],
|
|
327
|
+
.group-card[data-v-28320dd2] {
|
|
316
328
|
transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
317
329
|
border-left-width: 4px;
|
|
318
330
|
}
|
|
319
|
-
.single-card[data-v-
|
|
320
|
-
.basic-card[data-v-
|
|
331
|
+
.single-card[data-v-28320dd2],
|
|
332
|
+
.basic-card[data-v-28320dd2] {
|
|
321
333
|
border-left-color: #3b82f6;
|
|
322
334
|
}
|
|
323
|
-
.contact-card[data-v-
|
|
335
|
+
.contact-card[data-v-28320dd2] {
|
|
324
336
|
border-left-color: #22c55e;
|
|
325
337
|
}
|
|
326
|
-
.preferences-card[data-v-
|
|
338
|
+
.preferences-card[data-v-28320dd2] {
|
|
327
339
|
border-left-color: #a855f7;
|
|
328
340
|
}
|
|
329
|
-
.group-card.collapsed .card-content[data-v-
|
|
341
|
+
.group-card.collapsed .card-content[data-v-28320dd2] {
|
|
330
342
|
display: none;
|
|
331
343
|
}
|
|
332
344
|
|
|
333
345
|
/* ================= 卡片头部 ================= */
|
|
334
|
-
.card-header[data-v-
|
|
346
|
+
.card-header[data-v-28320dd2] {
|
|
335
347
|
display: flex;
|
|
336
348
|
align-items: center;
|
|
337
349
|
justify-content: space-between;
|
|
338
350
|
width: 100%;
|
|
339
351
|
}
|
|
340
|
-
.header-info[data-v-
|
|
352
|
+
.header-info[data-v-28320dd2] {
|
|
341
353
|
display: flex;
|
|
342
354
|
align-items: center;
|
|
343
355
|
gap: 1rem;
|
|
344
356
|
}
|
|
345
|
-
.card-icon[data-v-
|
|
357
|
+
.card-icon[data-v-28320dd2] {
|
|
346
358
|
width: 2.5rem;
|
|
347
359
|
height: 2.5rem;
|
|
348
360
|
padding: 0.5rem;
|
|
@@ -354,109 +366,123 @@ to {
|
|
|
354
366
|
justify-content: center;
|
|
355
367
|
font-size: 1.125rem;
|
|
356
368
|
}
|
|
357
|
-
.header-text h3[data-v-
|
|
369
|
+
.header-text h3[data-v-28320dd2] {
|
|
358
370
|
font-size: 1.125rem;
|
|
359
371
|
font-weight: 600;
|
|
360
372
|
margin: 0 0 0.25rem;
|
|
361
373
|
}
|
|
362
|
-
.header-text p[data-v-
|
|
374
|
+
.header-text p[data-v-28320dd2] {
|
|
363
375
|
font-size: 0.875rem;
|
|
364
376
|
color: #6b7280;
|
|
365
377
|
margin: 0;
|
|
366
378
|
}
|
|
367
|
-
.header-actions[data-v-
|
|
379
|
+
.header-actions[data-v-28320dd2] {
|
|
368
380
|
display: flex;
|
|
369
381
|
align-items: center;
|
|
370
382
|
gap: 0.75rem;
|
|
371
383
|
}
|
|
372
|
-
.field-stats[data-v-
|
|
384
|
+
.field-stats[data-v-28320dd2] {
|
|
373
385
|
display: flex;
|
|
374
386
|
gap: 0.5rem;
|
|
375
387
|
}
|
|
376
388
|
|
|
377
389
|
/* ================= 卡片内容 ================= */
|
|
378
|
-
.card-content[data-v-
|
|
390
|
+
.card-content[data-v-28320dd2] {
|
|
379
391
|
padding-top: 1rem;
|
|
380
392
|
}
|
|
381
|
-
.progress-section[data-v-
|
|
393
|
+
.progress-section[data-v-28320dd2] {
|
|
382
394
|
padding-bottom: 1rem;
|
|
383
395
|
}
|
|
384
396
|
|
|
385
397
|
/* ================= 操作面板 ================= */
|
|
386
|
-
.action-content[data-v-
|
|
398
|
+
.action-content[data-v-28320dd2] {
|
|
387
399
|
display: flex;
|
|
388
400
|
align-items: center;
|
|
389
401
|
justify-content: space-between;
|
|
390
402
|
gap: 1.5rem;
|
|
391
403
|
}
|
|
392
404
|
@media (max-width: 768px) {
|
|
393
|
-
.action-content[data-v-
|
|
405
|
+
.action-content[data-v-28320dd2] {
|
|
394
406
|
flex-direction: column;
|
|
395
407
|
align-items: stretch;
|
|
396
408
|
gap: 1rem;
|
|
397
409
|
}
|
|
398
410
|
}
|
|
399
|
-
.status-summary[data-v-
|
|
411
|
+
.status-summary[data-v-28320dd2] {
|
|
400
412
|
display: flex;
|
|
401
413
|
gap: 1.5rem;
|
|
402
414
|
align-items: center;
|
|
403
415
|
flex-wrap: wrap;
|
|
404
416
|
}
|
|
405
|
-
.status-item[data-v-
|
|
417
|
+
.status-item[data-v-28320dd2] {
|
|
406
418
|
display: flex;
|
|
407
419
|
align-items: center;
|
|
408
420
|
gap: 0.75rem;
|
|
409
421
|
}
|
|
410
|
-
.status-item .label[data-v-
|
|
422
|
+
.status-item .label[data-v-28320dd2] {
|
|
411
423
|
font-size: 0.875rem;
|
|
412
424
|
}
|
|
413
|
-
.progress-display[data-v-
|
|
425
|
+
.progress-display[data-v-28320dd2] {
|
|
414
426
|
display: flex;
|
|
415
427
|
align-items: center;
|
|
416
428
|
gap: 0.75rem;
|
|
417
429
|
min-width: 8rem;
|
|
418
430
|
}
|
|
419
|
-
.action-buttons[data-v-
|
|
431
|
+
.action-buttons[data-v-28320dd2] {
|
|
420
432
|
display: flex;
|
|
421
433
|
gap: 0.75rem;
|
|
422
434
|
}
|
|
435
|
+
/* unplugin-vue-components disabled */
|
|
436
|
+
/* layer: default */
|
|
437
|
+
.mb-4[data-v-28320dd2]{margin-bottom:1rem;}
|
|
438
|
+
.min-w-12[data-v-28320dd2]{min-width:3rem;}
|
|
439
|
+
.w-24[data-v-28320dd2]{width:6rem;}
|
|
440
|
+
.flex[data-v-28320dd2]{display:flex;}
|
|
441
|
+
.flex-1[data-v-28320dd2]{flex:1 1 0%;}
|
|
442
|
+
.items-center[data-v-28320dd2]{align-items:center;}
|
|
443
|
+
.gap-2[data-v-28320dd2]{gap:0.5rem;}
|
|
444
|
+
.gap-3[data-v-28320dd2]{gap:0.75rem;}
|
|
445
|
+
.px[data-v-28320dd2]{padding-left:1rem;padding-right:1rem;}
|
|
446
|
+
.text-sm[data-v-28320dd2]{font-size:0.875rem;line-height:1.25rem;}
|
|
447
|
+
.text-xs[data-v-28320dd2]{font-size:0.75rem;line-height:1rem;}
|
|
448
|
+
|
|
423
449
|
/* unplugin-vue-components disabled *//* Tabs 布局样式 */
|
|
424
|
-
.c-form-tabs[data-v-
|
|
450
|
+
.c-form-tabs[data-v-941576c0] {
|
|
425
451
|
width: 100%;
|
|
426
452
|
}
|
|
427
|
-
.single-panel[data-v-
|
|
453
|
+
.single-panel[data-v-941576c0] {
|
|
428
454
|
width: 100%;
|
|
429
455
|
}
|
|
430
|
-
.tabs-container[data-v-
|
|
456
|
+
.tabs-container[data-v-941576c0] {
|
|
431
457
|
width: 100%;
|
|
432
458
|
}
|
|
433
|
-
.form-tabs[data-v-
|
|
459
|
+
.form-tabs[data-v-941576c0] {
|
|
434
460
|
width: 100%;
|
|
435
461
|
}
|
|
436
|
-
.tab-icon[data-v-
|
|
462
|
+
.tab-icon[data-v-941576c0] {
|
|
437
463
|
font-size: 16px;
|
|
438
464
|
display: inline-flex;
|
|
439
465
|
align-items: center;
|
|
440
466
|
justify-content: center;
|
|
441
467
|
}
|
|
442
|
-
.tab-header[data-v-
|
|
468
|
+
.tab-header[data-v-941576c0] {
|
|
443
469
|
margin-bottom: 16px;
|
|
444
470
|
padding-bottom: 12px;
|
|
445
471
|
border-bottom: 1px solid var(--n-border-color);
|
|
446
472
|
}
|
|
447
|
-
.tab-description[data-v-
|
|
473
|
+
.tab-description[data-v-941576c0] {
|
|
448
474
|
margin: 0;
|
|
449
475
|
font-size: 14px;
|
|
450
476
|
line-height: 1.5;
|
|
451
477
|
opacity: 0.8;
|
|
452
478
|
}
|
|
453
|
-
.tab-form-items[data-v-
|
|
479
|
+
.tab-form-items[data-v-941576c0] {
|
|
454
480
|
width: 100%;
|
|
455
481
|
}
|
|
456
|
-
.tab-empty[data-v-
|
|
482
|
+
.tab-empty[data-v-941576c0] {
|
|
457
483
|
padding: 40px 0;
|
|
458
484
|
}
|
|
459
|
-
.tabs-actions[data-v-
|
|
485
|
+
.tabs-actions[data-v-941576c0] {
|
|
460
486
|
margin-top: 16px;
|
|
461
487
|
padding-top: 12px;
|
|
462
488
|
border-top: 1px solid var(--n-border-color);
|
|
@@ -464,62 +490,69 @@ to {
|
|
|
464
490
|
|
|
465
491
|
/* 响应式设计 */
|
|
466
492
|
@media (max-width: 768px) {
|
|
467
|
-
.tabs-actions[data-v-
|
|
493
|
+
.tabs-actions[data-v-941576c0] {
|
|
468
494
|
margin-top: 12px;
|
|
469
495
|
padding-top: 8px;
|
|
470
496
|
}
|
|
471
|
-
.tabs-actions[data-v-
|
|
497
|
+
.tabs-actions[data-v-941576c0] .n-space {
|
|
472
498
|
flex-wrap: wrap;
|
|
473
499
|
}
|
|
474
500
|
}
|
|
501
|
+
/* unplugin-vue-components disabled */
|
|
502
|
+
/* layer: default */
|
|
503
|
+
.visible[data-v-941576c0]{visibility:visible;}
|
|
504
|
+
.grid[data-v-941576c0]{display:grid;}
|
|
505
|
+
.inline[data-v-941576c0]{display:inline;}
|
|
506
|
+
.tab[data-v-941576c0]{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}
|
|
507
|
+
|
|
475
508
|
/* unplugin-vue-components disabled *//* Steps 布局样式 */
|
|
476
|
-
.c-form-steps[data-v-
|
|
509
|
+
.c-form-steps[data-v-5d92cc03] {
|
|
477
510
|
display: flex;
|
|
478
511
|
flex-direction: column;
|
|
479
512
|
gap: 24px;
|
|
480
513
|
}
|
|
481
|
-
.single-panel[data-v-
|
|
514
|
+
.single-panel[data-v-5d92cc03] {
|
|
482
515
|
width: 100%;
|
|
483
516
|
}
|
|
484
|
-
.steps-container[data-v-
|
|
517
|
+
.steps-container[data-v-5d92cc03] {
|
|
485
518
|
display: flex;
|
|
486
519
|
flex-direction: column;
|
|
487
520
|
gap: 24px;
|
|
488
521
|
}
|
|
489
|
-
.steps-indicator[data-v-
|
|
522
|
+
.steps-indicator[data-v-5d92cc03] {
|
|
490
523
|
padding: 24px;
|
|
491
524
|
border-radius: 8px;
|
|
492
525
|
}
|
|
493
|
-
.steps-content[data-v-
|
|
526
|
+
.steps-content[data-v-5d92cc03] {
|
|
494
527
|
min-height: 400px;
|
|
495
528
|
}
|
|
496
|
-
.step-panel[data-v-
|
|
497
|
-
animation: fadeIn-
|
|
529
|
+
.step-panel[data-v-5d92cc03] {
|
|
530
|
+
animation: fadeIn-5d92cc03 0.3s ease-in-out;
|
|
498
531
|
}
|
|
499
|
-
.step-header[data-v-
|
|
532
|
+
.step-header[data-v-5d92cc03] {
|
|
500
533
|
margin-bottom: 24px;
|
|
501
534
|
padding-bottom: 16px;
|
|
502
535
|
border-bottom: 1px solid var(--n-border-color);
|
|
503
536
|
}
|
|
504
|
-
.step-title[data-v-
|
|
537
|
+
.step-title[data-v-5d92cc03] {
|
|
505
538
|
margin: 0 0 8px 0;
|
|
506
539
|
font-size: 18px;
|
|
507
540
|
font-weight: 600;
|
|
508
541
|
}
|
|
509
|
-
.step-description[data-v-
|
|
542
|
+
.step-description[data-v-5d92cc03] {
|
|
510
543
|
margin: 0;
|
|
511
544
|
font-size: 14px;
|
|
512
545
|
line-height: 1.5;
|
|
513
546
|
}
|
|
514
|
-
.step-form-items[data-v-
|
|
547
|
+
.step-form-items[data-v-5d92cc03] {
|
|
515
548
|
width: 100%;
|
|
516
549
|
}
|
|
517
|
-
.steps-actions[data-v-
|
|
550
|
+
.steps-actions[data-v-5d92cc03] {
|
|
518
551
|
margin-top: 24px;
|
|
519
552
|
padding-top: 16px;
|
|
520
553
|
border-top: 1px solid var(--n-border-color);
|
|
521
554
|
}
|
|
522
|
-
@keyframes fadeIn-
|
|
555
|
+
@keyframes fadeIn-5d92cc03 {
|
|
523
556
|
from {
|
|
524
557
|
opacity: 0;
|
|
525
558
|
transform: translateY(8px);
|
|
@@ -530,71 +563,77 @@ to {
|
|
|
530
563
|
}
|
|
531
564
|
}
|
|
532
565
|
/* 垂直步骤样式:由组件状态驱动,避免 scoped CSS 生成无效的 :has/:deep 组合。 */
|
|
533
|
-
.steps-container.is-vertical[data-v-
|
|
566
|
+
.steps-container.is-vertical[data-v-5d92cc03] {
|
|
534
567
|
flex-direction: row;
|
|
535
568
|
align-items: flex-start;
|
|
536
569
|
}
|
|
537
|
-
.steps-container.is-vertical .steps-indicator[data-v-
|
|
570
|
+
.steps-container.is-vertical .steps-indicator[data-v-5d92cc03] {
|
|
538
571
|
flex-shrink: 0;
|
|
539
572
|
width: 250px;
|
|
540
573
|
margin-right: 24px;
|
|
541
574
|
}
|
|
542
|
-
.steps-container.is-vertical .steps-content[data-v-
|
|
575
|
+
.steps-container.is-vertical .steps-content[data-v-5d92cc03] {
|
|
543
576
|
flex: 1;
|
|
544
577
|
}
|
|
545
578
|
|
|
546
579
|
/* 响应式设计 */
|
|
547
580
|
@media (max-width: 768px) {
|
|
548
|
-
.steps-container.is-vertical[data-v-
|
|
581
|
+
.steps-container.is-vertical[data-v-5d92cc03] {
|
|
549
582
|
flex-direction: column !important;
|
|
550
583
|
}
|
|
551
|
-
.steps-container.is-vertical .steps-indicator[data-v-
|
|
584
|
+
.steps-container.is-vertical .steps-indicator[data-v-5d92cc03] {
|
|
552
585
|
width: 100% !important;
|
|
553
586
|
margin-right: 0 !important;
|
|
554
587
|
margin-bottom: 16px;
|
|
555
588
|
}
|
|
556
589
|
}
|
|
557
590
|
@media (prefers-reduced-motion: reduce) {
|
|
558
|
-
.step-panel[data-v-
|
|
591
|
+
.step-panel[data-v-5d92cc03] {
|
|
559
592
|
animation: none !important;
|
|
560
593
|
}
|
|
561
594
|
}
|
|
595
|
+
/* unplugin-vue-components disabled */
|
|
596
|
+
/* layer: default */
|
|
597
|
+
.visible[data-v-5d92cc03]{visibility:visible;}
|
|
598
|
+
.grid[data-v-5d92cc03]{display:grid;}
|
|
599
|
+
.inline[data-v-5d92cc03]{display:inline;}
|
|
600
|
+
|
|
562
601
|
/* unplugin-vue-components disabled *//* Dynamic 布局样式 */
|
|
563
|
-
.c-form-dynamic[data-v-
|
|
602
|
+
.c-form-dynamic[data-v-1c2158e7] {
|
|
564
603
|
width: 100%;
|
|
565
604
|
}
|
|
566
|
-
.dynamic-controls[data-v-
|
|
567
|
-
.dynamic-controls-fallback[data-v-
|
|
605
|
+
.dynamic-controls[data-v-1c2158e7],
|
|
606
|
+
.dynamic-controls-fallback[data-v-1c2158e7] {
|
|
568
607
|
margin-bottom: 16px;
|
|
569
608
|
}
|
|
570
|
-
.dynamic-stats[data-v-
|
|
609
|
+
.dynamic-stats[data-v-1c2158e7] {
|
|
571
610
|
margin-top: 16px;
|
|
572
611
|
padding-top: 12px;
|
|
573
612
|
border-top: 1px solid var(--n-divider-color);
|
|
574
613
|
}
|
|
575
|
-
.dynamic-item-wrapper[data-v-
|
|
614
|
+
.dynamic-item-wrapper[data-v-1c2158e7] {
|
|
576
615
|
position: relative;
|
|
577
616
|
transition: all 0.3s ease;
|
|
578
|
-
animation: fadeInUp-
|
|
617
|
+
animation: fadeInUp-1c2158e7 0.3s ease-out;
|
|
579
618
|
}
|
|
580
|
-
.dynamic-item-wrapper.is-dynamic-field[data-v-
|
|
619
|
+
.dynamic-item-wrapper.is-dynamic-field[data-v-1c2158e7] {
|
|
581
620
|
border: 1px dashed var(--n-color-primary);
|
|
582
621
|
border-radius: 6px;
|
|
583
622
|
padding: 8px;
|
|
584
623
|
background-color: var(--n-color-primary-suppl);
|
|
585
624
|
}
|
|
586
|
-
.max-fields-config[data-v-
|
|
625
|
+
.max-fields-config[data-v-1c2158e7] {
|
|
587
626
|
display: flex;
|
|
588
627
|
align-items: center;
|
|
589
628
|
gap: 8px;
|
|
590
629
|
font-size: 14px;
|
|
591
630
|
}
|
|
592
|
-
.max-fields-config span[data-v-
|
|
631
|
+
.max-fields-config span[data-v-1c2158e7] {
|
|
593
632
|
font-weight: 500;
|
|
594
633
|
white-space: nowrap;
|
|
595
634
|
color: var(--n-text-color-2);
|
|
596
635
|
}
|
|
597
|
-
@keyframes fadeInUp-
|
|
636
|
+
@keyframes fadeInUp-1c2158e7 {
|
|
598
637
|
from {
|
|
599
638
|
opacity: 0;
|
|
600
639
|
transform: translateY(10px);
|
|
@@ -606,119 +645,125 @@ to {
|
|
|
606
645
|
}
|
|
607
646
|
/* 响应式设计 */
|
|
608
647
|
@media (max-width: 768px) {
|
|
609
|
-
.dynamic-controls[data-v-
|
|
610
|
-
.dynamic-controls-fallback[data-v-
|
|
648
|
+
.dynamic-controls[data-v-1c2158e7],
|
|
649
|
+
.dynamic-controls-fallback[data-v-1c2158e7] {
|
|
611
650
|
margin-bottom: 12px;
|
|
612
651
|
}
|
|
613
|
-
.dynamic-stats[data-v-
|
|
652
|
+
.dynamic-stats[data-v-1c2158e7] {
|
|
614
653
|
margin-top: 12px;
|
|
615
654
|
}
|
|
616
|
-
.dynamic-item-wrapper.is-dynamic-field[data-v-
|
|
655
|
+
.dynamic-item-wrapper.is-dynamic-field[data-v-1c2158e7] {
|
|
617
656
|
padding: 6px;
|
|
618
657
|
}
|
|
619
|
-
.max-fields-config[data-v-
|
|
658
|
+
.max-fields-config[data-v-1c2158e7] {
|
|
620
659
|
margin-top: 8px;
|
|
621
660
|
}
|
|
622
661
|
}
|
|
623
662
|
/* 辅助功能 */
|
|
624
663
|
@media (prefers-reduced-motion: reduce) {
|
|
625
|
-
.dynamic-item-wrapper[data-v-
|
|
664
|
+
.dynamic-item-wrapper[data-v-1c2158e7] {
|
|
626
665
|
animation: none !important;
|
|
627
666
|
transition: none !important;
|
|
628
667
|
}
|
|
629
668
|
}
|
|
630
669
|
@media (prefers-contrast: high) {
|
|
631
|
-
.dynamic-item-wrapper.is-dynamic-field[data-v-
|
|
670
|
+
.dynamic-item-wrapper.is-dynamic-field[data-v-1c2158e7] {
|
|
632
671
|
border-width: 2px;
|
|
633
672
|
border-color: currentColor;
|
|
634
673
|
}
|
|
635
674
|
}
|
|
675
|
+
/* unplugin-vue-components disabled */
|
|
676
|
+
/* layer: default */
|
|
677
|
+
.visible[data-v-1c2158e7]{visibility:visible;}
|
|
678
|
+
.grid[data-v-1c2158e7]{display:grid;}
|
|
679
|
+
.inline[data-v-1c2158e7]{display:inline;}
|
|
680
|
+
|
|
636
681
|
/* unplugin-vue-components disabled *//* Custom 布局样式 */
|
|
637
|
-
.custom-layout .toolbar-card[data-v-
|
|
682
|
+
.custom-layout .toolbar-card[data-v-75b5d79c] {
|
|
638
683
|
margin-bottom: 16px;
|
|
639
684
|
}
|
|
640
|
-
.custom-layout .toolbar-card .toolbar-content[data-v-
|
|
685
|
+
.custom-layout .toolbar-card .toolbar-content[data-v-75b5d79c] {
|
|
641
686
|
display: flex;
|
|
642
687
|
justify-content: space-between;
|
|
643
688
|
align-items: center;
|
|
644
689
|
flex-wrap: wrap;
|
|
645
690
|
gap: 16px;
|
|
646
691
|
}
|
|
647
|
-
.custom-layout .toolbar-card .toolbar-content .mode-section[data-v-
|
|
648
|
-
.custom-layout .toolbar-card .toolbar-content .stats-section[data-v-
|
|
649
|
-
.custom-layout .toolbar-card .toolbar-content .actions-section[data-v-
|
|
692
|
+
.custom-layout .toolbar-card .toolbar-content .mode-section[data-v-75b5d79c],
|
|
693
|
+
.custom-layout .toolbar-card .toolbar-content .stats-section[data-v-75b5d79c],
|
|
694
|
+
.custom-layout .toolbar-card .toolbar-content .actions-section[data-v-75b5d79c] {
|
|
650
695
|
display: flex;
|
|
651
696
|
align-items: center;
|
|
652
697
|
gap: 12px;
|
|
653
698
|
}
|
|
654
|
-
.custom-layout .toolbar-card .toolbar-content .section-label[data-v-
|
|
699
|
+
.custom-layout .toolbar-card .toolbar-content .section-label[data-v-75b5d79c] {
|
|
655
700
|
font-size: 14px;
|
|
656
701
|
font-weight: 500;
|
|
657
702
|
}
|
|
658
|
-
.custom-layout .toolbar-card .toolbar-content .stat-item[data-v-
|
|
703
|
+
.custom-layout .toolbar-card .toolbar-content .stat-item[data-v-75b5d79c] {
|
|
659
704
|
text-align: center;
|
|
660
705
|
min-width: 60px;
|
|
661
706
|
}
|
|
662
|
-
.custom-layout .toolbar-card .toolbar-content .stat-item .stat-value[data-v-
|
|
707
|
+
.custom-layout .toolbar-card .toolbar-content .stat-item .stat-value[data-v-75b5d79c] {
|
|
663
708
|
display: block;
|
|
664
709
|
font-size: 18px;
|
|
665
710
|
font-weight: 600;
|
|
666
711
|
color: var(--n-primary-color);
|
|
667
712
|
}
|
|
668
|
-
.custom-layout .toolbar-card .toolbar-content .stat-item .stat-label[data-v-
|
|
713
|
+
.custom-layout .toolbar-card .toolbar-content .stat-item .stat-label[data-v-75b5d79c] {
|
|
669
714
|
font-size: 12px;
|
|
670
715
|
opacity: 0.7;
|
|
671
716
|
margin-top: 4px;
|
|
672
717
|
}
|
|
673
|
-
.custom-layout .design-panel[data-v-
|
|
718
|
+
.custom-layout .design-panel[data-v-75b5d79c] {
|
|
674
719
|
margin-bottom: 16px;
|
|
675
720
|
}
|
|
676
|
-
.custom-layout .design-panel .design-tools[data-v-
|
|
721
|
+
.custom-layout .design-panel .design-tools[data-v-75b5d79c] {
|
|
677
722
|
display: flex;
|
|
678
723
|
gap: 24px;
|
|
679
724
|
flex-wrap: wrap;
|
|
680
725
|
}
|
|
681
|
-
.custom-layout .design-panel .design-tools .tool-group[data-v-
|
|
726
|
+
.custom-layout .design-panel .design-tools .tool-group[data-v-75b5d79c] {
|
|
682
727
|
display: flex;
|
|
683
728
|
align-items: center;
|
|
684
729
|
gap: 8px;
|
|
685
730
|
}
|
|
686
|
-
.custom-layout .design-panel .design-tools .tool-group .group-label[data-v-
|
|
731
|
+
.custom-layout .design-panel .design-tools .tool-group .group-label[data-v-75b5d79c] {
|
|
687
732
|
font-size: 14px;
|
|
688
733
|
font-weight: 500;
|
|
689
734
|
margin-right: 4px;
|
|
690
735
|
}
|
|
691
|
-
.custom-layout .layout-canvas[data-v-
|
|
736
|
+
.custom-layout .layout-canvas[data-v-75b5d79c] {
|
|
692
737
|
min-height: 200px;
|
|
693
738
|
}
|
|
694
|
-
.custom-layout .layout-canvas.design-mode[data-v-
|
|
739
|
+
.custom-layout .layout-canvas.design-mode[data-v-75b5d79c] {
|
|
695
740
|
border: 2px dashed var(--n-border-color);
|
|
696
741
|
border-radius: 8px;
|
|
697
742
|
padding: 16px;
|
|
698
743
|
background: var(--n-body-color);
|
|
699
744
|
}
|
|
700
|
-
.custom-layout .layout-canvas .canvas-hint[data-v-
|
|
745
|
+
.custom-layout .layout-canvas .canvas-hint[data-v-75b5d79c] {
|
|
701
746
|
display: flex;
|
|
702
747
|
align-items: center;
|
|
703
748
|
justify-content: center;
|
|
704
749
|
height: 120px;
|
|
705
750
|
text-align: center;
|
|
706
751
|
}
|
|
707
|
-
.custom-layout .layout-canvas .canvas-hint .hint-content h3[data-v-
|
|
752
|
+
.custom-layout .layout-canvas .canvas-hint .hint-content h3[data-v-75b5d79c] {
|
|
708
753
|
margin: 0 0 8px 0;
|
|
709
754
|
font-size: 18px;
|
|
710
755
|
}
|
|
711
|
-
.custom-layout .layout-canvas .canvas-hint .hint-content p[data-v-
|
|
756
|
+
.custom-layout .layout-canvas .canvas-hint .hint-content p[data-v-75b5d79c] {
|
|
712
757
|
margin: 0;
|
|
713
758
|
opacity: 0.7;
|
|
714
759
|
font-size: 14px;
|
|
715
760
|
}
|
|
716
|
-
.custom-layout .layout-canvas .areas-container[data-v-
|
|
761
|
+
.custom-layout .layout-canvas .areas-container[data-v-75b5d79c] {
|
|
717
762
|
display: flex;
|
|
718
763
|
flex-wrap: wrap;
|
|
719
764
|
gap: 16px;
|
|
720
765
|
}
|
|
721
|
-
.custom-layout .layout-canvas .custom-area[data-v-
|
|
766
|
+
.custom-layout .layout-canvas .custom-area[data-v-75b5d79c] {
|
|
722
767
|
border: 1px solid var(--n-border-color);
|
|
723
768
|
border-radius: 8px;
|
|
724
769
|
background: var(--n-card-color);
|
|
@@ -727,7 +772,7 @@ to {
|
|
|
727
772
|
flex: 1;
|
|
728
773
|
min-width: 250px;
|
|
729
774
|
}
|
|
730
|
-
.custom-layout .layout-canvas .custom-area .area-header[data-v-
|
|
775
|
+
.custom-layout .layout-canvas .custom-area .area-header[data-v-75b5d79c] {
|
|
731
776
|
display: flex;
|
|
732
777
|
justify-content: space-between;
|
|
733
778
|
align-items: center;
|
|
@@ -735,12 +780,12 @@ to {
|
|
|
735
780
|
padding-bottom: 8px;
|
|
736
781
|
border-bottom: 1px solid var(--n-divider-color);
|
|
737
782
|
}
|
|
738
|
-
.custom-layout .layout-canvas .custom-area .area-header .area-info[data-v-
|
|
783
|
+
.custom-layout .layout-canvas .custom-area .area-header .area-info[data-v-75b5d79c] {
|
|
739
784
|
display: flex;
|
|
740
785
|
align-items: center;
|
|
741
786
|
gap: 8px;
|
|
742
787
|
}
|
|
743
|
-
.custom-layout .layout-canvas .custom-area .area-header .area-info .area-title[data-v-
|
|
788
|
+
.custom-layout .layout-canvas .custom-area .area-header .area-info .area-title[data-v-75b5d79c] {
|
|
744
789
|
font-weight: 600;
|
|
745
790
|
font-size: 14px;
|
|
746
791
|
cursor: pointer;
|
|
@@ -748,25 +793,25 @@ to {
|
|
|
748
793
|
border-radius: 4px;
|
|
749
794
|
transition: all 0.2s ease;
|
|
750
795
|
}
|
|
751
|
-
.custom-layout .layout-canvas .custom-area .area-header .area-info .area-title[data-v-
|
|
796
|
+
.custom-layout .layout-canvas .custom-area .area-header .area-info .area-title[data-v-75b5d79c]:hover {
|
|
752
797
|
background: var(--n-button-color-hover);
|
|
753
798
|
color: var(--n-primary-color);
|
|
754
799
|
}
|
|
755
|
-
.custom-layout .layout-canvas .custom-area .area-header .area-info .title-input[data-v-
|
|
800
|
+
.custom-layout .layout-canvas .custom-area .area-header .area-info .title-input[data-v-75b5d79c] {
|
|
756
801
|
min-width: 120px;
|
|
757
802
|
max-width: 200px;
|
|
758
803
|
}
|
|
759
|
-
.custom-layout .layout-canvas .custom-area .area-header .area-controls[data-v-
|
|
804
|
+
.custom-layout .layout-canvas .custom-area .area-header .area-controls[data-v-75b5d79c] {
|
|
760
805
|
display: flex;
|
|
761
806
|
gap: 4px;
|
|
762
807
|
}
|
|
763
|
-
.custom-layout .layout-canvas .custom-area .area-fields[data-v-
|
|
808
|
+
.custom-layout .layout-canvas .custom-area .area-fields[data-v-75b5d79c] {
|
|
764
809
|
display: flex;
|
|
765
810
|
flex-direction: column;
|
|
766
811
|
gap: 8px;
|
|
767
812
|
min-height: 60px;
|
|
768
813
|
}
|
|
769
|
-
.custom-layout .layout-canvas .custom-area .area-drop-zone[data-v-
|
|
814
|
+
.custom-layout .layout-canvas .custom-area .area-drop-zone[data-v-75b5d79c] {
|
|
770
815
|
display: flex;
|
|
771
816
|
align-items: center;
|
|
772
817
|
justify-content: center;
|
|
@@ -779,21 +824,21 @@ to {
|
|
|
779
824
|
background: var(--n-body-color);
|
|
780
825
|
margin-top: 8px;
|
|
781
826
|
}
|
|
782
|
-
.custom-layout .layout-canvas .custom-area .area-drop-zone[data-v-
|
|
827
|
+
.custom-layout .layout-canvas .custom-area .area-drop-zone[data-v-75b5d79c]:hover {
|
|
783
828
|
border-color: var(--n-primary-color);
|
|
784
829
|
opacity: 1;
|
|
785
830
|
}
|
|
786
|
-
.custom-layout .layout-canvas .custom-area.area-horizontal .area-fields[data-v-
|
|
831
|
+
.custom-layout .layout-canvas .custom-area.area-horizontal .area-fields[data-v-75b5d79c] {
|
|
787
832
|
flex-direction: row;
|
|
788
833
|
flex-wrap: wrap;
|
|
789
834
|
gap: 12px;
|
|
790
835
|
}
|
|
791
|
-
.custom-layout .layout-canvas .custom-area.area-grid .area-fields[data-v-
|
|
836
|
+
.custom-layout .layout-canvas .custom-area.area-grid .area-fields[data-v-75b5d79c] {
|
|
792
837
|
display: grid;
|
|
793
838
|
grid-template-columns: repeat(2, 1fr);
|
|
794
839
|
gap: 8px;
|
|
795
840
|
}
|
|
796
|
-
.custom-layout .layout-canvas .field-item[data-v-
|
|
841
|
+
.custom-layout .layout-canvas .field-item[data-v-75b5d79c] {
|
|
797
842
|
border: 1px solid var(--n-border-color);
|
|
798
843
|
border-radius: 6px;
|
|
799
844
|
background: var(--n-body-color);
|
|
@@ -802,18 +847,18 @@ to {
|
|
|
802
847
|
cursor: move;
|
|
803
848
|
transition: all 0.2s ease;
|
|
804
849
|
}
|
|
805
|
-
.custom-layout .layout-canvas .field-item[data-v-
|
|
850
|
+
.custom-layout .layout-canvas .field-item[data-v-75b5d79c]:hover {
|
|
806
851
|
border-color: var(--n-primary-color);
|
|
807
852
|
transform: translateY(-1px);
|
|
808
853
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
|
|
809
854
|
}
|
|
810
|
-
.custom-layout .layout-canvas .field-item .field-preview[data-v-
|
|
855
|
+
.custom-layout .layout-canvas .field-item .field-preview[data-v-75b5d79c] {
|
|
811
856
|
display: flex;
|
|
812
857
|
justify-content: space-between;
|
|
813
858
|
align-items: center;
|
|
814
859
|
gap: 8px;
|
|
815
860
|
}
|
|
816
|
-
.custom-layout .layout-canvas .field-item .field-preview .field-label[data-v-
|
|
861
|
+
.custom-layout .layout-canvas .field-item .field-preview .field-label[data-v-75b5d79c] {
|
|
817
862
|
font-size: 13px;
|
|
818
863
|
font-weight: 500;
|
|
819
864
|
flex: 1;
|
|
@@ -821,7 +866,7 @@ to {
|
|
|
821
866
|
text-overflow: ellipsis;
|
|
822
867
|
white-space: nowrap;
|
|
823
868
|
}
|
|
824
|
-
.custom-layout .layout-canvas .field-item .field-preview .field-type[data-v-
|
|
869
|
+
.custom-layout .layout-canvas .field-item .field-preview .field-type[data-v-75b5d79c] {
|
|
825
870
|
font-size: 11px;
|
|
826
871
|
opacity: 0.6;
|
|
827
872
|
background: var(--n-tag-color);
|
|
@@ -829,15 +874,15 @@ to {
|
|
|
829
874
|
border-radius: 4px;
|
|
830
875
|
flex-shrink: 0;
|
|
831
876
|
}
|
|
832
|
-
.custom-layout .layout-canvas .field-pool[data-v-
|
|
877
|
+
.custom-layout .layout-canvas .field-pool[data-v-75b5d79c] {
|
|
833
878
|
margin-top: 16px;
|
|
834
879
|
}
|
|
835
|
-
.custom-layout .layout-canvas .field-pool .pool-fields-grid[data-v-
|
|
880
|
+
.custom-layout .layout-canvas .field-pool .pool-fields-grid[data-v-75b5d79c] {
|
|
836
881
|
display: grid;
|
|
837
882
|
grid-template-columns: repeat(4, 1fr);
|
|
838
883
|
gap: 12px;
|
|
839
884
|
}
|
|
840
|
-
.custom-layout .layout-canvas .field-pool .pool-field[data-v-
|
|
885
|
+
.custom-layout .layout-canvas .field-pool .pool-field[data-v-75b5d79c] {
|
|
841
886
|
border: 1px solid var(--n-border-color);
|
|
842
887
|
border-radius: 6px;
|
|
843
888
|
background: var(--n-card-color);
|
|
@@ -849,12 +894,12 @@ to {
|
|
|
849
894
|
justify-content: space-between;
|
|
850
895
|
align-items: center;
|
|
851
896
|
}
|
|
852
|
-
.custom-layout .layout-canvas .field-pool .pool-field[data-v-
|
|
897
|
+
.custom-layout .layout-canvas .field-pool .pool-field[data-v-75b5d79c]:hover {
|
|
853
898
|
border-color: var(--n-primary-color);
|
|
854
899
|
transform: translateY(-1px);
|
|
855
900
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
|
|
856
901
|
}
|
|
857
|
-
.custom-layout .layout-canvas .field-pool .pool-field .field-name[data-v-
|
|
902
|
+
.custom-layout .layout-canvas .field-pool .pool-field .field-name[data-v-75b5d79c] {
|
|
858
903
|
font-size: 13px;
|
|
859
904
|
font-weight: 500;
|
|
860
905
|
flex: 1;
|
|
@@ -862,90 +907,90 @@ to {
|
|
|
862
907
|
text-overflow: ellipsis;
|
|
863
908
|
white-space: nowrap;
|
|
864
909
|
}
|
|
865
|
-
.custom-layout .layout-canvas .field-pool .pool-field .field-type-tag[data-v-
|
|
910
|
+
.custom-layout .layout-canvas .field-pool .pool-field .field-type-tag[data-v-75b5d79c] {
|
|
866
911
|
font-size: 11px;
|
|
867
912
|
padding: 2px 8px;
|
|
868
913
|
border-radius: 4px;
|
|
869
914
|
background: var(--n-tag-color);
|
|
870
915
|
flex-shrink: 0;
|
|
871
916
|
}
|
|
872
|
-
.custom-layout .layout-canvas .empty-layout[data-v-
|
|
917
|
+
.custom-layout .layout-canvas .empty-layout[data-v-75b5d79c] {
|
|
873
918
|
display: flex;
|
|
874
919
|
align-items: center;
|
|
875
920
|
justify-content: center;
|
|
876
921
|
height: 120px;
|
|
877
922
|
padding: 16px;
|
|
878
923
|
}
|
|
879
|
-
.custom-layout .layout-canvas .form-areas[data-v-
|
|
924
|
+
.custom-layout .layout-canvas .form-areas[data-v-75b5d79c] {
|
|
880
925
|
display: flex;
|
|
881
926
|
flex-wrap: wrap;
|
|
882
927
|
gap: 16px;
|
|
883
928
|
align-items: flex-start;
|
|
884
929
|
}
|
|
885
|
-
.custom-layout .layout-canvas .form-areas .form-area[data-v-
|
|
930
|
+
.custom-layout .layout-canvas .form-areas .form-area[data-v-75b5d79c] {
|
|
886
931
|
flex: 1;
|
|
887
932
|
min-width: 250px;
|
|
888
933
|
}
|
|
889
|
-
.custom-layout .layout-canvas .form-areas .form-area.area-vertical[data-v-
|
|
934
|
+
.custom-layout .layout-canvas .form-areas .form-area.area-vertical[data-v-75b5d79c] {
|
|
890
935
|
width: 100%;
|
|
891
936
|
}
|
|
892
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
937
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-75b5d79c] {
|
|
893
938
|
display: flex;
|
|
894
939
|
flex-direction: column;
|
|
895
940
|
gap: 16px;
|
|
896
941
|
/* 统一表单项宽度 */
|
|
897
942
|
}
|
|
898
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
943
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-75b5d79c] .n-form-item {
|
|
899
944
|
width: 100%;
|
|
900
945
|
}
|
|
901
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
946
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-75b5d79c] .n-form-item .n-form-item-blank {
|
|
902
947
|
width: 100%;
|
|
903
948
|
/* 统一输入控件宽度 */
|
|
904
949
|
}
|
|
905
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
906
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
907
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
908
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
909
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
910
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
911
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
912
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
913
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
914
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
915
|
-
.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-75b5d79c] .n-form-item .n-form-item-blank .n-input,
|
|
951
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-75b5d79c] .n-form-item .n-form-item-blank .n-select,
|
|
952
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-75b5d79c] .n-form-item .n-form-item-blank .n-date-picker,
|
|
953
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-75b5d79c] .n-form-item .n-form-item-blank .n-input-number,
|
|
954
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-75b5d79c] .n-form-item .n-form-item-blank .n-textarea,
|
|
955
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-75b5d79c] .n-form-item .n-form-item-blank .n-radio-group,
|
|
956
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-75b5d79c] .n-form-item .n-form-item-blank .n-checkbox-group,
|
|
957
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-75b5d79c] .n-form-item .n-form-item-blank .n-cascader,
|
|
958
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-75b5d79c] .n-form-item .n-form-item-blank .n-tree-select,
|
|
959
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-75b5d79c] .n-form-item .n-form-item-blank .n-time-picker,
|
|
960
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-75b5d79c] .n-form-item .n-form-item-blank .n-color-picker {
|
|
916
961
|
width: 100% !important;
|
|
917
962
|
max-width: 100% !important;
|
|
918
963
|
}
|
|
919
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
964
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-75b5d79c] .n-form-item .n-form-item-blank {
|
|
920
965
|
/* 特殊控件的额外处理 */
|
|
921
966
|
}
|
|
922
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
923
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
967
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-75b5d79c] .n-form-item .n-form-item-blank .n-radio-group,
|
|
968
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-75b5d79c] .n-form-item .n-form-item-blank .n-checkbox-group {
|
|
924
969
|
display: flex;
|
|
925
970
|
flex-wrap: wrap;
|
|
926
971
|
gap: 8px;
|
|
927
972
|
}
|
|
928
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-horizontal[data-v-
|
|
973
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-horizontal[data-v-75b5d79c] {
|
|
929
974
|
flex-direction: row;
|
|
930
975
|
flex-wrap: wrap;
|
|
931
976
|
gap: 12px;
|
|
932
977
|
}
|
|
933
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-horizontal[data-v-
|
|
978
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-horizontal[data-v-75b5d79c] .n-form-item {
|
|
934
979
|
flex: 1;
|
|
935
980
|
min-width: 200px;
|
|
936
981
|
}
|
|
937
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-grid[data-v-
|
|
982
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-grid[data-v-75b5d79c] {
|
|
938
983
|
display: grid;
|
|
939
984
|
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
|
|
940
985
|
gap: 16px;
|
|
941
986
|
}
|
|
942
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-grid[data-v-
|
|
987
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-grid[data-v-75b5d79c] .n-form-item {
|
|
943
988
|
width: 100%;
|
|
944
989
|
}
|
|
945
990
|
|
|
946
991
|
/* 拖拽状态 */
|
|
947
|
-
.area-ghost[data-v-
|
|
948
|
-
.field-ghost[data-v-
|
|
992
|
+
.area-ghost[data-v-75b5d79c],
|
|
993
|
+
.field-ghost[data-v-75b5d79c] {
|
|
949
994
|
opacity: 0.5;
|
|
950
995
|
background: var(--n-primary-color-suppl);
|
|
951
996
|
border: 2px dashed var(--n-primary-color);
|
|
@@ -954,27 +999,42 @@ to {
|
|
|
954
999
|
|
|
955
1000
|
/* 响应式 */
|
|
956
1001
|
@media (max-width: 1024px) {
|
|
957
|
-
.custom-layout .toolbar-content[data-v-
|
|
1002
|
+
.custom-layout .toolbar-content[data-v-75b5d79c] {
|
|
958
1003
|
flex-direction: column;
|
|
959
1004
|
gap: 12px;
|
|
960
1005
|
}
|
|
961
|
-
.custom-layout .layout-canvas .areas-container[data-v-
|
|
1006
|
+
.custom-layout .layout-canvas .areas-container[data-v-75b5d79c] {
|
|
962
1007
|
flex-direction: column;
|
|
963
1008
|
}
|
|
964
1009
|
}
|
|
965
1010
|
@media (max-width: 768px) {
|
|
966
|
-
.custom-layout .design-tools[data-v-
|
|
1011
|
+
.custom-layout .design-tools[data-v-75b5d79c] {
|
|
967
1012
|
flex-direction: column;
|
|
968
1013
|
gap: 12px;
|
|
969
1014
|
}
|
|
970
|
-
.custom-layout .layout-canvas.design-mode[data-v-
|
|
1015
|
+
.custom-layout .layout-canvas.design-mode[data-v-75b5d79c] {
|
|
971
1016
|
padding: 12px;
|
|
972
1017
|
}
|
|
973
|
-
.custom-layout .custom-area[data-v-
|
|
1018
|
+
.custom-layout .custom-area[data-v-75b5d79c] {
|
|
974
1019
|
padding: 12px;
|
|
975
1020
|
min-height: 100px;
|
|
976
1021
|
}
|
|
977
|
-
.custom-layout .layout-canvas .field-pool .pool-fields-grid[data-v-
|
|
1022
|
+
.custom-layout .layout-canvas .field-pool .pool-fields-grid[data-v-75b5d79c] {
|
|
978
1023
|
grid-template-columns: repeat(2, 1fr);
|
|
979
1024
|
}
|
|
980
1025
|
}
|
|
1026
|
+
/* unplugin-vue-components disabled */
|
|
1027
|
+
/* layer: default */
|
|
1028
|
+
.visible[data-v-75b5d79c]{visibility:visible;}
|
|
1029
|
+
.grid[data-v-75b5d79c]{display:grid;}
|
|
1030
|
+
.inline[data-v-75b5d79c]{display:inline;}
|
|
1031
|
+
|
|
1032
|
+
/* unplugin-vue-components disabled */
|
|
1033
|
+
/* layer: default */
|
|
1034
|
+
.visible[data-v-fff98c51]{visibility:visible;}
|
|
1035
|
+
.grid[data-v-fff98c51]{display:grid;}
|
|
1036
|
+
.inline[data-v-fff98c51]{display:inline;}
|
|
1037
|
+
.table[data-v-fff98c51]{display:table;}
|
|
1038
|
+
.blur[data-v-fff98c51]{--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);}
|
|
1039
|
+
.filter[data-v-fff98c51]{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
|
+
|