@robot-admin/naive-ui-components 0.13.6 → 0.13.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +14 -0
- package/README.md +37 -2
- package/README_EN.md +37 -2
- package/dist/C_Form.base.css +174 -169
- package/dist/C_Form.cjs +1 -1
- package/dist/C_Form.css +174 -169
- package/dist/C_Form.d.cts +2 -2
- package/dist/C_Form.d.ts +2 -2
- package/dist/C_Form.js +1 -1
- package/dist/C_Form2.cjs +1 -1
- package/dist/C_Form2.js +1 -1
- package/dist/C_FormModal.css +15 -15
- package/dist/C_FormModal2.cjs +1 -1
- package/dist/C_FormModal2.js +1 -1
- package/dist/C_Loading.css +54 -71
- package/dist/C_Loading2.cjs +1 -1
- package/dist/C_Loading2.js +1 -1
- package/dist/C_Table.base.css +340 -352
- package/dist/C_Table.css +340 -352
- package/dist/constants.d.cts +1 -1
- package/dist/constants.d.ts +1 -1
- package/dist/constants2.d.cts +3 -3
- package/dist/constants2.d.ts +3 -3
- package/dist/constants3.d.cts +5 -5
- package/dist/constants3.d.ts +5 -5
- package/dist/constants4.d.cts +4 -4
- package/dist/constants4.d.ts +4 -4
- package/dist/constants5.d.cts +2 -2
- package/dist/constants5.d.ts +2 -2
- package/dist/data.d.cts +9 -9
- package/dist/data.d.ts +9 -9
- package/dist/index.cjs +1 -1
- package/dist/index.d.cts +2 -2
- package/dist/index.d.ts +2 -2
- package/dist/index.js +1 -1
- package/dist/index.vue.d.cts +4 -4
- package/dist/index.vue.d.ts +4 -4
- package/dist/index10.vue.d.cts +4 -4
- package/dist/index10.vue.d.ts +2 -2
- package/dist/index11.vue.d.cts +2 -2
- package/dist/index11.vue.d.ts +5 -5
- package/dist/index12.vue.d.cts +5 -5
- package/dist/index12.vue.d.ts +1 -1
- package/dist/index13.vue.d.cts +1 -1
- package/dist/index13.vue.d.ts +3 -3
- package/dist/index14.vue.d.cts +3 -3
- package/dist/index14.vue.d.ts +3 -3
- package/dist/index15.vue.d.cts +3 -3
- package/dist/index17.vue.d.ts +1 -1
- package/dist/index18.vue.d.cts +1 -1
- package/dist/index18.vue.d.ts +3 -3
- package/dist/index19.vue.d.cts +3 -3
- package/dist/index19.vue.d.ts +1 -1
- package/dist/index2.vue.d.cts +1 -1
- package/dist/index2.vue.d.ts +1 -1
- package/dist/index20.vue.d.cts +1 -1
- package/dist/index20.vue.d.ts +1 -1
- package/dist/index21.vue.d.cts +3 -3
- package/dist/index21.vue.d.ts +3 -3
- package/dist/index22.vue.d.cts +2 -2
- package/dist/index22.vue.d.ts +2 -2
- package/dist/index23.vue.d.cts +2 -2
- package/dist/index23.vue.d.ts +2 -2
- package/dist/index25.vue.d.cts +2 -2
- package/dist/index25.vue.d.ts +2 -2
- package/dist/index27.vue.d.cts +3 -3
- package/dist/index27.vue.d.ts +3 -3
- package/dist/index28.vue.d.cts +3 -3
- package/dist/index28.vue.d.ts +3 -3
- package/dist/index3.vue.d.cts +3 -3
- package/dist/index3.vue.d.ts +3 -3
- package/dist/index4.vue.d.cts +1 -1
- package/dist/index6.vue.d.ts +3 -3
- package/dist/index7.vue.d.cts +3 -3
- package/dist/index8.vue.d.ts +3 -3
- package/dist/index9.vue.d.cts +3 -3
- package/dist/index9.vue.d.ts +4 -4
- package/dist/mapUtils.d.cts +1 -1
- package/dist/mapUtils.d.ts +1 -1
- package/dist/presets.d.cts +1 -1
- package/dist/presets.d.ts +1 -1
- package/dist/style.css +355 -367
- package/dist/useCollapsePanel.d.cts +2 -2
- package/dist/useCollapsePanel.d.ts +2 -2
- package/dist/useCropperCore.d.cts +9 -9
- package/dist/useCropperCore.d.ts +9 -9
- package/dist/useDraggableLayout.d.cts +8 -8
- package/dist/useDraggableLayout.d.ts +8 -8
- package/dist/useDynamicFormState.d.cts +25 -5
- package/dist/useDynamicFormState.d.ts +25 -5
- package/dist/useEdgeInteraction.d.cts +1 -1
- package/dist/useEdgeInteraction.d.ts +1 -1
- package/dist/useQRCode.d.cts +3 -3
- package/dist/useQRCode.d.ts +3 -3
- package/dist/useSearchState.d.cts +5 -5
- package/dist/useSearchState.d.ts +5 -5
- package/dist/useSignatureHistory.d.cts +4 -4
- package/dist/useSignatureHistory.d.ts +4 -4
- package/dist/useSplitResize.d.cts +3 -3
- package/dist/useSplitResize.d.ts +3 -3
- package/dist/useTableQuery.cjs +2 -2
- package/dist/useTableQuery.d.cts +6 -2
- package/dist/useTableQuery.d.ts +6 -2
- package/dist/useTableQuery.js +2 -2
- package/dist/useTimeSelection.d.cts +1 -1
- package/dist/useTimeSelection.d.ts +1 -1
- package/dist/useTreeOperations.d.cts +7 -7
- package/dist/useTreeOperations.d.ts +7 -7
- package/dist/useWorkflowValidation.d.cts +1 -1
- package/dist/useWorkflowValidation.d.ts +1 -1
- package/dist/verification.d.cts +3 -3
- package/dist/verification.d.ts +3 -3
- package/package.json +2 -1
package/dist/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
|
|
|
@@ -8576,122 +8581,105 @@ to {
|
|
|
8576
8581
|
/* --- C_Loading --- */
|
|
8577
8582
|
/* unplugin-vue-components disabled *//*
|
|
8578
8583
|
* @Author: ChenYu ycyplus@gmail.com
|
|
8579
|
-
* @Date: 2026-10-
|
|
8584
|
+
* @Date: 2026-10-07
|
|
8580
8585
|
* @FilePath: \naive-ui-components\src\components\C_Loading\index.scss
|
|
8581
|
-
* @Description:
|
|
8586
|
+
* @Description: 数据光环与细光束动画,作用域隔离并支持减少动态效果
|
|
8582
8587
|
* Copyright (c) 2026 by CHENY, All Rights Reserved 😎.
|
|
8583
8588
|
*/
|
|
8584
|
-
.c-loading[data-v-
|
|
8589
|
+
.c-loading[data-v-c6727905] {
|
|
8585
8590
|
display: inline-flex;
|
|
8586
|
-
flex-direction: column;
|
|
8587
8591
|
align-items: center;
|
|
8588
8592
|
justify-content: center;
|
|
8589
|
-
gap: 6px;
|
|
8590
8593
|
vertical-align: middle;
|
|
8591
8594
|
line-height: 1;
|
|
8592
8595
|
pointer-events: none;
|
|
8593
8596
|
}
|
|
8594
|
-
.c-loading--labeled[data-v-
|
|
8595
|
-
|
|
8596
|
-
gap:
|
|
8597
|
+
.c-loading--labeled[data-v-c6727905] {
|
|
8598
|
+
position: relative;
|
|
8599
|
+
gap: 10px;
|
|
8597
8600
|
max-width: 100%;
|
|
8598
|
-
padding: 8px
|
|
8601
|
+
padding: 8px 16px 9px 10px;
|
|
8599
8602
|
box-sizing: border-box;
|
|
8600
8603
|
border: 1px solid var(--c-loading-border);
|
|
8601
|
-
border-radius:
|
|
8604
|
+
border-radius: 16px;
|
|
8602
8605
|
background: var(--c-loading-surface);
|
|
8603
|
-
|
|
8606
|
+
background-image: linear-gradient(135deg, color-mix(in srgb, currentColor 4%, var(--c-loading-surface)), var(--c-loading-surface));
|
|
8607
|
+
box-shadow: inset 0 1px 0 color-mix(in srgb, currentColor 4%, transparent), 0 8px 28px rgba(0, 0, 0, 0.06);
|
|
8608
|
+
overflow: hidden;
|
|
8609
|
+
}
|
|
8610
|
+
.c-loading--labeled[data-v-c6727905]::after {
|
|
8611
|
+
content: "";
|
|
8612
|
+
position: absolute;
|
|
8613
|
+
bottom: 0;
|
|
8614
|
+
left: 0;
|
|
8615
|
+
width: 50%;
|
|
8616
|
+
height: 2px;
|
|
8617
|
+
background: linear-gradient(90deg, transparent, currentColor, transparent);
|
|
8618
|
+
opacity: 0.5;
|
|
8619
|
+
animation: c-loading-beam-c6727905 1.8s ease-in-out infinite;
|
|
8604
8620
|
}
|
|
8605
|
-
.c-loading__glyph[data-v-
|
|
8621
|
+
.c-loading__glyph[data-v-c6727905] {
|
|
8606
8622
|
width: var(--c-loading-size, 48px);
|
|
8607
8623
|
height: var(--c-loading-size, 48px);
|
|
8608
8624
|
flex-shrink: 0;
|
|
8609
|
-
overflow: visible;
|
|
8610
8625
|
}
|
|
8611
|
-
.c-
|
|
8612
|
-
|
|
8613
|
-
animation: c-loading-frame-48232aaa 2.4s ease-in-out infinite;
|
|
8614
|
-
}
|
|
8615
|
-
.c-loading__scan[data-v-48232aaa] {
|
|
8616
|
-
opacity: 0;
|
|
8617
|
-
animation: c-loading-scan-48232aaa 2.4s ease-in-out infinite;
|
|
8618
|
-
}
|
|
8619
|
-
.c-loading__eyes[data-v-48232aaa] {
|
|
8620
|
-
transform-box: fill-box;
|
|
8626
|
+
.c-loading__orbit[data-v-c6727905] {
|
|
8627
|
+
transform-box: view-box;
|
|
8621
8628
|
transform-origin: center;
|
|
8622
|
-
animation: c-loading-
|
|
8629
|
+
animation: c-loading-orbit-c6727905 1.6s linear infinite;
|
|
8623
8630
|
}
|
|
8624
|
-
.c-
|
|
8625
|
-
|
|
8626
|
-
animation:
|
|
8631
|
+
.c-loading__orbit--inner[data-v-c6727905] {
|
|
8632
|
+
animation-duration: 3.2s;
|
|
8633
|
+
animation-direction: reverse;
|
|
8627
8634
|
}
|
|
8628
|
-
.c-
|
|
8629
|
-
|
|
8635
|
+
.c-loading__row[data-v-c6727905] {
|
|
8636
|
+
opacity: 0.75;
|
|
8637
|
+
animation: c-loading-row-c6727905 1.6s ease-in-out infinite;
|
|
8630
8638
|
}
|
|
8631
|
-
.c-loading__label[data-v-
|
|
8639
|
+
.c-loading__label[data-v-c6727905] {
|
|
8640
|
+
min-width: 0;
|
|
8632
8641
|
color: var(--c-loading-text, currentColor);
|
|
8633
8642
|
font-size: 12px;
|
|
8634
8643
|
font-weight: 500;
|
|
8635
8644
|
letter-spacing: 0.03em;
|
|
8636
8645
|
line-height: 1.6;
|
|
8646
|
+
overflow-wrap: anywhere;
|
|
8637
8647
|
}
|
|
8638
8648
|
@media (prefers-reduced-motion: reduce) {
|
|
8639
|
-
.c-
|
|
8649
|
+
.c-loading__orbit[data-v-c6727905], .c-loading__row[data-v-c6727905], .c-loading--labeled[data-v-c6727905]::after {
|
|
8640
8650
|
animation: none;
|
|
8641
8651
|
}
|
|
8642
|
-
.c-
|
|
8652
|
+
.c-loading--labeled[data-v-c6727905]::after {
|
|
8643
8653
|
display: none;
|
|
8644
8654
|
}
|
|
8645
|
-
.c-loading__frame[data-v-48232aaa], .c-loading__packet[data-v-48232aaa] {
|
|
8646
|
-
opacity: 0.55;
|
|
8647
|
-
}
|
|
8648
|
-
}
|
|
8649
|
-
@keyframes c-loading-scan-48232aaa {
|
|
8650
|
-
0%, 12% {
|
|
8651
|
-
transform: translateY(0);
|
|
8652
|
-
opacity: 0;
|
|
8653
|
-
}
|
|
8654
|
-
25% {
|
|
8655
|
-
opacity: 0.2;
|
|
8656
|
-
}
|
|
8657
|
-
70% {
|
|
8658
|
-
transform: translateY(14px);
|
|
8659
|
-
opacity: 0.2;
|
|
8660
8655
|
}
|
|
8661
|
-
|
|
8662
|
-
|
|
8663
|
-
|
|
8656
|
+
@keyframes c-loading-orbit-c6727905 {
|
|
8657
|
+
to {
|
|
8658
|
+
transform: rotate(360deg);
|
|
8664
8659
|
}
|
|
8665
8660
|
}
|
|
8666
|
-
@keyframes c-loading-
|
|
8661
|
+
@keyframes c-loading-row-c6727905 {
|
|
8667
8662
|
0%, 100% {
|
|
8668
|
-
opacity: 0.
|
|
8669
|
-
}
|
|
8670
|
-
50% {
|
|
8671
|
-
opacity: 0.7;
|
|
8672
|
-
}
|
|
8673
|
-
}
|
|
8674
|
-
@keyframes c-loading-eyes-48232aaa {
|
|
8675
|
-
0%, 72%, 82%, 100% {
|
|
8676
|
-
transform: scaleY(1);
|
|
8663
|
+
opacity: 0.4;
|
|
8677
8664
|
}
|
|
8678
|
-
|
|
8679
|
-
|
|
8665
|
+
40%, 60% {
|
|
8666
|
+
opacity: 1;
|
|
8680
8667
|
}
|
|
8681
8668
|
}
|
|
8682
|
-
@keyframes c-loading-
|
|
8683
|
-
|
|
8684
|
-
|
|
8669
|
+
@keyframes c-loading-beam-c6727905 {
|
|
8670
|
+
from {
|
|
8671
|
+
transform: translateX(-100%);
|
|
8685
8672
|
}
|
|
8686
|
-
|
|
8687
|
-
|
|
8673
|
+
to {
|
|
8674
|
+
transform: translateX(200%);
|
|
8688
8675
|
}
|
|
8689
8676
|
}
|
|
8690
8677
|
/* unplugin-vue-components disabled */
|
|
8691
8678
|
/* layer: default */
|
|
8692
|
-
.
|
|
8693
|
-
.
|
|
8694
|
-
.
|
|
8679
|
+
.ms[data-v-c6727905]{margin-inline-start:1rem;}
|
|
8680
|
+
.table[data-v-c6727905]{display:table;}
|
|
8681
|
+
.px[data-v-c6727905]{padding-left:1rem;padding-right:1rem;}
|
|
8682
|
+
.filter[data-v-c6727905]{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);}
|
|
8695
8683
|
|
|
8696
8684
|
|
|
8697
8685
|
|
|
@@ -14486,7 +14474,7 @@ to {
|
|
|
14486
14474
|
.filter[data-v-6ff103ee]{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);}
|
|
14487
14475
|
|
|
14488
14476
|
/* unplugin-vue-components disabled *//* ================= 1. 组件根容器 ================= */
|
|
14489
|
-
.c-table-wrapper[data-v-
|
|
14477
|
+
.c-table-wrapper[data-v-f623c0e1] {
|
|
14490
14478
|
--c-table-border-color: var(--border-color, #e5e7eb);
|
|
14491
14479
|
--c-table-bg: var(--body-color, #fff);
|
|
14492
14480
|
--c-table-header-bg: var(--card-color, #fafafc);
|
|
@@ -14499,52 +14487,52 @@ to {
|
|
|
14499
14487
|
}
|
|
14500
14488
|
|
|
14501
14489
|
/* ================= 列拖拽排序 ================= */
|
|
14502
|
-
.column-drag-ghost[data-v-
|
|
14490
|
+
.column-drag-ghost[data-v-f623c0e1] {
|
|
14503
14491
|
opacity: var(--c-table-drag-ghost-opacity);
|
|
14504
14492
|
background: var(--c-table-drag-ghost-bg) !important;
|
|
14505
14493
|
}
|
|
14506
|
-
.drag-handle[data-v-
|
|
14494
|
+
.drag-handle[data-v-f623c0e1] {
|
|
14507
14495
|
cursor: grab;
|
|
14508
14496
|
}
|
|
14509
|
-
.drag-handle[data-v-
|
|
14497
|
+
.drag-handle[data-v-f623c0e1]:active {
|
|
14510
14498
|
cursor: grabbing;
|
|
14511
14499
|
}
|
|
14512
14500
|
|
|
14513
14501
|
/* ================= 合计行强调 ================= */
|
|
14514
|
-
.c-table-wrapper[data-v-
|
|
14502
|
+
.c-table-wrapper[data-v-f623c0e1] .n-data-table-tfoot {
|
|
14515
14503
|
background: var(--c-table-summary-bg);
|
|
14516
14504
|
font-weight: var(--c-table-summary-font-weight);
|
|
14517
14505
|
}
|
|
14518
14506
|
|
|
14519
14507
|
/* ================= 2. 表格工具栏 ================= */
|
|
14520
|
-
.table-toolbar[data-v-
|
|
14508
|
+
.table-toolbar[data-v-f623c0e1] {
|
|
14521
14509
|
display: flex;
|
|
14522
14510
|
justify-content: space-between;
|
|
14523
14511
|
align-items: center;
|
|
14524
14512
|
margin-bottom: 16px;
|
|
14525
14513
|
}
|
|
14526
|
-
.table-toolbar .toolbar-left[data-v-
|
|
14514
|
+
.table-toolbar .toolbar-left[data-v-f623c0e1] {
|
|
14527
14515
|
display: flex;
|
|
14528
14516
|
align-items: center;
|
|
14529
14517
|
gap: 12px;
|
|
14530
14518
|
}
|
|
14531
|
-
.table-toolbar .toolbar-right[data-v-
|
|
14519
|
+
.table-toolbar .toolbar-right[data-v-f623c0e1] {
|
|
14532
14520
|
display: flex;
|
|
14533
14521
|
align-items: center;
|
|
14534
14522
|
gap: 8px;
|
|
14535
14523
|
}
|
|
14536
|
-
.table-toolbar .toolbar-right .column-settings-btn[data-v-
|
|
14524
|
+
.table-toolbar .toolbar-right .column-settings-btn[data-v-f623c0e1] {
|
|
14537
14525
|
opacity: 0.6;
|
|
14538
14526
|
transition: opacity 0.2s ease, transform 0.2s ease;
|
|
14539
14527
|
cursor: pointer;
|
|
14540
14528
|
}
|
|
14541
|
-
.table-toolbar .toolbar-right .column-settings-btn[data-v-
|
|
14529
|
+
.table-toolbar .toolbar-right .column-settings-btn[data-v-f623c0e1]:hover {
|
|
14542
14530
|
opacity: 1;
|
|
14543
14531
|
transform: scale(1.1);
|
|
14544
14532
|
}
|
|
14545
14533
|
|
|
14546
14534
|
/* ================= 3. 动态行工具栏 ================= */
|
|
14547
|
-
.dynamic-rows-toolbar[data-v-
|
|
14535
|
+
.dynamic-rows-toolbar[data-v-f623c0e1] {
|
|
14548
14536
|
margin-bottom: 16px;
|
|
14549
14537
|
padding: 16px;
|
|
14550
14538
|
border-radius: 8px;
|
|
@@ -14553,12 +14541,12 @@ to {
|
|
|
14553
14541
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
|
|
14554
14542
|
transition: all 0.2s ease;
|
|
14555
14543
|
}
|
|
14556
|
-
.dynamic-rows-toolbar[data-v-
|
|
14544
|
+
.dynamic-rows-toolbar[data-v-f623c0e1]:hover {
|
|
14557
14545
|
border-color: var(--n-primary-color-suppl);
|
|
14558
14546
|
}
|
|
14559
14547
|
|
|
14560
14548
|
/* ================= 4. 表格布局基础 ================= */
|
|
14561
|
-
[data-v-
|
|
14549
|
+
[data-v-f623c0e1] .n-data-table {
|
|
14562
14550
|
table-layout: auto !important;
|
|
14563
14551
|
width: 100% !important;
|
|
14564
14552
|
border-radius: 8px;
|
|
@@ -14566,12 +14554,12 @@ to {
|
|
|
14566
14554
|
}
|
|
14567
14555
|
|
|
14568
14556
|
/* 确保表格容器允许横向滚动(固定列必需) */
|
|
14569
|
-
[data-v-
|
|
14557
|
+
[data-v-f623c0e1] .n-data-table-wrapper {
|
|
14570
14558
|
overflow-x: auto !important;
|
|
14571
14559
|
}
|
|
14572
14560
|
|
|
14573
14561
|
/* 分页组件样式 */
|
|
14574
|
-
.pagination-wrapper[data-v-
|
|
14562
|
+
.pagination-wrapper[data-v-f623c0e1] {
|
|
14575
14563
|
margin-top: 16px;
|
|
14576
14564
|
display: flex;
|
|
14577
14565
|
justify-content: flex-end;
|
|
@@ -14579,12 +14567,12 @@ to {
|
|
|
14579
14567
|
|
|
14580
14568
|
/* ================= 5. 表格列宽度管理 ================= */
|
|
14581
14569
|
/* 普通列的最小宽度保护 */
|
|
14582
|
-
[data-v-
|
|
14570
|
+
[data-v-f623c0e1] .n-data-table-th:not(:last-child) {
|
|
14583
14571
|
min-width: 80px !important;
|
|
14584
14572
|
}
|
|
14585
14573
|
|
|
14586
14574
|
/* 操作列固定宽度(适应4个按钮的布局) */
|
|
14587
|
-
[data-v-
|
|
14575
|
+
[data-v-f623c0e1] .c-table-actions-column {
|
|
14588
14576
|
width: 180px !important;
|
|
14589
14577
|
min-width: 160px !important;
|
|
14590
14578
|
max-width: 200px !important;
|
|
@@ -14593,14 +14581,14 @@ to {
|
|
|
14593
14581
|
}
|
|
14594
14582
|
|
|
14595
14583
|
/* 操作按钮容器居中 */
|
|
14596
|
-
[data-v-
|
|
14584
|
+
[data-v-f623c0e1] .c-table-actions-column .n-space {
|
|
14597
14585
|
justify-content: center !important;
|
|
14598
14586
|
align-items: center !important;
|
|
14599
14587
|
}
|
|
14600
14588
|
|
|
14601
14589
|
/* ================= 6. 可编辑单元格样式 ================= */
|
|
14602
14590
|
/* 单元格编辑容器 - 精致化设计 */
|
|
14603
|
-
.cell-edit-wrapper[data-v-
|
|
14591
|
+
.cell-edit-wrapper[data-v-f623c0e1] {
|
|
14604
14592
|
display: flex;
|
|
14605
14593
|
align-items: center;
|
|
14606
14594
|
justify-content: space-between;
|
|
@@ -14613,23 +14601,23 @@ to {
|
|
|
14613
14601
|
position: relative;
|
|
14614
14602
|
/* 悬停效果 */
|
|
14615
14603
|
}
|
|
14616
|
-
.cell-edit-wrapper[data-v-
|
|
14604
|
+
.cell-edit-wrapper[data-v-f623c0e1]:hover {
|
|
14617
14605
|
background-color: var(--n-color-target);
|
|
14618
14606
|
}
|
|
14619
|
-
.cell-edit-wrapper:hover .cell-edit-icon[data-v-
|
|
14607
|
+
.cell-edit-wrapper:hover .cell-edit-icon[data-v-f623c0e1] {
|
|
14620
14608
|
opacity: 1;
|
|
14621
14609
|
color: var(--n-color-success);
|
|
14622
14610
|
transform: scale(1.05);
|
|
14623
14611
|
}
|
|
14624
|
-
.cell-edit-wrapper[data-v-
|
|
14612
|
+
.cell-edit-wrapper[data-v-f623c0e1] {
|
|
14625
14613
|
/* 激活状态 */
|
|
14626
14614
|
}
|
|
14627
|
-
.cell-edit-wrapper[data-v-
|
|
14615
|
+
.cell-edit-wrapper[data-v-f623c0e1]:active {
|
|
14628
14616
|
transform: translateY(1px);
|
|
14629
14617
|
}
|
|
14630
14618
|
|
|
14631
14619
|
/* 单元格内容 */
|
|
14632
|
-
.cell-value[data-v-
|
|
14620
|
+
.cell-value[data-v-f623c0e1] {
|
|
14633
14621
|
flex: 1;
|
|
14634
14622
|
overflow: hidden;
|
|
14635
14623
|
text-overflow: ellipsis;
|
|
@@ -14640,7 +14628,7 @@ to {
|
|
|
14640
14628
|
}
|
|
14641
14629
|
|
|
14642
14630
|
/* 动态渲染单元格也只在当前表格边界内匹配。 */
|
|
14643
|
-
.c-table-wrapper[data-v-
|
|
14631
|
+
.c-table-wrapper[data-v-f623c0e1] .cell-edit-icon {
|
|
14644
14632
|
flex-shrink: 0;
|
|
14645
14633
|
width: 24px;
|
|
14646
14634
|
height: 24px;
|
|
@@ -14656,29 +14644,29 @@ to {
|
|
|
14656
14644
|
position: relative;
|
|
14657
14645
|
/* 悬停效果 */
|
|
14658
14646
|
}
|
|
14659
|
-
.c-table-wrapper[data-v-
|
|
14647
|
+
.c-table-wrapper[data-v-f623c0e1] .cell-edit-icon:hover {
|
|
14660
14648
|
opacity: 1 !important;
|
|
14661
14649
|
color: var(--n-color-success-hover) !important;
|
|
14662
14650
|
background-color: var(--n-color-success-pressed);
|
|
14663
14651
|
transform: scale(1.1);
|
|
14664
14652
|
}
|
|
14665
|
-
.c-table-wrapper[data-v-
|
|
14653
|
+
.c-table-wrapper[data-v-f623c0e1] .cell-edit-icon {
|
|
14666
14654
|
/* 激活效果 */
|
|
14667
14655
|
}
|
|
14668
|
-
.c-table-wrapper[data-v-
|
|
14656
|
+
.c-table-wrapper[data-v-f623c0e1] .cell-edit-icon:active {
|
|
14669
14657
|
transform: scale(0.95);
|
|
14670
14658
|
}
|
|
14671
|
-
.c-table-wrapper[data-v-
|
|
14659
|
+
.c-table-wrapper[data-v-f623c0e1] .cell-edit-icon {
|
|
14672
14660
|
/* 图标尺寸 */
|
|
14673
14661
|
}
|
|
14674
|
-
.c-table-wrapper[data-v-
|
|
14662
|
+
.c-table-wrapper[data-v-f623c0e1] .cell-edit-icon svg {
|
|
14675
14663
|
width: 14px;
|
|
14676
14664
|
height: 14px;
|
|
14677
14665
|
}
|
|
14678
14666
|
|
|
14679
14667
|
/* ================= 7. 单元格编辑状态样式 ================= */
|
|
14680
14668
|
/* 编辑容器 - 确保水平布局不换行 */
|
|
14681
|
-
.cell-editing-container[data-v-
|
|
14669
|
+
.cell-editing-container[data-v-f623c0e1],[data-v-f623c0e1] .cell-editing-container {
|
|
14682
14670
|
display: flex !important;
|
|
14683
14671
|
align-items: center !important;
|
|
14684
14672
|
width: 100% !important;
|
|
@@ -14692,39 +14680,39 @@ to {
|
|
|
14692
14680
|
}
|
|
14693
14681
|
|
|
14694
14682
|
/* 编辑输入区域 - 占据剩余空间 */
|
|
14695
|
-
.cell-editing-input[data-v-
|
|
14683
|
+
.cell-editing-input[data-v-f623c0e1],[data-v-f623c0e1] .cell-editing-input {
|
|
14696
14684
|
flex: 1 !important;
|
|
14697
14685
|
min-width: 0 !important;
|
|
14698
14686
|
}
|
|
14699
14687
|
|
|
14700
14688
|
/* 深度选择器处理输入框样式 */
|
|
14701
|
-
[data-v-
|
|
14689
|
+
[data-v-f623c0e1] .cell-editing-input .n-input {
|
|
14702
14690
|
border: none !important;
|
|
14703
14691
|
box-shadow: none !important;
|
|
14704
14692
|
background: transparent !important;
|
|
14705
14693
|
}
|
|
14706
|
-
[data-v-
|
|
14694
|
+
[data-v-f623c0e1] .cell-editing-input .n-input.n-input--focus {
|
|
14707
14695
|
border: none !important;
|
|
14708
14696
|
box-shadow: none !important;
|
|
14709
14697
|
}
|
|
14710
|
-
[data-v-
|
|
14698
|
+
[data-v-f623c0e1] .cell-editing-input .n-input-number {
|
|
14711
14699
|
border: none !important;
|
|
14712
14700
|
box-shadow: none !important;
|
|
14713
14701
|
background: transparent !important;
|
|
14714
14702
|
}
|
|
14715
|
-
[data-v-
|
|
14703
|
+
[data-v-f623c0e1] .cell-editing-input .n-select {
|
|
14716
14704
|
border: none !important;
|
|
14717
14705
|
box-shadow: none !important;
|
|
14718
14706
|
background: transparent !important;
|
|
14719
14707
|
}
|
|
14720
|
-
[data-v-
|
|
14708
|
+
[data-v-f623c0e1] .cell-editing-input .n-select .n-base-selection {
|
|
14721
14709
|
border: none !important;
|
|
14722
14710
|
box-shadow: none !important;
|
|
14723
14711
|
background: transparent !important;
|
|
14724
14712
|
}
|
|
14725
14713
|
|
|
14726
14714
|
/* 编辑操作按钮容器 */
|
|
14727
|
-
.cell-editing-actions[data-v-
|
|
14715
|
+
.cell-editing-actions[data-v-f623c0e1],[data-v-f623c0e1] .cell-editing-actions {
|
|
14728
14716
|
display: flex !important;
|
|
14729
14717
|
flex-shrink: 0 !important;
|
|
14730
14718
|
align-items: center !important;
|
|
@@ -14737,7 +14725,7 @@ to {
|
|
|
14737
14725
|
}
|
|
14738
14726
|
|
|
14739
14727
|
/* 编辑操作按钮 */
|
|
14740
|
-
.cell-action-btn[data-v-
|
|
14728
|
+
.cell-action-btn[data-v-f623c0e1],[data-v-f623c0e1] .cell-action-btn {
|
|
14741
14729
|
display: flex !important;
|
|
14742
14730
|
align-items: center !important;
|
|
14743
14731
|
justify-content: center !important;
|
|
@@ -14750,34 +14738,34 @@ to {
|
|
|
14750
14738
|
background: transparent !important;
|
|
14751
14739
|
/* 保存按钮 */
|
|
14752
14740
|
}
|
|
14753
|
-
.cell-action-btn.cell-action-save[data-v-
|
|
14741
|
+
.cell-action-btn.cell-action-save[data-v-f623c0e1],[data-v-f623c0e1] .cell-action-btn.cell-action-save {
|
|
14754
14742
|
color: var(--n-color-success) !important;
|
|
14755
14743
|
}
|
|
14756
|
-
.cell-action-btn.cell-action-save[data-v-
|
|
14744
|
+
.cell-action-btn.cell-action-save[data-v-f623c0e1]:hover,[data-v-f623c0e1] .cell-action-btn.cell-action-save:hover {
|
|
14757
14745
|
background: var(--n-color-success-pressed) !important;
|
|
14758
14746
|
transform: scale(1.1) !important;
|
|
14759
14747
|
}
|
|
14760
|
-
.cell-action-btn[data-v-
|
|
14748
|
+
.cell-action-btn[data-v-f623c0e1],[data-v-f623c0e1] .cell-action-btn {
|
|
14761
14749
|
/* 取消按钮 */
|
|
14762
14750
|
}
|
|
14763
|
-
.cell-action-btn.cell-action-cancel[data-v-
|
|
14751
|
+
.cell-action-btn.cell-action-cancel[data-v-f623c0e1],[data-v-f623c0e1] .cell-action-btn.cell-action-cancel {
|
|
14764
14752
|
color: var(--n-color-error) !important;
|
|
14765
14753
|
}
|
|
14766
|
-
.cell-action-btn.cell-action-cancel[data-v-
|
|
14754
|
+
.cell-action-btn.cell-action-cancel[data-v-f623c0e1]:hover,[data-v-f623c0e1] .cell-action-btn.cell-action-cancel:hover {
|
|
14767
14755
|
background: var(--n-color-error-pressed) !important;
|
|
14768
14756
|
transform: scale(1.1) !important;
|
|
14769
14757
|
}
|
|
14770
|
-
.cell-action-btn[data-v-
|
|
14758
|
+
.cell-action-btn[data-v-f623c0e1],[data-v-f623c0e1] .cell-action-btn {
|
|
14771
14759
|
/* 图标尺寸 */
|
|
14772
14760
|
}
|
|
14773
|
-
.cell-action-btn svg[data-v-
|
|
14761
|
+
.cell-action-btn svg[data-v-f623c0e1],[data-v-f623c0e1] .cell-action-btn svg {
|
|
14774
14762
|
width: 11px !important;
|
|
14775
14763
|
height: 11px !important;
|
|
14776
14764
|
}
|
|
14777
14765
|
|
|
14778
14766
|
/* ================= 7. 操作按钮样式 ================= */
|
|
14779
14767
|
/* 通用按钮样式 */
|
|
14780
|
-
[data-v-
|
|
14768
|
+
[data-v-f623c0e1] .n-button {
|
|
14781
14769
|
white-space: nowrap;
|
|
14782
14770
|
font-size: 12px !important;
|
|
14783
14771
|
flex-shrink: 0 !important;
|
|
@@ -14786,60 +14774,60 @@ to {
|
|
|
14786
14774
|
font-weight: 500;
|
|
14787
14775
|
/* 图标间距 */
|
|
14788
14776
|
}
|
|
14789
|
-
[data-v-
|
|
14777
|
+
[data-v-f623c0e1] .n-button .n-icon {
|
|
14790
14778
|
margin-right: 4px !important;
|
|
14791
14779
|
}
|
|
14792
|
-
[data-v-
|
|
14780
|
+
[data-v-f623c0e1] .n-button {
|
|
14793
14781
|
/* 小尺寸按钮优化 */
|
|
14794
14782
|
}
|
|
14795
|
-
[data-v-
|
|
14783
|
+
[data-v-f623c0e1] .n-button.n-button--small-type {
|
|
14796
14784
|
padding: 4px 8px;
|
|
14797
14785
|
height: 28px;
|
|
14798
14786
|
line-height: 20px;
|
|
14799
14787
|
}
|
|
14800
|
-
[data-v-
|
|
14788
|
+
[data-v-f623c0e1] .n-button {
|
|
14801
14789
|
/* 四元按钮样式 */
|
|
14802
14790
|
}
|
|
14803
|
-
[data-v-
|
|
14791
|
+
[data-v-f623c0e1] .n-button.n-button--quaternary-type:hover {
|
|
14804
14792
|
transform: translateY(-1px);
|
|
14805
14793
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
|
14806
14794
|
}
|
|
14807
|
-
[data-v-
|
|
14795
|
+
[data-v-f623c0e1] .n-button.n-button--quaternary-type:active {
|
|
14808
14796
|
transform: translateY(0);
|
|
14809
14797
|
}
|
|
14810
14798
|
|
|
14811
14799
|
/* ================= 8. 按钮组间距优化 ================= */
|
|
14812
14800
|
/* 操作按钮组 */
|
|
14813
|
-
[data-v-
|
|
14801
|
+
[data-v-f623c0e1] .n-space.n-space--horizontal .n-space-item:not(:last-child) {
|
|
14814
14802
|
margin-right: 6px !important;
|
|
14815
14803
|
}
|
|
14816
14804
|
|
|
14817
14805
|
/* ================= 9. 模态框样式优化 ================= */
|
|
14818
14806
|
/* 编辑模态框 */
|
|
14819
|
-
[data-v-
|
|
14807
|
+
[data-v-f623c0e1] .n-modal .n-card {
|
|
14820
14808
|
border-radius: 12px;
|
|
14821
14809
|
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
|
|
14822
14810
|
}
|
|
14823
|
-
[data-v-
|
|
14811
|
+
[data-v-f623c0e1] .n-modal .n-card__header {
|
|
14824
14812
|
padding: 20px 24px 16px;
|
|
14825
14813
|
font-weight: 600;
|
|
14826
14814
|
font-size: 16px;
|
|
14827
14815
|
}
|
|
14828
|
-
[data-v-
|
|
14816
|
+
[data-v-f623c0e1] .n-modal .n-card__content {
|
|
14829
14817
|
padding: 0 24px 16px;
|
|
14830
14818
|
}
|
|
14831
|
-
[data-v-
|
|
14819
|
+
[data-v-f623c0e1] .n-modal .n-card__action {
|
|
14832
14820
|
padding: 16px 24px 20px;
|
|
14833
14821
|
border-top: 1px solid var(--n-divider-color);
|
|
14834
14822
|
}
|
|
14835
14823
|
|
|
14836
14824
|
/* ================= 10. 描述列表样式 ================= */
|
|
14837
14825
|
/* 详情模态框描述列表 */
|
|
14838
|
-
[data-v-
|
|
14826
|
+
[data-v-f623c0e1] .n-descriptions .n-descriptions-item-label {
|
|
14839
14827
|
font-weight: 500;
|
|
14840
14828
|
color: var(--n-text-color-2);
|
|
14841
14829
|
}
|
|
14842
|
-
[data-v-
|
|
14830
|
+
[data-v-f623c0e1] .n-descriptions .n-descriptions-item-content {
|
|
14843
14831
|
color: var(--n-text-color-1);
|
|
14844
14832
|
word-break: break-all;
|
|
14845
14833
|
}
|
|
@@ -14847,99 +14835,99 @@ to {
|
|
|
14847
14835
|
/* ================= 11. 响应式设计 ================= */
|
|
14848
14836
|
/* 移动端适配 */
|
|
14849
14837
|
@media (max-width: 768px) {
|
|
14850
|
-
.c-table-wrapper[data-v-
|
|
14838
|
+
.c-table-wrapper[data-v-f623c0e1] {
|
|
14851
14839
|
overflow-x: auto;
|
|
14852
14840
|
}
|
|
14853
14841
|
/* 操作列在移动端的适配 */
|
|
14854
|
-
[data-v-
|
|
14842
|
+
[data-v-f623c0e1] .n-data-table-th:last-child {
|
|
14855
14843
|
width: 160px !important;
|
|
14856
14844
|
min-width: 160px !important;
|
|
14857
14845
|
}
|
|
14858
14846
|
/* 按钮在移动端的优化 */
|
|
14859
|
-
[data-v-
|
|
14847
|
+
[data-v-f623c0e1] .n-button {
|
|
14860
14848
|
font-size: 11px !important;
|
|
14861
14849
|
padding: 3px 6px;
|
|
14862
14850
|
}
|
|
14863
|
-
[data-v-
|
|
14851
|
+
[data-v-f623c0e1] .n-button .n-icon {
|
|
14864
14852
|
margin-right: 2px !important;
|
|
14865
14853
|
}
|
|
14866
14854
|
/* 单元格编辑图标在移动端始终显示 */
|
|
14867
|
-
.cell-edit-icon[data-v-
|
|
14855
|
+
.cell-edit-icon[data-v-f623c0e1] {
|
|
14868
14856
|
opacity: 0.6;
|
|
14869
14857
|
}
|
|
14870
14858
|
}
|
|
14871
14859
|
/* ================= 12. 主题适配 ================= */
|
|
14872
14860
|
/* 暗色主题适配 - 已通过 CSS 变量自动适配 */
|
|
14873
|
-
[data-theme=dark][data-v-
|
|
14861
|
+
[data-theme=dark][data-v-f623c0e1] {
|
|
14874
14862
|
/* CSS 变量已自动适配,如有特殊需求可在此添加 */
|
|
14875
14863
|
}
|
|
14876
14864
|
|
|
14877
14865
|
/* ================= 13. 响应式优化 ================= */
|
|
14878
14866
|
/* 小屏幕下的单元格编辑优化 */
|
|
14879
14867
|
@media (max-width: 768px) {
|
|
14880
|
-
.cell-editing-container[data-v-
|
|
14868
|
+
.cell-editing-container[data-v-f623c0e1],[data-v-f623c0e1] .cell-editing-container {
|
|
14881
14869
|
gap: 6px !important;
|
|
14882
14870
|
}
|
|
14883
|
-
.cell-editing-actions[data-v-
|
|
14871
|
+
.cell-editing-actions[data-v-f623c0e1],[data-v-f623c0e1] .cell-editing-actions {
|
|
14884
14872
|
gap: 3px !important;
|
|
14885
14873
|
padding: 2px !important;
|
|
14886
14874
|
}
|
|
14887
|
-
.cell-action-btn[data-v-
|
|
14875
|
+
.cell-action-btn[data-v-f623c0e1],[data-v-f623c0e1] .cell-action-btn {
|
|
14888
14876
|
width: 18px !important;
|
|
14889
14877
|
height: 18px !important;
|
|
14890
14878
|
}
|
|
14891
|
-
.cell-action-btn svg[data-v-
|
|
14879
|
+
.cell-action-btn svg[data-v-f623c0e1],[data-v-f623c0e1] .cell-action-btn svg {
|
|
14892
14880
|
width: 10px !important;
|
|
14893
14881
|
height: 10px !important;
|
|
14894
14882
|
}
|
|
14895
14883
|
/* 移动端编辑图标 */
|
|
14896
|
-
.cell-edit-icon[data-v-
|
|
14884
|
+
.cell-edit-icon[data-v-f623c0e1] {
|
|
14897
14885
|
opacity: 0.6 !important;
|
|
14898
14886
|
}
|
|
14899
|
-
.cell-value[data-v-
|
|
14887
|
+
.cell-value[data-v-f623c0e1] {
|
|
14900
14888
|
margin-right: 12px !important;
|
|
14901
14889
|
}
|
|
14902
14890
|
}
|
|
14903
14891
|
/* ================= 14. 性能优化 ================= */
|
|
14904
14892
|
/* 使用 GPU 加速的动画 */
|
|
14905
|
-
.cell-edit-icon[data-v-
|
|
14906
|
-
.cell-action-btn[data-v-
|
|
14893
|
+
.cell-edit-icon[data-v-f623c0e1],
|
|
14894
|
+
.cell-action-btn[data-v-f623c0e1] {
|
|
14907
14895
|
will-change: transform;
|
|
14908
14896
|
backface-visibility: hidden;
|
|
14909
14897
|
}
|
|
14910
|
-
[data-v-
|
|
14898
|
+
[data-v-f623c0e1] .n-button {
|
|
14911
14899
|
will-change: transform;
|
|
14912
14900
|
backface-visibility: hidden;
|
|
14913
14901
|
}
|
|
14914
14902
|
|
|
14915
14903
|
/* ================= 15. 可访问性优化 ================= */
|
|
14916
14904
|
/* 聚焦状态 */
|
|
14917
|
-
.cell-edit-wrapper[data-v-
|
|
14918
|
-
.cell-editing-container[data-v-
|
|
14905
|
+
.cell-edit-wrapper[data-v-f623c0e1]:focus-within,
|
|
14906
|
+
.cell-editing-container[data-v-f623c0e1]:focus-within {
|
|
14919
14907
|
outline: 2px solid var(--n-primary-color);
|
|
14920
14908
|
outline-offset: 2px;
|
|
14921
14909
|
}
|
|
14922
14910
|
|
|
14923
14911
|
/* 高对比度模式支持 */
|
|
14924
14912
|
@media (prefers-contrast: high) {
|
|
14925
|
-
.cell-edit-icon[data-v-
|
|
14913
|
+
.cell-edit-icon[data-v-f623c0e1] {
|
|
14926
14914
|
opacity: 0.8;
|
|
14927
14915
|
}
|
|
14928
|
-
.cell-editing-actions[data-v-
|
|
14916
|
+
.cell-editing-actions[data-v-f623c0e1] {
|
|
14929
14917
|
border-width: 2px;
|
|
14930
14918
|
}
|
|
14931
14919
|
}
|
|
14932
14920
|
/* ================= 11. 行拖拽排序 ================= */
|
|
14933
|
-
.row-drag-ghost[data-v-
|
|
14921
|
+
.row-drag-ghost[data-v-f623c0e1] {
|
|
14934
14922
|
opacity: 0.4;
|
|
14935
14923
|
background: var(--c-table-drag-ghost-bg) !important;
|
|
14936
14924
|
}
|
|
14937
|
-
.row-drag-chosen[data-v-
|
|
14925
|
+
.row-drag-chosen[data-v-f623c0e1] {
|
|
14938
14926
|
background: var(--n-color-hover, #f5f5f5) !important;
|
|
14939
14927
|
}
|
|
14940
14928
|
|
|
14941
14929
|
/* ================= 12. 批量操作栏 ================= */
|
|
14942
|
-
.batch-actions-bar[data-v-
|
|
14930
|
+
.batch-actions-bar[data-v-f623c0e1] {
|
|
14943
14931
|
display: flex;
|
|
14944
14932
|
align-items: center;
|
|
14945
14933
|
justify-content: space-between;
|
|
@@ -14949,56 +14937,56 @@ to {
|
|
|
14949
14937
|
border-radius: 6px;
|
|
14950
14938
|
border: 1px solid var(--n-primary-color-suppl, #70b3ff);
|
|
14951
14939
|
}
|
|
14952
|
-
.batch-actions-bar .batch-info[data-v-
|
|
14940
|
+
.batch-actions-bar .batch-info[data-v-f623c0e1] {
|
|
14953
14941
|
font-size: 13px;
|
|
14954
14942
|
color: var(--n-text-color-2);
|
|
14955
14943
|
font-weight: 500;
|
|
14956
14944
|
}
|
|
14957
14945
|
|
|
14958
14946
|
/* ================= 13. 错误状态 ================= */
|
|
14959
|
-
.table-error-state[data-v-
|
|
14947
|
+
.table-error-state[data-v-f623c0e1] {
|
|
14960
14948
|
padding: 48px 24px;
|
|
14961
14949
|
text-align: center;
|
|
14962
14950
|
}
|
|
14963
|
-
.table-error-state .error-content[data-v-
|
|
14951
|
+
.table-error-state .error-content[data-v-f623c0e1] {
|
|
14964
14952
|
display: flex;
|
|
14965
14953
|
flex-direction: column;
|
|
14966
14954
|
align-items: center;
|
|
14967
14955
|
gap: 12px;
|
|
14968
14956
|
color: var(--n-text-color-3, #999);
|
|
14969
14957
|
}
|
|
14970
|
-
.table-error-state .error-message[data-v-
|
|
14958
|
+
.table-error-state .error-message[data-v-f623c0e1] {
|
|
14971
14959
|
font-size: 14px;
|
|
14972
14960
|
margin: 0;
|
|
14973
14961
|
color: var(--n-text-color-2, #666);
|
|
14974
14962
|
}
|
|
14975
14963
|
/* unplugin-vue-components disabled */
|
|
14976
14964
|
/* layer: default */
|
|
14977
|
-
.visible[data-v-
|
|
14978
|
-
.fixed[data-v-
|
|
14979
|
-
.grid[data-v-
|
|
14980
|
-
.mb-2[data-v-
|
|
14981
|
-
.mb-4[data-v-
|
|
14982
|
-
.ml-2[data-v-
|
|
14983
|
-
.w60\%[data-v-
|
|
14984
|
-
.flex[data-v-
|
|
14985
|
-
.table[data-v-
|
|
14986
|
-
.scale-110[data-v-
|
|
14987
|
-
.cursor-pointer[data-v-
|
|
14988
|
-
.items-center[data-v-
|
|
14989
|
-
.justify-end[data-v-
|
|
14990
|
-
.justify-center[data-v-
|
|
14991
|
-
.rd[data-v-
|
|
14992
|
-
.bg-gray-50[data-v-
|
|
14993
|
-
.p-4[data-v-
|
|
14994
|
-
.px[data-v-
|
|
14995
|
-
.py-8[data-v-
|
|
14996
|
-
.text-center[data-v-
|
|
14997
|
-
.text-sm[data-v-
|
|
14998
|
-
.text-gray-400[data-v-
|
|
14999
|
-
.text-gray-500[data-v-
|
|
15000
|
-
.text-gray-600[data-v-
|
|
15001
|
-
.accent-blue-500[data-v-
|
|
15002
|
-
.blur[data-v-
|
|
15003
|
-
.filter[data-v-
|
|
14965
|
+
.visible[data-v-f623c0e1]{visibility:visible;}
|
|
14966
|
+
.fixed[data-v-f623c0e1]{position:fixed;}
|
|
14967
|
+
.grid[data-v-f623c0e1]{display:grid;}
|
|
14968
|
+
.mb-2[data-v-f623c0e1]{margin-bottom:0.5rem;}
|
|
14969
|
+
.mb-4[data-v-f623c0e1]{margin-bottom:1rem;}
|
|
14970
|
+
.ml-2[data-v-f623c0e1]{margin-left:0.5rem;}
|
|
14971
|
+
.w60\%[data-v-f623c0e1]{width:60%;}
|
|
14972
|
+
.flex[data-v-f623c0e1]{display:flex;}
|
|
14973
|
+
.table[data-v-f623c0e1]{display:table;}
|
|
14974
|
+
.scale-110[data-v-f623c0e1]{--un-scale-x:1.1;--un-scale-y:1.1;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
|
|
14975
|
+
.cursor-pointer[data-v-f623c0e1]{cursor:pointer;}
|
|
14976
|
+
.items-center[data-v-f623c0e1]{align-items:center;}
|
|
14977
|
+
.justify-end[data-v-f623c0e1]{justify-content:flex-end;}
|
|
14978
|
+
.justify-center[data-v-f623c0e1]{justify-content:center;}
|
|
14979
|
+
.rd[data-v-f623c0e1]{border-radius:0.25rem;}
|
|
14980
|
+
.bg-gray-50[data-v-f623c0e1]{--un-bg-opacity:1;background-color:rgb(249 250 251 / var(--un-bg-opacity));}
|
|
14981
|
+
.p-4[data-v-f623c0e1]{padding:1rem;}
|
|
14982
|
+
.px[data-v-f623c0e1]{padding-left:1rem;padding-right:1rem;}
|
|
14983
|
+
.py-8[data-v-f623c0e1]{padding-top:2rem;padding-bottom:2rem;}
|
|
14984
|
+
.text-center[data-v-f623c0e1]{text-align:center;}
|
|
14985
|
+
.text-sm[data-v-f623c0e1]{font-size:0.875rem;line-height:1.25rem;}
|
|
14986
|
+
.text-gray-400[data-v-f623c0e1]{--un-text-opacity:1;color:rgb(156 163 175 / var(--un-text-opacity));}
|
|
14987
|
+
.text-gray-500[data-v-f623c0e1]{--un-text-opacity:1;color:rgb(107 114 128 / var(--un-text-opacity));}
|
|
14988
|
+
.text-gray-600[data-v-f623c0e1]{--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity));}
|
|
14989
|
+
.accent-blue-500[data-v-f623c0e1]{--un-accent-opacity:1;accent-color:rgb(59 130 246 / var(--un-accent-opacity));}
|
|
14990
|
+
.blur[data-v-f623c0e1]{--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);}
|
|
14991
|
+
.filter[data-v-f623c0e1]{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);}
|
|
15004
14992
|
|