@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/style.css
CHANGED
|
@@ -5688,39 +5688,39 @@ to {
|
|
|
5688
5688
|
}
|
|
5689
5689
|
|
|
5690
5690
|
/* unplugin-vue-components disabled *//* Inline 布局样式 */
|
|
5691
|
-
.c-form-inline[data-v-
|
|
5691
|
+
.c-form-inline[data-v-195d0124] {
|
|
5692
5692
|
width: 100%;
|
|
5693
5693
|
min-height: 0;
|
|
5694
5694
|
transition: all 0.3s ease;
|
|
5695
5695
|
}
|
|
5696
|
-
.c-form-inline-item[data-v-
|
|
5696
|
+
.c-form-inline-item[data-v-195d0124] {
|
|
5697
5697
|
min-width: 0;
|
|
5698
5698
|
transition: all 0.3s ease;
|
|
5699
5699
|
}
|
|
5700
5700
|
|
|
5701
5701
|
/* 确保内部所有表单组件都占满容器宽度 */
|
|
5702
|
-
.c-form-inline-item[data-v-
|
|
5702
|
+
.c-form-inline-item[data-v-195d0124] .n-form-item {
|
|
5703
5703
|
width: 100%;
|
|
5704
5704
|
margin-bottom: 0;
|
|
5705
5705
|
}
|
|
5706
|
-
.c-form-inline-item[data-v-
|
|
5706
|
+
.c-form-inline-item[data-v-195d0124] .n-form-item-blank {
|
|
5707
5707
|
width: 100%;
|
|
5708
5708
|
}
|
|
5709
|
-
.c-form-inline-item[data-v-
|
|
5710
|
-
.c-form-inline-item[data-v-
|
|
5711
|
-
.c-form-inline-item[data-v-
|
|
5712
|
-
.c-form-inline-item[data-v-
|
|
5713
|
-
.c-form-inline-item[data-v-
|
|
5714
|
-
.c-form-inline-item[data-v-
|
|
5715
|
-
.c-form-inline-item[data-v-
|
|
5716
|
-
.c-form-inline-item[data-v-
|
|
5717
|
-
.c-form-inline-item[data-v-
|
|
5709
|
+
.c-form-inline-item[data-v-195d0124] .n-input,
|
|
5710
|
+
.c-form-inline-item[data-v-195d0124] .n-select,
|
|
5711
|
+
.c-form-inline-item[data-v-195d0124] .n-date-picker,
|
|
5712
|
+
.c-form-inline-item[data-v-195d0124] .n-time-picker,
|
|
5713
|
+
.c-form-inline-item[data-v-195d0124] .n-input-number,
|
|
5714
|
+
.c-form-inline-item[data-v-195d0124] .n-cascader,
|
|
5715
|
+
.c-form-inline-item[data-v-195d0124] .n-color-picker,
|
|
5716
|
+
.c-form-inline-item[data-v-195d0124] .n-auto-complete,
|
|
5717
|
+
.c-form-inline-item[data-v-195d0124] .n-tree-select {
|
|
5718
5718
|
width: 100% !important;
|
|
5719
5719
|
}
|
|
5720
5720
|
|
|
5721
5721
|
/* 单选框和复选框组保持自然宽度 */
|
|
5722
|
-
.c-form-inline-item[data-v-
|
|
5723
|
-
.c-form-inline-item[data-v-
|
|
5722
|
+
.c-form-inline-item[data-v-195d0124] .n-radio-group,
|
|
5723
|
+
.c-form-inline-item[data-v-195d0124] .n-checkbox-group {
|
|
5724
5724
|
width: 100%;
|
|
5725
5725
|
display: flex;
|
|
5726
5726
|
flex-wrap: wrap;
|
|
@@ -5728,52 +5728,53 @@ to {
|
|
|
5728
5728
|
}
|
|
5729
5729
|
|
|
5730
5730
|
/* 开关组件居左对齐 */
|
|
5731
|
-
.c-form-inline-item[data-v-
|
|
5731
|
+
.c-form-inline-item[data-v-195d0124] .n-switch {
|
|
5732
5732
|
width: auto;
|
|
5733
5733
|
}
|
|
5734
5734
|
|
|
5735
5735
|
/* ================= 对齐方式样式增强 ================= */
|
|
5736
5736
|
/* 当容器使用 center 对齐时,确保表单项也居中 */
|
|
5737
|
-
.c-form-inline[style*="justify-content: center"] .c-form-inline-item[data-v-
|
|
5737
|
+
.c-form-inline[style*="justify-content: center"] .c-form-inline-item[data-v-195d0124] {
|
|
5738
5738
|
text-align: center;
|
|
5739
5739
|
}
|
|
5740
5740
|
|
|
5741
5741
|
/* 当容器使用 end 对齐时,确保表单项也右对齐 */
|
|
5742
|
-
.c-form-inline[style*="justify-content: flex-end"] .c-form-inline-item[data-v-
|
|
5742
|
+
.c-form-inline[style*="justify-content: flex-end"] .c-form-inline-item[data-v-195d0124] {
|
|
5743
5743
|
text-align: right;
|
|
5744
5744
|
}
|
|
5745
5745
|
|
|
5746
5746
|
/* 当容器使用 start 对齐时,确保表单项左对齐 */
|
|
5747
|
-
.c-form-inline[style*="justify-content: flex-start"] .c-form-inline-item[data-v-
|
|
5747
|
+
.c-form-inline[style*="justify-content: flex-start"] .c-form-inline-item[data-v-195d0124] {
|
|
5748
5748
|
text-align: left;
|
|
5749
5749
|
}
|
|
5750
5750
|
|
|
5751
5751
|
/* ================= 响应式设计 ================= */
|
|
5752
5752
|
/* 移动设备 - 改为垂直布局 */
|
|
5753
5753
|
@media (max-width: 768px) {
|
|
5754
|
-
.c-form-inline[data-v-
|
|
5754
|
+
.c-form-inline[data-v-195d0124] {
|
|
5755
5755
|
flex-direction: column !important;
|
|
5756
5756
|
gap: 12px !important;
|
|
5757
5757
|
justify-content: flex-start !important;
|
|
5758
5758
|
}
|
|
5759
|
-
.c-form-inline-item[data-v-
|
|
5759
|
+
.c-form-inline-item[data-v-195d0124] {
|
|
5760
5760
|
width: 100% !important;
|
|
5761
5761
|
text-align: left !important;
|
|
5762
5762
|
}
|
|
5763
5763
|
}
|
|
5764
5764
|
/* 小屏手机 */
|
|
5765
5765
|
@media (max-width: 480px) {
|
|
5766
|
-
.c-form-inline[data-v-
|
|
5766
|
+
.c-form-inline[data-v-195d0124] {
|
|
5767
5767
|
gap: 8px !important;
|
|
5768
5768
|
}
|
|
5769
5769
|
}
|
|
5770
5770
|
/* unplugin-vue-components disabled */
|
|
5771
5771
|
/* layer: default */
|
|
5772
|
-
.visible[data-v-
|
|
5773
|
-
.grid[data-v-
|
|
5774
|
-
.inline[data-v-
|
|
5775
|
-
.flex[data-v-
|
|
5776
|
-
.px[data-v-
|
|
5772
|
+
.visible[data-v-195d0124]{visibility:visible;}
|
|
5773
|
+
.grid[data-v-195d0124]{display:grid;}
|
|
5774
|
+
.inline[data-v-195d0124]{display:inline;}
|
|
5775
|
+
.flex[data-v-195d0124]{display:flex;}
|
|
5776
|
+
.px[data-v-195d0124]{padding-left:1rem;padding-right:1rem;}
|
|
5777
|
+
.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);}
|
|
5777
5778
|
|
|
5778
5779
|
/* unplugin-vue-components disabled *//* Grid 布局样式 */
|
|
5779
5780
|
/* 变量定义 */
|
|
@@ -6131,42 +6132,42 @@ to {
|
|
|
6131
6132
|
.text-xs[data-v-28320dd2]{font-size:0.75rem;line-height:1rem;}
|
|
6132
6133
|
|
|
6133
6134
|
/* unplugin-vue-components disabled *//* Tabs 布局样式 */
|
|
6134
|
-
.c-form-tabs[data-v-
|
|
6135
|
+
.c-form-tabs[data-v-cbd5e822] {
|
|
6135
6136
|
width: 100%;
|
|
6136
6137
|
}
|
|
6137
|
-
.single-panel[data-v-
|
|
6138
|
+
.single-panel[data-v-cbd5e822] {
|
|
6138
6139
|
width: 100%;
|
|
6139
6140
|
}
|
|
6140
|
-
.tabs-container[data-v-
|
|
6141
|
+
.tabs-container[data-v-cbd5e822] {
|
|
6141
6142
|
width: 100%;
|
|
6142
6143
|
}
|
|
6143
|
-
.form-tabs[data-v-
|
|
6144
|
+
.form-tabs[data-v-cbd5e822] {
|
|
6144
6145
|
width: 100%;
|
|
6145
6146
|
}
|
|
6146
|
-
.tab-icon[data-v-
|
|
6147
|
+
.tab-icon[data-v-cbd5e822] {
|
|
6147
6148
|
font-size: 16px;
|
|
6148
6149
|
display: inline-flex;
|
|
6149
6150
|
align-items: center;
|
|
6150
6151
|
justify-content: center;
|
|
6151
6152
|
}
|
|
6152
|
-
.tab-header[data-v-
|
|
6153
|
+
.tab-header[data-v-cbd5e822] {
|
|
6153
6154
|
margin-bottom: 16px;
|
|
6154
6155
|
padding-bottom: 12px;
|
|
6155
6156
|
border-bottom: 1px solid var(--n-border-color);
|
|
6156
6157
|
}
|
|
6157
|
-
.tab-description[data-v-
|
|
6158
|
+
.tab-description[data-v-cbd5e822] {
|
|
6158
6159
|
margin: 0;
|
|
6159
6160
|
font-size: 14px;
|
|
6160
6161
|
line-height: 1.5;
|
|
6161
6162
|
opacity: 0.8;
|
|
6162
6163
|
}
|
|
6163
|
-
.tab-form-items[data-v-
|
|
6164
|
+
.tab-form-items[data-v-cbd5e822] {
|
|
6164
6165
|
width: 100%;
|
|
6165
6166
|
}
|
|
6166
|
-
.tab-empty[data-v-
|
|
6167
|
+
.tab-empty[data-v-cbd5e822] {
|
|
6167
6168
|
padding: 40px 0;
|
|
6168
6169
|
}
|
|
6169
|
-
.tabs-actions[data-v-
|
|
6170
|
+
.tabs-actions[data-v-cbd5e822] {
|
|
6170
6171
|
margin-top: 16px;
|
|
6171
6172
|
padding-top: 12px;
|
|
6172
6173
|
border-top: 1px solid var(--n-border-color);
|
|
@@ -6174,69 +6175,70 @@ to {
|
|
|
6174
6175
|
|
|
6175
6176
|
/* 响应式设计 */
|
|
6176
6177
|
@media (max-width: 768px) {
|
|
6177
|
-
.tabs-actions[data-v-
|
|
6178
|
+
.tabs-actions[data-v-cbd5e822] {
|
|
6178
6179
|
margin-top: 12px;
|
|
6179
6180
|
padding-top: 8px;
|
|
6180
6181
|
}
|
|
6181
|
-
.tabs-actions[data-v-
|
|
6182
|
+
.tabs-actions[data-v-cbd5e822] .n-space {
|
|
6182
6183
|
flex-wrap: wrap;
|
|
6183
6184
|
}
|
|
6184
6185
|
}
|
|
6185
6186
|
/* unplugin-vue-components disabled */
|
|
6186
6187
|
/* layer: default */
|
|
6187
|
-
.visible[data-v-
|
|
6188
|
-
.grid[data-v-
|
|
6189
|
-
.inline[data-v-
|
|
6190
|
-
.tab[data-v-
|
|
6188
|
+
.visible[data-v-cbd5e822]{visibility:visible;}
|
|
6189
|
+
.grid[data-v-cbd5e822]{display:grid;}
|
|
6190
|
+
.inline[data-v-cbd5e822]{display:inline;}
|
|
6191
|
+
.tab[data-v-cbd5e822]{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}
|
|
6192
|
+
.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);}
|
|
6191
6193
|
|
|
6192
6194
|
/* unplugin-vue-components disabled *//* Steps 布局样式 */
|
|
6193
|
-
.c-form-steps[data-v-
|
|
6195
|
+
.c-form-steps[data-v-ee5e4509] {
|
|
6194
6196
|
display: flex;
|
|
6195
6197
|
flex-direction: column;
|
|
6196
6198
|
gap: 24px;
|
|
6197
6199
|
}
|
|
6198
|
-
.single-panel[data-v-
|
|
6200
|
+
.single-panel[data-v-ee5e4509] {
|
|
6199
6201
|
width: 100%;
|
|
6200
6202
|
}
|
|
6201
|
-
.steps-container[data-v-
|
|
6203
|
+
.steps-container[data-v-ee5e4509] {
|
|
6202
6204
|
display: flex;
|
|
6203
6205
|
flex-direction: column;
|
|
6204
6206
|
gap: 24px;
|
|
6205
6207
|
}
|
|
6206
|
-
.steps-indicator[data-v-
|
|
6208
|
+
.steps-indicator[data-v-ee5e4509] {
|
|
6207
6209
|
padding: 24px;
|
|
6208
6210
|
border-radius: 8px;
|
|
6209
6211
|
}
|
|
6210
|
-
.steps-content[data-v-
|
|
6212
|
+
.steps-content[data-v-ee5e4509] {
|
|
6211
6213
|
min-height: 400px;
|
|
6212
6214
|
}
|
|
6213
|
-
.step-panel[data-v-
|
|
6214
|
-
animation: fadeIn-
|
|
6215
|
+
.step-panel[data-v-ee5e4509] {
|
|
6216
|
+
animation: fadeIn-ee5e4509 0.3s ease-in-out;
|
|
6215
6217
|
}
|
|
6216
|
-
.step-header[data-v-
|
|
6218
|
+
.step-header[data-v-ee5e4509] {
|
|
6217
6219
|
margin-bottom: 24px;
|
|
6218
6220
|
padding-bottom: 16px;
|
|
6219
6221
|
border-bottom: 1px solid var(--n-border-color);
|
|
6220
6222
|
}
|
|
6221
|
-
.step-title[data-v-
|
|
6223
|
+
.step-title[data-v-ee5e4509] {
|
|
6222
6224
|
margin: 0 0 8px 0;
|
|
6223
6225
|
font-size: 18px;
|
|
6224
6226
|
font-weight: 600;
|
|
6225
6227
|
}
|
|
6226
|
-
.step-description[data-v-
|
|
6228
|
+
.step-description[data-v-ee5e4509] {
|
|
6227
6229
|
margin: 0;
|
|
6228
6230
|
font-size: 14px;
|
|
6229
6231
|
line-height: 1.5;
|
|
6230
6232
|
}
|
|
6231
|
-
.step-form-items[data-v-
|
|
6233
|
+
.step-form-items[data-v-ee5e4509] {
|
|
6232
6234
|
width: 100%;
|
|
6233
6235
|
}
|
|
6234
|
-
.steps-actions[data-v-
|
|
6236
|
+
.steps-actions[data-v-ee5e4509] {
|
|
6235
6237
|
margin-top: 24px;
|
|
6236
6238
|
padding-top: 16px;
|
|
6237
6239
|
border-top: 1px solid var(--n-border-color);
|
|
6238
6240
|
}
|
|
6239
|
-
@keyframes fadeIn-
|
|
6241
|
+
@keyframes fadeIn-ee5e4509 {
|
|
6240
6242
|
from {
|
|
6241
6243
|
opacity: 0;
|
|
6242
6244
|
transform: translateY(8px);
|
|
@@ -6247,77 +6249,78 @@ to {
|
|
|
6247
6249
|
}
|
|
6248
6250
|
}
|
|
6249
6251
|
/* 垂直步骤样式:由组件状态驱动,避免 scoped CSS 生成无效的 :has/:deep 组合。 */
|
|
6250
|
-
.steps-container.is-vertical[data-v-
|
|
6252
|
+
.steps-container.is-vertical[data-v-ee5e4509] {
|
|
6251
6253
|
flex-direction: row;
|
|
6252
6254
|
align-items: flex-start;
|
|
6253
6255
|
}
|
|
6254
|
-
.steps-container.is-vertical .steps-indicator[data-v-
|
|
6256
|
+
.steps-container.is-vertical .steps-indicator[data-v-ee5e4509] {
|
|
6255
6257
|
flex-shrink: 0;
|
|
6256
6258
|
width: 250px;
|
|
6257
6259
|
margin-right: 24px;
|
|
6258
6260
|
}
|
|
6259
|
-
.steps-container.is-vertical .steps-content[data-v-
|
|
6261
|
+
.steps-container.is-vertical .steps-content[data-v-ee5e4509] {
|
|
6260
6262
|
flex: 1;
|
|
6261
6263
|
}
|
|
6262
6264
|
|
|
6263
6265
|
/* 响应式设计 */
|
|
6264
6266
|
@media (max-width: 768px) {
|
|
6265
|
-
.steps-container.is-vertical[data-v-
|
|
6267
|
+
.steps-container.is-vertical[data-v-ee5e4509] {
|
|
6266
6268
|
flex-direction: column !important;
|
|
6267
6269
|
}
|
|
6268
|
-
.steps-container.is-vertical .steps-indicator[data-v-
|
|
6270
|
+
.steps-container.is-vertical .steps-indicator[data-v-ee5e4509] {
|
|
6269
6271
|
width: 100% !important;
|
|
6270
6272
|
margin-right: 0 !important;
|
|
6271
6273
|
margin-bottom: 16px;
|
|
6272
6274
|
}
|
|
6273
6275
|
}
|
|
6274
6276
|
@media (prefers-reduced-motion: reduce) {
|
|
6275
|
-
.step-panel[data-v-
|
|
6277
|
+
.step-panel[data-v-ee5e4509] {
|
|
6276
6278
|
animation: none !important;
|
|
6277
6279
|
}
|
|
6278
6280
|
}
|
|
6279
6281
|
/* unplugin-vue-components disabled */
|
|
6280
6282
|
/* layer: default */
|
|
6281
|
-
.visible[data-v-
|
|
6282
|
-
.grid[data-v-
|
|
6283
|
-
.inline[data-v-
|
|
6283
|
+
.visible[data-v-ee5e4509]{visibility:visible;}
|
|
6284
|
+
.grid[data-v-ee5e4509]{display:grid;}
|
|
6285
|
+
.inline[data-v-ee5e4509]{display:inline;}
|
|
6286
|
+
.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);}
|
|
6284
6287
|
|
|
6285
6288
|
/* unplugin-vue-components disabled *//* Dynamic 布局样式 */
|
|
6286
|
-
.c-form-dynamic[data-v-
|
|
6289
|
+
.c-form-dynamic[data-v-1779d19c] {
|
|
6287
6290
|
width: 100%;
|
|
6288
6291
|
}
|
|
6289
|
-
.dynamic-controls[data-v-
|
|
6290
|
-
.dynamic-controls-fallback[data-v-
|
|
6292
|
+
.dynamic-controls[data-v-1779d19c],
|
|
6293
|
+
.dynamic-controls-fallback[data-v-1779d19c] {
|
|
6291
6294
|
margin-bottom: 16px;
|
|
6292
6295
|
}
|
|
6293
|
-
.dynamic-stats[data-v-
|
|
6296
|
+
.dynamic-stats[data-v-1779d19c] {
|
|
6294
6297
|
margin-top: 16px;
|
|
6295
6298
|
padding-top: 12px;
|
|
6296
6299
|
border-top: 1px solid var(--n-divider-color);
|
|
6297
6300
|
}
|
|
6298
|
-
.dynamic-item-wrapper[data-v-
|
|
6301
|
+
.dynamic-item-wrapper[data-v-1779d19c] {
|
|
6299
6302
|
position: relative;
|
|
6300
6303
|
transition: all 0.3s ease;
|
|
6301
|
-
animation: fadeInUp-
|
|
6304
|
+
animation: fadeInUp-1779d19c 0.3s ease-out;
|
|
6302
6305
|
}
|
|
6303
|
-
.dynamic-item-wrapper.is-dynamic-field[data-v-
|
|
6306
|
+
.dynamic-item-wrapper.is-dynamic-field[data-v-1779d19c] {
|
|
6304
6307
|
border: 1px dashed var(--n-color-primary);
|
|
6305
6308
|
border-radius: 6px;
|
|
6306
6309
|
padding: 8px;
|
|
6307
6310
|
background-color: var(--n-color-primary-suppl);
|
|
6308
6311
|
}
|
|
6309
|
-
.max-fields-config[data-v-
|
|
6312
|
+
.max-fields-config[data-v-1779d19c] {
|
|
6310
6313
|
display: flex;
|
|
6311
6314
|
align-items: center;
|
|
6312
6315
|
gap: 8px;
|
|
6313
6316
|
font-size: 14px;
|
|
6314
6317
|
}
|
|
6315
|
-
.max-fields-config span[data-v-
|
|
6318
|
+
.max-fields-config span[data-v-1779d19c] {
|
|
6316
6319
|
font-weight: 500;
|
|
6317
6320
|
white-space: nowrap;
|
|
6318
6321
|
color: var(--n-text-color-2);
|
|
6319
6322
|
}
|
|
6320
|
-
@keyframes fadeInUp-
|
|
6323
|
+
@keyframes fadeInUp-1779d19c {
|
|
6321
6324
|
from {
|
|
6322
6325
|
opacity: 0;
|
|
6323
6326
|
transform: translateY(10px);
|
|
@@ -6329,125 +6332,126 @@ to {
|
|
|
6329
6332
|
}
|
|
6330
6333
|
/* 响应式设计 */
|
|
6331
6334
|
@media (max-width: 768px) {
|
|
6332
|
-
.dynamic-controls[data-v-
|
|
6333
|
-
.dynamic-controls-fallback[data-v-
|
|
6335
|
+
.dynamic-controls[data-v-1779d19c],
|
|
6336
|
+
.dynamic-controls-fallback[data-v-1779d19c] {
|
|
6334
6337
|
margin-bottom: 12px;
|
|
6335
6338
|
}
|
|
6336
|
-
.dynamic-stats[data-v-
|
|
6339
|
+
.dynamic-stats[data-v-1779d19c] {
|
|
6337
6340
|
margin-top: 12px;
|
|
6338
6341
|
}
|
|
6339
|
-
.dynamic-item-wrapper.is-dynamic-field[data-v-
|
|
6342
|
+
.dynamic-item-wrapper.is-dynamic-field[data-v-1779d19c] {
|
|
6340
6343
|
padding: 6px;
|
|
6341
6344
|
}
|
|
6342
|
-
.max-fields-config[data-v-
|
|
6345
|
+
.max-fields-config[data-v-1779d19c] {
|
|
6343
6346
|
margin-top: 8px;
|
|
6344
6347
|
}
|
|
6345
6348
|
}
|
|
6346
6349
|
/* 辅助功能 */
|
|
6347
6350
|
@media (prefers-reduced-motion: reduce) {
|
|
6348
|
-
.dynamic-item-wrapper[data-v-
|
|
6351
|
+
.dynamic-item-wrapper[data-v-1779d19c] {
|
|
6349
6352
|
animation: none !important;
|
|
6350
6353
|
transition: none !important;
|
|
6351
6354
|
}
|
|
6352
6355
|
}
|
|
6353
6356
|
@media (prefers-contrast: high) {
|
|
6354
|
-
.dynamic-item-wrapper.is-dynamic-field[data-v-
|
|
6357
|
+
.dynamic-item-wrapper.is-dynamic-field[data-v-1779d19c] {
|
|
6355
6358
|
border-width: 2px;
|
|
6356
6359
|
border-color: currentColor;
|
|
6357
6360
|
}
|
|
6358
6361
|
}
|
|
6359
6362
|
/* unplugin-vue-components disabled */
|
|
6360
6363
|
/* layer: default */
|
|
6361
|
-
.visible[data-v-
|
|
6362
|
-
.grid[data-v-
|
|
6363
|
-
.inline[data-v-
|
|
6364
|
+
.visible[data-v-1779d19c]{visibility:visible;}
|
|
6365
|
+
.grid[data-v-1779d19c]{display:grid;}
|
|
6366
|
+
.inline[data-v-1779d19c]{display:inline;}
|
|
6367
|
+
.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);}
|
|
6364
6368
|
|
|
6365
6369
|
/* unplugin-vue-components disabled *//* Custom 布局样式 */
|
|
6366
|
-
.custom-layout .toolbar-card[data-v-
|
|
6370
|
+
.custom-layout .toolbar-card[data-v-858beb3e] {
|
|
6367
6371
|
margin-bottom: 16px;
|
|
6368
6372
|
}
|
|
6369
|
-
.custom-layout .toolbar-card .toolbar-content[data-v-
|
|
6373
|
+
.custom-layout .toolbar-card .toolbar-content[data-v-858beb3e] {
|
|
6370
6374
|
display: flex;
|
|
6371
6375
|
justify-content: space-between;
|
|
6372
6376
|
align-items: center;
|
|
6373
6377
|
flex-wrap: wrap;
|
|
6374
6378
|
gap: 16px;
|
|
6375
6379
|
}
|
|
6376
|
-
.custom-layout .toolbar-card .toolbar-content .mode-section[data-v-
|
|
6377
|
-
.custom-layout .toolbar-card .toolbar-content .stats-section[data-v-
|
|
6378
|
-
.custom-layout .toolbar-card .toolbar-content .actions-section[data-v-
|
|
6380
|
+
.custom-layout .toolbar-card .toolbar-content .mode-section[data-v-858beb3e],
|
|
6381
|
+
.custom-layout .toolbar-card .toolbar-content .stats-section[data-v-858beb3e],
|
|
6382
|
+
.custom-layout .toolbar-card .toolbar-content .actions-section[data-v-858beb3e] {
|
|
6379
6383
|
display: flex;
|
|
6380
6384
|
align-items: center;
|
|
6381
6385
|
gap: 12px;
|
|
6382
6386
|
}
|
|
6383
|
-
.custom-layout .toolbar-card .toolbar-content .section-label[data-v-
|
|
6387
|
+
.custom-layout .toolbar-card .toolbar-content .section-label[data-v-858beb3e] {
|
|
6384
6388
|
font-size: 14px;
|
|
6385
6389
|
font-weight: 500;
|
|
6386
6390
|
}
|
|
6387
|
-
.custom-layout .toolbar-card .toolbar-content .stat-item[data-v-
|
|
6391
|
+
.custom-layout .toolbar-card .toolbar-content .stat-item[data-v-858beb3e] {
|
|
6388
6392
|
text-align: center;
|
|
6389
6393
|
min-width: 60px;
|
|
6390
6394
|
}
|
|
6391
|
-
.custom-layout .toolbar-card .toolbar-content .stat-item .stat-value[data-v-
|
|
6395
|
+
.custom-layout .toolbar-card .toolbar-content .stat-item .stat-value[data-v-858beb3e] {
|
|
6392
6396
|
display: block;
|
|
6393
6397
|
font-size: 18px;
|
|
6394
6398
|
font-weight: 600;
|
|
6395
6399
|
color: var(--n-primary-color);
|
|
6396
6400
|
}
|
|
6397
|
-
.custom-layout .toolbar-card .toolbar-content .stat-item .stat-label[data-v-
|
|
6401
|
+
.custom-layout .toolbar-card .toolbar-content .stat-item .stat-label[data-v-858beb3e] {
|
|
6398
6402
|
font-size: 12px;
|
|
6399
6403
|
opacity: 0.7;
|
|
6400
6404
|
margin-top: 4px;
|
|
6401
6405
|
}
|
|
6402
|
-
.custom-layout .design-panel[data-v-
|
|
6406
|
+
.custom-layout .design-panel[data-v-858beb3e] {
|
|
6403
6407
|
margin-bottom: 16px;
|
|
6404
6408
|
}
|
|
6405
|
-
.custom-layout .design-panel .design-tools[data-v-
|
|
6409
|
+
.custom-layout .design-panel .design-tools[data-v-858beb3e] {
|
|
6406
6410
|
display: flex;
|
|
6407
6411
|
gap: 24px;
|
|
6408
6412
|
flex-wrap: wrap;
|
|
6409
6413
|
}
|
|
6410
|
-
.custom-layout .design-panel .design-tools .tool-group[data-v-
|
|
6414
|
+
.custom-layout .design-panel .design-tools .tool-group[data-v-858beb3e] {
|
|
6411
6415
|
display: flex;
|
|
6412
6416
|
align-items: center;
|
|
6413
6417
|
gap: 8px;
|
|
6414
6418
|
}
|
|
6415
|
-
.custom-layout .design-panel .design-tools .tool-group .group-label[data-v-
|
|
6419
|
+
.custom-layout .design-panel .design-tools .tool-group .group-label[data-v-858beb3e] {
|
|
6416
6420
|
font-size: 14px;
|
|
6417
6421
|
font-weight: 500;
|
|
6418
6422
|
margin-right: 4px;
|
|
6419
6423
|
}
|
|
6420
|
-
.custom-layout .layout-canvas[data-v-
|
|
6424
|
+
.custom-layout .layout-canvas[data-v-858beb3e] {
|
|
6421
6425
|
min-height: 200px;
|
|
6422
6426
|
}
|
|
6423
|
-
.custom-layout .layout-canvas.design-mode[data-v-
|
|
6427
|
+
.custom-layout .layout-canvas.design-mode[data-v-858beb3e] {
|
|
6424
6428
|
border: 2px dashed var(--n-border-color);
|
|
6425
6429
|
border-radius: 8px;
|
|
6426
6430
|
padding: 16px;
|
|
6427
6431
|
background: var(--n-body-color);
|
|
6428
6432
|
}
|
|
6429
|
-
.custom-layout .layout-canvas .canvas-hint[data-v-
|
|
6433
|
+
.custom-layout .layout-canvas .canvas-hint[data-v-858beb3e] {
|
|
6430
6434
|
display: flex;
|
|
6431
6435
|
align-items: center;
|
|
6432
6436
|
justify-content: center;
|
|
6433
6437
|
height: 120px;
|
|
6434
6438
|
text-align: center;
|
|
6435
6439
|
}
|
|
6436
|
-
.custom-layout .layout-canvas .canvas-hint .hint-content h3[data-v-
|
|
6440
|
+
.custom-layout .layout-canvas .canvas-hint .hint-content h3[data-v-858beb3e] {
|
|
6437
6441
|
margin: 0 0 8px 0;
|
|
6438
6442
|
font-size: 18px;
|
|
6439
6443
|
}
|
|
6440
|
-
.custom-layout .layout-canvas .canvas-hint .hint-content p[data-v-
|
|
6444
|
+
.custom-layout .layout-canvas .canvas-hint .hint-content p[data-v-858beb3e] {
|
|
6441
6445
|
margin: 0;
|
|
6442
6446
|
opacity: 0.7;
|
|
6443
6447
|
font-size: 14px;
|
|
6444
6448
|
}
|
|
6445
|
-
.custom-layout .layout-canvas .areas-container[data-v-
|
|
6449
|
+
.custom-layout .layout-canvas .areas-container[data-v-858beb3e] {
|
|
6446
6450
|
display: flex;
|
|
6447
6451
|
flex-wrap: wrap;
|
|
6448
6452
|
gap: 16px;
|
|
6449
6453
|
}
|
|
6450
|
-
.custom-layout .layout-canvas .custom-area[data-v-
|
|
6454
|
+
.custom-layout .layout-canvas .custom-area[data-v-858beb3e] {
|
|
6451
6455
|
border: 1px solid var(--n-border-color);
|
|
6452
6456
|
border-radius: 8px;
|
|
6453
6457
|
background: var(--n-card-color);
|
|
@@ -6456,7 +6460,7 @@ to {
|
|
|
6456
6460
|
flex: 1;
|
|
6457
6461
|
min-width: 250px;
|
|
6458
6462
|
}
|
|
6459
|
-
.custom-layout .layout-canvas .custom-area .area-header[data-v-
|
|
6463
|
+
.custom-layout .layout-canvas .custom-area .area-header[data-v-858beb3e] {
|
|
6460
6464
|
display: flex;
|
|
6461
6465
|
justify-content: space-between;
|
|
6462
6466
|
align-items: center;
|
|
@@ -6464,12 +6468,12 @@ to {
|
|
|
6464
6468
|
padding-bottom: 8px;
|
|
6465
6469
|
border-bottom: 1px solid var(--n-divider-color);
|
|
6466
6470
|
}
|
|
6467
|
-
.custom-layout .layout-canvas .custom-area .area-header .area-info[data-v-
|
|
6471
|
+
.custom-layout .layout-canvas .custom-area .area-header .area-info[data-v-858beb3e] {
|
|
6468
6472
|
display: flex;
|
|
6469
6473
|
align-items: center;
|
|
6470
6474
|
gap: 8px;
|
|
6471
6475
|
}
|
|
6472
|
-
.custom-layout .layout-canvas .custom-area .area-header .area-info .area-title[data-v-
|
|
6476
|
+
.custom-layout .layout-canvas .custom-area .area-header .area-info .area-title[data-v-858beb3e] {
|
|
6473
6477
|
font-weight: 600;
|
|
6474
6478
|
font-size: 14px;
|
|
6475
6479
|
cursor: pointer;
|
|
@@ -6477,25 +6481,25 @@ to {
|
|
|
6477
6481
|
border-radius: 4px;
|
|
6478
6482
|
transition: all 0.2s ease;
|
|
6479
6483
|
}
|
|
6480
|
-
.custom-layout .layout-canvas .custom-area .area-header .area-info .area-title[data-v-
|
|
6484
|
+
.custom-layout .layout-canvas .custom-area .area-header .area-info .area-title[data-v-858beb3e]:hover {
|
|
6481
6485
|
background: var(--n-button-color-hover);
|
|
6482
6486
|
color: var(--n-primary-color);
|
|
6483
6487
|
}
|
|
6484
|
-
.custom-layout .layout-canvas .custom-area .area-header .area-info .title-input[data-v-
|
|
6488
|
+
.custom-layout .layout-canvas .custom-area .area-header .area-info .title-input[data-v-858beb3e] {
|
|
6485
6489
|
min-width: 120px;
|
|
6486
6490
|
max-width: 200px;
|
|
6487
6491
|
}
|
|
6488
|
-
.custom-layout .layout-canvas .custom-area .area-header .area-controls[data-v-
|
|
6492
|
+
.custom-layout .layout-canvas .custom-area .area-header .area-controls[data-v-858beb3e] {
|
|
6489
6493
|
display: flex;
|
|
6490
6494
|
gap: 4px;
|
|
6491
6495
|
}
|
|
6492
|
-
.custom-layout .layout-canvas .custom-area .area-fields[data-v-
|
|
6496
|
+
.custom-layout .layout-canvas .custom-area .area-fields[data-v-858beb3e] {
|
|
6493
6497
|
display: flex;
|
|
6494
6498
|
flex-direction: column;
|
|
6495
6499
|
gap: 8px;
|
|
6496
6500
|
min-height: 60px;
|
|
6497
6501
|
}
|
|
6498
|
-
.custom-layout .layout-canvas .custom-area .area-drop-zone[data-v-
|
|
6502
|
+
.custom-layout .layout-canvas .custom-area .area-drop-zone[data-v-858beb3e] {
|
|
6499
6503
|
display: flex;
|
|
6500
6504
|
align-items: center;
|
|
6501
6505
|
justify-content: center;
|
|
@@ -6508,21 +6512,21 @@ to {
|
|
|
6508
6512
|
background: var(--n-body-color);
|
|
6509
6513
|
margin-top: 8px;
|
|
6510
6514
|
}
|
|
6511
|
-
.custom-layout .layout-canvas .custom-area .area-drop-zone[data-v-
|
|
6515
|
+
.custom-layout .layout-canvas .custom-area .area-drop-zone[data-v-858beb3e]:hover {
|
|
6512
6516
|
border-color: var(--n-primary-color);
|
|
6513
6517
|
opacity: 1;
|
|
6514
6518
|
}
|
|
6515
|
-
.custom-layout .layout-canvas .custom-area.area-horizontal .area-fields[data-v-
|
|
6519
|
+
.custom-layout .layout-canvas .custom-area.area-horizontal .area-fields[data-v-858beb3e] {
|
|
6516
6520
|
flex-direction: row;
|
|
6517
6521
|
flex-wrap: wrap;
|
|
6518
6522
|
gap: 12px;
|
|
6519
6523
|
}
|
|
6520
|
-
.custom-layout .layout-canvas .custom-area.area-grid .area-fields[data-v-
|
|
6524
|
+
.custom-layout .layout-canvas .custom-area.area-grid .area-fields[data-v-858beb3e] {
|
|
6521
6525
|
display: grid;
|
|
6522
6526
|
grid-template-columns: repeat(2, 1fr);
|
|
6523
6527
|
gap: 8px;
|
|
6524
6528
|
}
|
|
6525
|
-
.custom-layout .layout-canvas .field-item[data-v-
|
|
6529
|
+
.custom-layout .layout-canvas .field-item[data-v-858beb3e] {
|
|
6526
6530
|
border: 1px solid var(--n-border-color);
|
|
6527
6531
|
border-radius: 6px;
|
|
6528
6532
|
background: var(--n-body-color);
|
|
@@ -6531,18 +6535,18 @@ to {
|
|
|
6531
6535
|
cursor: move;
|
|
6532
6536
|
transition: all 0.2s ease;
|
|
6533
6537
|
}
|
|
6534
|
-
.custom-layout .layout-canvas .field-item[data-v-
|
|
6538
|
+
.custom-layout .layout-canvas .field-item[data-v-858beb3e]:hover {
|
|
6535
6539
|
border-color: var(--n-primary-color);
|
|
6536
6540
|
transform: translateY(-1px);
|
|
6537
6541
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
|
|
6538
6542
|
}
|
|
6539
|
-
.custom-layout .layout-canvas .field-item .field-preview[data-v-
|
|
6543
|
+
.custom-layout .layout-canvas .field-item .field-preview[data-v-858beb3e] {
|
|
6540
6544
|
display: flex;
|
|
6541
6545
|
justify-content: space-between;
|
|
6542
6546
|
align-items: center;
|
|
6543
6547
|
gap: 8px;
|
|
6544
6548
|
}
|
|
6545
|
-
.custom-layout .layout-canvas .field-item .field-preview .field-label[data-v-
|
|
6549
|
+
.custom-layout .layout-canvas .field-item .field-preview .field-label[data-v-858beb3e] {
|
|
6546
6550
|
font-size: 13px;
|
|
6547
6551
|
font-weight: 500;
|
|
6548
6552
|
flex: 1;
|
|
@@ -6550,7 +6554,7 @@ to {
|
|
|
6550
6554
|
text-overflow: ellipsis;
|
|
6551
6555
|
white-space: nowrap;
|
|
6552
6556
|
}
|
|
6553
|
-
.custom-layout .layout-canvas .field-item .field-preview .field-type[data-v-
|
|
6557
|
+
.custom-layout .layout-canvas .field-item .field-preview .field-type[data-v-858beb3e] {
|
|
6554
6558
|
font-size: 11px;
|
|
6555
6559
|
opacity: 0.6;
|
|
6556
6560
|
background: var(--n-tag-color);
|
|
@@ -6558,15 +6562,15 @@ to {
|
|
|
6558
6562
|
border-radius: 4px;
|
|
6559
6563
|
flex-shrink: 0;
|
|
6560
6564
|
}
|
|
6561
|
-
.custom-layout .layout-canvas .field-pool[data-v-
|
|
6565
|
+
.custom-layout .layout-canvas .field-pool[data-v-858beb3e] {
|
|
6562
6566
|
margin-top: 16px;
|
|
6563
6567
|
}
|
|
6564
|
-
.custom-layout .layout-canvas .field-pool .pool-fields-grid[data-v-
|
|
6568
|
+
.custom-layout .layout-canvas .field-pool .pool-fields-grid[data-v-858beb3e] {
|
|
6565
6569
|
display: grid;
|
|
6566
6570
|
grid-template-columns: repeat(4, 1fr);
|
|
6567
6571
|
gap: 12px;
|
|
6568
6572
|
}
|
|
6569
|
-
.custom-layout .layout-canvas .field-pool .pool-field[data-v-
|
|
6573
|
+
.custom-layout .layout-canvas .field-pool .pool-field[data-v-858beb3e] {
|
|
6570
6574
|
border: 1px solid var(--n-border-color);
|
|
6571
6575
|
border-radius: 6px;
|
|
6572
6576
|
background: var(--n-card-color);
|
|
@@ -6578,12 +6582,12 @@ to {
|
|
|
6578
6582
|
justify-content: space-between;
|
|
6579
6583
|
align-items: center;
|
|
6580
6584
|
}
|
|
6581
|
-
.custom-layout .layout-canvas .field-pool .pool-field[data-v-
|
|
6585
|
+
.custom-layout .layout-canvas .field-pool .pool-field[data-v-858beb3e]:hover {
|
|
6582
6586
|
border-color: var(--n-primary-color);
|
|
6583
6587
|
transform: translateY(-1px);
|
|
6584
6588
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
|
|
6585
6589
|
}
|
|
6586
|
-
.custom-layout .layout-canvas .field-pool .pool-field .field-name[data-v-
|
|
6590
|
+
.custom-layout .layout-canvas .field-pool .pool-field .field-name[data-v-858beb3e] {
|
|
6587
6591
|
font-size: 13px;
|
|
6588
6592
|
font-weight: 500;
|
|
6589
6593
|
flex: 1;
|
|
@@ -6591,90 +6595,90 @@ to {
|
|
|
6591
6595
|
text-overflow: ellipsis;
|
|
6592
6596
|
white-space: nowrap;
|
|
6593
6597
|
}
|
|
6594
|
-
.custom-layout .layout-canvas .field-pool .pool-field .field-type-tag[data-v-
|
|
6598
|
+
.custom-layout .layout-canvas .field-pool .pool-field .field-type-tag[data-v-858beb3e] {
|
|
6595
6599
|
font-size: 11px;
|
|
6596
6600
|
padding: 2px 8px;
|
|
6597
6601
|
border-radius: 4px;
|
|
6598
6602
|
background: var(--n-tag-color);
|
|
6599
6603
|
flex-shrink: 0;
|
|
6600
6604
|
}
|
|
6601
|
-
.custom-layout .layout-canvas .empty-layout[data-v-
|
|
6605
|
+
.custom-layout .layout-canvas .empty-layout[data-v-858beb3e] {
|
|
6602
6606
|
display: flex;
|
|
6603
6607
|
align-items: center;
|
|
6604
6608
|
justify-content: center;
|
|
6605
6609
|
height: 120px;
|
|
6606
6610
|
padding: 16px;
|
|
6607
6611
|
}
|
|
6608
|
-
.custom-layout .layout-canvas .form-areas[data-v-
|
|
6612
|
+
.custom-layout .layout-canvas .form-areas[data-v-858beb3e] {
|
|
6609
6613
|
display: flex;
|
|
6610
6614
|
flex-wrap: wrap;
|
|
6611
6615
|
gap: 16px;
|
|
6612
6616
|
align-items: flex-start;
|
|
6613
6617
|
}
|
|
6614
|
-
.custom-layout .layout-canvas .form-areas .form-area[data-v-
|
|
6618
|
+
.custom-layout .layout-canvas .form-areas .form-area[data-v-858beb3e] {
|
|
6615
6619
|
flex: 1;
|
|
6616
6620
|
min-width: 250px;
|
|
6617
6621
|
}
|
|
6618
|
-
.custom-layout .layout-canvas .form-areas .form-area.area-vertical[data-v-
|
|
6622
|
+
.custom-layout .layout-canvas .form-areas .form-area.area-vertical[data-v-858beb3e] {
|
|
6619
6623
|
width: 100%;
|
|
6620
6624
|
}
|
|
6621
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
6625
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] {
|
|
6622
6626
|
display: flex;
|
|
6623
6627
|
flex-direction: column;
|
|
6624
6628
|
gap: 16px;
|
|
6625
6629
|
/* 统一表单项宽度 */
|
|
6626
6630
|
}
|
|
6627
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
6631
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item {
|
|
6628
6632
|
width: 100%;
|
|
6629
6633
|
}
|
|
6630
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
6634
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank {
|
|
6631
6635
|
width: 100%;
|
|
6632
6636
|
/* 统一输入控件宽度 */
|
|
6633
6637
|
}
|
|
6634
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
6635
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
6636
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
6637
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
6638
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
6639
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
6640
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
6641
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
6642
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
6643
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
6644
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
6638
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-input,
|
|
6639
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-select,
|
|
6640
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-date-picker,
|
|
6641
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-input-number,
|
|
6642
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-textarea,
|
|
6643
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-radio-group,
|
|
6644
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-checkbox-group,
|
|
6645
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-cascader,
|
|
6646
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-tree-select,
|
|
6647
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-time-picker,
|
|
6648
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-color-picker {
|
|
6645
6649
|
width: 100% !important;
|
|
6646
6650
|
max-width: 100% !important;
|
|
6647
6651
|
}
|
|
6648
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
6652
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank {
|
|
6649
6653
|
/* 特殊控件的额外处理 */
|
|
6650
6654
|
}
|
|
6651
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
6652
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
6655
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-radio-group,
|
|
6656
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-checkbox-group {
|
|
6653
6657
|
display: flex;
|
|
6654
6658
|
flex-wrap: wrap;
|
|
6655
6659
|
gap: 8px;
|
|
6656
6660
|
}
|
|
6657
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-horizontal[data-v-
|
|
6661
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-horizontal[data-v-858beb3e] {
|
|
6658
6662
|
flex-direction: row;
|
|
6659
6663
|
flex-wrap: wrap;
|
|
6660
6664
|
gap: 12px;
|
|
6661
6665
|
}
|
|
6662
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-horizontal[data-v-
|
|
6666
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-horizontal[data-v-858beb3e] .n-form-item {
|
|
6663
6667
|
flex: 1;
|
|
6664
6668
|
min-width: 200px;
|
|
6665
6669
|
}
|
|
6666
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-grid[data-v-
|
|
6670
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-grid[data-v-858beb3e] {
|
|
6667
6671
|
display: grid;
|
|
6668
6672
|
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
|
|
6669
6673
|
gap: 16px;
|
|
6670
6674
|
}
|
|
6671
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-grid[data-v-
|
|
6675
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-grid[data-v-858beb3e] .n-form-item {
|
|
6672
6676
|
width: 100%;
|
|
6673
6677
|
}
|
|
6674
6678
|
|
|
6675
6679
|
/* 拖拽状态 */
|
|
6676
|
-
.area-ghost[data-v-
|
|
6677
|
-
.field-ghost[data-v-
|
|
6680
|
+
.area-ghost[data-v-858beb3e],
|
|
6681
|
+
.field-ghost[data-v-858beb3e] {
|
|
6678
6682
|
opacity: 0.5;
|
|
6679
6683
|
background: var(--n-primary-color-suppl);
|
|
6680
6684
|
border: 2px dashed var(--n-primary-color);
|
|
@@ -6683,44 +6687,45 @@ to {
|
|
|
6683
6687
|
|
|
6684
6688
|
/* 响应式 */
|
|
6685
6689
|
@media (max-width: 1024px) {
|
|
6686
|
-
.custom-layout .toolbar-content[data-v-
|
|
6690
|
+
.custom-layout .toolbar-content[data-v-858beb3e] {
|
|
6687
6691
|
flex-direction: column;
|
|
6688
6692
|
gap: 12px;
|
|
6689
6693
|
}
|
|
6690
|
-
.custom-layout .layout-canvas .areas-container[data-v-
|
|
6694
|
+
.custom-layout .layout-canvas .areas-container[data-v-858beb3e] {
|
|
6691
6695
|
flex-direction: column;
|
|
6692
6696
|
}
|
|
6693
6697
|
}
|
|
6694
6698
|
@media (max-width: 768px) {
|
|
6695
|
-
.custom-layout .design-tools[data-v-
|
|
6699
|
+
.custom-layout .design-tools[data-v-858beb3e] {
|
|
6696
6700
|
flex-direction: column;
|
|
6697
6701
|
gap: 12px;
|
|
6698
6702
|
}
|
|
6699
|
-
.custom-layout .layout-canvas.design-mode[data-v-
|
|
6703
|
+
.custom-layout .layout-canvas.design-mode[data-v-858beb3e] {
|
|
6700
6704
|
padding: 12px;
|
|
6701
6705
|
}
|
|
6702
|
-
.custom-layout .custom-area[data-v-
|
|
6706
|
+
.custom-layout .custom-area[data-v-858beb3e] {
|
|
6703
6707
|
padding: 12px;
|
|
6704
6708
|
min-height: 100px;
|
|
6705
6709
|
}
|
|
6706
|
-
.custom-layout .layout-canvas .field-pool .pool-fields-grid[data-v-
|
|
6710
|
+
.custom-layout .layout-canvas .field-pool .pool-fields-grid[data-v-858beb3e] {
|
|
6707
6711
|
grid-template-columns: repeat(2, 1fr);
|
|
6708
6712
|
}
|
|
6709
6713
|
}
|
|
6710
6714
|
/* unplugin-vue-components disabled */
|
|
6711
6715
|
/* layer: default */
|
|
6712
|
-
.visible[data-v-
|
|
6713
|
-
.grid[data-v-
|
|
6714
|
-
.inline[data-v-
|
|
6716
|
+
.visible[data-v-858beb3e]{visibility:visible;}
|
|
6717
|
+
.grid[data-v-858beb3e]{display:grid;}
|
|
6718
|
+
.inline[data-v-858beb3e]{display:inline;}
|
|
6719
|
+
.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);}
|
|
6715
6720
|
|
|
6716
6721
|
/* unplugin-vue-components disabled */
|
|
6717
6722
|
/* layer: default */
|
|
6718
|
-
.visible[data-v-
|
|
6719
|
-
.grid[data-v-
|
|
6720
|
-
.inline[data-v-
|
|
6721
|
-
.table[data-v-
|
|
6722
|
-
.blur[data-v-
|
|
6723
|
-
.filter[data-v-
|
|
6723
|
+
.visible[data-v-6ce5207d]{visibility:visible;}
|
|
6724
|
+
.grid[data-v-6ce5207d]{display:grid;}
|
|
6725
|
+
.inline[data-v-6ce5207d]{display:inline;}
|
|
6726
|
+
.table[data-v-6ce5207d]{display:table;}
|
|
6727
|
+
.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);}
|
|
6728
|
+
.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);}
|
|
6724
6729
|
|
|
6725
6730
|
|
|
6726
6731
|
|
|
@@ -6732,49 +6737,49 @@ to {
|
|
|
6732
6737
|
* @Description: 紧凑型数据驱动表单弹窗样式
|
|
6733
6738
|
* Copyright (c) 2026 by CHENY, All Rights Reserved 😎.
|
|
6734
6739
|
*/
|
|
6735
|
-
.c-form-modal[data-v-
|
|
6740
|
+
.c-form-modal[data-v-80d5ba98] {
|
|
6736
6741
|
overflow: hidden;
|
|
6737
6742
|
border-radius: 10px;
|
|
6738
6743
|
}
|
|
6739
|
-
.c-form-modal[data-v-
|
|
6744
|
+
.c-form-modal[data-v-80d5ba98] .n-card-header {
|
|
6740
6745
|
min-height: 46px;
|
|
6741
6746
|
padding: 12px 16px;
|
|
6742
6747
|
border-bottom: 1px solid var(--n-border-color);
|
|
6743
6748
|
}
|
|
6744
|
-
.c-form-modal[data-v-
|
|
6749
|
+
.c-form-modal[data-v-80d5ba98] .n-card-header__main {
|
|
6745
6750
|
font-size: 15px;
|
|
6746
6751
|
font-weight: 650;
|
|
6747
6752
|
}
|
|
6748
|
-
.c-form-modal[data-v-
|
|
6753
|
+
.c-form-modal[data-v-80d5ba98] .n-card__content {
|
|
6749
6754
|
padding: 14px 16px 8px;
|
|
6750
6755
|
}
|
|
6751
|
-
.c-form-modal[data-v-
|
|
6756
|
+
.c-form-modal[data-v-80d5ba98] .n-card__action {
|
|
6752
6757
|
display: flex;
|
|
6753
6758
|
justify-content: flex-end;
|
|
6754
6759
|
padding: 10px 16px;
|
|
6755
6760
|
background: color-mix(in srgb, var(--n-color-modal) 94%, var(--n-border-color));
|
|
6756
6761
|
border-top: 1px solid var(--n-border-color);
|
|
6757
6762
|
}
|
|
6758
|
-
.c-form-modal[data-v-
|
|
6763
|
+
.c-form-modal[data-v-80d5ba98] .n-form-item {
|
|
6759
6764
|
margin-bottom: 2px;
|
|
6760
6765
|
}
|
|
6761
6766
|
@media (max-width: 640px) {
|
|
6762
|
-
.c-form-modal[data-v-
|
|
6767
|
+
.c-form-modal[data-v-80d5ba98] .n-card__content {
|
|
6763
6768
|
padding-inline: 12px;
|
|
6764
6769
|
}
|
|
6765
|
-
.c-form-modal[data-v-
|
|
6770
|
+
.c-form-modal[data-v-80d5ba98] .n-card__action {
|
|
6766
6771
|
padding-inline: 12px;
|
|
6767
6772
|
}
|
|
6768
6773
|
}
|
|
6769
6774
|
/* unplugin-vue-components disabled */
|
|
6770
6775
|
/* layer: default */
|
|
6771
|
-
.visible[data-v-
|
|
6772
|
-
.grid[data-v-
|
|
6773
|
-
.inline[data-v-
|
|
6774
|
-
.table[data-v-
|
|
6775
|
-
.px[data-v-
|
|
6776
|
-
.blur[data-v-
|
|
6777
|
-
.filter[data-v-
|
|
6776
|
+
.visible[data-v-80d5ba98]{visibility:visible;}
|
|
6777
|
+
.grid[data-v-80d5ba98]{display:grid;}
|
|
6778
|
+
.inline[data-v-80d5ba98]{display:inline;}
|
|
6779
|
+
.table[data-v-80d5ba98]{display:table;}
|
|
6780
|
+
.px[data-v-80d5ba98]{padding-left:1rem;padding-right:1rem;}
|
|
6781
|
+
.blur[data-v-80d5ba98]{--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);}
|
|
6782
|
+
.filter[data-v-80d5ba98]{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);}
|
|
6778
6783
|
|
|
6779
6784
|
|
|
6780
6785
|
|