@robot-admin/naive-ui-components 0.14.3 → 0.15.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 (257) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/README.md +130 -741
  3. package/README_EN.md +137 -678
  4. package/dist/C_ActionBar.css +57 -58
  5. package/dist/C_ActionBar2.cjs +1 -1
  6. package/dist/C_ActionBar2.js +1 -1
  7. package/dist/C_AntV.css +232 -238
  8. package/dist/C_AntV2.cjs +2 -2
  9. package/dist/C_AntV2.js +2 -2
  10. package/dist/C_AudioPlayer.css +9 -9
  11. package/dist/C_AvatarGroup.css +5 -6
  12. package/dist/C_Barcode.css +1 -1
  13. package/dist/C_Breadcrumb.css +15 -18
  14. package/dist/C_Breadcrumb2.cjs +1 -1
  15. package/dist/C_Breadcrumb2.js +1 -1
  16. package/dist/C_Captcha.css +46 -49
  17. package/dist/C_Captcha2.cjs +1 -1
  18. package/dist/C_Captcha2.js +1 -1
  19. package/dist/C_Cascade.css +5 -6
  20. package/dist/C_Chat.css +8 -8
  21. package/dist/C_City.css +2 -2
  22. package/dist/C_Code.css +9 -9
  23. package/dist/C_CollapsePanel.css +9 -9
  24. package/dist/C_ContextMenu.css +31 -31
  25. package/dist/C_Cron.css +271 -274
  26. package/dist/C_Date.css +1 -1
  27. package/dist/C_Draggable.css +10 -11
  28. package/dist/C_Editor.css +2 -2
  29. package/dist/C_FilePreview.css +423 -423
  30. package/dist/C_Form.base.css +608 -602
  31. package/dist/C_Form.cjs +1 -1
  32. package/dist/C_Form.css +610 -604
  33. package/dist/C_Form.d.cts +2 -2
  34. package/dist/C_Form.d.ts +2 -2
  35. package/dist/C_Form.js +1 -1
  36. package/dist/C_FormModal.cjs +1 -1
  37. package/dist/C_FormModal.css +12 -17
  38. package/dist/C_FormModal.js +1 -1
  39. package/dist/C_FormModal2.cjs +1 -1
  40. package/dist/C_FormModal2.js +1 -1
  41. package/dist/C_FormSearch.css +53 -55
  42. package/dist/C_FormSearch2.cjs +1 -1
  43. package/dist/C_FormSearch2.js +1 -1
  44. package/dist/C_FormulaEditor.css +204 -205
  45. package/dist/C_FullCalendar.css +13 -15
  46. package/dist/C_FullCalendar2.cjs +1 -1
  47. package/dist/C_FullCalendar2.js +1 -1
  48. package/dist/C_GlobalSearch.css +11 -12
  49. package/dist/C_Guide.css +10 -10
  50. package/dist/C_Icon.css +7 -8
  51. package/dist/C_ImageCropper.css +69 -69
  52. package/dist/C_Language.css +8 -8
  53. package/dist/C_Loading.css +22 -25
  54. package/dist/C_Loading2.cjs +1 -1
  55. package/dist/C_Loading2.js +1 -1
  56. package/dist/C_Login.css +130 -135
  57. package/dist/C_Login2.cjs +1 -1
  58. package/dist/C_Login2.js +1 -1
  59. package/dist/C_Map.css +22 -23
  60. package/dist/C_Markdown.css +6 -7
  61. package/dist/C_Menu.css +2 -5
  62. package/dist/C_Menu2.cjs +1 -1
  63. package/dist/C_Menu2.js +1 -1
  64. package/dist/C_NotificationCenter.css +252 -253
  65. package/dist/C_OrgChart.css +8 -8
  66. package/dist/C_PageLoading.css +34 -39
  67. package/dist/C_QRCode.css +5 -6
  68. package/dist/C_Signature.css +5 -6
  69. package/dist/C_Skeleton.css +2 -2
  70. package/dist/C_SplitPane.css +2 -2
  71. package/dist/C_Steps.css +5 -6
  72. package/dist/C_Table.base.css +1090 -879
  73. package/dist/C_Table.cjs +1 -1
  74. package/dist/C_Table.css +1096 -885
  75. package/dist/C_Table.d.cts +1 -1
  76. package/dist/C_Table.d.ts +1 -1
  77. package/dist/C_Table.js +1 -1
  78. package/dist/C_Tabs.css +5 -6
  79. package/dist/C_TagsView.css +60 -63
  80. package/dist/C_TagsView2.cjs +1 -1
  81. package/dist/C_TagsView2.js +1 -1
  82. package/dist/C_Theme.css +7 -8
  83. package/dist/C_Time.css +1 -1
  84. package/dist/C_Timeline.css +8 -8
  85. package/dist/C_Transfer.css +10 -11
  86. package/dist/C_Tree.css +16 -17
  87. package/dist/C_Upload.css +156 -157
  88. package/dist/C_VideoPlayer.css +267 -267
  89. package/dist/C_VtableGantt.css +2 -2
  90. package/dist/C_WaterFall.css +2 -2
  91. package/dist/C_WorkFlow.css +466 -470
  92. package/dist/C_WorkFlow2.cjs +1 -1
  93. package/dist/C_WorkFlow2.js +1 -1
  94. package/dist/Card.cjs +1 -0
  95. package/dist/Card.js +1 -0
  96. package/dist/Custom.cjs +1 -0
  97. package/dist/Custom.js +1 -0
  98. package/dist/Dynamic.cjs +1 -0
  99. package/dist/Dynamic.js +1 -0
  100. package/dist/Steps.cjs +1 -0
  101. package/dist/Steps.js +1 -0
  102. package/dist/Tabs.cjs +1 -0
  103. package/dist/Tabs.js +1 -0
  104. package/dist/cascader.cjs +1 -0
  105. package/dist/cascader.js +1 -0
  106. package/dist/color-picker.cjs +1 -0
  107. package/dist/color-picker.js +1 -0
  108. package/dist/constants.d.cts +1 -1
  109. package/dist/constants.d.ts +1 -1
  110. package/dist/constants3.d.cts +2 -2
  111. package/dist/constants3.d.ts +2 -2
  112. package/dist/constants4.d.cts +4 -4
  113. package/dist/constants4.d.ts +4 -4
  114. package/dist/constants5.d.cts +2 -2
  115. package/dist/constants5.d.ts +2 -2
  116. package/dist/context.cjs +1 -0
  117. package/dist/context.js +1 -0
  118. package/dist/contracts.d.cts +24 -0
  119. package/dist/contracts.d.ts +24 -0
  120. package/dist/createPageLoading.cjs +1 -1
  121. package/dist/createPageLoading.js +1 -1
  122. package/dist/data.cjs +1 -1
  123. package/dist/data.d.cts +4 -4
  124. package/dist/data.d.ts +4 -4
  125. package/dist/data.js +1 -1
  126. package/dist/date-picker.cjs +1 -0
  127. package/dist/date-picker.js +1 -0
  128. package/dist/feedback.cjs +1 -0
  129. package/dist/feedback.js +1 -0
  130. package/dist/helpers.cjs +1 -1
  131. package/dist/helpers.js +1 -1
  132. package/dist/index.cjs +1 -1
  133. package/dist/index.d.cts +6 -4
  134. package/dist/index.d.ts +6 -4
  135. package/dist/index.js +1 -1
  136. package/dist/index.vue.d.cts +4 -4
  137. package/dist/index.vue.d.ts +4 -4
  138. package/dist/index10.vue.d.cts +3 -3
  139. package/dist/index10.vue.d.ts +3 -3
  140. package/dist/index11.vue.d.cts +3 -3
  141. package/dist/index11.vue.d.ts +2 -2
  142. package/dist/index12.vue.d.cts +2 -2
  143. package/dist/index12.vue.d.ts +1 -1
  144. package/dist/index13.vue.d.cts +1 -1
  145. package/dist/index13.vue.d.ts +2 -2
  146. package/dist/index14.vue.d.cts +2 -2
  147. package/dist/index14.vue.d.ts +7 -7
  148. package/dist/index15.vue.d.cts +7 -7
  149. package/dist/index16.vue.d.ts +1 -1
  150. package/dist/index17.vue.d.cts +1 -1
  151. package/dist/index17.vue.d.ts +2 -2
  152. package/dist/index18.vue.d.cts +2 -2
  153. package/dist/index18.vue.d.ts +2 -2
  154. package/dist/index19.vue.d.cts +2 -2
  155. package/dist/index19.vue.d.ts +1 -8
  156. package/dist/index2.vue.d.cts +1 -1
  157. package/dist/index2.vue.d.ts +1 -1
  158. package/dist/index20.vue.d.cts +1 -1
  159. package/dist/index20.vue.d.ts +1 -1
  160. package/dist/index21.vue.d.cts +2 -2
  161. package/dist/index21.vue.d.ts +2 -2
  162. package/dist/index22.vue.d.cts +3 -3
  163. package/dist/index22.vue.d.ts +3 -3
  164. package/dist/index23.vue.d.cts +1 -1
  165. package/dist/index23.vue.d.ts +1 -1
  166. package/dist/index25.vue.d.cts +4 -4
  167. package/dist/index25.vue.d.ts +4 -4
  168. package/dist/index26.vue.d.cts +1 -1
  169. package/dist/index26.vue.d.ts +1 -1
  170. package/dist/index27.vue.d.cts +3 -3
  171. package/dist/index27.vue.d.ts +3 -3
  172. package/dist/index3.vue.d.cts +4 -4
  173. package/dist/index3.vue.d.ts +4 -4
  174. package/dist/index4.vue.d.cts +1 -8
  175. package/dist/index6.vue.d.ts +2 -2
  176. package/dist/index7.vue.d.cts +2 -2
  177. package/dist/index8.vue.d.ts +3 -3
  178. package/dist/index9.vue.d.cts +3 -3
  179. package/dist/index9.vue.d.ts +3 -3
  180. package/dist/mapUtils.d.cts +2 -2
  181. package/dist/mapUtils.d.ts +2 -2
  182. package/dist/presets.d.cts +8 -2
  183. package/dist/presets.d.ts +8 -2
  184. package/dist/rate.cjs +1 -0
  185. package/dist/rate.js +1 -0
  186. package/dist/slider.cjs +1 -0
  187. package/dist/slider.js +1 -0
  188. package/dist/style.css +10671 -10704
  189. package/dist/time-picker.cjs +1 -0
  190. package/dist/time-picker.js +1 -0
  191. package/dist/upload.cjs +1 -0
  192. package/dist/upload.js +1 -0
  193. package/dist/useActionTask.cjs +1 -0
  194. package/dist/useActionTask.js +1 -0
  195. package/dist/useCalendarEvents.d.cts +1 -1
  196. package/dist/useCalendarEvents.d.ts +1 -1
  197. package/dist/useCollapsePanel.d.cts +6 -6
  198. package/dist/useCollapsePanel.d.ts +6 -6
  199. package/dist/useComponentLocale.cjs +1 -0
  200. package/dist/useComponentLocale.js +1 -0
  201. package/dist/useCropperCore.d.cts +4 -4
  202. package/dist/useCropperCore.d.ts +4 -4
  203. package/dist/useDraggableLayout.d.cts +8 -8
  204. package/dist/useDraggableLayout.d.ts +8 -8
  205. package/dist/useDynamicFormState.cjs +1 -0
  206. package/dist/useDynamicFormState.d.cts +62 -38
  207. package/dist/useDynamicFormState.d.ts +62 -38
  208. package/dist/useDynamicFormState.js +1 -0
  209. package/dist/useEdgeInteraction.d.cts +2 -2
  210. package/dist/useEdgeInteraction.d.ts +2 -2
  211. package/dist/useFullscreen.d.cts +2 -2
  212. package/dist/useFullscreen.d.ts +2 -2
  213. package/dist/useInfiniteScroll.d.cts +1 -1
  214. package/dist/useInfiniteScroll.d.ts +1 -1
  215. package/dist/useQRCode.d.cts +3 -3
  216. package/dist/useQRCode.d.ts +3 -3
  217. package/dist/useSearchState.d.cts +16 -726
  218. package/dist/useSearchState.d.ts +16 -835
  219. package/dist/useSignatureHistory.d.cts +2 -2
  220. package/dist/useSignatureHistory.d.ts +2 -2
  221. package/dist/useSplitResize.d.cts +9 -9
  222. package/dist/useSplitResize.d.ts +9 -9
  223. package/dist/useTableQuery.cjs +3 -3
  224. package/dist/useTableQuery.d.cts +66 -33
  225. package/dist/useTableQuery.d.ts +66 -33
  226. package/dist/useTableQuery.js +3 -3
  227. package/dist/useTimeSelection.d.cts +2 -2
  228. package/dist/useTimeSelection.d.ts +2 -2
  229. package/dist/useTreeOperations.d.cts +4 -4
  230. package/dist/useTreeOperations.d.ts +4 -4
  231. package/dist/useWorkflowValidation.d.cts +3 -3
  232. package/dist/useWorkflowValidation.d.ts +3 -3
  233. package/dist/verification.d.cts +2 -2
  234. package/dist/verification.d.ts +2 -2
  235. package/docs/architecture.en.md +83 -0
  236. package/docs/architecture.md +83 -0
  237. package/docs/assets/README.md +47 -0
  238. package/docs/assets/naive-ui-components-banner.png +0 -0
  239. package/docs/assets/naive-ui-components-banner.svg +69 -0
  240. package/docs/assets/naive-ui-components-logo.png +0 -0
  241. package/docs/assets/naive-ui-components-logo.svg +22 -0
  242. package/docs/components.en.md +118 -0
  243. package/docs/components.md +118 -0
  244. package/docs/engineering.en.md +132 -0
  245. package/docs/engineering.md +133 -0
  246. package/docs/guides/usage.en.md +638 -0
  247. package/docs/guides/usage.md +699 -0
  248. package/docs/performance-0.15.0.md +20 -0
  249. package/docs/security-scan-2026-10-06.md +11 -0
  250. package/docs/security-scan-2026-10-18.md +16 -0
  251. package/package.json +29 -11
  252. package/dist/C_Form2.cjs +0 -1
  253. package/dist/C_Form2.js +0 -1
  254. package/dist/config.cjs +0 -1
  255. package/dist/config.d.cts +0 -33
  256. package/dist/config.d.ts +0 -33
  257. package/dist/config.js +0 -1
package/dist/C_Table.css CHANGED
@@ -1,12 +1,6 @@
1
1
  :root{--c-primary: var(--primary-color, #2080f0);--c-primary-hover: var(--primary-color-hover, #4098fc);--c-primary-pressed: var(--primary-color-pressed, #1060c9);--c-success: var(--success-color, #18a058);--c-warning: var(--warning-color, #f0a020);--c-error: var(--error-color, #d03050);--c-info: var(--info-color, #2080f0);--c-bg-body: var(--body-color, #ffffff);--c-bg-card: var(--card-color, #ffffff);--c-bg-surface: var(--popover-color, #ffffff);--c-text-1: var(--text-color-1, #262626);--c-text-2: var(--text-color-2, #525252);--c-text-3: var(--text-color-3, #a3a3a3);--c-text-4: var(--text-color-4, #c0c0c0);--c-border: var(--border-color, #e5e7eb);--c-radius-sm: var(--border-radius-small, 4px);--c-radius: var(--border-radius, 6px);--c-transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);--c-transition-base: 0.3s cubic-bezier(0.4, 0, 0.2, 1);--c-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);--c-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);--c-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1)}
2
2
 
3
- /* unplugin-vue-components disabled */
4
- /* layer: default */
5
- .inline-flex[data-v-075758a0]{display:inline-flex;}
6
- .transform[data-v-075758a0]{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
7
- .px[data-v-075758a0]{padding-left:1rem;padding-right:1rem;}
8
-
9
- /* unplugin-vue-components disabled */.c-icon[data-v-075758a0] {
3
+ .c-icon[data-v-075758a0] {
10
4
  display: inline-flex;
11
5
  align-items: center;
12
6
  justify-content: center;
@@ -65,6 +59,220 @@
65
59
  transform: rotate(360deg);
66
60
  }
67
61
  }
62
+
63
+ /* layer: default */
64
+ .inline-flex[data-v-075758a0]{display:inline-flex;}
65
+ .transform[data-v-075758a0]{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
66
+ .px[data-v-075758a0]{padding-left:1rem;padding-right:1rem;}
67
+
68
+ /* 通用操作按钮组件样式 */
69
+ /* ================= 主容器 ================= */
70
+ .c-action-bar[data-v-3c85fa90] {
71
+ display: flex;
72
+ align-items: center;
73
+ justify-content: space-between;
74
+ padding: 16px;
75
+ margin-bottom: 16px;
76
+ background: var(--c-bg-card);
77
+ border-radius: var(--c-radius);
78
+ border: 1px solid var(--c-border);
79
+ transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
80
+ }
81
+ .c-action-bar.is-align-left[data-v-3c85fa90] {
82
+ justify-content: flex-start;
83
+ }
84
+ .c-action-bar.is-align-center[data-v-3c85fa90] {
85
+ justify-content: center;
86
+ }
87
+ .c-action-bar.is-align-right[data-v-3c85fa90] {
88
+ justify-content: flex-end;
89
+ }
90
+ .c-action-bar.is-align-space-between[data-v-3c85fa90] {
91
+ justify-content: space-between;
92
+ }
93
+ .c-action-bar.is-align-space-around[data-v-3c85fa90] {
94
+ justify-content: space-around;
95
+ }
96
+ .c-action-bar.is-compact[data-v-3c85fa90] {
97
+ padding: 8px;
98
+ margin-bottom: 8px;
99
+ }
100
+ .c-action-bar.is-inline[data-v-3c85fa90] {
101
+ padding: 0;
102
+ margin-bottom: 0;
103
+ background: transparent;
104
+ border: none;
105
+ border-radius: 0;
106
+ box-shadow: none;
107
+ }
108
+ .c-action-bar.is-wrap[data-v-3c85fa90] {
109
+ flex-wrap: wrap;
110
+ gap: 8px;
111
+ }
112
+ @media (max-width: 768px) {
113
+ .c-action-bar[data-v-3c85fa90] {
114
+ flex-direction: column;
115
+ gap: 12px;
116
+ }
117
+ .c-action-bar .actions-group[data-v-3c85fa90] {
118
+ width: 100%;
119
+ justify-content: center;
120
+ }
121
+ }
122
+
123
+ /* ================= 按钮组 ================= */
124
+ .actions-group[data-v-3c85fa90] {
125
+ display: flex;
126
+ align-items: center;
127
+ gap: 12px;
128
+ flex-wrap: nowrap;
129
+ }
130
+ .actions-group.actions-left[data-v-3c85fa90] {
131
+ justify-content: flex-start;
132
+ }
133
+ .actions-group.actions-right[data-v-3c85fa90] {
134
+ justify-content: flex-end;
135
+ }
136
+ .c-action-bar.has-only-left.is-align-center .actions-group.actions-left[data-v-3c85fa90], .c-action-bar.has-only-right.is-align-center .actions-group.actions-right[data-v-3c85fa90] {
137
+ width: 100%;
138
+ justify-content: center;
139
+ }
140
+ .c-action-bar.has-only-left.is-align-space-between .actions-group.actions-left[data-v-3c85fa90], .c-action-bar.has-only-right.is-align-space-between .actions-group.actions-right[data-v-3c85fa90] {
141
+ width: 100%;
142
+ justify-content: space-between;
143
+ }
144
+ .c-action-bar.has-only-left.is-align-space-around .actions-group.actions-left[data-v-3c85fa90], .c-action-bar.has-only-right.is-align-space-around .actions-group.actions-right[data-v-3c85fa90] {
145
+ width: 100%;
146
+ justify-content: space-around;
147
+ }
148
+ .c-action-bar.has-only-left.is-align-right .actions-group.actions-left[data-v-3c85fa90] {
149
+ width: 100%;
150
+ justify-content: flex-end;
151
+ }
152
+ .c-action-bar.has-only-right.is-align-left .actions-group.actions-right[data-v-3c85fa90] {
153
+ width: 100%;
154
+ justify-content: flex-start;
155
+ }
156
+ .actions-group[data-v-3c85fa90] .n-button {
157
+ transition: color 0.16s ease, background-color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
158
+ font-weight: 500;
159
+ }
160
+ .actions-group[data-v-3c85fa90] .n-button .n-icon {
161
+ transition: transform 0.3s ease;
162
+ }
163
+ .actions-group[data-v-3c85fa90] .n-button:hover:not(:disabled) {
164
+ transform: translateY(-1px);
165
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
166
+ }
167
+ .actions-group[data-v-3c85fa90] .n-button:hover:not(:disabled) .n-icon {
168
+ transform: scale(1.1);
169
+ }
170
+ .actions-group[data-v-3c85fa90] .n-button:active:not(:disabled) {
171
+ transform: translateY(0);
172
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
173
+ }
174
+ .actions-group[data-v-3c85fa90] .n-button:disabled {
175
+ cursor: not-allowed;
176
+ opacity: 0.5;
177
+ }
178
+ .actions-group[data-v-3c85fa90] .n-button.n-button--loading {
179
+ pointer-events: none;
180
+ }
181
+ .actions-group[data-v-3c85fa90] .n-button--primary-type:hover:not(:disabled) {
182
+ box-shadow: 0 4px 12px rgba(24, 160, 88, 0.3);
183
+ }
184
+ .actions-group[data-v-3c85fa90] .n-button--info-type:hover:not(:disabled) {
185
+ box-shadow: 0 4px 12px rgba(42, 148, 125, 0.3);
186
+ }
187
+ .actions-group[data-v-3c85fa90] .n-button--success-type:hover:not(:disabled) {
188
+ box-shadow: 0 4px 12px rgba(99, 226, 183, 0.3);
189
+ }
190
+ .actions-group[data-v-3c85fa90] .n-button--warning-type:hover:not(:disabled) {
191
+ box-shadow: 0 4px 12px rgba(240, 138, 0, 0.3);
192
+ }
193
+ .actions-group[data-v-3c85fa90] .n-button--error-type:hover:not(:disabled) {
194
+ box-shadow: 0 4px 12px rgba(208, 48, 80, 0.3);
195
+ }
196
+
197
+ /* ================= 中间插槽区域 ================= */
198
+ .actions-center[data-v-3c85fa90] {
199
+ display: flex;
200
+ align-items: center;
201
+ justify-content: center;
202
+ flex: 1;
203
+ padding: 0 24px;
204
+ min-width: 0;
205
+ }
206
+
207
+ /* ================= 分隔线 ================= */
208
+ .action-divider[data-v-3c85fa90] {
209
+ margin: 0 8px !important;
210
+ height: 20px;
211
+ opacity: 0.3;
212
+ transition: opacity 0.3s ease;
213
+ }
214
+ .action-divider[data-v-3c85fa90]:hover {
215
+ opacity: 0.6;
216
+ }
217
+
218
+ /* ================= 下拉菜单优化 ================= */
219
+ [data-v-3c85fa90] .n-dropdown-option {
220
+ transition: all 0.2s ease;
221
+ }
222
+ [data-v-3c85fa90] .n-dropdown-option:hover {
223
+ transform: translateX(4px);
224
+ }
225
+ [data-v-3c85fa90] .n-dropdown-option .n-icon {
226
+ transition: transform 0.2s ease;
227
+ }
228
+ [data-v-3c85fa90] .n-dropdown-option:hover .n-icon {
229
+ transform: scale(1.15);
230
+ }
231
+
232
+ /* ================= 加载动画 ================= */
233
+ @keyframes button-loading-3c85fa90 {
234
+ 0% {
235
+ opacity: 0.6;
236
+ }
237
+ 50% {
238
+ opacity: 1;
239
+ }
240
+ 100% {
241
+ opacity: 0.6;
242
+ }
243
+ }
244
+ [data-v-3c85fa90] .n-button--loading {
245
+ animation: button-loading-3c85fa90 1.5s ease-in-out infinite;
246
+ }
247
+
248
+ /* ================= Tooltip 样式 ================= */
249
+ [data-v-3c85fa90] .n-tooltip .n-tooltip__content {
250
+ font-size: 12px;
251
+ padding: 6px 10px;
252
+ border-radius: 4px;
253
+ backdrop-filter: blur(8px);
254
+ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
255
+ }
256
+
257
+ /* ================= 暗黑模式适配 ================= */
258
+ html.dark .c-action-bar[data-v-3c85fa90] {
259
+ border-color: rgba(255, 255, 255, 0.09);
260
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
261
+ }
262
+ html.dark .actions-group[data-v-3c85fa90] .n-button:hover:not(:disabled) {
263
+ box-shadow: 0 4px 12px rgba(255, 255, 255, 0.1);
264
+ }
265
+ html.dark .action-divider[data-v-3c85fa90] {
266
+ opacity: 0.15;
267
+ }
268
+ html.dark .action-divider[data-v-3c85fa90]:hover {
269
+ opacity: 0.4;
270
+ }
271
+
272
+ /* layer: default */
273
+ .inline[data-v-3c85fa90]{display:inline;}
274
+ .px[data-v-3c85fa90]{padding-left:1rem;padding-right:1rem;}
275
+
68
276
  :host,:root{--w-e-textarea-bg-color:#fff;--w-e-textarea-color:#333;--w-e-textarea-border-color:#ccc;--w-e-textarea-slight-border-color:#e8e8e8;--w-e-textarea-slight-color:#d4d4d4;--w-e-textarea-slight-bg-color:#f5f2f0;--w-e-textarea-selected-border-color:#b4d5ff;--w-e-textarea-handler-bg-color:#4290f7;--w-e-toolbar-color:#595959;--w-e-toolbar-bg-color:#fff;--w-e-toolbar-active-color:#333;--w-e-toolbar-active-bg-color:#f1f1f1;--w-e-toolbar-disabled-color:#999;--w-e-toolbar-border-color:#e8e8e8;--w-e-modal-button-bg-color:#fafafa;--w-e-modal-button-border-color:#d9d9d9}
69
277
  .w-e-text-container *,.w-e-toolbar *{box-sizing:border-box;margin:0;outline:none;padding:0}.w-e-text-container blockquote,.w-e-text-container li,.w-e-text-container p,.w-e-text-container td,.w-e-text-container th{line-height:1.5}.w-e-text-container sub,.w-e-text-container sup{line-height:inherit}.w-e-toolbar *{line-height:1.5}.w-e-text-container{background-color:var(--w-e-textarea-bg-color);color:var(--w-e-textarea-color);height:100%;position:relative}.w-e-text-container.no-scroll{width:100%}.w-e-text-container .w-e-scroll{height:100%;-webkit-overflow-scrolling:touch}.w-e-text-container [data-slate-editor]{outline:0;white-space:pre-wrap;word-wrap:break-word;border-top:1px solid transparent;min-height:100%;padding:0 10px}.w-e-text-container [data-slate-editor] p{margin:15px 0}.w-e-text-container [data-slate-editor] h1,.w-e-text-container [data-slate-editor] h2,.w-e-text-container [data-slate-editor] h3,.w-e-text-container [data-slate-editor] h4,.w-e-text-container [data-slate-editor] h5{margin:20px 0}.w-e-text-container [data-slate-editor] img{cursor:default;display:inline!important;max-width:100%;min-height:20px;min-width:20px}.w-e-text-container [data-slate-editor] span{text-indent:0}.w-e-text-container [data-slate-editor] [data-selected=true]{box-shadow:0 0 0 2px var(--w-e-textarea-selected-border-color)}.w-e-text-placeholder{font-style:italic;left:10px;top:17px;width:90%}.w-e-max-length-info,.w-e-text-placeholder{color:var(--w-e-textarea-slight-color);pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}.w-e-max-length-info{bottom:.5em;right:1em}.w-e-bar{background-color:var(--w-e-toolbar-bg-color);color:var(--w-e-toolbar-color);font-size:14px;padding:0 5px}.w-e-bar svg{fill:var(--w-e-toolbar-color);height:14px;width:14px}.w-e-bar-show{display:flex}.w-e-bar-hidden{display:none}.w-e-hover-bar{border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 5px #0000001f;position:absolute}.w-e-toolbar{flex-wrap:wrap;position:relative}.w-e-bar-divider{background-color:var(--w-e-toolbar-border-color);display:inline-flex;height:40px;margin:0 5px;width:1px}.w-e-bar-item{display:flex;height:40px;padding:4px;position:relative;text-align:center}.w-e-bar-item,.w-e-bar-item button{align-items:center;justify-content:center}.w-e-bar-item button{background:transparent;border:none;color:var(--w-e-toolbar-color);cursor:pointer;display:inline-flex;height:32px;overflow:hidden;padding:0 8px;white-space:nowrap}.w-e-bar-item button:hover{background-color:var(--w-e-toolbar-active-bg-color);color:var(--w-e-toolbar-active-color)}.w-e-bar-item button .title{margin-left:5px}.w-e-bar-item .active{background-color:var(--w-e-toolbar-active-bg-color);color:var(--w-e-toolbar-active-color)}.w-e-bar-item .disabled{color:var(--w-e-toolbar-disabled-color);cursor:not-allowed}.w-e-bar-item .disabled svg{fill:var(--w-e-toolbar-disabled-color)}.w-e-bar-item .disabled:hover{background-color:var(--w-e-toolbar-bg-color);color:var(--w-e-toolbar-disabled-color)}.w-e-bar-item .disabled:hover svg{fill:var(--w-e-toolbar-disabled-color)}.w-e-menu-tooltip-v5:before{background-color:var(--w-e-toolbar-active-color);border-radius:5px;color:var(--w-e-toolbar-bg-color);content:attr(data-tooltip);font-size:.75em;padding:5px 10px;text-align:center;top:40px;white-space:pre;z-index:1}.w-e-menu-tooltip-v5:after,.w-e-menu-tooltip-v5:before{opacity:0;position:absolute;transition:opacity .6s;visibility:hidden}.w-e-menu-tooltip-v5:after{border-color:transparent transparent var(--w-e-toolbar-active-color) transparent;border-style:solid;border-width:5px;content:"";top:30px}.w-e-menu-tooltip-v5:hover:after,.w-e-menu-tooltip-v5:hover:before{opacity:1;visibility:visible}.w-e-menu-tooltip-v5.tooltip-right:before{left:100%;top:10px}.w-e-menu-tooltip-v5.tooltip-right:after{border-color:transparent var(--w-e-toolbar-active-color) transparent transparent;left:100%;margin-left:-10px;top:16px}.w-e-bar-item-group .w-e-bar-item-menus-container{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px #0000001f;display:none;left:0;margin-top:40px;position:absolute;top:0;z-index:1}.w-e-bar-item-group:hover .w-e-bar-item-menus-container{display:block}.w-e-select-list{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px #0000001f;left:0;margin-top:40px;max-height:350px;min-width:100px;overflow-y:auto;position:absolute;top:0;z-index:1}.w-e-select-list ul{line-height:1;list-style:none}.w-e-select-list ul .selected{background-color:var(--w-e-toolbar-active-bg-color)}.w-e-select-list ul li{cursor:pointer;padding:7px 0 7px 25px;position:relative;text-align:left;white-space:nowrap}.w-e-select-list ul li:hover{background-color:var(--w-e-toolbar-active-bg-color)}.w-e-select-list ul li svg{left:0;margin-left:5px;margin-top:-7px;position:absolute;top:50%}.w-e-bar-bottom .w-e-select-list{bottom:0;margin-bottom:40px;margin-top:0;top:inherit}.w-e-drop-panel{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px #0000001f;margin-top:40px;min-width:200px;padding:10px;position:absolute;top:0;z-index:1}.w-e-bar-bottom .w-e-drop-panel{bottom:0;margin-bottom:40px;margin-top:0;top:inherit}.w-e-modal{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px #0000001f;color:var(--w-e-toolbar-color);font-size:14px;min-height:40px;min-width:100px;padding:20px 15px 0;position:absolute;text-align:left;z-index:1}.w-e-modal .btn-close{cursor:pointer;line-height:1;padding:5px;position:absolute;right:8px;top:7px}.w-e-modal .btn-close svg{fill:var(--w-e-toolbar-color);height:10px;width:10px}.w-e-modal .babel-container{display:block;margin-bottom:15px}.w-e-modal .babel-container span{display:block;margin-bottom:10px}.w-e-modal .button-container{margin-bottom:15px}.w-e-modal button{background-color:var(--w-e-modal-button-bg-color);cursor:pointer;font-weight:400;height:32px;padding:4.5px 15px;text-align:center;touch-action:manipulation;transition:all .3s cubic-bezier(.645,.045,.355,1);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.w-e-modal button,.w-e-modal input[type=number],.w-e-modal input[type=text],.w-e-modal textarea{border:1px solid var(--w-e-modal-button-border-color);border-radius:4px;color:var(--w-e-toolbar-color)}.w-e-modal input[type=number],.w-e-modal input[type=text],.w-e-modal textarea{background-color:var(--w-e-toolbar-bg-color);font-feature-settings:"tnum";font-variant:tabular-nums;padding:4.5px 11px;transition:all .3s;width:100%}.w-e-modal textarea{min-height:60px}body .w-e-modal,body .w-e-modal *{box-sizing:border-box}.w-e-progress-bar{background-color:var(--w-e-textarea-handler-bg-color);height:1px;position:absolute;transition:width .3s;width:0}.w-e-full-screen-container{bottom:0!important;display:flex!important;flex-direction:column!important;height:100%!important;left:0!important;margin:0!important;padding:0!important;position:fixed;right:0!important;top:0!important;width:100%!important}.w-e-full-screen-container [data-w-e-textarea=true]{flex:1!important}
70
278
  .w-e-text-container [data-slate-editor] code{background-color:var(--w-e-textarea-slight-bg-color);border-radius:3px;font-family:monospace;padding:3px}.w-e-panel-content-color{list-style:none;text-align:left;width:230px}.w-e-panel-content-color li{border:1px solid var(--w-e-toolbar-bg-color);border-radius:3px 3px;cursor:pointer;display:inline-block;padding:2px}.w-e-panel-content-color li:hover{border-color:var(--w-e-toolbar-color)}.w-e-panel-content-color li .color-block{border:1px solid var(--w-e-toolbar-border-color);border-radius:3px 3px;height:17px;width:17px}.w-e-panel-content-color .active{border-color:var(--w-e-toolbar-color)}.w-e-panel-content-color .clear{line-height:1.5;margin-bottom:5px;width:100%}.w-e-panel-content-color .clear svg{height:16px;margin-bottom:-4px;width:16px}.w-e-color-ewtzuf{color:#000}.w-e-color-4xvty2{color:#262626}.w-e-color-sqycuk{color:#595959}.w-e-color-3z8psd{color:#8c8c8c}.w-e-color-wksmh8{color:#bfbfbf}.w-e-color-paasa7{color:#d9d9d9}.w-e-color-6bm9m5{color:#e9e9e9}.w-e-color-l91prz{color:#f5f5f5}.w-e-color-k3jp27{color:#fafafa}.w-e-color-67tap4{color:#fff}.w-e-color-tunwkj{color:#e13c39}.w-e-color-s85xre{color:#e75f33}.w-e-color-xx8cx7{color:#eb903a}.w-e-color-8hp23z{color:#f5db4d}.w-e-color-vbyzhj{color:#72c040}.w-e-color-a0scch{color:#59bfc0}.w-e-color-786vrv{color:#4290f7}.w-e-color-jztut9{color:#3658e2}.w-e-color-wh1hr9{color:#6a39c9}.w-e-color-enuf5u{color:#d84493}.w-e-color-ofga0e{color:#fbe9e6}.w-e-color-n2n1ob{color:#fcede1}.w-e-color-o0q9nf{color:#fcefd4}.w-e-color-e2ltc0{color:#fcfbcf}.w-e-color-sx4s4b{color:#e7f6d5}.w-e-color-t4t3jr{color:#daf4f0}.w-e-color-j4jejh{color:#d9edfa}.w-e-color-wb7pdv{color:#e0e8fa}.w-e-color-f3wgv5{color:#ede1f8}.w-e-color-omv2nm{color:#f6e2ea}.w-e-color-qn194t{color:#ffa39e}.w-e-color-mdg9z8{color:#ffbb96}.w-e-color-hl8b9g{color:#ffd591}.w-e-color-4bm5ce{color:#fffb8f}.w-e-color-xyf4ks{color:#b7eb8f}.w-e-color-wj8ykc{color:#87e8de}.w-e-color-9gfdr3{color:#91d5ff}.w-e-color-hsaivy{color:#adc6ff}.w-e-color-v3pqyx{color:#d3adf7}.w-e-color-5sw276{color:#ffadd2}.w-e-color-bsc56c{color:#ff4d4f}.w-e-color-qg254p{color:#ff7a45}.w-e-color-sg36qp{color:#ffa940}.w-e-color-6556xy{color:#ffec3d}.w-e-color-byp7re{color:#73d13d}.w-e-color-eyz4ng{color:#36cfc9}.w-e-color-9xmyha{color:#40a9ff}.w-e-color-g6x347{color:#597ef7}.w-e-color-qkkoll{color:#9254de}.w-e-color-4uljq8{color:#f759ab}.w-e-color-2zmrji{color:#cf1322}.w-e-color-8epkxl{color:#d4380d}.w-e-color-6ff92a{color:#d46b08}.w-e-color-6j9t63{color:#d4b106}.w-e-color-xsysfa{color:#389e0d}.w-e-color-qic72q{color:#08979c}.w-e-color-oounuc{color:#096dd9}.w-e-color-dcs2ck{color:#1d39c4}.w-e-color-nkq71x{color:#531dab}.w-e-color-v640ve{color:#c41d7f}.w-e-color-beewzy{color:#820014}.w-e-color-dsgatp{color:#871400}.w-e-color-du7iiy{color:#873800}.w-e-color-aoputq{color:#614700}.w-e-color-mkf87m{color:#135200}.w-e-color-l4iwsq{color:#00474f}.w-e-color-p38mu9{color:#003a8c}.w-e-color-z5ty33{color:#061178}.w-e-color-6t1egh{color:#22075e}.w-e-color-i6ncxa{color:#780650}.w-e-bg-color-704qgs{background-color:#000}.w-e-bg-color-fwpfd7{background-color:#262626}.w-e-bg-color-477xa6{background-color:#595959}.w-e-bg-color-nkdmaz{background-color:#8c8c8c}.w-e-bg-color-gndi0b{background-color:#bfbfbf}.w-e-bg-color-9cvnta{background-color:#d9d9d9}.w-e-bg-color-pwr64r{background-color:#e9e9e9}.w-e-bg-color-5bmlb2{background-color:#f5f5f5}.w-e-bg-color-464kla{background-color:#fafafa}.w-e-bg-color-psy77q{background-color:#fff}.w-e-bg-color-eol2qk{background-color:#e13c39}.w-e-bg-color-d233xf{background-color:#e75f33}.w-e-bg-color-pe10xx{background-color:#eb903a}.w-e-bg-color-zh1r48{background-color:#f5db4d}.w-e-bg-color-msrni9{background-color:#72c040}.w-e-bg-color-1hl0d7{background-color:#59bfc0}.w-e-bg-color-y7jks4{background-color:#4290f7}.w-e-bg-color-4tr0za{background-color:#3658e2}.w-e-bg-color-nxu5rz{background-color:#6a39c9}.w-e-bg-color-64n36k{background-color:#d84493}.w-e-bg-color-8i15jh{background-color:#fbe9e6}.w-e-bg-color-757x7e{background-color:#fcede1}.w-e-bg-color-83b56i{background-color:#fcefd4}.w-e-bg-color-xnqpum{background-color:#fcfbcf}.w-e-bg-color-czpnne{background-color:#e7f6d5}.w-e-bg-color-d7dz2u{background-color:#daf4f0}.w-e-bg-color-374a2k{background-color:#d9edfa}.w-e-bg-color-gdskwy{background-color:#e0e8fa}.w-e-bg-color-yp1ddr{background-color:#ede1f8}.w-e-bg-color-8pfy6p{background-color:#f6e2ea}.w-e-bg-color-apm4nw{background-color:#ffa39e}.w-e-bg-color-6g15ib{background-color:#ffbb96}.w-e-bg-color-1nt6sj{background-color:#ffd591}.w-e-bg-color-nwr1v0{background-color:#fffb8f}.w-e-bg-color-i1003v{background-color:#b7eb8f}.w-e-bg-color-gltu3f{background-color:#87e8de}.w-e-bg-color-t1ka9p{background-color:#91d5ff}.w-e-bg-color-1uvef1{background-color:#adc6ff}.w-e-bg-color-f6ami0{background-color:#d3adf7}.w-e-bg-color-pe0yps{background-color:#ffadd2}.w-e-bg-color-w4tcbw{background-color:#ff4d4f}.w-e-bg-color-hwut5f{background-color:#ff7a45}.w-e-bg-color-jwvurf{background-color:#ffa940}.w-e-bg-color-x4hvy7{background-color:#ffec3d}.w-e-bg-color-3fhvs4{background-color:#73d13d}.w-e-bg-color-6frso6{background-color:#36cfc9}.w-e-bg-color-1efmi0{background-color:#40a9ff}.w-e-bg-color-7npr4x{background-color:#597ef7}.w-e-bg-color-i1dcmb{background-color:#9254de}.w-e-bg-color-vty8qh{background-color:#f759ab}.w-e-bg-color-nc3yp2{background-color:#cf1322}.w-e-bg-color-sr6s35{background-color:#d4380d}.w-e-bg-color-qrwg7u{background-color:#d46b08}.w-e-bg-color-qvr0bn{background-color:#d4b106}.w-e-bg-color-imvylb{background-color:#389e0d}.w-e-bg-color-bc9d8r{background-color:#08979c}.w-e-bg-color-9iru0d{background-color:#096dd9}.w-e-bg-color-xp99i4{background-color:#1d39c4}.w-e-bg-color-8end7y{background-color:#531dab}.w-e-bg-color-mmwow4{background-color:#c41d7f}.w-e-bg-color-md8if3{background-color:#820014}.w-e-bg-color-or9w8u{background-color:#871400}.w-e-bg-color-ot13y3{background-color:#873800}.w-e-bg-color-b1gcxp{background-color:#614700}.w-e-bg-color-mx5qbl{background-color:#135200}.w-e-bg-color-lh9ewp{background-color:#00474f}.w-e-bg-color-ji79v{background-color:#003a8c}.w-e-bg-color-am3iip{background-color:#061178}.w-e-bg-color-75rwkg{background-color:#22075e}.w-e-bg-color-t5gycf{background-color:#780650}.w-e-font-size-okzesi{font-size:12px}.w-e-font-size-okzfj7{font-size:13px}.w-e-font-size-okzg9w{font-size:14px}.w-e-font-size-okzh0l{font-size:15px}.w-e-font-size-okzhra{font-size:16px}.w-e-font-size-okzjzd{font-size:19px}.w-e-font-size-ol01s1{font-size:22px}.w-e-font-size-ol039f{font-size:24px}.w-e-font-size-ol06yw{font-size:29px}.w-e-font-size-ol0ork{font-size:32px}.w-e-font-size-ol1a9p{font-size:40px}.w-e-font-size-ol1g79{font-size:48px}.w-e-font-family-u0ju81{font-family:黑体}.w-e-font-family-u06buz{font-family:仿宋}.w-e-font-family-u0ariz{font-family:楷体}.w-e-font-family-6uqaji{font-family:标楷体}.w-e-font-family-w9792n{font-family:华文仿宋}.w-e-font-family-w9boqn{font-family:华文楷体}.w-e-font-family-u08e9z{font-family:宋体}.w-e-font-family-xzvn93{font-family:微软雅黑}.w-e-font-family-nbqzij{font-family:Arial}.w-e-font-family-ljm044{font-family:Tahoma}.w-e-font-family-ohnbdm{font-family:Verdana}.w-e-font-family-hmdqt{font-family:Times New Roman}.w-e-font-family-qur2ze{font-family:Courier New}.w-e-text-align-g1w4xb{text-align:left}.w-e-text-align-8k65m7{text-align:center}.w-e-text-align-i96wy{text-align:right}.w-e-text-align-klzjuo{text-align:justify}.w-e-line-height-11is3t{line-height:1}.w-e-line-height-9qd9zn{line-height:1.15}.w-e-line-height-76rj3g{line-height:1.5}.w-e-line-height-11is3u{line-height:2}.w-e-line-height-76rju5{line-height:2.5}.w-e-line-height-11is3v{line-height:3}.w-e-indent-d1l1vd{text-indent:2em}.w-e-indent-dozaza{text-indent:24px}.w-e-indent-dozcgo{text-indent:26px}.w-e-indent-dozdy2{text-indent:28px}.w-e-indent-dozv01{text-indent:30px}.w-e-indent-dozwhf{text-indent:32px}.w-e-indent-dp00xl{text-indent:38px}.w-e-indent-dp0kyc{text-indent:44px}.w-e-indent-dp0nx4{text-indent:48px}.w-e-indent-dp1awn{text-indent:58px}.w-e-indent-dp1uxe{text-indent:64px}.w-e-indent-dp31xo{text-indent:80px}.w-e-indent-dp3tdd{text-indent:96px}.w-e-text-style-underline-offset{text-underline-offset:.15em}.w-e-text-style-wavy-underline{text-decoration-line:underline;text-decoration-style:wavy;text-underline-offset:.3em}.w-e-text-style-wavy-underline-with-emphasis{text-underline-offset:.8em}.w-e-text-style-emphasis-dot{-webkit-text-emphasis-position:under;text-emphasis-position:under left;-webkit-text-emphasis-style:filled dot;text-emphasis-style:filled dot}.w-e-text-style-emphasis-dot-with-wavy{line-height:2}.w-e-text-container [data-slate-editor] blockquote{background-color:var(--w-e-textarea-slight-bg-color);border-left:8px solid var(--w-e-textarea-selected-border-color);display:block;font-size:100%;line-height:1.5;margin:10px 0;padding:10px}.w-e-panel-content-emotion{font-size:20px;list-style:none;text-align:left;width:300px}.w-e-panel-content-emotion li{border-radius:3px 3px;cursor:pointer;display:inline-block;padding:0 5px}.w-e-panel-content-emotion li:hover{background-color:var(--w-e-textarea-slight-bg-color)}.w-e-textarea-divider{border-radius:3px;margin:20px auto;padding:20px}.w-e-textarea-divider hr{background-color:var(--w-e-textarea-border-color);border:0;display:block;height:1px}.w-e-text-container [data-slate-editor] pre.w-e-code-block{position:relative}.w-e-text-container [data-slate-editor] pre.w-e-code-block .w-e-code-block-copy-button{background-color:#fff;border:1px solid var(--w-e-textarea-slight-border-color);border-radius:4px;color:#666;cursor:pointer;font-size:12px;height:24px;line-height:1;min-width:56px;opacity:0;padding:0 8px;position:absolute;right:8px;top:8px;transition:opacity .15s ease;z-index:1}.w-e-text-container [data-slate-editor] pre.w-e-code-block .w-e-code-block-copy-button:focus,.w-e-text-container [data-slate-editor] pre.w-e-code-block:hover .w-e-code-block-copy-button{opacity:1}.w-e-text-container [data-slate-editor] .w-e-image-container{display:inline-block;margin:0 3px}.w-e-text-container [data-slate-editor] .w-e-image-container:hover{box-shadow:0 0 0 2px var(--w-e-textarea-selected-border-color)}.w-e-text-container [data-slate-editor] .w-e-selected-image-container{overflow:hidden;position:relative}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .w-e-image-dragger{background-color:var(--w-e-textarea-handler-bg-color);height:7px;position:absolute;width:7px}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .left-top{cursor:nwse-resize;left:0;top:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .right-top{cursor:nesw-resize;right:0;top:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .left-bottom{bottom:0;cursor:nesw-resize;left:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .right-bottom{bottom:0;cursor:nwse-resize;right:0}.w-e-text-container [contenteditable=false] .w-e-image-container:hover,.w-e-text-container [data-slate-editor] .w-e-selected-image-container:hover{box-shadow:none}
@@ -80,7 +288,7 @@
80
288
  @keyframes w-e-table-cell-selection-pulse{0%,to{opacity:1}50%{opacity:.72}}.w-e-text-container [data-slate-editor] .table-container{border-radius:0;margin-top:10px;overflow-x:auto;padding:0;position:relative;width:100%}.w-e-text-container [data-slate-editor] table{border-collapse:collapse;table-layout:fixed}.w-e-text-container [data-slate-editor] table td,.w-e-text-container [data-slate-editor] table th{border:1px solid var(--w-e-textarea-border-color);line-height:1.5;min-width:30px;overflow:hidden;overflow-wrap:break-word;padding:3px 5px;white-space:pre-wrap;word-break:break-all}.w-e-text-container [data-slate-editor] table th{background-color:var(--w-e-textarea-slight-bg-color);font-weight:700;text-align:center}.w-e-text-container [data-slate-editor] .w-e-table-selection-overlay{height:0;left:0;overflow:visible;pointer-events:none;position:absolute;top:0;width:0;z-index:2}.w-e-text-container [data-slate-editor] .w-e-table-selection-segment{background-color:hsla(0,0%,100%,.95);box-sizing:border-box;pointer-events:none;position:absolute}.w-e-text-container [data-slate-editor] .w-e-table-selection-segment:after{animation:w-e-table-cell-selection-pulse 1.2s ease-in-out infinite;background-color:#002d87;content:"";position:absolute}.w-e-text-container [data-slate-editor] .w-e-table-selection-segment-horizontal:after{height:2px;left:0;width:100%}.w-e-text-container [data-slate-editor] .w-e-table-selection-segment-vertical:after{height:100%;top:0;width:2px}.w-e-text-container [data-slate-editor] .w-e-table-selection-segment-top:after{top:0}.w-e-text-container [data-slate-editor] .w-e-table-selection-segment-right:after{right:0}.w-e-text-container [data-slate-editor] .w-e-table-selection-segment-bottom:after{bottom:0}.w-e-text-container [data-slate-editor] .w-e-table-selection-segment-left:after{left:0}.w-e-text-container [data-slate-editor] table.table-selection-none ::-moz-selection{background:none}.w-e-text-container [data-slate-editor] table.table-selection-none ::selection{background:none}.w-e-text-container [data-slate-editor] .column-resizer{display:flex;height:0;left:0;position:absolute;top:0;width:0;z-index:1}.w-e-text-container [data-slate-editor] .column-resizer .column-resizer-item{position:relative}.w-e-text-container [data-slate-editor] .resizer-line-hotzone{cursor:col-resize;opacity:0;position:absolute;right:0;transition:opacity .2s ease,visibility .2s ease;visibility:hidden;width:6px}.w-e-text-container [data-slate-editor] .resizer-line-hotzone .resizer-line{background:rgba(20,86,240,.8);height:100%;margin-left:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:2px}.w-e-text-container [data-slate-editor] .resizer-line-hotzone.visible{visibility:visible}.w-e-text-container [data-slate-editor] .resizer-line-hotzone.highlight{opacity:1}.w-e-text-container [data-slate-editor] .row-resizer{display:flex;flex-direction:column;height:0;left:0;position:absolute;top:0;width:0;z-index:1}.w-e-text-container [data-slate-editor] .row-resizer .row-resizer-item{position:relative}.w-e-text-container [data-slate-editor] .resizer-line-hotzone-horizontal{bottom:0;cursor:row-resize;height:6px;opacity:0;position:absolute;transition:opacity .2s ease,visibility .2s ease;visibility:hidden}.w-e-text-container [data-slate-editor] .resizer-line-hotzone-horizontal .resizer-line-horizontal{background:rgba(20,86,240,.8);height:2px;margin-top:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.w-e-text-container [data-slate-editor] .resizer-line-hotzone-horizontal.visible{visibility:visible}.w-e-text-container [data-slate-editor] .resizer-line-hotzone-horizontal.highlight{opacity:1}@media (prefers-reduced-motion:reduce){.w-e-text-container [data-slate-editor] .w-e-table-selection-segment:after{animation:none}}.w-e-panel-content-table{background-color:var(--w-e-toolbar-bg-color)}.w-e-panel-content-table table{border-collapse:collapse;table-layout:fixed}.w-e-panel-content-table td,.w-e-panel-content-table th{overflow:hidden;overflow-wrap:break-word;white-space:pre-wrap;word-break:break-all}.w-e-panel-content-table td{border:1px solid var(--w-e-toolbar-border-color);cursor:pointer;height:15px;padding:3px 5px;width:20px}.w-e-panel-content-table td.active{background-color:var(--w-e-toolbar-active-bg-color)}.w-e-modal .w-e-table-property-modal{min-width:310px}.w-e-modal .w-e-table-property-modal .babel-container{align-items:center;display:flex;margin-bottom:10px}.w-e-modal .w-e-table-property-modal .babel-container>span{margin-bottom:0}.w-e-modal .w-e-table-property-modal .w-e-table-property-label{color:var(--w-e-toolbar-color);flex:0 0 82px;line-height:20px;min-height:32px;white-space:nowrap}.w-e-modal .w-e-table-property-modal .w-e-table-property-controls{flex:1;min-width:0}.w-e-modal .w-e-table-property-modal span.babel-container-number,.w-e-modal .w-e-table-property-modal span.babel-container-select{display:block}.w-e-modal .w-e-table-property-modal .w-e-table-property-select{display:block;position:relative;width:100%}.w-e-modal .w-e-table-property-modal .w-e-table-property-select-trigger{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-modal-button-border-color);border-radius:4px;color:var(--w-e-toolbar-color);height:32px;padding:4px 24px 4px 8px;position:relative;text-align:left;width:100%}.w-e-modal .w-e-table-property-modal .w-e-table-property-select-trigger:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--w-e-toolbar-disabled-color);content:"";height:0;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:0}.w-e-modal .w-e-table-property-modal .w-e-table-property-select-value{display:block;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w-e-modal .w-e-table-property-modal .w-e-table-property-select-panel{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-modal-button-border-color);border-radius:4px;box-shadow:0 2px 8px #0000001f;display:none;left:0;max-height:184px;overflow-y:auto;padding:4px;position:absolute;top:34px;width:100%;z-index:1}.w-e-modal .w-e-table-property-modal .w-e-table-property-select-option{background-color:transparent;border:0;border-radius:3px;display:block;height:28px;padding:4px 8px;text-align:left;width:100%}.w-e-modal .w-e-table-property-modal .w-e-table-property-select-option.active,.w-e-modal .w-e-table-property-modal .w-e-table-property-select-option:hover{background-color:var(--w-e-toolbar-active-bg-color)}.w-e-modal .w-e-table-property-modal .w-e-table-property-number{border:1px solid var(--w-e-modal-button-border-color);border-radius:4px;display:block;height:32px;position:relative;width:128px}.w-e-modal .w-e-table-property-modal .w-e-table-property-number input[type=number]{background-color:transparent;border:0;height:30px;padding-right:28px;width:100%}.w-e-modal .w-e-table-property-modal .w-e-table-property-unit{color:var(--w-e-toolbar-disabled-color);display:inline;line-height:1;margin-bottom:0;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.w-e-modal .w-e-table-property-modal span.babel-container-color{display:flex;min-height:32px}.w-e-modal .w-e-table-property-modal span.babel-container-align{display:flex}.w-e-modal .w-e-table-property-modal .w-e-table-property-align,.w-e-modal .w-e-table-property-modal .w-e-table-property-segment{border:1px solid var(--w-e-modal-button-border-color);border-radius:4px;display:inline-flex;overflow:hidden;width:-moz-fit-content;width:fit-content}.w-e-modal .w-e-table-property-modal .w-e-table-property-segment-fill{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.w-e-modal .w-e-table-property-modal .w-e-table-property-segment-fill .w-e-table-property-segment-button{min-width:0}.w-e-modal .w-e-table-property-modal .w-e-table-property-align-button,.w-e-modal .w-e-table-property-modal .w-e-table-property-segment-button{align-items:center;background-color:var(--w-e-modal-button-bg-color);border:0;border-radius:0;border-right:1px solid var(--w-e-modal-button-border-color);color:var(--w-e-toolbar-color);display:inline-flex;height:32px;justify-content:center;padding:0;transition:background-color .2s ease,color .2s ease}.w-e-modal .w-e-table-property-modal .w-e-table-property-align-button:last-child,.w-e-modal .w-e-table-property-modal .w-e-table-property-segment-button:last-child{border-right:0}.w-e-modal .w-e-table-property-modal .w-e-table-property-align-button:hover,.w-e-modal .w-e-table-property-modal .w-e-table-property-segment-button:hover{background-color:var(--w-e-toolbar-active-bg-color)}.w-e-modal .w-e-table-property-modal .w-e-table-property-align-button.active,.w-e-modal .w-e-table-property-modal .w-e-table-property-segment-button.active{background-color:var(--w-e-toolbar-active-bg-color);box-shadow:inset 0 -2px 0 var(--w-e-toolbar-active-color);color:var(--w-e-toolbar-active-color)}.w-e-modal .w-e-table-property-modal .w-e-table-property-align-button svg,.w-e-modal .w-e-table-property-modal .w-e-table-property-segment-button svg{fill:currentColor;height:15px;width:15px}.w-e-modal .w-e-table-property-modal .w-e-table-property-align-button{width:36px}.w-e-modal .w-e-table-property-modal .w-e-table-property-segment-button{min-width:48px;padding:0 10px}.w-e-modal .w-e-table-property-modal .color-group{align-items:center;background-color:var(--w-e-modal-button-bg-color);border:1px solid var(--w-e-modal-button-border-color);border-radius:4px;cursor:pointer;display:inline-flex;height:32px;margin-bottom:0;max-width:168px;padding:4px 22px 4px 6px;position:relative;width:100%}.w-e-modal .w-e-table-property-modal .color-group:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--w-e-toolbar-disabled-color);content:"";height:0;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:0}.w-e-modal .w-e-table-property-modal .color-group[data-mixed=true] .color-group-block{opacity:.28}.w-e-modal .w-e-table-property-modal .color-group[data-mixed=true] .color-group-label{color:var(--w-e-toolbar-disabled-color)}.w-e-modal .w-e-table-property-modal .color-group:hover{background-color:var(--w-e-toolbar-active-bg-color)}.w-e-modal .w-e-table-property-modal .color-group .w-e-drop-panel{margin-top:30px}.w-e-modal .w-e-table-property-modal .color-group-wide{width:100%}.w-e-modal .w-e-table-property-modal .color-group-block{background-clip:padding-box;border:1px solid var(--w-e-textarea-slight-border-color);border-radius:3px;display:inline-flex;flex:0 0 18px;height:18px;margin-right:8px;min-height:18px;width:18px}.w-e-modal .w-e-table-property-modal .color-group-block svg{height:14px;margin:1px;width:14px}.w-e-modal .w-e-table-property-modal .color-group-label{color:var(--w-e-toolbar-color);line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w-e-modal .w-e-table-property-modal .button-container{border-top:1px solid var(--w-e-textarea-slight-border-color);display:flex;justify-content:flex-end;margin-bottom:0;margin-top:2px;padding-top:10px}.w-e-modal .w-e-table-property-modal .button-container button{background-color:var(--w-e-toolbar-active-bg-color);color:var(--w-e-toolbar-active-color);min-width:72px}.w-e-table-layout-fixed{table-layout:fixed}.w-e-table-border-style-solid{border-style:solid}.w-e-table-border-style-dotted{border-style:dotted}.w-e-table-border-style-dashed{border-style:dashed}.w-e-table-border-style-double{border-style:double}.w-e-table-border-style-groove{border-style:groove}.w-e-table-border-style-ridge{border-style:ridge}.w-e-table-border-style-inset{border-style:inset}.w-e-table-border-style-outset{border-style:outset}
81
289
 
82
290
  .w-e-video{box-sizing:border-box;display:flex;margin:0;max-width:100%;width:100%}.w-e-video>iframe,.w-e-video>video{display:block;max-width:100%}.w-e-textarea-video-container{background-image:linear-gradient(45deg,#eee 25%,transparent 0,transparent 75%,#eee 0,#eee),linear-gradient(45deg,#eee 25%,#fff 0,#fff 75%,#eee 0,#eee);background-position:0 0,10px 10px;background-size:20px 20px;border:1px dashed var(--w-e-textarea-border-color);border-radius:5px;margin-top:10px;overflow:auto;padding:10px 0}.w-e-video-align-left{justify-content:flex-start}.w-e-video-align-center{justify-content:center}.w-e-video-align-right{justify-content:flex-end}
83
- /* unplugin-vue-components disabled */
291
+
84
292
  /* CSS 变量 — 支持外部主题覆盖 */
85
293
  .c-editor[data-v-b7a5de58] {
86
294
  --c-editor-toolbar-bg: #ffffff;
@@ -160,7 +368,7 @@
160
368
  max-width: 100% !important;
161
369
  }
162
370
 
163
- /* unplugin-vue-components disabled */
371
+
164
372
  /* layer: default */
165
373
  .hidden[data-v-b7a5de58]{display:none;}
166
374
  .w-full[data-v-b7a5de58]{width:100%;}
@@ -168,208 +376,16 @@
168
376
  .transition[data-v-b7a5de58]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
169
377
  .ease[data-v-b7a5de58]{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}
170
378
 
171
- /* unplugin-vue-components disabled */
172
- /* layer: default */
173
- .visible[data-v-6ce5207d]{visibility:visible;}
174
- .grid[data-v-6ce5207d]{display:grid;}
175
- .inline[data-v-6ce5207d]{display:inline;}
176
- .table[data-v-6ce5207d]{display:table;}
177
- .blur[data-v-6ce5207d]{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
178
- .filter[data-v-6ce5207d]{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
179
-
180
- /* unplugin-vue-components disabled */
181
- .c-form-default[data-v-4313de0c] {
182
- width: 100%;
183
- }
184
-
185
- /* unplugin-vue-components disabled */
186
- /* layer: default */
187
- .px[data-v-5debeeab]{padding-left:1rem;padding-right:1rem;}
188
-
189
- /* unplugin-vue-components disabled *//* Grid 布局样式 */
190
- /* 变量定义 */
191
- .c-grid-layout[data-v-5debeeab] {
192
- width: 100%;
193
- /* 配置面板 */
194
- }
195
- .c-grid-layout .config-panel[data-v-5debeeab] {
196
- margin-bottom: 1rem;
197
- }
198
- .c-grid-layout .config-panel .config-header[data-v-5debeeab] {
199
- display: flex;
200
- align-items: center;
201
- gap: 0.5rem;
202
- font-weight: 500;
203
- margin-bottom: 8px;
204
- }
205
- .c-grid-layout .config-panel .config-controls[data-v-5debeeab] {
206
- display: flex;
207
- gap: 1rem;
208
- flex-wrap: wrap;
209
- }
210
- .c-grid-layout .config-panel .config-controls .config-item[data-v-5debeeab] {
211
- display: flex;
212
- align-items: center;
213
- gap: 0.5rem;
214
- }
215
- .c-grid-layout .config-panel .config-controls .config-item .config-label[data-v-5debeeab] {
216
- font-size: 0.875rem;
217
- white-space: nowrap;
218
- min-width: 3rem;
219
- }
220
- .c-grid-layout[data-v-5debeeab] {
221
- /* 网格容器 */
222
- }
223
- .c-grid-layout .grid-container[data-v-5debeeab] {
224
- width: 100%;
225
- }
226
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab] {
227
- /* 进场动画 */
228
- animation: fadeInUp-5debeeab 0.3s ease-out both;
229
- }
230
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(1) {
231
- animation-delay: 0.05s;
232
- }
233
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(2) {
234
- animation-delay: 0.1s;
235
- }
236
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(3) {
237
- animation-delay: 0.15s;
238
- }
239
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(4) {
240
- animation-delay: 0.2s;
241
- }
242
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(5) {
243
- animation-delay: 0.25s;
244
- }
245
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(6) {
246
- animation-delay: 0.3s;
247
- }
248
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(7) {
249
- animation-delay: 0.35s;
250
- }
251
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(8) {
252
- animation-delay: 0.4s;
253
- }
254
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(9) {
255
- animation-delay: 0.45s;
256
- }
257
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(10) {
258
- animation-delay: 0.5s;
259
- }
260
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(11) {
261
- animation-delay: 0.55s;
262
- }
263
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(12) {
264
- animation-delay: 0.6s;
265
- }
266
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(13) {
267
- animation-delay: 0.65s;
268
- }
269
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(14) {
270
- animation-delay: 0.7s;
271
- }
272
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(15) {
273
- animation-delay: 0.75s;
274
- }
275
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(16) {
276
- animation-delay: 0.8s;
277
- }
278
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(17) {
279
- animation-delay: 0.85s;
280
- }
281
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(18) {
282
- animation-delay: 0.9s;
283
- }
284
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(19) {
285
- animation-delay: 0.95s;
286
- }
287
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(20) {
288
- animation-delay: 1s;
289
- }
290
- .c-grid-layout[data-v-5debeeab] {
291
- /* 统计信息 */
292
- }
293
- .c-grid-layout .grid-stats[data-v-5debeeab] {
294
- margin-top: 1rem;
295
- font-size: 0.875rem;
296
- opacity: 0.8;
297
- }
298
-
299
- /* 动画定义 */
300
- @keyframes fadeInUp-5debeeab {
301
- from {
302
- opacity: 0;
303
- transform: translateY(10px) scale(0.95);
304
- }
305
- to {
306
- opacity: 1;
307
- transform: translateY(0) scale(1);
308
- }
309
- }
310
- /* 表单控件统一宽度 */
311
- [data-v-5debeeab] .n-form-item .n-form-item-blank {
312
- /* 统一所有表单控件的宽度 */
313
- }
314
- [data-v-5debeeab] .n-form-item .n-form-item-blank .n-input,[data-v-5debeeab] .n-form-item .n-form-item-blank .n-input-number,[data-v-5debeeab] .n-form-item .n-form-item-blank .n-select,[data-v-5debeeab] .n-form-item .n-form-item-blank .n-date-picker,[data-v-5debeeab] .n-form-item .n-form-item-blank .n-time-picker,[data-v-5debeeab] .n-form-item .n-form-item-blank .n-cascader,[data-v-5debeeab] .n-form-item .n-form-item-blank .n-tree-select,[data-v-5debeeab] .n-form-item .n-form-item-blank .n-auto-complete,[data-v-5debeeab] .n-form-item .n-form-item-blank .n-dynamic-tags {
315
- width: 100% !important;
316
- }
317
-
318
- /* 响应式设计 */
319
- @media (max-width: 768px) {
320
- .c-grid-layout .config-panel .config-controls[data-v-5debeeab] {
321
- flex-direction: column;
322
- gap: 0.75rem;
323
- }
324
- .c-grid-layout .config-panel .config-controls .config-item[data-v-5debeeab] {
325
- justify-content: space-between;
326
- }
327
- .c-grid-layout .grid-container[data-v-5debeeab] .n-grid {
328
- gap: 0.5rem !important;
329
- }
330
- .c-grid-layout .grid-container .grid-item .item-wrapper[data-v-5debeeab] {
331
- padding: 0.125rem;
332
- }
333
- .c-grid-layout .grid-stats[data-v-5debeeab] {
334
- margin-top: 0.75rem;
335
- font-size: 0.875rem;
336
- }
337
- }
338
- @media (max-width: 480px) {
339
- .c-grid-layout .config-panel[data-v-5debeeab] {
340
- margin-bottom: 0.75rem;
341
- }
342
- }
343
- /* 主题适配 */
344
- [data-v-5debeeab] .n-card {
345
- --n-border-radius: 8px;
346
- }
347
- [data-v-5debeeab] .n-input-number {
348
- --n-width: 100%;
349
- }
350
379
 
351
- /* 暗色主题 */
352
- @media (prefers-color-scheme: dark) {
353
- .c-grid-layout .grid-container .grid-item .item-wrapper[data-v-5debeeab]:hover {
354
- background-color: rgba(255, 255, 255, 0.05);
355
- }
356
- }
357
- /* unplugin-vue-components disabled */
358
380
  /* layer: default */
359
- .mb-4[data-v-28320dd2]{margin-bottom:1rem;}
360
- .min-w-12[data-v-28320dd2]{min-width:3rem;}
361
- .w-24[data-v-28320dd2]{width:6rem;}
362
- .flex[data-v-28320dd2]{display:flex;}
363
- .flex-1[data-v-28320dd2]{flex:1 1 0%;}
364
- .items-center[data-v-28320dd2]{align-items:center;}
365
- .gap-2[data-v-28320dd2]{gap:0.5rem;}
366
- .gap-3[data-v-28320dd2]{gap:0.75rem;}
367
- .px[data-v-28320dd2]{padding-left:1rem;padding-right:1rem;}
368
- .text-sm[data-v-28320dd2]{font-size:0.875rem;line-height:1.25rem;}
369
- .text-xs[data-v-28320dd2]{font-size:0.75rem;line-height:1rem;}
370
-
371
- /* unplugin-vue-components disabled *//* Card 布局样式 */
372
- .c-form-card[data-v-28320dd2] {
381
+ .visible[data-v-2843988e]{visibility:visible;}
382
+ .grid[data-v-2843988e]{display:grid;}
383
+ .inline[data-v-2843988e]{display:inline;}
384
+ .blur[data-v-2843988e]{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
385
+ .filter[data-v-2843988e]{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
386
+
387
+ /* Card 布局样式 */
388
+ .c-form-card[data-v-e28edf5e] {
373
389
  width: 100%;
374
390
  display: flex;
375
391
  flex-direction: column;
@@ -377,89 +393,89 @@ to {
377
393
  }
378
394
 
379
395
  /* ================= 配置面板 ================= */
380
- .layout-config-panel[data-v-28320dd2] {
396
+ .layout-config-panel[data-v-e28edf5e] {
381
397
  margin-bottom: 0;
382
398
  }
383
- .config-controls[data-v-28320dd2] {
399
+ .config-controls[data-v-e28edf5e] {
384
400
  display: flex;
385
401
  align-items: center;
386
402
  gap: 1.5rem;
387
403
  flex-wrap: wrap;
388
404
  }
389
405
  @media (max-width: 768px) {
390
- .config-controls[data-v-28320dd2] {
406
+ .config-controls[data-v-e28edf5e] {
391
407
  flex-direction: column;
392
408
  align-items: stretch;
393
409
  gap: 1rem;
394
410
  }
395
411
  }
396
- .config-item[data-v-28320dd2] {
412
+ .config-item[data-v-e28edf5e] {
397
413
  display: flex;
398
414
  align-items: center;
399
415
  gap: 0.75rem;
400
416
  font-size: 0.875rem;
401
417
  }
402
418
  @media (max-width: 768px) {
403
- .config-item[data-v-28320dd2] {
419
+ .config-item[data-v-e28edf5e] {
404
420
  justify-content: space-between;
405
421
  }
406
422
  }
407
423
 
408
424
  /* ================= 表单内容区域 ================= */
409
- .form-content[data-v-28320dd2] {
425
+ .form-content[data-v-e28edf5e] {
410
426
  display: flex;
411
427
  }
412
- .layout-single[data-v-28320dd2],
413
- .layout-vertical[data-v-28320dd2] {
428
+ .layout-single[data-v-e28edf5e],
429
+ .layout-vertical[data-v-e28edf5e] {
414
430
  flex-direction: column;
415
431
  }
416
- .layout-horizontal[data-v-28320dd2] {
432
+ .layout-horizontal[data-v-e28edf5e] {
417
433
  flex-direction: row;
418
434
  flex-wrap: wrap;
419
435
  }
420
- .layout-horizontal .group-card[data-v-28320dd2] {
436
+ .layout-horizontal .group-card[data-v-e28edf5e] {
421
437
  flex: 1;
422
438
  min-width: 0;
423
439
  }
424
440
  @media (max-width: 1200px) {
425
- .layout-horizontal[data-v-28320dd2] {
441
+ .layout-horizontal[data-v-e28edf5e] {
426
442
  flex-direction: column;
427
443
  }
428
444
  }
429
445
 
430
446
  /* ================= 卡片样式 ================= */
431
- .single-card[data-v-28320dd2],
432
- .group-card[data-v-28320dd2] {
447
+ .single-card[data-v-e28edf5e],
448
+ .group-card[data-v-e28edf5e] {
433
449
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
434
450
  border-left-width: 4px;
435
451
  }
436
- .single-card[data-v-28320dd2],
437
- .basic-card[data-v-28320dd2] {
452
+ .single-card[data-v-e28edf5e],
453
+ .basic-card[data-v-e28edf5e] {
438
454
  border-left-color: #3b82f6;
439
455
  }
440
- .contact-card[data-v-28320dd2] {
456
+ .contact-card[data-v-e28edf5e] {
441
457
  border-left-color: #22c55e;
442
458
  }
443
- .preferences-card[data-v-28320dd2] {
459
+ .preferences-card[data-v-e28edf5e] {
444
460
  border-left-color: #a855f7;
445
461
  }
446
- .group-card.collapsed .card-content[data-v-28320dd2] {
462
+ .group-card.collapsed .card-content[data-v-e28edf5e] {
447
463
  display: none;
448
464
  }
449
465
 
450
466
  /* ================= 卡片头部 ================= */
451
- .card-header[data-v-28320dd2] {
467
+ .card-header[data-v-e28edf5e] {
452
468
  display: flex;
453
469
  align-items: center;
454
470
  justify-content: space-between;
455
471
  width: 100%;
456
472
  }
457
- .header-info[data-v-28320dd2] {
473
+ .header-info[data-v-e28edf5e] {
458
474
  display: flex;
459
475
  align-items: center;
460
476
  gap: 1rem;
461
477
  }
462
- .card-icon[data-v-28320dd2] {
478
+ .card-icon[data-v-e28edf5e] {
463
479
  width: 2.5rem;
464
480
  height: 2.5rem;
465
481
  padding: 0.5rem;
@@ -471,404 +487,91 @@ to {
471
487
  justify-content: center;
472
488
  font-size: 1.125rem;
473
489
  }
474
- .header-text h3[data-v-28320dd2] {
490
+ .header-text h3[data-v-e28edf5e] {
475
491
  font-size: 1.125rem;
476
492
  font-weight: 600;
477
493
  margin: 0 0 0.25rem;
478
494
  }
479
- .header-text p[data-v-28320dd2] {
495
+ .header-text p[data-v-e28edf5e] {
480
496
  font-size: 0.875rem;
481
497
  color: #6b7280;
482
498
  margin: 0;
483
499
  }
484
- .header-actions[data-v-28320dd2] {
500
+ .header-actions[data-v-e28edf5e] {
485
501
  display: flex;
486
502
  align-items: center;
487
503
  gap: 0.75rem;
488
504
  }
489
- .field-stats[data-v-28320dd2] {
505
+ .field-stats[data-v-e28edf5e] {
490
506
  display: flex;
491
507
  gap: 0.5rem;
492
508
  }
493
509
 
494
510
  /* ================= 卡片内容 ================= */
495
- .card-content[data-v-28320dd2] {
511
+ .card-content[data-v-e28edf5e] {
496
512
  padding-top: 1rem;
497
513
  }
498
- .progress-section[data-v-28320dd2] {
514
+ .progress-section[data-v-e28edf5e] {
499
515
  padding-bottom: 1rem;
500
516
  }
501
517
 
502
518
  /* ================= 操作面板 ================= */
503
- .action-content[data-v-28320dd2] {
519
+ .action-content[data-v-e28edf5e] {
504
520
  display: flex;
505
521
  align-items: center;
506
522
  justify-content: space-between;
507
523
  gap: 1.5rem;
508
524
  }
509
525
  @media (max-width: 768px) {
510
- .action-content[data-v-28320dd2] {
526
+ .action-content[data-v-e28edf5e] {
511
527
  flex-direction: column;
512
528
  align-items: stretch;
513
529
  gap: 1rem;
514
530
  }
515
531
  }
516
- .status-summary[data-v-28320dd2] {
532
+ .status-summary[data-v-e28edf5e] {
517
533
  display: flex;
518
534
  gap: 1.5rem;
519
535
  align-items: center;
520
536
  flex-wrap: wrap;
521
537
  }
522
- .status-item[data-v-28320dd2] {
538
+ .status-item[data-v-e28edf5e] {
523
539
  display: flex;
524
540
  align-items: center;
525
541
  gap: 0.75rem;
526
542
  }
527
- .status-item .label[data-v-28320dd2] {
543
+ .status-item .label[data-v-e28edf5e] {
528
544
  font-size: 0.875rem;
529
545
  }
530
- .progress-display[data-v-28320dd2] {
546
+ .progress-display[data-v-e28edf5e] {
531
547
  display: flex;
532
548
  align-items: center;
533
549
  gap: 0.75rem;
534
550
  min-width: 8rem;
535
551
  }
536
- .action-buttons[data-v-28320dd2] {
552
+ .action-buttons[data-v-e28edf5e] {
537
553
  display: flex;
538
554
  gap: 0.75rem;
539
555
  }
540
- /* unplugin-vue-components disabled */
541
- /* layer: default */
542
- .visible[data-v-195d0124]{visibility:visible;}
543
- .grid[data-v-195d0124]{display:grid;}
544
- .inline[data-v-195d0124]{display:inline;}
545
- .flex[data-v-195d0124]{display:flex;}
546
- .px[data-v-195d0124]{padding-left:1rem;padding-right:1rem;}
547
- .blur[data-v-195d0124]{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
548
-
549
- /* unplugin-vue-components disabled *//* Inline 布局样式 */
550
- .c-form-inline[data-v-195d0124] {
551
- width: 100%;
552
- min-height: 0;
553
- transition: all 0.3s ease;
554
- }
555
- .c-form-inline-item[data-v-195d0124] {
556
- min-width: 0;
557
- transition: all 0.3s ease;
558
- }
559
-
560
- /* 确保内部所有表单组件都占满容器宽度 */
561
- .c-form-inline-item[data-v-195d0124] .n-form-item {
562
- width: 100%;
563
- margin-bottom: 0;
564
- }
565
- .c-form-inline-item[data-v-195d0124] .n-form-item-blank {
566
- width: 100%;
567
- }
568
- .c-form-inline-item[data-v-195d0124] .n-input,
569
- .c-form-inline-item[data-v-195d0124] .n-select,
570
- .c-form-inline-item[data-v-195d0124] .n-date-picker,
571
- .c-form-inline-item[data-v-195d0124] .n-time-picker,
572
- .c-form-inline-item[data-v-195d0124] .n-input-number,
573
- .c-form-inline-item[data-v-195d0124] .n-cascader,
574
- .c-form-inline-item[data-v-195d0124] .n-color-picker,
575
- .c-form-inline-item[data-v-195d0124] .n-auto-complete,
576
- .c-form-inline-item[data-v-195d0124] .n-tree-select {
577
- width: 100% !important;
578
- }
579
-
580
- /* 单选框和复选框组保持自然宽度 */
581
- .c-form-inline-item[data-v-195d0124] .n-radio-group,
582
- .c-form-inline-item[data-v-195d0124] .n-checkbox-group {
583
- width: 100%;
584
- display: flex;
585
- flex-wrap: wrap;
586
- gap: 8px;
587
- }
588
-
589
- /* 开关组件居左对齐 */
590
- .c-form-inline-item[data-v-195d0124] .n-switch {
591
- width: auto;
592
- }
593
-
594
- /* ================= 对齐方式样式增强 ================= */
595
- /* 当容器使用 center 对齐时,确保表单项也居中 */
596
- .c-form-inline[style*="justify-content: center"] .c-form-inline-item[data-v-195d0124] {
597
- text-align: center;
598
- }
599
-
600
- /* 当容器使用 end 对齐时,确保表单项也右对齐 */
601
- .c-form-inline[style*="justify-content: flex-end"] .c-form-inline-item[data-v-195d0124] {
602
- text-align: right;
603
- }
604
-
605
- /* 当容器使用 start 对齐时,确保表单项左对齐 */
606
- .c-form-inline[style*="justify-content: flex-start"] .c-form-inline-item[data-v-195d0124] {
607
- text-align: left;
608
- }
609
-
610
- /* ================= 响应式设计 ================= */
611
- /* 移动设备 - 改为垂直布局 */
612
- @media (max-width: 768px) {
613
- .c-form-inline[data-v-195d0124] {
614
- flex-direction: column !important;
615
- gap: 12px !important;
616
- justify-content: flex-start !important;
617
- }
618
- .c-form-inline-item[data-v-195d0124] {
619
- width: 100% !important;
620
- text-align: left !important;
621
- }
622
- }
623
- /* 小屏手机 */
624
- @media (max-width: 480px) {
625
- .c-form-inline[data-v-195d0124] {
626
- gap: 8px !important;
627
- }
628
- }
629
- /* unplugin-vue-components disabled */
630
- /* layer: default */
631
- .visible[data-v-1779d19c]{visibility:visible;}
632
- .grid[data-v-1779d19c]{display:grid;}
633
- .inline[data-v-1779d19c]{display:inline;}
634
- .blur[data-v-1779d19c]{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
635
-
636
- /* unplugin-vue-components disabled *//* Dynamic 布局样式 */
637
- .c-form-dynamic[data-v-1779d19c] {
638
- width: 100%;
639
- }
640
- .dynamic-controls[data-v-1779d19c],
641
- .dynamic-controls-fallback[data-v-1779d19c] {
642
- margin-bottom: 16px;
643
- }
644
- .dynamic-stats[data-v-1779d19c] {
645
- margin-top: 16px;
646
- padding-top: 12px;
647
- border-top: 1px solid var(--n-divider-color);
648
- }
649
- .dynamic-item-wrapper[data-v-1779d19c] {
650
- position: relative;
651
- transition: all 0.3s ease;
652
- animation: fadeInUp-1779d19c 0.3s ease-out;
653
- }
654
- .dynamic-item-wrapper.is-dynamic-field[data-v-1779d19c] {
655
- border: 1px dashed var(--n-color-primary);
656
- border-radius: 6px;
657
- padding: 8px;
658
- background-color: var(--n-color-primary-suppl);
659
- }
660
- .max-fields-config[data-v-1779d19c] {
661
- display: flex;
662
- align-items: center;
663
- gap: 8px;
664
- font-size: 14px;
665
- }
666
- .max-fields-config span[data-v-1779d19c] {
667
- font-weight: 500;
668
- white-space: nowrap;
669
- color: var(--n-text-color-2);
670
- }
671
- @keyframes fadeInUp-1779d19c {
672
- from {
673
- opacity: 0;
674
- transform: translateY(10px);
675
- }
676
- to {
677
- opacity: 1;
678
- transform: translateY(0);
679
- }
680
- }
681
- /* 响应式设计 */
682
- @media (max-width: 768px) {
683
- .dynamic-controls[data-v-1779d19c],
684
- .dynamic-controls-fallback[data-v-1779d19c] {
685
- margin-bottom: 12px;
686
- }
687
- .dynamic-stats[data-v-1779d19c] {
688
- margin-top: 12px;
689
- }
690
- .dynamic-item-wrapper.is-dynamic-field[data-v-1779d19c] {
691
- padding: 6px;
692
- }
693
- .max-fields-config[data-v-1779d19c] {
694
- margin-top: 8px;
695
- }
696
- }
697
- /* 辅助功能 */
698
- @media (prefers-reduced-motion: reduce) {
699
- .dynamic-item-wrapper[data-v-1779d19c] {
700
- animation: none !important;
701
- transition: none !important;
702
- }
703
- }
704
- @media (prefers-contrast: high) {
705
- .dynamic-item-wrapper.is-dynamic-field[data-v-1779d19c] {
706
- border-width: 2px;
707
- border-color: currentColor;
708
- }
709
- }
710
- /* unplugin-vue-components disabled */
711
- /* layer: default */
712
- .visible[data-v-cbd5e822]{visibility:visible;}
713
- .grid[data-v-cbd5e822]{display:grid;}
714
- .inline[data-v-cbd5e822]{display:inline;}
715
- .tab[data-v-cbd5e822]{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}
716
- .blur[data-v-cbd5e822]{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
717
-
718
- /* unplugin-vue-components disabled *//* Tabs 布局样式 */
719
- .c-form-tabs[data-v-cbd5e822] {
720
- width: 100%;
721
- }
722
- .single-panel[data-v-cbd5e822] {
723
- width: 100%;
724
- }
725
- .tabs-container[data-v-cbd5e822] {
726
- width: 100%;
727
- }
728
- .form-tabs[data-v-cbd5e822] {
729
- width: 100%;
730
- }
731
- .tab-icon[data-v-cbd5e822] {
732
- font-size: 16px;
733
- display: inline-flex;
734
- align-items: center;
735
- justify-content: center;
736
- }
737
- .tab-header[data-v-cbd5e822] {
738
- margin-bottom: 16px;
739
- padding-bottom: 12px;
740
- border-bottom: 1px solid var(--n-border-color);
741
- }
742
- .tab-description[data-v-cbd5e822] {
743
- margin: 0;
744
- font-size: 14px;
745
- line-height: 1.5;
746
- opacity: 0.8;
747
- }
748
- .tab-form-items[data-v-cbd5e822] {
749
- width: 100%;
750
- }
751
- .tab-empty[data-v-cbd5e822] {
752
- padding: 40px 0;
753
- }
754
- .tabs-actions[data-v-cbd5e822] {
755
- margin-top: 16px;
756
- padding-top: 12px;
757
- border-top: 1px solid var(--n-border-color);
758
- }
759
-
760
- /* 响应式设计 */
761
- @media (max-width: 768px) {
762
- .tabs-actions[data-v-cbd5e822] {
763
- margin-top: 12px;
764
- padding-top: 8px;
765
- }
766
- .tabs-actions[data-v-cbd5e822] .n-space {
767
- flex-wrap: wrap;
768
- }
769
- }
770
- /* unplugin-vue-components disabled */
771
- /* layer: default */
772
- .visible[data-v-ee5e4509]{visibility:visible;}
773
- .grid[data-v-ee5e4509]{display:grid;}
774
- .inline[data-v-ee5e4509]{display:inline;}
775
- .blur[data-v-ee5e4509]{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
776
-
777
- /* unplugin-vue-components disabled *//* Steps 布局样式 */
778
- .c-form-steps[data-v-ee5e4509] {
779
- display: flex;
780
- flex-direction: column;
781
- gap: 24px;
782
- }
783
- .single-panel[data-v-ee5e4509] {
784
- width: 100%;
785
- }
786
- .steps-container[data-v-ee5e4509] {
787
- display: flex;
788
- flex-direction: column;
789
- gap: 24px;
790
- }
791
- .steps-indicator[data-v-ee5e4509] {
792
- padding: 24px;
793
- border-radius: 8px;
794
- }
795
- .steps-content[data-v-ee5e4509] {
796
- min-height: 400px;
797
- }
798
- .step-panel[data-v-ee5e4509] {
799
- animation: fadeIn-ee5e4509 0.3s ease-in-out;
800
- }
801
- .step-header[data-v-ee5e4509] {
802
- margin-bottom: 24px;
803
- padding-bottom: 16px;
804
- border-bottom: 1px solid var(--n-border-color);
805
- }
806
- .step-title[data-v-ee5e4509] {
807
- margin: 0 0 8px 0;
808
- font-size: 18px;
809
- font-weight: 600;
810
- }
811
- .step-description[data-v-ee5e4509] {
812
- margin: 0;
813
- font-size: 14px;
814
- line-height: 1.5;
815
- }
816
- .step-form-items[data-v-ee5e4509] {
817
- width: 100%;
818
- }
819
- .steps-actions[data-v-ee5e4509] {
820
- margin-top: 24px;
821
- padding-top: 16px;
822
- border-top: 1px solid var(--n-border-color);
823
- }
824
- @keyframes fadeIn-ee5e4509 {
825
- from {
826
- opacity: 0;
827
- transform: translateY(8px);
828
- }
829
- to {
830
- opacity: 1;
831
- transform: translateY(0);
832
- }
833
- }
834
- /* 垂直步骤样式:由组件状态驱动,避免 scoped CSS 生成无效的 :has/:deep 组合。 */
835
- .steps-container.is-vertical[data-v-ee5e4509] {
836
- flex-direction: row;
837
- align-items: flex-start;
838
- }
839
- .steps-container.is-vertical .steps-indicator[data-v-ee5e4509] {
840
- flex-shrink: 0;
841
- width: 250px;
842
- margin-right: 24px;
843
- }
844
- .steps-container.is-vertical .steps-content[data-v-ee5e4509] {
845
- flex: 1;
846
- }
847
556
 
848
- /* 响应式设计 */
849
- @media (max-width: 768px) {
850
- .steps-container.is-vertical[data-v-ee5e4509] {
851
- flex-direction: column !important;
852
- }
853
- .steps-container.is-vertical .steps-indicator[data-v-ee5e4509] {
854
- width: 100% !important;
855
- margin-right: 0 !important;
856
- margin-bottom: 16px;
857
- }
858
- }
859
- @media (prefers-reduced-motion: reduce) {
860
- .step-panel[data-v-ee5e4509] {
861
- animation: none !important;
862
- }
863
- }
864
- /* unplugin-vue-components disabled */
865
557
  /* layer: default */
866
- .visible[data-v-858beb3e]{visibility:visible;}
867
- .grid[data-v-858beb3e]{display:grid;}
868
- .inline[data-v-858beb3e]{display:inline;}
869
- .blur[data-v-858beb3e]{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
870
-
871
- /* unplugin-vue-components disabled *//* Custom 布局样式 */
558
+ .visible[data-v-e28edf5e]{visibility:visible;}
559
+ .grid[data-v-e28edf5e]{display:grid;}
560
+ .mb-4[data-v-e28edf5e]{margin-bottom:1rem;}
561
+ .inline[data-v-e28edf5e]{display:inline;}
562
+ .min-w-12[data-v-e28edf5e]{min-width:3rem;}
563
+ .w-24[data-v-e28edf5e]{width:6rem;}
564
+ .flex[data-v-e28edf5e]{display:flex;}
565
+ .flex-1[data-v-e28edf5e]{flex:1 1 0%;}
566
+ .items-center[data-v-e28edf5e]{align-items:center;}
567
+ .gap-2[data-v-e28edf5e]{gap:0.5rem;}
568
+ .gap-3[data-v-e28edf5e]{gap:0.75rem;}
569
+ .px[data-v-e28edf5e]{padding-left:1rem;padding-right:1rem;}
570
+ .text-sm[data-v-e28edf5e]{font-size:0.875rem;line-height:1.25rem;}
571
+ .text-xs[data-v-e28edf5e]{font-size:0.75rem;line-height:1rem;}
572
+ .blur[data-v-e28edf5e]{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
573
+
574
+ /* Custom 布局样式 */
872
575
  .custom-layout .toolbar-card[data-v-858beb3e] {
873
576
  margin-bottom: 16px;
874
577
  }
@@ -1169,65 +872,570 @@ to {
1169
872
  flex: 1;
1170
873
  min-width: 200px;
1171
874
  }
1172
- .custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-grid[data-v-858beb3e] {
1173
- display: grid;
1174
- grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
1175
- gap: 16px;
875
+ .custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-grid[data-v-858beb3e] {
876
+ display: grid;
877
+ grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
878
+ gap: 16px;
879
+ }
880
+ .custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-grid[data-v-858beb3e] .n-form-item {
881
+ width: 100%;
882
+ }
883
+
884
+ /* 拖拽状态 */
885
+ .area-ghost[data-v-858beb3e],
886
+ .field-ghost[data-v-858beb3e] {
887
+ opacity: 0.5;
888
+ background: var(--n-primary-color-suppl);
889
+ border: 2px dashed var(--n-primary-color);
890
+ transform: rotate(2deg);
891
+ }
892
+
893
+ /* 响应式 */
894
+ @media (max-width: 1024px) {
895
+ .custom-layout .toolbar-content[data-v-858beb3e] {
896
+ flex-direction: column;
897
+ gap: 12px;
898
+ }
899
+ .custom-layout .layout-canvas .areas-container[data-v-858beb3e] {
900
+ flex-direction: column;
901
+ }
902
+ }
903
+ @media (max-width: 768px) {
904
+ .custom-layout .design-tools[data-v-858beb3e] {
905
+ flex-direction: column;
906
+ gap: 12px;
907
+ }
908
+ .custom-layout .layout-canvas.design-mode[data-v-858beb3e] {
909
+ padding: 12px;
910
+ }
911
+ .custom-layout .custom-area[data-v-858beb3e] {
912
+ padding: 12px;
913
+ min-height: 100px;
914
+ }
915
+ .custom-layout .layout-canvas .field-pool .pool-fields-grid[data-v-858beb3e] {
916
+ grid-template-columns: repeat(2, 1fr);
917
+ }
918
+ }
919
+
920
+ /* layer: default */
921
+ .visible[data-v-858beb3e]{visibility:visible;}
922
+ .grid[data-v-858beb3e]{display:grid;}
923
+ .inline[data-v-858beb3e]{display:inline;}
924
+ .blur[data-v-858beb3e]{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
925
+
926
+
927
+ .c-form-default[data-v-4313de0c] {
928
+ width: 100%;
929
+ }
930
+
931
+ /* Dynamic 布局样式 */
932
+ .c-form-dynamic[data-v-1779d19c] {
933
+ width: 100%;
934
+ }
935
+ .dynamic-controls[data-v-1779d19c],
936
+ .dynamic-controls-fallback[data-v-1779d19c] {
937
+ margin-bottom: 16px;
938
+ }
939
+ .dynamic-stats[data-v-1779d19c] {
940
+ margin-top: 16px;
941
+ padding-top: 12px;
942
+ border-top: 1px solid var(--n-divider-color);
943
+ }
944
+ .dynamic-item-wrapper[data-v-1779d19c] {
945
+ position: relative;
946
+ transition: all 0.3s ease;
947
+ animation: fadeInUp-1779d19c 0.3s ease-out;
948
+ }
949
+ .dynamic-item-wrapper.is-dynamic-field[data-v-1779d19c] {
950
+ border: 1px dashed var(--n-color-primary);
951
+ border-radius: 6px;
952
+ padding: 8px;
953
+ background-color: var(--n-color-primary-suppl);
954
+ }
955
+ .max-fields-config[data-v-1779d19c] {
956
+ display: flex;
957
+ align-items: center;
958
+ gap: 8px;
959
+ font-size: 14px;
960
+ }
961
+ .max-fields-config span[data-v-1779d19c] {
962
+ font-weight: 500;
963
+ white-space: nowrap;
964
+ color: var(--n-text-color-2);
965
+ }
966
+ @keyframes fadeInUp-1779d19c {
967
+ from {
968
+ opacity: 0;
969
+ transform: translateY(10px);
970
+ }
971
+ to {
972
+ opacity: 1;
973
+ transform: translateY(0);
974
+ }
975
+ }
976
+ /* 响应式设计 */
977
+ @media (max-width: 768px) {
978
+ .dynamic-controls[data-v-1779d19c],
979
+ .dynamic-controls-fallback[data-v-1779d19c] {
980
+ margin-bottom: 12px;
981
+ }
982
+ .dynamic-stats[data-v-1779d19c] {
983
+ margin-top: 12px;
984
+ }
985
+ .dynamic-item-wrapper.is-dynamic-field[data-v-1779d19c] {
986
+ padding: 6px;
987
+ }
988
+ .max-fields-config[data-v-1779d19c] {
989
+ margin-top: 8px;
990
+ }
991
+ }
992
+ /* 辅助功能 */
993
+ @media (prefers-reduced-motion: reduce) {
994
+ .dynamic-item-wrapper[data-v-1779d19c] {
995
+ animation: none !important;
996
+ transition: none !important;
997
+ }
998
+ }
999
+ @media (prefers-contrast: high) {
1000
+ .dynamic-item-wrapper.is-dynamic-field[data-v-1779d19c] {
1001
+ border-width: 2px;
1002
+ border-color: currentColor;
1003
+ }
1004
+ }
1005
+
1006
+ /* layer: default */
1007
+ .visible[data-v-1779d19c]{visibility:visible;}
1008
+ .grid[data-v-1779d19c]{display:grid;}
1009
+ .inline[data-v-1779d19c]{display:inline;}
1010
+ .blur[data-v-1779d19c]{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
1011
+
1012
+ /* Grid 布局样式 */
1013
+ /* 变量定义 */
1014
+ .c-grid-layout[data-v-1d221c83] {
1015
+ width: 100%;
1016
+ /* 配置面板 */
1017
+ }
1018
+ .c-grid-layout .config-panel[data-v-1d221c83] {
1019
+ margin-bottom: 1rem;
1020
+ }
1021
+ .c-grid-layout .config-panel .config-header[data-v-1d221c83] {
1022
+ display: flex;
1023
+ align-items: center;
1024
+ gap: 0.5rem;
1025
+ font-weight: 500;
1026
+ margin-bottom: 8px;
1027
+ }
1028
+ .c-grid-layout .config-panel .config-controls[data-v-1d221c83] {
1029
+ display: flex;
1030
+ gap: 1rem;
1031
+ flex-wrap: wrap;
1032
+ }
1033
+ .c-grid-layout .config-panel .config-controls .config-item[data-v-1d221c83] {
1034
+ display: flex;
1035
+ align-items: center;
1036
+ gap: 0.5rem;
1037
+ }
1038
+ .c-grid-layout .config-panel .config-controls .config-item .config-label[data-v-1d221c83] {
1039
+ font-size: 0.875rem;
1040
+ white-space: nowrap;
1041
+ min-width: 3rem;
1042
+ }
1043
+ .c-grid-layout[data-v-1d221c83] {
1044
+ /* 网格容器 */
1045
+ }
1046
+ .c-grid-layout .grid-container[data-v-1d221c83] {
1047
+ width: 100%;
1048
+ }
1049
+ .c-grid-layout .grid-container .grid-item[data-v-1d221c83] {
1050
+ /* 进场动画 */
1051
+ animation: fadeInUp-1d221c83 0.3s ease-out both;
1052
+ }
1053
+ .c-grid-layout .grid-container .grid-item[data-v-1d221c83]:nth-child(1) {
1054
+ animation-delay: 0.05s;
1055
+ }
1056
+ .c-grid-layout .grid-container .grid-item[data-v-1d221c83]:nth-child(2) {
1057
+ animation-delay: 0.1s;
1058
+ }
1059
+ .c-grid-layout .grid-container .grid-item[data-v-1d221c83]:nth-child(3) {
1060
+ animation-delay: 0.15s;
1061
+ }
1062
+ .c-grid-layout .grid-container .grid-item[data-v-1d221c83]:nth-child(4) {
1063
+ animation-delay: 0.2s;
1064
+ }
1065
+ .c-grid-layout .grid-container .grid-item[data-v-1d221c83]:nth-child(5) {
1066
+ animation-delay: 0.25s;
1067
+ }
1068
+ .c-grid-layout .grid-container .grid-item[data-v-1d221c83]:nth-child(6) {
1069
+ animation-delay: 0.3s;
1070
+ }
1071
+ .c-grid-layout .grid-container .grid-item[data-v-1d221c83]:nth-child(7) {
1072
+ animation-delay: 0.35s;
1073
+ }
1074
+ .c-grid-layout .grid-container .grid-item[data-v-1d221c83]:nth-child(8) {
1075
+ animation-delay: 0.4s;
1076
+ }
1077
+ .c-grid-layout .grid-container .grid-item[data-v-1d221c83]:nth-child(9) {
1078
+ animation-delay: 0.45s;
1079
+ }
1080
+ .c-grid-layout .grid-container .grid-item[data-v-1d221c83]:nth-child(10) {
1081
+ animation-delay: 0.5s;
1082
+ }
1083
+ .c-grid-layout .grid-container .grid-item[data-v-1d221c83]:nth-child(11) {
1084
+ animation-delay: 0.55s;
1085
+ }
1086
+ .c-grid-layout .grid-container .grid-item[data-v-1d221c83]:nth-child(12) {
1087
+ animation-delay: 0.6s;
1088
+ }
1089
+ .c-grid-layout .grid-container .grid-item[data-v-1d221c83]:nth-child(13) {
1090
+ animation-delay: 0.65s;
1091
+ }
1092
+ .c-grid-layout .grid-container .grid-item[data-v-1d221c83]:nth-child(14) {
1093
+ animation-delay: 0.7s;
1094
+ }
1095
+ .c-grid-layout .grid-container .grid-item[data-v-1d221c83]:nth-child(15) {
1096
+ animation-delay: 0.75s;
1097
+ }
1098
+ .c-grid-layout .grid-container .grid-item[data-v-1d221c83]:nth-child(16) {
1099
+ animation-delay: 0.8s;
1100
+ }
1101
+ .c-grid-layout .grid-container .grid-item[data-v-1d221c83]:nth-child(17) {
1102
+ animation-delay: 0.85s;
1103
+ }
1104
+ .c-grid-layout .grid-container .grid-item[data-v-1d221c83]:nth-child(18) {
1105
+ animation-delay: 0.9s;
1106
+ }
1107
+ .c-grid-layout .grid-container .grid-item[data-v-1d221c83]:nth-child(19) {
1108
+ animation-delay: 0.95s;
1109
+ }
1110
+ .c-grid-layout .grid-container .grid-item[data-v-1d221c83]:nth-child(20) {
1111
+ animation-delay: 1s;
1112
+ }
1113
+ .c-grid-layout[data-v-1d221c83] {
1114
+ /* 统计信息 */
1115
+ }
1116
+ .c-grid-layout .grid-stats[data-v-1d221c83] {
1117
+ margin-top: 1rem;
1118
+ font-size: 0.875rem;
1119
+ opacity: 0.8;
1120
+ }
1121
+
1122
+ /* 动画定义 */
1123
+ @keyframes fadeInUp-1d221c83 {
1124
+ from {
1125
+ opacity: 0;
1126
+ transform: translateY(10px) scale(0.95);
1127
+ }
1128
+ to {
1129
+ opacity: 1;
1130
+ transform: translateY(0) scale(1);
1131
+ }
1132
+ }
1133
+ /* 表单控件统一宽度 */
1134
+ [data-v-1d221c83] .n-form-item .n-form-item-blank {
1135
+ /* 统一所有表单控件的宽度 */
1136
+ }
1137
+ [data-v-1d221c83] .n-form-item .n-form-item-blank .n-input,[data-v-1d221c83] .n-form-item .n-form-item-blank .n-input-number,[data-v-1d221c83] .n-form-item .n-form-item-blank .n-select,[data-v-1d221c83] .n-form-item .n-form-item-blank .n-date-picker,[data-v-1d221c83] .n-form-item .n-form-item-blank .n-time-picker,[data-v-1d221c83] .n-form-item .n-form-item-blank .n-cascader,[data-v-1d221c83] .n-form-item .n-form-item-blank .n-tree-select,[data-v-1d221c83] .n-form-item .n-form-item-blank .n-auto-complete,[data-v-1d221c83] .n-form-item .n-form-item-blank .n-dynamic-tags {
1138
+ width: 100% !important;
1139
+ }
1140
+
1141
+ /* 响应式设计 */
1142
+ @media (max-width: 768px) {
1143
+ .c-grid-layout .config-panel .config-controls[data-v-1d221c83] {
1144
+ flex-direction: column;
1145
+ gap: 0.75rem;
1146
+ }
1147
+ .c-grid-layout .config-panel .config-controls .config-item[data-v-1d221c83] {
1148
+ justify-content: space-between;
1149
+ }
1150
+ .c-grid-layout .grid-container[data-v-1d221c83] .n-grid {
1151
+ gap: 0.5rem !important;
1152
+ }
1153
+ .c-grid-layout .grid-container .grid-item .item-wrapper[data-v-1d221c83] {
1154
+ padding: 0.125rem;
1155
+ }
1156
+ .c-grid-layout .grid-stats[data-v-1d221c83] {
1157
+ margin-top: 0.75rem;
1158
+ font-size: 0.875rem;
1159
+ }
1160
+ }
1161
+ @media (max-width: 480px) {
1162
+ .c-grid-layout .config-panel[data-v-1d221c83] {
1163
+ margin-bottom: 0.75rem;
1164
+ }
1165
+ }
1166
+ /* 主题适配 */
1167
+ [data-v-1d221c83] .n-card {
1168
+ --n-border-radius: 8px;
1169
+ }
1170
+ [data-v-1d221c83] .n-input-number {
1171
+ --n-width: 100%;
1172
+ }
1173
+
1174
+ /* 暗色主题 */
1175
+ @media (prefers-color-scheme: dark) {
1176
+ .c-grid-layout .grid-container .grid-item .item-wrapper[data-v-1d221c83]:hover {
1177
+ background-color: rgba(255, 255, 255, 0.05);
1178
+ }
1179
+ }
1180
+
1181
+ /* layer: default */
1182
+ .visible[data-v-1d221c83]{visibility:visible;}
1183
+ .grid[data-v-1d221c83]{display:grid;}
1184
+ .inline[data-v-1d221c83]{display:inline;}
1185
+ .px[data-v-1d221c83]{padding-left:1rem;padding-right:1rem;}
1186
+ .blur[data-v-1d221c83]{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
1187
+
1188
+ /* Inline 布局样式 */
1189
+ .c-form-inline[data-v-711f6c00] {
1190
+ width: 100%;
1191
+ min-height: 0;
1192
+ transition: all 0.3s ease;
1193
+ }
1194
+ .c-form-inline-item[data-v-711f6c00] {
1195
+ min-width: 0;
1196
+ transition: all 0.3s ease;
1197
+ }
1198
+
1199
+ /* 确保内部所有表单组件都占满容器宽度 */
1200
+ .c-form-inline-item[data-v-711f6c00] .n-form-item {
1201
+ width: 100%;
1202
+ margin-bottom: 0;
1203
+ }
1204
+ .c-form-inline-item[data-v-711f6c00] .n-form-item-blank {
1205
+ width: 100%;
1206
+ }
1207
+ .c-form-inline-item[data-v-711f6c00] .n-input,
1208
+ .c-form-inline-item[data-v-711f6c00] .n-select,
1209
+ .c-form-inline-item[data-v-711f6c00] .n-date-picker,
1210
+ .c-form-inline-item[data-v-711f6c00] .n-time-picker,
1211
+ .c-form-inline-item[data-v-711f6c00] .n-input-number,
1212
+ .c-form-inline-item[data-v-711f6c00] .n-cascader,
1213
+ .c-form-inline-item[data-v-711f6c00] .n-color-picker,
1214
+ .c-form-inline-item[data-v-711f6c00] .n-auto-complete,
1215
+ .c-form-inline-item[data-v-711f6c00] .n-tree-select {
1216
+ width: 100% !important;
1217
+ }
1218
+
1219
+ /* 单选框和复选框组保持自然宽度 */
1220
+ .c-form-inline-item[data-v-711f6c00] .n-radio-group,
1221
+ .c-form-inline-item[data-v-711f6c00] .n-checkbox-group {
1222
+ width: 100%;
1223
+ display: flex;
1224
+ flex-wrap: wrap;
1225
+ gap: 8px;
1226
+ }
1227
+
1228
+ /* 开关组件居左对齐 */
1229
+ .c-form-inline-item[data-v-711f6c00] .n-switch {
1230
+ width: auto;
1231
+ }
1232
+
1233
+ /* ================= 对齐方式样式增强 ================= */
1234
+ /* 当容器使用 center 对齐时,确保表单项也居中 */
1235
+ .c-form-inline[style*="justify-content: center"] .c-form-inline-item[data-v-711f6c00] {
1236
+ text-align: center;
1237
+ }
1238
+
1239
+ /* 当容器使用 end 对齐时,确保表单项也右对齐 */
1240
+ .c-form-inline[style*="justify-content: flex-end"] .c-form-inline-item[data-v-711f6c00] {
1241
+ text-align: right;
1242
+ }
1243
+
1244
+ /* 当容器使用 start 对齐时,确保表单项左对齐 */
1245
+ .c-form-inline[style*="justify-content: flex-start"] .c-form-inline-item[data-v-711f6c00] {
1246
+ text-align: left;
1247
+ }
1248
+
1249
+ /* ================= 响应式设计 ================= */
1250
+ /* 移动设备 - 改为垂直布局 */
1251
+ @media (max-width: 768px) {
1252
+ .c-form-inline[data-v-711f6c00] {
1253
+ flex-direction: column !important;
1254
+ gap: 12px !important;
1255
+ justify-content: flex-start !important;
1256
+ }
1257
+ .c-form-inline-item[data-v-711f6c00] {
1258
+ width: 100% !important;
1259
+ text-align: left !important;
1260
+ }
1261
+ }
1262
+ /* 小屏手机 */
1263
+ @media (max-width: 480px) {
1264
+ .c-form-inline[data-v-711f6c00] {
1265
+ gap: 8px !important;
1266
+ }
1267
+ }
1268
+
1269
+ /* layer: default */
1270
+ .visible[data-v-711f6c00]{visibility:visible;}
1271
+ .grid[data-v-711f6c00]{display:grid;}
1272
+ .inline[data-v-711f6c00]{display:inline;}
1273
+ .flex[data-v-711f6c00]{display:flex;}
1274
+ .px[data-v-711f6c00]{padding-left:1rem;padding-right:1rem;}
1275
+ .blur[data-v-711f6c00]{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
1276
+
1277
+ /* Steps 布局样式 */
1278
+ .c-form-steps[data-v-206bdbaa] {
1279
+ display: flex;
1280
+ flex-direction: column;
1281
+ gap: 24px;
1282
+ }
1283
+ .single-panel[data-v-206bdbaa] {
1284
+ width: 100%;
1285
+ }
1286
+ .steps-container[data-v-206bdbaa] {
1287
+ display: flex;
1288
+ flex-direction: column;
1289
+ gap: 24px;
1290
+ }
1291
+ .steps-indicator[data-v-206bdbaa] {
1292
+ padding: 24px;
1293
+ border-radius: 8px;
1294
+ }
1295
+ .steps-content[data-v-206bdbaa] {
1296
+ min-height: 400px;
1297
+ }
1298
+ .step-panel[data-v-206bdbaa] {
1299
+ animation: fadeIn-206bdbaa 0.3s ease-in-out;
1300
+ }
1301
+ .step-header[data-v-206bdbaa] {
1302
+ margin-bottom: 24px;
1303
+ padding-bottom: 16px;
1304
+ border-bottom: 1px solid var(--n-border-color);
1305
+ }
1306
+ .step-title[data-v-206bdbaa] {
1307
+ margin: 0 0 8px 0;
1308
+ font-size: 18px;
1309
+ font-weight: 600;
1310
+ }
1311
+ .step-description[data-v-206bdbaa] {
1312
+ margin: 0;
1313
+ font-size: 14px;
1314
+ line-height: 1.5;
1315
+ }
1316
+ .step-form-items[data-v-206bdbaa] {
1317
+ width: 100%;
1318
+ }
1319
+ .steps-actions[data-v-206bdbaa] {
1320
+ margin-top: 24px;
1321
+ padding-top: 16px;
1322
+ border-top: 1px solid var(--n-border-color);
1323
+ }
1324
+ @keyframes fadeIn-206bdbaa {
1325
+ from {
1326
+ opacity: 0;
1327
+ transform: translateY(8px);
1328
+ }
1329
+ to {
1330
+ opacity: 1;
1331
+ transform: translateY(0);
1332
+ }
1333
+ }
1334
+ /* 垂直步骤样式:由组件状态驱动,避免 scoped CSS 生成无效的 :has/:deep 组合。 */
1335
+ .steps-container.is-vertical[data-v-206bdbaa] {
1336
+ flex-direction: row;
1337
+ align-items: flex-start;
1338
+ }
1339
+ .steps-container.is-vertical .steps-indicator[data-v-206bdbaa] {
1340
+ flex-shrink: 0;
1341
+ width: 250px;
1342
+ margin-right: 24px;
1343
+ }
1344
+ .steps-container.is-vertical .steps-content[data-v-206bdbaa] {
1345
+ flex: 1;
1346
+ }
1347
+
1348
+ /* 响应式设计 */
1349
+ @media (max-width: 768px) {
1350
+ .steps-container.is-vertical[data-v-206bdbaa] {
1351
+ flex-direction: column !important;
1352
+ }
1353
+ .steps-container.is-vertical .steps-indicator[data-v-206bdbaa] {
1354
+ width: 100% !important;
1355
+ margin-right: 0 !important;
1356
+ margin-bottom: 16px;
1357
+ }
1358
+ }
1359
+ @media (prefers-reduced-motion: reduce) {
1360
+ .step-panel[data-v-206bdbaa] {
1361
+ animation: none !important;
1362
+ }
1363
+ }
1364
+
1365
+ /* layer: default */
1366
+ .visible[data-v-206bdbaa]{visibility:visible;}
1367
+ .grid[data-v-206bdbaa]{display:grid;}
1368
+ .inline[data-v-206bdbaa]{display:inline;}
1369
+ .blur[data-v-206bdbaa]{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
1370
+
1371
+ /* Tabs 布局样式 */
1372
+ .c-form-tabs[data-v-190e72ef] {
1373
+ width: 100%;
1374
+ }
1375
+ .single-panel[data-v-190e72ef] {
1376
+ width: 100%;
1176
1377
  }
1177
- .custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-grid[data-v-858beb3e] .n-form-item {
1378
+ .tabs-container[data-v-190e72ef] {
1178
1379
  width: 100%;
1179
1380
  }
1180
-
1181
- /* 拖拽状态 */
1182
- .area-ghost[data-v-858beb3e],
1183
- .field-ghost[data-v-858beb3e] {
1184
- opacity: 0.5;
1185
- background: var(--n-primary-color-suppl);
1186
- border: 2px dashed var(--n-primary-color);
1187
- transform: rotate(2deg);
1381
+ .form-tabs[data-v-190e72ef] {
1382
+ width: 100%;
1188
1383
  }
1189
-
1190
- /* 响应式 */
1191
- @media (max-width: 1024px) {
1192
- .custom-layout .toolbar-content[data-v-858beb3e] {
1193
- flex-direction: column;
1194
- gap: 12px;
1384
+ .tab-icon[data-v-190e72ef] {
1385
+ font-size: 16px;
1386
+ display: inline-flex;
1387
+ align-items: center;
1388
+ justify-content: center;
1195
1389
  }
1196
- .custom-layout .layout-canvas .areas-container[data-v-858beb3e] {
1197
- flex-direction: column;
1390
+ .tab-header[data-v-190e72ef] {
1391
+ margin-bottom: 16px;
1392
+ padding-bottom: 12px;
1393
+ border-bottom: 1px solid var(--n-border-color);
1394
+ }
1395
+ .tab-description[data-v-190e72ef] {
1396
+ margin: 0;
1397
+ font-size: 14px;
1398
+ line-height: 1.5;
1399
+ opacity: 0.8;
1198
1400
  }
1401
+ .tab-form-items[data-v-190e72ef] {
1402
+ width: 100%;
1199
1403
  }
1200
- @media (max-width: 768px) {
1201
- .custom-layout .design-tools[data-v-858beb3e] {
1202
- flex-direction: column;
1203
- gap: 12px;
1404
+ .tab-empty[data-v-190e72ef] {
1405
+ padding: 40px 0;
1204
1406
  }
1205
- .custom-layout .layout-canvas.design-mode[data-v-858beb3e] {
1206
- padding: 12px;
1407
+ .tabs-actions[data-v-190e72ef] {
1408
+ margin-top: 16px;
1409
+ padding-top: 12px;
1410
+ border-top: 1px solid var(--n-border-color);
1207
1411
  }
1208
- .custom-layout .custom-area[data-v-858beb3e] {
1209
- padding: 12px;
1210
- min-height: 100px;
1412
+
1413
+ /* 响应式设计 */
1414
+ @media (max-width: 768px) {
1415
+ .tabs-actions[data-v-190e72ef] {
1416
+ margin-top: 12px;
1417
+ padding-top: 8px;
1211
1418
  }
1212
- .custom-layout .layout-canvas .field-pool .pool-fields-grid[data-v-858beb3e] {
1213
- grid-template-columns: repeat(2, 1fr);
1419
+ .tabs-actions[data-v-190e72ef] .n-space {
1420
+ flex-wrap: wrap;
1214
1421
  }
1215
1422
  }
1216
- /* unplugin-vue-components disabled */
1423
+
1217
1424
  /* layer: default */
1218
- .ms[data-v-c6727905]{margin-inline-start:1rem;}
1219
- .table[data-v-c6727905]{display:table;}
1220
- .px[data-v-c6727905]{padding-left:1rem;padding-right:1rem;}
1221
- .filter[data-v-c6727905]{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
1425
+ .visible[data-v-190e72ef]{visibility:visible;}
1426
+ .grid[data-v-190e72ef]{display:grid;}
1427
+ .inline[data-v-190e72ef]{display:inline;}
1428
+ .tab[data-v-190e72ef]{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}
1429
+ .blur[data-v-190e72ef]{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
1222
1430
 
1223
- /* unplugin-vue-components disabled *//*
1431
+ /*
1224
1432
  * @Author: ChenYu ycyplus@gmail.com
1225
1433
  * @Date: 2026-10-07
1226
1434
  * @FilePath: \naive-ui-components\src\components\C_Loading\index.scss
1227
1435
  * @Description: 数据光环与细光束动画,作用域隔离并支持减少动态效果
1228
1436
  * Copyright (c) 2026 by CHENY, All Rights Reserved 😎.
1229
1437
  */
1230
- .c-loading[data-v-c6727905] {
1438
+ .c-loading[data-v-b1927095] {
1231
1439
  display: inline-flex;
1232
1440
  align-items: center;
1233
1441
  justify-content: center;
@@ -1235,7 +1443,7 @@ to {
1235
1443
  line-height: 1;
1236
1444
  pointer-events: none;
1237
1445
  }
1238
- .c-loading--labeled[data-v-c6727905] {
1446
+ .c-loading--labeled[data-v-b1927095] {
1239
1447
  position: relative;
1240
1448
  gap: 10px;
1241
1449
  max-width: 100%;
@@ -1248,7 +1456,7 @@ to {
1248
1456
  box-shadow: inset 0 1px 0 color-mix(in srgb, currentColor 4%, transparent), 0 8px 28px rgba(0, 0, 0, 0.06);
1249
1457
  overflow: hidden;
1250
1458
  }
1251
- .c-loading--labeled[data-v-c6727905]::after {
1459
+ .c-loading--labeled[data-v-b1927095]::after {
1252
1460
  content: "";
1253
1461
  position: absolute;
1254
1462
  bottom: 0;
@@ -1257,27 +1465,27 @@ to {
1257
1465
  height: 2px;
1258
1466
  background: linear-gradient(90deg, transparent, currentColor, transparent);
1259
1467
  opacity: 0.5;
1260
- animation: c-loading-beam-c6727905 1.8s ease-in-out infinite;
1468
+ animation: c-loading-beam-b1927095 1.8s ease-in-out infinite;
1261
1469
  }
1262
- .c-loading__glyph[data-v-c6727905] {
1470
+ .c-loading__glyph[data-v-b1927095] {
1263
1471
  width: var(--c-loading-size, 48px);
1264
1472
  height: var(--c-loading-size, 48px);
1265
1473
  flex-shrink: 0;
1266
1474
  }
1267
- .c-loading__orbit[data-v-c6727905] {
1475
+ .c-loading__orbit[data-v-b1927095] {
1268
1476
  transform-box: view-box;
1269
1477
  transform-origin: center;
1270
- animation: c-loading-orbit-c6727905 1.6s linear infinite;
1478
+ animation: c-loading-orbit-b1927095 1.6s linear infinite;
1271
1479
  }
1272
- .c-loading__orbit--inner[data-v-c6727905] {
1480
+ .c-loading__orbit--inner[data-v-b1927095] {
1273
1481
  animation-duration: 3.2s;
1274
1482
  animation-direction: reverse;
1275
1483
  }
1276
- .c-loading__row[data-v-c6727905] {
1484
+ .c-loading__row[data-v-b1927095] {
1277
1485
  opacity: 0.75;
1278
- animation: c-loading-row-c6727905 1.6s ease-in-out infinite;
1486
+ animation: c-loading-row-b1927095 1.6s ease-in-out infinite;
1279
1487
  }
1280
- .c-loading__label[data-v-c6727905] {
1488
+ .c-loading__label[data-v-b1927095] {
1281
1489
  min-width: 0;
1282
1490
  color: var(--c-loading-text, currentColor);
1283
1491
  font-size: 12px;
@@ -1287,19 +1495,19 @@ to {
1287
1495
  overflow-wrap: anywhere;
1288
1496
  }
1289
1497
  @media (prefers-reduced-motion: reduce) {
1290
- .c-loading__orbit[data-v-c6727905], .c-loading__row[data-v-c6727905], .c-loading--labeled[data-v-c6727905]::after {
1498
+ .c-loading__orbit[data-v-b1927095], .c-loading__row[data-v-b1927095], .c-loading--labeled[data-v-b1927095]::after {
1291
1499
  animation: none;
1292
1500
  }
1293
- .c-loading--labeled[data-v-c6727905]::after {
1501
+ .c-loading--labeled[data-v-b1927095]::after {
1294
1502
  display: none;
1295
1503
  }
1296
1504
  }
1297
- @keyframes c-loading-orbit-c6727905 {
1505
+ @keyframes c-loading-orbit-b1927095 {
1298
1506
  to {
1299
1507
  transform: rotate(360deg);
1300
1508
  }
1301
1509
  }
1302
- @keyframes c-loading-row-c6727905 {
1510
+ @keyframes c-loading-row-b1927095 {
1303
1511
  0%, 100% {
1304
1512
  opacity: 0.4;
1305
1513
  }
@@ -1307,7 +1515,7 @@ to {
1307
1515
  opacity: 1;
1308
1516
  }
1309
1517
  }
1310
- @keyframes c-loading-beam-c6727905 {
1518
+ @keyframes c-loading-beam-b1927095 {
1311
1519
  from {
1312
1520
  transform: translateX(-100%);
1313
1521
  }
@@ -1315,8 +1523,148 @@ to {
1315
1523
  transform: translateX(200%);
1316
1524
  }
1317
1525
  }
1318
- /* unplugin-vue-components disabled *//* ================= 1. 组件根容器 ================= */
1319
- .c-table-wrapper[data-v-26c4b784] {
1526
+
1527
+ /* layer: default */
1528
+ .ms[data-v-b1927095]{margin-inline-start:1rem;}
1529
+ .px[data-v-b1927095]{padding-left:1rem;padding-right:1rem;}
1530
+
1531
+ .column-management-tab .search-row[data-v-92119048] {
1532
+ display: flex;
1533
+ align-items: center;
1534
+ gap: 12px;
1535
+ margin-bottom: 12px;
1536
+ }
1537
+ .column-management-tab .search-row .search-input[data-v-92119048] {
1538
+ flex: 1;
1539
+ min-width: 0;
1540
+ }
1541
+ .column-management-tab .search-row .resizable-control[data-v-92119048] {
1542
+ display: flex;
1543
+ align-items: center;
1544
+ flex-shrink: 0;
1545
+ padding: 0 10px;
1546
+ height: 34px;
1547
+ background: var(--n-color-target);
1548
+ border-radius: 6px;
1549
+ white-space: nowrap;
1550
+ }
1551
+ .column-management-tab .top-actions-bar[data-v-92119048] {
1552
+ display: flex;
1553
+ justify-content: space-between;
1554
+ align-items: center;
1555
+ margin-bottom: 16px;
1556
+ padding: 10px 12px;
1557
+ background: var(--n-color-target);
1558
+ border-radius: 6px;
1559
+ }
1560
+ .column-management-tab .top-actions-bar .stats-info[data-v-92119048] {
1561
+ flex: 1;
1562
+ }
1563
+ .column-management-tab .top-actions-bar .quick-actions[data-v-92119048] {
1564
+ flex-shrink: 0;
1565
+ }
1566
+ .column-management-tab .column-list .column-item[data-v-92119048] {
1567
+ display: flex;
1568
+ align-items: center;
1569
+ justify-content: space-between;
1570
+ padding: 6px 4px;
1571
+ margin-bottom: 4px;
1572
+ border-radius: 4px;
1573
+ background: transparent;
1574
+ cursor: move;
1575
+ transition: all 0.2s ease;
1576
+ }
1577
+ .column-management-tab .column-list .column-item[data-v-92119048]:hover {
1578
+ background: var(--n-color-target);
1579
+ }
1580
+ .column-management-tab .column-list .column-item.disabled[data-v-92119048] {
1581
+ opacity: 0.6;
1582
+ cursor: not-allowed;
1583
+ }
1584
+ .column-management-tab .column-list .column-item.fixed-left[data-v-92119048] {
1585
+ background: rgba(24, 160, 88, 0.08);
1586
+ }
1587
+ .column-management-tab .column-list .column-item.fixed-right[data-v-92119048] {
1588
+ background: rgba(240, 138, 0, 0.08);
1589
+ }
1590
+ .column-management-tab .column-list .column-item .column-info[data-v-92119048] {
1591
+ display: flex;
1592
+ align-items: center;
1593
+ flex: 1;
1594
+ gap: 10px;
1595
+ min-width: 0;
1596
+ }
1597
+ .column-management-tab .column-list .column-item .column-info .column-controls[data-v-92119048] {
1598
+ display: flex;
1599
+ align-items: center;
1600
+ gap: 8px;
1601
+ flex-shrink: 0;
1602
+ }
1603
+ .column-management-tab .column-list .column-item .column-info .column-controls .drag-handle[data-v-92119048] {
1604
+ color: var(--n-text-color-3);
1605
+ cursor: grab;
1606
+ }
1607
+ .column-management-tab .column-list .column-item .column-info .column-controls .drag-handle[data-v-92119048]:active {
1608
+ cursor: grabbing;
1609
+ }
1610
+ .column-management-tab .column-list .column-item .column-info .column-controls .drag-handle.disabled[data-v-92119048] {
1611
+ cursor: not-allowed;
1612
+ opacity: 0.3;
1613
+ }
1614
+ .column-management-tab .column-list .column-item .column-info .column-details[data-v-92119048] {
1615
+ display: flex;
1616
+ flex-direction: column;
1617
+ gap: 4px;
1618
+ flex: 1;
1619
+ min-width: 0;
1620
+ overflow: hidden;
1621
+ }
1622
+ .column-management-tab .column-list .column-item .column-actions[data-v-92119048] {
1623
+ display: flex;
1624
+ align-items: center;
1625
+ gap: 6px;
1626
+ flex-shrink: 0;
1627
+ }
1628
+ .column-management-tab .column-list .column-item .column-actions .drag-controls[data-v-92119048] {
1629
+ display: flex;
1630
+ flex-direction: column;
1631
+ gap: 2px;
1632
+ }
1633
+ .column-management-tab .column-list .column-item .column-actions .drag-controls .c-icon[data-v-92119048] {
1634
+ opacity: 0.6;
1635
+ transition: all 0.2s ease;
1636
+ }
1637
+ .column-management-tab .column-list .column-item .column-actions .drag-controls .c-icon[data-v-92119048]:not(.disabled):hover {
1638
+ opacity: 1;
1639
+ transform: scale(1.15);
1640
+ }
1641
+ .column-management-tab .column-list .column-item .column-actions .drag-controls .c-icon.disabled[data-v-92119048] {
1642
+ opacity: 0.3;
1643
+ cursor: not-allowed;
1644
+ }
1645
+ .column-management-tab .column-list .column-item .column-actions .c-icon[data-v-92119048] {
1646
+ transition: all 0.2s ease;
1647
+ }
1648
+ .column-management-tab .column-list .column-item .column-actions .c-icon[data-v-92119048]:hover {
1649
+ transform: scale(1.15);
1650
+ }
1651
+
1652
+ /* layer: default */
1653
+ .visible[data-v-92119048]{visibility:visible;}
1654
+ .fixed[data-v-92119048]{position:fixed;}
1655
+ .mb-4[data-v-92119048]{margin-bottom:1rem;}
1656
+ .flex[data-v-92119048]{display:flex;}
1657
+ .table[data-v-92119048]{display:table;}
1658
+ .scale-110[data-v-92119048]{--un-scale-x:1.1;--un-scale-y:1.1;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
1659
+ .cursor-pointer[data-v-92119048]{cursor:pointer;}
1660
+ .justify-end[data-v-92119048]{justify-content:flex-end;}
1661
+ .justify-center[data-v-92119048]{justify-content:center;}
1662
+ .rd[data-v-92119048]{border-radius:0.25rem;}
1663
+ .px[data-v-92119048]{padding-left:1rem;padding-right:1rem;}
1664
+ .accent-blue-500[data-v-92119048]{--un-accent-opacity:1;accent-color:rgb(59 130 246 / var(--un-accent-opacity));}
1665
+
1666
+ /* ================= 1. 组件根容器 ================= */
1667
+ .c-table-wrapper[data-v-28a4fd4b] {
1320
1668
  --c-table-border-color: var(--border-color, #e5e7eb);
1321
1669
  --c-table-bg: var(--body-color, #fff);
1322
1670
  --c-table-header-bg: var(--card-color, #fafafc);
@@ -1327,70 +1675,70 @@ to {
1327
1675
  width: 100%;
1328
1676
  position: relative;
1329
1677
  }
1330
- .c-table-wrapper--flex[data-v-26c4b784] {
1678
+ .c-table-wrapper--flex[data-v-28a4fd4b] {
1331
1679
  display: flex;
1332
1680
  flex-direction: column;
1333
1681
  height: 100%;
1334
1682
  min-height: 0;
1335
1683
  }
1336
- .c-table-wrapper--flex[data-v-26c4b784] > .n-data-table,
1337
- .c-table-wrapper--flex > .table-error-state[data-v-26c4b784] {
1684
+ .c-table-wrapper--flex[data-v-28a4fd4b] > .n-data-table,
1685
+ .c-table-wrapper--flex > .table-error-state[data-v-28a4fd4b] {
1338
1686
  flex: 1;
1339
1687
  min-height: 0;
1340
1688
  }
1341
- .c-table-wrapper--flex > .table-toolbar[data-v-26c4b784],
1342
- .c-table-wrapper--flex > .batch-actions-bar[data-v-26c4b784],
1343
- .c-table-wrapper--flex > .pagination-wrapper[data-v-26c4b784] {
1689
+ .c-table-wrapper--flex > .table-toolbar[data-v-28a4fd4b],
1690
+ .c-table-wrapper--flex > .batch-actions-bar[data-v-28a4fd4b],
1691
+ .c-table-wrapper--flex > .pagination-wrapper[data-v-28a4fd4b] {
1344
1692
  flex-shrink: 0;
1345
1693
  }
1346
1694
 
1347
1695
  /* ================= 列拖拽排序 ================= */
1348
- .column-drag-ghost[data-v-26c4b784] {
1696
+ .column-drag-ghost[data-v-28a4fd4b] {
1349
1697
  opacity: var(--c-table-drag-ghost-opacity);
1350
1698
  background: var(--c-table-drag-ghost-bg) !important;
1351
1699
  }
1352
- .drag-handle[data-v-26c4b784] {
1700
+ .drag-handle[data-v-28a4fd4b] {
1353
1701
  cursor: grab;
1354
1702
  }
1355
- .drag-handle[data-v-26c4b784]:active {
1703
+ .drag-handle[data-v-28a4fd4b]:active {
1356
1704
  cursor: grabbing;
1357
1705
  }
1358
1706
 
1359
1707
  /* ================= 合计行强调 ================= */
1360
- .c-table-wrapper[data-v-26c4b784] .n-data-table-tfoot {
1708
+ .c-table-wrapper[data-v-28a4fd4b] .n-data-table-tfoot {
1361
1709
  background: var(--c-table-summary-bg);
1362
1710
  font-weight: var(--c-table-summary-font-weight);
1363
1711
  }
1364
1712
 
1365
1713
  /* ================= 2. 表格工具栏 ================= */
1366
- .table-toolbar[data-v-26c4b784] {
1714
+ .table-toolbar[data-v-28a4fd4b] {
1367
1715
  display: flex;
1368
1716
  justify-content: space-between;
1369
1717
  align-items: center;
1370
1718
  margin-bottom: 16px;
1371
1719
  }
1372
- .table-toolbar .toolbar-left[data-v-26c4b784] {
1720
+ .table-toolbar .toolbar-left[data-v-28a4fd4b] {
1373
1721
  display: flex;
1374
1722
  align-items: center;
1375
1723
  gap: 12px;
1376
1724
  }
1377
- .table-toolbar .toolbar-right[data-v-26c4b784] {
1725
+ .table-toolbar .toolbar-right[data-v-28a4fd4b] {
1378
1726
  display: flex;
1379
1727
  align-items: center;
1380
1728
  gap: 8px;
1381
1729
  }
1382
- .table-toolbar .toolbar-right .column-settings-btn[data-v-26c4b784] {
1730
+ .table-toolbar .toolbar-right .column-settings-btn[data-v-28a4fd4b] {
1383
1731
  opacity: 0.6;
1384
1732
  transition: opacity 0.2s ease, transform 0.2s ease;
1385
1733
  cursor: pointer;
1386
1734
  }
1387
- .table-toolbar .toolbar-right .column-settings-btn[data-v-26c4b784]:hover {
1735
+ .table-toolbar .toolbar-right .column-settings-btn[data-v-28a4fd4b]:hover {
1388
1736
  opacity: 1;
1389
1737
  transform: scale(1.1);
1390
1738
  }
1391
1739
 
1392
1740
  /* ================= 3. 动态行工具栏 ================= */
1393
- .dynamic-rows-toolbar[data-v-26c4b784] {
1741
+ .dynamic-rows-toolbar[data-v-28a4fd4b] {
1394
1742
  margin-bottom: 16px;
1395
1743
  padding: 16px;
1396
1744
  border-radius: 8px;
@@ -1399,12 +1747,12 @@ to {
1399
1747
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
1400
1748
  transition: all 0.2s ease;
1401
1749
  }
1402
- .dynamic-rows-toolbar[data-v-26c4b784]:hover {
1750
+ .dynamic-rows-toolbar[data-v-28a4fd4b]:hover {
1403
1751
  border-color: var(--n-primary-color-suppl);
1404
1752
  }
1405
1753
 
1406
1754
  /* ================= 4. 表格布局基础 ================= */
1407
- [data-v-26c4b784] .n-data-table {
1755
+ [data-v-28a4fd4b] .n-data-table {
1408
1756
  table-layout: auto !important;
1409
1757
  width: 100% !important;
1410
1758
  border-radius: 8px;
@@ -1412,12 +1760,12 @@ to {
1412
1760
  }
1413
1761
 
1414
1762
  /* 确保表格容器允许横向滚动(固定列必需) */
1415
- [data-v-26c4b784] .n-data-table-wrapper {
1763
+ [data-v-28a4fd4b] .n-data-table-wrapper {
1416
1764
  overflow-x: auto !important;
1417
1765
  }
1418
1766
 
1419
1767
  /* 分页组件样式 */
1420
- .pagination-wrapper[data-v-26c4b784] {
1768
+ .pagination-wrapper[data-v-28a4fd4b] {
1421
1769
  margin-top: 16px;
1422
1770
  display: flex;
1423
1771
  justify-content: flex-end;
@@ -1425,12 +1773,12 @@ to {
1425
1773
 
1426
1774
  /* ================= 5. 表格列宽度管理 ================= */
1427
1775
  /* 普通列的最小宽度保护 */
1428
- [data-v-26c4b784] .n-data-table-th:not(:last-child) {
1776
+ [data-v-28a4fd4b] .n-data-table-th:not(:last-child) {
1429
1777
  min-width: 80px !important;
1430
1778
  }
1431
1779
 
1432
1780
  /* 操作列固定宽度(适应4个按钮的布局) */
1433
- [data-v-26c4b784] .c-table-actions-column {
1781
+ [data-v-28a4fd4b] .c-table-actions-column {
1434
1782
  width: 180px !important;
1435
1783
  min-width: 160px !important;
1436
1784
  max-width: 200px !important;
@@ -1439,14 +1787,14 @@ to {
1439
1787
  }
1440
1788
 
1441
1789
  /* 操作按钮容器居中 */
1442
- [data-v-26c4b784] .c-table-actions-column .n-space {
1790
+ [data-v-28a4fd4b] .c-table-actions-column .n-space {
1443
1791
  justify-content: center !important;
1444
1792
  align-items: center !important;
1445
1793
  }
1446
1794
 
1447
1795
  /* ================= 6. 可编辑单元格样式 ================= */
1448
1796
  /* 单元格编辑容器 - 精致化设计 */
1449
- .cell-edit-wrapper[data-v-26c4b784] {
1797
+ .cell-edit-wrapper[data-v-28a4fd4b] {
1450
1798
  display: flex;
1451
1799
  align-items: center;
1452
1800
  justify-content: space-between;
@@ -1459,23 +1807,23 @@ to {
1459
1807
  position: relative;
1460
1808
  /* 悬停效果 */
1461
1809
  }
1462
- .cell-edit-wrapper[data-v-26c4b784]:hover {
1810
+ .cell-edit-wrapper[data-v-28a4fd4b]:hover {
1463
1811
  background-color: var(--n-color-target);
1464
1812
  }
1465
- .cell-edit-wrapper:hover .cell-edit-icon[data-v-26c4b784] {
1813
+ .cell-edit-wrapper:hover .cell-edit-icon[data-v-28a4fd4b] {
1466
1814
  opacity: 1;
1467
1815
  color: var(--n-color-success);
1468
1816
  transform: scale(1.05);
1469
1817
  }
1470
- .cell-edit-wrapper[data-v-26c4b784] {
1818
+ .cell-edit-wrapper[data-v-28a4fd4b] {
1471
1819
  /* 激活状态 */
1472
1820
  }
1473
- .cell-edit-wrapper[data-v-26c4b784]:active {
1821
+ .cell-edit-wrapper[data-v-28a4fd4b]:active {
1474
1822
  transform: translateY(1px);
1475
1823
  }
1476
1824
 
1477
1825
  /* 单元格内容 */
1478
- .cell-value[data-v-26c4b784] {
1826
+ .cell-value[data-v-28a4fd4b] {
1479
1827
  flex: 1;
1480
1828
  overflow: hidden;
1481
1829
  text-overflow: ellipsis;
@@ -1486,7 +1834,7 @@ to {
1486
1834
  }
1487
1835
 
1488
1836
  /* 动态渲染单元格也只在当前表格边界内匹配。 */
1489
- .c-table-wrapper[data-v-26c4b784] .cell-edit-icon {
1837
+ .c-table-wrapper[data-v-28a4fd4b] .cell-edit-icon {
1490
1838
  flex-shrink: 0;
1491
1839
  width: 24px;
1492
1840
  height: 24px;
@@ -1502,29 +1850,29 @@ to {
1502
1850
  position: relative;
1503
1851
  /* 悬停效果 */
1504
1852
  }
1505
- .c-table-wrapper[data-v-26c4b784] .cell-edit-icon:hover {
1853
+ .c-table-wrapper[data-v-28a4fd4b] .cell-edit-icon:hover {
1506
1854
  opacity: 1 !important;
1507
1855
  color: var(--n-color-success-hover) !important;
1508
1856
  background-color: var(--n-color-success-pressed);
1509
1857
  transform: scale(1.1);
1510
1858
  }
1511
- .c-table-wrapper[data-v-26c4b784] .cell-edit-icon {
1859
+ .c-table-wrapper[data-v-28a4fd4b] .cell-edit-icon {
1512
1860
  /* 激活效果 */
1513
1861
  }
1514
- .c-table-wrapper[data-v-26c4b784] .cell-edit-icon:active {
1862
+ .c-table-wrapper[data-v-28a4fd4b] .cell-edit-icon:active {
1515
1863
  transform: scale(0.95);
1516
1864
  }
1517
- .c-table-wrapper[data-v-26c4b784] .cell-edit-icon {
1865
+ .c-table-wrapper[data-v-28a4fd4b] .cell-edit-icon {
1518
1866
  /* 图标尺寸 */
1519
1867
  }
1520
- .c-table-wrapper[data-v-26c4b784] .cell-edit-icon svg {
1868
+ .c-table-wrapper[data-v-28a4fd4b] .cell-edit-icon svg {
1521
1869
  width: 14px;
1522
1870
  height: 14px;
1523
1871
  }
1524
1872
 
1525
1873
  /* ================= 7. 单元格编辑状态样式 ================= */
1526
1874
  /* 编辑容器 - 确保水平布局不换行 */
1527
- .cell-editing-container[data-v-26c4b784],[data-v-26c4b784] .cell-editing-container {
1875
+ .cell-editing-container[data-v-28a4fd4b],[data-v-28a4fd4b] .cell-editing-container {
1528
1876
  display: flex !important;
1529
1877
  align-items: center !important;
1530
1878
  width: 100% !important;
@@ -1538,39 +1886,39 @@ to {
1538
1886
  }
1539
1887
 
1540
1888
  /* 编辑输入区域 - 占据剩余空间 */
1541
- .cell-editing-input[data-v-26c4b784],[data-v-26c4b784] .cell-editing-input {
1889
+ .cell-editing-input[data-v-28a4fd4b],[data-v-28a4fd4b] .cell-editing-input {
1542
1890
  flex: 1 !important;
1543
1891
  min-width: 0 !important;
1544
1892
  }
1545
1893
 
1546
1894
  /* 深度选择器处理输入框样式 */
1547
- [data-v-26c4b784] .cell-editing-input .n-input {
1895
+ [data-v-28a4fd4b] .cell-editing-input .n-input {
1548
1896
  border: none !important;
1549
1897
  box-shadow: none !important;
1550
1898
  background: transparent !important;
1551
1899
  }
1552
- [data-v-26c4b784] .cell-editing-input .n-input.n-input--focus {
1900
+ [data-v-28a4fd4b] .cell-editing-input .n-input.n-input--focus {
1553
1901
  border: none !important;
1554
1902
  box-shadow: none !important;
1555
1903
  }
1556
- [data-v-26c4b784] .cell-editing-input .n-input-number {
1904
+ [data-v-28a4fd4b] .cell-editing-input .n-input-number {
1557
1905
  border: none !important;
1558
1906
  box-shadow: none !important;
1559
1907
  background: transparent !important;
1560
1908
  }
1561
- [data-v-26c4b784] .cell-editing-input .n-select {
1909
+ [data-v-28a4fd4b] .cell-editing-input .n-select {
1562
1910
  border: none !important;
1563
1911
  box-shadow: none !important;
1564
1912
  background: transparent !important;
1565
1913
  }
1566
- [data-v-26c4b784] .cell-editing-input .n-select .n-base-selection {
1914
+ [data-v-28a4fd4b] .cell-editing-input .n-select .n-base-selection {
1567
1915
  border: none !important;
1568
1916
  box-shadow: none !important;
1569
1917
  background: transparent !important;
1570
1918
  }
1571
1919
 
1572
1920
  /* 编辑操作按钮容器 */
1573
- .cell-editing-actions[data-v-26c4b784],[data-v-26c4b784] .cell-editing-actions {
1921
+ .cell-editing-actions[data-v-28a4fd4b],[data-v-28a4fd4b] .cell-editing-actions {
1574
1922
  display: flex !important;
1575
1923
  flex-shrink: 0 !important;
1576
1924
  align-items: center !important;
@@ -1583,7 +1931,7 @@ to {
1583
1931
  }
1584
1932
 
1585
1933
  /* 编辑操作按钮 */
1586
- .cell-action-btn[data-v-26c4b784],[data-v-26c4b784] .cell-action-btn {
1934
+ .cell-action-btn[data-v-28a4fd4b],[data-v-28a4fd4b] .cell-action-btn {
1587
1935
  display: flex !important;
1588
1936
  align-items: center !important;
1589
1937
  justify-content: center !important;
@@ -1596,34 +1944,34 @@ to {
1596
1944
  background: transparent !important;
1597
1945
  /* 保存按钮 */
1598
1946
  }
1599
- .cell-action-btn.cell-action-save[data-v-26c4b784],[data-v-26c4b784] .cell-action-btn.cell-action-save {
1947
+ .cell-action-btn.cell-action-save[data-v-28a4fd4b],[data-v-28a4fd4b] .cell-action-btn.cell-action-save {
1600
1948
  color: var(--n-color-success) !important;
1601
1949
  }
1602
- .cell-action-btn.cell-action-save[data-v-26c4b784]:hover,[data-v-26c4b784] .cell-action-btn.cell-action-save:hover {
1950
+ .cell-action-btn.cell-action-save[data-v-28a4fd4b]:hover,[data-v-28a4fd4b] .cell-action-btn.cell-action-save:hover {
1603
1951
  background: var(--n-color-success-pressed) !important;
1604
1952
  transform: scale(1.1) !important;
1605
1953
  }
1606
- .cell-action-btn[data-v-26c4b784],[data-v-26c4b784] .cell-action-btn {
1954
+ .cell-action-btn[data-v-28a4fd4b],[data-v-28a4fd4b] .cell-action-btn {
1607
1955
  /* 取消按钮 */
1608
1956
  }
1609
- .cell-action-btn.cell-action-cancel[data-v-26c4b784],[data-v-26c4b784] .cell-action-btn.cell-action-cancel {
1957
+ .cell-action-btn.cell-action-cancel[data-v-28a4fd4b],[data-v-28a4fd4b] .cell-action-btn.cell-action-cancel {
1610
1958
  color: var(--n-color-error) !important;
1611
1959
  }
1612
- .cell-action-btn.cell-action-cancel[data-v-26c4b784]:hover,[data-v-26c4b784] .cell-action-btn.cell-action-cancel:hover {
1960
+ .cell-action-btn.cell-action-cancel[data-v-28a4fd4b]:hover,[data-v-28a4fd4b] .cell-action-btn.cell-action-cancel:hover {
1613
1961
  background: var(--n-color-error-pressed) !important;
1614
1962
  transform: scale(1.1) !important;
1615
1963
  }
1616
- .cell-action-btn[data-v-26c4b784],[data-v-26c4b784] .cell-action-btn {
1964
+ .cell-action-btn[data-v-28a4fd4b],[data-v-28a4fd4b] .cell-action-btn {
1617
1965
  /* 图标尺寸 */
1618
1966
  }
1619
- .cell-action-btn svg[data-v-26c4b784],[data-v-26c4b784] .cell-action-btn svg {
1967
+ .cell-action-btn svg[data-v-28a4fd4b],[data-v-28a4fd4b] .cell-action-btn svg {
1620
1968
  width: 11px !important;
1621
1969
  height: 11px !important;
1622
1970
  }
1623
1971
 
1624
1972
  /* ================= 7. 操作按钮样式 ================= */
1625
1973
  /* 通用按钮样式 */
1626
- [data-v-26c4b784] .n-button {
1974
+ [data-v-28a4fd4b] .n-button {
1627
1975
  white-space: nowrap;
1628
1976
  font-size: 12px !important;
1629
1977
  flex-shrink: 0 !important;
@@ -1632,60 +1980,60 @@ to {
1632
1980
  font-weight: 500;
1633
1981
  /* 图标间距 */
1634
1982
  }
1635
- [data-v-26c4b784] .n-button .n-icon {
1983
+ [data-v-28a4fd4b] .n-button .n-icon {
1636
1984
  margin-right: 4px !important;
1637
1985
  }
1638
- [data-v-26c4b784] .n-button {
1986
+ [data-v-28a4fd4b] .n-button {
1639
1987
  /* 小尺寸按钮优化 */
1640
1988
  }
1641
- [data-v-26c4b784] .n-button.n-button--small-type {
1989
+ [data-v-28a4fd4b] .n-button.n-button--small-type {
1642
1990
  padding: 4px 8px;
1643
1991
  height: 28px;
1644
1992
  line-height: 20px;
1645
1993
  }
1646
- [data-v-26c4b784] .n-button {
1994
+ [data-v-28a4fd4b] .n-button {
1647
1995
  /* 四元按钮样式 */
1648
1996
  }
1649
- [data-v-26c4b784] .n-button.n-button--quaternary-type:hover {
1997
+ [data-v-28a4fd4b] .n-button.n-button--quaternary-type:hover {
1650
1998
  transform: translateY(-1px);
1651
1999
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
1652
2000
  }
1653
- [data-v-26c4b784] .n-button.n-button--quaternary-type:active {
2001
+ [data-v-28a4fd4b] .n-button.n-button--quaternary-type:active {
1654
2002
  transform: translateY(0);
1655
2003
  }
1656
2004
 
1657
2005
  /* ================= 8. 按钮组间距优化 ================= */
1658
2006
  /* 操作按钮组 */
1659
- [data-v-26c4b784] .n-space.n-space--horizontal .n-space-item:not(:last-child) {
2007
+ [data-v-28a4fd4b] .n-space.n-space--horizontal .n-space-item:not(:last-child) {
1660
2008
  margin-right: 6px !important;
1661
2009
  }
1662
2010
 
1663
2011
  /* ================= 9. 模态框样式优化 ================= */
1664
2012
  /* 编辑模态框 */
1665
- [data-v-26c4b784] .n-modal .n-card {
2013
+ [data-v-28a4fd4b] .n-modal .n-card {
1666
2014
  border-radius: 12px;
1667
2015
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
1668
2016
  }
1669
- [data-v-26c4b784] .n-modal .n-card__header {
2017
+ [data-v-28a4fd4b] .n-modal .n-card__header {
1670
2018
  padding: 20px 24px 16px;
1671
2019
  font-weight: 600;
1672
2020
  font-size: 16px;
1673
2021
  }
1674
- [data-v-26c4b784] .n-modal .n-card__content {
2022
+ [data-v-28a4fd4b] .n-modal .n-card__content {
1675
2023
  padding: 0 24px 16px;
1676
2024
  }
1677
- [data-v-26c4b784] .n-modal .n-card__action {
2025
+ [data-v-28a4fd4b] .n-modal .n-card__action {
1678
2026
  padding: 16px 24px 20px;
1679
2027
  border-top: 1px solid var(--n-divider-color);
1680
2028
  }
1681
2029
 
1682
2030
  /* ================= 10. 描述列表样式 ================= */
1683
2031
  /* 详情模态框描述列表 */
1684
- [data-v-26c4b784] .n-descriptions .n-descriptions-item-label {
2032
+ [data-v-28a4fd4b] .n-descriptions .n-descriptions-item-label {
1685
2033
  font-weight: 500;
1686
2034
  color: var(--n-text-color-2);
1687
2035
  }
1688
- [data-v-26c4b784] .n-descriptions .n-descriptions-item-content {
2036
+ [data-v-28a4fd4b] .n-descriptions .n-descriptions-item-content {
1689
2037
  color: var(--n-text-color-1);
1690
2038
  word-break: break-all;
1691
2039
  }
@@ -1693,99 +2041,99 @@ to {
1693
2041
  /* ================= 11. 响应式设计 ================= */
1694
2042
  /* 移动端适配 */
1695
2043
  @media (max-width: 768px) {
1696
- .c-table-wrapper[data-v-26c4b784] {
2044
+ .c-table-wrapper[data-v-28a4fd4b] {
1697
2045
  overflow-x: auto;
1698
2046
  }
1699
2047
  /* 操作列在移动端的适配 */
1700
- [data-v-26c4b784] .n-data-table-th:last-child {
2048
+ [data-v-28a4fd4b] .n-data-table-th:last-child {
1701
2049
  width: 160px !important;
1702
2050
  min-width: 160px !important;
1703
2051
  }
1704
2052
  /* 按钮在移动端的优化 */
1705
- [data-v-26c4b784] .n-button {
2053
+ [data-v-28a4fd4b] .n-button {
1706
2054
  font-size: 11px !important;
1707
2055
  padding: 3px 6px;
1708
2056
  }
1709
- [data-v-26c4b784] .n-button .n-icon {
2057
+ [data-v-28a4fd4b] .n-button .n-icon {
1710
2058
  margin-right: 2px !important;
1711
2059
  }
1712
2060
  /* 单元格编辑图标在移动端始终显示 */
1713
- .cell-edit-icon[data-v-26c4b784] {
2061
+ .cell-edit-icon[data-v-28a4fd4b] {
1714
2062
  opacity: 0.6;
1715
2063
  }
1716
2064
  }
1717
2065
  /* ================= 12. 主题适配 ================= */
1718
2066
  /* 暗色主题适配 - 已通过 CSS 变量自动适配 */
1719
- [data-theme=dark][data-v-26c4b784] {
2067
+ [data-theme=dark][data-v-28a4fd4b] {
1720
2068
  /* CSS 变量已自动适配,如有特殊需求可在此添加 */
1721
2069
  }
1722
2070
 
1723
2071
  /* ================= 13. 响应式优化 ================= */
1724
2072
  /* 小屏幕下的单元格编辑优化 */
1725
2073
  @media (max-width: 768px) {
1726
- .cell-editing-container[data-v-26c4b784],[data-v-26c4b784] .cell-editing-container {
2074
+ .cell-editing-container[data-v-28a4fd4b],[data-v-28a4fd4b] .cell-editing-container {
1727
2075
  gap: 6px !important;
1728
2076
  }
1729
- .cell-editing-actions[data-v-26c4b784],[data-v-26c4b784] .cell-editing-actions {
2077
+ .cell-editing-actions[data-v-28a4fd4b],[data-v-28a4fd4b] .cell-editing-actions {
1730
2078
  gap: 3px !important;
1731
2079
  padding: 2px !important;
1732
2080
  }
1733
- .cell-action-btn[data-v-26c4b784],[data-v-26c4b784] .cell-action-btn {
2081
+ .cell-action-btn[data-v-28a4fd4b],[data-v-28a4fd4b] .cell-action-btn {
1734
2082
  width: 18px !important;
1735
2083
  height: 18px !important;
1736
2084
  }
1737
- .cell-action-btn svg[data-v-26c4b784],[data-v-26c4b784] .cell-action-btn svg {
2085
+ .cell-action-btn svg[data-v-28a4fd4b],[data-v-28a4fd4b] .cell-action-btn svg {
1738
2086
  width: 10px !important;
1739
2087
  height: 10px !important;
1740
2088
  }
1741
2089
  /* 移动端编辑图标 */
1742
- .cell-edit-icon[data-v-26c4b784] {
2090
+ .cell-edit-icon[data-v-28a4fd4b] {
1743
2091
  opacity: 0.6 !important;
1744
2092
  }
1745
- .cell-value[data-v-26c4b784] {
2093
+ .cell-value[data-v-28a4fd4b] {
1746
2094
  margin-right: 12px !important;
1747
2095
  }
1748
2096
  }
1749
2097
  /* ================= 14. 性能优化 ================= */
1750
2098
  /* 使用 GPU 加速的动画 */
1751
- .cell-edit-icon[data-v-26c4b784],
1752
- .cell-action-btn[data-v-26c4b784] {
2099
+ .cell-edit-icon[data-v-28a4fd4b],
2100
+ .cell-action-btn[data-v-28a4fd4b] {
1753
2101
  will-change: transform;
1754
2102
  backface-visibility: hidden;
1755
2103
  }
1756
- [data-v-26c4b784] .n-button {
2104
+ [data-v-28a4fd4b] .n-button {
1757
2105
  will-change: transform;
1758
2106
  backface-visibility: hidden;
1759
2107
  }
1760
2108
 
1761
2109
  /* ================= 15. 可访问性优化 ================= */
1762
2110
  /* 聚焦状态 */
1763
- .cell-edit-wrapper[data-v-26c4b784]:focus-within,
1764
- .cell-editing-container[data-v-26c4b784]:focus-within {
2111
+ .cell-edit-wrapper[data-v-28a4fd4b]:focus-within,
2112
+ .cell-editing-container[data-v-28a4fd4b]:focus-within {
1765
2113
  outline: 2px solid var(--n-primary-color);
1766
2114
  outline-offset: 2px;
1767
2115
  }
1768
2116
 
1769
2117
  /* 高对比度模式支持 */
1770
2118
  @media (prefers-contrast: high) {
1771
- .cell-edit-icon[data-v-26c4b784] {
2119
+ .cell-edit-icon[data-v-28a4fd4b] {
1772
2120
  opacity: 0.8;
1773
2121
  }
1774
- .cell-editing-actions[data-v-26c4b784] {
2122
+ .cell-editing-actions[data-v-28a4fd4b] {
1775
2123
  border-width: 2px;
1776
2124
  }
1777
2125
  }
1778
2126
  /* ================= 11. 行拖拽排序 ================= */
1779
- .row-drag-ghost[data-v-26c4b784] {
2127
+ .row-drag-ghost[data-v-28a4fd4b] {
1780
2128
  opacity: 0.4;
1781
2129
  background: var(--c-table-drag-ghost-bg) !important;
1782
2130
  }
1783
- .row-drag-chosen[data-v-26c4b784] {
2131
+ .row-drag-chosen[data-v-28a4fd4b] {
1784
2132
  background: var(--n-color-hover, #f5f5f5) !important;
1785
2133
  }
1786
2134
 
1787
2135
  /* ================= 12. 批量操作栏 ================= */
1788
- .batch-actions-bar[data-v-26c4b784] {
2136
+ .batch-actions-bar[data-v-28a4fd4b] {
1789
2137
  display: flex;
1790
2138
  align-items: center;
1791
2139
  justify-content: space-between;
@@ -1795,192 +2143,55 @@ to {
1795
2143
  border-radius: 6px;
1796
2144
  border: 1px solid var(--n-primary-color-suppl, #70b3ff);
1797
2145
  }
1798
- .batch-actions-bar .batch-info[data-v-26c4b784] {
2146
+ .batch-actions-bar .batch-info[data-v-28a4fd4b] {
1799
2147
  font-size: 13px;
1800
2148
  color: var(--n-text-color-2);
1801
2149
  font-weight: 500;
1802
2150
  }
1803
2151
 
1804
2152
  /* ================= 13. 错误状态 ================= */
1805
- .table-error-state[data-v-26c4b784] {
2153
+ .table-error-state[data-v-28a4fd4b] {
1806
2154
  padding: 48px 24px;
1807
2155
  text-align: center;
1808
2156
  }
1809
- .table-error-state .error-content[data-v-26c4b784] {
2157
+ .table-error-state .error-content[data-v-28a4fd4b] {
1810
2158
  display: flex;
1811
2159
  flex-direction: column;
1812
2160
  align-items: center;
1813
2161
  gap: 12px;
1814
2162
  color: var(--n-text-color-3, #999);
1815
2163
  }
1816
- .table-error-state .error-message[data-v-26c4b784] {
2164
+ .table-error-state .error-message[data-v-28a4fd4b] {
1817
2165
  font-size: 14px;
1818
2166
  margin: 0;
1819
2167
  color: var(--n-text-color-2, #666);
1820
2168
  }
1821
- /* unplugin-vue-components disabled */
1822
- /* layer: default */
1823
- .visible[data-v-26c4b784]{visibility:visible;}
1824
- .fixed[data-v-26c4b784]{position:fixed;}
1825
- .grid[data-v-26c4b784]{display:grid;}
1826
- .mb-2[data-v-26c4b784]{margin-bottom:0.5rem;}
1827
- .mb-4[data-v-26c4b784]{margin-bottom:1rem;}
1828
- .ml-2[data-v-26c4b784]{margin-left:0.5rem;}
1829
- .w60\%[data-v-26c4b784]{width:60%;}
1830
- .flex[data-v-26c4b784]{display:flex;}
1831
- .table[data-v-26c4b784]{display:table;}
1832
- .scale-110[data-v-26c4b784]{--un-scale-x:1.1;--un-scale-y:1.1;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
1833
- .cursor-pointer[data-v-26c4b784]{cursor:pointer;}
1834
- .items-center[data-v-26c4b784]{align-items:center;}
1835
- .justify-end[data-v-26c4b784]{justify-content:flex-end;}
1836
- .justify-center[data-v-26c4b784]{justify-content:center;}
1837
- .rd[data-v-26c4b784]{border-radius:0.25rem;}
1838
- .bg-gray-50[data-v-26c4b784]{--un-bg-opacity:1;background-color:rgb(249 250 251 / var(--un-bg-opacity));}
1839
- .p-4[data-v-26c4b784]{padding:1rem;}
1840
- .px[data-v-26c4b784]{padding-left:1rem;padding-right:1rem;}
1841
- .py-8[data-v-26c4b784]{padding-top:2rem;padding-bottom:2rem;}
1842
- .text-center[data-v-26c4b784]{text-align:center;}
1843
- .text-sm[data-v-26c4b784]{font-size:0.875rem;line-height:1.25rem;}
1844
- .text-gray-400[data-v-26c4b784]{--un-text-opacity:1;color:rgb(156 163 175 / var(--un-text-opacity));}
1845
- .text-gray-500[data-v-26c4b784]{--un-text-opacity:1;color:rgb(107 114 128 / var(--un-text-opacity));}
1846
- .text-gray-600[data-v-26c4b784]{--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity));}
1847
- .accent-blue-500[data-v-26c4b784]{--un-accent-opacity:1;accent-color:rgb(59 130 246 / var(--un-accent-opacity));}
1848
- .blur[data-v-26c4b784]{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
1849
- .filter[data-v-26c4b784]{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
1850
-
1851
- /* unplugin-vue-components disabled */
2169
+
1852
2170
  /* layer: default */
1853
- .visible[data-v-6ff103ee]{visibility:visible;}
1854
- .fixed[data-v-6ff103ee]{position:fixed;}
1855
- .mb-4[data-v-6ff103ee]{margin-bottom:1rem;}
1856
- .flex[data-v-6ff103ee]{display:flex;}
1857
- .table[data-v-6ff103ee]{display:table;}
1858
- .scale-110[data-v-6ff103ee]{--un-scale-x:1.1;--un-scale-y:1.1;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
1859
- .cursor-pointer[data-v-6ff103ee]{cursor:pointer;}
1860
- .justify-end[data-v-6ff103ee]{justify-content:flex-end;}
1861
- .justify-center[data-v-6ff103ee]{justify-content:center;}
1862
- .rd[data-v-6ff103ee]{border-radius:0.25rem;}
1863
- .px[data-v-6ff103ee]{padding-left:1rem;padding-right:1rem;}
1864
- .accent-blue-500[data-v-6ff103ee]{--un-accent-opacity:1;accent-color:rgb(59 130 246 / var(--un-accent-opacity));}
1865
- .filter[data-v-6ff103ee]{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
1866
-
1867
- /* unplugin-vue-components disabled */.column-management-tab .search-row[data-v-6ff103ee] {
1868
- display: flex;
1869
- align-items: center;
1870
- gap: 12px;
1871
- margin-bottom: 12px;
1872
- }
1873
- .column-management-tab .search-row .search-input[data-v-6ff103ee] {
1874
- flex: 1;
1875
- min-width: 0;
1876
- }
1877
- .column-management-tab .search-row .resizable-control[data-v-6ff103ee] {
1878
- display: flex;
1879
- align-items: center;
1880
- flex-shrink: 0;
1881
- padding: 0 10px;
1882
- height: 34px;
1883
- background: var(--n-color-target);
1884
- border-radius: 6px;
1885
- white-space: nowrap;
1886
- }
1887
- .column-management-tab .top-actions-bar[data-v-6ff103ee] {
1888
- display: flex;
1889
- justify-content: space-between;
1890
- align-items: center;
1891
- margin-bottom: 16px;
1892
- padding: 10px 12px;
1893
- background: var(--n-color-target);
1894
- border-radius: 6px;
1895
- }
1896
- .column-management-tab .top-actions-bar .stats-info[data-v-6ff103ee] {
1897
- flex: 1;
1898
- }
1899
- .column-management-tab .top-actions-bar .quick-actions[data-v-6ff103ee] {
1900
- flex-shrink: 0;
1901
- }
1902
- .column-management-tab .column-list .column-item[data-v-6ff103ee] {
1903
- display: flex;
1904
- align-items: center;
1905
- justify-content: space-between;
1906
- padding: 6px 4px;
1907
- margin-bottom: 4px;
1908
- border-radius: 4px;
1909
- background: transparent;
1910
- cursor: move;
1911
- transition: all 0.2s ease;
1912
- }
1913
- .column-management-tab .column-list .column-item[data-v-6ff103ee]:hover {
1914
- background: var(--n-color-target);
1915
- }
1916
- .column-management-tab .column-list .column-item.disabled[data-v-6ff103ee] {
1917
- opacity: 0.6;
1918
- cursor: not-allowed;
1919
- }
1920
- .column-management-tab .column-list .column-item.fixed-left[data-v-6ff103ee] {
1921
- background: rgba(24, 160, 88, 0.08);
1922
- }
1923
- .column-management-tab .column-list .column-item.fixed-right[data-v-6ff103ee] {
1924
- background: rgba(240, 138, 0, 0.08);
1925
- }
1926
- .column-management-tab .column-list .column-item .column-info[data-v-6ff103ee] {
1927
- display: flex;
1928
- align-items: center;
1929
- flex: 1;
1930
- gap: 10px;
1931
- min-width: 0;
1932
- }
1933
- .column-management-tab .column-list .column-item .column-info .column-controls[data-v-6ff103ee] {
1934
- display: flex;
1935
- align-items: center;
1936
- gap: 8px;
1937
- flex-shrink: 0;
1938
- }
1939
- .column-management-tab .column-list .column-item .column-info .column-controls .drag-handle[data-v-6ff103ee] {
1940
- color: var(--n-text-color-3);
1941
- cursor: grab;
1942
- }
1943
- .column-management-tab .column-list .column-item .column-info .column-controls .drag-handle[data-v-6ff103ee]:active {
1944
- cursor: grabbing;
1945
- }
1946
- .column-management-tab .column-list .column-item .column-info .column-controls .drag-handle.disabled[data-v-6ff103ee] {
1947
- cursor: not-allowed;
1948
- opacity: 0.3;
1949
- }
1950
- .column-management-tab .column-list .column-item .column-info .column-details[data-v-6ff103ee] {
1951
- display: flex;
1952
- flex-direction: column;
1953
- gap: 4px;
1954
- flex: 1;
1955
- min-width: 0;
1956
- overflow: hidden;
1957
- }
1958
- .column-management-tab .column-list .column-item .column-actions[data-v-6ff103ee] {
1959
- display: flex;
1960
- align-items: center;
1961
- gap: 6px;
1962
- flex-shrink: 0;
1963
- }
1964
- .column-management-tab .column-list .column-item .column-actions .drag-controls[data-v-6ff103ee] {
1965
- display: flex;
1966
- flex-direction: column;
1967
- gap: 2px;
1968
- }
1969
- .column-management-tab .column-list .column-item .column-actions .drag-controls .c-icon[data-v-6ff103ee] {
1970
- opacity: 0.6;
1971
- transition: all 0.2s ease;
1972
- }
1973
- .column-management-tab .column-list .column-item .column-actions .drag-controls .c-icon[data-v-6ff103ee]:not(.disabled):hover {
1974
- opacity: 1;
1975
- transform: scale(1.15);
1976
- }
1977
- .column-management-tab .column-list .column-item .column-actions .drag-controls .c-icon.disabled[data-v-6ff103ee] {
1978
- opacity: 0.3;
1979
- cursor: not-allowed;
1980
- }
1981
- .column-management-tab .column-list .column-item .column-actions .c-icon[data-v-6ff103ee] {
1982
- transition: all 0.2s ease;
1983
- }
1984
- .column-management-tab .column-list .column-item .column-actions .c-icon[data-v-6ff103ee]:hover {
1985
- transform: scale(1.15);
1986
- }
2171
+ .visible[data-v-28a4fd4b]{visibility:visible;}
2172
+ .fixed[data-v-28a4fd4b]{position:fixed;}
2173
+ .grid[data-v-28a4fd4b]{display:grid;}
2174
+ .mb-2[data-v-28a4fd4b]{margin-bottom:0.5rem;}
2175
+ .mb-4[data-v-28a4fd4b]{margin-bottom:1rem;}
2176
+ .ml-2[data-v-28a4fd4b]{margin-left:0.5rem;}
2177
+ .w60\%[data-v-28a4fd4b]{width:60%;}
2178
+ .flex[data-v-28a4fd4b]{display:flex;}
2179
+ .table[data-v-28a4fd4b]{display:table;}
2180
+ .scale-110[data-v-28a4fd4b]{--un-scale-x:1.1;--un-scale-y:1.1;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
2181
+ .cursor-pointer[data-v-28a4fd4b]{cursor:pointer;}
2182
+ .items-center[data-v-28a4fd4b]{align-items:center;}
2183
+ .justify-end[data-v-28a4fd4b]{justify-content:flex-end;}
2184
+ .justify-center[data-v-28a4fd4b]{justify-content:center;}
2185
+ .rd[data-v-28a4fd4b]{border-radius:0.25rem;}
2186
+ .bg-gray-50[data-v-28a4fd4b]{--un-bg-opacity:1;background-color:rgb(249 250 251 / var(--un-bg-opacity));}
2187
+ .p-4[data-v-28a4fd4b]{padding:1rem;}
2188
+ .px[data-v-28a4fd4b]{padding-left:1rem;padding-right:1rem;}
2189
+ .py-8[data-v-28a4fd4b]{padding-top:2rem;padding-bottom:2rem;}
2190
+ .text-center[data-v-28a4fd4b]{text-align:center;}
2191
+ .text-sm[data-v-28a4fd4b]{font-size:0.875rem;line-height:1.25rem;}
2192
+ .text-gray-400[data-v-28a4fd4b]{--un-text-opacity:1;color:rgb(156 163 175 / var(--un-text-opacity));}
2193
+ .text-gray-500[data-v-28a4fd4b]{--un-text-opacity:1;color:rgb(107 114 128 / var(--un-text-opacity));}
2194
+ .text-gray-600[data-v-28a4fd4b]{--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity));}
2195
+ .accent-blue-500[data-v-28a4fd4b]{--un-accent-opacity:1;accent-color:rgb(59 130 246 / var(--un-accent-opacity));}
2196
+ .blur[data-v-28a4fd4b]{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
2197
+ .filter[data-v-28a4fd4b]{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}