@robot-admin/naive-ui-components 0.13.1 → 0.13.5
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 +26 -0
- package/README.md +4 -0
- package/README_EN.md +4 -0
- 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_Login.css +162 -137
- 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_Markdown2.cjs +1 -1
- package/dist/C_Markdown2.js +1 -1
- package/dist/C_Menu.css +7 -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_OrgChart2.cjs +1 -1
- package/dist/C_OrgChart2.js +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_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_Steps2.cjs +1 -1
- package/dist/C_Steps2.js +1 -1
- package/dist/C_Table.base.css +465 -352
- package/dist/C_Table.css +488 -367
- package/dist/C_TagsView.css +93 -55
- package/dist/C_TagsView2.cjs +1 -1
- package/dist/C_TagsView2.js +1 -1
- package/dist/C_Theme.css +24 -17
- package/dist/C_Timeline.css +47 -36
- package/dist/C_Transfer.css +86 -67
- 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_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/constants.d.cts +4 -4
- package/dist/constants.d.ts +4 -4
- package/dist/constants2.d.cts +3 -3
- package/dist/constants2.d.ts +3 -3
- package/dist/constants3.d.cts +2 -2
- package/dist/constants3.d.ts +2 -2
- package/dist/constants4.d.cts +5 -5
- package/dist/constants4.d.ts +5 -5
- package/dist/constants5.d.cts +4 -4
- package/dist/constants5.d.ts +4 -4
- package/dist/data.d.cts +9 -9
- package/dist/data.d.ts +9 -9
- package/dist/data2.cjs +1 -1
- package/dist/data2.js +1 -1
- package/dist/index.vue.d.cts +3 -3
- package/dist/index.vue.d.ts +3 -3
- package/dist/index10.vue.d.cts +3 -3
- package/dist/index10.vue.d.ts +3 -3
- package/dist/index11.vue.d.cts +3 -3
- package/dist/index11.vue.d.ts +1 -1
- package/dist/index12.vue.d.cts +1 -1
- package/dist/index12.vue.d.ts +2 -2
- package/dist/index13.vue.d.cts +2 -2
- package/dist/index13.vue.d.ts +2 -2
- package/dist/index14.vue.d.cts +2 -2
- package/dist/index14.vue.d.ts +14 -12
- package/dist/index15.vue.d.cts +14 -12
- package/dist/index15.vue.d.ts +2 -2
- package/dist/index16.vue.d.cts +2 -2
- package/dist/index16.vue.d.ts +11 -2
- package/dist/index17.vue.d.cts +11 -2
- package/dist/index17.vue.d.ts +5 -5
- package/dist/index18.vue.d.cts +5 -5
- package/dist/index2.vue.d.cts +1 -1
- package/dist/index2.vue.d.ts +1 -1
- package/dist/index20.vue.d.cts +1 -1
- package/dist/index20.vue.d.ts +1 -1
- package/dist/index21.vue.d.cts +2 -2
- package/dist/index21.vue.d.ts +2 -2
- package/dist/index24.vue.d.cts +4 -4
- package/dist/index24.vue.d.ts +4 -4
- package/dist/index26.vue.d.cts +1 -1
- package/dist/index26.vue.d.ts +1 -1
- package/dist/index27.vue.d.cts +3 -3
- package/dist/index27.vue.d.ts +3 -3
- package/dist/index3.vue.d.cts +4 -4
- package/dist/index3.vue.d.ts +4 -4
- package/dist/index5.vue.d.ts +2 -2
- package/dist/index6.vue.d.cts +2 -2
- package/dist/index6.vue.d.ts +2 -2
- package/dist/index7.vue.d.cts +2 -2
- 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 +3 -3
- package/dist/mapUtils.d.cts +4 -4
- package/dist/mapUtils.d.ts +4 -4
- package/dist/presets.d.cts +1 -1
- package/dist/presets.d.ts +1 -1
- package/dist/style.css +3083 -1982
- package/dist/useCollapsePanel.d.cts +7 -7
- package/dist/useCollapsePanel.d.ts +7 -7
- package/dist/useCropperCore.d.cts +10 -10
- package/dist/useCropperCore.d.ts +10 -10
- package/dist/useDraggableLayout.d.cts +5 -5
- package/dist/useDraggableLayout.d.ts +5 -5
- 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 +4 -4
- package/dist/useQRCode.d.ts +4 -4
- package/dist/useSearchState.d.cts +27 -27
- package/dist/useSearchState.d.ts +27 -27
- package/dist/useSignatureHistory.d.cts +3 -3
- package/dist/useSignatureHistory.d.ts +3 -3
- package/dist/useSplitResize.d.cts +6 -6
- package/dist/useSplitResize.d.ts +6 -6
- package/dist/useTableQuery.cjs +1 -1
- package/dist/useTableQuery.js +1 -1
- package/dist/useTimeSelection.d.cts +4 -4
- package/dist/useTimeSelection.d.ts +4 -4
- package/dist/useTreeOperations.d.cts +5 -5
- package/dist/useTreeOperations.d.ts +5 -5
- package/dist/useWorkflowValidation.d.cts +2 -2
- package/dist/useWorkflowValidation.d.ts +2 -2
- package/package.json +8 -1
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
|
-
|
|
30
|
+
.c-icon__loading[data-v-075758a0] {
|
|
31
|
+
position: absolute;
|
|
32
|
+
inset: 0;
|
|
29
33
|
}
|
|
30
|
-
.c-
|
|
31
|
-
position: relative;
|
|
32
|
-
}
|
|
33
|
-
.c-icon__spinner[data-v-711aedcd] {
|
|
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,57 @@ 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;}
|
|
1040
1097
|
|
|
1041
|
-
/* unplugin-vue-components disabled
|
|
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 */.column-management-tab .search-row[data-v-6ff103ee] {
|
|
1042
1109
|
display: flex;
|
|
1043
1110
|
align-items: center;
|
|
1044
1111
|
gap: 12px;
|
|
1045
1112
|
margin-bottom: 12px;
|
|
1046
1113
|
}
|
|
1047
|
-
.column-management-tab .search-row .search-input[data-v-
|
|
1114
|
+
.column-management-tab .search-row .search-input[data-v-6ff103ee] {
|
|
1048
1115
|
flex: 1;
|
|
1049
1116
|
min-width: 0;
|
|
1050
1117
|
}
|
|
1051
|
-
.column-management-tab .search-row .resizable-control[data-v-
|
|
1118
|
+
.column-management-tab .search-row .resizable-control[data-v-6ff103ee] {
|
|
1052
1119
|
display: flex;
|
|
1053
1120
|
align-items: center;
|
|
1054
1121
|
flex-shrink: 0;
|
|
@@ -1058,7 +1125,7 @@ to {
|
|
|
1058
1125
|
border-radius: 6px;
|
|
1059
1126
|
white-space: nowrap;
|
|
1060
1127
|
}
|
|
1061
|
-
.column-management-tab .top-actions-bar[data-v-
|
|
1128
|
+
.column-management-tab .top-actions-bar[data-v-6ff103ee] {
|
|
1062
1129
|
display: flex;
|
|
1063
1130
|
justify-content: space-between;
|
|
1064
1131
|
align-items: center;
|
|
@@ -1067,13 +1134,13 @@ to {
|
|
|
1067
1134
|
background: var(--n-color-target);
|
|
1068
1135
|
border-radius: 6px;
|
|
1069
1136
|
}
|
|
1070
|
-
.column-management-tab .top-actions-bar .stats-info[data-v-
|
|
1137
|
+
.column-management-tab .top-actions-bar .stats-info[data-v-6ff103ee] {
|
|
1071
1138
|
flex: 1;
|
|
1072
1139
|
}
|
|
1073
|
-
.column-management-tab .top-actions-bar .quick-actions[data-v-
|
|
1140
|
+
.column-management-tab .top-actions-bar .quick-actions[data-v-6ff103ee] {
|
|
1074
1141
|
flex-shrink: 0;
|
|
1075
1142
|
}
|
|
1076
|
-
.column-management-tab .column-list .column-item[data-v-
|
|
1143
|
+
.column-management-tab .column-list .column-item[data-v-6ff103ee] {
|
|
1077
1144
|
display: flex;
|
|
1078
1145
|
align-items: center;
|
|
1079
1146
|
justify-content: space-between;
|
|
@@ -1084,44 +1151,44 @@ to {
|
|
|
1084
1151
|
cursor: move;
|
|
1085
1152
|
transition: all 0.2s ease;
|
|
1086
1153
|
}
|
|
1087
|
-
.column-management-tab .column-list .column-item[data-v-
|
|
1154
|
+
.column-management-tab .column-list .column-item[data-v-6ff103ee]:hover {
|
|
1088
1155
|
background: var(--n-color-target);
|
|
1089
1156
|
}
|
|
1090
|
-
.column-management-tab .column-list .column-item.disabled[data-v-
|
|
1157
|
+
.column-management-tab .column-list .column-item.disabled[data-v-6ff103ee] {
|
|
1091
1158
|
opacity: 0.6;
|
|
1092
1159
|
cursor: not-allowed;
|
|
1093
1160
|
}
|
|
1094
|
-
.column-management-tab .column-list .column-item.fixed-left[data-v-
|
|
1161
|
+
.column-management-tab .column-list .column-item.fixed-left[data-v-6ff103ee] {
|
|
1095
1162
|
background: rgba(24, 160, 88, 0.08);
|
|
1096
1163
|
}
|
|
1097
|
-
.column-management-tab .column-list .column-item.fixed-right[data-v-
|
|
1164
|
+
.column-management-tab .column-list .column-item.fixed-right[data-v-6ff103ee] {
|
|
1098
1165
|
background: rgba(240, 138, 0, 0.08);
|
|
1099
1166
|
}
|
|
1100
|
-
.column-management-tab .column-list .column-item .column-info[data-v-
|
|
1167
|
+
.column-management-tab .column-list .column-item .column-info[data-v-6ff103ee] {
|
|
1101
1168
|
display: flex;
|
|
1102
1169
|
align-items: center;
|
|
1103
1170
|
flex: 1;
|
|
1104
1171
|
gap: 10px;
|
|
1105
1172
|
min-width: 0;
|
|
1106
1173
|
}
|
|
1107
|
-
.column-management-tab .column-list .column-item .column-info .column-controls[data-v-
|
|
1174
|
+
.column-management-tab .column-list .column-item .column-info .column-controls[data-v-6ff103ee] {
|
|
1108
1175
|
display: flex;
|
|
1109
1176
|
align-items: center;
|
|
1110
1177
|
gap: 8px;
|
|
1111
1178
|
flex-shrink: 0;
|
|
1112
1179
|
}
|
|
1113
|
-
.column-management-tab .column-list .column-item .column-info .column-controls .drag-handle[data-v-
|
|
1180
|
+
.column-management-tab .column-list .column-item .column-info .column-controls .drag-handle[data-v-6ff103ee] {
|
|
1114
1181
|
color: var(--n-text-color-3);
|
|
1115
1182
|
cursor: grab;
|
|
1116
1183
|
}
|
|
1117
|
-
.column-management-tab .column-list .column-item .column-info .column-controls .drag-handle[data-v-
|
|
1184
|
+
.column-management-tab .column-list .column-item .column-info .column-controls .drag-handle[data-v-6ff103ee]:active {
|
|
1118
1185
|
cursor: grabbing;
|
|
1119
1186
|
}
|
|
1120
|
-
.column-management-tab .column-list .column-item .column-info .column-controls .drag-handle.disabled[data-v-
|
|
1187
|
+
.column-management-tab .column-list .column-item .column-info .column-controls .drag-handle.disabled[data-v-6ff103ee] {
|
|
1121
1188
|
cursor: not-allowed;
|
|
1122
1189
|
opacity: 0.3;
|
|
1123
1190
|
}
|
|
1124
|
-
.column-management-tab .column-list .column-item .column-info .column-details[data-v-
|
|
1191
|
+
.column-management-tab .column-list .column-item .column-info .column-details[data-v-6ff103ee] {
|
|
1125
1192
|
display: flex;
|
|
1126
1193
|
flex-direction: column;
|
|
1127
1194
|
gap: 4px;
|
|
@@ -1129,37 +1196,53 @@ to {
|
|
|
1129
1196
|
min-width: 0;
|
|
1130
1197
|
overflow: hidden;
|
|
1131
1198
|
}
|
|
1132
|
-
.column-management-tab .column-list .column-item .column-actions[data-v-
|
|
1199
|
+
.column-management-tab .column-list .column-item .column-actions[data-v-6ff103ee] {
|
|
1133
1200
|
display: flex;
|
|
1134
1201
|
align-items: center;
|
|
1135
1202
|
gap: 6px;
|
|
1136
1203
|
flex-shrink: 0;
|
|
1137
1204
|
}
|
|
1138
|
-
.column-management-tab .column-list .column-item .column-actions .drag-controls[data-v-
|
|
1205
|
+
.column-management-tab .column-list .column-item .column-actions .drag-controls[data-v-6ff103ee] {
|
|
1139
1206
|
display: flex;
|
|
1140
1207
|
flex-direction: column;
|
|
1141
1208
|
gap: 2px;
|
|
1142
1209
|
}
|
|
1143
|
-
.column-management-tab .column-list .column-item .column-actions .drag-controls .c-icon[data-v-
|
|
1210
|
+
.column-management-tab .column-list .column-item .column-actions .drag-controls .c-icon[data-v-6ff103ee] {
|
|
1144
1211
|
opacity: 0.6;
|
|
1145
1212
|
transition: all 0.2s ease;
|
|
1146
1213
|
}
|
|
1147
|
-
.column-management-tab .column-list .column-item .column-actions .drag-controls .c-icon[data-v-
|
|
1214
|
+
.column-management-tab .column-list .column-item .column-actions .drag-controls .c-icon[data-v-6ff103ee]:not(.disabled):hover {
|
|
1148
1215
|
opacity: 1;
|
|
1149
1216
|
transform: scale(1.15);
|
|
1150
1217
|
}
|
|
1151
|
-
.column-management-tab .column-list .column-item .column-actions .drag-controls .c-icon.disabled[data-v-
|
|
1218
|
+
.column-management-tab .column-list .column-item .column-actions .drag-controls .c-icon.disabled[data-v-6ff103ee] {
|
|
1152
1219
|
opacity: 0.3;
|
|
1153
1220
|
cursor: not-allowed;
|
|
1154
1221
|
}
|
|
1155
|
-
.column-management-tab .column-list .column-item .column-actions .c-icon[data-v-
|
|
1222
|
+
.column-management-tab .column-list .column-item .column-actions .c-icon[data-v-6ff103ee] {
|
|
1156
1223
|
transition: all 0.2s ease;
|
|
1157
1224
|
}
|
|
1158
|
-
.column-management-tab .column-list .column-item .column-actions .c-icon[data-v-
|
|
1225
|
+
.column-management-tab .column-list .column-item .column-actions .c-icon[data-v-6ff103ee]:hover {
|
|
1159
1226
|
transform: scale(1.15);
|
|
1160
1227
|
}
|
|
1228
|
+
/* unplugin-vue-components disabled */
|
|
1229
|
+
/* layer: default */
|
|
1230
|
+
.visible[data-v-6ff103ee]{visibility:visible;}
|
|
1231
|
+
.fixed[data-v-6ff103ee]{position:fixed;}
|
|
1232
|
+
.mb-4[data-v-6ff103ee]{margin-bottom:1rem;}
|
|
1233
|
+
.flex[data-v-6ff103ee]{display:flex;}
|
|
1234
|
+
.table[data-v-6ff103ee]{display:table;}
|
|
1235
|
+
.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));}
|
|
1236
|
+
.cursor-pointer[data-v-6ff103ee]{cursor:pointer;}
|
|
1237
|
+
.justify-end[data-v-6ff103ee]{justify-content:flex-end;}
|
|
1238
|
+
.justify-center[data-v-6ff103ee]{justify-content:center;}
|
|
1239
|
+
.rd[data-v-6ff103ee]{border-radius:0.25rem;}
|
|
1240
|
+
.px[data-v-6ff103ee]{padding-left:1rem;padding-right:1rem;}
|
|
1241
|
+
.accent-blue-500[data-v-6ff103ee]{--un-accent-opacity:1;accent-color:rgb(59 130 246 / var(--un-accent-opacity));}
|
|
1242
|
+
.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);}
|
|
1243
|
+
|
|
1161
1244
|
/* unplugin-vue-components disabled *//* ================= 1. 组件根容器 ================= */
|
|
1162
|
-
.c-table-wrapper[data-v-
|
|
1245
|
+
.c-table-wrapper[data-v-4f0daefd] {
|
|
1163
1246
|
--c-table-border-color: var(--border-color, #e5e7eb);
|
|
1164
1247
|
--c-table-bg: var(--body-color, #fff);
|
|
1165
1248
|
--c-table-header-bg: var(--card-color, #fafafc);
|
|
@@ -1172,52 +1255,52 @@ to {
|
|
|
1172
1255
|
}
|
|
1173
1256
|
|
|
1174
1257
|
/* ================= 列拖拽排序 ================= */
|
|
1175
|
-
.column-drag-ghost[data-v-
|
|
1258
|
+
.column-drag-ghost[data-v-4f0daefd] {
|
|
1176
1259
|
opacity: var(--c-table-drag-ghost-opacity);
|
|
1177
1260
|
background: var(--c-table-drag-ghost-bg) !important;
|
|
1178
1261
|
}
|
|
1179
|
-
.drag-handle[data-v-
|
|
1262
|
+
.drag-handle[data-v-4f0daefd] {
|
|
1180
1263
|
cursor: grab;
|
|
1181
1264
|
}
|
|
1182
|
-
.drag-handle[data-v-
|
|
1265
|
+
.drag-handle[data-v-4f0daefd]:active {
|
|
1183
1266
|
cursor: grabbing;
|
|
1184
1267
|
}
|
|
1185
1268
|
|
|
1186
1269
|
/* ================= 合计行强调 ================= */
|
|
1187
|
-
.c-table-wrapper[data-v-
|
|
1270
|
+
.c-table-wrapper[data-v-4f0daefd] .n-data-table-tfoot {
|
|
1188
1271
|
background: var(--c-table-summary-bg);
|
|
1189
1272
|
font-weight: var(--c-table-summary-font-weight);
|
|
1190
1273
|
}
|
|
1191
1274
|
|
|
1192
1275
|
/* ================= 2. 表格工具栏 ================= */
|
|
1193
|
-
.table-toolbar[data-v-
|
|
1276
|
+
.table-toolbar[data-v-4f0daefd] {
|
|
1194
1277
|
display: flex;
|
|
1195
1278
|
justify-content: space-between;
|
|
1196
1279
|
align-items: center;
|
|
1197
1280
|
margin-bottom: 16px;
|
|
1198
1281
|
}
|
|
1199
|
-
.table-toolbar .toolbar-left[data-v-
|
|
1282
|
+
.table-toolbar .toolbar-left[data-v-4f0daefd] {
|
|
1200
1283
|
display: flex;
|
|
1201
1284
|
align-items: center;
|
|
1202
1285
|
gap: 12px;
|
|
1203
1286
|
}
|
|
1204
|
-
.table-toolbar .toolbar-right[data-v-
|
|
1287
|
+
.table-toolbar .toolbar-right[data-v-4f0daefd] {
|
|
1205
1288
|
display: flex;
|
|
1206
1289
|
align-items: center;
|
|
1207
1290
|
gap: 8px;
|
|
1208
1291
|
}
|
|
1209
|
-
.table-toolbar .toolbar-right .column-settings-btn[data-v-
|
|
1292
|
+
.table-toolbar .toolbar-right .column-settings-btn[data-v-4f0daefd] {
|
|
1210
1293
|
opacity: 0.6;
|
|
1211
1294
|
transition: opacity 0.2s ease, transform 0.2s ease;
|
|
1212
1295
|
cursor: pointer;
|
|
1213
1296
|
}
|
|
1214
|
-
.table-toolbar .toolbar-right .column-settings-btn[data-v-
|
|
1297
|
+
.table-toolbar .toolbar-right .column-settings-btn[data-v-4f0daefd]:hover {
|
|
1215
1298
|
opacity: 1;
|
|
1216
1299
|
transform: scale(1.1);
|
|
1217
1300
|
}
|
|
1218
1301
|
|
|
1219
1302
|
/* ================= 3. 动态行工具栏 ================= */
|
|
1220
|
-
.dynamic-rows-toolbar[data-v-
|
|
1303
|
+
.dynamic-rows-toolbar[data-v-4f0daefd] {
|
|
1221
1304
|
margin-bottom: 16px;
|
|
1222
1305
|
padding: 16px;
|
|
1223
1306
|
border-radius: 8px;
|
|
@@ -1226,12 +1309,12 @@ to {
|
|
|
1226
1309
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
|
|
1227
1310
|
transition: all 0.2s ease;
|
|
1228
1311
|
}
|
|
1229
|
-
.dynamic-rows-toolbar[data-v-
|
|
1312
|
+
.dynamic-rows-toolbar[data-v-4f0daefd]:hover {
|
|
1230
1313
|
border-color: var(--n-primary-color-suppl);
|
|
1231
1314
|
}
|
|
1232
1315
|
|
|
1233
1316
|
/* ================= 4. 表格布局基础 ================= */
|
|
1234
|
-
[data-v-
|
|
1317
|
+
[data-v-4f0daefd] .n-data-table {
|
|
1235
1318
|
table-layout: auto !important;
|
|
1236
1319
|
width: 100% !important;
|
|
1237
1320
|
border-radius: 8px;
|
|
@@ -1239,12 +1322,12 @@ to {
|
|
|
1239
1322
|
}
|
|
1240
1323
|
|
|
1241
1324
|
/* 确保表格容器允许横向滚动(固定列必需) */
|
|
1242
|
-
[data-v-
|
|
1325
|
+
[data-v-4f0daefd] .n-data-table-wrapper {
|
|
1243
1326
|
overflow-x: auto !important;
|
|
1244
1327
|
}
|
|
1245
1328
|
|
|
1246
1329
|
/* 分页组件样式 */
|
|
1247
|
-
.pagination-wrapper[data-v-
|
|
1330
|
+
.pagination-wrapper[data-v-4f0daefd] {
|
|
1248
1331
|
margin-top: 16px;
|
|
1249
1332
|
display: flex;
|
|
1250
1333
|
justify-content: flex-end;
|
|
@@ -1252,12 +1335,12 @@ to {
|
|
|
1252
1335
|
|
|
1253
1336
|
/* ================= 5. 表格列宽度管理 ================= */
|
|
1254
1337
|
/* 普通列的最小宽度保护 */
|
|
1255
|
-
[data-v-
|
|
1338
|
+
[data-v-4f0daefd] .n-data-table-th:not(:last-child) {
|
|
1256
1339
|
min-width: 80px !important;
|
|
1257
1340
|
}
|
|
1258
1341
|
|
|
1259
1342
|
/* 操作列固定宽度(适应4个按钮的布局) */
|
|
1260
|
-
[data-v-
|
|
1343
|
+
[data-v-4f0daefd] .c-table-actions-column {
|
|
1261
1344
|
width: 180px !important;
|
|
1262
1345
|
min-width: 160px !important;
|
|
1263
1346
|
max-width: 200px !important;
|
|
@@ -1266,14 +1349,14 @@ to {
|
|
|
1266
1349
|
}
|
|
1267
1350
|
|
|
1268
1351
|
/* 操作按钮容器居中 */
|
|
1269
|
-
[data-v-
|
|
1352
|
+
[data-v-4f0daefd] .c-table-actions-column .n-space {
|
|
1270
1353
|
justify-content: center !important;
|
|
1271
1354
|
align-items: center !important;
|
|
1272
1355
|
}
|
|
1273
1356
|
|
|
1274
1357
|
/* ================= 6. 可编辑单元格样式 ================= */
|
|
1275
1358
|
/* 单元格编辑容器 - 精致化设计 */
|
|
1276
|
-
.cell-edit-wrapper[data-v-
|
|
1359
|
+
.cell-edit-wrapper[data-v-4f0daefd] {
|
|
1277
1360
|
display: flex;
|
|
1278
1361
|
align-items: center;
|
|
1279
1362
|
justify-content: space-between;
|
|
@@ -1286,23 +1369,23 @@ to {
|
|
|
1286
1369
|
position: relative;
|
|
1287
1370
|
/* 悬停效果 */
|
|
1288
1371
|
}
|
|
1289
|
-
.cell-edit-wrapper[data-v-
|
|
1372
|
+
.cell-edit-wrapper[data-v-4f0daefd]:hover {
|
|
1290
1373
|
background-color: var(--n-color-target);
|
|
1291
1374
|
}
|
|
1292
|
-
.cell-edit-wrapper:hover .cell-edit-icon[data-v-
|
|
1375
|
+
.cell-edit-wrapper:hover .cell-edit-icon[data-v-4f0daefd] {
|
|
1293
1376
|
opacity: 1;
|
|
1294
1377
|
color: var(--n-color-success);
|
|
1295
1378
|
transform: scale(1.05);
|
|
1296
1379
|
}
|
|
1297
|
-
.cell-edit-wrapper[data-v-
|
|
1380
|
+
.cell-edit-wrapper[data-v-4f0daefd] {
|
|
1298
1381
|
/* 激活状态 */
|
|
1299
1382
|
}
|
|
1300
|
-
.cell-edit-wrapper[data-v-
|
|
1383
|
+
.cell-edit-wrapper[data-v-4f0daefd]:active {
|
|
1301
1384
|
transform: translateY(1px);
|
|
1302
1385
|
}
|
|
1303
1386
|
|
|
1304
1387
|
/* 单元格内容 */
|
|
1305
|
-
.cell-value[data-v-
|
|
1388
|
+
.cell-value[data-v-4f0daefd] {
|
|
1306
1389
|
flex: 1;
|
|
1307
1390
|
overflow: hidden;
|
|
1308
1391
|
text-overflow: ellipsis;
|
|
@@ -1312,8 +1395,8 @@ to {
|
|
|
1312
1395
|
font-size: 13px;
|
|
1313
1396
|
}
|
|
1314
1397
|
|
|
1315
|
-
/*
|
|
1316
|
-
.
|
|
1398
|
+
/* 动态渲染单元格也只在当前表格边界内匹配。 */
|
|
1399
|
+
.c-table-wrapper[data-v-4f0daefd] .cell-edit-icon {
|
|
1317
1400
|
flex-shrink: 0;
|
|
1318
1401
|
width: 24px;
|
|
1319
1402
|
height: 24px;
|
|
@@ -1329,29 +1412,29 @@ to {
|
|
|
1329
1412
|
position: relative;
|
|
1330
1413
|
/* 悬停效果 */
|
|
1331
1414
|
}
|
|
1332
|
-
.
|
|
1415
|
+
.c-table-wrapper[data-v-4f0daefd] .cell-edit-icon:hover {
|
|
1333
1416
|
opacity: 1 !important;
|
|
1334
1417
|
color: var(--n-color-success-hover) !important;
|
|
1335
1418
|
background-color: var(--n-color-success-pressed);
|
|
1336
1419
|
transform: scale(1.1);
|
|
1337
1420
|
}
|
|
1338
|
-
.
|
|
1421
|
+
.c-table-wrapper[data-v-4f0daefd] .cell-edit-icon {
|
|
1339
1422
|
/* 激活效果 */
|
|
1340
1423
|
}
|
|
1341
|
-
.
|
|
1424
|
+
.c-table-wrapper[data-v-4f0daefd] .cell-edit-icon:active {
|
|
1342
1425
|
transform: scale(0.95);
|
|
1343
1426
|
}
|
|
1344
|
-
.
|
|
1427
|
+
.c-table-wrapper[data-v-4f0daefd] .cell-edit-icon {
|
|
1345
1428
|
/* 图标尺寸 */
|
|
1346
1429
|
}
|
|
1347
|
-
.
|
|
1430
|
+
.c-table-wrapper[data-v-4f0daefd] .cell-edit-icon svg {
|
|
1348
1431
|
width: 14px;
|
|
1349
1432
|
height: 14px;
|
|
1350
1433
|
}
|
|
1351
1434
|
|
|
1352
1435
|
/* ================= 7. 单元格编辑状态样式 ================= */
|
|
1353
1436
|
/* 编辑容器 - 确保水平布局不换行 */
|
|
1354
|
-
.cell-editing-container[data-v-
|
|
1437
|
+
.cell-editing-container[data-v-4f0daefd],[data-v-4f0daefd] .cell-editing-container {
|
|
1355
1438
|
display: flex !important;
|
|
1356
1439
|
align-items: center !important;
|
|
1357
1440
|
width: 100% !important;
|
|
@@ -1365,39 +1448,39 @@ to {
|
|
|
1365
1448
|
}
|
|
1366
1449
|
|
|
1367
1450
|
/* 编辑输入区域 - 占据剩余空间 */
|
|
1368
|
-
.cell-editing-input[data-v-
|
|
1451
|
+
.cell-editing-input[data-v-4f0daefd],[data-v-4f0daefd] .cell-editing-input {
|
|
1369
1452
|
flex: 1 !important;
|
|
1370
1453
|
min-width: 0 !important;
|
|
1371
1454
|
}
|
|
1372
1455
|
|
|
1373
1456
|
/* 深度选择器处理输入框样式 */
|
|
1374
|
-
[data-v-
|
|
1457
|
+
[data-v-4f0daefd] .cell-editing-input .n-input {
|
|
1375
1458
|
border: none !important;
|
|
1376
1459
|
box-shadow: none !important;
|
|
1377
1460
|
background: transparent !important;
|
|
1378
1461
|
}
|
|
1379
|
-
[data-v-
|
|
1462
|
+
[data-v-4f0daefd] .cell-editing-input .n-input.n-input--focus {
|
|
1380
1463
|
border: none !important;
|
|
1381
1464
|
box-shadow: none !important;
|
|
1382
1465
|
}
|
|
1383
|
-
[data-v-
|
|
1466
|
+
[data-v-4f0daefd] .cell-editing-input .n-input-number {
|
|
1384
1467
|
border: none !important;
|
|
1385
1468
|
box-shadow: none !important;
|
|
1386
1469
|
background: transparent !important;
|
|
1387
1470
|
}
|
|
1388
|
-
[data-v-
|
|
1471
|
+
[data-v-4f0daefd] .cell-editing-input .n-select {
|
|
1389
1472
|
border: none !important;
|
|
1390
1473
|
box-shadow: none !important;
|
|
1391
1474
|
background: transparent !important;
|
|
1392
1475
|
}
|
|
1393
|
-
[data-v-
|
|
1476
|
+
[data-v-4f0daefd] .cell-editing-input .n-select .n-base-selection {
|
|
1394
1477
|
border: none !important;
|
|
1395
1478
|
box-shadow: none !important;
|
|
1396
1479
|
background: transparent !important;
|
|
1397
1480
|
}
|
|
1398
1481
|
|
|
1399
1482
|
/* 编辑操作按钮容器 */
|
|
1400
|
-
.cell-editing-actions[data-v-
|
|
1483
|
+
.cell-editing-actions[data-v-4f0daefd],[data-v-4f0daefd] .cell-editing-actions {
|
|
1401
1484
|
display: flex !important;
|
|
1402
1485
|
flex-shrink: 0 !important;
|
|
1403
1486
|
align-items: center !important;
|
|
@@ -1410,7 +1493,7 @@ to {
|
|
|
1410
1493
|
}
|
|
1411
1494
|
|
|
1412
1495
|
/* 编辑操作按钮 */
|
|
1413
|
-
.cell-action-btn[data-v-
|
|
1496
|
+
.cell-action-btn[data-v-4f0daefd],[data-v-4f0daefd] .cell-action-btn {
|
|
1414
1497
|
display: flex !important;
|
|
1415
1498
|
align-items: center !important;
|
|
1416
1499
|
justify-content: center !important;
|
|
@@ -1423,34 +1506,34 @@ to {
|
|
|
1423
1506
|
background: transparent !important;
|
|
1424
1507
|
/* 保存按钮 */
|
|
1425
1508
|
}
|
|
1426
|
-
.cell-action-btn.cell-action-save[data-v-
|
|
1509
|
+
.cell-action-btn.cell-action-save[data-v-4f0daefd],[data-v-4f0daefd] .cell-action-btn.cell-action-save {
|
|
1427
1510
|
color: var(--n-color-success) !important;
|
|
1428
1511
|
}
|
|
1429
|
-
.cell-action-btn.cell-action-save[data-v-
|
|
1512
|
+
.cell-action-btn.cell-action-save[data-v-4f0daefd]:hover,[data-v-4f0daefd] .cell-action-btn.cell-action-save:hover {
|
|
1430
1513
|
background: var(--n-color-success-pressed) !important;
|
|
1431
1514
|
transform: scale(1.1) !important;
|
|
1432
1515
|
}
|
|
1433
|
-
.cell-action-btn[data-v-
|
|
1516
|
+
.cell-action-btn[data-v-4f0daefd],[data-v-4f0daefd] .cell-action-btn {
|
|
1434
1517
|
/* 取消按钮 */
|
|
1435
1518
|
}
|
|
1436
|
-
.cell-action-btn.cell-action-cancel[data-v-
|
|
1519
|
+
.cell-action-btn.cell-action-cancel[data-v-4f0daefd],[data-v-4f0daefd] .cell-action-btn.cell-action-cancel {
|
|
1437
1520
|
color: var(--n-color-error) !important;
|
|
1438
1521
|
}
|
|
1439
|
-
.cell-action-btn.cell-action-cancel[data-v-
|
|
1522
|
+
.cell-action-btn.cell-action-cancel[data-v-4f0daefd]:hover,[data-v-4f0daefd] .cell-action-btn.cell-action-cancel:hover {
|
|
1440
1523
|
background: var(--n-color-error-pressed) !important;
|
|
1441
1524
|
transform: scale(1.1) !important;
|
|
1442
1525
|
}
|
|
1443
|
-
.cell-action-btn[data-v-
|
|
1526
|
+
.cell-action-btn[data-v-4f0daefd],[data-v-4f0daefd] .cell-action-btn {
|
|
1444
1527
|
/* 图标尺寸 */
|
|
1445
1528
|
}
|
|
1446
|
-
.cell-action-btn svg[data-v-
|
|
1529
|
+
.cell-action-btn svg[data-v-4f0daefd],[data-v-4f0daefd] .cell-action-btn svg {
|
|
1447
1530
|
width: 11px !important;
|
|
1448
1531
|
height: 11px !important;
|
|
1449
1532
|
}
|
|
1450
1533
|
|
|
1451
1534
|
/* ================= 7. 操作按钮样式 ================= */
|
|
1452
1535
|
/* 通用按钮样式 */
|
|
1453
|
-
[data-v-
|
|
1536
|
+
[data-v-4f0daefd] .n-button {
|
|
1454
1537
|
white-space: nowrap;
|
|
1455
1538
|
font-size: 12px !important;
|
|
1456
1539
|
flex-shrink: 0 !important;
|
|
@@ -1459,60 +1542,60 @@ to {
|
|
|
1459
1542
|
font-weight: 500;
|
|
1460
1543
|
/* 图标间距 */
|
|
1461
1544
|
}
|
|
1462
|
-
[data-v-
|
|
1545
|
+
[data-v-4f0daefd] .n-button .n-icon {
|
|
1463
1546
|
margin-right: 4px !important;
|
|
1464
1547
|
}
|
|
1465
|
-
[data-v-
|
|
1548
|
+
[data-v-4f0daefd] .n-button {
|
|
1466
1549
|
/* 小尺寸按钮优化 */
|
|
1467
1550
|
}
|
|
1468
|
-
[data-v-
|
|
1551
|
+
[data-v-4f0daefd] .n-button.n-button--small-type {
|
|
1469
1552
|
padding: 4px 8px;
|
|
1470
1553
|
height: 28px;
|
|
1471
1554
|
line-height: 20px;
|
|
1472
1555
|
}
|
|
1473
|
-
[data-v-
|
|
1556
|
+
[data-v-4f0daefd] .n-button {
|
|
1474
1557
|
/* 四元按钮样式 */
|
|
1475
1558
|
}
|
|
1476
|
-
[data-v-
|
|
1559
|
+
[data-v-4f0daefd] .n-button.n-button--quaternary-type:hover {
|
|
1477
1560
|
transform: translateY(-1px);
|
|
1478
1561
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
|
1479
1562
|
}
|
|
1480
|
-
[data-v-
|
|
1563
|
+
[data-v-4f0daefd] .n-button.n-button--quaternary-type:active {
|
|
1481
1564
|
transform: translateY(0);
|
|
1482
1565
|
}
|
|
1483
1566
|
|
|
1484
1567
|
/* ================= 8. 按钮组间距优化 ================= */
|
|
1485
1568
|
/* 操作按钮组 */
|
|
1486
|
-
[data-v-
|
|
1569
|
+
[data-v-4f0daefd] .n-space.n-space--horizontal .n-space-item:not(:last-child) {
|
|
1487
1570
|
margin-right: 6px !important;
|
|
1488
1571
|
}
|
|
1489
1572
|
|
|
1490
1573
|
/* ================= 9. 模态框样式优化 ================= */
|
|
1491
1574
|
/* 编辑模态框 */
|
|
1492
|
-
[data-v-
|
|
1575
|
+
[data-v-4f0daefd] .n-modal .n-card {
|
|
1493
1576
|
border-radius: 12px;
|
|
1494
1577
|
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
|
|
1495
1578
|
}
|
|
1496
|
-
[data-v-
|
|
1579
|
+
[data-v-4f0daefd] .n-modal .n-card__header {
|
|
1497
1580
|
padding: 20px 24px 16px;
|
|
1498
1581
|
font-weight: 600;
|
|
1499
1582
|
font-size: 16px;
|
|
1500
1583
|
}
|
|
1501
|
-
[data-v-
|
|
1584
|
+
[data-v-4f0daefd] .n-modal .n-card__content {
|
|
1502
1585
|
padding: 0 24px 16px;
|
|
1503
1586
|
}
|
|
1504
|
-
[data-v-
|
|
1587
|
+
[data-v-4f0daefd] .n-modal .n-card__action {
|
|
1505
1588
|
padding: 16px 24px 20px;
|
|
1506
1589
|
border-top: 1px solid var(--n-divider-color);
|
|
1507
1590
|
}
|
|
1508
1591
|
|
|
1509
1592
|
/* ================= 10. 描述列表样式 ================= */
|
|
1510
1593
|
/* 详情模态框描述列表 */
|
|
1511
|
-
[data-v-
|
|
1594
|
+
[data-v-4f0daefd] .n-descriptions .n-descriptions-item-label {
|
|
1512
1595
|
font-weight: 500;
|
|
1513
1596
|
color: var(--n-text-color-2);
|
|
1514
1597
|
}
|
|
1515
|
-
[data-v-
|
|
1598
|
+
[data-v-4f0daefd] .n-descriptions .n-descriptions-item-content {
|
|
1516
1599
|
color: var(--n-text-color-1);
|
|
1517
1600
|
word-break: break-all;
|
|
1518
1601
|
}
|
|
@@ -1520,99 +1603,99 @@ to {
|
|
|
1520
1603
|
/* ================= 11. 响应式设计 ================= */
|
|
1521
1604
|
/* 移动端适配 */
|
|
1522
1605
|
@media (max-width: 768px) {
|
|
1523
|
-
.c-table-wrapper[data-v-
|
|
1606
|
+
.c-table-wrapper[data-v-4f0daefd] {
|
|
1524
1607
|
overflow-x: auto;
|
|
1525
1608
|
}
|
|
1526
1609
|
/* 操作列在移动端的适配 */
|
|
1527
|
-
[data-v-
|
|
1610
|
+
[data-v-4f0daefd] .n-data-table-th:last-child {
|
|
1528
1611
|
width: 160px !important;
|
|
1529
1612
|
min-width: 160px !important;
|
|
1530
1613
|
}
|
|
1531
1614
|
/* 按钮在移动端的优化 */
|
|
1532
|
-
[data-v-
|
|
1615
|
+
[data-v-4f0daefd] .n-button {
|
|
1533
1616
|
font-size: 11px !important;
|
|
1534
1617
|
padding: 3px 6px;
|
|
1535
1618
|
}
|
|
1536
|
-
[data-v-
|
|
1619
|
+
[data-v-4f0daefd] .n-button .n-icon {
|
|
1537
1620
|
margin-right: 2px !important;
|
|
1538
1621
|
}
|
|
1539
1622
|
/* 单元格编辑图标在移动端始终显示 */
|
|
1540
|
-
.cell-edit-icon[data-v-
|
|
1623
|
+
.cell-edit-icon[data-v-4f0daefd] {
|
|
1541
1624
|
opacity: 0.6;
|
|
1542
1625
|
}
|
|
1543
1626
|
}
|
|
1544
1627
|
/* ================= 12. 主题适配 ================= */
|
|
1545
1628
|
/* 暗色主题适配 - 已通过 CSS 变量自动适配 */
|
|
1546
|
-
[data-theme=dark][data-v-
|
|
1629
|
+
[data-theme=dark][data-v-4f0daefd] {
|
|
1547
1630
|
/* CSS 变量已自动适配,如有特殊需求可在此添加 */
|
|
1548
1631
|
}
|
|
1549
1632
|
|
|
1550
1633
|
/* ================= 13. 响应式优化 ================= */
|
|
1551
1634
|
/* 小屏幕下的单元格编辑优化 */
|
|
1552
1635
|
@media (max-width: 768px) {
|
|
1553
|
-
.cell-editing-container[data-v-
|
|
1636
|
+
.cell-editing-container[data-v-4f0daefd],[data-v-4f0daefd] .cell-editing-container {
|
|
1554
1637
|
gap: 6px !important;
|
|
1555
1638
|
}
|
|
1556
|
-
.cell-editing-actions[data-v-
|
|
1639
|
+
.cell-editing-actions[data-v-4f0daefd],[data-v-4f0daefd] .cell-editing-actions {
|
|
1557
1640
|
gap: 3px !important;
|
|
1558
1641
|
padding: 2px !important;
|
|
1559
1642
|
}
|
|
1560
|
-
.cell-action-btn[data-v-
|
|
1643
|
+
.cell-action-btn[data-v-4f0daefd],[data-v-4f0daefd] .cell-action-btn {
|
|
1561
1644
|
width: 18px !important;
|
|
1562
1645
|
height: 18px !important;
|
|
1563
1646
|
}
|
|
1564
|
-
.cell-action-btn svg[data-v-
|
|
1647
|
+
.cell-action-btn svg[data-v-4f0daefd],[data-v-4f0daefd] .cell-action-btn svg {
|
|
1565
1648
|
width: 10px !important;
|
|
1566
1649
|
height: 10px !important;
|
|
1567
1650
|
}
|
|
1568
1651
|
/* 移动端编辑图标 */
|
|
1569
|
-
.cell-edit-icon[data-v-
|
|
1652
|
+
.cell-edit-icon[data-v-4f0daefd] {
|
|
1570
1653
|
opacity: 0.6 !important;
|
|
1571
1654
|
}
|
|
1572
|
-
.cell-value[data-v-
|
|
1655
|
+
.cell-value[data-v-4f0daefd] {
|
|
1573
1656
|
margin-right: 12px !important;
|
|
1574
1657
|
}
|
|
1575
1658
|
}
|
|
1576
1659
|
/* ================= 14. 性能优化 ================= */
|
|
1577
1660
|
/* 使用 GPU 加速的动画 */
|
|
1578
|
-
.cell-edit-icon[data-v-
|
|
1579
|
-
.cell-action-btn[data-v-
|
|
1661
|
+
.cell-edit-icon[data-v-4f0daefd],
|
|
1662
|
+
.cell-action-btn[data-v-4f0daefd] {
|
|
1580
1663
|
will-change: transform;
|
|
1581
1664
|
backface-visibility: hidden;
|
|
1582
1665
|
}
|
|
1583
|
-
[data-v-
|
|
1666
|
+
[data-v-4f0daefd] .n-button {
|
|
1584
1667
|
will-change: transform;
|
|
1585
1668
|
backface-visibility: hidden;
|
|
1586
1669
|
}
|
|
1587
1670
|
|
|
1588
1671
|
/* ================= 15. 可访问性优化 ================= */
|
|
1589
1672
|
/* 聚焦状态 */
|
|
1590
|
-
.cell-edit-wrapper[data-v-
|
|
1591
|
-
.cell-editing-container[data-v-
|
|
1673
|
+
.cell-edit-wrapper[data-v-4f0daefd]:focus-within,
|
|
1674
|
+
.cell-editing-container[data-v-4f0daefd]:focus-within {
|
|
1592
1675
|
outline: 2px solid var(--n-primary-color);
|
|
1593
1676
|
outline-offset: 2px;
|
|
1594
1677
|
}
|
|
1595
1678
|
|
|
1596
1679
|
/* 高对比度模式支持 */
|
|
1597
1680
|
@media (prefers-contrast: high) {
|
|
1598
|
-
.cell-edit-icon[data-v-
|
|
1681
|
+
.cell-edit-icon[data-v-4f0daefd] {
|
|
1599
1682
|
opacity: 0.8;
|
|
1600
1683
|
}
|
|
1601
|
-
.cell-editing-actions[data-v-
|
|
1684
|
+
.cell-editing-actions[data-v-4f0daefd] {
|
|
1602
1685
|
border-width: 2px;
|
|
1603
1686
|
}
|
|
1604
1687
|
}
|
|
1605
1688
|
/* ================= 11. 行拖拽排序 ================= */
|
|
1606
|
-
.row-drag-ghost[data-v-
|
|
1689
|
+
.row-drag-ghost[data-v-4f0daefd] {
|
|
1607
1690
|
opacity: 0.4;
|
|
1608
1691
|
background: var(--c-table-drag-ghost-bg) !important;
|
|
1609
1692
|
}
|
|
1610
|
-
.row-drag-chosen[data-v-
|
|
1693
|
+
.row-drag-chosen[data-v-4f0daefd] {
|
|
1611
1694
|
background: var(--n-color-hover, #f5f5f5) !important;
|
|
1612
1695
|
}
|
|
1613
1696
|
|
|
1614
1697
|
/* ================= 12. 批量操作栏 ================= */
|
|
1615
|
-
.batch-actions-bar[data-v-
|
|
1698
|
+
.batch-actions-bar[data-v-4f0daefd] {
|
|
1616
1699
|
display: flex;
|
|
1617
1700
|
align-items: center;
|
|
1618
1701
|
justify-content: space-between;
|
|
@@ -1622,26 +1705,56 @@ to {
|
|
|
1622
1705
|
border-radius: 6px;
|
|
1623
1706
|
border: 1px solid var(--n-primary-color-suppl, #70b3ff);
|
|
1624
1707
|
}
|
|
1625
|
-
.batch-actions-bar .batch-info[data-v-
|
|
1708
|
+
.batch-actions-bar .batch-info[data-v-4f0daefd] {
|
|
1626
1709
|
font-size: 13px;
|
|
1627
1710
|
color: var(--n-text-color-2);
|
|
1628
1711
|
font-weight: 500;
|
|
1629
1712
|
}
|
|
1630
1713
|
|
|
1631
1714
|
/* ================= 13. 错误状态 ================= */
|
|
1632
|
-
.table-error-state[data-v-
|
|
1715
|
+
.table-error-state[data-v-4f0daefd] {
|
|
1633
1716
|
padding: 48px 24px;
|
|
1634
1717
|
text-align: center;
|
|
1635
1718
|
}
|
|
1636
|
-
.table-error-state .error-content[data-v-
|
|
1719
|
+
.table-error-state .error-content[data-v-4f0daefd] {
|
|
1637
1720
|
display: flex;
|
|
1638
1721
|
flex-direction: column;
|
|
1639
1722
|
align-items: center;
|
|
1640
1723
|
gap: 12px;
|
|
1641
1724
|
color: var(--n-text-color-3, #999);
|
|
1642
1725
|
}
|
|
1643
|
-
.table-error-state .error-message[data-v-
|
|
1726
|
+
.table-error-state .error-message[data-v-4f0daefd] {
|
|
1644
1727
|
font-size: 14px;
|
|
1645
1728
|
margin: 0;
|
|
1646
1729
|
color: var(--n-text-color-2, #666);
|
|
1647
1730
|
}
|
|
1731
|
+
/* unplugin-vue-components disabled */
|
|
1732
|
+
/* layer: default */
|
|
1733
|
+
.visible[data-v-4f0daefd]{visibility:visible;}
|
|
1734
|
+
.fixed[data-v-4f0daefd]{position:fixed;}
|
|
1735
|
+
.grid[data-v-4f0daefd]{display:grid;}
|
|
1736
|
+
.mb-2[data-v-4f0daefd]{margin-bottom:0.5rem;}
|
|
1737
|
+
.mb-4[data-v-4f0daefd]{margin-bottom:1rem;}
|
|
1738
|
+
.ml-2[data-v-4f0daefd]{margin-left:0.5rem;}
|
|
1739
|
+
.w60\%[data-v-4f0daefd]{width:60%;}
|
|
1740
|
+
.flex[data-v-4f0daefd]{display:flex;}
|
|
1741
|
+
.table[data-v-4f0daefd]{display:table;}
|
|
1742
|
+
.scale-110[data-v-4f0daefd]{--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));}
|
|
1743
|
+
.cursor-pointer[data-v-4f0daefd]{cursor:pointer;}
|
|
1744
|
+
.items-center[data-v-4f0daefd]{align-items:center;}
|
|
1745
|
+
.justify-end[data-v-4f0daefd]{justify-content:flex-end;}
|
|
1746
|
+
.justify-center[data-v-4f0daefd]{justify-content:center;}
|
|
1747
|
+
.rd[data-v-4f0daefd]{border-radius:0.25rem;}
|
|
1748
|
+
.bg-gray-50[data-v-4f0daefd]{--un-bg-opacity:1;background-color:rgb(249 250 251 / var(--un-bg-opacity));}
|
|
1749
|
+
.p-4[data-v-4f0daefd]{padding:1rem;}
|
|
1750
|
+
.px[data-v-4f0daefd]{padding-left:1rem;padding-right:1rem;}
|
|
1751
|
+
.py-8[data-v-4f0daefd]{padding-top:2rem;padding-bottom:2rem;}
|
|
1752
|
+
.text-center[data-v-4f0daefd]{text-align:center;}
|
|
1753
|
+
.text-sm[data-v-4f0daefd]{font-size:0.875rem;line-height:1.25rem;}
|
|
1754
|
+
.text-gray-400[data-v-4f0daefd]{--un-text-opacity:1;color:rgb(156 163 175 / var(--un-text-opacity));}
|
|
1755
|
+
.text-gray-500[data-v-4f0daefd]{--un-text-opacity:1;color:rgb(107 114 128 / var(--un-text-opacity));}
|
|
1756
|
+
.text-gray-600[data-v-4f0daefd]{--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity));}
|
|
1757
|
+
.accent-blue-500[data-v-4f0daefd]{--un-accent-opacity:1;accent-color:rgb(59 130 246 / var(--un-accent-opacity));}
|
|
1758
|
+
.blur[data-v-4f0daefd]{--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);}
|
|
1759
|
+
.filter[data-v-4f0daefd]{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);}
|
|
1760
|
+
|