@robot-admin/naive-ui-components 0.4.4 → 0.5.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.
Files changed (158) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/C_ActionBar-jZPsiXtT.css.map +1 -0
  3. package/dist/C_ActionBar.css +205 -0
  4. package/dist/{C_AntV-DGjscTWa.css.map → C_AntV-A3NXx_sF.css.map} +1 -1
  5. package/dist/C_AntV-D2Zp2qQF.css.map +1 -0
  6. package/dist/C_AntV.css +398 -0
  7. package/dist/C_AntV.js.map +1 -1
  8. package/dist/C_AntV2.js +1 -1
  9. package/dist/C_AntV2.js.map +1 -1
  10. package/dist/C_Barcode-Do1Ozsmh.css.map +1 -0
  11. package/dist/C_Barcode.css +39 -0
  12. package/dist/C_Captcha-CZmAETly.css.map +1 -0
  13. package/dist/C_Captcha.css +109 -0
  14. package/dist/C_Cascade-Dq0S5Jkm.css.map +1 -0
  15. package/dist/C_Cascade.css +10 -0
  16. package/dist/C_City-DNKv4MpH.css.map +1 -0
  17. package/dist/C_City.css +132 -0
  18. package/dist/C_Code-avZjAnHD.css.map +1 -0
  19. package/dist/C_Code.css +8 -0
  20. package/dist/C_CollapsePanel-BpofCDyl.css.map +1 -0
  21. package/dist/C_CollapsePanel.css +171 -0
  22. package/dist/C_Cron-DqHQ92LN.css.map +1 -0
  23. package/dist/C_Cron.css +307 -0
  24. package/dist/C_Draggable-r6nhx3yM.css.map +1 -0
  25. package/dist/C_Draggable.css +238 -0
  26. package/dist/C_Editor-D0_6UhIa.css.map +1 -0
  27. package/dist/C_Editor.css +52 -0
  28. package/dist/{C_FilePreview-B4XgTv-h.css.map → C_FilePreview-BVarVvnD.css.map} +1 -1
  29. package/dist/C_FilePreview-DHGlV4OR.css.map +1 -0
  30. package/dist/C_FilePreview.css +507 -0
  31. package/dist/C_FilePreview.js.map +1 -1
  32. package/dist/C_FilePreview2.js +1 -1
  33. package/dist/C_FilePreview2.js.map +1 -1
  34. package/dist/{C_Form-DLb9FtAb.css.map → C_Form-BciQUPpS.css.map} +1 -1
  35. package/dist/C_Form-CKHvXL3O.css.map +1 -0
  36. package/dist/C_Form.css +976 -0
  37. package/dist/C_Form.js.map +1 -1
  38. package/dist/C_Form2.js +1 -1
  39. package/dist/C_Form2.js.map +1 -1
  40. package/dist/{C_FormSearch-DlIEoh7X.css.map → C_FormSearch-Bmd2CmG6.css.map} +1 -1
  41. package/dist/C_FormSearch-DBNtnjaL.css.map +1 -0
  42. package/dist/C_FormSearch.css +177 -0
  43. package/dist/C_FormSearch.js.map +1 -1
  44. package/dist/C_FormSearch2.js +1 -1
  45. package/dist/C_FormSearch2.js.map +1 -1
  46. package/dist/C_FormulaEditor-3WG2vtQl.css.map +1 -0
  47. package/dist/C_FormulaEditor.css +502 -0
  48. package/dist/C_FullCalendar-1U4VlG7X.css.map +1 -0
  49. package/dist/C_FullCalendar-DLUdCtqf.css.map +1 -0
  50. package/dist/C_FullCalendar.css +7 -0
  51. package/dist/C_FullCalendar.js.map +1 -1
  52. package/dist/C_FullCalendar2.js +1 -1
  53. package/dist/C_FullCalendar2.js.map +1 -1
  54. package/dist/C_GlobalSearch-B6wK3m3k.css.map +1 -0
  55. package/dist/C_GlobalSearch.css +616 -0
  56. package/dist/C_Guide.js.map +1 -1
  57. package/dist/C_Guide2.js.map +1 -1
  58. package/dist/C_Icon.js.map +1 -1
  59. package/dist/C_Icon2.js.map +1 -1
  60. package/dist/C_ImageCropper-D3L2-J_J.css.map +1 -0
  61. package/dist/C_ImageCropper.css +129 -0
  62. package/dist/C_Language.js.map +1 -1
  63. package/dist/C_Language2.js.map +1 -1
  64. package/dist/C_Map-BCJmDnJT.css.map +1 -0
  65. package/dist/C_Map.css +29 -0
  66. package/dist/{C_Markdown-C2uiBVSW.css.map → C_Markdown-7iBnLDtL.css.map} +1 -1
  67. package/dist/C_Markdown-BbTvdFCl.css.map +1 -0
  68. package/dist/C_Markdown.css +112 -0
  69. package/dist/C_Markdown.js.map +1 -1
  70. package/dist/C_Markdown2.js +1 -1
  71. package/dist/C_Markdown2.js.map +1 -1
  72. package/dist/C_NotificationCenter-DT6fQ79O.css.map +1 -0
  73. package/dist/C_NotificationCenter.css +466 -0
  74. package/dist/C_QRCode-DMxSyogU.css.map +1 -0
  75. package/dist/C_QRCode.css +51 -0
  76. package/dist/C_Signature-B5fFz6RD.css.map +1 -0
  77. package/dist/C_Signature.css +79 -0
  78. package/dist/C_SplitPane-DuyzUhKB.css.map +1 -0
  79. package/dist/C_SplitPane.css +152 -0
  80. package/dist/C_Steps-DGwXxS2Y.css.map +1 -0
  81. package/dist/C_Steps.css +171 -0
  82. package/dist/{C_Table-C55H4kPr.css.map → C_Table-Dcam_tRs.css.map} +1 -1
  83. package/dist/C_Table-tbUx-R4H.css.map +1 -0
  84. package/dist/C_Table.css +527 -0
  85. package/dist/C_Table.js.map +1 -1
  86. package/dist/C_Table2.js +1 -1
  87. package/dist/C_Table2.js.map +1 -1
  88. package/dist/C_Theme.js.map +1 -1
  89. package/dist/C_Theme2.js.map +1 -1
  90. package/dist/C_Time-CKb_fwdm.css.map +1 -0
  91. package/dist/C_Time.css +23 -0
  92. package/dist/C_Tree-B-Le4hjQ.css.map +1 -0
  93. package/dist/C_Tree.css +142 -0
  94. package/dist/C_Upload-S30RmC9t.css.map +1 -0
  95. package/dist/C_Upload.css +251 -0
  96. package/dist/C_VideoPlayer-Cdgv4Zq0.css.map +1 -0
  97. package/dist/C_VideoPlayer.css +355 -0
  98. package/dist/C_VideoPlayer.d.ts +1 -1
  99. package/dist/C_VtableGantt-DB87-jdS.css.map +1 -0
  100. package/dist/C_VtableGantt.css +89 -0
  101. package/dist/C_WaterFall-C4HDqf-a.css.map +1 -0
  102. package/dist/C_WaterFall.css +73 -0
  103. package/dist/{C_WorkFlow-CSO86Cuc.css.map → C_WorkFlow-7F6op6qN.css.map} +1 -1
  104. package/dist/C_WorkFlow-Cy3HWA6A.css.map +1 -0
  105. package/dist/C_WorkFlow.css +1166 -0
  106. package/dist/C_WorkFlow.js.map +1 -1
  107. package/dist/C_WorkFlow2.js +1 -1
  108. package/dist/C_WorkFlow2.js.map +1 -1
  109. package/dist/chunk.js +1 -1
  110. package/dist/constants.d.ts +4 -4
  111. package/dist/constants2.d.ts +5 -5
  112. package/dist/constants3.d.ts +3 -3
  113. package/dist/constants4.d.ts +4 -4
  114. package/dist/constants5.d.ts +8 -3816
  115. package/dist/data.d.ts +1 -1
  116. package/dist/index.cjs.map +1 -1
  117. package/dist/index.d.ts +2 -1
  118. package/dist/index.js.map +1 -1
  119. package/dist/index.vue.d.ts +1 -1
  120. package/dist/index10.vue.d.ts +8 -8
  121. package/dist/index11.vue.d.ts +2 -2
  122. package/dist/index12.vue.d.ts +7 -7
  123. package/dist/index13.vue.d.ts +1 -1
  124. package/dist/index14.vue.d.ts +2 -2
  125. package/dist/index15.vue.d.ts +1 -1
  126. package/dist/index16.vue.d.ts +2 -2
  127. package/dist/index3.vue.d.ts +1 -1
  128. package/dist/index4.vue.d.ts +2 -2
  129. package/dist/index5.vue.d.ts +2 -2
  130. package/dist/index6.vue.d.ts +4 -4
  131. package/dist/index7.vue.d.ts +2 -2
  132. package/dist/index8.vue.d.ts +4 -4
  133. package/dist/index9.vue.d.ts +1 -1
  134. package/dist/resolver.cjs +1 -1
  135. package/dist/resolver.cjs.map +1 -1
  136. package/dist/resolver.d.cts +7 -0
  137. package/dist/resolver.d.ts +7 -0
  138. package/dist/resolver.js +1 -1
  139. package/dist/resolver.js.map +1 -1
  140. package/dist/style.css +481 -481
  141. package/dist/useCalendarEvents.d.ts +1 -1
  142. package/dist/useCollapsePanel.d.ts +1 -1
  143. package/dist/useCropperCore.d.ts +7 -7
  144. package/dist/useDraggableLayout.d.ts +2 -2
  145. package/dist/useDynamicFormState.d.ts +8 -8
  146. package/dist/useEdgeInteraction.d.ts +4 -7293
  147. package/dist/useFullscreen.d.ts +2 -2
  148. package/dist/useInfiniteScroll.d.ts +3 -3
  149. package/dist/useModalEdit.d.ts +41 -17
  150. package/dist/useQRCode.d.ts +3 -3
  151. package/dist/useSearchState.d.ts +3 -3
  152. package/dist/useSignatureHistory.d.ts +3 -3
  153. package/dist/useSplitResize.d.ts +3 -3
  154. package/dist/useTimeSelection.d.ts +2 -2
  155. package/dist/useTreeOperations.d.ts +3 -3
  156. package/dist/useWorkflowValidation.d.ts +5 -5
  157. package/package.json +32 -32
  158. package/dist/C_FullCalendar-BULCIlVK.css.map +0 -1
@@ -0,0 +1,79 @@
1
+ /* unplugin-vue-components disabled *//* 电子签名组件样式 */
2
+ .c-signature[data-v-1c733bfe] {
3
+ display: flex;
4
+ flex-direction: column;
5
+ gap: 12px;
6
+ width: 100%;
7
+ }
8
+ .c-signature .signature-toolbar[data-v-1c733bfe] {
9
+ display: flex;
10
+ align-items: center;
11
+ gap: 12px;
12
+ padding: 12px;
13
+ background: var(--c-bg-card, #fff);
14
+ border: 1px solid var(--c-border, #e1e4e8);
15
+ border-radius: var(--c-radius, 6px);
16
+ flex-wrap: wrap;
17
+ }
18
+ .c-signature .signature-toolbar .toolbar-section[data-v-1c733bfe] {
19
+ display: flex;
20
+ align-items: center;
21
+ gap: 8px;
22
+ }
23
+ .c-signature .signature-toolbar .toolbar-section.divider[data-v-1c733bfe] {
24
+ width: 1px;
25
+ height: 24px;
26
+ background: var(--c-border, #e1e4e8);
27
+ margin: 0 4px;
28
+ }
29
+ .c-signature .signature-toolbar .toolbar-section .section-label[data-v-1c733bfe] {
30
+ font-size: 13px;
31
+ color: var(--c-text-3, #999);
32
+ font-weight: 500;
33
+ }
34
+ .c-signature .signature-canvas-wrapper[data-v-1c733bfe] {
35
+ position: relative;
36
+ border: 1px solid var(--c-border, #e1e4e8);
37
+ border-radius: var(--c-radius, 6px);
38
+ overflow: hidden;
39
+ background: var(--c-bg, #fff);
40
+ transition: border-color 0.3s;
41
+ }
42
+ .c-signature .signature-canvas-wrapper[data-v-1c733bfe]:hover {
43
+ border-color: var(--c-primary, #409eff);
44
+ }
45
+ .c-signature .signature-canvas-wrapper.disabled[data-v-1c733bfe] {
46
+ opacity: 0.6;
47
+ cursor: not-allowed;
48
+ border-color: var(--c-border, #e1e4e8);
49
+ }
50
+ .c-signature .signature-canvas-wrapper.readonly[data-v-1c733bfe] {
51
+ cursor: default;
52
+ }
53
+ .c-signature .signature-canvas-wrapper .signature-canvas[data-v-1c733bfe] {
54
+ display: block;
55
+ width: 100%;
56
+ height: 100%;
57
+ cursor: crosshair;
58
+ touch-action: none;
59
+ }
60
+ .c-signature .signature-canvas-wrapper .signature-canvas.disabled[data-v-1c733bfe], .c-signature .signature-canvas-wrapper .signature-canvas.readonly[data-v-1c733bfe] {
61
+ cursor: not-allowed;
62
+ }
63
+ .c-signature .signature-canvas-wrapper .canvas-placeholder[data-v-1c733bfe] {
64
+ position: absolute;
65
+ top: 50%;
66
+ left: 50%;
67
+ transform: translate(-50%, -50%);
68
+ color: var(--c-text-4, #ccc);
69
+ font-size: 14px;
70
+ pointer-events: none;
71
+ user-select: none;
72
+ }
73
+ .c-signature .signature-actions[data-v-1c733bfe] {
74
+ display: flex;
75
+ justify-content: flex-end;
76
+ gap: 8px;
77
+ }
78
+
79
+ /*# sourceMappingURL=C_Signature-B5fFz6RD.css.map*/
@@ -0,0 +1 @@
1
+ {"version":3,"file":"C_SplitPane-DuyzUhKB.css","names":[],"sources":["../src/components/C_SplitPane/index.vue?vue&type=style&index=0&scoped=396d0f5b&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled *//* 分割面板组件样式 */\n.c-split-pane[data-v-396d0f5b] {\n display: flex;\n width: 100%;\n height: 100%;\n overflow: hidden;\n position: relative;\n /* ─── 方向 ────────────────────────────────── */\n /* ─── 拖拽中 ──────────────────────────────── */\n /* ─── 禁用 ────────────────────────────────── */\n /* ─── 折叠过渡 ────────────────────────────── */\n}\n.c-split-pane--horizontal[data-v-396d0f5b] {\n flex-direction: row;\n}\n.c-split-pane--vertical[data-v-396d0f5b] {\n flex-direction: column;\n}\n.c-split-pane--dragging .split-panel__content[data-v-396d0f5b] {\n pointer-events: none;\n user-select: none;\n}\n.c-split-pane--disabled .split-gutter[data-v-396d0f5b] {\n cursor: default !important;\n opacity: 0.5;\n}\n.c-split-pane--disabled .split-gutter[data-v-396d0f5b]:hover {\n background: transparent;\n}\n.c-split-pane--collapsed-first .split-panel[data-v-396d0f5b], .c-split-pane--collapsed-second .split-panel[data-v-396d0f5b] {\n transition: width 0.3s ease, height 0.3s ease;\n}\n\n/* ─── 面板 ──────────────────────────────────── */\n.split-panel[data-v-396d0f5b] {\n overflow: hidden;\n position: relative;\n}\n.split-panel__content[data-v-396d0f5b] {\n width: 100%;\n height: 100%;\n overflow: auto;\n}\n\n/* ─── 分割线手柄 ────────────────────────────── */\n.split-gutter[data-v-396d0f5b] {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n z-index: 1;\n background: var(--c-border, #e1e4e8);\n transition: background-color 0.2s ease;\n outline: none;\n /* 水平方向 */\n /* 垂直方向 */\n /* focus 轮廓 */\n /* ─── 视觉指示条 ──────────────────────────── */\n /* ─── 折叠按钮 ────────────────────────────── */\n}\n.c-split-pane--horizontal .split-gutter[data-v-396d0f5b] {\n cursor: col-resize;\n min-width: 4px;\n}\n.c-split-pane--horizontal .split-gutter[data-v-396d0f5b]:hover, .c-split-pane--horizontal .split-gutter[data-v-396d0f5b]:focus-visible {\n background: var(--c-primary, #409eff);\n}\n.c-split-pane--vertical .split-gutter[data-v-396d0f5b] {\n cursor: row-resize;\n min-height: 4px;\n}\n.c-split-pane--vertical .split-gutter[data-v-396d0f5b]:hover, .c-split-pane--vertical .split-gutter[data-v-396d0f5b]:focus-visible {\n background: var(--c-primary, #409eff);\n}\n.split-gutter[data-v-396d0f5b]:focus-visible {\n box-shadow: 0 0 0 2px rgba(64, 158, 255, 0.3);\n}\n.split-gutter__visual[data-v-396d0f5b] {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.split-gutter__dots[data-v-396d0f5b] {\n display: flex;\n gap: 2px;\n}\n.c-split-pane--horizontal .split-gutter__dots[data-v-396d0f5b] {\n flex-direction: column;\n}\n.c-split-pane--vertical .split-gutter__dots[data-v-396d0f5b] {\n flex-direction: row;\n}\n.split-gutter__dot[data-v-396d0f5b] {\n width: 3px;\n height: 3px;\n border-radius: 50%;\n background: var(--c-text-4, #ccc);\n transition: background-color 0.2s ease;\n}\n.split-gutter:hover .split-gutter__dot[data-v-396d0f5b] {\n background: #fff;\n}\n.split-gutter__collapse-btn[data-v-396d0f5b] {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 16px;\n height: 16px;\n padding: 0;\n border: 1px solid var(--c-border, #e1e4e8);\n border-radius: 50%;\n background: var(--c-bg-card, #fff);\n color: var(--c-text-3, #999);\n font-size: 12px;\n cursor: pointer;\n opacity: 0;\n transition: opacity 0.2s ease, color 0.2s ease, background-color 0.2s ease;\n z-index: 2;\n /* 水平方向的定位 */\n /* 垂直方向的定位 */\n}\n.split-gutter:hover .split-gutter__collapse-btn[data-v-396d0f5b] {\n opacity: 1;\n}\n.split-gutter__collapse-btn[data-v-396d0f5b]:hover {\n color: var(--c-primary, #409eff);\n background: var(--c-bg, #fff);\n}\n.c-split-pane--horizontal .split-gutter__collapse-btn[data-v-396d0f5b] {\n left: 50%;\n transform: translateX(-50%);\n}\n.c-split-pane--horizontal .split-gutter__collapse-btn--first[data-v-396d0f5b] {\n top: 8px;\n}\n.c-split-pane--horizontal .split-gutter__collapse-btn--second[data-v-396d0f5b] {\n bottom: 8px;\n}\n.c-split-pane--vertical .split-gutter__collapse-btn[data-v-396d0f5b] {\n top: 50%;\n transform: translateY(-50%);\n}\n.c-split-pane--vertical .split-gutter__collapse-btn--first[data-v-396d0f5b] {\n left: 8px;\n}\n.c-split-pane--vertical .split-gutter__collapse-btn--second[data-v-396d0f5b] {\n right: 8px;\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}
@@ -0,0 +1,152 @@
1
+ /* unplugin-vue-components disabled *//* 分割面板组件样式 */
2
+ .c-split-pane[data-v-396d0f5b] {
3
+ display: flex;
4
+ width: 100%;
5
+ height: 100%;
6
+ overflow: hidden;
7
+ position: relative;
8
+ /* ─── 方向 ────────────────────────────────── */
9
+ /* ─── 拖拽中 ──────────────────────────────── */
10
+ /* ─── 禁用 ────────────────────────────────── */
11
+ /* ─── 折叠过渡 ────────────────────────────── */
12
+ }
13
+ .c-split-pane--horizontal[data-v-396d0f5b] {
14
+ flex-direction: row;
15
+ }
16
+ .c-split-pane--vertical[data-v-396d0f5b] {
17
+ flex-direction: column;
18
+ }
19
+ .c-split-pane--dragging .split-panel__content[data-v-396d0f5b] {
20
+ pointer-events: none;
21
+ user-select: none;
22
+ }
23
+ .c-split-pane--disabled .split-gutter[data-v-396d0f5b] {
24
+ cursor: default !important;
25
+ opacity: 0.5;
26
+ }
27
+ .c-split-pane--disabled .split-gutter[data-v-396d0f5b]:hover {
28
+ background: transparent;
29
+ }
30
+ .c-split-pane--collapsed-first .split-panel[data-v-396d0f5b], .c-split-pane--collapsed-second .split-panel[data-v-396d0f5b] {
31
+ transition: width 0.3s ease, height 0.3s ease;
32
+ }
33
+
34
+ /* ─── 面板 ──────────────────────────────────── */
35
+ .split-panel[data-v-396d0f5b] {
36
+ overflow: hidden;
37
+ position: relative;
38
+ }
39
+ .split-panel__content[data-v-396d0f5b] {
40
+ width: 100%;
41
+ height: 100%;
42
+ overflow: auto;
43
+ }
44
+
45
+ /* ─── 分割线手柄 ────────────────────────────── */
46
+ .split-gutter[data-v-396d0f5b] {
47
+ position: relative;
48
+ display: flex;
49
+ align-items: center;
50
+ justify-content: center;
51
+ flex-shrink: 0;
52
+ z-index: 1;
53
+ background: var(--c-border, #e1e4e8);
54
+ transition: background-color 0.2s ease;
55
+ outline: none;
56
+ /* 水平方向 */
57
+ /* 垂直方向 */
58
+ /* focus 轮廓 */
59
+ /* ─── 视觉指示条 ──────────────────────────── */
60
+ /* ─── 折叠按钮 ────────────────────────────── */
61
+ }
62
+ .c-split-pane--horizontal .split-gutter[data-v-396d0f5b] {
63
+ cursor: col-resize;
64
+ min-width: 4px;
65
+ }
66
+ .c-split-pane--horizontal .split-gutter[data-v-396d0f5b]:hover, .c-split-pane--horizontal .split-gutter[data-v-396d0f5b]:focus-visible {
67
+ background: var(--c-primary, #409eff);
68
+ }
69
+ .c-split-pane--vertical .split-gutter[data-v-396d0f5b] {
70
+ cursor: row-resize;
71
+ min-height: 4px;
72
+ }
73
+ .c-split-pane--vertical .split-gutter[data-v-396d0f5b]:hover, .c-split-pane--vertical .split-gutter[data-v-396d0f5b]:focus-visible {
74
+ background: var(--c-primary, #409eff);
75
+ }
76
+ .split-gutter[data-v-396d0f5b]:focus-visible {
77
+ box-shadow: 0 0 0 2px rgba(64, 158, 255, 0.3);
78
+ }
79
+ .split-gutter__visual[data-v-396d0f5b] {
80
+ display: flex;
81
+ align-items: center;
82
+ justify-content: center;
83
+ }
84
+ .split-gutter__dots[data-v-396d0f5b] {
85
+ display: flex;
86
+ gap: 2px;
87
+ }
88
+ .c-split-pane--horizontal .split-gutter__dots[data-v-396d0f5b] {
89
+ flex-direction: column;
90
+ }
91
+ .c-split-pane--vertical .split-gutter__dots[data-v-396d0f5b] {
92
+ flex-direction: row;
93
+ }
94
+ .split-gutter__dot[data-v-396d0f5b] {
95
+ width: 3px;
96
+ height: 3px;
97
+ border-radius: 50%;
98
+ background: var(--c-text-4, #ccc);
99
+ transition: background-color 0.2s ease;
100
+ }
101
+ .split-gutter:hover .split-gutter__dot[data-v-396d0f5b] {
102
+ background: #fff;
103
+ }
104
+ .split-gutter__collapse-btn[data-v-396d0f5b] {
105
+ position: absolute;
106
+ display: flex;
107
+ align-items: center;
108
+ justify-content: center;
109
+ width: 16px;
110
+ height: 16px;
111
+ padding: 0;
112
+ border: 1px solid var(--c-border, #e1e4e8);
113
+ border-radius: 50%;
114
+ background: var(--c-bg-card, #fff);
115
+ color: var(--c-text-3, #999);
116
+ font-size: 12px;
117
+ cursor: pointer;
118
+ opacity: 0;
119
+ transition: opacity 0.2s ease, color 0.2s ease, background-color 0.2s ease;
120
+ z-index: 2;
121
+ /* 水平方向的定位 */
122
+ /* 垂直方向的定位 */
123
+ }
124
+ .split-gutter:hover .split-gutter__collapse-btn[data-v-396d0f5b] {
125
+ opacity: 1;
126
+ }
127
+ .split-gutter__collapse-btn[data-v-396d0f5b]:hover {
128
+ color: var(--c-primary, #409eff);
129
+ background: var(--c-bg, #fff);
130
+ }
131
+ .c-split-pane--horizontal .split-gutter__collapse-btn[data-v-396d0f5b] {
132
+ left: 50%;
133
+ transform: translateX(-50%);
134
+ }
135
+ .c-split-pane--horizontal .split-gutter__collapse-btn--first[data-v-396d0f5b] {
136
+ top: 8px;
137
+ }
138
+ .c-split-pane--horizontal .split-gutter__collapse-btn--second[data-v-396d0f5b] {
139
+ bottom: 8px;
140
+ }
141
+ .c-split-pane--vertical .split-gutter__collapse-btn[data-v-396d0f5b] {
142
+ top: 50%;
143
+ transform: translateY(-50%);
144
+ }
145
+ .c-split-pane--vertical .split-gutter__collapse-btn--first[data-v-396d0f5b] {
146
+ left: 8px;
147
+ }
148
+ .c-split-pane--vertical .split-gutter__collapse-btn--second[data-v-396d0f5b] {
149
+ right: 8px;
150
+ }
151
+
152
+ /*# sourceMappingURL=C_SplitPane-Br2eK8IG.css.map*/
@@ -0,0 +1 @@
1
+ {"version":3,"file":"C_Steps-DGwXxS2Y.css","names":[],"sources":["../src/components/C_Steps/index.vue?vue&type=style&index=0&scoped=ecd7bf0c&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled */.c-steps[data-v-ecd7bf0c] {\n --step-gap: 24px;\n --icon-size: 32px;\n --line-width: 2px;\n --primary: var(--c-primary, #18a058);\n --success: var(--c-success, #18a058);\n --warning: var(--c-warning, #f0a020);\n --error: var(--c-error, #d03050);\n --border: var(--c-border, rgba(0, 0, 0, 0.09));\n --bg-hover: rgba(0, 0, 0, 0.04);\n display: flex;\n}\n.steps-horizontal[data-v-ecd7bf0c] {\n flex-direction: row;\n align-items: flex-start;\n}\n.steps-vertical[data-v-ecd7bf0c] {\n flex-direction: column;\n}\n.step-item[data-v-ecd7bf0c] {\n display: flex;\n position: relative;\n flex: 1;\n gap: 12px;\n}\n.steps-horizontal .step-item[data-v-ecd7bf0c] {\n flex-direction: column;\n align-items: center;\n text-align: center;\n min-width: 0;\n}\n.steps-vertical .step-item[data-v-ecd7bf0c] {\n flex-direction: row;\n min-height: 72px;\n flex: none;\n width: 100%;\n}\n.step-indicator[data-v-ecd7bf0c] {\n position: relative;\n display: flex;\n align-items: center;\n flex-shrink: 0;\n}\n.steps-horizontal .step-indicator[data-v-ecd7bf0c] {\n width: 100%;\n justify-content: center;\n}\n.steps-vertical .step-indicator[data-v-ecd7bf0c] {\n flex-direction: column;\n}\n.step-icon[data-v-ecd7bf0c] {\n width: var(--icon-size);\n height: var(--icon-size);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n border: var(--line-width) solid var(--border);\n background: var(--c-bg-card, #fff);\n position: relative;\n z-index: 1;\n transition: all 0.2s ease;\n font-size: 16px;\n}\n.step-finish .step-icon[data-v-ecd7bf0c] {\n border-color: var(--success);\n color: var(--success);\n}\n.step-process .step-icon[data-v-ecd7bf0c] {\n border-color: var(--primary);\n background: var(--primary);\n color: white;\n}\n.step-error .step-icon[data-v-ecd7bf0c] {\n border-color: var(--error);\n color: var(--error);\n}\n.step-index[data-v-ecd7bf0c] {\n font-size: 14px;\n font-weight: 500;\n}\n.step-line[data-v-ecd7bf0c] {\n background: var(--border);\n position: absolute;\n transition: background 0.2s ease;\n}\n.steps-horizontal .step-line[data-v-ecd7bf0c] {\n height: var(--line-width);\n left: calc(50% + var(--icon-size) / 2);\n right: calc(-50% + var(--icon-size) / 2 + var(--step-gap));\n top: calc(var(--icon-size) / 2);\n}\n.steps-vertical .step-line[data-v-ecd7bf0c] {\n width: var(--line-width);\n top: calc(var(--icon-size) + 4px);\n bottom: calc(-72px + var(--icon-size) + 4px);\n left: calc(var(--icon-size) / 2 - 1px);\n}\n.step-finish .step-line[data-v-ecd7bf0c] {\n background: var(--success);\n}\n.step-content[data-v-ecd7bf0c] {\n flex: 1;\n min-width: 0;\n}\n.steps-vertical .step-content[data-v-ecd7bf0c] {\n padding-top: 4px;\n}\n.step-title[data-v-ecd7bf0c] {\n font-size: 14px;\n font-weight: 500;\n line-height: 22px;\n margin-bottom: 2px;\n word-break: break-word;\n}\n.step-time[data-v-ecd7bf0c] {\n font-size: 12px;\n line-height: 20px;\n margin-bottom: 2px;\n opacity: 0.65;\n}\n.step-finish .step-time[data-v-ecd7bf0c] {\n color: var(--success);\n}\n.step-description[data-v-ecd7bf0c] {\n font-size: 12px;\n line-height: 20px;\n opacity: 0.65;\n}\n.step-wait .step-title[data-v-ecd7bf0c] {\n opacity: 0.65;\n}\n.step-process .step-title[data-v-ecd7bf0c] {\n color: var(--primary);\n font-weight: 600;\n}\n.step-error .step-title[data-v-ecd7bf0c] {\n color: var(--error);\n}\n.step-clickable[data-v-ecd7bf0c] {\n cursor: pointer;\n}\n.step-clickable:hover .step-icon[data-v-ecd7bf0c] {\n transform: scale(1.05);\n}\n.step-clickable:not(.step-process):hover .step-icon[data-v-ecd7bf0c] {\n background: var(--bg-hover);\n}\n.step-clickable:hover .step-title[data-v-ecd7bf0c] {\n color: var(--primary);\n}\n@media (max-width: 768px) {\n.steps-horizontal[data-v-ecd7bf0c] {\n flex-wrap: wrap;\n}\n.steps-horizontal .step-item[data-v-ecd7bf0c] {\n flex: 0 0 50%;\n margin-bottom: 24px;\n}\n.steps-horizontal .step-line[data-v-ecd7bf0c] {\n display: none;\n}\n}\n@media (prefers-reduced-motion: reduce) {\n.step-icon[data-v-ecd7bf0c],\n .step-line[data-v-ecd7bf0c] {\n transition: none;\n}\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}
@@ -0,0 +1,171 @@
1
+ /* unplugin-vue-components disabled */.c-steps[data-v-ecd7bf0c] {
2
+ --step-gap: 24px;
3
+ --icon-size: 32px;
4
+ --line-width: 2px;
5
+ --primary: var(--c-primary, #18a058);
6
+ --success: var(--c-success, #18a058);
7
+ --warning: var(--c-warning, #f0a020);
8
+ --error: var(--c-error, #d03050);
9
+ --border: var(--c-border, rgba(0, 0, 0, 0.09));
10
+ --bg-hover: rgba(0, 0, 0, 0.04);
11
+ display: flex;
12
+ }
13
+ .steps-horizontal[data-v-ecd7bf0c] {
14
+ flex-direction: row;
15
+ align-items: flex-start;
16
+ }
17
+ .steps-vertical[data-v-ecd7bf0c] {
18
+ flex-direction: column;
19
+ }
20
+ .step-item[data-v-ecd7bf0c] {
21
+ display: flex;
22
+ position: relative;
23
+ flex: 1;
24
+ gap: 12px;
25
+ }
26
+ .steps-horizontal .step-item[data-v-ecd7bf0c] {
27
+ flex-direction: column;
28
+ align-items: center;
29
+ text-align: center;
30
+ min-width: 0;
31
+ }
32
+ .steps-vertical .step-item[data-v-ecd7bf0c] {
33
+ flex-direction: row;
34
+ min-height: 72px;
35
+ flex: none;
36
+ width: 100%;
37
+ }
38
+ .step-indicator[data-v-ecd7bf0c] {
39
+ position: relative;
40
+ display: flex;
41
+ align-items: center;
42
+ flex-shrink: 0;
43
+ }
44
+ .steps-horizontal .step-indicator[data-v-ecd7bf0c] {
45
+ width: 100%;
46
+ justify-content: center;
47
+ }
48
+ .steps-vertical .step-indicator[data-v-ecd7bf0c] {
49
+ flex-direction: column;
50
+ }
51
+ .step-icon[data-v-ecd7bf0c] {
52
+ width: var(--icon-size);
53
+ height: var(--icon-size);
54
+ border-radius: 50%;
55
+ display: flex;
56
+ align-items: center;
57
+ justify-content: center;
58
+ border: var(--line-width) solid var(--border);
59
+ background: var(--c-bg-card, #fff);
60
+ position: relative;
61
+ z-index: 1;
62
+ transition: all 0.2s ease;
63
+ font-size: 16px;
64
+ }
65
+ .step-finish .step-icon[data-v-ecd7bf0c] {
66
+ border-color: var(--success);
67
+ color: var(--success);
68
+ }
69
+ .step-process .step-icon[data-v-ecd7bf0c] {
70
+ border-color: var(--primary);
71
+ background: var(--primary);
72
+ color: white;
73
+ }
74
+ .step-error .step-icon[data-v-ecd7bf0c] {
75
+ border-color: var(--error);
76
+ color: var(--error);
77
+ }
78
+ .step-index[data-v-ecd7bf0c] {
79
+ font-size: 14px;
80
+ font-weight: 500;
81
+ }
82
+ .step-line[data-v-ecd7bf0c] {
83
+ background: var(--border);
84
+ position: absolute;
85
+ transition: background 0.2s ease;
86
+ }
87
+ .steps-horizontal .step-line[data-v-ecd7bf0c] {
88
+ height: var(--line-width);
89
+ left: calc(50% + var(--icon-size) / 2);
90
+ right: calc(-50% + var(--icon-size) / 2 + var(--step-gap));
91
+ top: calc(var(--icon-size) / 2);
92
+ }
93
+ .steps-vertical .step-line[data-v-ecd7bf0c] {
94
+ width: var(--line-width);
95
+ top: calc(var(--icon-size) + 4px);
96
+ bottom: calc(-72px + var(--icon-size) + 4px);
97
+ left: calc(var(--icon-size) / 2 - 1px);
98
+ }
99
+ .step-finish .step-line[data-v-ecd7bf0c] {
100
+ background: var(--success);
101
+ }
102
+ .step-content[data-v-ecd7bf0c] {
103
+ flex: 1;
104
+ min-width: 0;
105
+ }
106
+ .steps-vertical .step-content[data-v-ecd7bf0c] {
107
+ padding-top: 4px;
108
+ }
109
+ .step-title[data-v-ecd7bf0c] {
110
+ font-size: 14px;
111
+ font-weight: 500;
112
+ line-height: 22px;
113
+ margin-bottom: 2px;
114
+ word-break: break-word;
115
+ }
116
+ .step-time[data-v-ecd7bf0c] {
117
+ font-size: 12px;
118
+ line-height: 20px;
119
+ margin-bottom: 2px;
120
+ opacity: 0.65;
121
+ }
122
+ .step-finish .step-time[data-v-ecd7bf0c] {
123
+ color: var(--success);
124
+ }
125
+ .step-description[data-v-ecd7bf0c] {
126
+ font-size: 12px;
127
+ line-height: 20px;
128
+ opacity: 0.65;
129
+ }
130
+ .step-wait .step-title[data-v-ecd7bf0c] {
131
+ opacity: 0.65;
132
+ }
133
+ .step-process .step-title[data-v-ecd7bf0c] {
134
+ color: var(--primary);
135
+ font-weight: 600;
136
+ }
137
+ .step-error .step-title[data-v-ecd7bf0c] {
138
+ color: var(--error);
139
+ }
140
+ .step-clickable[data-v-ecd7bf0c] {
141
+ cursor: pointer;
142
+ }
143
+ .step-clickable:hover .step-icon[data-v-ecd7bf0c] {
144
+ transform: scale(1.05);
145
+ }
146
+ .step-clickable:not(.step-process):hover .step-icon[data-v-ecd7bf0c] {
147
+ background: var(--bg-hover);
148
+ }
149
+ .step-clickable:hover .step-title[data-v-ecd7bf0c] {
150
+ color: var(--primary);
151
+ }
152
+ @media (max-width: 768px) {
153
+ .steps-horizontal[data-v-ecd7bf0c] {
154
+ flex-wrap: wrap;
155
+ }
156
+ .steps-horizontal .step-item[data-v-ecd7bf0c] {
157
+ flex: 0 0 50%;
158
+ margin-bottom: 24px;
159
+ }
160
+ .steps-horizontal .step-line[data-v-ecd7bf0c] {
161
+ display: none;
162
+ }
163
+ }
164
+ @media (prefers-reduced-motion: reduce) {
165
+ .step-icon[data-v-ecd7bf0c],
166
+ .step-line[data-v-ecd7bf0c] {
167
+ transition: none;
168
+ }
169
+ }
170
+
171
+ /*# sourceMappingURL=C_Steps-DGwXxS2Y.css.map*/
@@ -1 +1 @@
1
- {"version":3,"file":"C_Table-C55H4kPr.css","names":[],"sources":["../src/components/C_Table/components/ColumnSettings/index.vue?vue&type=style&index=0&scoped=a4d013ea&lang.scss","../src/components/C_Table/index.vue?vue&type=style&index=0&scoped=767c7393&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled */.column-management-tab .search-row[data-v-a4d013ea] {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 12px;\n}\n.column-management-tab .search-row .search-input[data-v-a4d013ea] {\n flex: 1;\n min-width: 0;\n}\n.column-management-tab .search-row .resizable-control[data-v-a4d013ea] {\n display: flex;\n align-items: center;\n flex-shrink: 0;\n padding: 0 10px;\n height: 34px;\n background: var(--n-color-target);\n border-radius: 6px;\n white-space: nowrap;\n}\n.column-management-tab .top-actions-bar[data-v-a4d013ea] {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 16px;\n padding: 10px 12px;\n background: var(--n-color-target);\n border-radius: 6px;\n}\n.column-management-tab .top-actions-bar .stats-info[data-v-a4d013ea] {\n flex: 1;\n}\n.column-management-tab .top-actions-bar .quick-actions[data-v-a4d013ea] {\n flex-shrink: 0;\n}\n.column-management-tab .column-list .column-item[data-v-a4d013ea] {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 6px 4px;\n margin-bottom: 4px;\n border-radius: 4px;\n background: transparent;\n cursor: move;\n transition: all 0.2s ease;\n}\n.column-management-tab .column-list .column-item[data-v-a4d013ea]:hover {\n background: var(--n-color-target);\n}\n.column-management-tab .column-list .column-item.disabled[data-v-a4d013ea] {\n opacity: 0.6;\n cursor: not-allowed;\n}\n.column-management-tab .column-list .column-item.fixed-left[data-v-a4d013ea] {\n background: rgba(24, 160, 88, 0.08);\n}\n.column-management-tab .column-list .column-item.fixed-right[data-v-a4d013ea] {\n background: rgba(240, 138, 0, 0.08);\n}\n.column-management-tab .column-list .column-item .column-info[data-v-a4d013ea] {\n display: flex;\n align-items: center;\n flex: 1;\n gap: 10px;\n min-width: 0;\n}\n.column-management-tab .column-list .column-item .column-info .column-controls[data-v-a4d013ea] {\n display: flex;\n align-items: center;\n gap: 8px;\n flex-shrink: 0;\n}\n.column-management-tab .column-list .column-item .column-info .column-controls .drag-handle[data-v-a4d013ea] {\n color: var(--n-text-color-3);\n cursor: grab;\n}\n.column-management-tab .column-list .column-item .column-info .column-controls .drag-handle[data-v-a4d013ea]:active {\n cursor: grabbing;\n}\n.column-management-tab .column-list .column-item .column-info .column-controls .drag-handle.disabled[data-v-a4d013ea] {\n cursor: not-allowed;\n opacity: 0.3;\n}\n.column-management-tab .column-list .column-item .column-info .column-details[data-v-a4d013ea] {\n display: flex;\n flex-direction: column;\n gap: 4px;\n flex: 1;\n min-width: 0;\n overflow: hidden;\n}\n.column-management-tab .column-list .column-item .column-actions[data-v-a4d013ea] {\n display: flex;\n align-items: center;\n gap: 6px;\n flex-shrink: 0;\n}\n.column-management-tab .column-list .column-item .column-actions .drag-controls[data-v-a4d013ea] {\n display: flex;\n flex-direction: column;\n gap: 2px;\n}\n.column-management-tab .column-list .column-item .column-actions .drag-controls .c-icon[data-v-a4d013ea] {\n opacity: 0.6;\n transition: all 0.2s ease;\n}\n.column-management-tab .column-list .column-item .column-actions .drag-controls .c-icon[data-v-a4d013ea]:not(.disabled):hover {\n opacity: 1;\n transform: scale(1.15);\n}\n.column-management-tab .column-list .column-item .column-actions .drag-controls .c-icon.disabled[data-v-a4d013ea] {\n opacity: 0.3;\n cursor: not-allowed;\n}\n.column-management-tab .column-list .column-item .column-actions .c-icon[data-v-a4d013ea] {\n transition: all 0.2s ease;\n}\n.column-management-tab .column-list .column-item .column-actions .c-icon[data-v-a4d013ea]:hover {\n transform: scale(1.15);\n}","/* unplugin-vue-components disabled *//* ================= 1. 组件根容器 ================= */\n.c-table-wrapper[data-v-767c7393] {\n width: 100%;\n position: relative;\n}\n\n/* ================= 2. 表格工具栏 ================= */\n.table-toolbar[data-v-767c7393] {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 16px;\n}\n.table-toolbar .toolbar-left[data-v-767c7393] {\n display: flex;\n align-items: center;\n gap: 12px;\n}\n.table-toolbar .toolbar-right[data-v-767c7393] {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n.table-toolbar .toolbar-right .column-settings-btn[data-v-767c7393] {\n opacity: 0.6;\n transition: opacity 0.2s ease, transform 0.2s ease;\n cursor: pointer;\n}\n.table-toolbar .toolbar-right .column-settings-btn[data-v-767c7393]:hover {\n opacity: 1;\n transform: scale(1.1);\n}\n\n/* ================= 3. 动态行工具栏 ================= */\n.dynamic-rows-toolbar[data-v-767c7393] {\n margin-bottom: 16px;\n padding: 16px;\n border-radius: 8px;\n border: 1px solid var(--n-border-color);\n background-color: var(--n-card-color);\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);\n transition: all 0.2s ease;\n}\n.dynamic-rows-toolbar[data-v-767c7393]:hover {\n border-color: var(--n-primary-color-suppl);\n}\n\n/* ================= 4. 表格布局基础 ================= */\n[data-v-767c7393] .n-data-table {\n table-layout: auto !important;\n width: 100% !important;\n border-radius: 8px;\n overflow: hidden;\n}\n\n/* 确保表格容器允许横向滚动(固定列必需) */\n[data-v-767c7393] .n-data-table-wrapper {\n overflow-x: auto !important;\n}\n\n/* 分页组件样式 */\n.pagination-wrapper[data-v-767c7393] {\n margin-top: 16px;\n display: flex;\n justify-content: flex-end;\n}\n\n/* ================= 5. 表格列宽度管理 ================= */\n/* 普通列的最小宽度保护 */\n[data-v-767c7393] .n-data-table-th:not(:last-child) {\n min-width: 80px !important;\n}\n\n/* 操作列固定宽度(适应4个按钮的布局) */\n[data-v-767c7393] .n-data-table-th:last-child {\n width: 180px !important;\n min-width: 160px !important;\n max-width: 200px !important;\n text-align: center !important;\n padding: 8px 12px !important;\n}\n\n/* 操作按钮容器居中 */\n[data-v-767c7393] .n-data-table-td:last-child .n-space {\n justify-content: center !important;\n align-items: center !important;\n}\n\n/* ================= 6. 可编辑单元格样式 ================= */\n/* 单元格编辑容器 - 精致化设计 */\n.cell-edit-wrapper[data-v-767c7393] {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n padding: 6px 8px;\n min-height: 36px;\n border-radius: 4px;\n transition: all 0.2s ease;\n cursor: pointer;\n position: relative;\n /* 悬停效果 */\n /* 激活状态 */\n}\n.cell-edit-wrapper[data-v-767c7393]:hover {\n background-color: var(--n-color-target);\n}\n.cell-edit-wrapper:hover .cell-edit-icon[data-v-767c7393] {\n opacity: 1;\n color: var(--n-color-success);\n transform: scale(1.05);\n}\n.cell-edit-wrapper[data-v-767c7393]:active {\n transform: translateY(1px);\n}\n\n/* 单元格内容 */\n.cell-value[data-v-767c7393] {\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n margin-right: 16px;\n line-height: 1.4;\n font-size: 13px;\n}\n\n/* 编辑图标 - 使用全局选择器确保动态创建的元素也能被选中 */\n.cell-edit-icon[data-v-767c7393],.cell-edit-icon {\n flex-shrink: 0;\n width: 24px;\n height: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n cursor: pointer;\n margin-left: 4px;\n transition: all 0.25s ease;\n color: var(--n-color-success);\n opacity: 0;\n position: relative;\n /* 悬停效果 */\n /* 激活效果 */\n /* 图标尺寸 */\n}\n.cell-edit-icon[data-v-767c7393]:hover,.cell-edit-icon {\n opacity: 1 !important;\n color: var(--n-color-success-hover) !important;\n background-color: var(--n-color-success-pressed);\n transform: scale(1.1);\n}\n.cell-edit-icon[data-v-767c7393]:active,.cell-edit-icon {\n transform: scale(0.95);\n}\n.cell-edit-icon svg[data-v-767c7393],.cell-edit-icon {\n width: 14px;\n height: 14px;\n}\n\n/* ================= 7. 单元格编辑状态样式 ================= */\n/* 编辑容器 - 确保水平布局不换行 */\n.cell-editing-container[data-v-767c7393],[data-v-767c7393] .cell-editing-container {\n display: flex !important;\n align-items: center !important;\n width: 100% !important;\n min-height: 36px !important;\n background-color: var(--n-input-color) !important;\n border: 1px solid var(--n-primary-color) !important;\n border-radius: 6px !important;\n padding: 4px 6px !important;\n box-shadow: 0 0 0 2px var(--n-primary-color-suppl) !important;\n gap: 8px !important;\n}\n\n/* 编辑输入区域 - 占据剩余空间 */\n.cell-editing-input[data-v-767c7393],[data-v-767c7393] .cell-editing-input {\n flex: 1 !important;\n min-width: 0 !important;\n}\n\n/* 深度选择器处理输入框样式 */\n[data-v-767c7393] .cell-editing-input .n-input {\n border: none !important;\n box-shadow: none !important;\n background: transparent !important;\n}\n[data-v-767c7393] .cell-editing-input .n-input.n-input--focus {\n border: none !important;\n box-shadow: none !important;\n}\n[data-v-767c7393] .cell-editing-input .n-input-number {\n border: none !important;\n box-shadow: none !important;\n background: transparent !important;\n}\n[data-v-767c7393] .cell-editing-input .n-select {\n border: none !important;\n box-shadow: none !important;\n background: transparent !important;\n}\n[data-v-767c7393] .cell-editing-input .n-select .n-base-selection {\n border: none !important;\n box-shadow: none !important;\n background: transparent !important;\n}\n\n/* 编辑操作按钮容器 */\n.cell-editing-actions[data-v-767c7393],[data-v-767c7393] .cell-editing-actions {\n display: flex !important;\n flex-shrink: 0 !important;\n align-items: center !important;\n gap: 4px !important;\n background: var(--n-color-popover) !important;\n border: 1px solid var(--n-border-color) !important;\n border-radius: 4px !important;\n padding: 2px !important;\n box-shadow: var(--n-box-shadow) !important;\n}\n\n/* 编辑操作按钮 */\n.cell-action-btn[data-v-767c7393],[data-v-767c7393] .cell-action-btn {\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n width: 20px !important;\n height: 20px !important;\n border: none !important;\n border-radius: 3px !important;\n cursor: pointer !important;\n transition: all 0.2s ease !important;\n background: transparent !important;\n /* 保存按钮 */\n /* 取消按钮 */\n /* 图标尺寸 */\n}\n.cell-action-btn.cell-action-save[data-v-767c7393],[data-v-767c7393] .cell-action-btn.cell-action-save {\n color: var(--n-color-success) !important;\n}\n.cell-action-btn.cell-action-save[data-v-767c7393]:hover,[data-v-767c7393] .cell-action-btn.cell-action-save:hover {\n background: var(--n-color-success-pressed) !important;\n transform: scale(1.1) !important;\n}\n.cell-action-btn.cell-action-cancel[data-v-767c7393],[data-v-767c7393] .cell-action-btn.cell-action-cancel {\n color: var(--n-color-error) !important;\n}\n.cell-action-btn.cell-action-cancel[data-v-767c7393]:hover,[data-v-767c7393] .cell-action-btn.cell-action-cancel:hover {\n background: var(--n-color-error-pressed) !important;\n transform: scale(1.1) !important;\n}\n.cell-action-btn svg[data-v-767c7393],[data-v-767c7393] .cell-action-btn svg {\n width: 11px !important;\n height: 11px !important;\n}\n\n/* ================= 7. 操作按钮样式 ================= */\n/* 通用按钮样式 */\n[data-v-767c7393] .n-button {\n white-space: nowrap;\n font-size: 12px !important;\n flex-shrink: 0 !important;\n border-radius: 6px;\n transition: all 0.2s ease;\n font-weight: 500;\n /* 图标间距 */\n /* 小尺寸按钮优化 */\n /* 四元按钮样式 */\n}\n[data-v-767c7393] .n-button .n-icon {\n margin-right: 4px !important;\n}\n[data-v-767c7393] .n-button.n-button--small-type {\n padding: 4px 8px;\n height: 28px;\n line-height: 20px;\n}\n[data-v-767c7393] .n-button.n-button--quaternary-type:hover {\n transform: translateY(-1px);\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n}\n[data-v-767c7393] .n-button.n-button--quaternary-type:active {\n transform: translateY(0);\n}\n\n/* ================= 8. 按钮组间距优化 ================= */\n/* 操作按钮组 */\n[data-v-767c7393] .n-space.n-space--horizontal .n-space-item:not(:last-child) {\n margin-right: 6px !important;\n}\n\n/* ================= 9. 模态框样式优化 ================= */\n/* 编辑模态框 */\n[data-v-767c7393] .n-modal .n-card {\n border-radius: 12px;\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);\n}\n[data-v-767c7393] .n-modal .n-card__header {\n padding: 20px 24px 16px;\n font-weight: 600;\n font-size: 16px;\n}\n[data-v-767c7393] .n-modal .n-card__content {\n padding: 0 24px 16px;\n}\n[data-v-767c7393] .n-modal .n-card__action {\n padding: 16px 24px 20px;\n border-top: 1px solid var(--n-divider-color);\n}\n\n/* ================= 10. 描述列表样式 ================= */\n/* 详情模态框描述列表 */\n[data-v-767c7393] .n-descriptions .n-descriptions-item-label {\n font-weight: 500;\n color: var(--n-text-color-2);\n}\n[data-v-767c7393] .n-descriptions .n-descriptions-item-content {\n color: var(--n-text-color-1);\n word-break: break-all;\n}\n\n/* ================= 11. 响应式设计 ================= */\n/* 移动端适配 */\n@media (max-width: 768px) {\n.c-table-wrapper[data-v-767c7393] {\n overflow-x: auto;\n}\n /* 操作列在移动端的适配 */\n[data-v-767c7393] .n-data-table-th:last-child {\n width: 160px !important;\n min-width: 160px !important;\n}\n /* 按钮在移动端的优化 */\n[data-v-767c7393] .n-button {\n font-size: 11px !important;\n padding: 3px 6px;\n}\n[data-v-767c7393] .n-button .n-icon {\n margin-right: 2px !important;\n}\n /* 单元格编辑图标在移动端始终显示 */\n.cell-edit-icon[data-v-767c7393] {\n opacity: 0.6;\n}\n}\n/* ================= 12. 主题适配 ================= */\n/* 暗色主题适配 - 已通过 CSS 变量自动适配 */\n[data-theme=dark][data-v-767c7393] {\n /* CSS 变量已自动适配,如有特殊需求可在此添加 */\n}\n\n/* ================= 13. 响应式优化 ================= */\n/* 小屏幕下的单元格编辑优化 */\n@media (max-width: 768px) {\n.cell-editing-container[data-v-767c7393],[data-v-767c7393] .cell-editing-container {\n gap: 6px !important;\n}\n.cell-editing-actions[data-v-767c7393],[data-v-767c7393] .cell-editing-actions {\n gap: 3px !important;\n padding: 2px !important;\n}\n.cell-action-btn[data-v-767c7393],[data-v-767c7393] .cell-action-btn {\n width: 18px !important;\n height: 18px !important;\n}\n.cell-action-btn svg[data-v-767c7393],[data-v-767c7393] .cell-action-btn svg {\n width: 10px !important;\n height: 10px !important;\n}\n /* 移动端编辑图标 */\n.cell-edit-icon[data-v-767c7393] {\n opacity: 0.6 !important;\n}\n.cell-value[data-v-767c7393] {\n margin-right: 12px !important;\n}\n}\n/* ================= 14. 性能优化 ================= */\n/* 使用 GPU 加速的动画 */\n.cell-edit-icon[data-v-767c7393],\n.cell-action-btn[data-v-767c7393] {\n will-change: transform;\n backface-visibility: hidden;\n}\n[data-v-767c7393] .n-button {\n will-change: transform;\n backface-visibility: hidden;\n}\n\n/* ================= 15. 可访问性优化 ================= */\n/* 聚焦状态 */\n.cell-edit-wrapper[data-v-767c7393]:focus-within,\n.cell-editing-container[data-v-767c7393]:focus-within {\n outline: 2px solid var(--n-primary-color);\n outline-offset: 2px;\n}\n\n/* 高对比度模式支持 */\n@media (prefers-contrast: high) {\n.cell-edit-icon[data-v-767c7393] {\n opacity: 0.8;\n}\n.cell-editing-actions[data-v-767c7393] {\n border-width: 2px;\n}\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACvHA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}
1
+ {"version":3,"file":"C_Table-Dcam_tRs.css","names":[],"sources":["../src/components/C_Table/components/ColumnSettings/index.vue?vue&type=style&index=0&scoped=1a3d4df6&lang.scss","../src/components/C_Table/index.vue?vue&type=style&index=0&scoped=18a2952a&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled */.column-management-tab .search-row[data-v-1a3d4df6] {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 12px;\n}\n.column-management-tab .search-row .search-input[data-v-1a3d4df6] {\n flex: 1;\n min-width: 0;\n}\n.column-management-tab .search-row .resizable-control[data-v-1a3d4df6] {\n display: flex;\n align-items: center;\n flex-shrink: 0;\n padding: 0 10px;\n height: 34px;\n background: var(--n-color-target);\n border-radius: 6px;\n white-space: nowrap;\n}\n.column-management-tab .top-actions-bar[data-v-1a3d4df6] {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 16px;\n padding: 10px 12px;\n background: var(--n-color-target);\n border-radius: 6px;\n}\n.column-management-tab .top-actions-bar .stats-info[data-v-1a3d4df6] {\n flex: 1;\n}\n.column-management-tab .top-actions-bar .quick-actions[data-v-1a3d4df6] {\n flex-shrink: 0;\n}\n.column-management-tab .column-list .column-item[data-v-1a3d4df6] {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 6px 4px;\n margin-bottom: 4px;\n border-radius: 4px;\n background: transparent;\n cursor: move;\n transition: all 0.2s ease;\n}\n.column-management-tab .column-list .column-item[data-v-1a3d4df6]:hover {\n background: var(--n-color-target);\n}\n.column-management-tab .column-list .column-item.disabled[data-v-1a3d4df6] {\n opacity: 0.6;\n cursor: not-allowed;\n}\n.column-management-tab .column-list .column-item.fixed-left[data-v-1a3d4df6] {\n background: rgba(24, 160, 88, 0.08);\n}\n.column-management-tab .column-list .column-item.fixed-right[data-v-1a3d4df6] {\n background: rgba(240, 138, 0, 0.08);\n}\n.column-management-tab .column-list .column-item .column-info[data-v-1a3d4df6] {\n display: flex;\n align-items: center;\n flex: 1;\n gap: 10px;\n min-width: 0;\n}\n.column-management-tab .column-list .column-item .column-info .column-controls[data-v-1a3d4df6] {\n display: flex;\n align-items: center;\n gap: 8px;\n flex-shrink: 0;\n}\n.column-management-tab .column-list .column-item .column-info .column-controls .drag-handle[data-v-1a3d4df6] {\n color: var(--n-text-color-3);\n cursor: grab;\n}\n.column-management-tab .column-list .column-item .column-info .column-controls .drag-handle[data-v-1a3d4df6]:active {\n cursor: grabbing;\n}\n.column-management-tab .column-list .column-item .column-info .column-controls .drag-handle.disabled[data-v-1a3d4df6] {\n cursor: not-allowed;\n opacity: 0.3;\n}\n.column-management-tab .column-list .column-item .column-info .column-details[data-v-1a3d4df6] {\n display: flex;\n flex-direction: column;\n gap: 4px;\n flex: 1;\n min-width: 0;\n overflow: hidden;\n}\n.column-management-tab .column-list .column-item .column-actions[data-v-1a3d4df6] {\n display: flex;\n align-items: center;\n gap: 6px;\n flex-shrink: 0;\n}\n.column-management-tab .column-list .column-item .column-actions .drag-controls[data-v-1a3d4df6] {\n display: flex;\n flex-direction: column;\n gap: 2px;\n}\n.column-management-tab .column-list .column-item .column-actions .drag-controls .c-icon[data-v-1a3d4df6] {\n opacity: 0.6;\n transition: all 0.2s ease;\n}\n.column-management-tab .column-list .column-item .column-actions .drag-controls .c-icon[data-v-1a3d4df6]:not(.disabled):hover {\n opacity: 1;\n transform: scale(1.15);\n}\n.column-management-tab .column-list .column-item .column-actions .drag-controls .c-icon.disabled[data-v-1a3d4df6] {\n opacity: 0.3;\n cursor: not-allowed;\n}\n.column-management-tab .column-list .column-item .column-actions .c-icon[data-v-1a3d4df6] {\n transition: all 0.2s ease;\n}\n.column-management-tab .column-list .column-item .column-actions .c-icon[data-v-1a3d4df6]:hover {\n transform: scale(1.15);\n}","/* unplugin-vue-components disabled *//* ================= 1. 组件根容器 ================= */\n.c-table-wrapper[data-v-18a2952a] {\n width: 100%;\n position: relative;\n}\n\n/* ================= 2. 表格工具栏 ================= */\n.table-toolbar[data-v-18a2952a] {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 16px;\n}\n.table-toolbar .toolbar-left[data-v-18a2952a] {\n display: flex;\n align-items: center;\n gap: 12px;\n}\n.table-toolbar .toolbar-right[data-v-18a2952a] {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n.table-toolbar .toolbar-right .column-settings-btn[data-v-18a2952a] {\n opacity: 0.6;\n transition: opacity 0.2s ease, transform 0.2s ease;\n cursor: pointer;\n}\n.table-toolbar .toolbar-right .column-settings-btn[data-v-18a2952a]:hover {\n opacity: 1;\n transform: scale(1.1);\n}\n\n/* ================= 3. 动态行工具栏 ================= */\n.dynamic-rows-toolbar[data-v-18a2952a] {\n margin-bottom: 16px;\n padding: 16px;\n border-radius: 8px;\n border: 1px solid var(--n-border-color);\n background-color: var(--n-card-color);\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);\n transition: all 0.2s ease;\n}\n.dynamic-rows-toolbar[data-v-18a2952a]:hover {\n border-color: var(--n-primary-color-suppl);\n}\n\n/* ================= 4. 表格布局基础 ================= */\n[data-v-18a2952a] .n-data-table {\n table-layout: auto !important;\n width: 100% !important;\n border-radius: 8px;\n overflow: hidden;\n}\n\n/* 确保表格容器允许横向滚动(固定列必需) */\n[data-v-18a2952a] .n-data-table-wrapper {\n overflow-x: auto !important;\n}\n\n/* 分页组件样式 */\n.pagination-wrapper[data-v-18a2952a] {\n margin-top: 16px;\n display: flex;\n justify-content: flex-end;\n}\n\n/* ================= 5. 表格列宽度管理 ================= */\n/* 普通列的最小宽度保护 */\n[data-v-18a2952a] .n-data-table-th:not(:last-child) {\n min-width: 80px !important;\n}\n\n/* 操作列固定宽度(适应4个按钮的布局) */\n[data-v-18a2952a] .n-data-table-th:last-child {\n width: 180px !important;\n min-width: 160px !important;\n max-width: 200px !important;\n text-align: center !important;\n padding: 8px 12px !important;\n}\n\n/* 操作按钮容器居中 */\n[data-v-18a2952a] .n-data-table-td:last-child .n-space {\n justify-content: center !important;\n align-items: center !important;\n}\n\n/* ================= 6. 可编辑单元格样式 ================= */\n/* 单元格编辑容器 - 精致化设计 */\n.cell-edit-wrapper[data-v-18a2952a] {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n padding: 6px 8px;\n min-height: 36px;\n border-radius: 4px;\n transition: all 0.2s ease;\n cursor: pointer;\n position: relative;\n /* 悬停效果 */\n /* 激活状态 */\n}\n.cell-edit-wrapper[data-v-18a2952a]:hover {\n background-color: var(--n-color-target);\n}\n.cell-edit-wrapper:hover .cell-edit-icon[data-v-18a2952a] {\n opacity: 1;\n color: var(--n-color-success);\n transform: scale(1.05);\n}\n.cell-edit-wrapper[data-v-18a2952a]:active {\n transform: translateY(1px);\n}\n\n/* 单元格内容 */\n.cell-value[data-v-18a2952a] {\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n margin-right: 16px;\n line-height: 1.4;\n font-size: 13px;\n}\n\n/* 编辑图标 - 使用全局选择器确保动态创建的元素也能被选中 */\n.cell-edit-icon[data-v-18a2952a],.cell-edit-icon {\n flex-shrink: 0;\n width: 24px;\n height: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n cursor: pointer;\n margin-left: 4px;\n transition: all 0.25s ease;\n color: var(--n-color-success);\n opacity: 0;\n position: relative;\n /* 悬停效果 */\n /* 激活效果 */\n /* 图标尺寸 */\n}\n.cell-edit-icon[data-v-18a2952a]:hover,.cell-edit-icon {\n opacity: 1 !important;\n color: var(--n-color-success-hover) !important;\n background-color: var(--n-color-success-pressed);\n transform: scale(1.1);\n}\n.cell-edit-icon[data-v-18a2952a]:active,.cell-edit-icon {\n transform: scale(0.95);\n}\n.cell-edit-icon svg[data-v-18a2952a],.cell-edit-icon {\n width: 14px;\n height: 14px;\n}\n\n/* ================= 7. 单元格编辑状态样式 ================= */\n/* 编辑容器 - 确保水平布局不换行 */\n.cell-editing-container[data-v-18a2952a],[data-v-18a2952a] .cell-editing-container {\n display: flex !important;\n align-items: center !important;\n width: 100% !important;\n min-height: 36px !important;\n background-color: var(--n-input-color) !important;\n border: 1px solid var(--n-primary-color) !important;\n border-radius: 6px !important;\n padding: 4px 6px !important;\n box-shadow: 0 0 0 2px var(--n-primary-color-suppl) !important;\n gap: 8px !important;\n}\n\n/* 编辑输入区域 - 占据剩余空间 */\n.cell-editing-input[data-v-18a2952a],[data-v-18a2952a] .cell-editing-input {\n flex: 1 !important;\n min-width: 0 !important;\n}\n\n/* 深度选择器处理输入框样式 */\n[data-v-18a2952a] .cell-editing-input .n-input {\n border: none !important;\n box-shadow: none !important;\n background: transparent !important;\n}\n[data-v-18a2952a] .cell-editing-input .n-input.n-input--focus {\n border: none !important;\n box-shadow: none !important;\n}\n[data-v-18a2952a] .cell-editing-input .n-input-number {\n border: none !important;\n box-shadow: none !important;\n background: transparent !important;\n}\n[data-v-18a2952a] .cell-editing-input .n-select {\n border: none !important;\n box-shadow: none !important;\n background: transparent !important;\n}\n[data-v-18a2952a] .cell-editing-input .n-select .n-base-selection {\n border: none !important;\n box-shadow: none !important;\n background: transparent !important;\n}\n\n/* 编辑操作按钮容器 */\n.cell-editing-actions[data-v-18a2952a],[data-v-18a2952a] .cell-editing-actions {\n display: flex !important;\n flex-shrink: 0 !important;\n align-items: center !important;\n gap: 4px !important;\n background: var(--n-color-popover) !important;\n border: 1px solid var(--n-border-color) !important;\n border-radius: 4px !important;\n padding: 2px !important;\n box-shadow: var(--n-box-shadow) !important;\n}\n\n/* 编辑操作按钮 */\n.cell-action-btn[data-v-18a2952a],[data-v-18a2952a] .cell-action-btn {\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n width: 20px !important;\n height: 20px !important;\n border: none !important;\n border-radius: 3px !important;\n cursor: pointer !important;\n transition: all 0.2s ease !important;\n background: transparent !important;\n /* 保存按钮 */\n /* 取消按钮 */\n /* 图标尺寸 */\n}\n.cell-action-btn.cell-action-save[data-v-18a2952a],[data-v-18a2952a] .cell-action-btn.cell-action-save {\n color: var(--n-color-success) !important;\n}\n.cell-action-btn.cell-action-save[data-v-18a2952a]:hover,[data-v-18a2952a] .cell-action-btn.cell-action-save:hover {\n background: var(--n-color-success-pressed) !important;\n transform: scale(1.1) !important;\n}\n.cell-action-btn.cell-action-cancel[data-v-18a2952a],[data-v-18a2952a] .cell-action-btn.cell-action-cancel {\n color: var(--n-color-error) !important;\n}\n.cell-action-btn.cell-action-cancel[data-v-18a2952a]:hover,[data-v-18a2952a] .cell-action-btn.cell-action-cancel:hover {\n background: var(--n-color-error-pressed) !important;\n transform: scale(1.1) !important;\n}\n.cell-action-btn svg[data-v-18a2952a],[data-v-18a2952a] .cell-action-btn svg {\n width: 11px !important;\n height: 11px !important;\n}\n\n/* ================= 7. 操作按钮样式 ================= */\n/* 通用按钮样式 */\n[data-v-18a2952a] .n-button {\n white-space: nowrap;\n font-size: 12px !important;\n flex-shrink: 0 !important;\n border-radius: 6px;\n transition: all 0.2s ease;\n font-weight: 500;\n /* 图标间距 */\n /* 小尺寸按钮优化 */\n /* 四元按钮样式 */\n}\n[data-v-18a2952a] .n-button .n-icon {\n margin-right: 4px !important;\n}\n[data-v-18a2952a] .n-button.n-button--small-type {\n padding: 4px 8px;\n height: 28px;\n line-height: 20px;\n}\n[data-v-18a2952a] .n-button.n-button--quaternary-type:hover {\n transform: translateY(-1px);\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n}\n[data-v-18a2952a] .n-button.n-button--quaternary-type:active {\n transform: translateY(0);\n}\n\n/* ================= 8. 按钮组间距优化 ================= */\n/* 操作按钮组 */\n[data-v-18a2952a] .n-space.n-space--horizontal .n-space-item:not(:last-child) {\n margin-right: 6px !important;\n}\n\n/* ================= 9. 模态框样式优化 ================= */\n/* 编辑模态框 */\n[data-v-18a2952a] .n-modal .n-card {\n border-radius: 12px;\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);\n}\n[data-v-18a2952a] .n-modal .n-card__header {\n padding: 20px 24px 16px;\n font-weight: 600;\n font-size: 16px;\n}\n[data-v-18a2952a] .n-modal .n-card__content {\n padding: 0 24px 16px;\n}\n[data-v-18a2952a] .n-modal .n-card__action {\n padding: 16px 24px 20px;\n border-top: 1px solid var(--n-divider-color);\n}\n\n/* ================= 10. 描述列表样式 ================= */\n/* 详情模态框描述列表 */\n[data-v-18a2952a] .n-descriptions .n-descriptions-item-label {\n font-weight: 500;\n color: var(--n-text-color-2);\n}\n[data-v-18a2952a] .n-descriptions .n-descriptions-item-content {\n color: var(--n-text-color-1);\n word-break: break-all;\n}\n\n/* ================= 11. 响应式设计 ================= */\n/* 移动端适配 */\n@media (max-width: 768px) {\n.c-table-wrapper[data-v-18a2952a] {\n overflow-x: auto;\n}\n /* 操作列在移动端的适配 */\n[data-v-18a2952a] .n-data-table-th:last-child {\n width: 160px !important;\n min-width: 160px !important;\n}\n /* 按钮在移动端的优化 */\n[data-v-18a2952a] .n-button {\n font-size: 11px !important;\n padding: 3px 6px;\n}\n[data-v-18a2952a] .n-button .n-icon {\n margin-right: 2px !important;\n}\n /* 单元格编辑图标在移动端始终显示 */\n.cell-edit-icon[data-v-18a2952a] {\n opacity: 0.6;\n}\n}\n/* ================= 12. 主题适配 ================= */\n/* 暗色主题适配 - 已通过 CSS 变量自动适配 */\n[data-theme=dark][data-v-18a2952a] {\n /* CSS 变量已自动适配,如有特殊需求可在此添加 */\n}\n\n/* ================= 13. 响应式优化 ================= */\n/* 小屏幕下的单元格编辑优化 */\n@media (max-width: 768px) {\n.cell-editing-container[data-v-18a2952a],[data-v-18a2952a] .cell-editing-container {\n gap: 6px !important;\n}\n.cell-editing-actions[data-v-18a2952a],[data-v-18a2952a] .cell-editing-actions {\n gap: 3px !important;\n padding: 2px !important;\n}\n.cell-action-btn[data-v-18a2952a],[data-v-18a2952a] .cell-action-btn {\n width: 18px !important;\n height: 18px !important;\n}\n.cell-action-btn svg[data-v-18a2952a],[data-v-18a2952a] .cell-action-btn svg {\n width: 10px !important;\n height: 10px !important;\n}\n /* 移动端编辑图标 */\n.cell-edit-icon[data-v-18a2952a] {\n opacity: 0.6 !important;\n}\n.cell-value[data-v-18a2952a] {\n margin-right: 12px !important;\n}\n}\n/* ================= 14. 性能优化 ================= */\n/* 使用 GPU 加速的动画 */\n.cell-edit-icon[data-v-18a2952a],\n.cell-action-btn[data-v-18a2952a] {\n will-change: transform;\n backface-visibility: hidden;\n}\n[data-v-18a2952a] .n-button {\n will-change: transform;\n backface-visibility: hidden;\n}\n\n/* ================= 15. 可访问性优化 ================= */\n/* 聚焦状态 */\n.cell-edit-wrapper[data-v-18a2952a]:focus-within,\n.cell-editing-container[data-v-18a2952a]:focus-within {\n outline: 2px solid var(--n-primary-color);\n outline-offset: 2px;\n}\n\n/* 高对比度模式支持 */\n@media (prefers-contrast: high) {\n.cell-edit-icon[data-v-18a2952a] {\n opacity: 0.8;\n}\n.cell-editing-actions[data-v-18a2952a] {\n border-width: 2px;\n}\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACvHA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"C_Table-tbUx-R4H.css","names":[],"sources":["../src/components/C_Table/components/ColumnSettings/index.vue?vue&type=style&index=0&scoped=1a3d4df6&lang.scss","../src/components/C_Table/index.vue?vue&type=style&index=0&scoped=18a2952a&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled */.column-management-tab .search-row[data-v-1a3d4df6] {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 12px;\n}\n.column-management-tab .search-row .search-input[data-v-1a3d4df6] {\n flex: 1;\n min-width: 0;\n}\n.column-management-tab .search-row .resizable-control[data-v-1a3d4df6] {\n display: flex;\n align-items: center;\n flex-shrink: 0;\n padding: 0 10px;\n height: 34px;\n background: var(--n-color-target);\n border-radius: 6px;\n white-space: nowrap;\n}\n.column-management-tab .top-actions-bar[data-v-1a3d4df6] {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 16px;\n padding: 10px 12px;\n background: var(--n-color-target);\n border-radius: 6px;\n}\n.column-management-tab .top-actions-bar .stats-info[data-v-1a3d4df6] {\n flex: 1;\n}\n.column-management-tab .top-actions-bar .quick-actions[data-v-1a3d4df6] {\n flex-shrink: 0;\n}\n.column-management-tab .column-list .column-item[data-v-1a3d4df6] {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 6px 4px;\n margin-bottom: 4px;\n border-radius: 4px;\n background: transparent;\n cursor: move;\n transition: all 0.2s ease;\n}\n.column-management-tab .column-list .column-item[data-v-1a3d4df6]:hover {\n background: var(--n-color-target);\n}\n.column-management-tab .column-list .column-item.disabled[data-v-1a3d4df6] {\n opacity: 0.6;\n cursor: not-allowed;\n}\n.column-management-tab .column-list .column-item.fixed-left[data-v-1a3d4df6] {\n background: rgba(24, 160, 88, 0.08);\n}\n.column-management-tab .column-list .column-item.fixed-right[data-v-1a3d4df6] {\n background: rgba(240, 138, 0, 0.08);\n}\n.column-management-tab .column-list .column-item .column-info[data-v-1a3d4df6] {\n display: flex;\n align-items: center;\n flex: 1;\n gap: 10px;\n min-width: 0;\n}\n.column-management-tab .column-list .column-item .column-info .column-controls[data-v-1a3d4df6] {\n display: flex;\n align-items: center;\n gap: 8px;\n flex-shrink: 0;\n}\n.column-management-tab .column-list .column-item .column-info .column-controls .drag-handle[data-v-1a3d4df6] {\n color: var(--n-text-color-3);\n cursor: grab;\n}\n.column-management-tab .column-list .column-item .column-info .column-controls .drag-handle[data-v-1a3d4df6]:active {\n cursor: grabbing;\n}\n.column-management-tab .column-list .column-item .column-info .column-controls .drag-handle.disabled[data-v-1a3d4df6] {\n cursor: not-allowed;\n opacity: 0.3;\n}\n.column-management-tab .column-list .column-item .column-info .column-details[data-v-1a3d4df6] {\n display: flex;\n flex-direction: column;\n gap: 4px;\n flex: 1;\n min-width: 0;\n overflow: hidden;\n}\n.column-management-tab .column-list .column-item .column-actions[data-v-1a3d4df6] {\n display: flex;\n align-items: center;\n gap: 6px;\n flex-shrink: 0;\n}\n.column-management-tab .column-list .column-item .column-actions .drag-controls[data-v-1a3d4df6] {\n display: flex;\n flex-direction: column;\n gap: 2px;\n}\n.column-management-tab .column-list .column-item .column-actions .drag-controls .c-icon[data-v-1a3d4df6] {\n opacity: 0.6;\n transition: all 0.2s ease;\n}\n.column-management-tab .column-list .column-item .column-actions .drag-controls .c-icon[data-v-1a3d4df6]:not(.disabled):hover {\n opacity: 1;\n transform: scale(1.15);\n}\n.column-management-tab .column-list .column-item .column-actions .drag-controls .c-icon.disabled[data-v-1a3d4df6] {\n opacity: 0.3;\n cursor: not-allowed;\n}\n.column-management-tab .column-list .column-item .column-actions .c-icon[data-v-1a3d4df6] {\n transition: all 0.2s ease;\n}\n.column-management-tab .column-list .column-item .column-actions .c-icon[data-v-1a3d4df6]:hover {\n transform: scale(1.15);\n}","/* unplugin-vue-components disabled *//* ================= 1. 组件根容器 ================= */\n.c-table-wrapper[data-v-18a2952a] {\n width: 100%;\n position: relative;\n}\n\n/* ================= 2. 表格工具栏 ================= */\n.table-toolbar[data-v-18a2952a] {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 16px;\n}\n.table-toolbar .toolbar-left[data-v-18a2952a] {\n display: flex;\n align-items: center;\n gap: 12px;\n}\n.table-toolbar .toolbar-right[data-v-18a2952a] {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n.table-toolbar .toolbar-right .column-settings-btn[data-v-18a2952a] {\n opacity: 0.6;\n transition: opacity 0.2s ease, transform 0.2s ease;\n cursor: pointer;\n}\n.table-toolbar .toolbar-right .column-settings-btn[data-v-18a2952a]:hover {\n opacity: 1;\n transform: scale(1.1);\n}\n\n/* ================= 3. 动态行工具栏 ================= */\n.dynamic-rows-toolbar[data-v-18a2952a] {\n margin-bottom: 16px;\n padding: 16px;\n border-radius: 8px;\n border: 1px solid var(--n-border-color);\n background-color: var(--n-card-color);\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);\n transition: all 0.2s ease;\n}\n.dynamic-rows-toolbar[data-v-18a2952a]:hover {\n border-color: var(--n-primary-color-suppl);\n}\n\n/* ================= 4. 表格布局基础 ================= */\n[data-v-18a2952a] .n-data-table {\n table-layout: auto !important;\n width: 100% !important;\n border-radius: 8px;\n overflow: hidden;\n}\n\n/* 确保表格容器允许横向滚动(固定列必需) */\n[data-v-18a2952a] .n-data-table-wrapper {\n overflow-x: auto !important;\n}\n\n/* 分页组件样式 */\n.pagination-wrapper[data-v-18a2952a] {\n margin-top: 16px;\n display: flex;\n justify-content: flex-end;\n}\n\n/* ================= 5. 表格列宽度管理 ================= */\n/* 普通列的最小宽度保护 */\n[data-v-18a2952a] .n-data-table-th:not(:last-child) {\n min-width: 80px !important;\n}\n\n/* 操作列固定宽度(适应4个按钮的布局) */\n[data-v-18a2952a] .n-data-table-th:last-child {\n width: 180px !important;\n min-width: 160px !important;\n max-width: 200px !important;\n text-align: center !important;\n padding: 8px 12px !important;\n}\n\n/* 操作按钮容器居中 */\n[data-v-18a2952a] .n-data-table-td:last-child .n-space {\n justify-content: center !important;\n align-items: center !important;\n}\n\n/* ================= 6. 可编辑单元格样式 ================= */\n/* 单元格编辑容器 - 精致化设计 */\n.cell-edit-wrapper[data-v-18a2952a] {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n padding: 6px 8px;\n min-height: 36px;\n border-radius: 4px;\n transition: all 0.2s ease;\n cursor: pointer;\n position: relative;\n /* 悬停效果 */\n /* 激活状态 */\n}\n.cell-edit-wrapper[data-v-18a2952a]:hover {\n background-color: var(--n-color-target);\n}\n.cell-edit-wrapper:hover .cell-edit-icon[data-v-18a2952a] {\n opacity: 1;\n color: var(--n-color-success);\n transform: scale(1.05);\n}\n.cell-edit-wrapper[data-v-18a2952a]:active {\n transform: translateY(1px);\n}\n\n/* 单元格内容 */\n.cell-value[data-v-18a2952a] {\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n margin-right: 16px;\n line-height: 1.4;\n font-size: 13px;\n}\n\n/* 编辑图标 - 使用全局选择器确保动态创建的元素也能被选中 */\n.cell-edit-icon[data-v-18a2952a],.cell-edit-icon {\n flex-shrink: 0;\n width: 24px;\n height: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n cursor: pointer;\n margin-left: 4px;\n transition: all 0.25s ease;\n color: var(--n-color-success);\n opacity: 0;\n position: relative;\n /* 悬停效果 */\n /* 激活效果 */\n /* 图标尺寸 */\n}\n.cell-edit-icon[data-v-18a2952a]:hover,.cell-edit-icon {\n opacity: 1 !important;\n color: var(--n-color-success-hover) !important;\n background-color: var(--n-color-success-pressed);\n transform: scale(1.1);\n}\n.cell-edit-icon[data-v-18a2952a]:active,.cell-edit-icon {\n transform: scale(0.95);\n}\n.cell-edit-icon svg[data-v-18a2952a],.cell-edit-icon {\n width: 14px;\n height: 14px;\n}\n\n/* ================= 7. 单元格编辑状态样式 ================= */\n/* 编辑容器 - 确保水平布局不换行 */\n.cell-editing-container[data-v-18a2952a],[data-v-18a2952a] .cell-editing-container {\n display: flex !important;\n align-items: center !important;\n width: 100% !important;\n min-height: 36px !important;\n background-color: var(--n-input-color) !important;\n border: 1px solid var(--n-primary-color) !important;\n border-radius: 6px !important;\n padding: 4px 6px !important;\n box-shadow: 0 0 0 2px var(--n-primary-color-suppl) !important;\n gap: 8px !important;\n}\n\n/* 编辑输入区域 - 占据剩余空间 */\n.cell-editing-input[data-v-18a2952a],[data-v-18a2952a] .cell-editing-input {\n flex: 1 !important;\n min-width: 0 !important;\n}\n\n/* 深度选择器处理输入框样式 */\n[data-v-18a2952a] .cell-editing-input .n-input {\n border: none !important;\n box-shadow: none !important;\n background: transparent !important;\n}\n[data-v-18a2952a] .cell-editing-input .n-input.n-input--focus {\n border: none !important;\n box-shadow: none !important;\n}\n[data-v-18a2952a] .cell-editing-input .n-input-number {\n border: none !important;\n box-shadow: none !important;\n background: transparent !important;\n}\n[data-v-18a2952a] .cell-editing-input .n-select {\n border: none !important;\n box-shadow: none !important;\n background: transparent !important;\n}\n[data-v-18a2952a] .cell-editing-input .n-select .n-base-selection {\n border: none !important;\n box-shadow: none !important;\n background: transparent !important;\n}\n\n/* 编辑操作按钮容器 */\n.cell-editing-actions[data-v-18a2952a],[data-v-18a2952a] .cell-editing-actions {\n display: flex !important;\n flex-shrink: 0 !important;\n align-items: center !important;\n gap: 4px !important;\n background: var(--n-color-popover) !important;\n border: 1px solid var(--n-border-color) !important;\n border-radius: 4px !important;\n padding: 2px !important;\n box-shadow: var(--n-box-shadow) !important;\n}\n\n/* 编辑操作按钮 */\n.cell-action-btn[data-v-18a2952a],[data-v-18a2952a] .cell-action-btn {\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n width: 20px !important;\n height: 20px !important;\n border: none !important;\n border-radius: 3px !important;\n cursor: pointer !important;\n transition: all 0.2s ease !important;\n background: transparent !important;\n /* 保存按钮 */\n /* 取消按钮 */\n /* 图标尺寸 */\n}\n.cell-action-btn.cell-action-save[data-v-18a2952a],[data-v-18a2952a] .cell-action-btn.cell-action-save {\n color: var(--n-color-success) !important;\n}\n.cell-action-btn.cell-action-save[data-v-18a2952a]:hover,[data-v-18a2952a] .cell-action-btn.cell-action-save:hover {\n background: var(--n-color-success-pressed) !important;\n transform: scale(1.1) !important;\n}\n.cell-action-btn.cell-action-cancel[data-v-18a2952a],[data-v-18a2952a] .cell-action-btn.cell-action-cancel {\n color: var(--n-color-error) !important;\n}\n.cell-action-btn.cell-action-cancel[data-v-18a2952a]:hover,[data-v-18a2952a] .cell-action-btn.cell-action-cancel:hover {\n background: var(--n-color-error-pressed) !important;\n transform: scale(1.1) !important;\n}\n.cell-action-btn svg[data-v-18a2952a],[data-v-18a2952a] .cell-action-btn svg {\n width: 11px !important;\n height: 11px !important;\n}\n\n/* ================= 7. 操作按钮样式 ================= */\n/* 通用按钮样式 */\n[data-v-18a2952a] .n-button {\n white-space: nowrap;\n font-size: 12px !important;\n flex-shrink: 0 !important;\n border-radius: 6px;\n transition: all 0.2s ease;\n font-weight: 500;\n /* 图标间距 */\n /* 小尺寸按钮优化 */\n /* 四元按钮样式 */\n}\n[data-v-18a2952a] .n-button .n-icon {\n margin-right: 4px !important;\n}\n[data-v-18a2952a] .n-button.n-button--small-type {\n padding: 4px 8px;\n height: 28px;\n line-height: 20px;\n}\n[data-v-18a2952a] .n-button.n-button--quaternary-type:hover {\n transform: translateY(-1px);\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n}\n[data-v-18a2952a] .n-button.n-button--quaternary-type:active {\n transform: translateY(0);\n}\n\n/* ================= 8. 按钮组间距优化 ================= */\n/* 操作按钮组 */\n[data-v-18a2952a] .n-space.n-space--horizontal .n-space-item:not(:last-child) {\n margin-right: 6px !important;\n}\n\n/* ================= 9. 模态框样式优化 ================= */\n/* 编辑模态框 */\n[data-v-18a2952a] .n-modal .n-card {\n border-radius: 12px;\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);\n}\n[data-v-18a2952a] .n-modal .n-card__header {\n padding: 20px 24px 16px;\n font-weight: 600;\n font-size: 16px;\n}\n[data-v-18a2952a] .n-modal .n-card__content {\n padding: 0 24px 16px;\n}\n[data-v-18a2952a] .n-modal .n-card__action {\n padding: 16px 24px 20px;\n border-top: 1px solid var(--n-divider-color);\n}\n\n/* ================= 10. 描述列表样式 ================= */\n/* 详情模态框描述列表 */\n[data-v-18a2952a] .n-descriptions .n-descriptions-item-label {\n font-weight: 500;\n color: var(--n-text-color-2);\n}\n[data-v-18a2952a] .n-descriptions .n-descriptions-item-content {\n color: var(--n-text-color-1);\n word-break: break-all;\n}\n\n/* ================= 11. 响应式设计 ================= */\n/* 移动端适配 */\n@media (max-width: 768px) {\n.c-table-wrapper[data-v-18a2952a] {\n overflow-x: auto;\n}\n /* 操作列在移动端的适配 */\n[data-v-18a2952a] .n-data-table-th:last-child {\n width: 160px !important;\n min-width: 160px !important;\n}\n /* 按钮在移动端的优化 */\n[data-v-18a2952a] .n-button {\n font-size: 11px !important;\n padding: 3px 6px;\n}\n[data-v-18a2952a] .n-button .n-icon {\n margin-right: 2px !important;\n}\n /* 单元格编辑图标在移动端始终显示 */\n.cell-edit-icon[data-v-18a2952a] {\n opacity: 0.6;\n}\n}\n/* ================= 12. 主题适配 ================= */\n/* 暗色主题适配 - 已通过 CSS 变量自动适配 */\n[data-theme=dark][data-v-18a2952a] {\n /* CSS 变量已自动适配,如有特殊需求可在此添加 */\n}\n\n/* ================= 13. 响应式优化 ================= */\n/* 小屏幕下的单元格编辑优化 */\n@media (max-width: 768px) {\n.cell-editing-container[data-v-18a2952a],[data-v-18a2952a] .cell-editing-container {\n gap: 6px !important;\n}\n.cell-editing-actions[data-v-18a2952a],[data-v-18a2952a] .cell-editing-actions {\n gap: 3px !important;\n padding: 2px !important;\n}\n.cell-action-btn[data-v-18a2952a],[data-v-18a2952a] .cell-action-btn {\n width: 18px !important;\n height: 18px !important;\n}\n.cell-action-btn svg[data-v-18a2952a],[data-v-18a2952a] .cell-action-btn svg {\n width: 10px !important;\n height: 10px !important;\n}\n /* 移动端编辑图标 */\n.cell-edit-icon[data-v-18a2952a] {\n opacity: 0.6 !important;\n}\n.cell-value[data-v-18a2952a] {\n margin-right: 12px !important;\n}\n}\n/* ================= 14. 性能优化 ================= */\n/* 使用 GPU 加速的动画 */\n.cell-edit-icon[data-v-18a2952a],\n.cell-action-btn[data-v-18a2952a] {\n will-change: transform;\n backface-visibility: hidden;\n}\n[data-v-18a2952a] .n-button {\n will-change: transform;\n backface-visibility: hidden;\n}\n\n/* ================= 15. 可访问性优化 ================= */\n/* 聚焦状态 */\n.cell-edit-wrapper[data-v-18a2952a]:focus-within,\n.cell-editing-container[data-v-18a2952a]:focus-within {\n outline: 2px solid var(--n-primary-color);\n outline-offset: 2px;\n}\n\n/* 高对比度模式支持 */\n@media (prefers-contrast: high) {\n.cell-edit-icon[data-v-18a2952a] {\n opacity: 0.8;\n}\n.cell-editing-actions[data-v-18a2952a] {\n border-width: 2px;\n}\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACvHA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}