@robot-admin/naive-ui-components 0.13.8 → 0.14.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 (180) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/README.md +63 -5
  3. package/README_EN.md +63 -5
  4. package/dist/C_ActionBar.css +11 -10
  5. package/dist/C_AntV.css +206 -204
  6. package/dist/C_AudioPlayer.css +11 -10
  7. package/dist/C_AvatarGroup.css +7 -5
  8. package/dist/C_Barcode.css +3 -1
  9. package/dist/C_Breadcrumb.css +17 -16
  10. package/dist/C_Captcha.css +14 -13
  11. package/dist/C_Cascade.css +7 -5
  12. package/dist/C_Chat.css +9 -8
  13. package/dist/C_City.css +8 -6
  14. package/dist/C_Code.css +15 -14
  15. package/dist/C_CollapsePanel.css +12 -11
  16. package/dist/C_ContextMenu.css +28 -28
  17. package/dist/C_Cron.cjs +1 -1
  18. package/dist/C_Cron.css +472 -251
  19. package/dist/C_Cron.d.cts +2 -2
  20. package/dist/C_Cron.d.ts +2 -2
  21. package/dist/C_Cron.js +1 -1
  22. package/dist/C_Cron2.cjs +1 -1
  23. package/dist/C_Cron2.js +1 -1
  24. package/dist/C_Date.css +2 -1
  25. package/dist/C_Draggable.css +2 -1
  26. package/dist/C_Editor.css +2 -1
  27. package/dist/C_FilePreview.css +185 -184
  28. package/dist/C_Form.base.css +334 -332
  29. package/dist/C_Form.css +333 -332
  30. package/dist/C_FormModal.css +13 -11
  31. package/dist/C_FormSearch.css +2 -1
  32. package/dist/C_FormulaEditor.cjs +1 -1
  33. package/dist/C_FormulaEditor.css +430 -273
  34. package/dist/C_FormulaEditor.d.cts +2 -2
  35. package/dist/C_FormulaEditor.d.ts +2 -2
  36. package/dist/C_FormulaEditor.js +1 -1
  37. package/dist/C_FullCalendar.css +12 -11
  38. package/dist/C_GlobalSearch.css +13 -11
  39. package/dist/C_Guide.css +8 -8
  40. package/dist/C_Icon.css +9 -7
  41. package/dist/C_ImageCropper.css +70 -68
  42. package/dist/C_Language.css +8 -8
  43. package/dist/C_Loading.css +10 -8
  44. package/dist/C_Login.css +20 -21
  45. package/dist/C_Map.css +24 -22
  46. package/dist/C_Markdown.css +8 -6
  47. package/dist/C_Menu.css +2 -1
  48. package/dist/C_NotificationCenter.css +362 -360
  49. package/dist/C_OrgChart.css +6 -5
  50. package/dist/C_PageLoading.cjs +1 -0
  51. package/dist/C_PageLoading.css +153 -0
  52. package/dist/C_PageLoading.d.cts +2 -0
  53. package/dist/C_PageLoading.d.ts +2 -0
  54. package/dist/C_PageLoading.js +1 -0
  55. package/dist/C_Progress.css +1 -1
  56. package/dist/C_QRCode.css +7 -5
  57. package/dist/C_Signature.css +7 -5
  58. package/dist/C_Skeleton.css +8 -6
  59. package/dist/C_SplitPane.css +25 -23
  60. package/dist/C_Steps.css +7 -5
  61. package/dist/C_Table.base.css +536 -537
  62. package/dist/C_Table.css +536 -538
  63. package/dist/C_Tabs.css +78 -1
  64. package/dist/C_TagsView.css +8 -8
  65. package/dist/C_Theme.css +9 -7
  66. package/dist/C_Time.css +3 -1
  67. package/dist/C_Timeline.css +9 -8
  68. package/dist/C_Transfer.css +10 -9
  69. package/dist/C_Tree.css +2 -1
  70. package/dist/C_Upload.css +176 -174
  71. package/dist/C_VideoPlayer.css +186 -184
  72. package/dist/C_VtableGantt.css +2 -1
  73. package/dist/C_WaterFall.css +19 -17
  74. package/dist/C_WorkFlow.css +976 -976
  75. package/dist/constants.d.cts +15 -20
  76. package/dist/constants.d.ts +15 -20
  77. package/dist/constants2.d.cts +44 -19
  78. package/dist/constants2.d.ts +44 -19
  79. package/dist/constants3.d.cts +4 -4
  80. package/dist/constants3.d.ts +4 -4
  81. package/dist/constants4.d.cts +6 -6
  82. package/dist/constants4.d.ts +6 -6
  83. package/dist/constants5.d.cts +2 -2
  84. package/dist/constants5.d.ts +2 -2
  85. package/dist/createPageLoading.cjs +1 -0
  86. package/dist/createPageLoading.d.cts +32 -0
  87. package/dist/createPageLoading.d.ts +32 -0
  88. package/dist/createPageLoading.js +1 -0
  89. package/dist/data.d.cts +8 -8
  90. package/dist/data.d.ts +8 -8
  91. package/dist/index.cjs +1 -1
  92. package/dist/index.d.cts +24 -23
  93. package/dist/index.d.ts +24 -23
  94. package/dist/index.js +1 -1
  95. package/dist/index.vue.d.cts +4 -4
  96. package/dist/index.vue.d.ts +4 -4
  97. package/dist/index10.vue.d.cts +3 -3
  98. package/dist/index10.vue.d.ts +1 -1
  99. package/dist/index11.vue.d.cts +1 -1
  100. package/dist/index11.vue.d.ts +2 -2
  101. package/dist/index12.vue.d.cts +2 -2
  102. package/dist/index12.vue.d.ts +2 -2
  103. package/dist/index13.vue.d.cts +2 -2
  104. package/dist/index13.vue.d.ts +5 -5
  105. package/dist/index14.vue.d.cts +5 -5
  106. package/dist/index14.vue.d.ts +6 -6
  107. package/dist/index15.vue.d.cts +6 -6
  108. package/dist/index15.vue.d.ts +1 -1
  109. package/dist/index16.vue.d.cts +1 -1
  110. package/dist/index17.vue.d.ts +1 -1
  111. package/dist/index18.vue.d.cts +1 -1
  112. package/dist/index18.vue.d.ts +5 -5
  113. package/dist/index19.vue.d.cts +5 -5
  114. package/dist/index19.vue.d.ts +1 -1
  115. package/dist/index2.vue.d.cts +2 -2
  116. package/dist/index2.vue.d.ts +2 -2
  117. package/dist/index20.vue.d.cts +1 -1
  118. package/dist/index20.vue.d.ts +1 -1
  119. package/dist/index21.vue.d.cts +1 -1
  120. package/dist/index21.vue.d.ts +1 -1
  121. package/dist/index22.vue.d.cts +1 -1
  122. package/dist/index22.vue.d.ts +1 -1
  123. package/dist/index23.vue.d.cts +2 -2
  124. package/dist/index23.vue.d.ts +2 -2
  125. package/dist/index25.vue.d.cts +4 -4
  126. package/dist/index25.vue.d.ts +4 -4
  127. package/dist/index27.vue.d.cts +2 -2
  128. package/dist/index27.vue.d.ts +2 -2
  129. package/dist/index28.vue.d.cts +1 -1
  130. package/dist/index28.vue.d.ts +1 -1
  131. package/dist/index3.vue.d.cts +4 -4
  132. package/dist/index3.vue.d.ts +4 -4
  133. package/dist/index4.vue.d.cts +1 -1
  134. package/dist/index6.vue.d.ts +2 -2
  135. package/dist/index7.vue.d.cts +2 -2
  136. package/dist/index8.vue.d.ts +3 -3
  137. package/dist/index9.vue.d.cts +3 -3
  138. package/dist/index9.vue.d.ts +3 -3
  139. package/dist/mapUtils.d.cts +2 -2
  140. package/dist/mapUtils.d.ts +2 -2
  141. package/dist/presets.d.cts +1 -1
  142. package/dist/presets.d.ts +1 -1
  143. package/dist/resolver.cjs +1 -1
  144. package/dist/resolver.d.cts +1 -1
  145. package/dist/resolver.d.ts +1 -1
  146. package/dist/resolver.js +1 -1
  147. package/dist/style.css +9976 -9652
  148. package/dist/useCropperCore.d.cts +9 -9
  149. package/dist/useCropperCore.d.ts +9 -9
  150. package/dist/useDraggableLayout.d.cts +6 -6
  151. package/dist/useDraggableLayout.d.ts +6 -6
  152. package/dist/useDynamicFormState.d.cts +2 -2
  153. package/dist/useDynamicFormState.d.ts +2 -2
  154. package/dist/useEdgeInteraction.d.cts +2 -2
  155. package/dist/useEdgeInteraction.d.ts +2 -2
  156. package/dist/useFormulaEvaluator.cjs +2 -0
  157. package/dist/useFormulaEvaluator.js +2 -0
  158. package/dist/useInfiniteScroll.d.cts +2 -2
  159. package/dist/useInfiniteScroll.d.ts +2 -2
  160. package/dist/useQRCode.d.cts +4 -4
  161. package/dist/useQRCode.d.ts +4 -4
  162. package/dist/useSearchState.d.cts +8 -8
  163. package/dist/useSearchState.d.ts +8 -8
  164. package/dist/useSignatureHistory.d.cts +3 -3
  165. package/dist/useSignatureHistory.d.ts +3 -3
  166. package/dist/useSplitResize.d.cts +4 -4
  167. package/dist/useSplitResize.d.ts +4 -4
  168. package/dist/useTableQuery.d.cts +1 -1
  169. package/dist/useTableQuery.d.ts +1 -1
  170. package/dist/useTimeSelection.d.cts +1 -1
  171. package/dist/useTimeSelection.d.ts +1 -1
  172. package/dist/useTreeOperations.d.cts +5 -5
  173. package/dist/useTreeOperations.d.ts +5 -5
  174. package/dist/useWorkflowValidation.d.cts +4 -4
  175. package/dist/useWorkflowValidation.d.ts +4 -4
  176. package/dist/verification.d.cts +4 -4
  177. package/dist/verification.d.ts +4 -4
  178. package/package.json +1 -1
  179. package/dist/C_FormulaEditor2.cjs +0 -2
  180. package/dist/C_FormulaEditor2.js +0 -2
@@ -1,3 +1,11 @@
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
+
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
+
1
9
  /* unplugin-vue-components disabled */.c-icon[data-v-075758a0] {
2
10
  display: inline-flex;
3
11
  align-items: center;
@@ -59,104 +67,204 @@
59
67
  }
60
68
  /* unplugin-vue-components disabled */
61
69
  /* layer: default */
62
- .inline-flex[data-v-075758a0]{display:inline-flex;}
63
- .transform[data-v-075758a0]{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
64
- .px[data-v-075758a0]{padding-left:1rem;padding-right:1rem;}
65
-
70
+ .visible[data-v-6ce5207d]{visibility:visible;}
71
+ .grid[data-v-6ce5207d]{display:grid;}
72
+ .inline[data-v-6ce5207d]{display:inline;}
73
+ .table[data-v-6ce5207d]{display:table;}
74
+ .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);}
75
+ .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);}
66
76
 
67
77
  /* unplugin-vue-components disabled */
68
78
  .c-form-default[data-v-4313de0c] {
69
79
  width: 100%;
70
80
  }
71
81
 
72
- /* unplugin-vue-components disabled *//* Inline 布局样式 */
73
- .c-form-inline[data-v-195d0124] {
82
+ /* unplugin-vue-components disabled */
83
+ /* layer: default */
84
+ .mb-4[data-v-28320dd2]{margin-bottom:1rem;}
85
+ .min-w-12[data-v-28320dd2]{min-width:3rem;}
86
+ .w-24[data-v-28320dd2]{width:6rem;}
87
+ .flex[data-v-28320dd2]{display:flex;}
88
+ .flex-1[data-v-28320dd2]{flex:1 1 0%;}
89
+ .items-center[data-v-28320dd2]{align-items:center;}
90
+ .gap-2[data-v-28320dd2]{gap:0.5rem;}
91
+ .gap-3[data-v-28320dd2]{gap:0.75rem;}
92
+ .px[data-v-28320dd2]{padding-left:1rem;padding-right:1rem;}
93
+ .text-sm[data-v-28320dd2]{font-size:0.875rem;line-height:1.25rem;}
94
+ .text-xs[data-v-28320dd2]{font-size:0.75rem;line-height:1rem;}
95
+
96
+ /* unplugin-vue-components disabled *//* Card 布局样式 */
97
+ .c-form-card[data-v-28320dd2] {
74
98
  width: 100%;
75
- min-height: 0;
76
- transition: all 0.3s ease;
77
- }
78
- .c-form-inline-item[data-v-195d0124] {
79
- min-width: 0;
80
- transition: all 0.3s ease;
99
+ display: flex;
100
+ flex-direction: column;
101
+ gap: 1.5rem;
81
102
  }
82
103
 
83
- /* 确保内部所有表单组件都占满容器宽度 */
84
- .c-form-inline-item[data-v-195d0124] .n-form-item {
85
- width: 100%;
104
+ /* ================= 配置面板 ================= */
105
+ .layout-config-panel[data-v-28320dd2] {
86
106
  margin-bottom: 0;
87
107
  }
88
- .c-form-inline-item[data-v-195d0124] .n-form-item-blank {
89
- width: 100%;
108
+ .config-controls[data-v-28320dd2] {
109
+ display: flex;
110
+ align-items: center;
111
+ gap: 1.5rem;
112
+ flex-wrap: wrap;
113
+ }
114
+ @media (max-width: 768px) {
115
+ .config-controls[data-v-28320dd2] {
116
+ flex-direction: column;
117
+ align-items: stretch;
118
+ gap: 1rem;
119
+ }
120
+ }
121
+ .config-item[data-v-28320dd2] {
122
+ display: flex;
123
+ align-items: center;
124
+ gap: 0.75rem;
125
+ font-size: 0.875rem;
126
+ }
127
+ @media (max-width: 768px) {
128
+ .config-item[data-v-28320dd2] {
129
+ justify-content: space-between;
90
130
  }
91
- .c-form-inline-item[data-v-195d0124] .n-input,
92
- .c-form-inline-item[data-v-195d0124] .n-select,
93
- .c-form-inline-item[data-v-195d0124] .n-date-picker,
94
- .c-form-inline-item[data-v-195d0124] .n-time-picker,
95
- .c-form-inline-item[data-v-195d0124] .n-input-number,
96
- .c-form-inline-item[data-v-195d0124] .n-cascader,
97
- .c-form-inline-item[data-v-195d0124] .n-color-picker,
98
- .c-form-inline-item[data-v-195d0124] .n-auto-complete,
99
- .c-form-inline-item[data-v-195d0124] .n-tree-select {
100
- width: 100% !important;
101
131
  }
102
132
 
103
- /* 单选框和复选框组保持自然宽度 */
104
- .c-form-inline-item[data-v-195d0124] .n-radio-group,
105
- .c-form-inline-item[data-v-195d0124] .n-checkbox-group {
106
- width: 100%;
133
+ /* ================= 表单内容区域 ================= */
134
+ .form-content[data-v-28320dd2] {
107
135
  display: flex;
136
+ }
137
+ .layout-single[data-v-28320dd2],
138
+ .layout-vertical[data-v-28320dd2] {
139
+ flex-direction: column;
140
+ }
141
+ .layout-horizontal[data-v-28320dd2] {
142
+ flex-direction: row;
108
143
  flex-wrap: wrap;
109
- gap: 8px;
110
144
  }
111
-
112
- /* 开关组件居左对齐 */
113
- .c-form-inline-item[data-v-195d0124] .n-switch {
114
- width: auto;
145
+ .layout-horizontal .group-card[data-v-28320dd2] {
146
+ flex: 1;
147
+ min-width: 0;
148
+ }
149
+ @media (max-width: 1200px) {
150
+ .layout-horizontal[data-v-28320dd2] {
151
+ flex-direction: column;
152
+ }
115
153
  }
116
154
 
117
- /* ================= 对齐方式样式增强 ================= */
118
- /* 当容器使用 center 对齐时,确保表单项也居中 */
119
- .c-form-inline[style*="justify-content: center"] .c-form-inline-item[data-v-195d0124] {
120
- text-align: center;
155
+ /* ================= 卡片样式 ================= */
156
+ .single-card[data-v-28320dd2],
157
+ .group-card[data-v-28320dd2] {
158
+ transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
159
+ border-left-width: 4px;
160
+ }
161
+ .single-card[data-v-28320dd2],
162
+ .basic-card[data-v-28320dd2] {
163
+ border-left-color: #3b82f6;
164
+ }
165
+ .contact-card[data-v-28320dd2] {
166
+ border-left-color: #22c55e;
167
+ }
168
+ .preferences-card[data-v-28320dd2] {
169
+ border-left-color: #a855f7;
170
+ }
171
+ .group-card.collapsed .card-content[data-v-28320dd2] {
172
+ display: none;
121
173
  }
122
174
 
123
- /* 当容器使用 end 对齐时,确保表单项也右对齐 */
124
- .c-form-inline[style*="justify-content: flex-end"] .c-form-inline-item[data-v-195d0124] {
125
- text-align: right;
175
+ /* ================= 卡片头部 ================= */
176
+ .card-header[data-v-28320dd2] {
177
+ display: flex;
178
+ align-items: center;
179
+ justify-content: space-between;
180
+ width: 100%;
181
+ }
182
+ .header-info[data-v-28320dd2] {
183
+ display: flex;
184
+ align-items: center;
185
+ gap: 1rem;
186
+ }
187
+ .card-icon[data-v-28320dd2] {
188
+ width: 2.5rem;
189
+ height: 2.5rem;
190
+ padding: 0.5rem;
191
+ border-radius: 0.5rem;
192
+ background: linear-gradient(to bottom right, #3b82f6, #9333ea);
193
+ color: white;
194
+ display: flex;
195
+ align-items: center;
196
+ justify-content: center;
197
+ font-size: 1.125rem;
198
+ }
199
+ .header-text h3[data-v-28320dd2] {
200
+ font-size: 1.125rem;
201
+ font-weight: 600;
202
+ margin: 0 0 0.25rem;
203
+ }
204
+ .header-text p[data-v-28320dd2] {
205
+ font-size: 0.875rem;
206
+ color: #6b7280;
207
+ margin: 0;
208
+ }
209
+ .header-actions[data-v-28320dd2] {
210
+ display: flex;
211
+ align-items: center;
212
+ gap: 0.75rem;
213
+ }
214
+ .field-stats[data-v-28320dd2] {
215
+ display: flex;
216
+ gap: 0.5rem;
126
217
  }
127
218
 
128
- /* 当容器使用 start 对齐时,确保表单项左对齐 */
129
- .c-form-inline[style*="justify-content: flex-start"] .c-form-inline-item[data-v-195d0124] {
130
- text-align: left;
219
+ /* ================= 卡片内容 ================= */
220
+ .card-content[data-v-28320dd2] {
221
+ padding-top: 1rem;
222
+ }
223
+ .progress-section[data-v-28320dd2] {
224
+ padding-bottom: 1rem;
131
225
  }
132
226
 
133
- /* ================= 响应式设计 ================= */
134
- /* 移动设备 - 改为垂直布局 */
227
+ /* ================= 操作面板 ================= */
228
+ .action-content[data-v-28320dd2] {
229
+ display: flex;
230
+ align-items: center;
231
+ justify-content: space-between;
232
+ gap: 1.5rem;
233
+ }
135
234
  @media (max-width: 768px) {
136
- .c-form-inline[data-v-195d0124] {
137
- flex-direction: column !important;
138
- gap: 12px !important;
139
- justify-content: flex-start !important;
235
+ .action-content[data-v-28320dd2] {
236
+ flex-direction: column;
237
+ align-items: stretch;
238
+ gap: 1rem;
140
239
  }
141
- .c-form-inline-item[data-v-195d0124] {
142
- width: 100% !important;
143
- text-align: left !important;
144
240
  }
241
+ .status-summary[data-v-28320dd2] {
242
+ display: flex;
243
+ gap: 1.5rem;
244
+ align-items: center;
245
+ flex-wrap: wrap;
246
+ }
247
+ .status-item[data-v-28320dd2] {
248
+ display: flex;
249
+ align-items: center;
250
+ gap: 0.75rem;
145
251
  }
146
- /* 小屏手机 */
147
- @media (max-width: 480px) {
148
- .c-form-inline[data-v-195d0124] {
149
- gap: 8px !important;
252
+ .status-item .label[data-v-28320dd2] {
253
+ font-size: 0.875rem;
254
+ }
255
+ .progress-display[data-v-28320dd2] {
256
+ display: flex;
257
+ align-items: center;
258
+ gap: 0.75rem;
259
+ min-width: 8rem;
150
260
  }
261
+ .action-buttons[data-v-28320dd2] {
262
+ display: flex;
263
+ gap: 0.75rem;
151
264
  }
152
265
  /* unplugin-vue-components disabled */
153
266
  /* layer: default */
154
- .visible[data-v-195d0124]{visibility:visible;}
155
- .grid[data-v-195d0124]{display:grid;}
156
- .inline[data-v-195d0124]{display:inline;}
157
- .flex[data-v-195d0124]{display:flex;}
158
- .px[data-v-195d0124]{padding-left:1rem;padding-right:1rem;}
159
- .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);}
267
+ .px[data-v-5debeeab]{padding-left:1rem;padding-right:1rem;}
160
268
 
161
269
  /* unplugin-vue-components disabled *//* Grid 布局样式 */
162
270
  /* 变量定义 */
@@ -328,259 +436,19 @@ to {
328
436
  }
329
437
  /* unplugin-vue-components disabled */
330
438
  /* layer: default */
331
- .px[data-v-5debeeab]{padding-left:1rem;padding-right:1rem;}
439
+ .visible[data-v-ee5e4509]{visibility:visible;}
440
+ .grid[data-v-ee5e4509]{display:grid;}
441
+ .inline[data-v-ee5e4509]{display:inline;}
442
+ .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);}
332
443
 
333
- /* unplugin-vue-components disabled *//* Card 布局样式 */
334
- .c-form-card[data-v-28320dd2] {
335
- width: 100%;
444
+ /* unplugin-vue-components disabled *//* Steps 布局样式 */
445
+ .c-form-steps[data-v-ee5e4509] {
336
446
  display: flex;
337
447
  flex-direction: column;
338
- gap: 1.5rem;
448
+ gap: 24px;
339
449
  }
340
-
341
- /* ================= 配置面板 ================= */
342
- .layout-config-panel[data-v-28320dd2] {
343
- margin-bottom: 0;
344
- }
345
- .config-controls[data-v-28320dd2] {
346
- display: flex;
347
- align-items: center;
348
- gap: 1.5rem;
349
- flex-wrap: wrap;
350
- }
351
- @media (max-width: 768px) {
352
- .config-controls[data-v-28320dd2] {
353
- flex-direction: column;
354
- align-items: stretch;
355
- gap: 1rem;
356
- }
357
- }
358
- .config-item[data-v-28320dd2] {
359
- display: flex;
360
- align-items: center;
361
- gap: 0.75rem;
362
- font-size: 0.875rem;
363
- }
364
- @media (max-width: 768px) {
365
- .config-item[data-v-28320dd2] {
366
- justify-content: space-between;
367
- }
368
- }
369
-
370
- /* ================= 表单内容区域 ================= */
371
- .form-content[data-v-28320dd2] {
372
- display: flex;
373
- }
374
- .layout-single[data-v-28320dd2],
375
- .layout-vertical[data-v-28320dd2] {
376
- flex-direction: column;
377
- }
378
- .layout-horizontal[data-v-28320dd2] {
379
- flex-direction: row;
380
- flex-wrap: wrap;
381
- }
382
- .layout-horizontal .group-card[data-v-28320dd2] {
383
- flex: 1;
384
- min-width: 0;
385
- }
386
- @media (max-width: 1200px) {
387
- .layout-horizontal[data-v-28320dd2] {
388
- flex-direction: column;
389
- }
390
- }
391
-
392
- /* ================= 卡片样式 ================= */
393
- .single-card[data-v-28320dd2],
394
- .group-card[data-v-28320dd2] {
395
- transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
396
- border-left-width: 4px;
397
- }
398
- .single-card[data-v-28320dd2],
399
- .basic-card[data-v-28320dd2] {
400
- border-left-color: #3b82f6;
401
- }
402
- .contact-card[data-v-28320dd2] {
403
- border-left-color: #22c55e;
404
- }
405
- .preferences-card[data-v-28320dd2] {
406
- border-left-color: #a855f7;
407
- }
408
- .group-card.collapsed .card-content[data-v-28320dd2] {
409
- display: none;
410
- }
411
-
412
- /* ================= 卡片头部 ================= */
413
- .card-header[data-v-28320dd2] {
414
- display: flex;
415
- align-items: center;
416
- justify-content: space-between;
417
- width: 100%;
418
- }
419
- .header-info[data-v-28320dd2] {
420
- display: flex;
421
- align-items: center;
422
- gap: 1rem;
423
- }
424
- .card-icon[data-v-28320dd2] {
425
- width: 2.5rem;
426
- height: 2.5rem;
427
- padding: 0.5rem;
428
- border-radius: 0.5rem;
429
- background: linear-gradient(to bottom right, #3b82f6, #9333ea);
430
- color: white;
431
- display: flex;
432
- align-items: center;
433
- justify-content: center;
434
- font-size: 1.125rem;
435
- }
436
- .header-text h3[data-v-28320dd2] {
437
- font-size: 1.125rem;
438
- font-weight: 600;
439
- margin: 0 0 0.25rem;
440
- }
441
- .header-text p[data-v-28320dd2] {
442
- font-size: 0.875rem;
443
- color: #6b7280;
444
- margin: 0;
445
- }
446
- .header-actions[data-v-28320dd2] {
447
- display: flex;
448
- align-items: center;
449
- gap: 0.75rem;
450
- }
451
- .field-stats[data-v-28320dd2] {
452
- display: flex;
453
- gap: 0.5rem;
454
- }
455
-
456
- /* ================= 卡片内容 ================= */
457
- .card-content[data-v-28320dd2] {
458
- padding-top: 1rem;
459
- }
460
- .progress-section[data-v-28320dd2] {
461
- padding-bottom: 1rem;
462
- }
463
-
464
- /* ================= 操作面板 ================= */
465
- .action-content[data-v-28320dd2] {
466
- display: flex;
467
- align-items: center;
468
- justify-content: space-between;
469
- gap: 1.5rem;
470
- }
471
- @media (max-width: 768px) {
472
- .action-content[data-v-28320dd2] {
473
- flex-direction: column;
474
- align-items: stretch;
475
- gap: 1rem;
476
- }
477
- }
478
- .status-summary[data-v-28320dd2] {
479
- display: flex;
480
- gap: 1.5rem;
481
- align-items: center;
482
- flex-wrap: wrap;
483
- }
484
- .status-item[data-v-28320dd2] {
485
- display: flex;
486
- align-items: center;
487
- gap: 0.75rem;
488
- }
489
- .status-item .label[data-v-28320dd2] {
490
- font-size: 0.875rem;
491
- }
492
- .progress-display[data-v-28320dd2] {
493
- display: flex;
494
- align-items: center;
495
- gap: 0.75rem;
496
- min-width: 8rem;
497
- }
498
- .action-buttons[data-v-28320dd2] {
499
- display: flex;
500
- gap: 0.75rem;
501
- }
502
- /* unplugin-vue-components disabled */
503
- /* layer: default */
504
- .mb-4[data-v-28320dd2]{margin-bottom:1rem;}
505
- .min-w-12[data-v-28320dd2]{min-width:3rem;}
506
- .w-24[data-v-28320dd2]{width:6rem;}
507
- .flex[data-v-28320dd2]{display:flex;}
508
- .flex-1[data-v-28320dd2]{flex:1 1 0%;}
509
- .items-center[data-v-28320dd2]{align-items:center;}
510
- .gap-2[data-v-28320dd2]{gap:0.5rem;}
511
- .gap-3[data-v-28320dd2]{gap:0.75rem;}
512
- .px[data-v-28320dd2]{padding-left:1rem;padding-right:1rem;}
513
- .text-sm[data-v-28320dd2]{font-size:0.875rem;line-height:1.25rem;}
514
- .text-xs[data-v-28320dd2]{font-size:0.75rem;line-height:1rem;}
515
-
516
- /* unplugin-vue-components disabled *//* Tabs 布局样式 */
517
- .c-form-tabs[data-v-cbd5e822] {
518
- width: 100%;
519
- }
520
- .single-panel[data-v-cbd5e822] {
521
- width: 100%;
522
- }
523
- .tabs-container[data-v-cbd5e822] {
524
- width: 100%;
525
- }
526
- .form-tabs[data-v-cbd5e822] {
527
- width: 100%;
528
- }
529
- .tab-icon[data-v-cbd5e822] {
530
- font-size: 16px;
531
- display: inline-flex;
532
- align-items: center;
533
- justify-content: center;
534
- }
535
- .tab-header[data-v-cbd5e822] {
536
- margin-bottom: 16px;
537
- padding-bottom: 12px;
538
- border-bottom: 1px solid var(--n-border-color);
539
- }
540
- .tab-description[data-v-cbd5e822] {
541
- margin: 0;
542
- font-size: 14px;
543
- line-height: 1.5;
544
- opacity: 0.8;
545
- }
546
- .tab-form-items[data-v-cbd5e822] {
547
- width: 100%;
548
- }
549
- .tab-empty[data-v-cbd5e822] {
550
- padding: 40px 0;
551
- }
552
- .tabs-actions[data-v-cbd5e822] {
553
- margin-top: 16px;
554
- padding-top: 12px;
555
- border-top: 1px solid var(--n-border-color);
556
- }
557
-
558
- /* 响应式设计 */
559
- @media (max-width: 768px) {
560
- .tabs-actions[data-v-cbd5e822] {
561
- margin-top: 12px;
562
- padding-top: 8px;
563
- }
564
- .tabs-actions[data-v-cbd5e822] .n-space {
565
- flex-wrap: wrap;
566
- }
567
- }
568
- /* unplugin-vue-components disabled */
569
- /* layer: default */
570
- .visible[data-v-cbd5e822]{visibility:visible;}
571
- .grid[data-v-cbd5e822]{display:grid;}
572
- .inline[data-v-cbd5e822]{display:inline;}
573
- .tab[data-v-cbd5e822]{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}
574
- .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);}
575
-
576
- /* unplugin-vue-components disabled *//* Steps 布局样式 */
577
- .c-form-steps[data-v-ee5e4509] {
578
- display: flex;
579
- flex-direction: column;
580
- gap: 24px;
581
- }
582
- .single-panel[data-v-ee5e4509] {
583
- width: 100%;
450
+ .single-panel[data-v-ee5e4509] {
451
+ width: 100%;
584
452
  }
585
453
  .steps-container[data-v-ee5e4509] {
586
454
  display: flex;
@@ -630,42 +498,124 @@ to {
630
498
  transform: translateY(0);
631
499
  }
632
500
  }
633
- /* 垂直步骤样式:由组件状态驱动,避免 scoped CSS 生成无效的 :has/:deep 组合。 */
634
- .steps-container.is-vertical[data-v-ee5e4509] {
635
- flex-direction: row;
636
- align-items: flex-start;
501
+ /* 垂直步骤样式:由组件状态驱动,避免 scoped CSS 生成无效的 :has/:deep 组合。 */
502
+ .steps-container.is-vertical[data-v-ee5e4509] {
503
+ flex-direction: row;
504
+ align-items: flex-start;
505
+ }
506
+ .steps-container.is-vertical .steps-indicator[data-v-ee5e4509] {
507
+ flex-shrink: 0;
508
+ width: 250px;
509
+ margin-right: 24px;
510
+ }
511
+ .steps-container.is-vertical .steps-content[data-v-ee5e4509] {
512
+ flex: 1;
513
+ }
514
+
515
+ /* 响应式设计 */
516
+ @media (max-width: 768px) {
517
+ .steps-container.is-vertical[data-v-ee5e4509] {
518
+ flex-direction: column !important;
519
+ }
520
+ .steps-container.is-vertical .steps-indicator[data-v-ee5e4509] {
521
+ width: 100% !important;
522
+ margin-right: 0 !important;
523
+ margin-bottom: 16px;
524
+ }
525
+ }
526
+ @media (prefers-reduced-motion: reduce) {
527
+ .step-panel[data-v-ee5e4509] {
528
+ animation: none !important;
529
+ }
530
+ }
531
+ /* unplugin-vue-components disabled *//* Inline 布局样式 */
532
+ .c-form-inline[data-v-195d0124] {
533
+ width: 100%;
534
+ min-height: 0;
535
+ transition: all 0.3s ease;
536
+ }
537
+ .c-form-inline-item[data-v-195d0124] {
538
+ min-width: 0;
539
+ transition: all 0.3s ease;
540
+ }
541
+
542
+ /* 确保内部所有表单组件都占满容器宽度 */
543
+ .c-form-inline-item[data-v-195d0124] .n-form-item {
544
+ width: 100%;
545
+ margin-bottom: 0;
546
+ }
547
+ .c-form-inline-item[data-v-195d0124] .n-form-item-blank {
548
+ width: 100%;
549
+ }
550
+ .c-form-inline-item[data-v-195d0124] .n-input,
551
+ .c-form-inline-item[data-v-195d0124] .n-select,
552
+ .c-form-inline-item[data-v-195d0124] .n-date-picker,
553
+ .c-form-inline-item[data-v-195d0124] .n-time-picker,
554
+ .c-form-inline-item[data-v-195d0124] .n-input-number,
555
+ .c-form-inline-item[data-v-195d0124] .n-cascader,
556
+ .c-form-inline-item[data-v-195d0124] .n-color-picker,
557
+ .c-form-inline-item[data-v-195d0124] .n-auto-complete,
558
+ .c-form-inline-item[data-v-195d0124] .n-tree-select {
559
+ width: 100% !important;
560
+ }
561
+
562
+ /* 单选框和复选框组保持自然宽度 */
563
+ .c-form-inline-item[data-v-195d0124] .n-radio-group,
564
+ .c-form-inline-item[data-v-195d0124] .n-checkbox-group {
565
+ width: 100%;
566
+ display: flex;
567
+ flex-wrap: wrap;
568
+ gap: 8px;
569
+ }
570
+
571
+ /* 开关组件居左对齐 */
572
+ .c-form-inline-item[data-v-195d0124] .n-switch {
573
+ width: auto;
574
+ }
575
+
576
+ /* ================= 对齐方式样式增强 ================= */
577
+ /* 当容器使用 center 对齐时,确保表单项也居中 */
578
+ .c-form-inline[style*="justify-content: center"] .c-form-inline-item[data-v-195d0124] {
579
+ text-align: center;
637
580
  }
638
- .steps-container.is-vertical .steps-indicator[data-v-ee5e4509] {
639
- flex-shrink: 0;
640
- width: 250px;
641
- margin-right: 24px;
581
+
582
+ /* 当容器使用 end 对齐时,确保表单项也右对齐 */
583
+ .c-form-inline[style*="justify-content: flex-end"] .c-form-inline-item[data-v-195d0124] {
584
+ text-align: right;
642
585
  }
643
- .steps-container.is-vertical .steps-content[data-v-ee5e4509] {
644
- flex: 1;
586
+
587
+ /* 当容器使用 start 对齐时,确保表单项左对齐 */
588
+ .c-form-inline[style*="justify-content: flex-start"] .c-form-inline-item[data-v-195d0124] {
589
+ text-align: left;
645
590
  }
646
591
 
647
- /* 响应式设计 */
592
+ /* ================= 响应式设计 ================= */
593
+ /* 移动设备 - 改为垂直布局 */
648
594
  @media (max-width: 768px) {
649
- .steps-container.is-vertical[data-v-ee5e4509] {
595
+ .c-form-inline[data-v-195d0124] {
650
596
  flex-direction: column !important;
597
+ gap: 12px !important;
598
+ justify-content: flex-start !important;
651
599
  }
652
- .steps-container.is-vertical .steps-indicator[data-v-ee5e4509] {
600
+ .c-form-inline-item[data-v-195d0124] {
653
601
  width: 100% !important;
654
- margin-right: 0 !important;
655
- margin-bottom: 16px;
602
+ text-align: left !important;
656
603
  }
657
604
  }
658
- @media (prefers-reduced-motion: reduce) {
659
- .step-panel[data-v-ee5e4509] {
660
- animation: none !important;
605
+ /* 小屏手机 */
606
+ @media (max-width: 480px) {
607
+ .c-form-inline[data-v-195d0124] {
608
+ gap: 8px !important;
661
609
  }
662
610
  }
663
611
  /* unplugin-vue-components disabled */
664
612
  /* layer: default */
665
- .visible[data-v-ee5e4509]{visibility:visible;}
666
- .grid[data-v-ee5e4509]{display:grid;}
667
- .inline[data-v-ee5e4509]{display:inline;}
668
- .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);}
613
+ .visible[data-v-195d0124]{visibility:visible;}
614
+ .grid[data-v-195d0124]{display:grid;}
615
+ .inline[data-v-195d0124]{display:inline;}
616
+ .flex[data-v-195d0124]{display:flex;}
617
+ .px[data-v-195d0124]{padding-left:1rem;padding-right:1rem;}
618
+ .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);}
669
619
 
670
620
  /* unplugin-vue-components disabled *//* Dynamic 布局样式 */
671
621
  .c-form-dynamic[data-v-1779d19c] {
@@ -741,6 +691,13 @@ to {
741
691
  border-color: currentColor;
742
692
  }
743
693
  }
694
+ /* unplugin-vue-components disabled */
695
+ /* layer: default */
696
+ .visible[data-v-858beb3e]{visibility:visible;}
697
+ .grid[data-v-858beb3e]{display:grid;}
698
+ .inline[data-v-858beb3e]{display:inline;}
699
+ .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);}
700
+
744
701
  /* unplugin-vue-components disabled */
745
702
  /* layer: default */
746
703
  .visible[data-v-1779d19c]{visibility:visible;}
@@ -748,6 +705,14 @@ to {
748
705
  .inline[data-v-1779d19c]{display:inline;}
749
706
  .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);}
750
707
 
708
+ /* unplugin-vue-components disabled */
709
+ /* layer: default */
710
+ .visible[data-v-cbd5e822]{visibility:visible;}
711
+ .grid[data-v-cbd5e822]{display:grid;}
712
+ .inline[data-v-cbd5e822]{display:inline;}
713
+ .tab[data-v-cbd5e822]{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}
714
+ .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);}
715
+
751
716
  /* unplugin-vue-components disabled *//* Custom 布局样式 */
752
717
  .custom-layout .toolbar-card[data-v-858beb3e] {
753
718
  margin-bottom: 16px;
@@ -1093,22 +1058,64 @@ to {
1093
1058
  grid-template-columns: repeat(2, 1fr);
1094
1059
  }
1095
1060
  }
1096
- /* unplugin-vue-components disabled */
1097
- /* layer: default */
1098
- .visible[data-v-858beb3e]{visibility:visible;}
1099
- .grid[data-v-858beb3e]{display:grid;}
1100
- .inline[data-v-858beb3e]{display:inline;}
1101
- .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);}
1061
+ /* unplugin-vue-components disabled *//* Tabs 布局样式 */
1062
+ .c-form-tabs[data-v-cbd5e822] {
1063
+ width: 100%;
1064
+ }
1065
+ .single-panel[data-v-cbd5e822] {
1066
+ width: 100%;
1067
+ }
1068
+ .tabs-container[data-v-cbd5e822] {
1069
+ width: 100%;
1070
+ }
1071
+ .form-tabs[data-v-cbd5e822] {
1072
+ width: 100%;
1073
+ }
1074
+ .tab-icon[data-v-cbd5e822] {
1075
+ font-size: 16px;
1076
+ display: inline-flex;
1077
+ align-items: center;
1078
+ justify-content: center;
1079
+ }
1080
+ .tab-header[data-v-cbd5e822] {
1081
+ margin-bottom: 16px;
1082
+ padding-bottom: 12px;
1083
+ border-bottom: 1px solid var(--n-border-color);
1084
+ }
1085
+ .tab-description[data-v-cbd5e822] {
1086
+ margin: 0;
1087
+ font-size: 14px;
1088
+ line-height: 1.5;
1089
+ opacity: 0.8;
1090
+ }
1091
+ .tab-form-items[data-v-cbd5e822] {
1092
+ width: 100%;
1093
+ }
1094
+ .tab-empty[data-v-cbd5e822] {
1095
+ padding: 40px 0;
1096
+ }
1097
+ .tabs-actions[data-v-cbd5e822] {
1098
+ margin-top: 16px;
1099
+ padding-top: 12px;
1100
+ border-top: 1px solid var(--n-border-color);
1101
+ }
1102
1102
 
1103
+ /* 响应式设计 */
1104
+ @media (max-width: 768px) {
1105
+ .tabs-actions[data-v-cbd5e822] {
1106
+ margin-top: 12px;
1107
+ padding-top: 8px;
1108
+ }
1109
+ .tabs-actions[data-v-cbd5e822] .n-space {
1110
+ flex-wrap: wrap;
1111
+ }
1112
+ }
1103
1113
  /* unplugin-vue-components disabled */
1104
1114
  /* layer: default */
1105
- .visible[data-v-6ce5207d]{visibility:visible;}
1106
- .grid[data-v-6ce5207d]{display:grid;}
1107
- .inline[data-v-6ce5207d]{display:inline;}
1108
- .table[data-v-6ce5207d]{display:table;}
1109
- .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);}
1110
- .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);}
1111
-
1115
+ .ms[data-v-c6727905]{margin-inline-start:1rem;}
1116
+ .table[data-v-c6727905]{display:table;}
1117
+ .px[data-v-c6727905]{padding-left:1rem;padding-right:1rem;}
1118
+ .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);}
1112
1119
 
1113
1120
  /* unplugin-vue-components disabled *//*
1114
1121
  * @Author: ChenYu ycyplus@gmail.com
@@ -1173,181 +1180,67 @@ to {
1173
1180
  font-size: 12px;
1174
1181
  font-weight: 500;
1175
1182
  letter-spacing: 0.03em;
1176
- line-height: 1.6;
1177
- overflow-wrap: anywhere;
1178
- }
1179
- @media (prefers-reduced-motion: reduce) {
1180
- .c-loading__orbit[data-v-c6727905], .c-loading__row[data-v-c6727905], .c-loading--labeled[data-v-c6727905]::after {
1181
- animation: none;
1182
- }
1183
- .c-loading--labeled[data-v-c6727905]::after {
1184
- display: none;
1185
- }
1186
- }
1187
- @keyframes c-loading-orbit-c6727905 {
1188
- to {
1189
- transform: rotate(360deg);
1190
- }
1191
- }
1192
- @keyframes c-loading-row-c6727905 {
1193
- 0%, 100% {
1194
- opacity: 0.4;
1195
- }
1196
- 40%, 60% {
1197
- opacity: 1;
1198
- }
1199
- }
1200
- @keyframes c-loading-beam-c6727905 {
1201
- from {
1202
- transform: translateX(-100%);
1203
- }
1204
- to {
1205
- transform: translateX(200%);
1206
- }
1207
- }
1208
- /* unplugin-vue-components disabled */
1209
- /* layer: default */
1210
- .ms[data-v-c6727905]{margin-inline-start:1rem;}
1211
- .table[data-v-c6727905]{display:table;}
1212
- .px[data-v-c6727905]{padding-left:1rem;padding-right:1rem;}
1213
- .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);}
1214
-
1215
-
1216
- /* unplugin-vue-components disabled */.column-management-tab .search-row[data-v-6ff103ee] {
1217
- display: flex;
1218
- align-items: center;
1219
- gap: 12px;
1220
- margin-bottom: 12px;
1221
- }
1222
- .column-management-tab .search-row .search-input[data-v-6ff103ee] {
1223
- flex: 1;
1224
- min-width: 0;
1225
- }
1226
- .column-management-tab .search-row .resizable-control[data-v-6ff103ee] {
1227
- display: flex;
1228
- align-items: center;
1229
- flex-shrink: 0;
1230
- padding: 0 10px;
1231
- height: 34px;
1232
- background: var(--n-color-target);
1233
- border-radius: 6px;
1234
- white-space: nowrap;
1235
- }
1236
- .column-management-tab .top-actions-bar[data-v-6ff103ee] {
1237
- display: flex;
1238
- justify-content: space-between;
1239
- align-items: center;
1240
- margin-bottom: 16px;
1241
- padding: 10px 12px;
1242
- background: var(--n-color-target);
1243
- border-radius: 6px;
1244
- }
1245
- .column-management-tab .top-actions-bar .stats-info[data-v-6ff103ee] {
1246
- flex: 1;
1247
- }
1248
- .column-management-tab .top-actions-bar .quick-actions[data-v-6ff103ee] {
1249
- flex-shrink: 0;
1250
- }
1251
- .column-management-tab .column-list .column-item[data-v-6ff103ee] {
1252
- display: flex;
1253
- align-items: center;
1254
- justify-content: space-between;
1255
- padding: 6px 4px;
1256
- margin-bottom: 4px;
1257
- border-radius: 4px;
1258
- background: transparent;
1259
- cursor: move;
1260
- transition: all 0.2s ease;
1261
- }
1262
- .column-management-tab .column-list .column-item[data-v-6ff103ee]:hover {
1263
- background: var(--n-color-target);
1264
- }
1265
- .column-management-tab .column-list .column-item.disabled[data-v-6ff103ee] {
1266
- opacity: 0.6;
1267
- cursor: not-allowed;
1268
- }
1269
- .column-management-tab .column-list .column-item.fixed-left[data-v-6ff103ee] {
1270
- background: rgba(24, 160, 88, 0.08);
1271
- }
1272
- .column-management-tab .column-list .column-item.fixed-right[data-v-6ff103ee] {
1273
- background: rgba(240, 138, 0, 0.08);
1274
- }
1275
- .column-management-tab .column-list .column-item .column-info[data-v-6ff103ee] {
1276
- display: flex;
1277
- align-items: center;
1278
- flex: 1;
1279
- gap: 10px;
1280
- min-width: 0;
1281
- }
1282
- .column-management-tab .column-list .column-item .column-info .column-controls[data-v-6ff103ee] {
1283
- display: flex;
1284
- align-items: center;
1285
- gap: 8px;
1286
- flex-shrink: 0;
1183
+ line-height: 1.6;
1184
+ overflow-wrap: anywhere;
1287
1185
  }
1288
- .column-management-tab .column-list .column-item .column-info .column-controls .drag-handle[data-v-6ff103ee] {
1289
- color: var(--n-text-color-3);
1290
- cursor: grab;
1186
+ @media (prefers-reduced-motion: reduce) {
1187
+ .c-loading__orbit[data-v-c6727905], .c-loading__row[data-v-c6727905], .c-loading--labeled[data-v-c6727905]::after {
1188
+ animation: none;
1291
1189
  }
1292
- .column-management-tab .column-list .column-item .column-info .column-controls .drag-handle[data-v-6ff103ee]:active {
1293
- cursor: grabbing;
1190
+ .c-loading--labeled[data-v-c6727905]::after {
1191
+ display: none;
1294
1192
  }
1295
- .column-management-tab .column-list .column-item .column-info .column-controls .drag-handle.disabled[data-v-6ff103ee] {
1296
- cursor: not-allowed;
1297
- opacity: 0.3;
1298
1193
  }
1299
- .column-management-tab .column-list .column-item .column-info .column-details[data-v-6ff103ee] {
1300
- display: flex;
1301
- flex-direction: column;
1302
- gap: 4px;
1303
- flex: 1;
1304
- min-width: 0;
1305
- overflow: hidden;
1194
+ @keyframes c-loading-orbit-c6727905 {
1195
+ to {
1196
+ transform: rotate(360deg);
1306
1197
  }
1307
- .column-management-tab .column-list .column-item .column-actions[data-v-6ff103ee] {
1308
- display: flex;
1309
- align-items: center;
1310
- gap: 6px;
1311
- flex-shrink: 0;
1312
1198
  }
1313
- .column-management-tab .column-list .column-item .column-actions .drag-controls[data-v-6ff103ee] {
1314
- display: flex;
1315
- flex-direction: column;
1316
- gap: 2px;
1199
+ @keyframes c-loading-row-c6727905 {
1200
+ 0%, 100% {
1201
+ opacity: 0.4;
1317
1202
  }
1318
- .column-management-tab .column-list .column-item .column-actions .drag-controls .c-icon[data-v-6ff103ee] {
1319
- opacity: 0.6;
1320
- transition: all 0.2s ease;
1203
+ 40%, 60% {
1204
+ opacity: 1;
1321
1205
  }
1322
- .column-management-tab .column-list .column-item .column-actions .drag-controls .c-icon[data-v-6ff103ee]:not(.disabled):hover {
1323
- opacity: 1;
1324
- transform: scale(1.15);
1325
1206
  }
1326
- .column-management-tab .column-list .column-item .column-actions .drag-controls .c-icon.disabled[data-v-6ff103ee] {
1327
- opacity: 0.3;
1328
- cursor: not-allowed;
1207
+ @keyframes c-loading-beam-c6727905 {
1208
+ from {
1209
+ transform: translateX(-100%);
1329
1210
  }
1330
- .column-management-tab .column-list .column-item .column-actions .c-icon[data-v-6ff103ee] {
1331
- transition: all 0.2s ease;
1211
+ to {
1212
+ transform: translateX(200%);
1332
1213
  }
1333
- .column-management-tab .column-list .column-item .column-actions .c-icon[data-v-6ff103ee]:hover {
1334
- transform: scale(1.15);
1335
1214
  }
1336
1215
  /* unplugin-vue-components disabled */
1337
1216
  /* layer: default */
1338
- .visible[data-v-6ff103ee]{visibility:visible;}
1339
- .fixed[data-v-6ff103ee]{position:fixed;}
1340
- .mb-4[data-v-6ff103ee]{margin-bottom:1rem;}
1341
- .flex[data-v-6ff103ee]{display:flex;}
1342
- .table[data-v-6ff103ee]{display:table;}
1343
- .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));}
1344
- .cursor-pointer[data-v-6ff103ee]{cursor:pointer;}
1345
- .justify-end[data-v-6ff103ee]{justify-content:flex-end;}
1346
- .justify-center[data-v-6ff103ee]{justify-content:center;}
1347
- .rd[data-v-6ff103ee]{border-radius:0.25rem;}
1348
- .px[data-v-6ff103ee]{padding-left:1rem;padding-right:1rem;}
1349
- .accent-blue-500[data-v-6ff103ee]{--un-accent-opacity:1;accent-color:rgb(59 130 246 / var(--un-accent-opacity));}
1350
- .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);}
1217
+ .visible[data-v-f623c0e1]{visibility:visible;}
1218
+ .fixed[data-v-f623c0e1]{position:fixed;}
1219
+ .grid[data-v-f623c0e1]{display:grid;}
1220
+ .mb-2[data-v-f623c0e1]{margin-bottom:0.5rem;}
1221
+ .mb-4[data-v-f623c0e1]{margin-bottom:1rem;}
1222
+ .ml-2[data-v-f623c0e1]{margin-left:0.5rem;}
1223
+ .w60\%[data-v-f623c0e1]{width:60%;}
1224
+ .flex[data-v-f623c0e1]{display:flex;}
1225
+ .table[data-v-f623c0e1]{display:table;}
1226
+ .scale-110[data-v-f623c0e1]{--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));}
1227
+ .cursor-pointer[data-v-f623c0e1]{cursor:pointer;}
1228
+ .items-center[data-v-f623c0e1]{align-items:center;}
1229
+ .justify-end[data-v-f623c0e1]{justify-content:flex-end;}
1230
+ .justify-center[data-v-f623c0e1]{justify-content:center;}
1231
+ .rd[data-v-f623c0e1]{border-radius:0.25rem;}
1232
+ .bg-gray-50[data-v-f623c0e1]{--un-bg-opacity:1;background-color:rgb(249 250 251 / var(--un-bg-opacity));}
1233
+ .p-4[data-v-f623c0e1]{padding:1rem;}
1234
+ .px[data-v-f623c0e1]{padding-left:1rem;padding-right:1rem;}
1235
+ .py-8[data-v-f623c0e1]{padding-top:2rem;padding-bottom:2rem;}
1236
+ .text-center[data-v-f623c0e1]{text-align:center;}
1237
+ .text-sm[data-v-f623c0e1]{font-size:0.875rem;line-height:1.25rem;}
1238
+ .text-gray-400[data-v-f623c0e1]{--un-text-opacity:1;color:rgb(156 163 175 / var(--un-text-opacity));}
1239
+ .text-gray-500[data-v-f623c0e1]{--un-text-opacity:1;color:rgb(107 114 128 / var(--un-text-opacity));}
1240
+ .text-gray-600[data-v-f623c0e1]{--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity));}
1241
+ .accent-blue-500[data-v-f623c0e1]{--un-accent-opacity:1;accent-color:rgb(59 130 246 / var(--un-accent-opacity));}
1242
+ .blur[data-v-f623c0e1]{--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);}
1243
+ .filter[data-v-f623c0e1]{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);}
1351
1244
 
1352
1245
  /* unplugin-vue-components disabled *//* ================= 1. 组件根容器 ================= */
1353
1246
  .c-table-wrapper[data-v-f623c0e1] {
@@ -1838,31 +1731,137 @@ to {
1838
1731
  }
1839
1732
  /* unplugin-vue-components disabled */
1840
1733
  /* layer: default */
1841
- .visible[data-v-f623c0e1]{visibility:visible;}
1842
- .fixed[data-v-f623c0e1]{position:fixed;}
1843
- .grid[data-v-f623c0e1]{display:grid;}
1844
- .mb-2[data-v-f623c0e1]{margin-bottom:0.5rem;}
1845
- .mb-4[data-v-f623c0e1]{margin-bottom:1rem;}
1846
- .ml-2[data-v-f623c0e1]{margin-left:0.5rem;}
1847
- .w60\%[data-v-f623c0e1]{width:60%;}
1848
- .flex[data-v-f623c0e1]{display:flex;}
1849
- .table[data-v-f623c0e1]{display:table;}
1850
- .scale-110[data-v-f623c0e1]{--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));}
1851
- .cursor-pointer[data-v-f623c0e1]{cursor:pointer;}
1852
- .items-center[data-v-f623c0e1]{align-items:center;}
1853
- .justify-end[data-v-f623c0e1]{justify-content:flex-end;}
1854
- .justify-center[data-v-f623c0e1]{justify-content:center;}
1855
- .rd[data-v-f623c0e1]{border-radius:0.25rem;}
1856
- .bg-gray-50[data-v-f623c0e1]{--un-bg-opacity:1;background-color:rgb(249 250 251 / var(--un-bg-opacity));}
1857
- .p-4[data-v-f623c0e1]{padding:1rem;}
1858
- .px[data-v-f623c0e1]{padding-left:1rem;padding-right:1rem;}
1859
- .py-8[data-v-f623c0e1]{padding-top:2rem;padding-bottom:2rem;}
1860
- .text-center[data-v-f623c0e1]{text-align:center;}
1861
- .text-sm[data-v-f623c0e1]{font-size:0.875rem;line-height:1.25rem;}
1862
- .text-gray-400[data-v-f623c0e1]{--un-text-opacity:1;color:rgb(156 163 175 / var(--un-text-opacity));}
1863
- .text-gray-500[data-v-f623c0e1]{--un-text-opacity:1;color:rgb(107 114 128 / var(--un-text-opacity));}
1864
- .text-gray-600[data-v-f623c0e1]{--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity));}
1865
- .accent-blue-500[data-v-f623c0e1]{--un-accent-opacity:1;accent-color:rgb(59 130 246 / var(--un-accent-opacity));}
1866
- .blur[data-v-f623c0e1]{--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);}
1867
- .filter[data-v-f623c0e1]{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);}
1734
+ .visible[data-v-6ff103ee]{visibility:visible;}
1735
+ .fixed[data-v-6ff103ee]{position:fixed;}
1736
+ .mb-4[data-v-6ff103ee]{margin-bottom:1rem;}
1737
+ .flex[data-v-6ff103ee]{display:flex;}
1738
+ .table[data-v-6ff103ee]{display:table;}
1739
+ .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));}
1740
+ .cursor-pointer[data-v-6ff103ee]{cursor:pointer;}
1741
+ .justify-end[data-v-6ff103ee]{justify-content:flex-end;}
1742
+ .justify-center[data-v-6ff103ee]{justify-content:center;}
1743
+ .rd[data-v-6ff103ee]{border-radius:0.25rem;}
1744
+ .px[data-v-6ff103ee]{padding-left:1rem;padding-right:1rem;}
1745
+ .accent-blue-500[data-v-6ff103ee]{--un-accent-opacity:1;accent-color:rgb(59 130 246 / var(--un-accent-opacity));}
1746
+ .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);}
1868
1747
 
1748
+ /* unplugin-vue-components disabled */.column-management-tab .search-row[data-v-6ff103ee] {
1749
+ display: flex;
1750
+ align-items: center;
1751
+ gap: 12px;
1752
+ margin-bottom: 12px;
1753
+ }
1754
+ .column-management-tab .search-row .search-input[data-v-6ff103ee] {
1755
+ flex: 1;
1756
+ min-width: 0;
1757
+ }
1758
+ .column-management-tab .search-row .resizable-control[data-v-6ff103ee] {
1759
+ display: flex;
1760
+ align-items: center;
1761
+ flex-shrink: 0;
1762
+ padding: 0 10px;
1763
+ height: 34px;
1764
+ background: var(--n-color-target);
1765
+ border-radius: 6px;
1766
+ white-space: nowrap;
1767
+ }
1768
+ .column-management-tab .top-actions-bar[data-v-6ff103ee] {
1769
+ display: flex;
1770
+ justify-content: space-between;
1771
+ align-items: center;
1772
+ margin-bottom: 16px;
1773
+ padding: 10px 12px;
1774
+ background: var(--n-color-target);
1775
+ border-radius: 6px;
1776
+ }
1777
+ .column-management-tab .top-actions-bar .stats-info[data-v-6ff103ee] {
1778
+ flex: 1;
1779
+ }
1780
+ .column-management-tab .top-actions-bar .quick-actions[data-v-6ff103ee] {
1781
+ flex-shrink: 0;
1782
+ }
1783
+ .column-management-tab .column-list .column-item[data-v-6ff103ee] {
1784
+ display: flex;
1785
+ align-items: center;
1786
+ justify-content: space-between;
1787
+ padding: 6px 4px;
1788
+ margin-bottom: 4px;
1789
+ border-radius: 4px;
1790
+ background: transparent;
1791
+ cursor: move;
1792
+ transition: all 0.2s ease;
1793
+ }
1794
+ .column-management-tab .column-list .column-item[data-v-6ff103ee]:hover {
1795
+ background: var(--n-color-target);
1796
+ }
1797
+ .column-management-tab .column-list .column-item.disabled[data-v-6ff103ee] {
1798
+ opacity: 0.6;
1799
+ cursor: not-allowed;
1800
+ }
1801
+ .column-management-tab .column-list .column-item.fixed-left[data-v-6ff103ee] {
1802
+ background: rgba(24, 160, 88, 0.08);
1803
+ }
1804
+ .column-management-tab .column-list .column-item.fixed-right[data-v-6ff103ee] {
1805
+ background: rgba(240, 138, 0, 0.08);
1806
+ }
1807
+ .column-management-tab .column-list .column-item .column-info[data-v-6ff103ee] {
1808
+ display: flex;
1809
+ align-items: center;
1810
+ flex: 1;
1811
+ gap: 10px;
1812
+ min-width: 0;
1813
+ }
1814
+ .column-management-tab .column-list .column-item .column-info .column-controls[data-v-6ff103ee] {
1815
+ display: flex;
1816
+ align-items: center;
1817
+ gap: 8px;
1818
+ flex-shrink: 0;
1819
+ }
1820
+ .column-management-tab .column-list .column-item .column-info .column-controls .drag-handle[data-v-6ff103ee] {
1821
+ color: var(--n-text-color-3);
1822
+ cursor: grab;
1823
+ }
1824
+ .column-management-tab .column-list .column-item .column-info .column-controls .drag-handle[data-v-6ff103ee]:active {
1825
+ cursor: grabbing;
1826
+ }
1827
+ .column-management-tab .column-list .column-item .column-info .column-controls .drag-handle.disabled[data-v-6ff103ee] {
1828
+ cursor: not-allowed;
1829
+ opacity: 0.3;
1830
+ }
1831
+ .column-management-tab .column-list .column-item .column-info .column-details[data-v-6ff103ee] {
1832
+ display: flex;
1833
+ flex-direction: column;
1834
+ gap: 4px;
1835
+ flex: 1;
1836
+ min-width: 0;
1837
+ overflow: hidden;
1838
+ }
1839
+ .column-management-tab .column-list .column-item .column-actions[data-v-6ff103ee] {
1840
+ display: flex;
1841
+ align-items: center;
1842
+ gap: 6px;
1843
+ flex-shrink: 0;
1844
+ }
1845
+ .column-management-tab .column-list .column-item .column-actions .drag-controls[data-v-6ff103ee] {
1846
+ display: flex;
1847
+ flex-direction: column;
1848
+ gap: 2px;
1849
+ }
1850
+ .column-management-tab .column-list .column-item .column-actions .drag-controls .c-icon[data-v-6ff103ee] {
1851
+ opacity: 0.6;
1852
+ transition: all 0.2s ease;
1853
+ }
1854
+ .column-management-tab .column-list .column-item .column-actions .drag-controls .c-icon[data-v-6ff103ee]:not(.disabled):hover {
1855
+ opacity: 1;
1856
+ transform: scale(1.15);
1857
+ }
1858
+ .column-management-tab .column-list .column-item .column-actions .drag-controls .c-icon.disabled[data-v-6ff103ee] {
1859
+ opacity: 0.3;
1860
+ cursor: not-allowed;
1861
+ }
1862
+ .column-management-tab .column-list .column-item .column-actions .c-icon[data-v-6ff103ee] {
1863
+ transition: all 0.2s ease;
1864
+ }
1865
+ .column-management-tab .column-list .column-item .column-actions .c-icon[data-v-6ff103ee]:hover {
1866
+ transform: scale(1.15);
1867
+ }