@robot-admin/naive-ui-components 0.13.6 → 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 +6 -0
- package/README.md +36 -1
- package/README_EN.md +36 -1
- 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_Table.base.css +174 -169
- package/dist/C_Table.css +174 -169
- 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 +1 -1
- package/dist/constants3.d.ts +1 -1
- package/dist/constants4.d.cts +4 -4
- package/dist/constants4.d.ts +4 -4
- package/dist/data.d.cts +10 -10
- package/dist/data.d.ts +10 -10
- package/dist/index.cjs +1 -1
- package/dist/index.d.cts +2 -2
- package/dist/index.d.ts +2 -2
- package/dist/index.js +1 -1
- package/dist/index.vue.d.cts +2 -2
- package/dist/index.vue.d.ts +2 -2
- package/dist/index10.vue.d.cts +1 -1
- package/dist/index10.vue.d.ts +1 -1
- package/dist/index11.vue.d.cts +1 -1
- package/dist/index11.vue.d.ts +2 -2
- package/dist/index12.vue.d.cts +2 -2
- 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 +3 -3
- package/dist/index15.vue.d.cts +3 -3
- package/dist/index15.vue.d.ts +1 -1
- package/dist/index16.vue.d.cts +1 -1
- package/dist/index17.vue.d.ts +1 -1
- package/dist/index18.vue.d.cts +1 -1
- package/dist/index18.vue.d.ts +3 -3
- package/dist/index19.vue.d.cts +3 -3
- package/dist/index2.vue.d.cts +1 -1
- package/dist/index2.vue.d.ts +1 -1
- package/dist/index20.vue.d.cts +1 -1
- package/dist/index20.vue.d.ts +1 -1
- package/dist/index21.vue.d.cts +3 -3
- package/dist/index21.vue.d.ts +3 -3
- package/dist/index22.vue.d.cts +2 -2
- package/dist/index22.vue.d.ts +2 -2
- package/dist/index23.vue.d.cts +1 -1
- package/dist/index23.vue.d.ts +1 -1
- package/dist/index25.vue.d.cts +3 -3
- package/dist/index25.vue.d.ts +3 -3
- package/dist/index27.vue.d.cts +3 -3
- package/dist/index27.vue.d.ts +3 -3
- package/dist/index28.vue.d.cts +4 -4
- package/dist/index28.vue.d.ts +4 -4
- package/dist/index3.vue.d.cts +2 -2
- package/dist/index3.vue.d.ts +2 -2
- package/dist/index6.vue.d.ts +2 -2
- package/dist/index7.vue.d.cts +2 -2
- package/dist/index9.vue.d.ts +1 -1
- package/dist/presets.d.cts +1 -1
- package/dist/presets.d.ts +1 -1
- package/dist/style.css +189 -184
- 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 +6 -6
- package/dist/useCropperCore.d.ts +6 -6
- 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 +2 -2
- package/dist/useInfiniteScroll.d.ts +2 -2
- package/dist/useQRCode.d.cts +2 -2
- package/dist/useQRCode.d.ts +2 -2
- package/dist/useSearchState.d.cts +19 -19
- package/dist/useSearchState.d.ts +19 -19
- package/dist/useSignatureHistory.d.cts +2 -2
- package/dist/useSignatureHistory.d.ts +2 -2
- package/dist/useSplitResize.d.cts +4 -4
- package/dist/useSplitResize.d.ts +4 -4
- package/dist/useTableQuery.d.cts +1 -1
- package/dist/useTableQuery.d.ts +1 -1
- package/dist/useTreeOperations.d.cts +9 -9
- package/dist/useTreeOperations.d.ts +9 -9
- package/dist/useWorkflowValidation.d.cts +2 -2
- package/dist/useWorkflowValidation.d.ts +2 -2
- package/dist/verification.d.cts +2 -2
- package/dist/verification.d.ts +2 -2
- package/package.json +2 -1
package/dist/C_Table.css
CHANGED
|
@@ -174,39 +174,39 @@
|
|
|
174
174
|
}
|
|
175
175
|
|
|
176
176
|
/* unplugin-vue-components disabled *//* Inline 布局样式 */
|
|
177
|
-
.c-form-inline[data-v-
|
|
177
|
+
.c-form-inline[data-v-195d0124] {
|
|
178
178
|
width: 100%;
|
|
179
179
|
min-height: 0;
|
|
180
180
|
transition: all 0.3s ease;
|
|
181
181
|
}
|
|
182
|
-
.c-form-inline-item[data-v-
|
|
182
|
+
.c-form-inline-item[data-v-195d0124] {
|
|
183
183
|
min-width: 0;
|
|
184
184
|
transition: all 0.3s ease;
|
|
185
185
|
}
|
|
186
186
|
|
|
187
187
|
/* 确保内部所有表单组件都占满容器宽度 */
|
|
188
|
-
.c-form-inline-item[data-v-
|
|
188
|
+
.c-form-inline-item[data-v-195d0124] .n-form-item {
|
|
189
189
|
width: 100%;
|
|
190
190
|
margin-bottom: 0;
|
|
191
191
|
}
|
|
192
|
-
.c-form-inline-item[data-v-
|
|
192
|
+
.c-form-inline-item[data-v-195d0124] .n-form-item-blank {
|
|
193
193
|
width: 100%;
|
|
194
194
|
}
|
|
195
|
-
.c-form-inline-item[data-v-
|
|
196
|
-
.c-form-inline-item[data-v-
|
|
197
|
-
.c-form-inline-item[data-v-
|
|
198
|
-
.c-form-inline-item[data-v-
|
|
199
|
-
.c-form-inline-item[data-v-
|
|
200
|
-
.c-form-inline-item[data-v-
|
|
201
|
-
.c-form-inline-item[data-v-
|
|
202
|
-
.c-form-inline-item[data-v-
|
|
203
|
-
.c-form-inline-item[data-v-
|
|
195
|
+
.c-form-inline-item[data-v-195d0124] .n-input,
|
|
196
|
+
.c-form-inline-item[data-v-195d0124] .n-select,
|
|
197
|
+
.c-form-inline-item[data-v-195d0124] .n-date-picker,
|
|
198
|
+
.c-form-inline-item[data-v-195d0124] .n-time-picker,
|
|
199
|
+
.c-form-inline-item[data-v-195d0124] .n-input-number,
|
|
200
|
+
.c-form-inline-item[data-v-195d0124] .n-cascader,
|
|
201
|
+
.c-form-inline-item[data-v-195d0124] .n-color-picker,
|
|
202
|
+
.c-form-inline-item[data-v-195d0124] .n-auto-complete,
|
|
203
|
+
.c-form-inline-item[data-v-195d0124] .n-tree-select {
|
|
204
204
|
width: 100% !important;
|
|
205
205
|
}
|
|
206
206
|
|
|
207
207
|
/* 单选框和复选框组保持自然宽度 */
|
|
208
|
-
.c-form-inline-item[data-v-
|
|
209
|
-
.c-form-inline-item[data-v-
|
|
208
|
+
.c-form-inline-item[data-v-195d0124] .n-radio-group,
|
|
209
|
+
.c-form-inline-item[data-v-195d0124] .n-checkbox-group {
|
|
210
210
|
width: 100%;
|
|
211
211
|
display: flex;
|
|
212
212
|
flex-wrap: wrap;
|
|
@@ -214,52 +214,53 @@
|
|
|
214
214
|
}
|
|
215
215
|
|
|
216
216
|
/* 开关组件居左对齐 */
|
|
217
|
-
.c-form-inline-item[data-v-
|
|
217
|
+
.c-form-inline-item[data-v-195d0124] .n-switch {
|
|
218
218
|
width: auto;
|
|
219
219
|
}
|
|
220
220
|
|
|
221
221
|
/* ================= 对齐方式样式增强 ================= */
|
|
222
222
|
/* 当容器使用 center 对齐时,确保表单项也居中 */
|
|
223
|
-
.c-form-inline[style*="justify-content: center"] .c-form-inline-item[data-v-
|
|
223
|
+
.c-form-inline[style*="justify-content: center"] .c-form-inline-item[data-v-195d0124] {
|
|
224
224
|
text-align: center;
|
|
225
225
|
}
|
|
226
226
|
|
|
227
227
|
/* 当容器使用 end 对齐时,确保表单项也右对齐 */
|
|
228
|
-
.c-form-inline[style*="justify-content: flex-end"] .c-form-inline-item[data-v-
|
|
228
|
+
.c-form-inline[style*="justify-content: flex-end"] .c-form-inline-item[data-v-195d0124] {
|
|
229
229
|
text-align: right;
|
|
230
230
|
}
|
|
231
231
|
|
|
232
232
|
/* 当容器使用 start 对齐时,确保表单项左对齐 */
|
|
233
|
-
.c-form-inline[style*="justify-content: flex-start"] .c-form-inline-item[data-v-
|
|
233
|
+
.c-form-inline[style*="justify-content: flex-start"] .c-form-inline-item[data-v-195d0124] {
|
|
234
234
|
text-align: left;
|
|
235
235
|
}
|
|
236
236
|
|
|
237
237
|
/* ================= 响应式设计 ================= */
|
|
238
238
|
/* 移动设备 - 改为垂直布局 */
|
|
239
239
|
@media (max-width: 768px) {
|
|
240
|
-
.c-form-inline[data-v-
|
|
240
|
+
.c-form-inline[data-v-195d0124] {
|
|
241
241
|
flex-direction: column !important;
|
|
242
242
|
gap: 12px !important;
|
|
243
243
|
justify-content: flex-start !important;
|
|
244
244
|
}
|
|
245
|
-
.c-form-inline-item[data-v-
|
|
245
|
+
.c-form-inline-item[data-v-195d0124] {
|
|
246
246
|
width: 100% !important;
|
|
247
247
|
text-align: left !important;
|
|
248
248
|
}
|
|
249
249
|
}
|
|
250
250
|
/* 小屏手机 */
|
|
251
251
|
@media (max-width: 480px) {
|
|
252
|
-
.c-form-inline[data-v-
|
|
252
|
+
.c-form-inline[data-v-195d0124] {
|
|
253
253
|
gap: 8px !important;
|
|
254
254
|
}
|
|
255
255
|
}
|
|
256
256
|
/* unplugin-vue-components disabled */
|
|
257
257
|
/* layer: default */
|
|
258
|
-
.visible[data-v-
|
|
259
|
-
.grid[data-v-
|
|
260
|
-
.inline[data-v-
|
|
261
|
-
.flex[data-v-
|
|
262
|
-
.px[data-v-
|
|
258
|
+
.visible[data-v-195d0124]{visibility:visible;}
|
|
259
|
+
.grid[data-v-195d0124]{display:grid;}
|
|
260
|
+
.inline[data-v-195d0124]{display:inline;}
|
|
261
|
+
.flex[data-v-195d0124]{display:flex;}
|
|
262
|
+
.px[data-v-195d0124]{padding-left:1rem;padding-right:1rem;}
|
|
263
|
+
.blur[data-v-195d0124]{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
|
|
263
264
|
|
|
264
265
|
/* unplugin-vue-components disabled *//* Grid 布局样式 */
|
|
265
266
|
/* 变量定义 */
|
|
@@ -617,42 +618,42 @@ to {
|
|
|
617
618
|
.text-xs[data-v-28320dd2]{font-size:0.75rem;line-height:1rem;}
|
|
618
619
|
|
|
619
620
|
/* unplugin-vue-components disabled *//* Tabs 布局样式 */
|
|
620
|
-
.c-form-tabs[data-v-
|
|
621
|
+
.c-form-tabs[data-v-cbd5e822] {
|
|
621
622
|
width: 100%;
|
|
622
623
|
}
|
|
623
|
-
.single-panel[data-v-
|
|
624
|
+
.single-panel[data-v-cbd5e822] {
|
|
624
625
|
width: 100%;
|
|
625
626
|
}
|
|
626
|
-
.tabs-container[data-v-
|
|
627
|
+
.tabs-container[data-v-cbd5e822] {
|
|
627
628
|
width: 100%;
|
|
628
629
|
}
|
|
629
|
-
.form-tabs[data-v-
|
|
630
|
+
.form-tabs[data-v-cbd5e822] {
|
|
630
631
|
width: 100%;
|
|
631
632
|
}
|
|
632
|
-
.tab-icon[data-v-
|
|
633
|
+
.tab-icon[data-v-cbd5e822] {
|
|
633
634
|
font-size: 16px;
|
|
634
635
|
display: inline-flex;
|
|
635
636
|
align-items: center;
|
|
636
637
|
justify-content: center;
|
|
637
638
|
}
|
|
638
|
-
.tab-header[data-v-
|
|
639
|
+
.tab-header[data-v-cbd5e822] {
|
|
639
640
|
margin-bottom: 16px;
|
|
640
641
|
padding-bottom: 12px;
|
|
641
642
|
border-bottom: 1px solid var(--n-border-color);
|
|
642
643
|
}
|
|
643
|
-
.tab-description[data-v-
|
|
644
|
+
.tab-description[data-v-cbd5e822] {
|
|
644
645
|
margin: 0;
|
|
645
646
|
font-size: 14px;
|
|
646
647
|
line-height: 1.5;
|
|
647
648
|
opacity: 0.8;
|
|
648
649
|
}
|
|
649
|
-
.tab-form-items[data-v-
|
|
650
|
+
.tab-form-items[data-v-cbd5e822] {
|
|
650
651
|
width: 100%;
|
|
651
652
|
}
|
|
652
|
-
.tab-empty[data-v-
|
|
653
|
+
.tab-empty[data-v-cbd5e822] {
|
|
653
654
|
padding: 40px 0;
|
|
654
655
|
}
|
|
655
|
-
.tabs-actions[data-v-
|
|
656
|
+
.tabs-actions[data-v-cbd5e822] {
|
|
656
657
|
margin-top: 16px;
|
|
657
658
|
padding-top: 12px;
|
|
658
659
|
border-top: 1px solid var(--n-border-color);
|
|
@@ -660,69 +661,70 @@ to {
|
|
|
660
661
|
|
|
661
662
|
/* 响应式设计 */
|
|
662
663
|
@media (max-width: 768px) {
|
|
663
|
-
.tabs-actions[data-v-
|
|
664
|
+
.tabs-actions[data-v-cbd5e822] {
|
|
664
665
|
margin-top: 12px;
|
|
665
666
|
padding-top: 8px;
|
|
666
667
|
}
|
|
667
|
-
.tabs-actions[data-v-
|
|
668
|
+
.tabs-actions[data-v-cbd5e822] .n-space {
|
|
668
669
|
flex-wrap: wrap;
|
|
669
670
|
}
|
|
670
671
|
}
|
|
671
672
|
/* unplugin-vue-components disabled */
|
|
672
673
|
/* layer: default */
|
|
673
|
-
.visible[data-v-
|
|
674
|
-
.grid[data-v-
|
|
675
|
-
.inline[data-v-
|
|
676
|
-
.tab[data-v-
|
|
674
|
+
.visible[data-v-cbd5e822]{visibility:visible;}
|
|
675
|
+
.grid[data-v-cbd5e822]{display:grid;}
|
|
676
|
+
.inline[data-v-cbd5e822]{display:inline;}
|
|
677
|
+
.tab[data-v-cbd5e822]{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}
|
|
678
|
+
.blur[data-v-cbd5e822]{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
|
|
677
679
|
|
|
678
680
|
/* unplugin-vue-components disabled *//* Steps 布局样式 */
|
|
679
|
-
.c-form-steps[data-v-
|
|
681
|
+
.c-form-steps[data-v-ee5e4509] {
|
|
680
682
|
display: flex;
|
|
681
683
|
flex-direction: column;
|
|
682
684
|
gap: 24px;
|
|
683
685
|
}
|
|
684
|
-
.single-panel[data-v-
|
|
686
|
+
.single-panel[data-v-ee5e4509] {
|
|
685
687
|
width: 100%;
|
|
686
688
|
}
|
|
687
|
-
.steps-container[data-v-
|
|
689
|
+
.steps-container[data-v-ee5e4509] {
|
|
688
690
|
display: flex;
|
|
689
691
|
flex-direction: column;
|
|
690
692
|
gap: 24px;
|
|
691
693
|
}
|
|
692
|
-
.steps-indicator[data-v-
|
|
694
|
+
.steps-indicator[data-v-ee5e4509] {
|
|
693
695
|
padding: 24px;
|
|
694
696
|
border-radius: 8px;
|
|
695
697
|
}
|
|
696
|
-
.steps-content[data-v-
|
|
698
|
+
.steps-content[data-v-ee5e4509] {
|
|
697
699
|
min-height: 400px;
|
|
698
700
|
}
|
|
699
|
-
.step-panel[data-v-
|
|
700
|
-
animation: fadeIn-
|
|
701
|
+
.step-panel[data-v-ee5e4509] {
|
|
702
|
+
animation: fadeIn-ee5e4509 0.3s ease-in-out;
|
|
701
703
|
}
|
|
702
|
-
.step-header[data-v-
|
|
704
|
+
.step-header[data-v-ee5e4509] {
|
|
703
705
|
margin-bottom: 24px;
|
|
704
706
|
padding-bottom: 16px;
|
|
705
707
|
border-bottom: 1px solid var(--n-border-color);
|
|
706
708
|
}
|
|
707
|
-
.step-title[data-v-
|
|
709
|
+
.step-title[data-v-ee5e4509] {
|
|
708
710
|
margin: 0 0 8px 0;
|
|
709
711
|
font-size: 18px;
|
|
710
712
|
font-weight: 600;
|
|
711
713
|
}
|
|
712
|
-
.step-description[data-v-
|
|
714
|
+
.step-description[data-v-ee5e4509] {
|
|
713
715
|
margin: 0;
|
|
714
716
|
font-size: 14px;
|
|
715
717
|
line-height: 1.5;
|
|
716
718
|
}
|
|
717
|
-
.step-form-items[data-v-
|
|
719
|
+
.step-form-items[data-v-ee5e4509] {
|
|
718
720
|
width: 100%;
|
|
719
721
|
}
|
|
720
|
-
.steps-actions[data-v-
|
|
722
|
+
.steps-actions[data-v-ee5e4509] {
|
|
721
723
|
margin-top: 24px;
|
|
722
724
|
padding-top: 16px;
|
|
723
725
|
border-top: 1px solid var(--n-border-color);
|
|
724
726
|
}
|
|
725
|
-
@keyframes fadeIn-
|
|
727
|
+
@keyframes fadeIn-ee5e4509 {
|
|
726
728
|
from {
|
|
727
729
|
opacity: 0;
|
|
728
730
|
transform: translateY(8px);
|
|
@@ -733,77 +735,78 @@ to {
|
|
|
733
735
|
}
|
|
734
736
|
}
|
|
735
737
|
/* 垂直步骤样式:由组件状态驱动,避免 scoped CSS 生成无效的 :has/:deep 组合。 */
|
|
736
|
-
.steps-container.is-vertical[data-v-
|
|
738
|
+
.steps-container.is-vertical[data-v-ee5e4509] {
|
|
737
739
|
flex-direction: row;
|
|
738
740
|
align-items: flex-start;
|
|
739
741
|
}
|
|
740
|
-
.steps-container.is-vertical .steps-indicator[data-v-
|
|
742
|
+
.steps-container.is-vertical .steps-indicator[data-v-ee5e4509] {
|
|
741
743
|
flex-shrink: 0;
|
|
742
744
|
width: 250px;
|
|
743
745
|
margin-right: 24px;
|
|
744
746
|
}
|
|
745
|
-
.steps-container.is-vertical .steps-content[data-v-
|
|
747
|
+
.steps-container.is-vertical .steps-content[data-v-ee5e4509] {
|
|
746
748
|
flex: 1;
|
|
747
749
|
}
|
|
748
750
|
|
|
749
751
|
/* 响应式设计 */
|
|
750
752
|
@media (max-width: 768px) {
|
|
751
|
-
.steps-container.is-vertical[data-v-
|
|
753
|
+
.steps-container.is-vertical[data-v-ee5e4509] {
|
|
752
754
|
flex-direction: column !important;
|
|
753
755
|
}
|
|
754
|
-
.steps-container.is-vertical .steps-indicator[data-v-
|
|
756
|
+
.steps-container.is-vertical .steps-indicator[data-v-ee5e4509] {
|
|
755
757
|
width: 100% !important;
|
|
756
758
|
margin-right: 0 !important;
|
|
757
759
|
margin-bottom: 16px;
|
|
758
760
|
}
|
|
759
761
|
}
|
|
760
762
|
@media (prefers-reduced-motion: reduce) {
|
|
761
|
-
.step-panel[data-v-
|
|
763
|
+
.step-panel[data-v-ee5e4509] {
|
|
762
764
|
animation: none !important;
|
|
763
765
|
}
|
|
764
766
|
}
|
|
765
767
|
/* unplugin-vue-components disabled */
|
|
766
768
|
/* layer: default */
|
|
767
|
-
.visible[data-v-
|
|
768
|
-
.grid[data-v-
|
|
769
|
-
.inline[data-v-
|
|
769
|
+
.visible[data-v-ee5e4509]{visibility:visible;}
|
|
770
|
+
.grid[data-v-ee5e4509]{display:grid;}
|
|
771
|
+
.inline[data-v-ee5e4509]{display:inline;}
|
|
772
|
+
.blur[data-v-ee5e4509]{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
|
|
770
773
|
|
|
771
774
|
/* unplugin-vue-components disabled *//* Dynamic 布局样式 */
|
|
772
|
-
.c-form-dynamic[data-v-
|
|
775
|
+
.c-form-dynamic[data-v-1779d19c] {
|
|
773
776
|
width: 100%;
|
|
774
777
|
}
|
|
775
|
-
.dynamic-controls[data-v-
|
|
776
|
-
.dynamic-controls-fallback[data-v-
|
|
778
|
+
.dynamic-controls[data-v-1779d19c],
|
|
779
|
+
.dynamic-controls-fallback[data-v-1779d19c] {
|
|
777
780
|
margin-bottom: 16px;
|
|
778
781
|
}
|
|
779
|
-
.dynamic-stats[data-v-
|
|
782
|
+
.dynamic-stats[data-v-1779d19c] {
|
|
780
783
|
margin-top: 16px;
|
|
781
784
|
padding-top: 12px;
|
|
782
785
|
border-top: 1px solid var(--n-divider-color);
|
|
783
786
|
}
|
|
784
|
-
.dynamic-item-wrapper[data-v-
|
|
787
|
+
.dynamic-item-wrapper[data-v-1779d19c] {
|
|
785
788
|
position: relative;
|
|
786
789
|
transition: all 0.3s ease;
|
|
787
|
-
animation: fadeInUp-
|
|
790
|
+
animation: fadeInUp-1779d19c 0.3s ease-out;
|
|
788
791
|
}
|
|
789
|
-
.dynamic-item-wrapper.is-dynamic-field[data-v-
|
|
792
|
+
.dynamic-item-wrapper.is-dynamic-field[data-v-1779d19c] {
|
|
790
793
|
border: 1px dashed var(--n-color-primary);
|
|
791
794
|
border-radius: 6px;
|
|
792
795
|
padding: 8px;
|
|
793
796
|
background-color: var(--n-color-primary-suppl);
|
|
794
797
|
}
|
|
795
|
-
.max-fields-config[data-v-
|
|
798
|
+
.max-fields-config[data-v-1779d19c] {
|
|
796
799
|
display: flex;
|
|
797
800
|
align-items: center;
|
|
798
801
|
gap: 8px;
|
|
799
802
|
font-size: 14px;
|
|
800
803
|
}
|
|
801
|
-
.max-fields-config span[data-v-
|
|
804
|
+
.max-fields-config span[data-v-1779d19c] {
|
|
802
805
|
font-weight: 500;
|
|
803
806
|
white-space: nowrap;
|
|
804
807
|
color: var(--n-text-color-2);
|
|
805
808
|
}
|
|
806
|
-
@keyframes fadeInUp-
|
|
809
|
+
@keyframes fadeInUp-1779d19c {
|
|
807
810
|
from {
|
|
808
811
|
opacity: 0;
|
|
809
812
|
transform: translateY(10px);
|
|
@@ -815,125 +818,126 @@ to {
|
|
|
815
818
|
}
|
|
816
819
|
/* 响应式设计 */
|
|
817
820
|
@media (max-width: 768px) {
|
|
818
|
-
.dynamic-controls[data-v-
|
|
819
|
-
.dynamic-controls-fallback[data-v-
|
|
821
|
+
.dynamic-controls[data-v-1779d19c],
|
|
822
|
+
.dynamic-controls-fallback[data-v-1779d19c] {
|
|
820
823
|
margin-bottom: 12px;
|
|
821
824
|
}
|
|
822
|
-
.dynamic-stats[data-v-
|
|
825
|
+
.dynamic-stats[data-v-1779d19c] {
|
|
823
826
|
margin-top: 12px;
|
|
824
827
|
}
|
|
825
|
-
.dynamic-item-wrapper.is-dynamic-field[data-v-
|
|
828
|
+
.dynamic-item-wrapper.is-dynamic-field[data-v-1779d19c] {
|
|
826
829
|
padding: 6px;
|
|
827
830
|
}
|
|
828
|
-
.max-fields-config[data-v-
|
|
831
|
+
.max-fields-config[data-v-1779d19c] {
|
|
829
832
|
margin-top: 8px;
|
|
830
833
|
}
|
|
831
834
|
}
|
|
832
835
|
/* 辅助功能 */
|
|
833
836
|
@media (prefers-reduced-motion: reduce) {
|
|
834
|
-
.dynamic-item-wrapper[data-v-
|
|
837
|
+
.dynamic-item-wrapper[data-v-1779d19c] {
|
|
835
838
|
animation: none !important;
|
|
836
839
|
transition: none !important;
|
|
837
840
|
}
|
|
838
841
|
}
|
|
839
842
|
@media (prefers-contrast: high) {
|
|
840
|
-
.dynamic-item-wrapper.is-dynamic-field[data-v-
|
|
843
|
+
.dynamic-item-wrapper.is-dynamic-field[data-v-1779d19c] {
|
|
841
844
|
border-width: 2px;
|
|
842
845
|
border-color: currentColor;
|
|
843
846
|
}
|
|
844
847
|
}
|
|
845
848
|
/* unplugin-vue-components disabled */
|
|
846
849
|
/* layer: default */
|
|
847
|
-
.visible[data-v-
|
|
848
|
-
.grid[data-v-
|
|
849
|
-
.inline[data-v-
|
|
850
|
+
.visible[data-v-1779d19c]{visibility:visible;}
|
|
851
|
+
.grid[data-v-1779d19c]{display:grid;}
|
|
852
|
+
.inline[data-v-1779d19c]{display:inline;}
|
|
853
|
+
.blur[data-v-1779d19c]{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
|
|
850
854
|
|
|
851
855
|
/* unplugin-vue-components disabled *//* Custom 布局样式 */
|
|
852
|
-
.custom-layout .toolbar-card[data-v-
|
|
856
|
+
.custom-layout .toolbar-card[data-v-858beb3e] {
|
|
853
857
|
margin-bottom: 16px;
|
|
854
858
|
}
|
|
855
|
-
.custom-layout .toolbar-card .toolbar-content[data-v-
|
|
859
|
+
.custom-layout .toolbar-card .toolbar-content[data-v-858beb3e] {
|
|
856
860
|
display: flex;
|
|
857
861
|
justify-content: space-between;
|
|
858
862
|
align-items: center;
|
|
859
863
|
flex-wrap: wrap;
|
|
860
864
|
gap: 16px;
|
|
861
865
|
}
|
|
862
|
-
.custom-layout .toolbar-card .toolbar-content .mode-section[data-v-
|
|
863
|
-
.custom-layout .toolbar-card .toolbar-content .stats-section[data-v-
|
|
864
|
-
.custom-layout .toolbar-card .toolbar-content .actions-section[data-v-
|
|
866
|
+
.custom-layout .toolbar-card .toolbar-content .mode-section[data-v-858beb3e],
|
|
867
|
+
.custom-layout .toolbar-card .toolbar-content .stats-section[data-v-858beb3e],
|
|
868
|
+
.custom-layout .toolbar-card .toolbar-content .actions-section[data-v-858beb3e] {
|
|
865
869
|
display: flex;
|
|
866
870
|
align-items: center;
|
|
867
871
|
gap: 12px;
|
|
868
872
|
}
|
|
869
|
-
.custom-layout .toolbar-card .toolbar-content .section-label[data-v-
|
|
873
|
+
.custom-layout .toolbar-card .toolbar-content .section-label[data-v-858beb3e] {
|
|
870
874
|
font-size: 14px;
|
|
871
875
|
font-weight: 500;
|
|
872
876
|
}
|
|
873
|
-
.custom-layout .toolbar-card .toolbar-content .stat-item[data-v-
|
|
877
|
+
.custom-layout .toolbar-card .toolbar-content .stat-item[data-v-858beb3e] {
|
|
874
878
|
text-align: center;
|
|
875
879
|
min-width: 60px;
|
|
876
880
|
}
|
|
877
|
-
.custom-layout .toolbar-card .toolbar-content .stat-item .stat-value[data-v-
|
|
881
|
+
.custom-layout .toolbar-card .toolbar-content .stat-item .stat-value[data-v-858beb3e] {
|
|
878
882
|
display: block;
|
|
879
883
|
font-size: 18px;
|
|
880
884
|
font-weight: 600;
|
|
881
885
|
color: var(--n-primary-color);
|
|
882
886
|
}
|
|
883
|
-
.custom-layout .toolbar-card .toolbar-content .stat-item .stat-label[data-v-
|
|
887
|
+
.custom-layout .toolbar-card .toolbar-content .stat-item .stat-label[data-v-858beb3e] {
|
|
884
888
|
font-size: 12px;
|
|
885
889
|
opacity: 0.7;
|
|
886
890
|
margin-top: 4px;
|
|
887
891
|
}
|
|
888
|
-
.custom-layout .design-panel[data-v-
|
|
892
|
+
.custom-layout .design-panel[data-v-858beb3e] {
|
|
889
893
|
margin-bottom: 16px;
|
|
890
894
|
}
|
|
891
|
-
.custom-layout .design-panel .design-tools[data-v-
|
|
895
|
+
.custom-layout .design-panel .design-tools[data-v-858beb3e] {
|
|
892
896
|
display: flex;
|
|
893
897
|
gap: 24px;
|
|
894
898
|
flex-wrap: wrap;
|
|
895
899
|
}
|
|
896
|
-
.custom-layout .design-panel .design-tools .tool-group[data-v-
|
|
900
|
+
.custom-layout .design-panel .design-tools .tool-group[data-v-858beb3e] {
|
|
897
901
|
display: flex;
|
|
898
902
|
align-items: center;
|
|
899
903
|
gap: 8px;
|
|
900
904
|
}
|
|
901
|
-
.custom-layout .design-panel .design-tools .tool-group .group-label[data-v-
|
|
905
|
+
.custom-layout .design-panel .design-tools .tool-group .group-label[data-v-858beb3e] {
|
|
902
906
|
font-size: 14px;
|
|
903
907
|
font-weight: 500;
|
|
904
908
|
margin-right: 4px;
|
|
905
909
|
}
|
|
906
|
-
.custom-layout .layout-canvas[data-v-
|
|
910
|
+
.custom-layout .layout-canvas[data-v-858beb3e] {
|
|
907
911
|
min-height: 200px;
|
|
908
912
|
}
|
|
909
|
-
.custom-layout .layout-canvas.design-mode[data-v-
|
|
913
|
+
.custom-layout .layout-canvas.design-mode[data-v-858beb3e] {
|
|
910
914
|
border: 2px dashed var(--n-border-color);
|
|
911
915
|
border-radius: 8px;
|
|
912
916
|
padding: 16px;
|
|
913
917
|
background: var(--n-body-color);
|
|
914
918
|
}
|
|
915
|
-
.custom-layout .layout-canvas .canvas-hint[data-v-
|
|
919
|
+
.custom-layout .layout-canvas .canvas-hint[data-v-858beb3e] {
|
|
916
920
|
display: flex;
|
|
917
921
|
align-items: center;
|
|
918
922
|
justify-content: center;
|
|
919
923
|
height: 120px;
|
|
920
924
|
text-align: center;
|
|
921
925
|
}
|
|
922
|
-
.custom-layout .layout-canvas .canvas-hint .hint-content h3[data-v-
|
|
926
|
+
.custom-layout .layout-canvas .canvas-hint .hint-content h3[data-v-858beb3e] {
|
|
923
927
|
margin: 0 0 8px 0;
|
|
924
928
|
font-size: 18px;
|
|
925
929
|
}
|
|
926
|
-
.custom-layout .layout-canvas .canvas-hint .hint-content p[data-v-
|
|
930
|
+
.custom-layout .layout-canvas .canvas-hint .hint-content p[data-v-858beb3e] {
|
|
927
931
|
margin: 0;
|
|
928
932
|
opacity: 0.7;
|
|
929
933
|
font-size: 14px;
|
|
930
934
|
}
|
|
931
|
-
.custom-layout .layout-canvas .areas-container[data-v-
|
|
935
|
+
.custom-layout .layout-canvas .areas-container[data-v-858beb3e] {
|
|
932
936
|
display: flex;
|
|
933
937
|
flex-wrap: wrap;
|
|
934
938
|
gap: 16px;
|
|
935
939
|
}
|
|
936
|
-
.custom-layout .layout-canvas .custom-area[data-v-
|
|
940
|
+
.custom-layout .layout-canvas .custom-area[data-v-858beb3e] {
|
|
937
941
|
border: 1px solid var(--n-border-color);
|
|
938
942
|
border-radius: 8px;
|
|
939
943
|
background: var(--n-card-color);
|
|
@@ -942,7 +946,7 @@ to {
|
|
|
942
946
|
flex: 1;
|
|
943
947
|
min-width: 250px;
|
|
944
948
|
}
|
|
945
|
-
.custom-layout .layout-canvas .custom-area .area-header[data-v-
|
|
949
|
+
.custom-layout .layout-canvas .custom-area .area-header[data-v-858beb3e] {
|
|
946
950
|
display: flex;
|
|
947
951
|
justify-content: space-between;
|
|
948
952
|
align-items: center;
|
|
@@ -950,12 +954,12 @@ to {
|
|
|
950
954
|
padding-bottom: 8px;
|
|
951
955
|
border-bottom: 1px solid var(--n-divider-color);
|
|
952
956
|
}
|
|
953
|
-
.custom-layout .layout-canvas .custom-area .area-header .area-info[data-v-
|
|
957
|
+
.custom-layout .layout-canvas .custom-area .area-header .area-info[data-v-858beb3e] {
|
|
954
958
|
display: flex;
|
|
955
959
|
align-items: center;
|
|
956
960
|
gap: 8px;
|
|
957
961
|
}
|
|
958
|
-
.custom-layout .layout-canvas .custom-area .area-header .area-info .area-title[data-v-
|
|
962
|
+
.custom-layout .layout-canvas .custom-area .area-header .area-info .area-title[data-v-858beb3e] {
|
|
959
963
|
font-weight: 600;
|
|
960
964
|
font-size: 14px;
|
|
961
965
|
cursor: pointer;
|
|
@@ -963,25 +967,25 @@ to {
|
|
|
963
967
|
border-radius: 4px;
|
|
964
968
|
transition: all 0.2s ease;
|
|
965
969
|
}
|
|
966
|
-
.custom-layout .layout-canvas .custom-area .area-header .area-info .area-title[data-v-
|
|
970
|
+
.custom-layout .layout-canvas .custom-area .area-header .area-info .area-title[data-v-858beb3e]:hover {
|
|
967
971
|
background: var(--n-button-color-hover);
|
|
968
972
|
color: var(--n-primary-color);
|
|
969
973
|
}
|
|
970
|
-
.custom-layout .layout-canvas .custom-area .area-header .area-info .title-input[data-v-
|
|
974
|
+
.custom-layout .layout-canvas .custom-area .area-header .area-info .title-input[data-v-858beb3e] {
|
|
971
975
|
min-width: 120px;
|
|
972
976
|
max-width: 200px;
|
|
973
977
|
}
|
|
974
|
-
.custom-layout .layout-canvas .custom-area .area-header .area-controls[data-v-
|
|
978
|
+
.custom-layout .layout-canvas .custom-area .area-header .area-controls[data-v-858beb3e] {
|
|
975
979
|
display: flex;
|
|
976
980
|
gap: 4px;
|
|
977
981
|
}
|
|
978
|
-
.custom-layout .layout-canvas .custom-area .area-fields[data-v-
|
|
982
|
+
.custom-layout .layout-canvas .custom-area .area-fields[data-v-858beb3e] {
|
|
979
983
|
display: flex;
|
|
980
984
|
flex-direction: column;
|
|
981
985
|
gap: 8px;
|
|
982
986
|
min-height: 60px;
|
|
983
987
|
}
|
|
984
|
-
.custom-layout .layout-canvas .custom-area .area-drop-zone[data-v-
|
|
988
|
+
.custom-layout .layout-canvas .custom-area .area-drop-zone[data-v-858beb3e] {
|
|
985
989
|
display: flex;
|
|
986
990
|
align-items: center;
|
|
987
991
|
justify-content: center;
|
|
@@ -994,21 +998,21 @@ to {
|
|
|
994
998
|
background: var(--n-body-color);
|
|
995
999
|
margin-top: 8px;
|
|
996
1000
|
}
|
|
997
|
-
.custom-layout .layout-canvas .custom-area .area-drop-zone[data-v-
|
|
1001
|
+
.custom-layout .layout-canvas .custom-area .area-drop-zone[data-v-858beb3e]:hover {
|
|
998
1002
|
border-color: var(--n-primary-color);
|
|
999
1003
|
opacity: 1;
|
|
1000
1004
|
}
|
|
1001
|
-
.custom-layout .layout-canvas .custom-area.area-horizontal .area-fields[data-v-
|
|
1005
|
+
.custom-layout .layout-canvas .custom-area.area-horizontal .area-fields[data-v-858beb3e] {
|
|
1002
1006
|
flex-direction: row;
|
|
1003
1007
|
flex-wrap: wrap;
|
|
1004
1008
|
gap: 12px;
|
|
1005
1009
|
}
|
|
1006
|
-
.custom-layout .layout-canvas .custom-area.area-grid .area-fields[data-v-
|
|
1010
|
+
.custom-layout .layout-canvas .custom-area.area-grid .area-fields[data-v-858beb3e] {
|
|
1007
1011
|
display: grid;
|
|
1008
1012
|
grid-template-columns: repeat(2, 1fr);
|
|
1009
1013
|
gap: 8px;
|
|
1010
1014
|
}
|
|
1011
|
-
.custom-layout .layout-canvas .field-item[data-v-
|
|
1015
|
+
.custom-layout .layout-canvas .field-item[data-v-858beb3e] {
|
|
1012
1016
|
border: 1px solid var(--n-border-color);
|
|
1013
1017
|
border-radius: 6px;
|
|
1014
1018
|
background: var(--n-body-color);
|
|
@@ -1017,18 +1021,18 @@ to {
|
|
|
1017
1021
|
cursor: move;
|
|
1018
1022
|
transition: all 0.2s ease;
|
|
1019
1023
|
}
|
|
1020
|
-
.custom-layout .layout-canvas .field-item[data-v-
|
|
1024
|
+
.custom-layout .layout-canvas .field-item[data-v-858beb3e]:hover {
|
|
1021
1025
|
border-color: var(--n-primary-color);
|
|
1022
1026
|
transform: translateY(-1px);
|
|
1023
1027
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
|
|
1024
1028
|
}
|
|
1025
|
-
.custom-layout .layout-canvas .field-item .field-preview[data-v-
|
|
1029
|
+
.custom-layout .layout-canvas .field-item .field-preview[data-v-858beb3e] {
|
|
1026
1030
|
display: flex;
|
|
1027
1031
|
justify-content: space-between;
|
|
1028
1032
|
align-items: center;
|
|
1029
1033
|
gap: 8px;
|
|
1030
1034
|
}
|
|
1031
|
-
.custom-layout .layout-canvas .field-item .field-preview .field-label[data-v-
|
|
1035
|
+
.custom-layout .layout-canvas .field-item .field-preview .field-label[data-v-858beb3e] {
|
|
1032
1036
|
font-size: 13px;
|
|
1033
1037
|
font-weight: 500;
|
|
1034
1038
|
flex: 1;
|
|
@@ -1036,7 +1040,7 @@ to {
|
|
|
1036
1040
|
text-overflow: ellipsis;
|
|
1037
1041
|
white-space: nowrap;
|
|
1038
1042
|
}
|
|
1039
|
-
.custom-layout .layout-canvas .field-item .field-preview .field-type[data-v-
|
|
1043
|
+
.custom-layout .layout-canvas .field-item .field-preview .field-type[data-v-858beb3e] {
|
|
1040
1044
|
font-size: 11px;
|
|
1041
1045
|
opacity: 0.6;
|
|
1042
1046
|
background: var(--n-tag-color);
|
|
@@ -1044,15 +1048,15 @@ to {
|
|
|
1044
1048
|
border-radius: 4px;
|
|
1045
1049
|
flex-shrink: 0;
|
|
1046
1050
|
}
|
|
1047
|
-
.custom-layout .layout-canvas .field-pool[data-v-
|
|
1051
|
+
.custom-layout .layout-canvas .field-pool[data-v-858beb3e] {
|
|
1048
1052
|
margin-top: 16px;
|
|
1049
1053
|
}
|
|
1050
|
-
.custom-layout .layout-canvas .field-pool .pool-fields-grid[data-v-
|
|
1054
|
+
.custom-layout .layout-canvas .field-pool .pool-fields-grid[data-v-858beb3e] {
|
|
1051
1055
|
display: grid;
|
|
1052
1056
|
grid-template-columns: repeat(4, 1fr);
|
|
1053
1057
|
gap: 12px;
|
|
1054
1058
|
}
|
|
1055
|
-
.custom-layout .layout-canvas .field-pool .pool-field[data-v-
|
|
1059
|
+
.custom-layout .layout-canvas .field-pool .pool-field[data-v-858beb3e] {
|
|
1056
1060
|
border: 1px solid var(--n-border-color);
|
|
1057
1061
|
border-radius: 6px;
|
|
1058
1062
|
background: var(--n-card-color);
|
|
@@ -1064,12 +1068,12 @@ to {
|
|
|
1064
1068
|
justify-content: space-between;
|
|
1065
1069
|
align-items: center;
|
|
1066
1070
|
}
|
|
1067
|
-
.custom-layout .layout-canvas .field-pool .pool-field[data-v-
|
|
1071
|
+
.custom-layout .layout-canvas .field-pool .pool-field[data-v-858beb3e]:hover {
|
|
1068
1072
|
border-color: var(--n-primary-color);
|
|
1069
1073
|
transform: translateY(-1px);
|
|
1070
1074
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
|
|
1071
1075
|
}
|
|
1072
|
-
.custom-layout .layout-canvas .field-pool .pool-field .field-name[data-v-
|
|
1076
|
+
.custom-layout .layout-canvas .field-pool .pool-field .field-name[data-v-858beb3e] {
|
|
1073
1077
|
font-size: 13px;
|
|
1074
1078
|
font-weight: 500;
|
|
1075
1079
|
flex: 1;
|
|
@@ -1077,90 +1081,90 @@ to {
|
|
|
1077
1081
|
text-overflow: ellipsis;
|
|
1078
1082
|
white-space: nowrap;
|
|
1079
1083
|
}
|
|
1080
|
-
.custom-layout .layout-canvas .field-pool .pool-field .field-type-tag[data-v-
|
|
1084
|
+
.custom-layout .layout-canvas .field-pool .pool-field .field-type-tag[data-v-858beb3e] {
|
|
1081
1085
|
font-size: 11px;
|
|
1082
1086
|
padding: 2px 8px;
|
|
1083
1087
|
border-radius: 4px;
|
|
1084
1088
|
background: var(--n-tag-color);
|
|
1085
1089
|
flex-shrink: 0;
|
|
1086
1090
|
}
|
|
1087
|
-
.custom-layout .layout-canvas .empty-layout[data-v-
|
|
1091
|
+
.custom-layout .layout-canvas .empty-layout[data-v-858beb3e] {
|
|
1088
1092
|
display: flex;
|
|
1089
1093
|
align-items: center;
|
|
1090
1094
|
justify-content: center;
|
|
1091
1095
|
height: 120px;
|
|
1092
1096
|
padding: 16px;
|
|
1093
1097
|
}
|
|
1094
|
-
.custom-layout .layout-canvas .form-areas[data-v-
|
|
1098
|
+
.custom-layout .layout-canvas .form-areas[data-v-858beb3e] {
|
|
1095
1099
|
display: flex;
|
|
1096
1100
|
flex-wrap: wrap;
|
|
1097
1101
|
gap: 16px;
|
|
1098
1102
|
align-items: flex-start;
|
|
1099
1103
|
}
|
|
1100
|
-
.custom-layout .layout-canvas .form-areas .form-area[data-v-
|
|
1104
|
+
.custom-layout .layout-canvas .form-areas .form-area[data-v-858beb3e] {
|
|
1101
1105
|
flex: 1;
|
|
1102
1106
|
min-width: 250px;
|
|
1103
1107
|
}
|
|
1104
|
-
.custom-layout .layout-canvas .form-areas .form-area.area-vertical[data-v-
|
|
1108
|
+
.custom-layout .layout-canvas .form-areas .form-area.area-vertical[data-v-858beb3e] {
|
|
1105
1109
|
width: 100%;
|
|
1106
1110
|
}
|
|
1107
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1111
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] {
|
|
1108
1112
|
display: flex;
|
|
1109
1113
|
flex-direction: column;
|
|
1110
1114
|
gap: 16px;
|
|
1111
1115
|
/* 统一表单项宽度 */
|
|
1112
1116
|
}
|
|
1113
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1117
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item {
|
|
1114
1118
|
width: 100%;
|
|
1115
1119
|
}
|
|
1116
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1120
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank {
|
|
1117
1121
|
width: 100%;
|
|
1118
1122
|
/* 统一输入控件宽度 */
|
|
1119
1123
|
}
|
|
1120
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1121
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1122
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1123
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1124
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1125
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1126
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1127
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1128
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1129
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1130
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1124
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-input,
|
|
1125
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-select,
|
|
1126
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-date-picker,
|
|
1127
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-input-number,
|
|
1128
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-textarea,
|
|
1129
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-radio-group,
|
|
1130
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-checkbox-group,
|
|
1131
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-cascader,
|
|
1132
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-tree-select,
|
|
1133
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-time-picker,
|
|
1134
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-color-picker {
|
|
1131
1135
|
width: 100% !important;
|
|
1132
1136
|
max-width: 100% !important;
|
|
1133
1137
|
}
|
|
1134
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1138
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank {
|
|
1135
1139
|
/* 特殊控件的额外处理 */
|
|
1136
1140
|
}
|
|
1137
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1138
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1141
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-radio-group,
|
|
1142
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-checkbox-group {
|
|
1139
1143
|
display: flex;
|
|
1140
1144
|
flex-wrap: wrap;
|
|
1141
1145
|
gap: 8px;
|
|
1142
1146
|
}
|
|
1143
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-horizontal[data-v-
|
|
1147
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-horizontal[data-v-858beb3e] {
|
|
1144
1148
|
flex-direction: row;
|
|
1145
1149
|
flex-wrap: wrap;
|
|
1146
1150
|
gap: 12px;
|
|
1147
1151
|
}
|
|
1148
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-horizontal[data-v-
|
|
1152
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-horizontal[data-v-858beb3e] .n-form-item {
|
|
1149
1153
|
flex: 1;
|
|
1150
1154
|
min-width: 200px;
|
|
1151
1155
|
}
|
|
1152
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-grid[data-v-
|
|
1156
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-grid[data-v-858beb3e] {
|
|
1153
1157
|
display: grid;
|
|
1154
1158
|
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
|
|
1155
1159
|
gap: 16px;
|
|
1156
1160
|
}
|
|
1157
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-grid[data-v-
|
|
1161
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-grid[data-v-858beb3e] .n-form-item {
|
|
1158
1162
|
width: 100%;
|
|
1159
1163
|
}
|
|
1160
1164
|
|
|
1161
1165
|
/* 拖拽状态 */
|
|
1162
|
-
.area-ghost[data-v-
|
|
1163
|
-
.field-ghost[data-v-
|
|
1166
|
+
.area-ghost[data-v-858beb3e],
|
|
1167
|
+
.field-ghost[data-v-858beb3e] {
|
|
1164
1168
|
opacity: 0.5;
|
|
1165
1169
|
background: var(--n-primary-color-suppl);
|
|
1166
1170
|
border: 2px dashed var(--n-primary-color);
|
|
@@ -1169,44 +1173,45 @@ to {
|
|
|
1169
1173
|
|
|
1170
1174
|
/* 响应式 */
|
|
1171
1175
|
@media (max-width: 1024px) {
|
|
1172
|
-
.custom-layout .toolbar-content[data-v-
|
|
1176
|
+
.custom-layout .toolbar-content[data-v-858beb3e] {
|
|
1173
1177
|
flex-direction: column;
|
|
1174
1178
|
gap: 12px;
|
|
1175
1179
|
}
|
|
1176
|
-
.custom-layout .layout-canvas .areas-container[data-v-
|
|
1180
|
+
.custom-layout .layout-canvas .areas-container[data-v-858beb3e] {
|
|
1177
1181
|
flex-direction: column;
|
|
1178
1182
|
}
|
|
1179
1183
|
}
|
|
1180
1184
|
@media (max-width: 768px) {
|
|
1181
|
-
.custom-layout .design-tools[data-v-
|
|
1185
|
+
.custom-layout .design-tools[data-v-858beb3e] {
|
|
1182
1186
|
flex-direction: column;
|
|
1183
1187
|
gap: 12px;
|
|
1184
1188
|
}
|
|
1185
|
-
.custom-layout .layout-canvas.design-mode[data-v-
|
|
1189
|
+
.custom-layout .layout-canvas.design-mode[data-v-858beb3e] {
|
|
1186
1190
|
padding: 12px;
|
|
1187
1191
|
}
|
|
1188
|
-
.custom-layout .custom-area[data-v-
|
|
1192
|
+
.custom-layout .custom-area[data-v-858beb3e] {
|
|
1189
1193
|
padding: 12px;
|
|
1190
1194
|
min-height: 100px;
|
|
1191
1195
|
}
|
|
1192
|
-
.custom-layout .layout-canvas .field-pool .pool-fields-grid[data-v-
|
|
1196
|
+
.custom-layout .layout-canvas .field-pool .pool-fields-grid[data-v-858beb3e] {
|
|
1193
1197
|
grid-template-columns: repeat(2, 1fr);
|
|
1194
1198
|
}
|
|
1195
1199
|
}
|
|
1196
1200
|
/* unplugin-vue-components disabled */
|
|
1197
1201
|
/* layer: default */
|
|
1198
|
-
.visible[data-v-
|
|
1199
|
-
.grid[data-v-
|
|
1200
|
-
.inline[data-v-
|
|
1202
|
+
.visible[data-v-858beb3e]{visibility:visible;}
|
|
1203
|
+
.grid[data-v-858beb3e]{display:grid;}
|
|
1204
|
+
.inline[data-v-858beb3e]{display:inline;}
|
|
1205
|
+
.blur[data-v-858beb3e]{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
|
|
1201
1206
|
|
|
1202
1207
|
/* unplugin-vue-components disabled */
|
|
1203
1208
|
/* layer: default */
|
|
1204
|
-
.visible[data-v-
|
|
1205
|
-
.grid[data-v-
|
|
1206
|
-
.inline[data-v-
|
|
1207
|
-
.table[data-v-
|
|
1208
|
-
.blur[data-v-
|
|
1209
|
-
.filter[data-v-
|
|
1209
|
+
.visible[data-v-6ce5207d]{visibility:visible;}
|
|
1210
|
+
.grid[data-v-6ce5207d]{display:grid;}
|
|
1211
|
+
.inline[data-v-6ce5207d]{display:inline;}
|
|
1212
|
+
.table[data-v-6ce5207d]{display:table;}
|
|
1213
|
+
.blur[data-v-6ce5207d]{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
|
|
1214
|
+
.filter[data-v-6ce5207d]{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
|
|
1210
1215
|
|
|
1211
1216
|
|
|
1212
1217
|
/* unplugin-vue-components disabled *//*
|