@robot-admin/naive-ui-components 0.11.8 → 0.13.0
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 +172 -29
- package/README_EN.md +171 -28
- package/SECURITY.md +1 -0
- package/dist/C_ActionBar.cjs +1 -1
- package/dist/C_ActionBar.css +67 -67
- package/dist/C_ActionBar.d.cts +2 -2
- package/dist/C_ActionBar.d.ts +2 -2
- package/dist/C_ActionBar.js +1 -1
- package/dist/C_ActionBar2.cjs +1 -1
- package/dist/C_ActionBar2.js +1 -1
- package/dist/C_AntV.css +70 -70
- package/dist/C_AntV2.cjs +3 -3
- package/dist/C_AntV2.js +3 -3
- package/dist/C_AudioPlayer.css +81 -66
- package/dist/C_AudioPlayer.d.cts +1 -1
- package/dist/C_AudioPlayer.d.ts +1 -1
- package/dist/C_AudioPlayer2.cjs +1 -1
- package/dist/C_AudioPlayer2.js +1 -1
- package/dist/C_AvatarGroup.css +40 -25
- package/dist/C_AvatarGroup.d.cts +1 -1
- package/dist/C_AvatarGroup.d.ts +1 -1
- package/dist/C_AvatarGroup2.cjs +1 -1
- package/dist/C_AvatarGroup2.js +1 -1
- package/dist/C_Barcode.css +6 -6
- package/dist/C_Barcode.d.cts +1 -1
- package/dist/C_Barcode.d.ts +1 -1
- package/dist/C_Barcode2.cjs +1 -1
- package/dist/C_Barcode2.js +1 -1
- package/dist/C_Breadcrumb.css +14 -14
- package/dist/C_Breadcrumb.d.cts +1 -1
- package/dist/C_Breadcrumb.d.ts +1 -1
- package/dist/C_Breadcrumb2.cjs +1 -1
- package/dist/C_Breadcrumb2.js +1 -1
- package/dist/C_Captcha.cjs +1 -1
- package/dist/C_Captcha.css +193 -51
- package/dist/C_Captcha.d.cts +2 -3
- package/dist/C_Captcha.d.ts +2 -3
- package/dist/C_Captcha.js +1 -1
- package/dist/C_Captcha2.cjs +1 -1
- package/dist/C_Captcha2.js +1 -1
- package/dist/C_Cascade.css +2 -2
- package/dist/C_Cascade.d.cts +1 -1
- package/dist/C_Cascade.d.ts +1 -1
- package/dist/C_Cascade2.cjs +1 -1
- package/dist/C_Cascade2.js +1 -1
- package/dist/C_Chat.css +96 -78
- package/dist/C_Chat.d.cts +1 -1
- package/dist/C_Chat.d.ts +1 -1
- package/dist/C_Chat2.cjs +1 -1
- package/dist/C_Chat2.js +1 -1
- package/dist/C_City.css +52 -28
- package/dist/C_City.d.cts +1 -1
- package/dist/C_City.d.ts +1 -1
- package/dist/C_City2.cjs +1 -1
- package/dist/C_City2.js +1 -1
- package/dist/C_Code.css +48 -42
- package/dist/C_Code.d.cts +1 -1
- package/dist/C_Code.d.ts +1 -1
- package/dist/C_Code2.cjs +1 -1
- package/dist/C_Code2.js +1 -1
- package/dist/C_CollapsePanel.css +14 -14
- package/dist/C_CollapsePanel2.cjs +1 -1
- package/dist/C_CollapsePanel2.js +1 -1
- package/dist/C_ContextMenu.css +14 -14
- package/dist/C_ContextMenu.d.cts +1 -1
- package/dist/C_ContextMenu.d.ts +1 -1
- package/dist/C_ContextMenu2.cjs +1 -1
- package/dist/C_ContextMenu2.js +1 -1
- package/dist/C_Cron.css +94 -55
- package/dist/C_Cron2.cjs +1 -1
- package/dist/C_Cron2.js +1 -1
- package/dist/C_Date.d.cts +1 -1
- package/dist/C_Date.d.ts +1 -1
- package/dist/C_Date2.cjs +1 -1
- package/dist/C_Date2.js +1 -1
- package/dist/C_Draggable.css +48 -48
- package/dist/C_Draggable2.cjs +1 -1
- package/dist/C_Draggable2.js +1 -1
- package/dist/C_Editor.css +13 -14
- package/dist/C_Editor.d.cts +1 -1
- package/dist/C_Editor.d.ts +1 -1
- package/dist/C_Editor2.cjs +1 -1
- package/dist/C_Editor2.js +1 -1
- package/dist/C_FilePreview.css +18 -18
- package/dist/C_FilePreview2.cjs +1 -1
- package/dist/C_FilePreview2.js +1 -1
- package/dist/C_Form.base.css +36 -36
- package/dist/C_Form.css +49 -50
- package/dist/C_Form2.cjs +1 -1
- package/dist/C_Form2.js +1 -1
- package/dist/C_FormModal.cjs +1 -0
- package/dist/C_FormModal.css +41 -0
- package/dist/C_FormModal.d.cts +2 -0
- package/dist/C_FormModal.d.ts +3 -0
- package/dist/C_FormModal.js +1 -0
- package/dist/C_FormModal2.cjs +1 -0
- package/dist/C_FormModal2.js +1 -0
- package/dist/C_FormSearch.css +45 -45
- package/dist/C_FormSearch2.cjs +1 -1
- package/dist/C_FormSearch2.js +1 -1
- package/dist/C_FormulaEditor.css +94 -55
- package/dist/C_FormulaEditor2.cjs +2 -2
- package/dist/C_FormulaEditor2.js +2 -2
- package/dist/C_FullCalendar.css +8 -1
- package/dist/C_FullCalendar2.cjs +1 -1
- package/dist/C_FullCalendar2.js +1 -1
- package/dist/C_GlobalSearch2.cjs +1 -1
- package/dist/C_GlobalSearch2.js +1 -1
- package/dist/C_Guide.css +14 -14
- package/dist/C_Guide2.cjs +1 -1
- package/dist/C_Guide2.js +1 -1
- package/dist/C_Icon.css +14 -14
- package/dist/C_Icon2.cjs +1 -1
- package/dist/C_Icon2.js +1 -1
- package/dist/C_ImageCropper.css +22 -22
- package/dist/C_ImageCropper2.cjs +1 -1
- package/dist/C_ImageCropper2.js +1 -1
- package/dist/C_Language.css +14 -14
- package/dist/C_Language2.cjs +1 -1
- package/dist/C_Language2.js +1 -1
- package/dist/C_Login.css +232 -149
- package/dist/C_Login2.cjs +1 -1
- package/dist/C_Login2.js +1 -1
- package/dist/C_Map.css +3 -3
- package/dist/C_Map2.cjs +1 -1
- package/dist/C_Map2.js +1 -1
- package/dist/C_Markdown.css +35 -35
- package/dist/C_Markdown2.cjs +1 -1
- package/dist/C_Markdown2.js +1 -1
- package/dist/C_Menu.d.cts +1 -1
- package/dist/C_Menu2.cjs +1 -1
- package/dist/C_Menu2.js +1 -1
- package/dist/C_NotificationCenter.css +30 -30
- package/dist/C_NotificationCenter2.cjs +1 -1
- package/dist/C_NotificationCenter2.js +1 -1
- package/dist/C_OrgChart.css +4 -0
- package/dist/C_OrgChart2.cjs +1 -1
- package/dist/C_OrgChart2.js +1 -1
- package/dist/C_Progress2.cjs +1 -1
- package/dist/C_Progress2.js +1 -1
- package/dist/C_QRCode.css +8 -8
- package/dist/C_QRCode2.cjs +1 -1
- package/dist/C_QRCode2.js +1 -1
- package/dist/C_Signature.css +14 -14
- package/dist/C_Signature2.cjs +1 -1
- package/dist/C_Signature2.js +1 -1
- package/dist/C_Skeleton2.cjs +1 -1
- package/dist/C_Skeleton2.js +1 -1
- package/dist/C_SplitPane.css +39 -39
- package/dist/C_SplitPane2.cjs +1 -1
- package/dist/C_SplitPane2.js +1 -1
- package/dist/C_Steps.css +48 -38
- package/dist/C_Steps2.cjs +1 -1
- package/dist/C_Steps2.js +1 -1
- package/dist/C_Table.base.css +160 -160
- package/dist/C_Table.cjs +1 -1
- package/dist/C_Table.css +173 -174
- package/dist/C_Table.d.ts +4 -3
- package/dist/C_Table.js +1 -1
- package/dist/C_Tabs.cjs +1 -0
- package/dist/C_Tabs.css +1 -0
- package/dist/C_Tabs.d.cts +2 -0
- package/dist/C_Tabs.d.ts +2 -0
- package/dist/C_Tabs.js +1 -0
- package/dist/C_TagsView.css +52 -52
- package/dist/C_TagsView2.cjs +1 -1
- package/dist/C_TagsView2.js +1 -1
- package/dist/C_Theme.css +14 -14
- package/dist/C_Theme2.cjs +1 -1
- package/dist/C_Theme2.js +1 -1
- package/dist/C_Time.css +4 -4
- package/dist/C_Time2.cjs +1 -1
- package/dist/C_Time2.js +1 -1
- package/dist/C_Timeline.css +76 -58
- package/dist/C_Timeline2.cjs +1 -1
- package/dist/C_Timeline2.js +1 -1
- package/dist/C_Transfer.css +51 -51
- package/dist/C_Transfer2.cjs +1 -1
- package/dist/C_Transfer2.js +1 -1
- package/dist/C_Tree.css +35 -32
- package/dist/C_Tree2.cjs +1 -1
- package/dist/C_Tree2.js +1 -1
- package/dist/C_Upload.css +53 -50
- package/dist/C_Upload2.cjs +1 -1
- package/dist/C_Upload2.js +1 -1
- package/dist/C_VideoPlayer.css +17 -13
- package/dist/C_VideoPlayer2.cjs +2 -2
- package/dist/C_VideoPlayer2.js +2 -2
- package/dist/C_VtableGantt.css +19 -19
- package/dist/C_VtableGantt2.cjs +1 -1
- package/dist/C_VtableGantt2.js +1 -1
- package/dist/C_WaterFall.css +19 -15
- package/dist/C_WaterFall2.cjs +1 -1
- package/dist/C_WaterFall2.js +1 -1
- package/dist/C_WorkFlow.css +123 -123
- package/dist/C_WorkFlow2.cjs +1 -1
- package/dist/C_WorkFlow2.js +1 -1
- package/dist/constants.d.cts +2 -2
- package/dist/constants.d.ts +2 -2
- package/dist/constants2.d.cts +3 -3
- package/dist/constants2.d.ts +3 -3
- package/dist/constants3.d.cts +8 -4
- package/dist/constants3.d.ts +8 -4
- package/dist/constants4.d.cts +6 -6
- package/dist/constants4.d.ts +6 -6
- package/dist/constants5.d.cts +2 -2
- package/dist/constants5.d.ts +2 -2
- package/dist/data.d.cts +108 -0
- package/dist/data.d.ts +108 -0
- package/dist/data2.cjs +1 -0
- package/dist/data2.js +1 -0
- package/dist/index.cjs +1 -1
- package/dist/index.d.cts +49 -49
- package/dist/index.d.ts +51 -49
- package/dist/index.js +1 -1
- package/dist/index.vue.d.cts +74 -69
- package/dist/index.vue.d.ts +74 -69
- package/dist/index10.vue.d.cts +80 -39
- package/dist/index10.vue.d.ts +68 -77
- package/dist/index11.vue.d.cts +68 -77
- package/dist/index11.vue.d.ts +54 -69
- package/dist/index12.vue.d.cts +54 -69
- package/dist/index12.vue.d.ts +52 -58
- package/dist/index13.vue.d.cts +52 -58
- package/dist/index13.vue.d.ts +1 -1
- package/dist/index14.vue.d.cts +1 -1
- package/dist/index14.vue.d.ts +14 -47
- package/dist/index15.vue.d.cts +14 -47
- package/dist/index16.vue.d.ts +15 -12
- package/dist/index17.vue.d.cts +15 -12
- package/dist/index17.vue.d.ts +4 -4
- package/dist/index18.vue.d.cts +4 -4
- package/dist/index18.vue.d.ts +2 -2
- package/dist/index19.vue.d.cts +1 -1
- package/dist/index19.vue.d.ts +1 -1
- package/dist/index2.vue.d.cts +70 -65
- package/dist/index2.vue.d.ts +70 -65
- package/dist/index20.vue.d.cts +1 -1
- package/dist/index20.vue.d.ts +1 -1
- package/dist/index24.vue.d.cts +3 -3
- package/dist/index24.vue.d.ts +3 -3
- package/dist/index25.vue.d.cts +1 -1
- package/dist/index25.vue.d.ts +1 -1
- package/dist/index26.vue.d.cts +5 -5
- package/dist/index26.vue.d.ts +5 -5
- package/dist/index27.vue.d.cts +1 -1
- package/dist/index27.vue.d.ts +1 -1
- package/dist/index3.vue.d.cts +30 -80
- package/dist/index3.vue.d.ts +30 -80
- package/dist/index4.vue.d.cts +130 -30
- package/dist/index4.vue.d.ts +22 -30
- package/dist/index5.vue.d.cts +18 -126
- package/dist/index5.vue.d.ts +22 -19
- package/dist/index6.vue.d.cts +22 -19
- package/dist/index6.vue.d.ts +117 -22
- package/dist/index7.vue.d.cts +117 -22
- package/dist/index7.vue.d.ts +17 -110
- package/dist/index8.vue.d.cts +17 -110
- package/dist/index8.vue.d.ts +37 -24
- package/dist/index9.vue.d.cts +37 -24
- package/dist/index9.vue.d.ts +80 -39
- package/dist/mapUtils.d.cts +2 -2
- package/dist/mapUtils.d.ts +2 -2
- package/dist/presets.d.cts +96 -0
- package/dist/presets.d.ts +96 -0
- package/dist/resolver.cjs +1 -1
- package/dist/resolver.d.cts +1 -1
- package/dist/resolver.d.ts +1 -1
- package/dist/resolver.js +1 -1
- package/dist/style.css +1735 -1400
- package/dist/useCalendarEvents.d.cts +23 -18
- package/dist/useCalendarEvents.d.ts +23 -18
- package/dist/useCollapsePanel.d.cts +4 -3
- package/dist/useCollapsePanel.d.ts +4 -3
- package/dist/useCropperCore.d.cts +32 -17
- package/dist/useCropperCore.d.ts +32 -17
- package/dist/useDraggableLayout.d.cts +2 -2
- package/dist/useDraggableLayout.d.ts +2 -2
- package/dist/useDynamicFormState.d.cts +7 -2
- package/dist/useDynamicFormState.d.ts +7 -2
- package/dist/useEdgeInteraction.d.cts +20 -19
- package/dist/useEdgeInteraction.d.ts +20 -19
- package/dist/useFullscreen.d.cts +6 -6
- package/dist/useFullscreen.d.ts +6 -6
- package/dist/useInfiniteScroll.d.cts +1 -1
- package/dist/useInfiniteScroll.d.ts +1 -1
- package/dist/useQRCode.d.cts +5 -4
- package/dist/useQRCode.d.ts +5 -4
- package/dist/useSearchState.d.cts +9 -9
- package/dist/useSearchState.d.ts +9 -9
- package/dist/useSignatureHistory.d.cts +18 -10
- package/dist/useSignatureHistory.d.ts +18 -10
- package/dist/useSplitResize.d.cts +7 -7
- package/dist/useSplitResize.d.ts +7 -7
- package/dist/useTableQuery.cjs +3 -3
- package/dist/useTableQuery.d.cts +12 -5
- package/dist/useTableQuery.d.ts +12 -5
- package/dist/useTableQuery.js +3 -3
- package/dist/useTimeSelection.d.cts +6 -3
- package/dist/useTimeSelection.d.ts +6 -3
- package/dist/useTreeOperations.d.cts +8 -8
- package/dist/useTreeOperations.d.ts +8 -8
- package/dist/useWorkflowValidation.d.cts +6 -4
- package/dist/useWorkflowValidation.d.ts +6 -4
- package/dist/verification.d.cts +71 -6
- package/dist/verification.d.ts +71 -6
- package/package.json +5 -3
- package/dist/types.d.ts +0 -58
- package/dist/types2.d.cts +0 -58
package/dist/C_Table.base.css
CHANGED
|
@@ -1,54 +1,54 @@
|
|
|
1
|
-
/* unplugin-vue-components disabled */.c-icon[data-v-
|
|
1
|
+
/* unplugin-vue-components disabled */.c-icon[data-v-711aedcd] {
|
|
2
2
|
display: inline-flex;
|
|
3
3
|
align-items: center;
|
|
4
4
|
justify-content: center;
|
|
5
5
|
user-select: none;
|
|
6
6
|
transition: all 0.2s ease-in-out;
|
|
7
7
|
}
|
|
8
|
-
.c-icon--clickable[data-v-
|
|
8
|
+
.c-icon--clickable[data-v-711aedcd] {
|
|
9
9
|
cursor: pointer;
|
|
10
10
|
}
|
|
11
|
-
.c-icon--clickable[data-v-
|
|
11
|
+
.c-icon--clickable[data-v-711aedcd]:hover {
|
|
12
12
|
opacity: 0.8;
|
|
13
13
|
transform: scale(1.05);
|
|
14
14
|
}
|
|
15
|
-
.c-icon--clickable[data-v-
|
|
15
|
+
.c-icon--clickable[data-v-711aedcd]:active {
|
|
16
16
|
transform: scale(0.95);
|
|
17
17
|
}
|
|
18
|
-
.c-icon--clickable[data-v-
|
|
18
|
+
.c-icon--clickable[data-v-711aedcd]:focus-visible {
|
|
19
19
|
outline: 2px solid currentColor;
|
|
20
20
|
outline-offset: 2px;
|
|
21
21
|
border-radius: 4px;
|
|
22
22
|
}
|
|
23
|
-
.c-icon--loading[data-v-
|
|
23
|
+
.c-icon--loading[data-v-711aedcd] {
|
|
24
24
|
opacity: 0.6;
|
|
25
25
|
cursor: wait;
|
|
26
26
|
}
|
|
27
|
-
.c-icon--error[data-v-
|
|
27
|
+
.c-icon--error[data-v-711aedcd] {
|
|
28
28
|
opacity: 0.5;
|
|
29
29
|
}
|
|
30
|
-
.c-icon__loading[data-v-
|
|
30
|
+
.c-icon__loading[data-v-711aedcd] {
|
|
31
31
|
position: relative;
|
|
32
32
|
}
|
|
33
|
-
.c-icon__spinner[data-v-
|
|
33
|
+
.c-icon__spinner[data-v-711aedcd] {
|
|
34
34
|
width: 100%;
|
|
35
35
|
height: 100%;
|
|
36
36
|
border: 2px solid currentColor;
|
|
37
37
|
border-radius: 50%;
|
|
38
38
|
border-top-color: transparent;
|
|
39
|
-
animation: spin-
|
|
39
|
+
animation: spin-711aedcd 1s linear infinite;
|
|
40
40
|
}
|
|
41
|
-
.c-icon__error[data-v-
|
|
41
|
+
.c-icon__error[data-v-711aedcd] {
|
|
42
42
|
font-size: 0.8em;
|
|
43
43
|
opacity: 0.5;
|
|
44
44
|
}
|
|
45
|
-
.c-icon__rotatable[data-v-
|
|
45
|
+
.c-icon__rotatable[data-v-711aedcd] {
|
|
46
46
|
transition: transform 0.3s ease-in-out;
|
|
47
47
|
}
|
|
48
|
-
.c-icon__flippable[data-v-
|
|
48
|
+
.c-icon__flippable[data-v-711aedcd] {
|
|
49
49
|
transition: transform 0.3s ease-in-out;
|
|
50
50
|
}
|
|
51
|
-
@keyframes spin-
|
|
51
|
+
@keyframes spin-711aedcd {
|
|
52
52
|
0% {
|
|
53
53
|
transform: rotate(0deg);
|
|
54
54
|
}
|
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
}
|
|
59
59
|
|
|
60
60
|
/* unplugin-vue-components disabled */
|
|
61
|
-
.c-form-default[data-v-
|
|
61
|
+
.c-form-default[data-v-4313de0c] {
|
|
62
62
|
width: 100%;
|
|
63
63
|
}
|
|
64
64
|
|
|
@@ -311,7 +311,7 @@ to {
|
|
|
311
311
|
}
|
|
312
312
|
}
|
|
313
313
|
/* unplugin-vue-components disabled *//* Card 布局样式 */
|
|
314
|
-
.c-form-card[data-v-
|
|
314
|
+
.c-form-card[data-v-e90147fb] {
|
|
315
315
|
width: 100%;
|
|
316
316
|
display: flex;
|
|
317
317
|
flex-direction: column;
|
|
@@ -319,89 +319,89 @@ to {
|
|
|
319
319
|
}
|
|
320
320
|
|
|
321
321
|
/* ================= 配置面板 ================= */
|
|
322
|
-
.layout-config-panel[data-v-
|
|
322
|
+
.layout-config-panel[data-v-e90147fb] {
|
|
323
323
|
margin-bottom: 0;
|
|
324
324
|
}
|
|
325
|
-
.config-controls[data-v-
|
|
325
|
+
.config-controls[data-v-e90147fb] {
|
|
326
326
|
display: flex;
|
|
327
327
|
align-items: center;
|
|
328
328
|
gap: 1.5rem;
|
|
329
329
|
flex-wrap: wrap;
|
|
330
330
|
}
|
|
331
331
|
@media (max-width: 768px) {
|
|
332
|
-
.config-controls[data-v-
|
|
332
|
+
.config-controls[data-v-e90147fb] {
|
|
333
333
|
flex-direction: column;
|
|
334
334
|
align-items: stretch;
|
|
335
335
|
gap: 1rem;
|
|
336
336
|
}
|
|
337
337
|
}
|
|
338
|
-
.config-item[data-v-
|
|
338
|
+
.config-item[data-v-e90147fb] {
|
|
339
339
|
display: flex;
|
|
340
340
|
align-items: center;
|
|
341
341
|
gap: 0.75rem;
|
|
342
342
|
font-size: 0.875rem;
|
|
343
343
|
}
|
|
344
344
|
@media (max-width: 768px) {
|
|
345
|
-
.config-item[data-v-
|
|
345
|
+
.config-item[data-v-e90147fb] {
|
|
346
346
|
justify-content: space-between;
|
|
347
347
|
}
|
|
348
348
|
}
|
|
349
349
|
|
|
350
350
|
/* ================= 表单内容区域 ================= */
|
|
351
|
-
.form-content[data-v-
|
|
351
|
+
.form-content[data-v-e90147fb] {
|
|
352
352
|
display: flex;
|
|
353
353
|
}
|
|
354
|
-
.layout-single[data-v-
|
|
355
|
-
.layout-vertical[data-v-
|
|
354
|
+
.layout-single[data-v-e90147fb],
|
|
355
|
+
.layout-vertical[data-v-e90147fb] {
|
|
356
356
|
flex-direction: column;
|
|
357
357
|
}
|
|
358
|
-
.layout-horizontal[data-v-
|
|
358
|
+
.layout-horizontal[data-v-e90147fb] {
|
|
359
359
|
flex-direction: row;
|
|
360
360
|
flex-wrap: wrap;
|
|
361
361
|
}
|
|
362
|
-
.layout-horizontal .group-card[data-v-
|
|
362
|
+
.layout-horizontal .group-card[data-v-e90147fb] {
|
|
363
363
|
flex: 1;
|
|
364
364
|
min-width: 0;
|
|
365
365
|
}
|
|
366
366
|
@media (max-width: 1200px) {
|
|
367
|
-
.layout-horizontal[data-v-
|
|
367
|
+
.layout-horizontal[data-v-e90147fb] {
|
|
368
368
|
flex-direction: column;
|
|
369
369
|
}
|
|
370
370
|
}
|
|
371
371
|
|
|
372
372
|
/* ================= 卡片样式 ================= */
|
|
373
|
-
.single-card[data-v-
|
|
374
|
-
.group-card[data-v-
|
|
373
|
+
.single-card[data-v-e90147fb],
|
|
374
|
+
.group-card[data-v-e90147fb] {
|
|
375
375
|
transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
376
376
|
border-left-width: 4px;
|
|
377
377
|
}
|
|
378
|
-
.single-card[data-v-
|
|
379
|
-
.basic-card[data-v-
|
|
378
|
+
.single-card[data-v-e90147fb],
|
|
379
|
+
.basic-card[data-v-e90147fb] {
|
|
380
380
|
border-left-color: #3b82f6;
|
|
381
381
|
}
|
|
382
|
-
.contact-card[data-v-
|
|
382
|
+
.contact-card[data-v-e90147fb] {
|
|
383
383
|
border-left-color: #22c55e;
|
|
384
384
|
}
|
|
385
|
-
.preferences-card[data-v-
|
|
385
|
+
.preferences-card[data-v-e90147fb] {
|
|
386
386
|
border-left-color: #a855f7;
|
|
387
387
|
}
|
|
388
|
-
.group-card.collapsed .card-content[data-v-
|
|
388
|
+
.group-card.collapsed .card-content[data-v-e90147fb] {
|
|
389
389
|
display: none;
|
|
390
390
|
}
|
|
391
391
|
|
|
392
392
|
/* ================= 卡片头部 ================= */
|
|
393
|
-
.card-header[data-v-
|
|
393
|
+
.card-header[data-v-e90147fb] {
|
|
394
394
|
display: flex;
|
|
395
395
|
align-items: center;
|
|
396
396
|
justify-content: space-between;
|
|
397
397
|
width: 100%;
|
|
398
398
|
}
|
|
399
|
-
.header-info[data-v-
|
|
399
|
+
.header-info[data-v-e90147fb] {
|
|
400
400
|
display: flex;
|
|
401
401
|
align-items: center;
|
|
402
402
|
gap: 1rem;
|
|
403
403
|
}
|
|
404
|
-
.card-icon[data-v-
|
|
404
|
+
.card-icon[data-v-e90147fb] {
|
|
405
405
|
width: 2.5rem;
|
|
406
406
|
height: 2.5rem;
|
|
407
407
|
padding: 0.5rem;
|
|
@@ -413,69 +413,69 @@ to {
|
|
|
413
413
|
justify-content: center;
|
|
414
414
|
font-size: 1.125rem;
|
|
415
415
|
}
|
|
416
|
-
.header-text h3[data-v-
|
|
416
|
+
.header-text h3[data-v-e90147fb] {
|
|
417
417
|
font-size: 1.125rem;
|
|
418
418
|
font-weight: 600;
|
|
419
419
|
margin: 0 0 0.25rem;
|
|
420
420
|
}
|
|
421
|
-
.header-text p[data-v-
|
|
421
|
+
.header-text p[data-v-e90147fb] {
|
|
422
422
|
font-size: 0.875rem;
|
|
423
423
|
color: #6b7280;
|
|
424
424
|
margin: 0;
|
|
425
425
|
}
|
|
426
|
-
.header-actions[data-v-
|
|
426
|
+
.header-actions[data-v-e90147fb] {
|
|
427
427
|
display: flex;
|
|
428
428
|
align-items: center;
|
|
429
429
|
gap: 0.75rem;
|
|
430
430
|
}
|
|
431
|
-
.field-stats[data-v-
|
|
431
|
+
.field-stats[data-v-e90147fb] {
|
|
432
432
|
display: flex;
|
|
433
433
|
gap: 0.5rem;
|
|
434
434
|
}
|
|
435
435
|
|
|
436
436
|
/* ================= 卡片内容 ================= */
|
|
437
|
-
.card-content[data-v-
|
|
437
|
+
.card-content[data-v-e90147fb] {
|
|
438
438
|
padding-top: 1rem;
|
|
439
439
|
}
|
|
440
|
-
.progress-section[data-v-
|
|
440
|
+
.progress-section[data-v-e90147fb] {
|
|
441
441
|
padding-bottom: 1rem;
|
|
442
442
|
}
|
|
443
443
|
|
|
444
444
|
/* ================= 操作面板 ================= */
|
|
445
|
-
.action-content[data-v-
|
|
445
|
+
.action-content[data-v-e90147fb] {
|
|
446
446
|
display: flex;
|
|
447
447
|
align-items: center;
|
|
448
448
|
justify-content: space-between;
|
|
449
449
|
gap: 1.5rem;
|
|
450
450
|
}
|
|
451
451
|
@media (max-width: 768px) {
|
|
452
|
-
.action-content[data-v-
|
|
452
|
+
.action-content[data-v-e90147fb] {
|
|
453
453
|
flex-direction: column;
|
|
454
454
|
align-items: stretch;
|
|
455
455
|
gap: 1rem;
|
|
456
456
|
}
|
|
457
457
|
}
|
|
458
|
-
.status-summary[data-v-
|
|
458
|
+
.status-summary[data-v-e90147fb] {
|
|
459
459
|
display: flex;
|
|
460
460
|
gap: 1.5rem;
|
|
461
461
|
align-items: center;
|
|
462
462
|
flex-wrap: wrap;
|
|
463
463
|
}
|
|
464
|
-
.status-item[data-v-
|
|
464
|
+
.status-item[data-v-e90147fb] {
|
|
465
465
|
display: flex;
|
|
466
466
|
align-items: center;
|
|
467
467
|
gap: 0.75rem;
|
|
468
468
|
}
|
|
469
|
-
.status-item .label[data-v-
|
|
469
|
+
.status-item .label[data-v-e90147fb] {
|
|
470
470
|
font-size: 0.875rem;
|
|
471
471
|
}
|
|
472
|
-
.progress-display[data-v-
|
|
472
|
+
.progress-display[data-v-e90147fb] {
|
|
473
473
|
display: flex;
|
|
474
474
|
align-items: center;
|
|
475
475
|
gap: 0.75rem;
|
|
476
476
|
min-width: 8rem;
|
|
477
477
|
}
|
|
478
|
-
.action-buttons[data-v-
|
|
478
|
+
.action-buttons[data-v-e90147fb] {
|
|
479
479
|
display: flex;
|
|
480
480
|
gap: 0.75rem;
|
|
481
481
|
}
|
|
@@ -1038,17 +1038,17 @@ to {
|
|
|
1038
1038
|
}
|
|
1039
1039
|
}
|
|
1040
1040
|
|
|
1041
|
-
/* unplugin-vue-components disabled */.column-management-tab .search-row[data-v-
|
|
1041
|
+
/* unplugin-vue-components disabled */.column-management-tab .search-row[data-v-3f6dcabc] {
|
|
1042
1042
|
display: flex;
|
|
1043
1043
|
align-items: center;
|
|
1044
1044
|
gap: 12px;
|
|
1045
1045
|
margin-bottom: 12px;
|
|
1046
1046
|
}
|
|
1047
|
-
.column-management-tab .search-row .search-input[data-v-
|
|
1047
|
+
.column-management-tab .search-row .search-input[data-v-3f6dcabc] {
|
|
1048
1048
|
flex: 1;
|
|
1049
1049
|
min-width: 0;
|
|
1050
1050
|
}
|
|
1051
|
-
.column-management-tab .search-row .resizable-control[data-v-
|
|
1051
|
+
.column-management-tab .search-row .resizable-control[data-v-3f6dcabc] {
|
|
1052
1052
|
display: flex;
|
|
1053
1053
|
align-items: center;
|
|
1054
1054
|
flex-shrink: 0;
|
|
@@ -1058,7 +1058,7 @@ to {
|
|
|
1058
1058
|
border-radius: 6px;
|
|
1059
1059
|
white-space: nowrap;
|
|
1060
1060
|
}
|
|
1061
|
-
.column-management-tab .top-actions-bar[data-v-
|
|
1061
|
+
.column-management-tab .top-actions-bar[data-v-3f6dcabc] {
|
|
1062
1062
|
display: flex;
|
|
1063
1063
|
justify-content: space-between;
|
|
1064
1064
|
align-items: center;
|
|
@@ -1067,13 +1067,13 @@ to {
|
|
|
1067
1067
|
background: var(--n-color-target);
|
|
1068
1068
|
border-radius: 6px;
|
|
1069
1069
|
}
|
|
1070
|
-
.column-management-tab .top-actions-bar .stats-info[data-v-
|
|
1070
|
+
.column-management-tab .top-actions-bar .stats-info[data-v-3f6dcabc] {
|
|
1071
1071
|
flex: 1;
|
|
1072
1072
|
}
|
|
1073
|
-
.column-management-tab .top-actions-bar .quick-actions[data-v-
|
|
1073
|
+
.column-management-tab .top-actions-bar .quick-actions[data-v-3f6dcabc] {
|
|
1074
1074
|
flex-shrink: 0;
|
|
1075
1075
|
}
|
|
1076
|
-
.column-management-tab .column-list .column-item[data-v-
|
|
1076
|
+
.column-management-tab .column-list .column-item[data-v-3f6dcabc] {
|
|
1077
1077
|
display: flex;
|
|
1078
1078
|
align-items: center;
|
|
1079
1079
|
justify-content: space-between;
|
|
@@ -1084,44 +1084,44 @@ to {
|
|
|
1084
1084
|
cursor: move;
|
|
1085
1085
|
transition: all 0.2s ease;
|
|
1086
1086
|
}
|
|
1087
|
-
.column-management-tab .column-list .column-item[data-v-
|
|
1087
|
+
.column-management-tab .column-list .column-item[data-v-3f6dcabc]:hover {
|
|
1088
1088
|
background: var(--n-color-target);
|
|
1089
1089
|
}
|
|
1090
|
-
.column-management-tab .column-list .column-item.disabled[data-v-
|
|
1090
|
+
.column-management-tab .column-list .column-item.disabled[data-v-3f6dcabc] {
|
|
1091
1091
|
opacity: 0.6;
|
|
1092
1092
|
cursor: not-allowed;
|
|
1093
1093
|
}
|
|
1094
|
-
.column-management-tab .column-list .column-item.fixed-left[data-v-
|
|
1094
|
+
.column-management-tab .column-list .column-item.fixed-left[data-v-3f6dcabc] {
|
|
1095
1095
|
background: rgba(24, 160, 88, 0.08);
|
|
1096
1096
|
}
|
|
1097
|
-
.column-management-tab .column-list .column-item.fixed-right[data-v-
|
|
1097
|
+
.column-management-tab .column-list .column-item.fixed-right[data-v-3f6dcabc] {
|
|
1098
1098
|
background: rgba(240, 138, 0, 0.08);
|
|
1099
1099
|
}
|
|
1100
|
-
.column-management-tab .column-list .column-item .column-info[data-v-
|
|
1100
|
+
.column-management-tab .column-list .column-item .column-info[data-v-3f6dcabc] {
|
|
1101
1101
|
display: flex;
|
|
1102
1102
|
align-items: center;
|
|
1103
1103
|
flex: 1;
|
|
1104
1104
|
gap: 10px;
|
|
1105
1105
|
min-width: 0;
|
|
1106
1106
|
}
|
|
1107
|
-
.column-management-tab .column-list .column-item .column-info .column-controls[data-v-
|
|
1107
|
+
.column-management-tab .column-list .column-item .column-info .column-controls[data-v-3f6dcabc] {
|
|
1108
1108
|
display: flex;
|
|
1109
1109
|
align-items: center;
|
|
1110
1110
|
gap: 8px;
|
|
1111
1111
|
flex-shrink: 0;
|
|
1112
1112
|
}
|
|
1113
|
-
.column-management-tab .column-list .column-item .column-info .column-controls .drag-handle[data-v-
|
|
1113
|
+
.column-management-tab .column-list .column-item .column-info .column-controls .drag-handle[data-v-3f6dcabc] {
|
|
1114
1114
|
color: var(--n-text-color-3);
|
|
1115
1115
|
cursor: grab;
|
|
1116
1116
|
}
|
|
1117
|
-
.column-management-tab .column-list .column-item .column-info .column-controls .drag-handle[data-v-
|
|
1117
|
+
.column-management-tab .column-list .column-item .column-info .column-controls .drag-handle[data-v-3f6dcabc]:active {
|
|
1118
1118
|
cursor: grabbing;
|
|
1119
1119
|
}
|
|
1120
|
-
.column-management-tab .column-list .column-item .column-info .column-controls .drag-handle.disabled[data-v-
|
|
1120
|
+
.column-management-tab .column-list .column-item .column-info .column-controls .drag-handle.disabled[data-v-3f6dcabc] {
|
|
1121
1121
|
cursor: not-allowed;
|
|
1122
1122
|
opacity: 0.3;
|
|
1123
1123
|
}
|
|
1124
|
-
.column-management-tab .column-list .column-item .column-info .column-details[data-v-
|
|
1124
|
+
.column-management-tab .column-list .column-item .column-info .column-details[data-v-3f6dcabc] {
|
|
1125
1125
|
display: flex;
|
|
1126
1126
|
flex-direction: column;
|
|
1127
1127
|
gap: 4px;
|
|
@@ -1129,37 +1129,37 @@ to {
|
|
|
1129
1129
|
min-width: 0;
|
|
1130
1130
|
overflow: hidden;
|
|
1131
1131
|
}
|
|
1132
|
-
.column-management-tab .column-list .column-item .column-actions[data-v-
|
|
1132
|
+
.column-management-tab .column-list .column-item .column-actions[data-v-3f6dcabc] {
|
|
1133
1133
|
display: flex;
|
|
1134
1134
|
align-items: center;
|
|
1135
1135
|
gap: 6px;
|
|
1136
1136
|
flex-shrink: 0;
|
|
1137
1137
|
}
|
|
1138
|
-
.column-management-tab .column-list .column-item .column-actions .drag-controls[data-v-
|
|
1138
|
+
.column-management-tab .column-list .column-item .column-actions .drag-controls[data-v-3f6dcabc] {
|
|
1139
1139
|
display: flex;
|
|
1140
1140
|
flex-direction: column;
|
|
1141
1141
|
gap: 2px;
|
|
1142
1142
|
}
|
|
1143
|
-
.column-management-tab .column-list .column-item .column-actions .drag-controls .c-icon[data-v-
|
|
1143
|
+
.column-management-tab .column-list .column-item .column-actions .drag-controls .c-icon[data-v-3f6dcabc] {
|
|
1144
1144
|
opacity: 0.6;
|
|
1145
1145
|
transition: all 0.2s ease;
|
|
1146
1146
|
}
|
|
1147
|
-
.column-management-tab .column-list .column-item .column-actions .drag-controls .c-icon[data-v-
|
|
1147
|
+
.column-management-tab .column-list .column-item .column-actions .drag-controls .c-icon[data-v-3f6dcabc]:not(.disabled):hover {
|
|
1148
1148
|
opacity: 1;
|
|
1149
1149
|
transform: scale(1.15);
|
|
1150
1150
|
}
|
|
1151
|
-
.column-management-tab .column-list .column-item .column-actions .drag-controls .c-icon.disabled[data-v-
|
|
1151
|
+
.column-management-tab .column-list .column-item .column-actions .drag-controls .c-icon.disabled[data-v-3f6dcabc] {
|
|
1152
1152
|
opacity: 0.3;
|
|
1153
1153
|
cursor: not-allowed;
|
|
1154
1154
|
}
|
|
1155
|
-
.column-management-tab .column-list .column-item .column-actions .c-icon[data-v-
|
|
1155
|
+
.column-management-tab .column-list .column-item .column-actions .c-icon[data-v-3f6dcabc] {
|
|
1156
1156
|
transition: all 0.2s ease;
|
|
1157
1157
|
}
|
|
1158
|
-
.column-management-tab .column-list .column-item .column-actions .c-icon[data-v-
|
|
1158
|
+
.column-management-tab .column-list .column-item .column-actions .c-icon[data-v-3f6dcabc]:hover {
|
|
1159
1159
|
transform: scale(1.15);
|
|
1160
1160
|
}
|
|
1161
1161
|
/* unplugin-vue-components disabled *//* ================= 1. 组件根容器 ================= */
|
|
1162
|
-
.c-table-wrapper[data-v-
|
|
1162
|
+
.c-table-wrapper[data-v-b0b68bbc] {
|
|
1163
1163
|
--c-table-border-color: var(--border-color, #e5e7eb);
|
|
1164
1164
|
--c-table-bg: var(--body-color, #fff);
|
|
1165
1165
|
--c-table-header-bg: var(--card-color, #fafafc);
|
|
@@ -1172,52 +1172,52 @@ to {
|
|
|
1172
1172
|
}
|
|
1173
1173
|
|
|
1174
1174
|
/* ================= 列拖拽排序 ================= */
|
|
1175
|
-
.column-drag-ghost[data-v-
|
|
1175
|
+
.column-drag-ghost[data-v-b0b68bbc] {
|
|
1176
1176
|
opacity: var(--c-table-drag-ghost-opacity);
|
|
1177
1177
|
background: var(--c-table-drag-ghost-bg) !important;
|
|
1178
1178
|
}
|
|
1179
|
-
.drag-handle[data-v-
|
|
1179
|
+
.drag-handle[data-v-b0b68bbc] {
|
|
1180
1180
|
cursor: grab;
|
|
1181
1181
|
}
|
|
1182
|
-
.drag-handle[data-v-
|
|
1182
|
+
.drag-handle[data-v-b0b68bbc]:active {
|
|
1183
1183
|
cursor: grabbing;
|
|
1184
1184
|
}
|
|
1185
1185
|
|
|
1186
1186
|
/* ================= 合计行强调 ================= */
|
|
1187
|
-
.c-table-wrapper[data-v-
|
|
1187
|
+
.c-table-wrapper[data-v-b0b68bbc] .n-data-table-tfoot {
|
|
1188
1188
|
background: var(--c-table-summary-bg);
|
|
1189
1189
|
font-weight: var(--c-table-summary-font-weight);
|
|
1190
1190
|
}
|
|
1191
1191
|
|
|
1192
1192
|
/* ================= 2. 表格工具栏 ================= */
|
|
1193
|
-
.table-toolbar[data-v-
|
|
1193
|
+
.table-toolbar[data-v-b0b68bbc] {
|
|
1194
1194
|
display: flex;
|
|
1195
1195
|
justify-content: space-between;
|
|
1196
1196
|
align-items: center;
|
|
1197
1197
|
margin-bottom: 16px;
|
|
1198
1198
|
}
|
|
1199
|
-
.table-toolbar .toolbar-left[data-v-
|
|
1199
|
+
.table-toolbar .toolbar-left[data-v-b0b68bbc] {
|
|
1200
1200
|
display: flex;
|
|
1201
1201
|
align-items: center;
|
|
1202
1202
|
gap: 12px;
|
|
1203
1203
|
}
|
|
1204
|
-
.table-toolbar .toolbar-right[data-v-
|
|
1204
|
+
.table-toolbar .toolbar-right[data-v-b0b68bbc] {
|
|
1205
1205
|
display: flex;
|
|
1206
1206
|
align-items: center;
|
|
1207
1207
|
gap: 8px;
|
|
1208
1208
|
}
|
|
1209
|
-
.table-toolbar .toolbar-right .column-settings-btn[data-v-
|
|
1209
|
+
.table-toolbar .toolbar-right .column-settings-btn[data-v-b0b68bbc] {
|
|
1210
1210
|
opacity: 0.6;
|
|
1211
1211
|
transition: opacity 0.2s ease, transform 0.2s ease;
|
|
1212
1212
|
cursor: pointer;
|
|
1213
1213
|
}
|
|
1214
|
-
.table-toolbar .toolbar-right .column-settings-btn[data-v-
|
|
1214
|
+
.table-toolbar .toolbar-right .column-settings-btn[data-v-b0b68bbc]:hover {
|
|
1215
1215
|
opacity: 1;
|
|
1216
1216
|
transform: scale(1.1);
|
|
1217
1217
|
}
|
|
1218
1218
|
|
|
1219
1219
|
/* ================= 3. 动态行工具栏 ================= */
|
|
1220
|
-
.dynamic-rows-toolbar[data-v-
|
|
1220
|
+
.dynamic-rows-toolbar[data-v-b0b68bbc] {
|
|
1221
1221
|
margin-bottom: 16px;
|
|
1222
1222
|
padding: 16px;
|
|
1223
1223
|
border-radius: 8px;
|
|
@@ -1226,12 +1226,12 @@ to {
|
|
|
1226
1226
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
|
|
1227
1227
|
transition: all 0.2s ease;
|
|
1228
1228
|
}
|
|
1229
|
-
.dynamic-rows-toolbar[data-v-
|
|
1229
|
+
.dynamic-rows-toolbar[data-v-b0b68bbc]:hover {
|
|
1230
1230
|
border-color: var(--n-primary-color-suppl);
|
|
1231
1231
|
}
|
|
1232
1232
|
|
|
1233
1233
|
/* ================= 4. 表格布局基础 ================= */
|
|
1234
|
-
[data-v-
|
|
1234
|
+
[data-v-b0b68bbc] .n-data-table {
|
|
1235
1235
|
table-layout: auto !important;
|
|
1236
1236
|
width: 100% !important;
|
|
1237
1237
|
border-radius: 8px;
|
|
@@ -1239,12 +1239,12 @@ to {
|
|
|
1239
1239
|
}
|
|
1240
1240
|
|
|
1241
1241
|
/* 确保表格容器允许横向滚动(固定列必需) */
|
|
1242
|
-
[data-v-
|
|
1242
|
+
[data-v-b0b68bbc] .n-data-table-wrapper {
|
|
1243
1243
|
overflow-x: auto !important;
|
|
1244
1244
|
}
|
|
1245
1245
|
|
|
1246
1246
|
/* 分页组件样式 */
|
|
1247
|
-
.pagination-wrapper[data-v-
|
|
1247
|
+
.pagination-wrapper[data-v-b0b68bbc] {
|
|
1248
1248
|
margin-top: 16px;
|
|
1249
1249
|
display: flex;
|
|
1250
1250
|
justify-content: flex-end;
|
|
@@ -1252,12 +1252,12 @@ to {
|
|
|
1252
1252
|
|
|
1253
1253
|
/* ================= 5. 表格列宽度管理 ================= */
|
|
1254
1254
|
/* 普通列的最小宽度保护 */
|
|
1255
|
-
[data-v-
|
|
1255
|
+
[data-v-b0b68bbc] .n-data-table-th:not(:last-child) {
|
|
1256
1256
|
min-width: 80px !important;
|
|
1257
1257
|
}
|
|
1258
1258
|
|
|
1259
1259
|
/* 操作列固定宽度(适应4个按钮的布局) */
|
|
1260
|
-
[data-v-
|
|
1260
|
+
[data-v-b0b68bbc] .c-table-actions-column {
|
|
1261
1261
|
width: 180px !important;
|
|
1262
1262
|
min-width: 160px !important;
|
|
1263
1263
|
max-width: 200px !important;
|
|
@@ -1266,14 +1266,14 @@ to {
|
|
|
1266
1266
|
}
|
|
1267
1267
|
|
|
1268
1268
|
/* 操作按钮容器居中 */
|
|
1269
|
-
[data-v-
|
|
1269
|
+
[data-v-b0b68bbc] .c-table-actions-column .n-space {
|
|
1270
1270
|
justify-content: center !important;
|
|
1271
1271
|
align-items: center !important;
|
|
1272
1272
|
}
|
|
1273
1273
|
|
|
1274
1274
|
/* ================= 6. 可编辑单元格样式 ================= */
|
|
1275
1275
|
/* 单元格编辑容器 - 精致化设计 */
|
|
1276
|
-
.cell-edit-wrapper[data-v-
|
|
1276
|
+
.cell-edit-wrapper[data-v-b0b68bbc] {
|
|
1277
1277
|
display: flex;
|
|
1278
1278
|
align-items: center;
|
|
1279
1279
|
justify-content: space-between;
|
|
@@ -1286,23 +1286,23 @@ to {
|
|
|
1286
1286
|
position: relative;
|
|
1287
1287
|
/* 悬停效果 */
|
|
1288
1288
|
}
|
|
1289
|
-
.cell-edit-wrapper[data-v-
|
|
1289
|
+
.cell-edit-wrapper[data-v-b0b68bbc]:hover {
|
|
1290
1290
|
background-color: var(--n-color-target);
|
|
1291
1291
|
}
|
|
1292
|
-
.cell-edit-wrapper:hover .cell-edit-icon[data-v-
|
|
1292
|
+
.cell-edit-wrapper:hover .cell-edit-icon[data-v-b0b68bbc] {
|
|
1293
1293
|
opacity: 1;
|
|
1294
1294
|
color: var(--n-color-success);
|
|
1295
1295
|
transform: scale(1.05);
|
|
1296
1296
|
}
|
|
1297
|
-
.cell-edit-wrapper[data-v-
|
|
1297
|
+
.cell-edit-wrapper[data-v-b0b68bbc] {
|
|
1298
1298
|
/* 激活状态 */
|
|
1299
1299
|
}
|
|
1300
|
-
.cell-edit-wrapper[data-v-
|
|
1300
|
+
.cell-edit-wrapper[data-v-b0b68bbc]:active {
|
|
1301
1301
|
transform: translateY(1px);
|
|
1302
1302
|
}
|
|
1303
1303
|
|
|
1304
1304
|
/* 单元格内容 */
|
|
1305
|
-
.cell-value[data-v-
|
|
1305
|
+
.cell-value[data-v-b0b68bbc] {
|
|
1306
1306
|
flex: 1;
|
|
1307
1307
|
overflow: hidden;
|
|
1308
1308
|
text-overflow: ellipsis;
|
|
@@ -1313,7 +1313,7 @@ to {
|
|
|
1313
1313
|
}
|
|
1314
1314
|
|
|
1315
1315
|
/* 编辑图标 - 使用全局选择器确保动态创建的元素也能被选中 */
|
|
1316
|
-
.cell-edit-icon[data-v-
|
|
1316
|
+
.cell-edit-icon[data-v-b0b68bbc],.cell-edit-icon {
|
|
1317
1317
|
flex-shrink: 0;
|
|
1318
1318
|
width: 24px;
|
|
1319
1319
|
height: 24px;
|
|
@@ -1329,29 +1329,29 @@ to {
|
|
|
1329
1329
|
position: relative;
|
|
1330
1330
|
/* 悬停效果 */
|
|
1331
1331
|
}
|
|
1332
|
-
.cell-edit-icon[data-v-
|
|
1332
|
+
.cell-edit-icon[data-v-b0b68bbc]:hover,.cell-edit-icon {
|
|
1333
1333
|
opacity: 1 !important;
|
|
1334
1334
|
color: var(--n-color-success-hover) !important;
|
|
1335
1335
|
background-color: var(--n-color-success-pressed);
|
|
1336
1336
|
transform: scale(1.1);
|
|
1337
1337
|
}
|
|
1338
|
-
.cell-edit-icon[data-v-
|
|
1338
|
+
.cell-edit-icon[data-v-b0b68bbc],.cell-edit-icon {
|
|
1339
1339
|
/* 激活效果 */
|
|
1340
1340
|
}
|
|
1341
|
-
.cell-edit-icon[data-v-
|
|
1341
|
+
.cell-edit-icon[data-v-b0b68bbc]:active,.cell-edit-icon {
|
|
1342
1342
|
transform: scale(0.95);
|
|
1343
1343
|
}
|
|
1344
|
-
.cell-edit-icon[data-v-
|
|
1344
|
+
.cell-edit-icon[data-v-b0b68bbc],.cell-edit-icon {
|
|
1345
1345
|
/* 图标尺寸 */
|
|
1346
1346
|
}
|
|
1347
|
-
.cell-edit-icon svg[data-v-
|
|
1347
|
+
.cell-edit-icon svg[data-v-b0b68bbc],.cell-edit-icon {
|
|
1348
1348
|
width: 14px;
|
|
1349
1349
|
height: 14px;
|
|
1350
1350
|
}
|
|
1351
1351
|
|
|
1352
1352
|
/* ================= 7. 单元格编辑状态样式 ================= */
|
|
1353
1353
|
/* 编辑容器 - 确保水平布局不换行 */
|
|
1354
|
-
.cell-editing-container[data-v-
|
|
1354
|
+
.cell-editing-container[data-v-b0b68bbc],[data-v-b0b68bbc] .cell-editing-container {
|
|
1355
1355
|
display: flex !important;
|
|
1356
1356
|
align-items: center !important;
|
|
1357
1357
|
width: 100% !important;
|
|
@@ -1365,39 +1365,39 @@ to {
|
|
|
1365
1365
|
}
|
|
1366
1366
|
|
|
1367
1367
|
/* 编辑输入区域 - 占据剩余空间 */
|
|
1368
|
-
.cell-editing-input[data-v-
|
|
1368
|
+
.cell-editing-input[data-v-b0b68bbc],[data-v-b0b68bbc] .cell-editing-input {
|
|
1369
1369
|
flex: 1 !important;
|
|
1370
1370
|
min-width: 0 !important;
|
|
1371
1371
|
}
|
|
1372
1372
|
|
|
1373
1373
|
/* 深度选择器处理输入框样式 */
|
|
1374
|
-
[data-v-
|
|
1374
|
+
[data-v-b0b68bbc] .cell-editing-input .n-input {
|
|
1375
1375
|
border: none !important;
|
|
1376
1376
|
box-shadow: none !important;
|
|
1377
1377
|
background: transparent !important;
|
|
1378
1378
|
}
|
|
1379
|
-
[data-v-
|
|
1379
|
+
[data-v-b0b68bbc] .cell-editing-input .n-input.n-input--focus {
|
|
1380
1380
|
border: none !important;
|
|
1381
1381
|
box-shadow: none !important;
|
|
1382
1382
|
}
|
|
1383
|
-
[data-v-
|
|
1383
|
+
[data-v-b0b68bbc] .cell-editing-input .n-input-number {
|
|
1384
1384
|
border: none !important;
|
|
1385
1385
|
box-shadow: none !important;
|
|
1386
1386
|
background: transparent !important;
|
|
1387
1387
|
}
|
|
1388
|
-
[data-v-
|
|
1388
|
+
[data-v-b0b68bbc] .cell-editing-input .n-select {
|
|
1389
1389
|
border: none !important;
|
|
1390
1390
|
box-shadow: none !important;
|
|
1391
1391
|
background: transparent !important;
|
|
1392
1392
|
}
|
|
1393
|
-
[data-v-
|
|
1393
|
+
[data-v-b0b68bbc] .cell-editing-input .n-select .n-base-selection {
|
|
1394
1394
|
border: none !important;
|
|
1395
1395
|
box-shadow: none !important;
|
|
1396
1396
|
background: transparent !important;
|
|
1397
1397
|
}
|
|
1398
1398
|
|
|
1399
1399
|
/* 编辑操作按钮容器 */
|
|
1400
|
-
.cell-editing-actions[data-v-
|
|
1400
|
+
.cell-editing-actions[data-v-b0b68bbc],[data-v-b0b68bbc] .cell-editing-actions {
|
|
1401
1401
|
display: flex !important;
|
|
1402
1402
|
flex-shrink: 0 !important;
|
|
1403
1403
|
align-items: center !important;
|
|
@@ -1410,7 +1410,7 @@ to {
|
|
|
1410
1410
|
}
|
|
1411
1411
|
|
|
1412
1412
|
/* 编辑操作按钮 */
|
|
1413
|
-
.cell-action-btn[data-v-
|
|
1413
|
+
.cell-action-btn[data-v-b0b68bbc],[data-v-b0b68bbc] .cell-action-btn {
|
|
1414
1414
|
display: flex !important;
|
|
1415
1415
|
align-items: center !important;
|
|
1416
1416
|
justify-content: center !important;
|
|
@@ -1423,34 +1423,34 @@ to {
|
|
|
1423
1423
|
background: transparent !important;
|
|
1424
1424
|
/* 保存按钮 */
|
|
1425
1425
|
}
|
|
1426
|
-
.cell-action-btn.cell-action-save[data-v-
|
|
1426
|
+
.cell-action-btn.cell-action-save[data-v-b0b68bbc],[data-v-b0b68bbc] .cell-action-btn.cell-action-save {
|
|
1427
1427
|
color: var(--n-color-success) !important;
|
|
1428
1428
|
}
|
|
1429
|
-
.cell-action-btn.cell-action-save[data-v-
|
|
1429
|
+
.cell-action-btn.cell-action-save[data-v-b0b68bbc]:hover,[data-v-b0b68bbc] .cell-action-btn.cell-action-save:hover {
|
|
1430
1430
|
background: var(--n-color-success-pressed) !important;
|
|
1431
1431
|
transform: scale(1.1) !important;
|
|
1432
1432
|
}
|
|
1433
|
-
.cell-action-btn[data-v-
|
|
1433
|
+
.cell-action-btn[data-v-b0b68bbc],[data-v-b0b68bbc] .cell-action-btn {
|
|
1434
1434
|
/* 取消按钮 */
|
|
1435
1435
|
}
|
|
1436
|
-
.cell-action-btn.cell-action-cancel[data-v-
|
|
1436
|
+
.cell-action-btn.cell-action-cancel[data-v-b0b68bbc],[data-v-b0b68bbc] .cell-action-btn.cell-action-cancel {
|
|
1437
1437
|
color: var(--n-color-error) !important;
|
|
1438
1438
|
}
|
|
1439
|
-
.cell-action-btn.cell-action-cancel[data-v-
|
|
1439
|
+
.cell-action-btn.cell-action-cancel[data-v-b0b68bbc]:hover,[data-v-b0b68bbc] .cell-action-btn.cell-action-cancel:hover {
|
|
1440
1440
|
background: var(--n-color-error-pressed) !important;
|
|
1441
1441
|
transform: scale(1.1) !important;
|
|
1442
1442
|
}
|
|
1443
|
-
.cell-action-btn[data-v-
|
|
1443
|
+
.cell-action-btn[data-v-b0b68bbc],[data-v-b0b68bbc] .cell-action-btn {
|
|
1444
1444
|
/* 图标尺寸 */
|
|
1445
1445
|
}
|
|
1446
|
-
.cell-action-btn svg[data-v-
|
|
1446
|
+
.cell-action-btn svg[data-v-b0b68bbc],[data-v-b0b68bbc] .cell-action-btn svg {
|
|
1447
1447
|
width: 11px !important;
|
|
1448
1448
|
height: 11px !important;
|
|
1449
1449
|
}
|
|
1450
1450
|
|
|
1451
1451
|
/* ================= 7. 操作按钮样式 ================= */
|
|
1452
1452
|
/* 通用按钮样式 */
|
|
1453
|
-
[data-v-
|
|
1453
|
+
[data-v-b0b68bbc] .n-button {
|
|
1454
1454
|
white-space: nowrap;
|
|
1455
1455
|
font-size: 12px !important;
|
|
1456
1456
|
flex-shrink: 0 !important;
|
|
@@ -1459,60 +1459,60 @@ to {
|
|
|
1459
1459
|
font-weight: 500;
|
|
1460
1460
|
/* 图标间距 */
|
|
1461
1461
|
}
|
|
1462
|
-
[data-v-
|
|
1462
|
+
[data-v-b0b68bbc] .n-button .n-icon {
|
|
1463
1463
|
margin-right: 4px !important;
|
|
1464
1464
|
}
|
|
1465
|
-
[data-v-
|
|
1465
|
+
[data-v-b0b68bbc] .n-button {
|
|
1466
1466
|
/* 小尺寸按钮优化 */
|
|
1467
1467
|
}
|
|
1468
|
-
[data-v-
|
|
1468
|
+
[data-v-b0b68bbc] .n-button.n-button--small-type {
|
|
1469
1469
|
padding: 4px 8px;
|
|
1470
1470
|
height: 28px;
|
|
1471
1471
|
line-height: 20px;
|
|
1472
1472
|
}
|
|
1473
|
-
[data-v-
|
|
1473
|
+
[data-v-b0b68bbc] .n-button {
|
|
1474
1474
|
/* 四元按钮样式 */
|
|
1475
1475
|
}
|
|
1476
|
-
[data-v-
|
|
1476
|
+
[data-v-b0b68bbc] .n-button.n-button--quaternary-type:hover {
|
|
1477
1477
|
transform: translateY(-1px);
|
|
1478
1478
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
|
1479
1479
|
}
|
|
1480
|
-
[data-v-
|
|
1480
|
+
[data-v-b0b68bbc] .n-button.n-button--quaternary-type:active {
|
|
1481
1481
|
transform: translateY(0);
|
|
1482
1482
|
}
|
|
1483
1483
|
|
|
1484
1484
|
/* ================= 8. 按钮组间距优化 ================= */
|
|
1485
1485
|
/* 操作按钮组 */
|
|
1486
|
-
[data-v-
|
|
1486
|
+
[data-v-b0b68bbc] .n-space.n-space--horizontal .n-space-item:not(:last-child) {
|
|
1487
1487
|
margin-right: 6px !important;
|
|
1488
1488
|
}
|
|
1489
1489
|
|
|
1490
1490
|
/* ================= 9. 模态框样式优化 ================= */
|
|
1491
1491
|
/* 编辑模态框 */
|
|
1492
|
-
[data-v-
|
|
1492
|
+
[data-v-b0b68bbc] .n-modal .n-card {
|
|
1493
1493
|
border-radius: 12px;
|
|
1494
1494
|
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
|
|
1495
1495
|
}
|
|
1496
|
-
[data-v-
|
|
1496
|
+
[data-v-b0b68bbc] .n-modal .n-card__header {
|
|
1497
1497
|
padding: 20px 24px 16px;
|
|
1498
1498
|
font-weight: 600;
|
|
1499
1499
|
font-size: 16px;
|
|
1500
1500
|
}
|
|
1501
|
-
[data-v-
|
|
1501
|
+
[data-v-b0b68bbc] .n-modal .n-card__content {
|
|
1502
1502
|
padding: 0 24px 16px;
|
|
1503
1503
|
}
|
|
1504
|
-
[data-v-
|
|
1504
|
+
[data-v-b0b68bbc] .n-modal .n-card__action {
|
|
1505
1505
|
padding: 16px 24px 20px;
|
|
1506
1506
|
border-top: 1px solid var(--n-divider-color);
|
|
1507
1507
|
}
|
|
1508
1508
|
|
|
1509
1509
|
/* ================= 10. 描述列表样式 ================= */
|
|
1510
1510
|
/* 详情模态框描述列表 */
|
|
1511
|
-
[data-v-
|
|
1511
|
+
[data-v-b0b68bbc] .n-descriptions .n-descriptions-item-label {
|
|
1512
1512
|
font-weight: 500;
|
|
1513
1513
|
color: var(--n-text-color-2);
|
|
1514
1514
|
}
|
|
1515
|
-
[data-v-
|
|
1515
|
+
[data-v-b0b68bbc] .n-descriptions .n-descriptions-item-content {
|
|
1516
1516
|
color: var(--n-text-color-1);
|
|
1517
1517
|
word-break: break-all;
|
|
1518
1518
|
}
|
|
@@ -1520,99 +1520,99 @@ to {
|
|
|
1520
1520
|
/* ================= 11. 响应式设计 ================= */
|
|
1521
1521
|
/* 移动端适配 */
|
|
1522
1522
|
@media (max-width: 768px) {
|
|
1523
|
-
.c-table-wrapper[data-v-
|
|
1523
|
+
.c-table-wrapper[data-v-b0b68bbc] {
|
|
1524
1524
|
overflow-x: auto;
|
|
1525
1525
|
}
|
|
1526
1526
|
/* 操作列在移动端的适配 */
|
|
1527
|
-
[data-v-
|
|
1527
|
+
[data-v-b0b68bbc] .n-data-table-th:last-child {
|
|
1528
1528
|
width: 160px !important;
|
|
1529
1529
|
min-width: 160px !important;
|
|
1530
1530
|
}
|
|
1531
1531
|
/* 按钮在移动端的优化 */
|
|
1532
|
-
[data-v-
|
|
1532
|
+
[data-v-b0b68bbc] .n-button {
|
|
1533
1533
|
font-size: 11px !important;
|
|
1534
1534
|
padding: 3px 6px;
|
|
1535
1535
|
}
|
|
1536
|
-
[data-v-
|
|
1536
|
+
[data-v-b0b68bbc] .n-button .n-icon {
|
|
1537
1537
|
margin-right: 2px !important;
|
|
1538
1538
|
}
|
|
1539
1539
|
/* 单元格编辑图标在移动端始终显示 */
|
|
1540
|
-
.cell-edit-icon[data-v-
|
|
1540
|
+
.cell-edit-icon[data-v-b0b68bbc] {
|
|
1541
1541
|
opacity: 0.6;
|
|
1542
1542
|
}
|
|
1543
1543
|
}
|
|
1544
1544
|
/* ================= 12. 主题适配 ================= */
|
|
1545
1545
|
/* 暗色主题适配 - 已通过 CSS 变量自动适配 */
|
|
1546
|
-
[data-theme=dark][data-v-
|
|
1546
|
+
[data-theme=dark][data-v-b0b68bbc] {
|
|
1547
1547
|
/* CSS 变量已自动适配,如有特殊需求可在此添加 */
|
|
1548
1548
|
}
|
|
1549
1549
|
|
|
1550
1550
|
/* ================= 13. 响应式优化 ================= */
|
|
1551
1551
|
/* 小屏幕下的单元格编辑优化 */
|
|
1552
1552
|
@media (max-width: 768px) {
|
|
1553
|
-
.cell-editing-container[data-v-
|
|
1553
|
+
.cell-editing-container[data-v-b0b68bbc],[data-v-b0b68bbc] .cell-editing-container {
|
|
1554
1554
|
gap: 6px !important;
|
|
1555
1555
|
}
|
|
1556
|
-
.cell-editing-actions[data-v-
|
|
1556
|
+
.cell-editing-actions[data-v-b0b68bbc],[data-v-b0b68bbc] .cell-editing-actions {
|
|
1557
1557
|
gap: 3px !important;
|
|
1558
1558
|
padding: 2px !important;
|
|
1559
1559
|
}
|
|
1560
|
-
.cell-action-btn[data-v-
|
|
1560
|
+
.cell-action-btn[data-v-b0b68bbc],[data-v-b0b68bbc] .cell-action-btn {
|
|
1561
1561
|
width: 18px !important;
|
|
1562
1562
|
height: 18px !important;
|
|
1563
1563
|
}
|
|
1564
|
-
.cell-action-btn svg[data-v-
|
|
1564
|
+
.cell-action-btn svg[data-v-b0b68bbc],[data-v-b0b68bbc] .cell-action-btn svg {
|
|
1565
1565
|
width: 10px !important;
|
|
1566
1566
|
height: 10px !important;
|
|
1567
1567
|
}
|
|
1568
1568
|
/* 移动端编辑图标 */
|
|
1569
|
-
.cell-edit-icon[data-v-
|
|
1569
|
+
.cell-edit-icon[data-v-b0b68bbc] {
|
|
1570
1570
|
opacity: 0.6 !important;
|
|
1571
1571
|
}
|
|
1572
|
-
.cell-value[data-v-
|
|
1572
|
+
.cell-value[data-v-b0b68bbc] {
|
|
1573
1573
|
margin-right: 12px !important;
|
|
1574
1574
|
}
|
|
1575
1575
|
}
|
|
1576
1576
|
/* ================= 14. 性能优化 ================= */
|
|
1577
1577
|
/* 使用 GPU 加速的动画 */
|
|
1578
|
-
.cell-edit-icon[data-v-
|
|
1579
|
-
.cell-action-btn[data-v-
|
|
1578
|
+
.cell-edit-icon[data-v-b0b68bbc],
|
|
1579
|
+
.cell-action-btn[data-v-b0b68bbc] {
|
|
1580
1580
|
will-change: transform;
|
|
1581
1581
|
backface-visibility: hidden;
|
|
1582
1582
|
}
|
|
1583
|
-
[data-v-
|
|
1583
|
+
[data-v-b0b68bbc] .n-button {
|
|
1584
1584
|
will-change: transform;
|
|
1585
1585
|
backface-visibility: hidden;
|
|
1586
1586
|
}
|
|
1587
1587
|
|
|
1588
1588
|
/* ================= 15. 可访问性优化 ================= */
|
|
1589
1589
|
/* 聚焦状态 */
|
|
1590
|
-
.cell-edit-wrapper[data-v-
|
|
1591
|
-
.cell-editing-container[data-v-
|
|
1590
|
+
.cell-edit-wrapper[data-v-b0b68bbc]:focus-within,
|
|
1591
|
+
.cell-editing-container[data-v-b0b68bbc]:focus-within {
|
|
1592
1592
|
outline: 2px solid var(--n-primary-color);
|
|
1593
1593
|
outline-offset: 2px;
|
|
1594
1594
|
}
|
|
1595
1595
|
|
|
1596
1596
|
/* 高对比度模式支持 */
|
|
1597
1597
|
@media (prefers-contrast: high) {
|
|
1598
|
-
.cell-edit-icon[data-v-
|
|
1598
|
+
.cell-edit-icon[data-v-b0b68bbc] {
|
|
1599
1599
|
opacity: 0.8;
|
|
1600
1600
|
}
|
|
1601
|
-
.cell-editing-actions[data-v-
|
|
1601
|
+
.cell-editing-actions[data-v-b0b68bbc] {
|
|
1602
1602
|
border-width: 2px;
|
|
1603
1603
|
}
|
|
1604
1604
|
}
|
|
1605
1605
|
/* ================= 11. 行拖拽排序 ================= */
|
|
1606
|
-
.row-drag-ghost[data-v-
|
|
1606
|
+
.row-drag-ghost[data-v-b0b68bbc] {
|
|
1607
1607
|
opacity: 0.4;
|
|
1608
1608
|
background: var(--c-table-drag-ghost-bg) !important;
|
|
1609
1609
|
}
|
|
1610
|
-
.row-drag-chosen[data-v-
|
|
1610
|
+
.row-drag-chosen[data-v-b0b68bbc] {
|
|
1611
1611
|
background: var(--n-color-hover, #f5f5f5) !important;
|
|
1612
1612
|
}
|
|
1613
1613
|
|
|
1614
1614
|
/* ================= 12. 批量操作栏 ================= */
|
|
1615
|
-
.batch-actions-bar[data-v-
|
|
1615
|
+
.batch-actions-bar[data-v-b0b68bbc] {
|
|
1616
1616
|
display: flex;
|
|
1617
1617
|
align-items: center;
|
|
1618
1618
|
justify-content: space-between;
|
|
@@ -1622,25 +1622,25 @@ to {
|
|
|
1622
1622
|
border-radius: 6px;
|
|
1623
1623
|
border: 1px solid var(--n-primary-color-suppl, #70b3ff);
|
|
1624
1624
|
}
|
|
1625
|
-
.batch-actions-bar .batch-info[data-v-
|
|
1625
|
+
.batch-actions-bar .batch-info[data-v-b0b68bbc] {
|
|
1626
1626
|
font-size: 13px;
|
|
1627
1627
|
color: var(--n-text-color-2);
|
|
1628
1628
|
font-weight: 500;
|
|
1629
1629
|
}
|
|
1630
1630
|
|
|
1631
1631
|
/* ================= 13. 错误状态 ================= */
|
|
1632
|
-
.table-error-state[data-v-
|
|
1632
|
+
.table-error-state[data-v-b0b68bbc] {
|
|
1633
1633
|
padding: 48px 24px;
|
|
1634
1634
|
text-align: center;
|
|
1635
1635
|
}
|
|
1636
|
-
.table-error-state .error-content[data-v-
|
|
1636
|
+
.table-error-state .error-content[data-v-b0b68bbc] {
|
|
1637
1637
|
display: flex;
|
|
1638
1638
|
flex-direction: column;
|
|
1639
1639
|
align-items: center;
|
|
1640
1640
|
gap: 12px;
|
|
1641
1641
|
color: var(--n-text-color-3, #999);
|
|
1642
1642
|
}
|
|
1643
|
-
.table-error-state .error-message[data-v-
|
|
1643
|
+
.table-error-state .error-message[data-v-b0b68bbc] {
|
|
1644
1644
|
font-size: 14px;
|
|
1645
1645
|
margin: 0;
|
|
1646
1646
|
color: var(--n-text-color-2, #666);
|