@robot-admin/naive-ui-components 0.13.2 → 0.13.6
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 +27 -0
- package/README.md +25 -5
- package/README_EN.md +17 -5
- package/dist/C_ActionBar.css +75 -63
- package/dist/C_ActionBar2.cjs +1 -1
- package/dist/C_ActionBar2.js +1 -1
- package/dist/C_AntV.css +249 -79
- package/dist/C_AntV2.cjs +3 -3
- package/dist/C_AntV2.js +2 -2
- package/dist/C_AudioPlayer.css +88 -76
- package/dist/C_AudioPlayer2.cjs +1 -1
- package/dist/C_AudioPlayer2.js +1 -1
- package/dist/C_AvatarGroup.css +32 -28
- package/dist/C_AvatarGroup2.cjs +1 -1
- package/dist/C_AvatarGroup2.js +1 -1
- package/dist/C_Breadcrumb.css +35 -17
- package/dist/C_Breadcrumb2.cjs +1 -1
- package/dist/C_Breadcrumb2.js +1 -1
- package/dist/C_Captcha.css +66 -53
- package/dist/C_Captcha2.cjs +1 -1
- package/dist/C_Captcha2.js +1 -1
- package/dist/C_Cascade.css +6 -2
- package/dist/C_Cascade2.cjs +1 -1
- package/dist/C_Cascade2.js +1 -1
- package/dist/C_Chat.css +40 -33
- package/dist/C_City.css +37 -32
- package/dist/C_City2.cjs +1 -1
- package/dist/C_City2.js +1 -1
- package/dist/C_Code.css +53 -40
- package/dist/C_Code2.cjs +1 -1
- package/dist/C_Code2.js +1 -1
- package/dist/C_CollapsePanel.css +68 -55
- package/dist/C_CollapsePanel2.cjs +1 -1
- package/dist/C_CollapsePanel2.js +1 -1
- package/dist/C_ContextMenu.css +68 -26
- package/dist/C_ContextMenu2.cjs +1 -1
- package/dist/C_ContextMenu2.js +1 -1
- package/dist/C_Cron.css +95 -68
- package/dist/C_Cron2.cjs +1 -1
- package/dist/C_Cron2.js +1 -1
- package/dist/C_Date.css +8 -1
- package/dist/C_Date2.cjs +1 -1
- package/dist/C_Date2.js +1 -1
- package/dist/C_Draggable.css +60 -51
- package/dist/C_Draggable2.cjs +1 -1
- package/dist/C_Draggable2.js +1 -1
- package/dist/C_Editor.css +23 -15
- package/dist/C_Editor2.cjs +1 -1
- package/dist/C_Editor2.js +1 -1
- package/dist/C_FilePreview.css +200 -90
- package/dist/C_FilePreview2.cjs +1 -1
- package/dist/C_FilePreview2.js +1 -1
- package/dist/C_Form.base.css +284 -224
- package/dist/C_Form.css +307 -239
- package/dist/C_Form2.cjs +1 -1
- package/dist/C_Form2.js +1 -1
- package/dist/C_FormModal.css +18 -8
- package/dist/C_FormModal2.cjs +1 -1
- package/dist/C_FormModal2.js +1 -1
- package/dist/C_FormSearch.css +58 -45
- package/dist/C_FormSearch2.cjs +1 -1
- package/dist/C_FormSearch2.js +1 -1
- package/dist/C_FormulaEditor.css +62 -37
- package/dist/C_FormulaEditor2.cjs +1 -1
- package/dist/C_FormulaEditor2.js +1 -1
- package/dist/C_FullCalendar.css +16 -3
- package/dist/C_FullCalendar2.cjs +1 -1
- package/dist/C_FullCalendar2.js +1 -1
- package/dist/C_GlobalSearch.css +121 -112
- package/dist/C_GlobalSearch2.cjs +1 -1
- package/dist/C_GlobalSearch2.js +1 -1
- package/dist/C_Guide.css +30 -18
- package/dist/C_Guide2.cjs +1 -1
- package/dist/C_Guide2.js +1 -1
- package/dist/C_Icon.css +24 -17
- package/dist/C_Icon2.cjs +1 -1
- package/dist/C_Icon2.js +1 -1
- package/dist/C_ImageCropper.css +39 -22
- package/dist/C_ImageCropper2.cjs +1 -1
- package/dist/C_ImageCropper2.js +1 -1
- package/dist/C_Language.css +30 -17
- package/dist/C_Language2.cjs +1 -1
- package/dist/C_Language2.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.css +162 -137
- package/dist/C_Login.d.cts +1 -1
- package/dist/C_Login.d.ts +1 -1
- package/dist/C_Login2.cjs +1 -1
- package/dist/C_Login2.js +1 -1
- package/dist/C_Map.css +25 -4
- package/dist/C_Map2.cjs +1 -1
- package/dist/C_Map2.js +1 -1
- package/dist/C_Markdown.css +47 -42
- package/dist/C_Markdown.d.cts +1 -1
- package/dist/C_Markdown.d.ts +1 -1
- package/dist/C_Markdown2.cjs +1 -1
- package/dist/C_Markdown2.js +1 -1
- package/dist/C_Menu.css +7 -1
- package/dist/C_Menu.d.ts +1 -1
- package/dist/C_Menu2.cjs +1 -1
- package/dist/C_Menu2.js +1 -1
- package/dist/C_NotificationCenter.css +134 -90
- package/dist/C_NotificationCenter2.cjs +1 -1
- package/dist/C_NotificationCenter2.js +1 -1
- package/dist/C_OrgChart.css +10 -0
- package/dist/C_OrgChart.d.cts +1 -1
- package/dist/C_OrgChart.d.ts +1 -1
- package/dist/C_OrgChart2.cjs +1 -1
- package/dist/C_OrgChart2.js +1 -1
- package/dist/C_Progress.d.cts +1 -1
- package/dist/C_Progress.d.ts +1 -1
- package/dist/C_QRCode.css +12 -8
- package/dist/C_QRCode2.cjs +1 -1
- package/dist/C_QRCode2.js +1 -1
- package/dist/C_Signature.css +18 -14
- package/dist/C_Signature2.cjs +1 -1
- package/dist/C_Signature2.js +1 -1
- package/dist/C_Skeleton.css +5 -0
- package/dist/C_Skeleton.d.cts +1 -1
- package/dist/C_Skeleton.d.ts +1 -1
- package/dist/C_Skeleton2.cjs +1 -1
- package/dist/C_Skeleton2.js +1 -1
- package/dist/C_SplitPane.css +61 -39
- package/dist/C_SplitPane2.cjs +1 -1
- package/dist/C_SplitPane2.js +1 -1
- package/dist/C_Steps.css +42 -38
- package/dist/C_Steps.d.cts +1 -1
- package/dist/C_Steps.d.ts +1 -1
- package/dist/C_Steps2.cjs +1 -1
- package/dist/C_Steps2.js +1 -1
- package/dist/C_Table.base.css +585 -352
- package/dist/C_Table.cjs +1 -1
- package/dist/C_Table.css +608 -367
- package/dist/C_Table.d.ts +2 -2
- package/dist/C_Table.js +1 -1
- package/dist/C_TagsView.css +93 -55
- package/dist/C_TagsView.d.cts +1 -1
- package/dist/C_TagsView.d.ts +1 -1
- package/dist/C_TagsView2.cjs +1 -1
- package/dist/C_TagsView2.js +1 -1
- package/dist/C_Theme.css +24 -17
- package/dist/C_Theme.d.cts +1 -1
- package/dist/C_Theme.d.ts +1 -1
- package/dist/C_Timeline.css +47 -36
- package/dist/C_Timeline.d.cts +1 -1
- package/dist/C_Timeline.d.ts +1 -1
- package/dist/C_Transfer.css +86 -67
- package/dist/C_Transfer.d.cts +1 -1
- package/dist/C_Transfer.d.ts +1 -1
- package/dist/C_Transfer2.cjs +1 -1
- package/dist/C_Transfer2.js +1 -1
- package/dist/C_Tree.css +48 -33
- package/dist/C_Tree2.cjs +1 -1
- package/dist/C_Tree2.js +1 -1
- package/dist/C_Upload.css +104 -51
- package/dist/C_Upload2.cjs +1 -1
- package/dist/C_Upload2.js +1 -1
- package/dist/C_VideoPlayer.css +140 -69
- package/dist/C_VideoPlayer2.cjs +1 -1
- package/dist/C_VideoPlayer2.js +1 -1
- package/dist/C_VtableGantt.css +42 -19
- package/dist/C_VtableGantt.d.cts +1 -1
- package/dist/C_VtableGantt.d.ts +1 -1
- package/dist/C_VtableGantt2.cjs +1 -1
- package/dist/C_VtableGantt2.js +1 -1
- package/dist/C_WaterFall.css +32 -16
- package/dist/C_WaterFall2.cjs +1 -1
- package/dist/C_WaterFall2.js +1 -1
- package/dist/C_WorkFlow.css +332 -221
- package/dist/C_WorkFlow2.cjs +1 -1
- package/dist/C_WorkFlow2.js +1 -1
- package/dist/config.cjs +1 -1
- package/dist/config.js +1 -1
- package/dist/constants.d.cts +4 -4
- package/dist/constants.d.ts +4 -4
- 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 +6 -6
- package/dist/constants4.d.ts +6 -6
- package/dist/constants5.d.cts +2 -2
- package/dist/constants5.d.ts +2 -2
- package/dist/data.d.cts +8 -8
- package/dist/data.d.ts +8 -8
- package/dist/data2.cjs +1 -1
- package/dist/data2.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.d.cts +28 -27
- package/dist/index.d.ts +28 -27
- package/dist/index.js +1 -1
- package/dist/index.vue.d.cts +1 -1
- package/dist/index.vue.d.ts +1 -1
- package/dist/index10.vue.d.cts +5 -5
- package/dist/index10.vue.d.ts +3 -3
- package/dist/index11.vue.d.cts +3 -3
- package/dist/index11.vue.d.ts +2 -2
- package/dist/index12.vue.d.cts +2 -2
- package/dist/index13.vue.d.ts +1 -1
- package/dist/index14.vue.d.cts +1 -1
- package/dist/index14.vue.d.ts +11 -9
- package/dist/index15.vue.d.cts +11 -9
- package/dist/index15.vue.d.ts +3 -3
- package/dist/index16.vue.d.cts +3 -3
- 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/index5.vue.d.ts +2 -2
- package/dist/index6.vue.d.cts +2 -2
- package/dist/index6.vue.d.ts +1 -1
- package/dist/index7.vue.d.cts +1 -1
- package/dist/index7.vue.d.ts +2 -2
- package/dist/index8.vue.d.cts +2 -2
- package/dist/index8.vue.d.ts +3 -3
- package/dist/index9.vue.d.cts +3 -3
- package/dist/index9.vue.d.ts +5 -5
- 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 +3205 -1982
- package/dist/useCollapsePanel.d.cts +2 -2
- package/dist/useCollapsePanel.d.ts +2 -2
- package/dist/useCropperCore.d.cts +8 -8
- package/dist/useCropperCore.d.ts +8 -8
- package/dist/useDraggableLayout.d.cts +5 -5
- package/dist/useDraggableLayout.d.ts +5 -5
- package/dist/useDynamicFormState.d.cts +2 -2
- package/dist/useDynamicFormState.d.ts +2 -2
- package/dist/useEdgeInteraction.d.cts +1 -1
- package/dist/useEdgeInteraction.d.ts +1 -1
- package/dist/useFullscreen.d.cts +2 -2
- package/dist/useFullscreen.d.ts +2 -2
- package/dist/useInfiniteScroll.d.cts +3 -3
- package/dist/useInfiniteScroll.d.ts +3 -3
- package/dist/useQRCode.d.cts +2 -2
- package/dist/useQRCode.d.ts +2 -2
- package/dist/useSearchState.d.cts +6 -6
- package/dist/useSearchState.d.ts +6 -6
- package/dist/useSignatureHistory.d.cts +6 -6
- package/dist/useSignatureHistory.d.ts +6 -6
- package/dist/useSplitResize.d.cts +4 -4
- package/dist/useSplitResize.d.ts +4 -4
- package/dist/useTableQuery.cjs +3 -3
- package/dist/useTableQuery.d.cts +3 -1
- package/dist/useTableQuery.d.ts +3 -1
- package/dist/useTableQuery.js +3 -3
- package/dist/useTimeSelection.d.cts +4 -4
- package/dist/useTimeSelection.d.ts +4 -4
- package/dist/useTreeOperations.d.cts +6 -6
- package/dist/useTreeOperations.d.ts +6 -6
- package/dist/useWorkflowValidation.d.cts +6 -6
- package/dist/useWorkflowValidation.d.ts +6 -6
- package/dist/verification.d.cts +2 -2
- package/dist/verification.d.ts +2 -2
- package/package.json +10 -3
package/dist/C_Table.base.css
CHANGED
|
@@ -1,54 +1,55 @@
|
|
|
1
|
-
/* unplugin-vue-components disabled */.c-icon[data-v-
|
|
1
|
+
/* unplugin-vue-components disabled */.c-icon[data-v-075758a0] {
|
|
2
2
|
display: inline-flex;
|
|
3
3
|
align-items: center;
|
|
4
4
|
justify-content: center;
|
|
5
|
+
position: relative;
|
|
6
|
+
flex-shrink: 0;
|
|
7
|
+
vertical-align: middle;
|
|
5
8
|
user-select: none;
|
|
6
9
|
transition: all 0.2s ease-in-out;
|
|
7
10
|
}
|
|
8
|
-
.c-icon--clickable[data-v-
|
|
11
|
+
.c-icon--clickable[data-v-075758a0] {
|
|
9
12
|
cursor: pointer;
|
|
10
13
|
}
|
|
11
|
-
.c-icon--clickable[data-v-
|
|
14
|
+
.c-icon--clickable[data-v-075758a0]:hover {
|
|
12
15
|
opacity: 0.8;
|
|
13
16
|
transform: scale(1.05);
|
|
14
17
|
}
|
|
15
|
-
.c-icon--clickable[data-v-
|
|
18
|
+
.c-icon--clickable[data-v-075758a0]:active {
|
|
16
19
|
transform: scale(0.95);
|
|
17
20
|
}
|
|
18
|
-
.c-icon--clickable[data-v-
|
|
21
|
+
.c-icon--clickable[data-v-075758a0]:focus-visible {
|
|
19
22
|
outline: 2px solid currentColor;
|
|
20
23
|
outline-offset: 2px;
|
|
21
24
|
border-radius: 4px;
|
|
22
25
|
}
|
|
23
|
-
.c-icon--loading[data-v-
|
|
26
|
+
.c-icon--loading[data-v-075758a0] {
|
|
24
27
|
opacity: 0.6;
|
|
25
28
|
cursor: wait;
|
|
26
29
|
}
|
|
27
|
-
.c-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
.c-icon__loading[data-v-711aedcd] {
|
|
31
|
-
position: relative;
|
|
30
|
+
.c-icon__loading[data-v-075758a0] {
|
|
31
|
+
position: absolute;
|
|
32
|
+
inset: 0;
|
|
32
33
|
}
|
|
33
|
-
.c-icon__spinner[data-v-
|
|
34
|
+
.c-icon__spinner[data-v-075758a0] {
|
|
34
35
|
width: 100%;
|
|
35
36
|
height: 100%;
|
|
36
37
|
border: 2px solid currentColor;
|
|
37
38
|
border-radius: 50%;
|
|
38
39
|
border-top-color: transparent;
|
|
39
|
-
animation: spin-
|
|
40
|
+
animation: spin-075758a0 1s linear infinite;
|
|
40
41
|
}
|
|
41
|
-
.c-icon__error[data-v-
|
|
42
|
+
.c-icon__error[data-v-075758a0] {
|
|
42
43
|
font-size: 0.8em;
|
|
43
44
|
opacity: 0.5;
|
|
44
45
|
}
|
|
45
|
-
.c-icon__rotatable[data-v-
|
|
46
|
+
.c-icon__rotatable[data-v-075758a0] {
|
|
46
47
|
transition: transform 0.3s ease-in-out;
|
|
47
48
|
}
|
|
48
|
-
.c-icon__flippable[data-v-
|
|
49
|
+
.c-icon__flippable[data-v-075758a0] {
|
|
49
50
|
transition: transform 0.3s ease-in-out;
|
|
50
51
|
}
|
|
51
|
-
@keyframes spin-
|
|
52
|
+
@keyframes spin-075758a0 {
|
|
52
53
|
0% {
|
|
53
54
|
transform: rotate(0deg);
|
|
54
55
|
}
|
|
@@ -56,6 +57,12 @@
|
|
|
56
57
|
transform: rotate(360deg);
|
|
57
58
|
}
|
|
58
59
|
}
|
|
60
|
+
/* unplugin-vue-components disabled */
|
|
61
|
+
/* layer: default */
|
|
62
|
+
.inline-flex[data-v-075758a0]{display:inline-flex;}
|
|
63
|
+
.transform[data-v-075758a0]{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));}
|
|
64
|
+
.px[data-v-075758a0]{padding-left:1rem;padding-right:1rem;}
|
|
65
|
+
|
|
59
66
|
|
|
60
67
|
/* unplugin-vue-components disabled */
|
|
61
68
|
.c-form-default[data-v-4313de0c] {
|
|
@@ -63,39 +70,39 @@
|
|
|
63
70
|
}
|
|
64
71
|
|
|
65
72
|
/* unplugin-vue-components disabled *//* Inline 布局样式 */
|
|
66
|
-
.c-form-inline[data-v-
|
|
73
|
+
.c-form-inline[data-v-c92457c4] {
|
|
67
74
|
width: 100%;
|
|
68
75
|
min-height: 0;
|
|
69
76
|
transition: all 0.3s ease;
|
|
70
77
|
}
|
|
71
|
-
.c-form-inline-item[data-v-
|
|
78
|
+
.c-form-inline-item[data-v-c92457c4] {
|
|
72
79
|
min-width: 0;
|
|
73
80
|
transition: all 0.3s ease;
|
|
74
81
|
}
|
|
75
82
|
|
|
76
83
|
/* 确保内部所有表单组件都占满容器宽度 */
|
|
77
|
-
.c-form-inline-item[data-v-
|
|
84
|
+
.c-form-inline-item[data-v-c92457c4] .n-form-item {
|
|
78
85
|
width: 100%;
|
|
79
86
|
margin-bottom: 0;
|
|
80
87
|
}
|
|
81
|
-
.c-form-inline-item[data-v-
|
|
88
|
+
.c-form-inline-item[data-v-c92457c4] .n-form-item-blank {
|
|
82
89
|
width: 100%;
|
|
83
90
|
}
|
|
84
|
-
.c-form-inline-item[data-v-
|
|
85
|
-
.c-form-inline-item[data-v-
|
|
86
|
-
.c-form-inline-item[data-v-
|
|
87
|
-
.c-form-inline-item[data-v-
|
|
88
|
-
.c-form-inline-item[data-v-
|
|
89
|
-
.c-form-inline-item[data-v-
|
|
90
|
-
.c-form-inline-item[data-v-
|
|
91
|
-
.c-form-inline-item[data-v-
|
|
92
|
-
.c-form-inline-item[data-v-
|
|
91
|
+
.c-form-inline-item[data-v-c92457c4] .n-input,
|
|
92
|
+
.c-form-inline-item[data-v-c92457c4] .n-select,
|
|
93
|
+
.c-form-inline-item[data-v-c92457c4] .n-date-picker,
|
|
94
|
+
.c-form-inline-item[data-v-c92457c4] .n-time-picker,
|
|
95
|
+
.c-form-inline-item[data-v-c92457c4] .n-input-number,
|
|
96
|
+
.c-form-inline-item[data-v-c92457c4] .n-cascader,
|
|
97
|
+
.c-form-inline-item[data-v-c92457c4] .n-color-picker,
|
|
98
|
+
.c-form-inline-item[data-v-c92457c4] .n-auto-complete,
|
|
99
|
+
.c-form-inline-item[data-v-c92457c4] .n-tree-select {
|
|
93
100
|
width: 100% !important;
|
|
94
101
|
}
|
|
95
102
|
|
|
96
103
|
/* 单选框和复选框组保持自然宽度 */
|
|
97
|
-
.c-form-inline-item[data-v-
|
|
98
|
-
.c-form-inline-item[data-v-
|
|
104
|
+
.c-form-inline-item[data-v-c92457c4] .n-radio-group,
|
|
105
|
+
.c-form-inline-item[data-v-c92457c4] .n-checkbox-group {
|
|
99
106
|
width: 100%;
|
|
100
107
|
display: flex;
|
|
101
108
|
flex-wrap: wrap;
|
|
@@ -103,157 +110,165 @@
|
|
|
103
110
|
}
|
|
104
111
|
|
|
105
112
|
/* 开关组件居左对齐 */
|
|
106
|
-
.c-form-inline-item[data-v-
|
|
113
|
+
.c-form-inline-item[data-v-c92457c4] .n-switch {
|
|
107
114
|
width: auto;
|
|
108
115
|
}
|
|
109
116
|
|
|
110
117
|
/* ================= 对齐方式样式增强 ================= */
|
|
111
118
|
/* 当容器使用 center 对齐时,确保表单项也居中 */
|
|
112
|
-
.c-form-inline[style*="justify-content: center"] .c-form-inline-item[data-v-
|
|
119
|
+
.c-form-inline[style*="justify-content: center"] .c-form-inline-item[data-v-c92457c4] {
|
|
113
120
|
text-align: center;
|
|
114
121
|
}
|
|
115
122
|
|
|
116
123
|
/* 当容器使用 end 对齐时,确保表单项也右对齐 */
|
|
117
|
-
.c-form-inline[style*="justify-content: flex-end"] .c-form-inline-item[data-v-
|
|
124
|
+
.c-form-inline[style*="justify-content: flex-end"] .c-form-inline-item[data-v-c92457c4] {
|
|
118
125
|
text-align: right;
|
|
119
126
|
}
|
|
120
127
|
|
|
121
128
|
/* 当容器使用 start 对齐时,确保表单项左对齐 */
|
|
122
|
-
.c-form-inline[style*="justify-content: flex-start"] .c-form-inline-item[data-v-
|
|
129
|
+
.c-form-inline[style*="justify-content: flex-start"] .c-form-inline-item[data-v-c92457c4] {
|
|
123
130
|
text-align: left;
|
|
124
131
|
}
|
|
125
132
|
|
|
126
133
|
/* ================= 响应式设计 ================= */
|
|
127
134
|
/* 移动设备 - 改为垂直布局 */
|
|
128
135
|
@media (max-width: 768px) {
|
|
129
|
-
.c-form-inline[data-v-
|
|
136
|
+
.c-form-inline[data-v-c92457c4] {
|
|
130
137
|
flex-direction: column !important;
|
|
131
138
|
gap: 12px !important;
|
|
132
139
|
justify-content: flex-start !important;
|
|
133
140
|
}
|
|
134
|
-
.c-form-inline-item[data-v-
|
|
141
|
+
.c-form-inline-item[data-v-c92457c4] {
|
|
135
142
|
width: 100% !important;
|
|
136
143
|
text-align: left !important;
|
|
137
144
|
}
|
|
138
145
|
}
|
|
139
146
|
/* 小屏手机 */
|
|
140
147
|
@media (max-width: 480px) {
|
|
141
|
-
.c-form-inline[data-v-
|
|
148
|
+
.c-form-inline[data-v-c92457c4] {
|
|
142
149
|
gap: 8px !important;
|
|
143
150
|
}
|
|
144
151
|
}
|
|
152
|
+
/* unplugin-vue-components disabled */
|
|
153
|
+
/* layer: default */
|
|
154
|
+
.visible[data-v-c92457c4]{visibility:visible;}
|
|
155
|
+
.grid[data-v-c92457c4]{display:grid;}
|
|
156
|
+
.inline[data-v-c92457c4]{display:inline;}
|
|
157
|
+
.flex[data-v-c92457c4]{display:flex;}
|
|
158
|
+
.px[data-v-c92457c4]{padding-left:1rem;padding-right:1rem;}
|
|
159
|
+
|
|
145
160
|
/* unplugin-vue-components disabled *//* Grid 布局样式 */
|
|
146
161
|
/* 变量定义 */
|
|
147
|
-
.c-grid-layout[data-v-
|
|
162
|
+
.c-grid-layout[data-v-5debeeab] {
|
|
148
163
|
width: 100%;
|
|
149
164
|
/* 配置面板 */
|
|
150
165
|
}
|
|
151
|
-
.c-grid-layout .config-panel[data-v-
|
|
166
|
+
.c-grid-layout .config-panel[data-v-5debeeab] {
|
|
152
167
|
margin-bottom: 1rem;
|
|
153
168
|
}
|
|
154
|
-
.c-grid-layout .config-panel .config-header[data-v-
|
|
169
|
+
.c-grid-layout .config-panel .config-header[data-v-5debeeab] {
|
|
155
170
|
display: flex;
|
|
156
171
|
align-items: center;
|
|
157
172
|
gap: 0.5rem;
|
|
158
173
|
font-weight: 500;
|
|
159
174
|
margin-bottom: 8px;
|
|
160
175
|
}
|
|
161
|
-
.c-grid-layout .config-panel .config-controls[data-v-
|
|
176
|
+
.c-grid-layout .config-panel .config-controls[data-v-5debeeab] {
|
|
162
177
|
display: flex;
|
|
163
178
|
gap: 1rem;
|
|
164
179
|
flex-wrap: wrap;
|
|
165
180
|
}
|
|
166
|
-
.c-grid-layout .config-panel .config-controls .config-item[data-v-
|
|
181
|
+
.c-grid-layout .config-panel .config-controls .config-item[data-v-5debeeab] {
|
|
167
182
|
display: flex;
|
|
168
183
|
align-items: center;
|
|
169
184
|
gap: 0.5rem;
|
|
170
185
|
}
|
|
171
|
-
.c-grid-layout .config-panel .config-controls .config-item .config-label[data-v-
|
|
186
|
+
.c-grid-layout .config-panel .config-controls .config-item .config-label[data-v-5debeeab] {
|
|
172
187
|
font-size: 0.875rem;
|
|
173
188
|
white-space: nowrap;
|
|
174
189
|
min-width: 3rem;
|
|
175
190
|
}
|
|
176
|
-
.c-grid-layout[data-v-
|
|
191
|
+
.c-grid-layout[data-v-5debeeab] {
|
|
177
192
|
/* 网格容器 */
|
|
178
193
|
}
|
|
179
|
-
.c-grid-layout .grid-container[data-v-
|
|
194
|
+
.c-grid-layout .grid-container[data-v-5debeeab] {
|
|
180
195
|
width: 100%;
|
|
181
196
|
}
|
|
182
|
-
.c-grid-layout .grid-container .grid-item[data-v-
|
|
197
|
+
.c-grid-layout .grid-container .grid-item[data-v-5debeeab] {
|
|
183
198
|
/* 进场动画 */
|
|
184
|
-
animation: fadeInUp-
|
|
199
|
+
animation: fadeInUp-5debeeab 0.3s ease-out both;
|
|
185
200
|
}
|
|
186
|
-
.c-grid-layout .grid-container .grid-item[data-v-
|
|
201
|
+
.c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(1) {
|
|
187
202
|
animation-delay: 0.05s;
|
|
188
203
|
}
|
|
189
|
-
.c-grid-layout .grid-container .grid-item[data-v-
|
|
204
|
+
.c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(2) {
|
|
190
205
|
animation-delay: 0.1s;
|
|
191
206
|
}
|
|
192
|
-
.c-grid-layout .grid-container .grid-item[data-v-
|
|
207
|
+
.c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(3) {
|
|
193
208
|
animation-delay: 0.15s;
|
|
194
209
|
}
|
|
195
|
-
.c-grid-layout .grid-container .grid-item[data-v-
|
|
210
|
+
.c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(4) {
|
|
196
211
|
animation-delay: 0.2s;
|
|
197
212
|
}
|
|
198
|
-
.c-grid-layout .grid-container .grid-item[data-v-
|
|
213
|
+
.c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(5) {
|
|
199
214
|
animation-delay: 0.25s;
|
|
200
215
|
}
|
|
201
|
-
.c-grid-layout .grid-container .grid-item[data-v-
|
|
216
|
+
.c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(6) {
|
|
202
217
|
animation-delay: 0.3s;
|
|
203
218
|
}
|
|
204
|
-
.c-grid-layout .grid-container .grid-item[data-v-
|
|
219
|
+
.c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(7) {
|
|
205
220
|
animation-delay: 0.35s;
|
|
206
221
|
}
|
|
207
|
-
.c-grid-layout .grid-container .grid-item[data-v-
|
|
222
|
+
.c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(8) {
|
|
208
223
|
animation-delay: 0.4s;
|
|
209
224
|
}
|
|
210
|
-
.c-grid-layout .grid-container .grid-item[data-v-
|
|
225
|
+
.c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(9) {
|
|
211
226
|
animation-delay: 0.45s;
|
|
212
227
|
}
|
|
213
|
-
.c-grid-layout .grid-container .grid-item[data-v-
|
|
228
|
+
.c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(10) {
|
|
214
229
|
animation-delay: 0.5s;
|
|
215
230
|
}
|
|
216
|
-
.c-grid-layout .grid-container .grid-item[data-v-
|
|
231
|
+
.c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(11) {
|
|
217
232
|
animation-delay: 0.55s;
|
|
218
233
|
}
|
|
219
|
-
.c-grid-layout .grid-container .grid-item[data-v-
|
|
234
|
+
.c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(12) {
|
|
220
235
|
animation-delay: 0.6s;
|
|
221
236
|
}
|
|
222
|
-
.c-grid-layout .grid-container .grid-item[data-v-
|
|
237
|
+
.c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(13) {
|
|
223
238
|
animation-delay: 0.65s;
|
|
224
239
|
}
|
|
225
|
-
.c-grid-layout .grid-container .grid-item[data-v-
|
|
240
|
+
.c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(14) {
|
|
226
241
|
animation-delay: 0.7s;
|
|
227
242
|
}
|
|
228
|
-
.c-grid-layout .grid-container .grid-item[data-v-
|
|
243
|
+
.c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(15) {
|
|
229
244
|
animation-delay: 0.75s;
|
|
230
245
|
}
|
|
231
|
-
.c-grid-layout .grid-container .grid-item[data-v-
|
|
246
|
+
.c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(16) {
|
|
232
247
|
animation-delay: 0.8s;
|
|
233
248
|
}
|
|
234
|
-
.c-grid-layout .grid-container .grid-item[data-v-
|
|
249
|
+
.c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(17) {
|
|
235
250
|
animation-delay: 0.85s;
|
|
236
251
|
}
|
|
237
|
-
.c-grid-layout .grid-container .grid-item[data-v-
|
|
252
|
+
.c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(18) {
|
|
238
253
|
animation-delay: 0.9s;
|
|
239
254
|
}
|
|
240
|
-
.c-grid-layout .grid-container .grid-item[data-v-
|
|
255
|
+
.c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(19) {
|
|
241
256
|
animation-delay: 0.95s;
|
|
242
257
|
}
|
|
243
|
-
.c-grid-layout .grid-container .grid-item[data-v-
|
|
258
|
+
.c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(20) {
|
|
244
259
|
animation-delay: 1s;
|
|
245
260
|
}
|
|
246
|
-
.c-grid-layout[data-v-
|
|
261
|
+
.c-grid-layout[data-v-5debeeab] {
|
|
247
262
|
/* 统计信息 */
|
|
248
263
|
}
|
|
249
|
-
.c-grid-layout .grid-stats[data-v-
|
|
264
|
+
.c-grid-layout .grid-stats[data-v-5debeeab] {
|
|
250
265
|
margin-top: 1rem;
|
|
251
266
|
font-size: 0.875rem;
|
|
252
267
|
opacity: 0.8;
|
|
253
268
|
}
|
|
254
269
|
|
|
255
270
|
/* 动画定义 */
|
|
256
|
-
@keyframes fadeInUp-
|
|
271
|
+
@keyframes fadeInUp-5debeeab {
|
|
257
272
|
from {
|
|
258
273
|
opacity: 0;
|
|
259
274
|
transform: translateY(10px) scale(0.95);
|
|
@@ -264,54 +279,58 @@ to {
|
|
|
264
279
|
}
|
|
265
280
|
}
|
|
266
281
|
/* 表单控件统一宽度 */
|
|
267
|
-
[data-v-
|
|
282
|
+
[data-v-5debeeab] .n-form-item .n-form-item-blank {
|
|
268
283
|
/* 统一所有表单控件的宽度 */
|
|
269
284
|
}
|
|
270
|
-
[data-v-
|
|
285
|
+
[data-v-5debeeab] .n-form-item .n-form-item-blank .n-input,[data-v-5debeeab] .n-form-item .n-form-item-blank .n-input-number,[data-v-5debeeab] .n-form-item .n-form-item-blank .n-select,[data-v-5debeeab] .n-form-item .n-form-item-blank .n-date-picker,[data-v-5debeeab] .n-form-item .n-form-item-blank .n-time-picker,[data-v-5debeeab] .n-form-item .n-form-item-blank .n-cascader,[data-v-5debeeab] .n-form-item .n-form-item-blank .n-tree-select,[data-v-5debeeab] .n-form-item .n-form-item-blank .n-auto-complete,[data-v-5debeeab] .n-form-item .n-form-item-blank .n-dynamic-tags {
|
|
271
286
|
width: 100% !important;
|
|
272
287
|
}
|
|
273
288
|
|
|
274
289
|
/* 响应式设计 */
|
|
275
290
|
@media (max-width: 768px) {
|
|
276
|
-
.c-grid-layout .config-panel .config-controls[data-v-
|
|
291
|
+
.c-grid-layout .config-panel .config-controls[data-v-5debeeab] {
|
|
277
292
|
flex-direction: column;
|
|
278
293
|
gap: 0.75rem;
|
|
279
294
|
}
|
|
280
|
-
.c-grid-layout .config-panel .config-controls .config-item[data-v-
|
|
295
|
+
.c-grid-layout .config-panel .config-controls .config-item[data-v-5debeeab] {
|
|
281
296
|
justify-content: space-between;
|
|
282
297
|
}
|
|
283
|
-
.c-grid-layout .grid-container[data-v-
|
|
298
|
+
.c-grid-layout .grid-container[data-v-5debeeab] .n-grid {
|
|
284
299
|
gap: 0.5rem !important;
|
|
285
300
|
}
|
|
286
|
-
.c-grid-layout .grid-container .grid-item .item-wrapper[data-v-
|
|
301
|
+
.c-grid-layout .grid-container .grid-item .item-wrapper[data-v-5debeeab] {
|
|
287
302
|
padding: 0.125rem;
|
|
288
303
|
}
|
|
289
|
-
.c-grid-layout .grid-stats[data-v-
|
|
304
|
+
.c-grid-layout .grid-stats[data-v-5debeeab] {
|
|
290
305
|
margin-top: 0.75rem;
|
|
291
306
|
font-size: 0.875rem;
|
|
292
307
|
}
|
|
293
308
|
}
|
|
294
309
|
@media (max-width: 480px) {
|
|
295
|
-
.c-grid-layout .config-panel[data-v-
|
|
310
|
+
.c-grid-layout .config-panel[data-v-5debeeab] {
|
|
296
311
|
margin-bottom: 0.75rem;
|
|
297
312
|
}
|
|
298
313
|
}
|
|
299
314
|
/* 主题适配 */
|
|
300
|
-
[data-v-
|
|
315
|
+
[data-v-5debeeab] .n-card {
|
|
301
316
|
--n-border-radius: 8px;
|
|
302
317
|
}
|
|
303
|
-
[data-v-
|
|
318
|
+
[data-v-5debeeab] .n-input-number {
|
|
304
319
|
--n-width: 100%;
|
|
305
320
|
}
|
|
306
321
|
|
|
307
322
|
/* 暗色主题 */
|
|
308
323
|
@media (prefers-color-scheme: dark) {
|
|
309
|
-
.c-grid-layout .grid-container .grid-item .item-wrapper[data-v-
|
|
324
|
+
.c-grid-layout .grid-container .grid-item .item-wrapper[data-v-5debeeab]:hover {
|
|
310
325
|
background-color: rgba(255, 255, 255, 0.05);
|
|
311
326
|
}
|
|
312
327
|
}
|
|
328
|
+
/* unplugin-vue-components disabled */
|
|
329
|
+
/* layer: default */
|
|
330
|
+
.px[data-v-5debeeab]{padding-left:1rem;padding-right:1rem;}
|
|
331
|
+
|
|
313
332
|
/* unplugin-vue-components disabled *//* Card 布局样式 */
|
|
314
|
-
.c-form-card[data-v-
|
|
333
|
+
.c-form-card[data-v-28320dd2] {
|
|
315
334
|
width: 100%;
|
|
316
335
|
display: flex;
|
|
317
336
|
flex-direction: column;
|
|
@@ -319,89 +338,89 @@ to {
|
|
|
319
338
|
}
|
|
320
339
|
|
|
321
340
|
/* ================= 配置面板 ================= */
|
|
322
|
-
.layout-config-panel[data-v-
|
|
341
|
+
.layout-config-panel[data-v-28320dd2] {
|
|
323
342
|
margin-bottom: 0;
|
|
324
343
|
}
|
|
325
|
-
.config-controls[data-v-
|
|
344
|
+
.config-controls[data-v-28320dd2] {
|
|
326
345
|
display: flex;
|
|
327
346
|
align-items: center;
|
|
328
347
|
gap: 1.5rem;
|
|
329
348
|
flex-wrap: wrap;
|
|
330
349
|
}
|
|
331
350
|
@media (max-width: 768px) {
|
|
332
|
-
.config-controls[data-v-
|
|
351
|
+
.config-controls[data-v-28320dd2] {
|
|
333
352
|
flex-direction: column;
|
|
334
353
|
align-items: stretch;
|
|
335
354
|
gap: 1rem;
|
|
336
355
|
}
|
|
337
356
|
}
|
|
338
|
-
.config-item[data-v-
|
|
357
|
+
.config-item[data-v-28320dd2] {
|
|
339
358
|
display: flex;
|
|
340
359
|
align-items: center;
|
|
341
360
|
gap: 0.75rem;
|
|
342
361
|
font-size: 0.875rem;
|
|
343
362
|
}
|
|
344
363
|
@media (max-width: 768px) {
|
|
345
|
-
.config-item[data-v-
|
|
364
|
+
.config-item[data-v-28320dd2] {
|
|
346
365
|
justify-content: space-between;
|
|
347
366
|
}
|
|
348
367
|
}
|
|
349
368
|
|
|
350
369
|
/* ================= 表单内容区域 ================= */
|
|
351
|
-
.form-content[data-v-
|
|
370
|
+
.form-content[data-v-28320dd2] {
|
|
352
371
|
display: flex;
|
|
353
372
|
}
|
|
354
|
-
.layout-single[data-v-
|
|
355
|
-
.layout-vertical[data-v-
|
|
373
|
+
.layout-single[data-v-28320dd2],
|
|
374
|
+
.layout-vertical[data-v-28320dd2] {
|
|
356
375
|
flex-direction: column;
|
|
357
376
|
}
|
|
358
|
-
.layout-horizontal[data-v-
|
|
377
|
+
.layout-horizontal[data-v-28320dd2] {
|
|
359
378
|
flex-direction: row;
|
|
360
379
|
flex-wrap: wrap;
|
|
361
380
|
}
|
|
362
|
-
.layout-horizontal .group-card[data-v-
|
|
381
|
+
.layout-horizontal .group-card[data-v-28320dd2] {
|
|
363
382
|
flex: 1;
|
|
364
383
|
min-width: 0;
|
|
365
384
|
}
|
|
366
385
|
@media (max-width: 1200px) {
|
|
367
|
-
.layout-horizontal[data-v-
|
|
386
|
+
.layout-horizontal[data-v-28320dd2] {
|
|
368
387
|
flex-direction: column;
|
|
369
388
|
}
|
|
370
389
|
}
|
|
371
390
|
|
|
372
391
|
/* ================= 卡片样式 ================= */
|
|
373
|
-
.single-card[data-v-
|
|
374
|
-
.group-card[data-v-
|
|
392
|
+
.single-card[data-v-28320dd2],
|
|
393
|
+
.group-card[data-v-28320dd2] {
|
|
375
394
|
transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
376
395
|
border-left-width: 4px;
|
|
377
396
|
}
|
|
378
|
-
.single-card[data-v-
|
|
379
|
-
.basic-card[data-v-
|
|
397
|
+
.single-card[data-v-28320dd2],
|
|
398
|
+
.basic-card[data-v-28320dd2] {
|
|
380
399
|
border-left-color: #3b82f6;
|
|
381
400
|
}
|
|
382
|
-
.contact-card[data-v-
|
|
401
|
+
.contact-card[data-v-28320dd2] {
|
|
383
402
|
border-left-color: #22c55e;
|
|
384
403
|
}
|
|
385
|
-
.preferences-card[data-v-
|
|
404
|
+
.preferences-card[data-v-28320dd2] {
|
|
386
405
|
border-left-color: #a855f7;
|
|
387
406
|
}
|
|
388
|
-
.group-card.collapsed .card-content[data-v-
|
|
407
|
+
.group-card.collapsed .card-content[data-v-28320dd2] {
|
|
389
408
|
display: none;
|
|
390
409
|
}
|
|
391
410
|
|
|
392
411
|
/* ================= 卡片头部 ================= */
|
|
393
|
-
.card-header[data-v-
|
|
412
|
+
.card-header[data-v-28320dd2] {
|
|
394
413
|
display: flex;
|
|
395
414
|
align-items: center;
|
|
396
415
|
justify-content: space-between;
|
|
397
416
|
width: 100%;
|
|
398
417
|
}
|
|
399
|
-
.header-info[data-v-
|
|
418
|
+
.header-info[data-v-28320dd2] {
|
|
400
419
|
display: flex;
|
|
401
420
|
align-items: center;
|
|
402
421
|
gap: 1rem;
|
|
403
422
|
}
|
|
404
|
-
.card-icon[data-v-
|
|
423
|
+
.card-icon[data-v-28320dd2] {
|
|
405
424
|
width: 2.5rem;
|
|
406
425
|
height: 2.5rem;
|
|
407
426
|
padding: 0.5rem;
|
|
@@ -413,109 +432,123 @@ to {
|
|
|
413
432
|
justify-content: center;
|
|
414
433
|
font-size: 1.125rem;
|
|
415
434
|
}
|
|
416
|
-
.header-text h3[data-v-
|
|
435
|
+
.header-text h3[data-v-28320dd2] {
|
|
417
436
|
font-size: 1.125rem;
|
|
418
437
|
font-weight: 600;
|
|
419
438
|
margin: 0 0 0.25rem;
|
|
420
439
|
}
|
|
421
|
-
.header-text p[data-v-
|
|
440
|
+
.header-text p[data-v-28320dd2] {
|
|
422
441
|
font-size: 0.875rem;
|
|
423
442
|
color: #6b7280;
|
|
424
443
|
margin: 0;
|
|
425
444
|
}
|
|
426
|
-
.header-actions[data-v-
|
|
445
|
+
.header-actions[data-v-28320dd2] {
|
|
427
446
|
display: flex;
|
|
428
447
|
align-items: center;
|
|
429
448
|
gap: 0.75rem;
|
|
430
449
|
}
|
|
431
|
-
.field-stats[data-v-
|
|
450
|
+
.field-stats[data-v-28320dd2] {
|
|
432
451
|
display: flex;
|
|
433
452
|
gap: 0.5rem;
|
|
434
453
|
}
|
|
435
454
|
|
|
436
455
|
/* ================= 卡片内容 ================= */
|
|
437
|
-
.card-content[data-v-
|
|
456
|
+
.card-content[data-v-28320dd2] {
|
|
438
457
|
padding-top: 1rem;
|
|
439
458
|
}
|
|
440
|
-
.progress-section[data-v-
|
|
459
|
+
.progress-section[data-v-28320dd2] {
|
|
441
460
|
padding-bottom: 1rem;
|
|
442
461
|
}
|
|
443
462
|
|
|
444
463
|
/* ================= 操作面板 ================= */
|
|
445
|
-
.action-content[data-v-
|
|
464
|
+
.action-content[data-v-28320dd2] {
|
|
446
465
|
display: flex;
|
|
447
466
|
align-items: center;
|
|
448
467
|
justify-content: space-between;
|
|
449
468
|
gap: 1.5rem;
|
|
450
469
|
}
|
|
451
470
|
@media (max-width: 768px) {
|
|
452
|
-
.action-content[data-v-
|
|
471
|
+
.action-content[data-v-28320dd2] {
|
|
453
472
|
flex-direction: column;
|
|
454
473
|
align-items: stretch;
|
|
455
474
|
gap: 1rem;
|
|
456
475
|
}
|
|
457
476
|
}
|
|
458
|
-
.status-summary[data-v-
|
|
477
|
+
.status-summary[data-v-28320dd2] {
|
|
459
478
|
display: flex;
|
|
460
479
|
gap: 1.5rem;
|
|
461
480
|
align-items: center;
|
|
462
481
|
flex-wrap: wrap;
|
|
463
482
|
}
|
|
464
|
-
.status-item[data-v-
|
|
483
|
+
.status-item[data-v-28320dd2] {
|
|
465
484
|
display: flex;
|
|
466
485
|
align-items: center;
|
|
467
486
|
gap: 0.75rem;
|
|
468
487
|
}
|
|
469
|
-
.status-item .label[data-v-
|
|
488
|
+
.status-item .label[data-v-28320dd2] {
|
|
470
489
|
font-size: 0.875rem;
|
|
471
490
|
}
|
|
472
|
-
.progress-display[data-v-
|
|
491
|
+
.progress-display[data-v-28320dd2] {
|
|
473
492
|
display: flex;
|
|
474
493
|
align-items: center;
|
|
475
494
|
gap: 0.75rem;
|
|
476
495
|
min-width: 8rem;
|
|
477
496
|
}
|
|
478
|
-
.action-buttons[data-v-
|
|
497
|
+
.action-buttons[data-v-28320dd2] {
|
|
479
498
|
display: flex;
|
|
480
499
|
gap: 0.75rem;
|
|
481
500
|
}
|
|
501
|
+
/* unplugin-vue-components disabled */
|
|
502
|
+
/* layer: default */
|
|
503
|
+
.mb-4[data-v-28320dd2]{margin-bottom:1rem;}
|
|
504
|
+
.min-w-12[data-v-28320dd2]{min-width:3rem;}
|
|
505
|
+
.w-24[data-v-28320dd2]{width:6rem;}
|
|
506
|
+
.flex[data-v-28320dd2]{display:flex;}
|
|
507
|
+
.flex-1[data-v-28320dd2]{flex:1 1 0%;}
|
|
508
|
+
.items-center[data-v-28320dd2]{align-items:center;}
|
|
509
|
+
.gap-2[data-v-28320dd2]{gap:0.5rem;}
|
|
510
|
+
.gap-3[data-v-28320dd2]{gap:0.75rem;}
|
|
511
|
+
.px[data-v-28320dd2]{padding-left:1rem;padding-right:1rem;}
|
|
512
|
+
.text-sm[data-v-28320dd2]{font-size:0.875rem;line-height:1.25rem;}
|
|
513
|
+
.text-xs[data-v-28320dd2]{font-size:0.75rem;line-height:1rem;}
|
|
514
|
+
|
|
482
515
|
/* unplugin-vue-components disabled *//* Tabs 布局样式 */
|
|
483
|
-
.c-form-tabs[data-v-
|
|
516
|
+
.c-form-tabs[data-v-941576c0] {
|
|
484
517
|
width: 100%;
|
|
485
518
|
}
|
|
486
|
-
.single-panel[data-v-
|
|
519
|
+
.single-panel[data-v-941576c0] {
|
|
487
520
|
width: 100%;
|
|
488
521
|
}
|
|
489
|
-
.tabs-container[data-v-
|
|
522
|
+
.tabs-container[data-v-941576c0] {
|
|
490
523
|
width: 100%;
|
|
491
524
|
}
|
|
492
|
-
.form-tabs[data-v-
|
|
525
|
+
.form-tabs[data-v-941576c0] {
|
|
493
526
|
width: 100%;
|
|
494
527
|
}
|
|
495
|
-
.tab-icon[data-v-
|
|
528
|
+
.tab-icon[data-v-941576c0] {
|
|
496
529
|
font-size: 16px;
|
|
497
530
|
display: inline-flex;
|
|
498
531
|
align-items: center;
|
|
499
532
|
justify-content: center;
|
|
500
533
|
}
|
|
501
|
-
.tab-header[data-v-
|
|
534
|
+
.tab-header[data-v-941576c0] {
|
|
502
535
|
margin-bottom: 16px;
|
|
503
536
|
padding-bottom: 12px;
|
|
504
537
|
border-bottom: 1px solid var(--n-border-color);
|
|
505
538
|
}
|
|
506
|
-
.tab-description[data-v-
|
|
539
|
+
.tab-description[data-v-941576c0] {
|
|
507
540
|
margin: 0;
|
|
508
541
|
font-size: 14px;
|
|
509
542
|
line-height: 1.5;
|
|
510
543
|
opacity: 0.8;
|
|
511
544
|
}
|
|
512
|
-
.tab-form-items[data-v-
|
|
545
|
+
.tab-form-items[data-v-941576c0] {
|
|
513
546
|
width: 100%;
|
|
514
547
|
}
|
|
515
|
-
.tab-empty[data-v-
|
|
548
|
+
.tab-empty[data-v-941576c0] {
|
|
516
549
|
padding: 40px 0;
|
|
517
550
|
}
|
|
518
|
-
.tabs-actions[data-v-
|
|
551
|
+
.tabs-actions[data-v-941576c0] {
|
|
519
552
|
margin-top: 16px;
|
|
520
553
|
padding-top: 12px;
|
|
521
554
|
border-top: 1px solid var(--n-border-color);
|
|
@@ -523,62 +556,69 @@ to {
|
|
|
523
556
|
|
|
524
557
|
/* 响应式设计 */
|
|
525
558
|
@media (max-width: 768px) {
|
|
526
|
-
.tabs-actions[data-v-
|
|
559
|
+
.tabs-actions[data-v-941576c0] {
|
|
527
560
|
margin-top: 12px;
|
|
528
561
|
padding-top: 8px;
|
|
529
562
|
}
|
|
530
|
-
.tabs-actions[data-v-
|
|
563
|
+
.tabs-actions[data-v-941576c0] .n-space {
|
|
531
564
|
flex-wrap: wrap;
|
|
532
565
|
}
|
|
533
566
|
}
|
|
567
|
+
/* unplugin-vue-components disabled */
|
|
568
|
+
/* layer: default */
|
|
569
|
+
.visible[data-v-941576c0]{visibility:visible;}
|
|
570
|
+
.grid[data-v-941576c0]{display:grid;}
|
|
571
|
+
.inline[data-v-941576c0]{display:inline;}
|
|
572
|
+
.tab[data-v-941576c0]{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}
|
|
573
|
+
|
|
534
574
|
/* unplugin-vue-components disabled *//* Steps 布局样式 */
|
|
535
|
-
.c-form-steps[data-v-
|
|
575
|
+
.c-form-steps[data-v-5d92cc03] {
|
|
536
576
|
display: flex;
|
|
537
577
|
flex-direction: column;
|
|
538
578
|
gap: 24px;
|
|
539
579
|
}
|
|
540
|
-
.single-panel[data-v-
|
|
580
|
+
.single-panel[data-v-5d92cc03] {
|
|
541
581
|
width: 100%;
|
|
542
582
|
}
|
|
543
|
-
.steps-container[data-v-
|
|
583
|
+
.steps-container[data-v-5d92cc03] {
|
|
544
584
|
display: flex;
|
|
545
585
|
flex-direction: column;
|
|
546
586
|
gap: 24px;
|
|
547
587
|
}
|
|
548
|
-
.steps-indicator[data-v-
|
|
588
|
+
.steps-indicator[data-v-5d92cc03] {
|
|
549
589
|
padding: 24px;
|
|
550
590
|
border-radius: 8px;
|
|
551
591
|
}
|
|
552
|
-
.steps-content[data-v-
|
|
592
|
+
.steps-content[data-v-5d92cc03] {
|
|
553
593
|
min-height: 400px;
|
|
554
594
|
}
|
|
555
|
-
.step-panel[data-v-
|
|
556
|
-
animation: fadeIn-
|
|
595
|
+
.step-panel[data-v-5d92cc03] {
|
|
596
|
+
animation: fadeIn-5d92cc03 0.3s ease-in-out;
|
|
557
597
|
}
|
|
558
|
-
.step-header[data-v-
|
|
598
|
+
.step-header[data-v-5d92cc03] {
|
|
559
599
|
margin-bottom: 24px;
|
|
560
600
|
padding-bottom: 16px;
|
|
561
601
|
border-bottom: 1px solid var(--n-border-color);
|
|
562
602
|
}
|
|
563
|
-
.step-title[data-v-
|
|
603
|
+
.step-title[data-v-5d92cc03] {
|
|
564
604
|
margin: 0 0 8px 0;
|
|
565
605
|
font-size: 18px;
|
|
566
606
|
font-weight: 600;
|
|
567
607
|
}
|
|
568
|
-
.step-description[data-v-
|
|
608
|
+
.step-description[data-v-5d92cc03] {
|
|
569
609
|
margin: 0;
|
|
570
610
|
font-size: 14px;
|
|
571
611
|
line-height: 1.5;
|
|
572
612
|
}
|
|
573
|
-
.step-form-items[data-v-
|
|
613
|
+
.step-form-items[data-v-5d92cc03] {
|
|
574
614
|
width: 100%;
|
|
575
615
|
}
|
|
576
|
-
.steps-actions[data-v-
|
|
616
|
+
.steps-actions[data-v-5d92cc03] {
|
|
577
617
|
margin-top: 24px;
|
|
578
618
|
padding-top: 16px;
|
|
579
619
|
border-top: 1px solid var(--n-border-color);
|
|
580
620
|
}
|
|
581
|
-
@keyframes fadeIn-
|
|
621
|
+
@keyframes fadeIn-5d92cc03 {
|
|
582
622
|
from {
|
|
583
623
|
opacity: 0;
|
|
584
624
|
transform: translateY(8px);
|
|
@@ -589,71 +629,77 @@ to {
|
|
|
589
629
|
}
|
|
590
630
|
}
|
|
591
631
|
/* 垂直步骤样式:由组件状态驱动,避免 scoped CSS 生成无效的 :has/:deep 组合。 */
|
|
592
|
-
.steps-container.is-vertical[data-v-
|
|
632
|
+
.steps-container.is-vertical[data-v-5d92cc03] {
|
|
593
633
|
flex-direction: row;
|
|
594
634
|
align-items: flex-start;
|
|
595
635
|
}
|
|
596
|
-
.steps-container.is-vertical .steps-indicator[data-v-
|
|
636
|
+
.steps-container.is-vertical .steps-indicator[data-v-5d92cc03] {
|
|
597
637
|
flex-shrink: 0;
|
|
598
638
|
width: 250px;
|
|
599
639
|
margin-right: 24px;
|
|
600
640
|
}
|
|
601
|
-
.steps-container.is-vertical .steps-content[data-v-
|
|
641
|
+
.steps-container.is-vertical .steps-content[data-v-5d92cc03] {
|
|
602
642
|
flex: 1;
|
|
603
643
|
}
|
|
604
644
|
|
|
605
645
|
/* 响应式设计 */
|
|
606
646
|
@media (max-width: 768px) {
|
|
607
|
-
.steps-container.is-vertical[data-v-
|
|
647
|
+
.steps-container.is-vertical[data-v-5d92cc03] {
|
|
608
648
|
flex-direction: column !important;
|
|
609
649
|
}
|
|
610
|
-
.steps-container.is-vertical .steps-indicator[data-v-
|
|
650
|
+
.steps-container.is-vertical .steps-indicator[data-v-5d92cc03] {
|
|
611
651
|
width: 100% !important;
|
|
612
652
|
margin-right: 0 !important;
|
|
613
653
|
margin-bottom: 16px;
|
|
614
654
|
}
|
|
615
655
|
}
|
|
616
656
|
@media (prefers-reduced-motion: reduce) {
|
|
617
|
-
.step-panel[data-v-
|
|
657
|
+
.step-panel[data-v-5d92cc03] {
|
|
618
658
|
animation: none !important;
|
|
619
659
|
}
|
|
620
660
|
}
|
|
661
|
+
/* unplugin-vue-components disabled */
|
|
662
|
+
/* layer: default */
|
|
663
|
+
.visible[data-v-5d92cc03]{visibility:visible;}
|
|
664
|
+
.grid[data-v-5d92cc03]{display:grid;}
|
|
665
|
+
.inline[data-v-5d92cc03]{display:inline;}
|
|
666
|
+
|
|
621
667
|
/* unplugin-vue-components disabled *//* Dynamic 布局样式 */
|
|
622
|
-
.c-form-dynamic[data-v-
|
|
668
|
+
.c-form-dynamic[data-v-1c2158e7] {
|
|
623
669
|
width: 100%;
|
|
624
670
|
}
|
|
625
|
-
.dynamic-controls[data-v-
|
|
626
|
-
.dynamic-controls-fallback[data-v-
|
|
671
|
+
.dynamic-controls[data-v-1c2158e7],
|
|
672
|
+
.dynamic-controls-fallback[data-v-1c2158e7] {
|
|
627
673
|
margin-bottom: 16px;
|
|
628
674
|
}
|
|
629
|
-
.dynamic-stats[data-v-
|
|
675
|
+
.dynamic-stats[data-v-1c2158e7] {
|
|
630
676
|
margin-top: 16px;
|
|
631
677
|
padding-top: 12px;
|
|
632
678
|
border-top: 1px solid var(--n-divider-color);
|
|
633
679
|
}
|
|
634
|
-
.dynamic-item-wrapper[data-v-
|
|
680
|
+
.dynamic-item-wrapper[data-v-1c2158e7] {
|
|
635
681
|
position: relative;
|
|
636
682
|
transition: all 0.3s ease;
|
|
637
|
-
animation: fadeInUp-
|
|
683
|
+
animation: fadeInUp-1c2158e7 0.3s ease-out;
|
|
638
684
|
}
|
|
639
|
-
.dynamic-item-wrapper.is-dynamic-field[data-v-
|
|
685
|
+
.dynamic-item-wrapper.is-dynamic-field[data-v-1c2158e7] {
|
|
640
686
|
border: 1px dashed var(--n-color-primary);
|
|
641
687
|
border-radius: 6px;
|
|
642
688
|
padding: 8px;
|
|
643
689
|
background-color: var(--n-color-primary-suppl);
|
|
644
690
|
}
|
|
645
|
-
.max-fields-config[data-v-
|
|
691
|
+
.max-fields-config[data-v-1c2158e7] {
|
|
646
692
|
display: flex;
|
|
647
693
|
align-items: center;
|
|
648
694
|
gap: 8px;
|
|
649
695
|
font-size: 14px;
|
|
650
696
|
}
|
|
651
|
-
.max-fields-config span[data-v-
|
|
697
|
+
.max-fields-config span[data-v-1c2158e7] {
|
|
652
698
|
font-weight: 500;
|
|
653
699
|
white-space: nowrap;
|
|
654
700
|
color: var(--n-text-color-2);
|
|
655
701
|
}
|
|
656
|
-
@keyframes fadeInUp-
|
|
702
|
+
@keyframes fadeInUp-1c2158e7 {
|
|
657
703
|
from {
|
|
658
704
|
opacity: 0;
|
|
659
705
|
transform: translateY(10px);
|
|
@@ -665,119 +711,125 @@ to {
|
|
|
665
711
|
}
|
|
666
712
|
/* 响应式设计 */
|
|
667
713
|
@media (max-width: 768px) {
|
|
668
|
-
.dynamic-controls[data-v-
|
|
669
|
-
.dynamic-controls-fallback[data-v-
|
|
714
|
+
.dynamic-controls[data-v-1c2158e7],
|
|
715
|
+
.dynamic-controls-fallback[data-v-1c2158e7] {
|
|
670
716
|
margin-bottom: 12px;
|
|
671
717
|
}
|
|
672
|
-
.dynamic-stats[data-v-
|
|
718
|
+
.dynamic-stats[data-v-1c2158e7] {
|
|
673
719
|
margin-top: 12px;
|
|
674
720
|
}
|
|
675
|
-
.dynamic-item-wrapper.is-dynamic-field[data-v-
|
|
721
|
+
.dynamic-item-wrapper.is-dynamic-field[data-v-1c2158e7] {
|
|
676
722
|
padding: 6px;
|
|
677
723
|
}
|
|
678
|
-
.max-fields-config[data-v-
|
|
724
|
+
.max-fields-config[data-v-1c2158e7] {
|
|
679
725
|
margin-top: 8px;
|
|
680
726
|
}
|
|
681
727
|
}
|
|
682
728
|
/* 辅助功能 */
|
|
683
729
|
@media (prefers-reduced-motion: reduce) {
|
|
684
|
-
.dynamic-item-wrapper[data-v-
|
|
730
|
+
.dynamic-item-wrapper[data-v-1c2158e7] {
|
|
685
731
|
animation: none !important;
|
|
686
732
|
transition: none !important;
|
|
687
733
|
}
|
|
688
734
|
}
|
|
689
735
|
@media (prefers-contrast: high) {
|
|
690
|
-
.dynamic-item-wrapper.is-dynamic-field[data-v-
|
|
736
|
+
.dynamic-item-wrapper.is-dynamic-field[data-v-1c2158e7] {
|
|
691
737
|
border-width: 2px;
|
|
692
738
|
border-color: currentColor;
|
|
693
739
|
}
|
|
694
740
|
}
|
|
741
|
+
/* unplugin-vue-components disabled */
|
|
742
|
+
/* layer: default */
|
|
743
|
+
.visible[data-v-1c2158e7]{visibility:visible;}
|
|
744
|
+
.grid[data-v-1c2158e7]{display:grid;}
|
|
745
|
+
.inline[data-v-1c2158e7]{display:inline;}
|
|
746
|
+
|
|
695
747
|
/* unplugin-vue-components disabled *//* Custom 布局样式 */
|
|
696
|
-
.custom-layout .toolbar-card[data-v-
|
|
748
|
+
.custom-layout .toolbar-card[data-v-75b5d79c] {
|
|
697
749
|
margin-bottom: 16px;
|
|
698
750
|
}
|
|
699
|
-
.custom-layout .toolbar-card .toolbar-content[data-v-
|
|
751
|
+
.custom-layout .toolbar-card .toolbar-content[data-v-75b5d79c] {
|
|
700
752
|
display: flex;
|
|
701
753
|
justify-content: space-between;
|
|
702
754
|
align-items: center;
|
|
703
755
|
flex-wrap: wrap;
|
|
704
756
|
gap: 16px;
|
|
705
757
|
}
|
|
706
|
-
.custom-layout .toolbar-card .toolbar-content .mode-section[data-v-
|
|
707
|
-
.custom-layout .toolbar-card .toolbar-content .stats-section[data-v-
|
|
708
|
-
.custom-layout .toolbar-card .toolbar-content .actions-section[data-v-
|
|
758
|
+
.custom-layout .toolbar-card .toolbar-content .mode-section[data-v-75b5d79c],
|
|
759
|
+
.custom-layout .toolbar-card .toolbar-content .stats-section[data-v-75b5d79c],
|
|
760
|
+
.custom-layout .toolbar-card .toolbar-content .actions-section[data-v-75b5d79c] {
|
|
709
761
|
display: flex;
|
|
710
762
|
align-items: center;
|
|
711
763
|
gap: 12px;
|
|
712
764
|
}
|
|
713
|
-
.custom-layout .toolbar-card .toolbar-content .section-label[data-v-
|
|
765
|
+
.custom-layout .toolbar-card .toolbar-content .section-label[data-v-75b5d79c] {
|
|
714
766
|
font-size: 14px;
|
|
715
767
|
font-weight: 500;
|
|
716
768
|
}
|
|
717
|
-
.custom-layout .toolbar-card .toolbar-content .stat-item[data-v-
|
|
769
|
+
.custom-layout .toolbar-card .toolbar-content .stat-item[data-v-75b5d79c] {
|
|
718
770
|
text-align: center;
|
|
719
771
|
min-width: 60px;
|
|
720
772
|
}
|
|
721
|
-
.custom-layout .toolbar-card .toolbar-content .stat-item .stat-value[data-v-
|
|
773
|
+
.custom-layout .toolbar-card .toolbar-content .stat-item .stat-value[data-v-75b5d79c] {
|
|
722
774
|
display: block;
|
|
723
775
|
font-size: 18px;
|
|
724
776
|
font-weight: 600;
|
|
725
777
|
color: var(--n-primary-color);
|
|
726
778
|
}
|
|
727
|
-
.custom-layout .toolbar-card .toolbar-content .stat-item .stat-label[data-v-
|
|
779
|
+
.custom-layout .toolbar-card .toolbar-content .stat-item .stat-label[data-v-75b5d79c] {
|
|
728
780
|
font-size: 12px;
|
|
729
781
|
opacity: 0.7;
|
|
730
782
|
margin-top: 4px;
|
|
731
783
|
}
|
|
732
|
-
.custom-layout .design-panel[data-v-
|
|
784
|
+
.custom-layout .design-panel[data-v-75b5d79c] {
|
|
733
785
|
margin-bottom: 16px;
|
|
734
786
|
}
|
|
735
|
-
.custom-layout .design-panel .design-tools[data-v-
|
|
787
|
+
.custom-layout .design-panel .design-tools[data-v-75b5d79c] {
|
|
736
788
|
display: flex;
|
|
737
789
|
gap: 24px;
|
|
738
790
|
flex-wrap: wrap;
|
|
739
791
|
}
|
|
740
|
-
.custom-layout .design-panel .design-tools .tool-group[data-v-
|
|
792
|
+
.custom-layout .design-panel .design-tools .tool-group[data-v-75b5d79c] {
|
|
741
793
|
display: flex;
|
|
742
794
|
align-items: center;
|
|
743
795
|
gap: 8px;
|
|
744
796
|
}
|
|
745
|
-
.custom-layout .design-panel .design-tools .tool-group .group-label[data-v-
|
|
797
|
+
.custom-layout .design-panel .design-tools .tool-group .group-label[data-v-75b5d79c] {
|
|
746
798
|
font-size: 14px;
|
|
747
799
|
font-weight: 500;
|
|
748
800
|
margin-right: 4px;
|
|
749
801
|
}
|
|
750
|
-
.custom-layout .layout-canvas[data-v-
|
|
802
|
+
.custom-layout .layout-canvas[data-v-75b5d79c] {
|
|
751
803
|
min-height: 200px;
|
|
752
804
|
}
|
|
753
|
-
.custom-layout .layout-canvas.design-mode[data-v-
|
|
805
|
+
.custom-layout .layout-canvas.design-mode[data-v-75b5d79c] {
|
|
754
806
|
border: 2px dashed var(--n-border-color);
|
|
755
807
|
border-radius: 8px;
|
|
756
808
|
padding: 16px;
|
|
757
809
|
background: var(--n-body-color);
|
|
758
810
|
}
|
|
759
|
-
.custom-layout .layout-canvas .canvas-hint[data-v-
|
|
811
|
+
.custom-layout .layout-canvas .canvas-hint[data-v-75b5d79c] {
|
|
760
812
|
display: flex;
|
|
761
813
|
align-items: center;
|
|
762
814
|
justify-content: center;
|
|
763
815
|
height: 120px;
|
|
764
816
|
text-align: center;
|
|
765
817
|
}
|
|
766
|
-
.custom-layout .layout-canvas .canvas-hint .hint-content h3[data-v-
|
|
818
|
+
.custom-layout .layout-canvas .canvas-hint .hint-content h3[data-v-75b5d79c] {
|
|
767
819
|
margin: 0 0 8px 0;
|
|
768
820
|
font-size: 18px;
|
|
769
821
|
}
|
|
770
|
-
.custom-layout .layout-canvas .canvas-hint .hint-content p[data-v-
|
|
822
|
+
.custom-layout .layout-canvas .canvas-hint .hint-content p[data-v-75b5d79c] {
|
|
771
823
|
margin: 0;
|
|
772
824
|
opacity: 0.7;
|
|
773
825
|
font-size: 14px;
|
|
774
826
|
}
|
|
775
|
-
.custom-layout .layout-canvas .areas-container[data-v-
|
|
827
|
+
.custom-layout .layout-canvas .areas-container[data-v-75b5d79c] {
|
|
776
828
|
display: flex;
|
|
777
829
|
flex-wrap: wrap;
|
|
778
830
|
gap: 16px;
|
|
779
831
|
}
|
|
780
|
-
.custom-layout .layout-canvas .custom-area[data-v-
|
|
832
|
+
.custom-layout .layout-canvas .custom-area[data-v-75b5d79c] {
|
|
781
833
|
border: 1px solid var(--n-border-color);
|
|
782
834
|
border-radius: 8px;
|
|
783
835
|
background: var(--n-card-color);
|
|
@@ -786,7 +838,7 @@ to {
|
|
|
786
838
|
flex: 1;
|
|
787
839
|
min-width: 250px;
|
|
788
840
|
}
|
|
789
|
-
.custom-layout .layout-canvas .custom-area .area-header[data-v-
|
|
841
|
+
.custom-layout .layout-canvas .custom-area .area-header[data-v-75b5d79c] {
|
|
790
842
|
display: flex;
|
|
791
843
|
justify-content: space-between;
|
|
792
844
|
align-items: center;
|
|
@@ -794,12 +846,12 @@ to {
|
|
|
794
846
|
padding-bottom: 8px;
|
|
795
847
|
border-bottom: 1px solid var(--n-divider-color);
|
|
796
848
|
}
|
|
797
|
-
.custom-layout .layout-canvas .custom-area .area-header .area-info[data-v-
|
|
849
|
+
.custom-layout .layout-canvas .custom-area .area-header .area-info[data-v-75b5d79c] {
|
|
798
850
|
display: flex;
|
|
799
851
|
align-items: center;
|
|
800
852
|
gap: 8px;
|
|
801
853
|
}
|
|
802
|
-
.custom-layout .layout-canvas .custom-area .area-header .area-info .area-title[data-v-
|
|
854
|
+
.custom-layout .layout-canvas .custom-area .area-header .area-info .area-title[data-v-75b5d79c] {
|
|
803
855
|
font-weight: 600;
|
|
804
856
|
font-size: 14px;
|
|
805
857
|
cursor: pointer;
|
|
@@ -807,25 +859,25 @@ to {
|
|
|
807
859
|
border-radius: 4px;
|
|
808
860
|
transition: all 0.2s ease;
|
|
809
861
|
}
|
|
810
|
-
.custom-layout .layout-canvas .custom-area .area-header .area-info .area-title[data-v-
|
|
862
|
+
.custom-layout .layout-canvas .custom-area .area-header .area-info .area-title[data-v-75b5d79c]:hover {
|
|
811
863
|
background: var(--n-button-color-hover);
|
|
812
864
|
color: var(--n-primary-color);
|
|
813
865
|
}
|
|
814
|
-
.custom-layout .layout-canvas .custom-area .area-header .area-info .title-input[data-v-
|
|
866
|
+
.custom-layout .layout-canvas .custom-area .area-header .area-info .title-input[data-v-75b5d79c] {
|
|
815
867
|
min-width: 120px;
|
|
816
868
|
max-width: 200px;
|
|
817
869
|
}
|
|
818
|
-
.custom-layout .layout-canvas .custom-area .area-header .area-controls[data-v-
|
|
870
|
+
.custom-layout .layout-canvas .custom-area .area-header .area-controls[data-v-75b5d79c] {
|
|
819
871
|
display: flex;
|
|
820
872
|
gap: 4px;
|
|
821
873
|
}
|
|
822
|
-
.custom-layout .layout-canvas .custom-area .area-fields[data-v-
|
|
874
|
+
.custom-layout .layout-canvas .custom-area .area-fields[data-v-75b5d79c] {
|
|
823
875
|
display: flex;
|
|
824
876
|
flex-direction: column;
|
|
825
877
|
gap: 8px;
|
|
826
878
|
min-height: 60px;
|
|
827
879
|
}
|
|
828
|
-
.custom-layout .layout-canvas .custom-area .area-drop-zone[data-v-
|
|
880
|
+
.custom-layout .layout-canvas .custom-area .area-drop-zone[data-v-75b5d79c] {
|
|
829
881
|
display: flex;
|
|
830
882
|
align-items: center;
|
|
831
883
|
justify-content: center;
|
|
@@ -838,21 +890,21 @@ to {
|
|
|
838
890
|
background: var(--n-body-color);
|
|
839
891
|
margin-top: 8px;
|
|
840
892
|
}
|
|
841
|
-
.custom-layout .layout-canvas .custom-area .area-drop-zone[data-v-
|
|
893
|
+
.custom-layout .layout-canvas .custom-area .area-drop-zone[data-v-75b5d79c]:hover {
|
|
842
894
|
border-color: var(--n-primary-color);
|
|
843
895
|
opacity: 1;
|
|
844
896
|
}
|
|
845
|
-
.custom-layout .layout-canvas .custom-area.area-horizontal .area-fields[data-v-
|
|
897
|
+
.custom-layout .layout-canvas .custom-area.area-horizontal .area-fields[data-v-75b5d79c] {
|
|
846
898
|
flex-direction: row;
|
|
847
899
|
flex-wrap: wrap;
|
|
848
900
|
gap: 12px;
|
|
849
901
|
}
|
|
850
|
-
.custom-layout .layout-canvas .custom-area.area-grid .area-fields[data-v-
|
|
902
|
+
.custom-layout .layout-canvas .custom-area.area-grid .area-fields[data-v-75b5d79c] {
|
|
851
903
|
display: grid;
|
|
852
904
|
grid-template-columns: repeat(2, 1fr);
|
|
853
905
|
gap: 8px;
|
|
854
906
|
}
|
|
855
|
-
.custom-layout .layout-canvas .field-item[data-v-
|
|
907
|
+
.custom-layout .layout-canvas .field-item[data-v-75b5d79c] {
|
|
856
908
|
border: 1px solid var(--n-border-color);
|
|
857
909
|
border-radius: 6px;
|
|
858
910
|
background: var(--n-body-color);
|
|
@@ -861,18 +913,18 @@ to {
|
|
|
861
913
|
cursor: move;
|
|
862
914
|
transition: all 0.2s ease;
|
|
863
915
|
}
|
|
864
|
-
.custom-layout .layout-canvas .field-item[data-v-
|
|
916
|
+
.custom-layout .layout-canvas .field-item[data-v-75b5d79c]:hover {
|
|
865
917
|
border-color: var(--n-primary-color);
|
|
866
918
|
transform: translateY(-1px);
|
|
867
919
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
|
|
868
920
|
}
|
|
869
|
-
.custom-layout .layout-canvas .field-item .field-preview[data-v-
|
|
921
|
+
.custom-layout .layout-canvas .field-item .field-preview[data-v-75b5d79c] {
|
|
870
922
|
display: flex;
|
|
871
923
|
justify-content: space-between;
|
|
872
924
|
align-items: center;
|
|
873
925
|
gap: 8px;
|
|
874
926
|
}
|
|
875
|
-
.custom-layout .layout-canvas .field-item .field-preview .field-label[data-v-
|
|
927
|
+
.custom-layout .layout-canvas .field-item .field-preview .field-label[data-v-75b5d79c] {
|
|
876
928
|
font-size: 13px;
|
|
877
929
|
font-weight: 500;
|
|
878
930
|
flex: 1;
|
|
@@ -880,7 +932,7 @@ to {
|
|
|
880
932
|
text-overflow: ellipsis;
|
|
881
933
|
white-space: nowrap;
|
|
882
934
|
}
|
|
883
|
-
.custom-layout .layout-canvas .field-item .field-preview .field-type[data-v-
|
|
935
|
+
.custom-layout .layout-canvas .field-item .field-preview .field-type[data-v-75b5d79c] {
|
|
884
936
|
font-size: 11px;
|
|
885
937
|
opacity: 0.6;
|
|
886
938
|
background: var(--n-tag-color);
|
|
@@ -888,15 +940,15 @@ to {
|
|
|
888
940
|
border-radius: 4px;
|
|
889
941
|
flex-shrink: 0;
|
|
890
942
|
}
|
|
891
|
-
.custom-layout .layout-canvas .field-pool[data-v-
|
|
943
|
+
.custom-layout .layout-canvas .field-pool[data-v-75b5d79c] {
|
|
892
944
|
margin-top: 16px;
|
|
893
945
|
}
|
|
894
|
-
.custom-layout .layout-canvas .field-pool .pool-fields-grid[data-v-
|
|
946
|
+
.custom-layout .layout-canvas .field-pool .pool-fields-grid[data-v-75b5d79c] {
|
|
895
947
|
display: grid;
|
|
896
948
|
grid-template-columns: repeat(4, 1fr);
|
|
897
949
|
gap: 12px;
|
|
898
950
|
}
|
|
899
|
-
.custom-layout .layout-canvas .field-pool .pool-field[data-v-
|
|
951
|
+
.custom-layout .layout-canvas .field-pool .pool-field[data-v-75b5d79c] {
|
|
900
952
|
border: 1px solid var(--n-border-color);
|
|
901
953
|
border-radius: 6px;
|
|
902
954
|
background: var(--n-card-color);
|
|
@@ -908,12 +960,12 @@ to {
|
|
|
908
960
|
justify-content: space-between;
|
|
909
961
|
align-items: center;
|
|
910
962
|
}
|
|
911
|
-
.custom-layout .layout-canvas .field-pool .pool-field[data-v-
|
|
963
|
+
.custom-layout .layout-canvas .field-pool .pool-field[data-v-75b5d79c]:hover {
|
|
912
964
|
border-color: var(--n-primary-color);
|
|
913
965
|
transform: translateY(-1px);
|
|
914
966
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
|
|
915
967
|
}
|
|
916
|
-
.custom-layout .layout-canvas .field-pool .pool-field .field-name[data-v-
|
|
968
|
+
.custom-layout .layout-canvas .field-pool .pool-field .field-name[data-v-75b5d79c] {
|
|
917
969
|
font-size: 13px;
|
|
918
970
|
font-weight: 500;
|
|
919
971
|
flex: 1;
|
|
@@ -921,90 +973,90 @@ to {
|
|
|
921
973
|
text-overflow: ellipsis;
|
|
922
974
|
white-space: nowrap;
|
|
923
975
|
}
|
|
924
|
-
.custom-layout .layout-canvas .field-pool .pool-field .field-type-tag[data-v-
|
|
976
|
+
.custom-layout .layout-canvas .field-pool .pool-field .field-type-tag[data-v-75b5d79c] {
|
|
925
977
|
font-size: 11px;
|
|
926
978
|
padding: 2px 8px;
|
|
927
979
|
border-radius: 4px;
|
|
928
980
|
background: var(--n-tag-color);
|
|
929
981
|
flex-shrink: 0;
|
|
930
982
|
}
|
|
931
|
-
.custom-layout .layout-canvas .empty-layout[data-v-
|
|
983
|
+
.custom-layout .layout-canvas .empty-layout[data-v-75b5d79c] {
|
|
932
984
|
display: flex;
|
|
933
985
|
align-items: center;
|
|
934
986
|
justify-content: center;
|
|
935
987
|
height: 120px;
|
|
936
988
|
padding: 16px;
|
|
937
989
|
}
|
|
938
|
-
.custom-layout .layout-canvas .form-areas[data-v-
|
|
990
|
+
.custom-layout .layout-canvas .form-areas[data-v-75b5d79c] {
|
|
939
991
|
display: flex;
|
|
940
992
|
flex-wrap: wrap;
|
|
941
993
|
gap: 16px;
|
|
942
994
|
align-items: flex-start;
|
|
943
995
|
}
|
|
944
|
-
.custom-layout .layout-canvas .form-areas .form-area[data-v-
|
|
996
|
+
.custom-layout .layout-canvas .form-areas .form-area[data-v-75b5d79c] {
|
|
945
997
|
flex: 1;
|
|
946
998
|
min-width: 250px;
|
|
947
999
|
}
|
|
948
|
-
.custom-layout .layout-canvas .form-areas .form-area.area-vertical[data-v-
|
|
1000
|
+
.custom-layout .layout-canvas .form-areas .form-area.area-vertical[data-v-75b5d79c] {
|
|
949
1001
|
width: 100%;
|
|
950
1002
|
}
|
|
951
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1003
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-75b5d79c] {
|
|
952
1004
|
display: flex;
|
|
953
1005
|
flex-direction: column;
|
|
954
1006
|
gap: 16px;
|
|
955
1007
|
/* 统一表单项宽度 */
|
|
956
1008
|
}
|
|
957
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1009
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-75b5d79c] .n-form-item {
|
|
958
1010
|
width: 100%;
|
|
959
1011
|
}
|
|
960
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1012
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-75b5d79c] .n-form-item .n-form-item-blank {
|
|
961
1013
|
width: 100%;
|
|
962
1014
|
/* 统一输入控件宽度 */
|
|
963
1015
|
}
|
|
964
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
965
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
966
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
967
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
968
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
969
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
970
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
971
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
972
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
973
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
974
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1016
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-75b5d79c] .n-form-item .n-form-item-blank .n-input,
|
|
1017
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-75b5d79c] .n-form-item .n-form-item-blank .n-select,
|
|
1018
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-75b5d79c] .n-form-item .n-form-item-blank .n-date-picker,
|
|
1019
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-75b5d79c] .n-form-item .n-form-item-blank .n-input-number,
|
|
1020
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-75b5d79c] .n-form-item .n-form-item-blank .n-textarea,
|
|
1021
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-75b5d79c] .n-form-item .n-form-item-blank .n-radio-group,
|
|
1022
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-75b5d79c] .n-form-item .n-form-item-blank .n-checkbox-group,
|
|
1023
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-75b5d79c] .n-form-item .n-form-item-blank .n-cascader,
|
|
1024
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-75b5d79c] .n-form-item .n-form-item-blank .n-tree-select,
|
|
1025
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-75b5d79c] .n-form-item .n-form-item-blank .n-time-picker,
|
|
1026
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-75b5d79c] .n-form-item .n-form-item-blank .n-color-picker {
|
|
975
1027
|
width: 100% !important;
|
|
976
1028
|
max-width: 100% !important;
|
|
977
1029
|
}
|
|
978
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1030
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-75b5d79c] .n-form-item .n-form-item-blank {
|
|
979
1031
|
/* 特殊控件的额外处理 */
|
|
980
1032
|
}
|
|
981
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
982
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
1033
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-75b5d79c] .n-form-item .n-form-item-blank .n-radio-group,
|
|
1034
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-75b5d79c] .n-form-item .n-form-item-blank .n-checkbox-group {
|
|
983
1035
|
display: flex;
|
|
984
1036
|
flex-wrap: wrap;
|
|
985
1037
|
gap: 8px;
|
|
986
1038
|
}
|
|
987
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-horizontal[data-v-
|
|
1039
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-horizontal[data-v-75b5d79c] {
|
|
988
1040
|
flex-direction: row;
|
|
989
1041
|
flex-wrap: wrap;
|
|
990
1042
|
gap: 12px;
|
|
991
1043
|
}
|
|
992
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-horizontal[data-v-
|
|
1044
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-horizontal[data-v-75b5d79c] .n-form-item {
|
|
993
1045
|
flex: 1;
|
|
994
1046
|
min-width: 200px;
|
|
995
1047
|
}
|
|
996
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-grid[data-v-
|
|
1048
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-grid[data-v-75b5d79c] {
|
|
997
1049
|
display: grid;
|
|
998
1050
|
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
|
|
999
1051
|
gap: 16px;
|
|
1000
1052
|
}
|
|
1001
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-grid[data-v-
|
|
1053
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-grid[data-v-75b5d79c] .n-form-item {
|
|
1002
1054
|
width: 100%;
|
|
1003
1055
|
}
|
|
1004
1056
|
|
|
1005
1057
|
/* 拖拽状态 */
|
|
1006
|
-
.area-ghost[data-v-
|
|
1007
|
-
.field-ghost[data-v-
|
|
1058
|
+
.area-ghost[data-v-75b5d79c],
|
|
1059
|
+
.field-ghost[data-v-75b5d79c] {
|
|
1008
1060
|
opacity: 0.5;
|
|
1009
1061
|
background: var(--n-primary-color-suppl);
|
|
1010
1062
|
border: 2px dashed var(--n-primary-color);
|
|
@@ -1013,42 +1065,177 @@ to {
|
|
|
1013
1065
|
|
|
1014
1066
|
/* 响应式 */
|
|
1015
1067
|
@media (max-width: 1024px) {
|
|
1016
|
-
.custom-layout .toolbar-content[data-v-
|
|
1068
|
+
.custom-layout .toolbar-content[data-v-75b5d79c] {
|
|
1017
1069
|
flex-direction: column;
|
|
1018
1070
|
gap: 12px;
|
|
1019
1071
|
}
|
|
1020
|
-
.custom-layout .layout-canvas .areas-container[data-v-
|
|
1072
|
+
.custom-layout .layout-canvas .areas-container[data-v-75b5d79c] {
|
|
1021
1073
|
flex-direction: column;
|
|
1022
1074
|
}
|
|
1023
1075
|
}
|
|
1024
1076
|
@media (max-width: 768px) {
|
|
1025
|
-
.custom-layout .design-tools[data-v-
|
|
1077
|
+
.custom-layout .design-tools[data-v-75b5d79c] {
|
|
1026
1078
|
flex-direction: column;
|
|
1027
1079
|
gap: 12px;
|
|
1028
1080
|
}
|
|
1029
|
-
.custom-layout .layout-canvas.design-mode[data-v-
|
|
1081
|
+
.custom-layout .layout-canvas.design-mode[data-v-75b5d79c] {
|
|
1030
1082
|
padding: 12px;
|
|
1031
1083
|
}
|
|
1032
|
-
.custom-layout .custom-area[data-v-
|
|
1084
|
+
.custom-layout .custom-area[data-v-75b5d79c] {
|
|
1033
1085
|
padding: 12px;
|
|
1034
1086
|
min-height: 100px;
|
|
1035
1087
|
}
|
|
1036
|
-
.custom-layout .layout-canvas .field-pool .pool-fields-grid[data-v-
|
|
1088
|
+
.custom-layout .layout-canvas .field-pool .pool-fields-grid[data-v-75b5d79c] {
|
|
1037
1089
|
grid-template-columns: repeat(2, 1fr);
|
|
1038
1090
|
}
|
|
1039
1091
|
}
|
|
1092
|
+
/* unplugin-vue-components disabled */
|
|
1093
|
+
/* layer: default */
|
|
1094
|
+
.visible[data-v-75b5d79c]{visibility:visible;}
|
|
1095
|
+
.grid[data-v-75b5d79c]{display:grid;}
|
|
1096
|
+
.inline[data-v-75b5d79c]{display:inline;}
|
|
1097
|
+
|
|
1098
|
+
/* unplugin-vue-components disabled */
|
|
1099
|
+
/* layer: default */
|
|
1100
|
+
.visible[data-v-fff98c51]{visibility:visible;}
|
|
1101
|
+
.grid[data-v-fff98c51]{display:grid;}
|
|
1102
|
+
.inline[data-v-fff98c51]{display:inline;}
|
|
1103
|
+
.table[data-v-fff98c51]{display:table;}
|
|
1104
|
+
.blur[data-v-fff98c51]{--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);}
|
|
1105
|
+
.filter[data-v-fff98c51]{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);}
|
|
1106
|
+
|
|
1107
|
+
|
|
1108
|
+
/* unplugin-vue-components disabled *//*
|
|
1109
|
+
* @Author: ChenYu ycyplus@gmail.com
|
|
1110
|
+
* @Date: 2026-10-06
|
|
1111
|
+
* @FilePath: \naive-ui-components\src\components\C_Loading\index.scss
|
|
1112
|
+
* @Description: 机器人扫描与数据流动画,仅在组件挂载时运行
|
|
1113
|
+
* Copyright (c) 2026 by CHENY, All Rights Reserved 😎.
|
|
1114
|
+
*/
|
|
1115
|
+
.c-loading[data-v-48232aaa] {
|
|
1116
|
+
display: inline-flex;
|
|
1117
|
+
flex-direction: column;
|
|
1118
|
+
align-items: center;
|
|
1119
|
+
justify-content: center;
|
|
1120
|
+
gap: 6px;
|
|
1121
|
+
vertical-align: middle;
|
|
1122
|
+
line-height: 1;
|
|
1123
|
+
pointer-events: none;
|
|
1124
|
+
}
|
|
1125
|
+
.c-loading--labeled[data-v-48232aaa] {
|
|
1126
|
+
flex-direction: row;
|
|
1127
|
+
gap: 8px;
|
|
1128
|
+
max-width: 100%;
|
|
1129
|
+
padding: 8px 14px;
|
|
1130
|
+
box-sizing: border-box;
|
|
1131
|
+
border: 1px solid var(--c-loading-border);
|
|
1132
|
+
border-radius: 14px;
|
|
1133
|
+
background: var(--c-loading-surface);
|
|
1134
|
+
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
|
|
1135
|
+
}
|
|
1136
|
+
.c-loading__glyph[data-v-48232aaa] {
|
|
1137
|
+
width: var(--c-loading-size, 48px);
|
|
1138
|
+
height: var(--c-loading-size, 48px);
|
|
1139
|
+
flex-shrink: 0;
|
|
1140
|
+
overflow: visible;
|
|
1141
|
+
}
|
|
1142
|
+
.c-loading__frame[data-v-48232aaa] {
|
|
1143
|
+
opacity: 0.35;
|
|
1144
|
+
animation: c-loading-frame-48232aaa 2.4s ease-in-out infinite;
|
|
1145
|
+
}
|
|
1146
|
+
.c-loading__scan[data-v-48232aaa] {
|
|
1147
|
+
opacity: 0;
|
|
1148
|
+
animation: c-loading-scan-48232aaa 2.4s ease-in-out infinite;
|
|
1149
|
+
}
|
|
1150
|
+
.c-loading__eyes[data-v-48232aaa] {
|
|
1151
|
+
transform-box: fill-box;
|
|
1152
|
+
transform-origin: center;
|
|
1153
|
+
animation: c-loading-eyes-48232aaa 3.6s ease-in-out infinite;
|
|
1154
|
+
}
|
|
1155
|
+
.c-loading__packet[data-v-48232aaa] {
|
|
1156
|
+
opacity: 0.25;
|
|
1157
|
+
animation: c-loading-data-48232aaa 2.4s ease-in-out infinite;
|
|
1158
|
+
}
|
|
1159
|
+
.c-loading__packet--out[data-v-48232aaa] {
|
|
1160
|
+
animation-delay: 0.8s;
|
|
1161
|
+
}
|
|
1162
|
+
.c-loading__label[data-v-48232aaa] {
|
|
1163
|
+
color: var(--c-loading-text, currentColor);
|
|
1164
|
+
font-size: 12px;
|
|
1165
|
+
font-weight: 500;
|
|
1166
|
+
letter-spacing: 0.03em;
|
|
1167
|
+
line-height: 1.6;
|
|
1168
|
+
}
|
|
1169
|
+
@media (prefers-reduced-motion: reduce) {
|
|
1170
|
+
.c-loading__frame[data-v-48232aaa], .c-loading__scan[data-v-48232aaa], .c-loading__eyes[data-v-48232aaa], .c-loading__packet[data-v-48232aaa] {
|
|
1171
|
+
animation: none;
|
|
1172
|
+
}
|
|
1173
|
+
.c-loading__scan[data-v-48232aaa] {
|
|
1174
|
+
display: none;
|
|
1175
|
+
}
|
|
1176
|
+
.c-loading__frame[data-v-48232aaa], .c-loading__packet[data-v-48232aaa] {
|
|
1177
|
+
opacity: 0.55;
|
|
1178
|
+
}
|
|
1179
|
+
}
|
|
1180
|
+
@keyframes c-loading-scan-48232aaa {
|
|
1181
|
+
0%, 12% {
|
|
1182
|
+
transform: translateY(0);
|
|
1183
|
+
opacity: 0;
|
|
1184
|
+
}
|
|
1185
|
+
25% {
|
|
1186
|
+
opacity: 0.2;
|
|
1187
|
+
}
|
|
1188
|
+
70% {
|
|
1189
|
+
transform: translateY(14px);
|
|
1190
|
+
opacity: 0.2;
|
|
1191
|
+
}
|
|
1192
|
+
88%, 100% {
|
|
1193
|
+
transform: translateY(14px);
|
|
1194
|
+
opacity: 0;
|
|
1195
|
+
}
|
|
1196
|
+
}
|
|
1197
|
+
@keyframes c-loading-frame-48232aaa {
|
|
1198
|
+
0%, 100% {
|
|
1199
|
+
opacity: 0.25;
|
|
1200
|
+
}
|
|
1201
|
+
50% {
|
|
1202
|
+
opacity: 0.7;
|
|
1203
|
+
}
|
|
1204
|
+
}
|
|
1205
|
+
@keyframes c-loading-eyes-48232aaa {
|
|
1206
|
+
0%, 72%, 82%, 100% {
|
|
1207
|
+
transform: scaleY(1);
|
|
1208
|
+
}
|
|
1209
|
+
77% {
|
|
1210
|
+
transform: scaleY(0.25);
|
|
1211
|
+
}
|
|
1212
|
+
}
|
|
1213
|
+
@keyframes c-loading-data-48232aaa {
|
|
1214
|
+
0%, 100% {
|
|
1215
|
+
opacity: 0.2;
|
|
1216
|
+
}
|
|
1217
|
+
40%, 60% {
|
|
1218
|
+
opacity: 0.85;
|
|
1219
|
+
}
|
|
1220
|
+
}
|
|
1221
|
+
/* unplugin-vue-components disabled */
|
|
1222
|
+
/* layer: default */
|
|
1223
|
+
.table[data-v-48232aaa]{display:table;}
|
|
1224
|
+
.px[data-v-48232aaa]{padding-left:1rem;padding-right:1rem;}
|
|
1225
|
+
.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);}
|
|
1226
|
+
|
|
1040
1227
|
|
|
1041
|
-
/* unplugin-vue-components disabled */.column-management-tab .search-row[data-v-
|
|
1228
|
+
/* unplugin-vue-components disabled */.column-management-tab .search-row[data-v-6ff103ee] {
|
|
1042
1229
|
display: flex;
|
|
1043
1230
|
align-items: center;
|
|
1044
1231
|
gap: 12px;
|
|
1045
1232
|
margin-bottom: 12px;
|
|
1046
1233
|
}
|
|
1047
|
-
.column-management-tab .search-row .search-input[data-v-
|
|
1234
|
+
.column-management-tab .search-row .search-input[data-v-6ff103ee] {
|
|
1048
1235
|
flex: 1;
|
|
1049
1236
|
min-width: 0;
|
|
1050
1237
|
}
|
|
1051
|
-
.column-management-tab .search-row .resizable-control[data-v-
|
|
1238
|
+
.column-management-tab .search-row .resizable-control[data-v-6ff103ee] {
|
|
1052
1239
|
display: flex;
|
|
1053
1240
|
align-items: center;
|
|
1054
1241
|
flex-shrink: 0;
|
|
@@ -1058,7 +1245,7 @@ to {
|
|
|
1058
1245
|
border-radius: 6px;
|
|
1059
1246
|
white-space: nowrap;
|
|
1060
1247
|
}
|
|
1061
|
-
.column-management-tab .top-actions-bar[data-v-
|
|
1248
|
+
.column-management-tab .top-actions-bar[data-v-6ff103ee] {
|
|
1062
1249
|
display: flex;
|
|
1063
1250
|
justify-content: space-between;
|
|
1064
1251
|
align-items: center;
|
|
@@ -1067,13 +1254,13 @@ to {
|
|
|
1067
1254
|
background: var(--n-color-target);
|
|
1068
1255
|
border-radius: 6px;
|
|
1069
1256
|
}
|
|
1070
|
-
.column-management-tab .top-actions-bar .stats-info[data-v-
|
|
1257
|
+
.column-management-tab .top-actions-bar .stats-info[data-v-6ff103ee] {
|
|
1071
1258
|
flex: 1;
|
|
1072
1259
|
}
|
|
1073
|
-
.column-management-tab .top-actions-bar .quick-actions[data-v-
|
|
1260
|
+
.column-management-tab .top-actions-bar .quick-actions[data-v-6ff103ee] {
|
|
1074
1261
|
flex-shrink: 0;
|
|
1075
1262
|
}
|
|
1076
|
-
.column-management-tab .column-list .column-item[data-v-
|
|
1263
|
+
.column-management-tab .column-list .column-item[data-v-6ff103ee] {
|
|
1077
1264
|
display: flex;
|
|
1078
1265
|
align-items: center;
|
|
1079
1266
|
justify-content: space-between;
|
|
@@ -1084,44 +1271,44 @@ to {
|
|
|
1084
1271
|
cursor: move;
|
|
1085
1272
|
transition: all 0.2s ease;
|
|
1086
1273
|
}
|
|
1087
|
-
.column-management-tab .column-list .column-item[data-v-
|
|
1274
|
+
.column-management-tab .column-list .column-item[data-v-6ff103ee]:hover {
|
|
1088
1275
|
background: var(--n-color-target);
|
|
1089
1276
|
}
|
|
1090
|
-
.column-management-tab .column-list .column-item.disabled[data-v-
|
|
1277
|
+
.column-management-tab .column-list .column-item.disabled[data-v-6ff103ee] {
|
|
1091
1278
|
opacity: 0.6;
|
|
1092
1279
|
cursor: not-allowed;
|
|
1093
1280
|
}
|
|
1094
|
-
.column-management-tab .column-list .column-item.fixed-left[data-v-
|
|
1281
|
+
.column-management-tab .column-list .column-item.fixed-left[data-v-6ff103ee] {
|
|
1095
1282
|
background: rgba(24, 160, 88, 0.08);
|
|
1096
1283
|
}
|
|
1097
|
-
.column-management-tab .column-list .column-item.fixed-right[data-v-
|
|
1284
|
+
.column-management-tab .column-list .column-item.fixed-right[data-v-6ff103ee] {
|
|
1098
1285
|
background: rgba(240, 138, 0, 0.08);
|
|
1099
1286
|
}
|
|
1100
|
-
.column-management-tab .column-list .column-item .column-info[data-v-
|
|
1287
|
+
.column-management-tab .column-list .column-item .column-info[data-v-6ff103ee] {
|
|
1101
1288
|
display: flex;
|
|
1102
1289
|
align-items: center;
|
|
1103
1290
|
flex: 1;
|
|
1104
1291
|
gap: 10px;
|
|
1105
1292
|
min-width: 0;
|
|
1106
1293
|
}
|
|
1107
|
-
.column-management-tab .column-list .column-item .column-info .column-controls[data-v-
|
|
1294
|
+
.column-management-tab .column-list .column-item .column-info .column-controls[data-v-6ff103ee] {
|
|
1108
1295
|
display: flex;
|
|
1109
1296
|
align-items: center;
|
|
1110
1297
|
gap: 8px;
|
|
1111
1298
|
flex-shrink: 0;
|
|
1112
1299
|
}
|
|
1113
|
-
.column-management-tab .column-list .column-item .column-info .column-controls .drag-handle[data-v-
|
|
1300
|
+
.column-management-tab .column-list .column-item .column-info .column-controls .drag-handle[data-v-6ff103ee] {
|
|
1114
1301
|
color: var(--n-text-color-3);
|
|
1115
1302
|
cursor: grab;
|
|
1116
1303
|
}
|
|
1117
|
-
.column-management-tab .column-list .column-item .column-info .column-controls .drag-handle[data-v-
|
|
1304
|
+
.column-management-tab .column-list .column-item .column-info .column-controls .drag-handle[data-v-6ff103ee]:active {
|
|
1118
1305
|
cursor: grabbing;
|
|
1119
1306
|
}
|
|
1120
|
-
.column-management-tab .column-list .column-item .column-info .column-controls .drag-handle.disabled[data-v-
|
|
1307
|
+
.column-management-tab .column-list .column-item .column-info .column-controls .drag-handle.disabled[data-v-6ff103ee] {
|
|
1121
1308
|
cursor: not-allowed;
|
|
1122
1309
|
opacity: 0.3;
|
|
1123
1310
|
}
|
|
1124
|
-
.column-management-tab .column-list .column-item .column-info .column-details[data-v-
|
|
1311
|
+
.column-management-tab .column-list .column-item .column-info .column-details[data-v-6ff103ee] {
|
|
1125
1312
|
display: flex;
|
|
1126
1313
|
flex-direction: column;
|
|
1127
1314
|
gap: 4px;
|
|
@@ -1129,37 +1316,53 @@ to {
|
|
|
1129
1316
|
min-width: 0;
|
|
1130
1317
|
overflow: hidden;
|
|
1131
1318
|
}
|
|
1132
|
-
.column-management-tab .column-list .column-item .column-actions[data-v-
|
|
1319
|
+
.column-management-tab .column-list .column-item .column-actions[data-v-6ff103ee] {
|
|
1133
1320
|
display: flex;
|
|
1134
1321
|
align-items: center;
|
|
1135
1322
|
gap: 6px;
|
|
1136
1323
|
flex-shrink: 0;
|
|
1137
1324
|
}
|
|
1138
|
-
.column-management-tab .column-list .column-item .column-actions .drag-controls[data-v-
|
|
1325
|
+
.column-management-tab .column-list .column-item .column-actions .drag-controls[data-v-6ff103ee] {
|
|
1139
1326
|
display: flex;
|
|
1140
1327
|
flex-direction: column;
|
|
1141
1328
|
gap: 2px;
|
|
1142
1329
|
}
|
|
1143
|
-
.column-management-tab .column-list .column-item .column-actions .drag-controls .c-icon[data-v-
|
|
1330
|
+
.column-management-tab .column-list .column-item .column-actions .drag-controls .c-icon[data-v-6ff103ee] {
|
|
1144
1331
|
opacity: 0.6;
|
|
1145
1332
|
transition: all 0.2s ease;
|
|
1146
1333
|
}
|
|
1147
|
-
.column-management-tab .column-list .column-item .column-actions .drag-controls .c-icon[data-v-
|
|
1334
|
+
.column-management-tab .column-list .column-item .column-actions .drag-controls .c-icon[data-v-6ff103ee]:not(.disabled):hover {
|
|
1148
1335
|
opacity: 1;
|
|
1149
1336
|
transform: scale(1.15);
|
|
1150
1337
|
}
|
|
1151
|
-
.column-management-tab .column-list .column-item .column-actions .drag-controls .c-icon.disabled[data-v-
|
|
1338
|
+
.column-management-tab .column-list .column-item .column-actions .drag-controls .c-icon.disabled[data-v-6ff103ee] {
|
|
1152
1339
|
opacity: 0.3;
|
|
1153
1340
|
cursor: not-allowed;
|
|
1154
1341
|
}
|
|
1155
|
-
.column-management-tab .column-list .column-item .column-actions .c-icon[data-v-
|
|
1342
|
+
.column-management-tab .column-list .column-item .column-actions .c-icon[data-v-6ff103ee] {
|
|
1156
1343
|
transition: all 0.2s ease;
|
|
1157
1344
|
}
|
|
1158
|
-
.column-management-tab .column-list .column-item .column-actions .c-icon[data-v-
|
|
1345
|
+
.column-management-tab .column-list .column-item .column-actions .c-icon[data-v-6ff103ee]:hover {
|
|
1159
1346
|
transform: scale(1.15);
|
|
1160
1347
|
}
|
|
1348
|
+
/* unplugin-vue-components disabled */
|
|
1349
|
+
/* layer: default */
|
|
1350
|
+
.visible[data-v-6ff103ee]{visibility:visible;}
|
|
1351
|
+
.fixed[data-v-6ff103ee]{position:fixed;}
|
|
1352
|
+
.mb-4[data-v-6ff103ee]{margin-bottom:1rem;}
|
|
1353
|
+
.flex[data-v-6ff103ee]{display:flex;}
|
|
1354
|
+
.table[data-v-6ff103ee]{display:table;}
|
|
1355
|
+
.scale-110[data-v-6ff103ee]{--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));}
|
|
1356
|
+
.cursor-pointer[data-v-6ff103ee]{cursor:pointer;}
|
|
1357
|
+
.justify-end[data-v-6ff103ee]{justify-content:flex-end;}
|
|
1358
|
+
.justify-center[data-v-6ff103ee]{justify-content:center;}
|
|
1359
|
+
.rd[data-v-6ff103ee]{border-radius:0.25rem;}
|
|
1360
|
+
.px[data-v-6ff103ee]{padding-left:1rem;padding-right:1rem;}
|
|
1361
|
+
.accent-blue-500[data-v-6ff103ee]{--un-accent-opacity:1;accent-color:rgb(59 130 246 / var(--un-accent-opacity));}
|
|
1362
|
+
.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);}
|
|
1363
|
+
|
|
1161
1364
|
/* unplugin-vue-components disabled *//* ================= 1. 组件根容器 ================= */
|
|
1162
|
-
.c-table-wrapper[data-v-
|
|
1365
|
+
.c-table-wrapper[data-v-be2bef78] {
|
|
1163
1366
|
--c-table-border-color: var(--border-color, #e5e7eb);
|
|
1164
1367
|
--c-table-bg: var(--body-color, #fff);
|
|
1165
1368
|
--c-table-header-bg: var(--card-color, #fafafc);
|
|
@@ -1172,52 +1375,52 @@ to {
|
|
|
1172
1375
|
}
|
|
1173
1376
|
|
|
1174
1377
|
/* ================= 列拖拽排序 ================= */
|
|
1175
|
-
.column-drag-ghost[data-v-
|
|
1378
|
+
.column-drag-ghost[data-v-be2bef78] {
|
|
1176
1379
|
opacity: var(--c-table-drag-ghost-opacity);
|
|
1177
1380
|
background: var(--c-table-drag-ghost-bg) !important;
|
|
1178
1381
|
}
|
|
1179
|
-
.drag-handle[data-v-
|
|
1382
|
+
.drag-handle[data-v-be2bef78] {
|
|
1180
1383
|
cursor: grab;
|
|
1181
1384
|
}
|
|
1182
|
-
.drag-handle[data-v-
|
|
1385
|
+
.drag-handle[data-v-be2bef78]:active {
|
|
1183
1386
|
cursor: grabbing;
|
|
1184
1387
|
}
|
|
1185
1388
|
|
|
1186
1389
|
/* ================= 合计行强调 ================= */
|
|
1187
|
-
.c-table-wrapper[data-v-
|
|
1390
|
+
.c-table-wrapper[data-v-be2bef78] .n-data-table-tfoot {
|
|
1188
1391
|
background: var(--c-table-summary-bg);
|
|
1189
1392
|
font-weight: var(--c-table-summary-font-weight);
|
|
1190
1393
|
}
|
|
1191
1394
|
|
|
1192
1395
|
/* ================= 2. 表格工具栏 ================= */
|
|
1193
|
-
.table-toolbar[data-v-
|
|
1396
|
+
.table-toolbar[data-v-be2bef78] {
|
|
1194
1397
|
display: flex;
|
|
1195
1398
|
justify-content: space-between;
|
|
1196
1399
|
align-items: center;
|
|
1197
1400
|
margin-bottom: 16px;
|
|
1198
1401
|
}
|
|
1199
|
-
.table-toolbar .toolbar-left[data-v-
|
|
1402
|
+
.table-toolbar .toolbar-left[data-v-be2bef78] {
|
|
1200
1403
|
display: flex;
|
|
1201
1404
|
align-items: center;
|
|
1202
1405
|
gap: 12px;
|
|
1203
1406
|
}
|
|
1204
|
-
.table-toolbar .toolbar-right[data-v-
|
|
1407
|
+
.table-toolbar .toolbar-right[data-v-be2bef78] {
|
|
1205
1408
|
display: flex;
|
|
1206
1409
|
align-items: center;
|
|
1207
1410
|
gap: 8px;
|
|
1208
1411
|
}
|
|
1209
|
-
.table-toolbar .toolbar-right .column-settings-btn[data-v-
|
|
1412
|
+
.table-toolbar .toolbar-right .column-settings-btn[data-v-be2bef78] {
|
|
1210
1413
|
opacity: 0.6;
|
|
1211
1414
|
transition: opacity 0.2s ease, transform 0.2s ease;
|
|
1212
1415
|
cursor: pointer;
|
|
1213
1416
|
}
|
|
1214
|
-
.table-toolbar .toolbar-right .column-settings-btn[data-v-
|
|
1417
|
+
.table-toolbar .toolbar-right .column-settings-btn[data-v-be2bef78]:hover {
|
|
1215
1418
|
opacity: 1;
|
|
1216
1419
|
transform: scale(1.1);
|
|
1217
1420
|
}
|
|
1218
1421
|
|
|
1219
1422
|
/* ================= 3. 动态行工具栏 ================= */
|
|
1220
|
-
.dynamic-rows-toolbar[data-v-
|
|
1423
|
+
.dynamic-rows-toolbar[data-v-be2bef78] {
|
|
1221
1424
|
margin-bottom: 16px;
|
|
1222
1425
|
padding: 16px;
|
|
1223
1426
|
border-radius: 8px;
|
|
@@ -1226,12 +1429,12 @@ to {
|
|
|
1226
1429
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
|
|
1227
1430
|
transition: all 0.2s ease;
|
|
1228
1431
|
}
|
|
1229
|
-
.dynamic-rows-toolbar[data-v-
|
|
1432
|
+
.dynamic-rows-toolbar[data-v-be2bef78]:hover {
|
|
1230
1433
|
border-color: var(--n-primary-color-suppl);
|
|
1231
1434
|
}
|
|
1232
1435
|
|
|
1233
1436
|
/* ================= 4. 表格布局基础 ================= */
|
|
1234
|
-
[data-v-
|
|
1437
|
+
[data-v-be2bef78] .n-data-table {
|
|
1235
1438
|
table-layout: auto !important;
|
|
1236
1439
|
width: 100% !important;
|
|
1237
1440
|
border-radius: 8px;
|
|
@@ -1239,12 +1442,12 @@ to {
|
|
|
1239
1442
|
}
|
|
1240
1443
|
|
|
1241
1444
|
/* 确保表格容器允许横向滚动(固定列必需) */
|
|
1242
|
-
[data-v-
|
|
1445
|
+
[data-v-be2bef78] .n-data-table-wrapper {
|
|
1243
1446
|
overflow-x: auto !important;
|
|
1244
1447
|
}
|
|
1245
1448
|
|
|
1246
1449
|
/* 分页组件样式 */
|
|
1247
|
-
.pagination-wrapper[data-v-
|
|
1450
|
+
.pagination-wrapper[data-v-be2bef78] {
|
|
1248
1451
|
margin-top: 16px;
|
|
1249
1452
|
display: flex;
|
|
1250
1453
|
justify-content: flex-end;
|
|
@@ -1252,12 +1455,12 @@ to {
|
|
|
1252
1455
|
|
|
1253
1456
|
/* ================= 5. 表格列宽度管理 ================= */
|
|
1254
1457
|
/* 普通列的最小宽度保护 */
|
|
1255
|
-
[data-v-
|
|
1458
|
+
[data-v-be2bef78] .n-data-table-th:not(:last-child) {
|
|
1256
1459
|
min-width: 80px !important;
|
|
1257
1460
|
}
|
|
1258
1461
|
|
|
1259
1462
|
/* 操作列固定宽度(适应4个按钮的布局) */
|
|
1260
|
-
[data-v-
|
|
1463
|
+
[data-v-be2bef78] .c-table-actions-column {
|
|
1261
1464
|
width: 180px !important;
|
|
1262
1465
|
min-width: 160px !important;
|
|
1263
1466
|
max-width: 200px !important;
|
|
@@ -1266,14 +1469,14 @@ to {
|
|
|
1266
1469
|
}
|
|
1267
1470
|
|
|
1268
1471
|
/* 操作按钮容器居中 */
|
|
1269
|
-
[data-v-
|
|
1472
|
+
[data-v-be2bef78] .c-table-actions-column .n-space {
|
|
1270
1473
|
justify-content: center !important;
|
|
1271
1474
|
align-items: center !important;
|
|
1272
1475
|
}
|
|
1273
1476
|
|
|
1274
1477
|
/* ================= 6. 可编辑单元格样式 ================= */
|
|
1275
1478
|
/* 单元格编辑容器 - 精致化设计 */
|
|
1276
|
-
.cell-edit-wrapper[data-v-
|
|
1479
|
+
.cell-edit-wrapper[data-v-be2bef78] {
|
|
1277
1480
|
display: flex;
|
|
1278
1481
|
align-items: center;
|
|
1279
1482
|
justify-content: space-between;
|
|
@@ -1286,23 +1489,23 @@ to {
|
|
|
1286
1489
|
position: relative;
|
|
1287
1490
|
/* 悬停效果 */
|
|
1288
1491
|
}
|
|
1289
|
-
.cell-edit-wrapper[data-v-
|
|
1492
|
+
.cell-edit-wrapper[data-v-be2bef78]:hover {
|
|
1290
1493
|
background-color: var(--n-color-target);
|
|
1291
1494
|
}
|
|
1292
|
-
.cell-edit-wrapper:hover .cell-edit-icon[data-v-
|
|
1495
|
+
.cell-edit-wrapper:hover .cell-edit-icon[data-v-be2bef78] {
|
|
1293
1496
|
opacity: 1;
|
|
1294
1497
|
color: var(--n-color-success);
|
|
1295
1498
|
transform: scale(1.05);
|
|
1296
1499
|
}
|
|
1297
|
-
.cell-edit-wrapper[data-v-
|
|
1500
|
+
.cell-edit-wrapper[data-v-be2bef78] {
|
|
1298
1501
|
/* 激活状态 */
|
|
1299
1502
|
}
|
|
1300
|
-
.cell-edit-wrapper[data-v-
|
|
1503
|
+
.cell-edit-wrapper[data-v-be2bef78]:active {
|
|
1301
1504
|
transform: translateY(1px);
|
|
1302
1505
|
}
|
|
1303
1506
|
|
|
1304
1507
|
/* 单元格内容 */
|
|
1305
|
-
.cell-value[data-v-
|
|
1508
|
+
.cell-value[data-v-be2bef78] {
|
|
1306
1509
|
flex: 1;
|
|
1307
1510
|
overflow: hidden;
|
|
1308
1511
|
text-overflow: ellipsis;
|
|
@@ -1312,8 +1515,8 @@ to {
|
|
|
1312
1515
|
font-size: 13px;
|
|
1313
1516
|
}
|
|
1314
1517
|
|
|
1315
|
-
/*
|
|
1316
|
-
.
|
|
1518
|
+
/* 动态渲染单元格也只在当前表格边界内匹配。 */
|
|
1519
|
+
.c-table-wrapper[data-v-be2bef78] .cell-edit-icon {
|
|
1317
1520
|
flex-shrink: 0;
|
|
1318
1521
|
width: 24px;
|
|
1319
1522
|
height: 24px;
|
|
@@ -1329,29 +1532,29 @@ to {
|
|
|
1329
1532
|
position: relative;
|
|
1330
1533
|
/* 悬停效果 */
|
|
1331
1534
|
}
|
|
1332
|
-
.
|
|
1535
|
+
.c-table-wrapper[data-v-be2bef78] .cell-edit-icon:hover {
|
|
1333
1536
|
opacity: 1 !important;
|
|
1334
1537
|
color: var(--n-color-success-hover) !important;
|
|
1335
1538
|
background-color: var(--n-color-success-pressed);
|
|
1336
1539
|
transform: scale(1.1);
|
|
1337
1540
|
}
|
|
1338
|
-
.
|
|
1541
|
+
.c-table-wrapper[data-v-be2bef78] .cell-edit-icon {
|
|
1339
1542
|
/* 激活效果 */
|
|
1340
1543
|
}
|
|
1341
|
-
.
|
|
1544
|
+
.c-table-wrapper[data-v-be2bef78] .cell-edit-icon:active {
|
|
1342
1545
|
transform: scale(0.95);
|
|
1343
1546
|
}
|
|
1344
|
-
.
|
|
1547
|
+
.c-table-wrapper[data-v-be2bef78] .cell-edit-icon {
|
|
1345
1548
|
/* 图标尺寸 */
|
|
1346
1549
|
}
|
|
1347
|
-
.
|
|
1550
|
+
.c-table-wrapper[data-v-be2bef78] .cell-edit-icon svg {
|
|
1348
1551
|
width: 14px;
|
|
1349
1552
|
height: 14px;
|
|
1350
1553
|
}
|
|
1351
1554
|
|
|
1352
1555
|
/* ================= 7. 单元格编辑状态样式 ================= */
|
|
1353
1556
|
/* 编辑容器 - 确保水平布局不换行 */
|
|
1354
|
-
.cell-editing-container[data-v-
|
|
1557
|
+
.cell-editing-container[data-v-be2bef78],[data-v-be2bef78] .cell-editing-container {
|
|
1355
1558
|
display: flex !important;
|
|
1356
1559
|
align-items: center !important;
|
|
1357
1560
|
width: 100% !important;
|
|
@@ -1365,39 +1568,39 @@ to {
|
|
|
1365
1568
|
}
|
|
1366
1569
|
|
|
1367
1570
|
/* 编辑输入区域 - 占据剩余空间 */
|
|
1368
|
-
.cell-editing-input[data-v-
|
|
1571
|
+
.cell-editing-input[data-v-be2bef78],[data-v-be2bef78] .cell-editing-input {
|
|
1369
1572
|
flex: 1 !important;
|
|
1370
1573
|
min-width: 0 !important;
|
|
1371
1574
|
}
|
|
1372
1575
|
|
|
1373
1576
|
/* 深度选择器处理输入框样式 */
|
|
1374
|
-
[data-v-
|
|
1577
|
+
[data-v-be2bef78] .cell-editing-input .n-input {
|
|
1375
1578
|
border: none !important;
|
|
1376
1579
|
box-shadow: none !important;
|
|
1377
1580
|
background: transparent !important;
|
|
1378
1581
|
}
|
|
1379
|
-
[data-v-
|
|
1582
|
+
[data-v-be2bef78] .cell-editing-input .n-input.n-input--focus {
|
|
1380
1583
|
border: none !important;
|
|
1381
1584
|
box-shadow: none !important;
|
|
1382
1585
|
}
|
|
1383
|
-
[data-v-
|
|
1586
|
+
[data-v-be2bef78] .cell-editing-input .n-input-number {
|
|
1384
1587
|
border: none !important;
|
|
1385
1588
|
box-shadow: none !important;
|
|
1386
1589
|
background: transparent !important;
|
|
1387
1590
|
}
|
|
1388
|
-
[data-v-
|
|
1591
|
+
[data-v-be2bef78] .cell-editing-input .n-select {
|
|
1389
1592
|
border: none !important;
|
|
1390
1593
|
box-shadow: none !important;
|
|
1391
1594
|
background: transparent !important;
|
|
1392
1595
|
}
|
|
1393
|
-
[data-v-
|
|
1596
|
+
[data-v-be2bef78] .cell-editing-input .n-select .n-base-selection {
|
|
1394
1597
|
border: none !important;
|
|
1395
1598
|
box-shadow: none !important;
|
|
1396
1599
|
background: transparent !important;
|
|
1397
1600
|
}
|
|
1398
1601
|
|
|
1399
1602
|
/* 编辑操作按钮容器 */
|
|
1400
|
-
.cell-editing-actions[data-v-
|
|
1603
|
+
.cell-editing-actions[data-v-be2bef78],[data-v-be2bef78] .cell-editing-actions {
|
|
1401
1604
|
display: flex !important;
|
|
1402
1605
|
flex-shrink: 0 !important;
|
|
1403
1606
|
align-items: center !important;
|
|
@@ -1410,7 +1613,7 @@ to {
|
|
|
1410
1613
|
}
|
|
1411
1614
|
|
|
1412
1615
|
/* 编辑操作按钮 */
|
|
1413
|
-
.cell-action-btn[data-v-
|
|
1616
|
+
.cell-action-btn[data-v-be2bef78],[data-v-be2bef78] .cell-action-btn {
|
|
1414
1617
|
display: flex !important;
|
|
1415
1618
|
align-items: center !important;
|
|
1416
1619
|
justify-content: center !important;
|
|
@@ -1423,34 +1626,34 @@ to {
|
|
|
1423
1626
|
background: transparent !important;
|
|
1424
1627
|
/* 保存按钮 */
|
|
1425
1628
|
}
|
|
1426
|
-
.cell-action-btn.cell-action-save[data-v-
|
|
1629
|
+
.cell-action-btn.cell-action-save[data-v-be2bef78],[data-v-be2bef78] .cell-action-btn.cell-action-save {
|
|
1427
1630
|
color: var(--n-color-success) !important;
|
|
1428
1631
|
}
|
|
1429
|
-
.cell-action-btn.cell-action-save[data-v-
|
|
1632
|
+
.cell-action-btn.cell-action-save[data-v-be2bef78]:hover,[data-v-be2bef78] .cell-action-btn.cell-action-save:hover {
|
|
1430
1633
|
background: var(--n-color-success-pressed) !important;
|
|
1431
1634
|
transform: scale(1.1) !important;
|
|
1432
1635
|
}
|
|
1433
|
-
.cell-action-btn[data-v-
|
|
1636
|
+
.cell-action-btn[data-v-be2bef78],[data-v-be2bef78] .cell-action-btn {
|
|
1434
1637
|
/* 取消按钮 */
|
|
1435
1638
|
}
|
|
1436
|
-
.cell-action-btn.cell-action-cancel[data-v-
|
|
1639
|
+
.cell-action-btn.cell-action-cancel[data-v-be2bef78],[data-v-be2bef78] .cell-action-btn.cell-action-cancel {
|
|
1437
1640
|
color: var(--n-color-error) !important;
|
|
1438
1641
|
}
|
|
1439
|
-
.cell-action-btn.cell-action-cancel[data-v-
|
|
1642
|
+
.cell-action-btn.cell-action-cancel[data-v-be2bef78]:hover,[data-v-be2bef78] .cell-action-btn.cell-action-cancel:hover {
|
|
1440
1643
|
background: var(--n-color-error-pressed) !important;
|
|
1441
1644
|
transform: scale(1.1) !important;
|
|
1442
1645
|
}
|
|
1443
|
-
.cell-action-btn[data-v-
|
|
1646
|
+
.cell-action-btn[data-v-be2bef78],[data-v-be2bef78] .cell-action-btn {
|
|
1444
1647
|
/* 图标尺寸 */
|
|
1445
1648
|
}
|
|
1446
|
-
.cell-action-btn svg[data-v-
|
|
1649
|
+
.cell-action-btn svg[data-v-be2bef78],[data-v-be2bef78] .cell-action-btn svg {
|
|
1447
1650
|
width: 11px !important;
|
|
1448
1651
|
height: 11px !important;
|
|
1449
1652
|
}
|
|
1450
1653
|
|
|
1451
1654
|
/* ================= 7. 操作按钮样式 ================= */
|
|
1452
1655
|
/* 通用按钮样式 */
|
|
1453
|
-
[data-v-
|
|
1656
|
+
[data-v-be2bef78] .n-button {
|
|
1454
1657
|
white-space: nowrap;
|
|
1455
1658
|
font-size: 12px !important;
|
|
1456
1659
|
flex-shrink: 0 !important;
|
|
@@ -1459,60 +1662,60 @@ to {
|
|
|
1459
1662
|
font-weight: 500;
|
|
1460
1663
|
/* 图标间距 */
|
|
1461
1664
|
}
|
|
1462
|
-
[data-v-
|
|
1665
|
+
[data-v-be2bef78] .n-button .n-icon {
|
|
1463
1666
|
margin-right: 4px !important;
|
|
1464
1667
|
}
|
|
1465
|
-
[data-v-
|
|
1668
|
+
[data-v-be2bef78] .n-button {
|
|
1466
1669
|
/* 小尺寸按钮优化 */
|
|
1467
1670
|
}
|
|
1468
|
-
[data-v-
|
|
1671
|
+
[data-v-be2bef78] .n-button.n-button--small-type {
|
|
1469
1672
|
padding: 4px 8px;
|
|
1470
1673
|
height: 28px;
|
|
1471
1674
|
line-height: 20px;
|
|
1472
1675
|
}
|
|
1473
|
-
[data-v-
|
|
1676
|
+
[data-v-be2bef78] .n-button {
|
|
1474
1677
|
/* 四元按钮样式 */
|
|
1475
1678
|
}
|
|
1476
|
-
[data-v-
|
|
1679
|
+
[data-v-be2bef78] .n-button.n-button--quaternary-type:hover {
|
|
1477
1680
|
transform: translateY(-1px);
|
|
1478
1681
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
|
1479
1682
|
}
|
|
1480
|
-
[data-v-
|
|
1683
|
+
[data-v-be2bef78] .n-button.n-button--quaternary-type:active {
|
|
1481
1684
|
transform: translateY(0);
|
|
1482
1685
|
}
|
|
1483
1686
|
|
|
1484
1687
|
/* ================= 8. 按钮组间距优化 ================= */
|
|
1485
1688
|
/* 操作按钮组 */
|
|
1486
|
-
[data-v-
|
|
1689
|
+
[data-v-be2bef78] .n-space.n-space--horizontal .n-space-item:not(:last-child) {
|
|
1487
1690
|
margin-right: 6px !important;
|
|
1488
1691
|
}
|
|
1489
1692
|
|
|
1490
1693
|
/* ================= 9. 模态框样式优化 ================= */
|
|
1491
1694
|
/* 编辑模态框 */
|
|
1492
|
-
[data-v-
|
|
1695
|
+
[data-v-be2bef78] .n-modal .n-card {
|
|
1493
1696
|
border-radius: 12px;
|
|
1494
1697
|
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
|
|
1495
1698
|
}
|
|
1496
|
-
[data-v-
|
|
1699
|
+
[data-v-be2bef78] .n-modal .n-card__header {
|
|
1497
1700
|
padding: 20px 24px 16px;
|
|
1498
1701
|
font-weight: 600;
|
|
1499
1702
|
font-size: 16px;
|
|
1500
1703
|
}
|
|
1501
|
-
[data-v-
|
|
1704
|
+
[data-v-be2bef78] .n-modal .n-card__content {
|
|
1502
1705
|
padding: 0 24px 16px;
|
|
1503
1706
|
}
|
|
1504
|
-
[data-v-
|
|
1707
|
+
[data-v-be2bef78] .n-modal .n-card__action {
|
|
1505
1708
|
padding: 16px 24px 20px;
|
|
1506
1709
|
border-top: 1px solid var(--n-divider-color);
|
|
1507
1710
|
}
|
|
1508
1711
|
|
|
1509
1712
|
/* ================= 10. 描述列表样式 ================= */
|
|
1510
1713
|
/* 详情模态框描述列表 */
|
|
1511
|
-
[data-v-
|
|
1714
|
+
[data-v-be2bef78] .n-descriptions .n-descriptions-item-label {
|
|
1512
1715
|
font-weight: 500;
|
|
1513
1716
|
color: var(--n-text-color-2);
|
|
1514
1717
|
}
|
|
1515
|
-
[data-v-
|
|
1718
|
+
[data-v-be2bef78] .n-descriptions .n-descriptions-item-content {
|
|
1516
1719
|
color: var(--n-text-color-1);
|
|
1517
1720
|
word-break: break-all;
|
|
1518
1721
|
}
|
|
@@ -1520,99 +1723,99 @@ to {
|
|
|
1520
1723
|
/* ================= 11. 响应式设计 ================= */
|
|
1521
1724
|
/* 移动端适配 */
|
|
1522
1725
|
@media (max-width: 768px) {
|
|
1523
|
-
.c-table-wrapper[data-v-
|
|
1726
|
+
.c-table-wrapper[data-v-be2bef78] {
|
|
1524
1727
|
overflow-x: auto;
|
|
1525
1728
|
}
|
|
1526
1729
|
/* 操作列在移动端的适配 */
|
|
1527
|
-
[data-v-
|
|
1730
|
+
[data-v-be2bef78] .n-data-table-th:last-child {
|
|
1528
1731
|
width: 160px !important;
|
|
1529
1732
|
min-width: 160px !important;
|
|
1530
1733
|
}
|
|
1531
1734
|
/* 按钮在移动端的优化 */
|
|
1532
|
-
[data-v-
|
|
1735
|
+
[data-v-be2bef78] .n-button {
|
|
1533
1736
|
font-size: 11px !important;
|
|
1534
1737
|
padding: 3px 6px;
|
|
1535
1738
|
}
|
|
1536
|
-
[data-v-
|
|
1739
|
+
[data-v-be2bef78] .n-button .n-icon {
|
|
1537
1740
|
margin-right: 2px !important;
|
|
1538
1741
|
}
|
|
1539
1742
|
/* 单元格编辑图标在移动端始终显示 */
|
|
1540
|
-
.cell-edit-icon[data-v-
|
|
1743
|
+
.cell-edit-icon[data-v-be2bef78] {
|
|
1541
1744
|
opacity: 0.6;
|
|
1542
1745
|
}
|
|
1543
1746
|
}
|
|
1544
1747
|
/* ================= 12. 主题适配 ================= */
|
|
1545
1748
|
/* 暗色主题适配 - 已通过 CSS 变量自动适配 */
|
|
1546
|
-
[data-theme=dark][data-v-
|
|
1749
|
+
[data-theme=dark][data-v-be2bef78] {
|
|
1547
1750
|
/* CSS 变量已自动适配,如有特殊需求可在此添加 */
|
|
1548
1751
|
}
|
|
1549
1752
|
|
|
1550
1753
|
/* ================= 13. 响应式优化 ================= */
|
|
1551
1754
|
/* 小屏幕下的单元格编辑优化 */
|
|
1552
1755
|
@media (max-width: 768px) {
|
|
1553
|
-
.cell-editing-container[data-v-
|
|
1756
|
+
.cell-editing-container[data-v-be2bef78],[data-v-be2bef78] .cell-editing-container {
|
|
1554
1757
|
gap: 6px !important;
|
|
1555
1758
|
}
|
|
1556
|
-
.cell-editing-actions[data-v-
|
|
1759
|
+
.cell-editing-actions[data-v-be2bef78],[data-v-be2bef78] .cell-editing-actions {
|
|
1557
1760
|
gap: 3px !important;
|
|
1558
1761
|
padding: 2px !important;
|
|
1559
1762
|
}
|
|
1560
|
-
.cell-action-btn[data-v-
|
|
1763
|
+
.cell-action-btn[data-v-be2bef78],[data-v-be2bef78] .cell-action-btn {
|
|
1561
1764
|
width: 18px !important;
|
|
1562
1765
|
height: 18px !important;
|
|
1563
1766
|
}
|
|
1564
|
-
.cell-action-btn svg[data-v-
|
|
1767
|
+
.cell-action-btn svg[data-v-be2bef78],[data-v-be2bef78] .cell-action-btn svg {
|
|
1565
1768
|
width: 10px !important;
|
|
1566
1769
|
height: 10px !important;
|
|
1567
1770
|
}
|
|
1568
1771
|
/* 移动端编辑图标 */
|
|
1569
|
-
.cell-edit-icon[data-v-
|
|
1772
|
+
.cell-edit-icon[data-v-be2bef78] {
|
|
1570
1773
|
opacity: 0.6 !important;
|
|
1571
1774
|
}
|
|
1572
|
-
.cell-value[data-v-
|
|
1775
|
+
.cell-value[data-v-be2bef78] {
|
|
1573
1776
|
margin-right: 12px !important;
|
|
1574
1777
|
}
|
|
1575
1778
|
}
|
|
1576
1779
|
/* ================= 14. 性能优化 ================= */
|
|
1577
1780
|
/* 使用 GPU 加速的动画 */
|
|
1578
|
-
.cell-edit-icon[data-v-
|
|
1579
|
-
.cell-action-btn[data-v-
|
|
1781
|
+
.cell-edit-icon[data-v-be2bef78],
|
|
1782
|
+
.cell-action-btn[data-v-be2bef78] {
|
|
1580
1783
|
will-change: transform;
|
|
1581
1784
|
backface-visibility: hidden;
|
|
1582
1785
|
}
|
|
1583
|
-
[data-v-
|
|
1786
|
+
[data-v-be2bef78] .n-button {
|
|
1584
1787
|
will-change: transform;
|
|
1585
1788
|
backface-visibility: hidden;
|
|
1586
1789
|
}
|
|
1587
1790
|
|
|
1588
1791
|
/* ================= 15. 可访问性优化 ================= */
|
|
1589
1792
|
/* 聚焦状态 */
|
|
1590
|
-
.cell-edit-wrapper[data-v-
|
|
1591
|
-
.cell-editing-container[data-v-
|
|
1793
|
+
.cell-edit-wrapper[data-v-be2bef78]:focus-within,
|
|
1794
|
+
.cell-editing-container[data-v-be2bef78]:focus-within {
|
|
1592
1795
|
outline: 2px solid var(--n-primary-color);
|
|
1593
1796
|
outline-offset: 2px;
|
|
1594
1797
|
}
|
|
1595
1798
|
|
|
1596
1799
|
/* 高对比度模式支持 */
|
|
1597
1800
|
@media (prefers-contrast: high) {
|
|
1598
|
-
.cell-edit-icon[data-v-
|
|
1801
|
+
.cell-edit-icon[data-v-be2bef78] {
|
|
1599
1802
|
opacity: 0.8;
|
|
1600
1803
|
}
|
|
1601
|
-
.cell-editing-actions[data-v-
|
|
1804
|
+
.cell-editing-actions[data-v-be2bef78] {
|
|
1602
1805
|
border-width: 2px;
|
|
1603
1806
|
}
|
|
1604
1807
|
}
|
|
1605
1808
|
/* ================= 11. 行拖拽排序 ================= */
|
|
1606
|
-
.row-drag-ghost[data-v-
|
|
1809
|
+
.row-drag-ghost[data-v-be2bef78] {
|
|
1607
1810
|
opacity: 0.4;
|
|
1608
1811
|
background: var(--c-table-drag-ghost-bg) !important;
|
|
1609
1812
|
}
|
|
1610
|
-
.row-drag-chosen[data-v-
|
|
1813
|
+
.row-drag-chosen[data-v-be2bef78] {
|
|
1611
1814
|
background: var(--n-color-hover, #f5f5f5) !important;
|
|
1612
1815
|
}
|
|
1613
1816
|
|
|
1614
1817
|
/* ================= 12. 批量操作栏 ================= */
|
|
1615
|
-
.batch-actions-bar[data-v-
|
|
1818
|
+
.batch-actions-bar[data-v-be2bef78] {
|
|
1616
1819
|
display: flex;
|
|
1617
1820
|
align-items: center;
|
|
1618
1821
|
justify-content: space-between;
|
|
@@ -1622,26 +1825,56 @@ to {
|
|
|
1622
1825
|
border-radius: 6px;
|
|
1623
1826
|
border: 1px solid var(--n-primary-color-suppl, #70b3ff);
|
|
1624
1827
|
}
|
|
1625
|
-
.batch-actions-bar .batch-info[data-v-
|
|
1828
|
+
.batch-actions-bar .batch-info[data-v-be2bef78] {
|
|
1626
1829
|
font-size: 13px;
|
|
1627
1830
|
color: var(--n-text-color-2);
|
|
1628
1831
|
font-weight: 500;
|
|
1629
1832
|
}
|
|
1630
1833
|
|
|
1631
1834
|
/* ================= 13. 错误状态 ================= */
|
|
1632
|
-
.table-error-state[data-v-
|
|
1835
|
+
.table-error-state[data-v-be2bef78] {
|
|
1633
1836
|
padding: 48px 24px;
|
|
1634
1837
|
text-align: center;
|
|
1635
1838
|
}
|
|
1636
|
-
.table-error-state .error-content[data-v-
|
|
1839
|
+
.table-error-state .error-content[data-v-be2bef78] {
|
|
1637
1840
|
display: flex;
|
|
1638
1841
|
flex-direction: column;
|
|
1639
1842
|
align-items: center;
|
|
1640
1843
|
gap: 12px;
|
|
1641
1844
|
color: var(--n-text-color-3, #999);
|
|
1642
1845
|
}
|
|
1643
|
-
.table-error-state .error-message[data-v-
|
|
1846
|
+
.table-error-state .error-message[data-v-be2bef78] {
|
|
1644
1847
|
font-size: 14px;
|
|
1645
1848
|
margin: 0;
|
|
1646
1849
|
color: var(--n-text-color-2, #666);
|
|
1647
1850
|
}
|
|
1851
|
+
/* unplugin-vue-components disabled */
|
|
1852
|
+
/* layer: default */
|
|
1853
|
+
.visible[data-v-be2bef78]{visibility:visible;}
|
|
1854
|
+
.fixed[data-v-be2bef78]{position:fixed;}
|
|
1855
|
+
.grid[data-v-be2bef78]{display:grid;}
|
|
1856
|
+
.mb-2[data-v-be2bef78]{margin-bottom:0.5rem;}
|
|
1857
|
+
.mb-4[data-v-be2bef78]{margin-bottom:1rem;}
|
|
1858
|
+
.ml-2[data-v-be2bef78]{margin-left:0.5rem;}
|
|
1859
|
+
.w60\%[data-v-be2bef78]{width:60%;}
|
|
1860
|
+
.flex[data-v-be2bef78]{display:flex;}
|
|
1861
|
+
.table[data-v-be2bef78]{display:table;}
|
|
1862
|
+
.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));}
|
|
1863
|
+
.cursor-pointer[data-v-be2bef78]{cursor:pointer;}
|
|
1864
|
+
.items-center[data-v-be2bef78]{align-items:center;}
|
|
1865
|
+
.justify-end[data-v-be2bef78]{justify-content:flex-end;}
|
|
1866
|
+
.justify-center[data-v-be2bef78]{justify-content:center;}
|
|
1867
|
+
.rd[data-v-be2bef78]{border-radius:0.25rem;}
|
|
1868
|
+
.bg-gray-50[data-v-be2bef78]{--un-bg-opacity:1;background-color:rgb(249 250 251 / var(--un-bg-opacity));}
|
|
1869
|
+
.p-4[data-v-be2bef78]{padding:1rem;}
|
|
1870
|
+
.px[data-v-be2bef78]{padding-left:1rem;padding-right:1rem;}
|
|
1871
|
+
.py-8[data-v-be2bef78]{padding-top:2rem;padding-bottom:2rem;}
|
|
1872
|
+
.text-center[data-v-be2bef78]{text-align:center;}
|
|
1873
|
+
.text-sm[data-v-be2bef78]{font-size:0.875rem;line-height:1.25rem;}
|
|
1874
|
+
.text-gray-400[data-v-be2bef78]{--un-text-opacity:1;color:rgb(156 163 175 / var(--un-text-opacity));}
|
|
1875
|
+
.text-gray-500[data-v-be2bef78]{--un-text-opacity:1;color:rgb(107 114 128 / var(--un-text-opacity));}
|
|
1876
|
+
.text-gray-600[data-v-be2bef78]{--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity));}
|
|
1877
|
+
.accent-blue-500[data-v-be2bef78]{--un-accent-opacity:1;accent-color:rgb(59 130 246 / var(--un-accent-opacity));}
|
|
1878
|
+
.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);}
|
|
1879
|
+
.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);}
|
|
1880
|
+
|