@robot-admin/naive-ui-components 0.13.5 → 0.13.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +13 -0
- package/README.md +61 -6
- package/README_EN.md +53 -6
- package/dist/C_Form.base.css +174 -169
- package/dist/C_Form.cjs +1 -1
- package/dist/C_Form.css +174 -169
- package/dist/C_Form.d.cts +2 -2
- package/dist/C_Form.d.ts +2 -2
- package/dist/C_Form.js +1 -1
- package/dist/C_Form2.cjs +1 -1
- package/dist/C_Form2.js +1 -1
- package/dist/C_FormModal.css +15 -15
- package/dist/C_FormModal2.cjs +1 -1
- package/dist/C_FormModal2.js +1 -1
- package/dist/C_Loading.cjs +1 -0
- package/dist/C_Loading.css +119 -0
- package/dist/C_Loading.d.cts +2 -0
- package/dist/C_Loading.d.ts +2 -0
- package/dist/C_Loading.js +1 -0
- package/dist/C_Loading2.cjs +1 -0
- package/dist/C_Loading2.js +1 -0
- package/dist/C_Login.d.cts +1 -1
- package/dist/C_Login.d.ts +1 -1
- package/dist/C_Markdown.d.cts +1 -1
- package/dist/C_Markdown.d.ts +1 -1
- package/dist/C_Menu.d.ts +1 -1
- package/dist/C_OrgChart.d.cts +1 -1
- package/dist/C_OrgChart.d.ts +1 -1
- package/dist/C_Progress.d.cts +1 -1
- package/dist/C_Progress.d.ts +1 -1
- package/dist/C_Skeleton.d.cts +1 -1
- package/dist/C_Skeleton.d.ts +1 -1
- package/dist/C_Steps.d.cts +1 -1
- package/dist/C_Steps.d.ts +1 -1
- package/dist/C_Table.base.css +407 -282
- package/dist/C_Table.cjs +1 -1
- package/dist/C_Table.css +407 -282
- package/dist/C_Table.d.ts +2 -2
- package/dist/C_Table.js +1 -1
- package/dist/C_TagsView.d.cts +1 -1
- package/dist/C_TagsView.d.ts +1 -1
- package/dist/C_Theme.d.cts +1 -1
- package/dist/C_Theme.d.ts +1 -1
- package/dist/C_Timeline.d.cts +1 -1
- package/dist/C_Timeline.d.ts +1 -1
- package/dist/C_Transfer.d.cts +1 -1
- package/dist/C_Transfer.d.ts +1 -1
- package/dist/C_VtableGantt.d.cts +1 -1
- package/dist/C_VtableGantt.d.ts +1 -1
- package/dist/config.cjs +1 -1
- package/dist/config.js +1 -1
- package/dist/constants.d.cts +1 -1
- package/dist/constants.d.ts +1 -1
- package/dist/constants2.d.cts +4 -4
- package/dist/constants2.d.ts +4 -4
- package/dist/constants3.d.cts +3 -3
- package/dist/constants3.d.ts +3 -3
- package/dist/constants4.d.cts +5 -5
- package/dist/constants4.d.ts +5 -5
- package/dist/constants5.d.cts +2 -2
- package/dist/constants5.d.ts +2 -2
- package/dist/data.d.cts +6 -6
- package/dist/data.d.ts +6 -6
- package/dist/index.cjs +1 -1
- package/dist/index.d.cts +29 -28
- package/dist/index.d.ts +29 -28
- package/dist/index.js +1 -1
- package/dist/index.vue.d.cts +6 -6
- package/dist/index.vue.d.ts +6 -6
- package/dist/index10.vue.d.cts +2 -2
- package/dist/index10.vue.d.ts +1 -1
- package/dist/index11.vue.d.cts +1 -1
- package/dist/index11.vue.d.ts +3 -3
- package/dist/index12.vue.d.cts +3 -3
- package/dist/index12.vue.d.ts +1 -1
- package/dist/index13.vue.d.cts +1 -1
- package/dist/index13.vue.d.ts +5 -5
- package/dist/index14.vue.d.cts +5 -5
- package/dist/index14.vue.d.ts +5 -5
- package/dist/index15.vue.d.cts +5 -5
- package/dist/index15.vue.d.ts +1 -1
- package/dist/index16.vue.d.cts +1 -1
- package/dist/index16.vue.d.ts +13 -129
- package/dist/index17.vue.d.cts +13 -129
- package/dist/index17.vue.d.ts +129 -76
- package/dist/index18.vue.d.cts +129 -76
- package/dist/index18.vue.d.ts +75 -71
- package/dist/index19.vue.d.cts +75 -93
- package/dist/index19.vue.d.ts +68 -90
- package/dist/index2.vue.d.cts +2 -2
- package/dist/index2.vue.d.ts +2 -2
- package/dist/index20.vue.d.cts +87 -40
- package/dist/index20.vue.d.ts +87 -40
- package/dist/index21.vue.d.cts +40 -89
- package/dist/index21.vue.d.ts +40 -89
- package/dist/index22.vue.d.cts +95 -37
- package/dist/index22.vue.d.ts +95 -37
- package/dist/index23.vue.d.cts +34 -8
- package/dist/index23.vue.d.ts +34 -8
- package/dist/index24.vue.d.cts +12 -654
- package/dist/index24.vue.d.ts +12 -654
- package/dist/index25.vue.d.cts +650 -85
- package/dist/index25.vue.d.ts +650 -85
- package/dist/index26.vue.d.cts +85 -100
- package/dist/index26.vue.d.ts +85 -100
- package/dist/index27.vue.d.cts +92 -61
- package/dist/index27.vue.d.ts +92 -61
- package/dist/index28.vue.d.cts +80 -0
- package/dist/index28.vue.d.ts +80 -0
- package/dist/index3.vue.d.cts +5 -5
- package/dist/index3.vue.d.ts +5 -5
- package/dist/index6.vue.d.ts +1 -1
- package/dist/index7.vue.d.cts +1 -1
- package/dist/index8.vue.d.ts +2 -2
- package/dist/index9.vue.d.cts +2 -2
- package/dist/index9.vue.d.ts +2 -2
- package/dist/mapUtils.d.cts +2 -2
- package/dist/mapUtils.d.ts +2 -2
- package/dist/presets.d.cts +1 -1
- package/dist/presets.d.ts +1 -1
- package/dist/resolver.cjs +1 -1
- package/dist/resolver.d.cts +1 -1
- package/dist/resolver.d.ts +1 -1
- package/dist/resolver.js +1 -1
- package/dist/style.css +424 -297
- package/dist/useCollapsePanel.d.cts +2 -2
- package/dist/useCollapsePanel.d.ts +2 -2
- package/dist/useCropperCore.d.cts +9 -9
- package/dist/useCropperCore.d.ts +9 -9
- package/dist/useDraggableLayout.d.cts +5 -5
- package/dist/useDraggableLayout.d.ts +5 -5
- package/dist/useDynamicFormState.d.cts +27 -7
- package/dist/useDynamicFormState.d.ts +27 -7
- package/dist/useEdgeInteraction.d.cts +2 -2
- package/dist/useEdgeInteraction.d.ts +2 -2
- package/dist/useInfiniteScroll.d.cts +1 -1
- package/dist/useInfiniteScroll.d.ts +1 -1
- package/dist/useQRCode.d.cts +4 -4
- package/dist/useQRCode.d.ts +4 -4
- package/dist/useSearchState.d.cts +3 -3
- package/dist/useSearchState.d.ts +3 -3
- package/dist/useSignatureHistory.d.cts +3 -3
- package/dist/useSignatureHistory.d.ts +3 -3
- package/dist/useSplitResize.d.cts +3 -3
- package/dist/useSplitResize.d.ts +3 -3
- package/dist/useTableQuery.cjs +3 -3
- package/dist/useTableQuery.d.cts +2 -0
- package/dist/useTableQuery.d.ts +2 -0
- package/dist/useTableQuery.js +3 -3
- package/dist/useTimeSelection.d.cts +2 -2
- package/dist/useTimeSelection.d.ts +2 -2
- package/dist/useTreeOperations.d.cts +6 -6
- package/dist/useTreeOperations.d.ts +6 -6
- package/dist/useWorkflowValidation.d.cts +3 -3
- package/dist/useWorkflowValidation.d.ts +3 -3
- package/dist/verification.d.cts +1 -1
- package/dist/verification.d.ts +1 -1
- package/package.json +4 -3
package/dist/C_Form.css
CHANGED
|
@@ -108,39 +108,39 @@
|
|
|
108
108
|
}
|
|
109
109
|
|
|
110
110
|
/* unplugin-vue-components disabled *//* Inline 布局样式 */
|
|
111
|
-
.c-form-inline[data-v-
|
|
111
|
+
.c-form-inline[data-v-195d0124] {
|
|
112
112
|
width: 100%;
|
|
113
113
|
min-height: 0;
|
|
114
114
|
transition: all 0.3s ease;
|
|
115
115
|
}
|
|
116
|
-
.c-form-inline-item[data-v-
|
|
116
|
+
.c-form-inline-item[data-v-195d0124] {
|
|
117
117
|
min-width: 0;
|
|
118
118
|
transition: all 0.3s ease;
|
|
119
119
|
}
|
|
120
120
|
|
|
121
121
|
/* 确保内部所有表单组件都占满容器宽度 */
|
|
122
|
-
.c-form-inline-item[data-v-
|
|
122
|
+
.c-form-inline-item[data-v-195d0124] .n-form-item {
|
|
123
123
|
width: 100%;
|
|
124
124
|
margin-bottom: 0;
|
|
125
125
|
}
|
|
126
|
-
.c-form-inline-item[data-v-
|
|
126
|
+
.c-form-inline-item[data-v-195d0124] .n-form-item-blank {
|
|
127
127
|
width: 100%;
|
|
128
128
|
}
|
|
129
|
-
.c-form-inline-item[data-v-
|
|
130
|
-
.c-form-inline-item[data-v-
|
|
131
|
-
.c-form-inline-item[data-v-
|
|
132
|
-
.c-form-inline-item[data-v-
|
|
133
|
-
.c-form-inline-item[data-v-
|
|
134
|
-
.c-form-inline-item[data-v-
|
|
135
|
-
.c-form-inline-item[data-v-
|
|
136
|
-
.c-form-inline-item[data-v-
|
|
137
|
-
.c-form-inline-item[data-v-
|
|
129
|
+
.c-form-inline-item[data-v-195d0124] .n-input,
|
|
130
|
+
.c-form-inline-item[data-v-195d0124] .n-select,
|
|
131
|
+
.c-form-inline-item[data-v-195d0124] .n-date-picker,
|
|
132
|
+
.c-form-inline-item[data-v-195d0124] .n-time-picker,
|
|
133
|
+
.c-form-inline-item[data-v-195d0124] .n-input-number,
|
|
134
|
+
.c-form-inline-item[data-v-195d0124] .n-cascader,
|
|
135
|
+
.c-form-inline-item[data-v-195d0124] .n-color-picker,
|
|
136
|
+
.c-form-inline-item[data-v-195d0124] .n-auto-complete,
|
|
137
|
+
.c-form-inline-item[data-v-195d0124] .n-tree-select {
|
|
138
138
|
width: 100% !important;
|
|
139
139
|
}
|
|
140
140
|
|
|
141
141
|
/* 单选框和复选框组保持自然宽度 */
|
|
142
|
-
.c-form-inline-item[data-v-
|
|
143
|
-
.c-form-inline-item[data-v-
|
|
142
|
+
.c-form-inline-item[data-v-195d0124] .n-radio-group,
|
|
143
|
+
.c-form-inline-item[data-v-195d0124] .n-checkbox-group {
|
|
144
144
|
width: 100%;
|
|
145
145
|
display: flex;
|
|
146
146
|
flex-wrap: wrap;
|
|
@@ -148,52 +148,53 @@
|
|
|
148
148
|
}
|
|
149
149
|
|
|
150
150
|
/* 开关组件居左对齐 */
|
|
151
|
-
.c-form-inline-item[data-v-
|
|
151
|
+
.c-form-inline-item[data-v-195d0124] .n-switch {
|
|
152
152
|
width: auto;
|
|
153
153
|
}
|
|
154
154
|
|
|
155
155
|
/* ================= 对齐方式样式增强 ================= */
|
|
156
156
|
/* 当容器使用 center 对齐时,确保表单项也居中 */
|
|
157
|
-
.c-form-inline[style*="justify-content: center"] .c-form-inline-item[data-v-
|
|
157
|
+
.c-form-inline[style*="justify-content: center"] .c-form-inline-item[data-v-195d0124] {
|
|
158
158
|
text-align: center;
|
|
159
159
|
}
|
|
160
160
|
|
|
161
161
|
/* 当容器使用 end 对齐时,确保表单项也右对齐 */
|
|
162
|
-
.c-form-inline[style*="justify-content: flex-end"] .c-form-inline-item[data-v-
|
|
162
|
+
.c-form-inline[style*="justify-content: flex-end"] .c-form-inline-item[data-v-195d0124] {
|
|
163
163
|
text-align: right;
|
|
164
164
|
}
|
|
165
165
|
|
|
166
166
|
/* 当容器使用 start 对齐时,确保表单项左对齐 */
|
|
167
|
-
.c-form-inline[style*="justify-content: flex-start"] .c-form-inline-item[data-v-
|
|
167
|
+
.c-form-inline[style*="justify-content: flex-start"] .c-form-inline-item[data-v-195d0124] {
|
|
168
168
|
text-align: left;
|
|
169
169
|
}
|
|
170
170
|
|
|
171
171
|
/* ================= 响应式设计 ================= */
|
|
172
172
|
/* 移动设备 - 改为垂直布局 */
|
|
173
173
|
@media (max-width: 768px) {
|
|
174
|
-
.c-form-inline[data-v-
|
|
174
|
+
.c-form-inline[data-v-195d0124] {
|
|
175
175
|
flex-direction: column !important;
|
|
176
176
|
gap: 12px !important;
|
|
177
177
|
justify-content: flex-start !important;
|
|
178
178
|
}
|
|
179
|
-
.c-form-inline-item[data-v-
|
|
179
|
+
.c-form-inline-item[data-v-195d0124] {
|
|
180
180
|
width: 100% !important;
|
|
181
181
|
text-align: left !important;
|
|
182
182
|
}
|
|
183
183
|
}
|
|
184
184
|
/* 小屏手机 */
|
|
185
185
|
@media (max-width: 480px) {
|
|
186
|
-
.c-form-inline[data-v-
|
|
186
|
+
.c-form-inline[data-v-195d0124] {
|
|
187
187
|
gap: 8px !important;
|
|
188
188
|
}
|
|
189
189
|
}
|
|
190
190
|
/* unplugin-vue-components disabled */
|
|
191
191
|
/* layer: default */
|
|
192
|
-
.visible[data-v-
|
|
193
|
-
.grid[data-v-
|
|
194
|
-
.inline[data-v-
|
|
195
|
-
.flex[data-v-
|
|
196
|
-
.px[data-v-
|
|
192
|
+
.visible[data-v-195d0124]{visibility:visible;}
|
|
193
|
+
.grid[data-v-195d0124]{display:grid;}
|
|
194
|
+
.inline[data-v-195d0124]{display:inline;}
|
|
195
|
+
.flex[data-v-195d0124]{display:flex;}
|
|
196
|
+
.px[data-v-195d0124]{padding-left:1rem;padding-right:1rem;}
|
|
197
|
+
.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);}
|
|
197
198
|
|
|
198
199
|
/* unplugin-vue-components disabled *//* Grid 布局样式 */
|
|
199
200
|
/* 变量定义 */
|
|
@@ -551,42 +552,42 @@ to {
|
|
|
551
552
|
.text-xs[data-v-28320dd2]{font-size:0.75rem;line-height:1rem;}
|
|
552
553
|
|
|
553
554
|
/* unplugin-vue-components disabled *//* Tabs 布局样式 */
|
|
554
|
-
.c-form-tabs[data-v-
|
|
555
|
+
.c-form-tabs[data-v-cbd5e822] {
|
|
555
556
|
width: 100%;
|
|
556
557
|
}
|
|
557
|
-
.single-panel[data-v-
|
|
558
|
+
.single-panel[data-v-cbd5e822] {
|
|
558
559
|
width: 100%;
|
|
559
560
|
}
|
|
560
|
-
.tabs-container[data-v-
|
|
561
|
+
.tabs-container[data-v-cbd5e822] {
|
|
561
562
|
width: 100%;
|
|
562
563
|
}
|
|
563
|
-
.form-tabs[data-v-
|
|
564
|
+
.form-tabs[data-v-cbd5e822] {
|
|
564
565
|
width: 100%;
|
|
565
566
|
}
|
|
566
|
-
.tab-icon[data-v-
|
|
567
|
+
.tab-icon[data-v-cbd5e822] {
|
|
567
568
|
font-size: 16px;
|
|
568
569
|
display: inline-flex;
|
|
569
570
|
align-items: center;
|
|
570
571
|
justify-content: center;
|
|
571
572
|
}
|
|
572
|
-
.tab-header[data-v-
|
|
573
|
+
.tab-header[data-v-cbd5e822] {
|
|
573
574
|
margin-bottom: 16px;
|
|
574
575
|
padding-bottom: 12px;
|
|
575
576
|
border-bottom: 1px solid var(--n-border-color);
|
|
576
577
|
}
|
|
577
|
-
.tab-description[data-v-
|
|
578
|
+
.tab-description[data-v-cbd5e822] {
|
|
578
579
|
margin: 0;
|
|
579
580
|
font-size: 14px;
|
|
580
581
|
line-height: 1.5;
|
|
581
582
|
opacity: 0.8;
|
|
582
583
|
}
|
|
583
|
-
.tab-form-items[data-v-
|
|
584
|
+
.tab-form-items[data-v-cbd5e822] {
|
|
584
585
|
width: 100%;
|
|
585
586
|
}
|
|
586
|
-
.tab-empty[data-v-
|
|
587
|
+
.tab-empty[data-v-cbd5e822] {
|
|
587
588
|
padding: 40px 0;
|
|
588
589
|
}
|
|
589
|
-
.tabs-actions[data-v-
|
|
590
|
+
.tabs-actions[data-v-cbd5e822] {
|
|
590
591
|
margin-top: 16px;
|
|
591
592
|
padding-top: 12px;
|
|
592
593
|
border-top: 1px solid var(--n-border-color);
|
|
@@ -594,69 +595,70 @@ to {
|
|
|
594
595
|
|
|
595
596
|
/* 响应式设计 */
|
|
596
597
|
@media (max-width: 768px) {
|
|
597
|
-
.tabs-actions[data-v-
|
|
598
|
+
.tabs-actions[data-v-cbd5e822] {
|
|
598
599
|
margin-top: 12px;
|
|
599
600
|
padding-top: 8px;
|
|
600
601
|
}
|
|
601
|
-
.tabs-actions[data-v-
|
|
602
|
+
.tabs-actions[data-v-cbd5e822] .n-space {
|
|
602
603
|
flex-wrap: wrap;
|
|
603
604
|
}
|
|
604
605
|
}
|
|
605
606
|
/* unplugin-vue-components disabled */
|
|
606
607
|
/* layer: default */
|
|
607
|
-
.visible[data-v-
|
|
608
|
-
.grid[data-v-
|
|
609
|
-
.inline[data-v-
|
|
610
|
-
.tab[data-v-
|
|
608
|
+
.visible[data-v-cbd5e822]{visibility:visible;}
|
|
609
|
+
.grid[data-v-cbd5e822]{display:grid;}
|
|
610
|
+
.inline[data-v-cbd5e822]{display:inline;}
|
|
611
|
+
.tab[data-v-cbd5e822]{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}
|
|
612
|
+
.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);}
|
|
611
613
|
|
|
612
614
|
/* unplugin-vue-components disabled *//* Steps 布局样式 */
|
|
613
|
-
.c-form-steps[data-v-
|
|
615
|
+
.c-form-steps[data-v-ee5e4509] {
|
|
614
616
|
display: flex;
|
|
615
617
|
flex-direction: column;
|
|
616
618
|
gap: 24px;
|
|
617
619
|
}
|
|
618
|
-
.single-panel[data-v-
|
|
620
|
+
.single-panel[data-v-ee5e4509] {
|
|
619
621
|
width: 100%;
|
|
620
622
|
}
|
|
621
|
-
.steps-container[data-v-
|
|
623
|
+
.steps-container[data-v-ee5e4509] {
|
|
622
624
|
display: flex;
|
|
623
625
|
flex-direction: column;
|
|
624
626
|
gap: 24px;
|
|
625
627
|
}
|
|
626
|
-
.steps-indicator[data-v-
|
|
628
|
+
.steps-indicator[data-v-ee5e4509] {
|
|
627
629
|
padding: 24px;
|
|
628
630
|
border-radius: 8px;
|
|
629
631
|
}
|
|
630
|
-
.steps-content[data-v-
|
|
632
|
+
.steps-content[data-v-ee5e4509] {
|
|
631
633
|
min-height: 400px;
|
|
632
634
|
}
|
|
633
|
-
.step-panel[data-v-
|
|
634
|
-
animation: fadeIn-
|
|
635
|
+
.step-panel[data-v-ee5e4509] {
|
|
636
|
+
animation: fadeIn-ee5e4509 0.3s ease-in-out;
|
|
635
637
|
}
|
|
636
|
-
.step-header[data-v-
|
|
638
|
+
.step-header[data-v-ee5e4509] {
|
|
637
639
|
margin-bottom: 24px;
|
|
638
640
|
padding-bottom: 16px;
|
|
639
641
|
border-bottom: 1px solid var(--n-border-color);
|
|
640
642
|
}
|
|
641
|
-
.step-title[data-v-
|
|
643
|
+
.step-title[data-v-ee5e4509] {
|
|
642
644
|
margin: 0 0 8px 0;
|
|
643
645
|
font-size: 18px;
|
|
644
646
|
font-weight: 600;
|
|
645
647
|
}
|
|
646
|
-
.step-description[data-v-
|
|
648
|
+
.step-description[data-v-ee5e4509] {
|
|
647
649
|
margin: 0;
|
|
648
650
|
font-size: 14px;
|
|
649
651
|
line-height: 1.5;
|
|
650
652
|
}
|
|
651
|
-
.step-form-items[data-v-
|
|
653
|
+
.step-form-items[data-v-ee5e4509] {
|
|
652
654
|
width: 100%;
|
|
653
655
|
}
|
|
654
|
-
.steps-actions[data-v-
|
|
656
|
+
.steps-actions[data-v-ee5e4509] {
|
|
655
657
|
margin-top: 24px;
|
|
656
658
|
padding-top: 16px;
|
|
657
659
|
border-top: 1px solid var(--n-border-color);
|
|
658
660
|
}
|
|
659
|
-
@keyframes fadeIn-
|
|
661
|
+
@keyframes fadeIn-ee5e4509 {
|
|
660
662
|
from {
|
|
661
663
|
opacity: 0;
|
|
662
664
|
transform: translateY(8px);
|
|
@@ -667,77 +669,78 @@ to {
|
|
|
667
669
|
}
|
|
668
670
|
}
|
|
669
671
|
/* 垂直步骤样式:由组件状态驱动,避免 scoped CSS 生成无效的 :has/:deep 组合。 */
|
|
670
|
-
.steps-container.is-vertical[data-v-
|
|
672
|
+
.steps-container.is-vertical[data-v-ee5e4509] {
|
|
671
673
|
flex-direction: row;
|
|
672
674
|
align-items: flex-start;
|
|
673
675
|
}
|
|
674
|
-
.steps-container.is-vertical .steps-indicator[data-v-
|
|
676
|
+
.steps-container.is-vertical .steps-indicator[data-v-ee5e4509] {
|
|
675
677
|
flex-shrink: 0;
|
|
676
678
|
width: 250px;
|
|
677
679
|
margin-right: 24px;
|
|
678
680
|
}
|
|
679
|
-
.steps-container.is-vertical .steps-content[data-v-
|
|
681
|
+
.steps-container.is-vertical .steps-content[data-v-ee5e4509] {
|
|
680
682
|
flex: 1;
|
|
681
683
|
}
|
|
682
684
|
|
|
683
685
|
/* 响应式设计 */
|
|
684
686
|
@media (max-width: 768px) {
|
|
685
|
-
.steps-container.is-vertical[data-v-
|
|
687
|
+
.steps-container.is-vertical[data-v-ee5e4509] {
|
|
686
688
|
flex-direction: column !important;
|
|
687
689
|
}
|
|
688
|
-
.steps-container.is-vertical .steps-indicator[data-v-
|
|
690
|
+
.steps-container.is-vertical .steps-indicator[data-v-ee5e4509] {
|
|
689
691
|
width: 100% !important;
|
|
690
692
|
margin-right: 0 !important;
|
|
691
693
|
margin-bottom: 16px;
|
|
692
694
|
}
|
|
693
695
|
}
|
|
694
696
|
@media (prefers-reduced-motion: reduce) {
|
|
695
|
-
.step-panel[data-v-
|
|
697
|
+
.step-panel[data-v-ee5e4509] {
|
|
696
698
|
animation: none !important;
|
|
697
699
|
}
|
|
698
700
|
}
|
|
699
701
|
/* unplugin-vue-components disabled */
|
|
700
702
|
/* layer: default */
|
|
701
|
-
.visible[data-v-
|
|
702
|
-
.grid[data-v-
|
|
703
|
-
.inline[data-v-
|
|
703
|
+
.visible[data-v-ee5e4509]{visibility:visible;}
|
|
704
|
+
.grid[data-v-ee5e4509]{display:grid;}
|
|
705
|
+
.inline[data-v-ee5e4509]{display:inline;}
|
|
706
|
+
.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);}
|
|
704
707
|
|
|
705
708
|
/* unplugin-vue-components disabled *//* Dynamic 布局样式 */
|
|
706
|
-
.c-form-dynamic[data-v-
|
|
709
|
+
.c-form-dynamic[data-v-1779d19c] {
|
|
707
710
|
width: 100%;
|
|
708
711
|
}
|
|
709
|
-
.dynamic-controls[data-v-
|
|
710
|
-
.dynamic-controls-fallback[data-v-
|
|
712
|
+
.dynamic-controls[data-v-1779d19c],
|
|
713
|
+
.dynamic-controls-fallback[data-v-1779d19c] {
|
|
711
714
|
margin-bottom: 16px;
|
|
712
715
|
}
|
|
713
|
-
.dynamic-stats[data-v-
|
|
716
|
+
.dynamic-stats[data-v-1779d19c] {
|
|
714
717
|
margin-top: 16px;
|
|
715
718
|
padding-top: 12px;
|
|
716
719
|
border-top: 1px solid var(--n-divider-color);
|
|
717
720
|
}
|
|
718
|
-
.dynamic-item-wrapper[data-v-
|
|
721
|
+
.dynamic-item-wrapper[data-v-1779d19c] {
|
|
719
722
|
position: relative;
|
|
720
723
|
transition: all 0.3s ease;
|
|
721
|
-
animation: fadeInUp-
|
|
724
|
+
animation: fadeInUp-1779d19c 0.3s ease-out;
|
|
722
725
|
}
|
|
723
|
-
.dynamic-item-wrapper.is-dynamic-field[data-v-
|
|
726
|
+
.dynamic-item-wrapper.is-dynamic-field[data-v-1779d19c] {
|
|
724
727
|
border: 1px dashed var(--n-color-primary);
|
|
725
728
|
border-radius: 6px;
|
|
726
729
|
padding: 8px;
|
|
727
730
|
background-color: var(--n-color-primary-suppl);
|
|
728
731
|
}
|
|
729
|
-
.max-fields-config[data-v-
|
|
732
|
+
.max-fields-config[data-v-1779d19c] {
|
|
730
733
|
display: flex;
|
|
731
734
|
align-items: center;
|
|
732
735
|
gap: 8px;
|
|
733
736
|
font-size: 14px;
|
|
734
737
|
}
|
|
735
|
-
.max-fields-config span[data-v-
|
|
738
|
+
.max-fields-config span[data-v-1779d19c] {
|
|
736
739
|
font-weight: 500;
|
|
737
740
|
white-space: nowrap;
|
|
738
741
|
color: var(--n-text-color-2);
|
|
739
742
|
}
|
|
740
|
-
@keyframes fadeInUp-
|
|
743
|
+
@keyframes fadeInUp-1779d19c {
|
|
741
744
|
from {
|
|
742
745
|
opacity: 0;
|
|
743
746
|
transform: translateY(10px);
|
|
@@ -749,125 +752,126 @@ to {
|
|
|
749
752
|
}
|
|
750
753
|
/* 响应式设计 */
|
|
751
754
|
@media (max-width: 768px) {
|
|
752
|
-
.dynamic-controls[data-v-
|
|
753
|
-
.dynamic-controls-fallback[data-v-
|
|
755
|
+
.dynamic-controls[data-v-1779d19c],
|
|
756
|
+
.dynamic-controls-fallback[data-v-1779d19c] {
|
|
754
757
|
margin-bottom: 12px;
|
|
755
758
|
}
|
|
756
|
-
.dynamic-stats[data-v-
|
|
759
|
+
.dynamic-stats[data-v-1779d19c] {
|
|
757
760
|
margin-top: 12px;
|
|
758
761
|
}
|
|
759
|
-
.dynamic-item-wrapper.is-dynamic-field[data-v-
|
|
762
|
+
.dynamic-item-wrapper.is-dynamic-field[data-v-1779d19c] {
|
|
760
763
|
padding: 6px;
|
|
761
764
|
}
|
|
762
|
-
.max-fields-config[data-v-
|
|
765
|
+
.max-fields-config[data-v-1779d19c] {
|
|
763
766
|
margin-top: 8px;
|
|
764
767
|
}
|
|
765
768
|
}
|
|
766
769
|
/* 辅助功能 */
|
|
767
770
|
@media (prefers-reduced-motion: reduce) {
|
|
768
|
-
.dynamic-item-wrapper[data-v-
|
|
771
|
+
.dynamic-item-wrapper[data-v-1779d19c] {
|
|
769
772
|
animation: none !important;
|
|
770
773
|
transition: none !important;
|
|
771
774
|
}
|
|
772
775
|
}
|
|
773
776
|
@media (prefers-contrast: high) {
|
|
774
|
-
.dynamic-item-wrapper.is-dynamic-field[data-v-
|
|
777
|
+
.dynamic-item-wrapper.is-dynamic-field[data-v-1779d19c] {
|
|
775
778
|
border-width: 2px;
|
|
776
779
|
border-color: currentColor;
|
|
777
780
|
}
|
|
778
781
|
}
|
|
779
782
|
/* unplugin-vue-components disabled */
|
|
780
783
|
/* layer: default */
|
|
781
|
-
.visible[data-v-
|
|
782
|
-
.grid[data-v-
|
|
783
|
-
.inline[data-v-
|
|
784
|
+
.visible[data-v-1779d19c]{visibility:visible;}
|
|
785
|
+
.grid[data-v-1779d19c]{display:grid;}
|
|
786
|
+
.inline[data-v-1779d19c]{display:inline;}
|
|
787
|
+
.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);}
|
|
784
788
|
|
|
785
789
|
/* unplugin-vue-components disabled *//* Custom 布局样式 */
|
|
786
|
-
.custom-layout .toolbar-card[data-v-
|
|
790
|
+
.custom-layout .toolbar-card[data-v-858beb3e] {
|
|
787
791
|
margin-bottom: 16px;
|
|
788
792
|
}
|
|
789
|
-
.custom-layout .toolbar-card .toolbar-content[data-v-
|
|
793
|
+
.custom-layout .toolbar-card .toolbar-content[data-v-858beb3e] {
|
|
790
794
|
display: flex;
|
|
791
795
|
justify-content: space-between;
|
|
792
796
|
align-items: center;
|
|
793
797
|
flex-wrap: wrap;
|
|
794
798
|
gap: 16px;
|
|
795
799
|
}
|
|
796
|
-
.custom-layout .toolbar-card .toolbar-content .mode-section[data-v-
|
|
797
|
-
.custom-layout .toolbar-card .toolbar-content .stats-section[data-v-
|
|
798
|
-
.custom-layout .toolbar-card .toolbar-content .actions-section[data-v-
|
|
800
|
+
.custom-layout .toolbar-card .toolbar-content .mode-section[data-v-858beb3e],
|
|
801
|
+
.custom-layout .toolbar-card .toolbar-content .stats-section[data-v-858beb3e],
|
|
802
|
+
.custom-layout .toolbar-card .toolbar-content .actions-section[data-v-858beb3e] {
|
|
799
803
|
display: flex;
|
|
800
804
|
align-items: center;
|
|
801
805
|
gap: 12px;
|
|
802
806
|
}
|
|
803
|
-
.custom-layout .toolbar-card .toolbar-content .section-label[data-v-
|
|
807
|
+
.custom-layout .toolbar-card .toolbar-content .section-label[data-v-858beb3e] {
|
|
804
808
|
font-size: 14px;
|
|
805
809
|
font-weight: 500;
|
|
806
810
|
}
|
|
807
|
-
.custom-layout .toolbar-card .toolbar-content .stat-item[data-v-
|
|
811
|
+
.custom-layout .toolbar-card .toolbar-content .stat-item[data-v-858beb3e] {
|
|
808
812
|
text-align: center;
|
|
809
813
|
min-width: 60px;
|
|
810
814
|
}
|
|
811
|
-
.custom-layout .toolbar-card .toolbar-content .stat-item .stat-value[data-v-
|
|
815
|
+
.custom-layout .toolbar-card .toolbar-content .stat-item .stat-value[data-v-858beb3e] {
|
|
812
816
|
display: block;
|
|
813
817
|
font-size: 18px;
|
|
814
818
|
font-weight: 600;
|
|
815
819
|
color: var(--n-primary-color);
|
|
816
820
|
}
|
|
817
|
-
.custom-layout .toolbar-card .toolbar-content .stat-item .stat-label[data-v-
|
|
821
|
+
.custom-layout .toolbar-card .toolbar-content .stat-item .stat-label[data-v-858beb3e] {
|
|
818
822
|
font-size: 12px;
|
|
819
823
|
opacity: 0.7;
|
|
820
824
|
margin-top: 4px;
|
|
821
825
|
}
|
|
822
|
-
.custom-layout .design-panel[data-v-
|
|
826
|
+
.custom-layout .design-panel[data-v-858beb3e] {
|
|
823
827
|
margin-bottom: 16px;
|
|
824
828
|
}
|
|
825
|
-
.custom-layout .design-panel .design-tools[data-v-
|
|
829
|
+
.custom-layout .design-panel .design-tools[data-v-858beb3e] {
|
|
826
830
|
display: flex;
|
|
827
831
|
gap: 24px;
|
|
828
832
|
flex-wrap: wrap;
|
|
829
833
|
}
|
|
830
|
-
.custom-layout .design-panel .design-tools .tool-group[data-v-
|
|
834
|
+
.custom-layout .design-panel .design-tools .tool-group[data-v-858beb3e] {
|
|
831
835
|
display: flex;
|
|
832
836
|
align-items: center;
|
|
833
837
|
gap: 8px;
|
|
834
838
|
}
|
|
835
|
-
.custom-layout .design-panel .design-tools .tool-group .group-label[data-v-
|
|
839
|
+
.custom-layout .design-panel .design-tools .tool-group .group-label[data-v-858beb3e] {
|
|
836
840
|
font-size: 14px;
|
|
837
841
|
font-weight: 500;
|
|
838
842
|
margin-right: 4px;
|
|
839
843
|
}
|
|
840
|
-
.custom-layout .layout-canvas[data-v-
|
|
844
|
+
.custom-layout .layout-canvas[data-v-858beb3e] {
|
|
841
845
|
min-height: 200px;
|
|
842
846
|
}
|
|
843
|
-
.custom-layout .layout-canvas.design-mode[data-v-
|
|
847
|
+
.custom-layout .layout-canvas.design-mode[data-v-858beb3e] {
|
|
844
848
|
border: 2px dashed var(--n-border-color);
|
|
845
849
|
border-radius: 8px;
|
|
846
850
|
padding: 16px;
|
|
847
851
|
background: var(--n-body-color);
|
|
848
852
|
}
|
|
849
|
-
.custom-layout .layout-canvas .canvas-hint[data-v-
|
|
853
|
+
.custom-layout .layout-canvas .canvas-hint[data-v-858beb3e] {
|
|
850
854
|
display: flex;
|
|
851
855
|
align-items: center;
|
|
852
856
|
justify-content: center;
|
|
853
857
|
height: 120px;
|
|
854
858
|
text-align: center;
|
|
855
859
|
}
|
|
856
|
-
.custom-layout .layout-canvas .canvas-hint .hint-content h3[data-v-
|
|
860
|
+
.custom-layout .layout-canvas .canvas-hint .hint-content h3[data-v-858beb3e] {
|
|
857
861
|
margin: 0 0 8px 0;
|
|
858
862
|
font-size: 18px;
|
|
859
863
|
}
|
|
860
|
-
.custom-layout .layout-canvas .canvas-hint .hint-content p[data-v-
|
|
864
|
+
.custom-layout .layout-canvas .canvas-hint .hint-content p[data-v-858beb3e] {
|
|
861
865
|
margin: 0;
|
|
862
866
|
opacity: 0.7;
|
|
863
867
|
font-size: 14px;
|
|
864
868
|
}
|
|
865
|
-
.custom-layout .layout-canvas .areas-container[data-v-
|
|
869
|
+
.custom-layout .layout-canvas .areas-container[data-v-858beb3e] {
|
|
866
870
|
display: flex;
|
|
867
871
|
flex-wrap: wrap;
|
|
868
872
|
gap: 16px;
|
|
869
873
|
}
|
|
870
|
-
.custom-layout .layout-canvas .custom-area[data-v-
|
|
874
|
+
.custom-layout .layout-canvas .custom-area[data-v-858beb3e] {
|
|
871
875
|
border: 1px solid var(--n-border-color);
|
|
872
876
|
border-radius: 8px;
|
|
873
877
|
background: var(--n-card-color);
|
|
@@ -876,7 +880,7 @@ to {
|
|
|
876
880
|
flex: 1;
|
|
877
881
|
min-width: 250px;
|
|
878
882
|
}
|
|
879
|
-
.custom-layout .layout-canvas .custom-area .area-header[data-v-
|
|
883
|
+
.custom-layout .layout-canvas .custom-area .area-header[data-v-858beb3e] {
|
|
880
884
|
display: flex;
|
|
881
885
|
justify-content: space-between;
|
|
882
886
|
align-items: center;
|
|
@@ -884,12 +888,12 @@ to {
|
|
|
884
888
|
padding-bottom: 8px;
|
|
885
889
|
border-bottom: 1px solid var(--n-divider-color);
|
|
886
890
|
}
|
|
887
|
-
.custom-layout .layout-canvas .custom-area .area-header .area-info[data-v-
|
|
891
|
+
.custom-layout .layout-canvas .custom-area .area-header .area-info[data-v-858beb3e] {
|
|
888
892
|
display: flex;
|
|
889
893
|
align-items: center;
|
|
890
894
|
gap: 8px;
|
|
891
895
|
}
|
|
892
|
-
.custom-layout .layout-canvas .custom-area .area-header .area-info .area-title[data-v-
|
|
896
|
+
.custom-layout .layout-canvas .custom-area .area-header .area-info .area-title[data-v-858beb3e] {
|
|
893
897
|
font-weight: 600;
|
|
894
898
|
font-size: 14px;
|
|
895
899
|
cursor: pointer;
|
|
@@ -897,25 +901,25 @@ to {
|
|
|
897
901
|
border-radius: 4px;
|
|
898
902
|
transition: all 0.2s ease;
|
|
899
903
|
}
|
|
900
|
-
.custom-layout .layout-canvas .custom-area .area-header .area-info .area-title[data-v-
|
|
904
|
+
.custom-layout .layout-canvas .custom-area .area-header .area-info .area-title[data-v-858beb3e]:hover {
|
|
901
905
|
background: var(--n-button-color-hover);
|
|
902
906
|
color: var(--n-primary-color);
|
|
903
907
|
}
|
|
904
|
-
.custom-layout .layout-canvas .custom-area .area-header .area-info .title-input[data-v-
|
|
908
|
+
.custom-layout .layout-canvas .custom-area .area-header .area-info .title-input[data-v-858beb3e] {
|
|
905
909
|
min-width: 120px;
|
|
906
910
|
max-width: 200px;
|
|
907
911
|
}
|
|
908
|
-
.custom-layout .layout-canvas .custom-area .area-header .area-controls[data-v-
|
|
912
|
+
.custom-layout .layout-canvas .custom-area .area-header .area-controls[data-v-858beb3e] {
|
|
909
913
|
display: flex;
|
|
910
914
|
gap: 4px;
|
|
911
915
|
}
|
|
912
|
-
.custom-layout .layout-canvas .custom-area .area-fields[data-v-
|
|
916
|
+
.custom-layout .layout-canvas .custom-area .area-fields[data-v-858beb3e] {
|
|
913
917
|
display: flex;
|
|
914
918
|
flex-direction: column;
|
|
915
919
|
gap: 8px;
|
|
916
920
|
min-height: 60px;
|
|
917
921
|
}
|
|
918
|
-
.custom-layout .layout-canvas .custom-area .area-drop-zone[data-v-
|
|
922
|
+
.custom-layout .layout-canvas .custom-area .area-drop-zone[data-v-858beb3e] {
|
|
919
923
|
display: flex;
|
|
920
924
|
align-items: center;
|
|
921
925
|
justify-content: center;
|
|
@@ -928,21 +932,21 @@ to {
|
|
|
928
932
|
background: var(--n-body-color);
|
|
929
933
|
margin-top: 8px;
|
|
930
934
|
}
|
|
931
|
-
.custom-layout .layout-canvas .custom-area .area-drop-zone[data-v-
|
|
935
|
+
.custom-layout .layout-canvas .custom-area .area-drop-zone[data-v-858beb3e]:hover {
|
|
932
936
|
border-color: var(--n-primary-color);
|
|
933
937
|
opacity: 1;
|
|
934
938
|
}
|
|
935
|
-
.custom-layout .layout-canvas .custom-area.area-horizontal .area-fields[data-v-
|
|
939
|
+
.custom-layout .layout-canvas .custom-area.area-horizontal .area-fields[data-v-858beb3e] {
|
|
936
940
|
flex-direction: row;
|
|
937
941
|
flex-wrap: wrap;
|
|
938
942
|
gap: 12px;
|
|
939
943
|
}
|
|
940
|
-
.custom-layout .layout-canvas .custom-area.area-grid .area-fields[data-v-
|
|
944
|
+
.custom-layout .layout-canvas .custom-area.area-grid .area-fields[data-v-858beb3e] {
|
|
941
945
|
display: grid;
|
|
942
946
|
grid-template-columns: repeat(2, 1fr);
|
|
943
947
|
gap: 8px;
|
|
944
948
|
}
|
|
945
|
-
.custom-layout .layout-canvas .field-item[data-v-
|
|
949
|
+
.custom-layout .layout-canvas .field-item[data-v-858beb3e] {
|
|
946
950
|
border: 1px solid var(--n-border-color);
|
|
947
951
|
border-radius: 6px;
|
|
948
952
|
background: var(--n-body-color);
|
|
@@ -951,18 +955,18 @@ to {
|
|
|
951
955
|
cursor: move;
|
|
952
956
|
transition: all 0.2s ease;
|
|
953
957
|
}
|
|
954
|
-
.custom-layout .layout-canvas .field-item[data-v-
|
|
958
|
+
.custom-layout .layout-canvas .field-item[data-v-858beb3e]:hover {
|
|
955
959
|
border-color: var(--n-primary-color);
|
|
956
960
|
transform: translateY(-1px);
|
|
957
961
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
|
|
958
962
|
}
|
|
959
|
-
.custom-layout .layout-canvas .field-item .field-preview[data-v-
|
|
963
|
+
.custom-layout .layout-canvas .field-item .field-preview[data-v-858beb3e] {
|
|
960
964
|
display: flex;
|
|
961
965
|
justify-content: space-between;
|
|
962
966
|
align-items: center;
|
|
963
967
|
gap: 8px;
|
|
964
968
|
}
|
|
965
|
-
.custom-layout .layout-canvas .field-item .field-preview .field-label[data-v-
|
|
969
|
+
.custom-layout .layout-canvas .field-item .field-preview .field-label[data-v-858beb3e] {
|
|
966
970
|
font-size: 13px;
|
|
967
971
|
font-weight: 500;
|
|
968
972
|
flex: 1;
|
|
@@ -970,7 +974,7 @@ to {
|
|
|
970
974
|
text-overflow: ellipsis;
|
|
971
975
|
white-space: nowrap;
|
|
972
976
|
}
|
|
973
|
-
.custom-layout .layout-canvas .field-item .field-preview .field-type[data-v-
|
|
977
|
+
.custom-layout .layout-canvas .field-item .field-preview .field-type[data-v-858beb3e] {
|
|
974
978
|
font-size: 11px;
|
|
975
979
|
opacity: 0.6;
|
|
976
980
|
background: var(--n-tag-color);
|
|
@@ -978,15 +982,15 @@ to {
|
|
|
978
982
|
border-radius: 4px;
|
|
979
983
|
flex-shrink: 0;
|
|
980
984
|
}
|
|
981
|
-
.custom-layout .layout-canvas .field-pool[data-v-
|
|
985
|
+
.custom-layout .layout-canvas .field-pool[data-v-858beb3e] {
|
|
982
986
|
margin-top: 16px;
|
|
983
987
|
}
|
|
984
|
-
.custom-layout .layout-canvas .field-pool .pool-fields-grid[data-v-
|
|
988
|
+
.custom-layout .layout-canvas .field-pool .pool-fields-grid[data-v-858beb3e] {
|
|
985
989
|
display: grid;
|
|
986
990
|
grid-template-columns: repeat(4, 1fr);
|
|
987
991
|
gap: 12px;
|
|
988
992
|
}
|
|
989
|
-
.custom-layout .layout-canvas .field-pool .pool-field[data-v-
|
|
993
|
+
.custom-layout .layout-canvas .field-pool .pool-field[data-v-858beb3e] {
|
|
990
994
|
border: 1px solid var(--n-border-color);
|
|
991
995
|
border-radius: 6px;
|
|
992
996
|
background: var(--n-card-color);
|
|
@@ -998,12 +1002,12 @@ to {
|
|
|
998
1002
|
justify-content: space-between;
|
|
999
1003
|
align-items: center;
|
|
1000
1004
|
}
|
|
1001
|
-
.custom-layout .layout-canvas .field-pool .pool-field[data-v-
|
|
1005
|
+
.custom-layout .layout-canvas .field-pool .pool-field[data-v-858beb3e]:hover {
|
|
1002
1006
|
border-color: var(--n-primary-color);
|
|
1003
1007
|
transform: translateY(-1px);
|
|
1004
1008
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
|
|
1005
1009
|
}
|
|
1006
|
-
.custom-layout .layout-canvas .field-pool .pool-field .field-name[data-v-
|
|
1010
|
+
.custom-layout .layout-canvas .field-pool .pool-field .field-name[data-v-858beb3e] {
|
|
1007
1011
|
font-size: 13px;
|
|
1008
1012
|
font-weight: 500;
|
|
1009
1013
|
flex: 1;
|
|
@@ -1011,90 +1015,90 @@ to {
|
|
|
1011
1015
|
text-overflow: ellipsis;
|
|
1012
1016
|
white-space: nowrap;
|
|
1013
1017
|
}
|
|
1014
|
-
.custom-layout .layout-canvas .field-pool .pool-field .field-type-tag[data-v-
|
|
1018
|
+
.custom-layout .layout-canvas .field-pool .pool-field .field-type-tag[data-v-858beb3e] {
|
|
1015
1019
|
font-size: 11px;
|
|
1016
1020
|
padding: 2px 8px;
|
|
1017
1021
|
border-radius: 4px;
|
|
1018
1022
|
background: var(--n-tag-color);
|
|
1019
1023
|
flex-shrink: 0;
|
|
1020
1024
|
}
|
|
1021
|
-
.custom-layout .layout-canvas .empty-layout[data-v-
|
|
1025
|
+
.custom-layout .layout-canvas .empty-layout[data-v-858beb3e] {
|
|
1022
1026
|
display: flex;
|
|
1023
1027
|
align-items: center;
|
|
1024
1028
|
justify-content: center;
|
|
1025
1029
|
height: 120px;
|
|
1026
1030
|
padding: 16px;
|
|
1027
1031
|
}
|
|
1028
|
-
.custom-layout .layout-canvas .form-areas[data-v-
|
|
1032
|
+
.custom-layout .layout-canvas .form-areas[data-v-858beb3e] {
|
|
1029
1033
|
display: flex;
|
|
1030
1034
|
flex-wrap: wrap;
|
|
1031
1035
|
gap: 16px;
|
|
1032
1036
|
align-items: flex-start;
|
|
1033
1037
|
}
|
|
1034
|
-
.custom-layout .layout-canvas .form-areas .form-area[data-v-
|
|
1038
|
+
.custom-layout .layout-canvas .form-areas .form-area[data-v-858beb3e] {
|
|
1035
1039
|
flex: 1;
|
|
1036
1040
|
min-width: 250px;
|
|
1037
1041
|
}
|
|
1038
|
-
.custom-layout .layout-canvas .form-areas .form-area.area-vertical[data-v-
|
|
1042
|
+
.custom-layout .layout-canvas .form-areas .form-area.area-vertical[data-v-858beb3e] {
|
|
1039
1043
|
width: 100%;
|
|
1040
1044
|
}
|
|
1041
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1045
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] {
|
|
1042
1046
|
display: flex;
|
|
1043
1047
|
flex-direction: column;
|
|
1044
1048
|
gap: 16px;
|
|
1045
1049
|
/* 统一表单项宽度 */
|
|
1046
1050
|
}
|
|
1047
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1051
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item {
|
|
1048
1052
|
width: 100%;
|
|
1049
1053
|
}
|
|
1050
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1054
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank {
|
|
1051
1055
|
width: 100%;
|
|
1052
1056
|
/* 统一输入控件宽度 */
|
|
1053
1057
|
}
|
|
1054
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1055
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1056
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1057
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1058
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1059
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1060
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1061
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1062
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1063
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1064
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1058
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-input,
|
|
1059
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-select,
|
|
1060
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-date-picker,
|
|
1061
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-input-number,
|
|
1062
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-textarea,
|
|
1063
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-radio-group,
|
|
1064
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-checkbox-group,
|
|
1065
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-cascader,
|
|
1066
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-tree-select,
|
|
1067
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-time-picker,
|
|
1068
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-color-picker {
|
|
1065
1069
|
width: 100% !important;
|
|
1066
1070
|
max-width: 100% !important;
|
|
1067
1071
|
}
|
|
1068
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1072
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank {
|
|
1069
1073
|
/* 特殊控件的额外处理 */
|
|
1070
1074
|
}
|
|
1071
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1072
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1075
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-radio-group,
|
|
1076
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-checkbox-group {
|
|
1073
1077
|
display: flex;
|
|
1074
1078
|
flex-wrap: wrap;
|
|
1075
1079
|
gap: 8px;
|
|
1076
1080
|
}
|
|
1077
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-horizontal[data-v-
|
|
1081
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-horizontal[data-v-858beb3e] {
|
|
1078
1082
|
flex-direction: row;
|
|
1079
1083
|
flex-wrap: wrap;
|
|
1080
1084
|
gap: 12px;
|
|
1081
1085
|
}
|
|
1082
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-horizontal[data-v-
|
|
1086
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-horizontal[data-v-858beb3e] .n-form-item {
|
|
1083
1087
|
flex: 1;
|
|
1084
1088
|
min-width: 200px;
|
|
1085
1089
|
}
|
|
1086
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-grid[data-v-
|
|
1090
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-grid[data-v-858beb3e] {
|
|
1087
1091
|
display: grid;
|
|
1088
1092
|
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
|
|
1089
1093
|
gap: 16px;
|
|
1090
1094
|
}
|
|
1091
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-grid[data-v-
|
|
1095
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-grid[data-v-858beb3e] .n-form-item {
|
|
1092
1096
|
width: 100%;
|
|
1093
1097
|
}
|
|
1094
1098
|
|
|
1095
1099
|
/* 拖拽状态 */
|
|
1096
|
-
.area-ghost[data-v-
|
|
1097
|
-
.field-ghost[data-v-
|
|
1100
|
+
.area-ghost[data-v-858beb3e],
|
|
1101
|
+
.field-ghost[data-v-858beb3e] {
|
|
1098
1102
|
opacity: 0.5;
|
|
1099
1103
|
background: var(--n-primary-color-suppl);
|
|
1100
1104
|
border: 2px dashed var(--n-primary-color);
|
|
@@ -1103,42 +1107,43 @@ to {
|
|
|
1103
1107
|
|
|
1104
1108
|
/* 响应式 */
|
|
1105
1109
|
@media (max-width: 1024px) {
|
|
1106
|
-
.custom-layout .toolbar-content[data-v-
|
|
1110
|
+
.custom-layout .toolbar-content[data-v-858beb3e] {
|
|
1107
1111
|
flex-direction: column;
|
|
1108
1112
|
gap: 12px;
|
|
1109
1113
|
}
|
|
1110
|
-
.custom-layout .layout-canvas .areas-container[data-v-
|
|
1114
|
+
.custom-layout .layout-canvas .areas-container[data-v-858beb3e] {
|
|
1111
1115
|
flex-direction: column;
|
|
1112
1116
|
}
|
|
1113
1117
|
}
|
|
1114
1118
|
@media (max-width: 768px) {
|
|
1115
|
-
.custom-layout .design-tools[data-v-
|
|
1119
|
+
.custom-layout .design-tools[data-v-858beb3e] {
|
|
1116
1120
|
flex-direction: column;
|
|
1117
1121
|
gap: 12px;
|
|
1118
1122
|
}
|
|
1119
|
-
.custom-layout .layout-canvas.design-mode[data-v-
|
|
1123
|
+
.custom-layout .layout-canvas.design-mode[data-v-858beb3e] {
|
|
1120
1124
|
padding: 12px;
|
|
1121
1125
|
}
|
|
1122
|
-
.custom-layout .custom-area[data-v-
|
|
1126
|
+
.custom-layout .custom-area[data-v-858beb3e] {
|
|
1123
1127
|
padding: 12px;
|
|
1124
1128
|
min-height: 100px;
|
|
1125
1129
|
}
|
|
1126
|
-
.custom-layout .layout-canvas .field-pool .pool-fields-grid[data-v-
|
|
1130
|
+
.custom-layout .layout-canvas .field-pool .pool-fields-grid[data-v-858beb3e] {
|
|
1127
1131
|
grid-template-columns: repeat(2, 1fr);
|
|
1128
1132
|
}
|
|
1129
1133
|
}
|
|
1130
1134
|
/* unplugin-vue-components disabled */
|
|
1131
1135
|
/* layer: default */
|
|
1132
|
-
.visible[data-v-
|
|
1133
|
-
.grid[data-v-
|
|
1134
|
-
.inline[data-v-
|
|
1136
|
+
.visible[data-v-858beb3e]{visibility:visible;}
|
|
1137
|
+
.grid[data-v-858beb3e]{display:grid;}
|
|
1138
|
+
.inline[data-v-858beb3e]{display:inline;}
|
|
1139
|
+
.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);}
|
|
1135
1140
|
|
|
1136
1141
|
/* unplugin-vue-components disabled */
|
|
1137
1142
|
/* layer: default */
|
|
1138
|
-
.visible[data-v-
|
|
1139
|
-
.grid[data-v-
|
|
1140
|
-
.inline[data-v-
|
|
1141
|
-
.table[data-v-
|
|
1142
|
-
.blur[data-v-
|
|
1143
|
-
.filter[data-v-
|
|
1143
|
+
.visible[data-v-6ce5207d]{visibility:visible;}
|
|
1144
|
+
.grid[data-v-6ce5207d]{display:grid;}
|
|
1145
|
+
.inline[data-v-6ce5207d]{display:inline;}
|
|
1146
|
+
.table[data-v-6ce5207d]{display:table;}
|
|
1147
|
+
.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);}
|
|
1148
|
+
.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);}
|
|
1144
1149
|
|