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