@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,268 +1,32 @@
1
- /* unplugin-vue-components disabled */
2
- .c-form-default[data-v-4313de0c] {
3
- width: 100%;
4
- }
5
-
6
- /* unplugin-vue-components disabled *//* Inline 布局样式 */
7
- .c-form-inline[data-v-195d0124] {
8
- width: 100%;
9
- min-height: 0;
10
- transition: all 0.3s ease;
11
- }
12
- .c-form-inline-item[data-v-195d0124] {
13
- min-width: 0;
14
- transition: all 0.3s ease;
15
- }
16
-
17
- /* 确保内部所有表单组件都占满容器宽度 */
18
- .c-form-inline-item[data-v-195d0124] .n-form-item {
19
- width: 100%;
20
- margin-bottom: 0;
21
- }
22
- .c-form-inline-item[data-v-195d0124] .n-form-item-blank {
23
- width: 100%;
24
- }
25
- .c-form-inline-item[data-v-195d0124] .n-input,
26
- .c-form-inline-item[data-v-195d0124] .n-select,
27
- .c-form-inline-item[data-v-195d0124] .n-date-picker,
28
- .c-form-inline-item[data-v-195d0124] .n-time-picker,
29
- .c-form-inline-item[data-v-195d0124] .n-input-number,
30
- .c-form-inline-item[data-v-195d0124] .n-cascader,
31
- .c-form-inline-item[data-v-195d0124] .n-color-picker,
32
- .c-form-inline-item[data-v-195d0124] .n-auto-complete,
33
- .c-form-inline-item[data-v-195d0124] .n-tree-select {
34
- width: 100% !important;
35
- }
36
-
37
- /* 单选框和复选框组保持自然宽度 */
38
- .c-form-inline-item[data-v-195d0124] .n-radio-group,
39
- .c-form-inline-item[data-v-195d0124] .n-checkbox-group {
40
- width: 100%;
41
- display: flex;
42
- flex-wrap: wrap;
43
- gap: 8px;
44
- }
45
-
46
- /* 开关组件居左对齐 */
47
- .c-form-inline-item[data-v-195d0124] .n-switch {
48
- width: auto;
49
- }
50
-
51
- /* ================= 对齐方式样式增强 ================= */
52
- /* 当容器使用 center 对齐时,确保表单项也居中 */
53
- .c-form-inline[style*="justify-content: center"] .c-form-inline-item[data-v-195d0124] {
54
- text-align: center;
55
- }
56
-
57
- /* 当容器使用 end 对齐时,确保表单项也右对齐 */
58
- .c-form-inline[style*="justify-content: flex-end"] .c-form-inline-item[data-v-195d0124] {
59
- text-align: right;
60
- }
61
-
62
- /* 当容器使用 start 对齐时,确保表单项左对齐 */
63
- .c-form-inline[style*="justify-content: flex-start"] .c-form-inline-item[data-v-195d0124] {
64
- text-align: left;
65
- }
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)}
66
2
 
67
- /* ================= 响应式设计 ================= */
68
- /* 移动设备 - 改为垂直布局 */
69
- @media (max-width: 768px) {
70
- .c-form-inline[data-v-195d0124] {
71
- flex-direction: column !important;
72
- gap: 12px !important;
73
- justify-content: flex-start !important;
74
- }
75
- .c-form-inline-item[data-v-195d0124] {
76
- width: 100% !important;
77
- text-align: left !important;
78
- }
79
- }
80
- /* 小屏手机 */
81
- @media (max-width: 480px) {
82
- .c-form-inline[data-v-195d0124] {
83
- gap: 8px !important;
84
- }
85
- }
86
3
  /* unplugin-vue-components disabled */
87
4
  /* layer: default */
88
- .visible[data-v-195d0124]{visibility:visible;}
89
- .grid[data-v-195d0124]{display:grid;}
90
- .inline[data-v-195d0124]{display:inline;}
91
- .flex[data-v-195d0124]{display:flex;}
92
- .px[data-v-195d0124]{padding-left:1rem;padding-right:1rem;}
93
- .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);}
94
-
95
- /* unplugin-vue-components disabled *//* Grid 布局样式 */
96
- /* 变量定义 */
97
- .c-grid-layout[data-v-5debeeab] {
98
- width: 100%;
99
- /* 配置面板 */
100
- }
101
- .c-grid-layout .config-panel[data-v-5debeeab] {
102
- margin-bottom: 1rem;
103
- }
104
- .c-grid-layout .config-panel .config-header[data-v-5debeeab] {
105
- display: flex;
106
- align-items: center;
107
- gap: 0.5rem;
108
- font-weight: 500;
109
- margin-bottom: 8px;
110
- }
111
- .c-grid-layout .config-panel .config-controls[data-v-5debeeab] {
112
- display: flex;
113
- gap: 1rem;
114
- flex-wrap: wrap;
115
- }
116
- .c-grid-layout .config-panel .config-controls .config-item[data-v-5debeeab] {
117
- display: flex;
118
- align-items: center;
119
- gap: 0.5rem;
120
- }
121
- .c-grid-layout .config-panel .config-controls .config-item .config-label[data-v-5debeeab] {
122
- font-size: 0.875rem;
123
- white-space: nowrap;
124
- min-width: 3rem;
125
- }
126
- .c-grid-layout[data-v-5debeeab] {
127
- /* 网格容器 */
128
- }
129
- .c-grid-layout .grid-container[data-v-5debeeab] {
130
- width: 100%;
131
- }
132
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab] {
133
- /* 进场动画 */
134
- animation: fadeInUp-5debeeab 0.3s ease-out both;
135
- }
136
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(1) {
137
- animation-delay: 0.05s;
138
- }
139
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(2) {
140
- animation-delay: 0.1s;
141
- }
142
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(3) {
143
- animation-delay: 0.15s;
144
- }
145
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(4) {
146
- animation-delay: 0.2s;
147
- }
148
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(5) {
149
- animation-delay: 0.25s;
150
- }
151
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(6) {
152
- animation-delay: 0.3s;
153
- }
154
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(7) {
155
- animation-delay: 0.35s;
156
- }
157
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(8) {
158
- animation-delay: 0.4s;
159
- }
160
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(9) {
161
- animation-delay: 0.45s;
162
- }
163
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(10) {
164
- animation-delay: 0.5s;
165
- }
166
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(11) {
167
- animation-delay: 0.55s;
168
- }
169
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(12) {
170
- animation-delay: 0.6s;
171
- }
172
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(13) {
173
- animation-delay: 0.65s;
174
- }
175
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(14) {
176
- animation-delay: 0.7s;
177
- }
178
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(15) {
179
- animation-delay: 0.75s;
180
- }
181
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(16) {
182
- animation-delay: 0.8s;
183
- }
184
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(17) {
185
- animation-delay: 0.85s;
186
- }
187
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(18) {
188
- animation-delay: 0.9s;
189
- }
190
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(19) {
191
- animation-delay: 0.95s;
192
- }
193
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(20) {
194
- animation-delay: 1s;
195
- }
196
- .c-grid-layout[data-v-5debeeab] {
197
- /* 统计信息 */
198
- }
199
- .c-grid-layout .grid-stats[data-v-5debeeab] {
200
- margin-top: 1rem;
201
- font-size: 0.875rem;
202
- opacity: 0.8;
203
- }
204
-
205
- /* 动画定义 */
206
- @keyframes fadeInUp-5debeeab {
207
- from {
208
- opacity: 0;
209
- transform: translateY(10px) scale(0.95);
210
- }
211
- to {
212
- opacity: 1;
213
- transform: translateY(0) scale(1);
214
- }
215
- }
216
- /* 表单控件统一宽度 */
217
- [data-v-5debeeab] .n-form-item .n-form-item-blank {
218
- /* 统一所有表单控件的宽度 */
219
- }
220
- [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 {
221
- width: 100% !important;
222
- }
5
+ .visible[data-v-6ce5207d]{visibility:visible;}
6
+ .grid[data-v-6ce5207d]{display:grid;}
7
+ .inline[data-v-6ce5207d]{display:inline;}
8
+ .table[data-v-6ce5207d]{display:table;}
9
+ .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);}
10
+ .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);}
223
11
 
224
- /* 响应式设计 */
225
- @media (max-width: 768px) {
226
- .c-grid-layout .config-panel .config-controls[data-v-5debeeab] {
227
- flex-direction: column;
228
- gap: 0.75rem;
229
- }
230
- .c-grid-layout .config-panel .config-controls .config-item[data-v-5debeeab] {
231
- justify-content: space-between;
232
- }
233
- .c-grid-layout .grid-container[data-v-5debeeab] .n-grid {
234
- gap: 0.5rem !important;
235
- }
236
- .c-grid-layout .grid-container .grid-item .item-wrapper[data-v-5debeeab] {
237
- padding: 0.125rem;
238
- }
239
- .c-grid-layout .grid-stats[data-v-5debeeab] {
240
- margin-top: 0.75rem;
241
- font-size: 0.875rem;
242
- }
243
- }
244
- @media (max-width: 480px) {
245
- .c-grid-layout .config-panel[data-v-5debeeab] {
246
- margin-bottom: 0.75rem;
247
- }
248
- }
249
- /* 主题适配 */
250
- [data-v-5debeeab] .n-card {
251
- --n-border-radius: 8px;
252
- }
253
- [data-v-5debeeab] .n-input-number {
254
- --n-width: 100%;
255
- }
12
+ /* unplugin-vue-components disabled */
13
+ .c-form-default[data-v-4313de0c] {
14
+ width: 100%;
15
+ }
256
16
 
257
- /* 暗色主题 */
258
- @media (prefers-color-scheme: dark) {
259
- .c-grid-layout .grid-container .grid-item .item-wrapper[data-v-5debeeab]:hover {
260
- background-color: rgba(255, 255, 255, 0.05);
261
- }
262
- }
263
17
  /* unplugin-vue-components disabled */
264
18
  /* layer: default */
265
- .px[data-v-5debeeab]{padding-left:1rem;padding-right:1rem;}
19
+ .mb-4[data-v-28320dd2]{margin-bottom:1rem;}
20
+ .min-w-12[data-v-28320dd2]{min-width:3rem;}
21
+ .w-24[data-v-28320dd2]{width:6rem;}
22
+ .flex[data-v-28320dd2]{display:flex;}
23
+ .flex-1[data-v-28320dd2]{flex:1 1 0%;}
24
+ .items-center[data-v-28320dd2]{align-items:center;}
25
+ .gap-2[data-v-28320dd2]{gap:0.5rem;}
26
+ .gap-3[data-v-28320dd2]{gap:0.75rem;}
27
+ .px[data-v-28320dd2]{padding-left:1rem;padding-right:1rem;}
28
+ .text-sm[data-v-28320dd2]{font-size:0.875rem;line-height:1.25rem;}
29
+ .text-xs[data-v-28320dd2]{font-size:0.75rem;line-height:1rem;}
266
30
 
267
31
  /* unplugin-vue-components disabled *//* Card 布局样式 */
268
32
  .c-form-card[data-v-28320dd2] {
@@ -435,77 +199,182 @@ to {
435
199
  }
436
200
  /* unplugin-vue-components disabled */
437
201
  /* layer: default */
438
- .mb-4[data-v-28320dd2]{margin-bottom:1rem;}
439
- .min-w-12[data-v-28320dd2]{min-width:3rem;}
440
- .w-24[data-v-28320dd2]{width:6rem;}
441
- .flex[data-v-28320dd2]{display:flex;}
442
- .flex-1[data-v-28320dd2]{flex:1 1 0%;}
443
- .items-center[data-v-28320dd2]{align-items:center;}
444
- .gap-2[data-v-28320dd2]{gap:0.5rem;}
445
- .gap-3[data-v-28320dd2]{gap:0.75rem;}
446
- .px[data-v-28320dd2]{padding-left:1rem;padding-right:1rem;}
447
- .text-sm[data-v-28320dd2]{font-size:0.875rem;line-height:1.25rem;}
448
- .text-xs[data-v-28320dd2]{font-size:0.75rem;line-height:1rem;}
202
+ .px[data-v-5debeeab]{padding-left:1rem;padding-right:1rem;}
203
+
204
+ /* unplugin-vue-components disabled *//* Grid 布局样式 */
205
+ /* 变量定义 */
206
+ .c-grid-layout[data-v-5debeeab] {
207
+ width: 100%;
208
+ /* 配置面板 */
209
+ }
210
+ .c-grid-layout .config-panel[data-v-5debeeab] {
211
+ margin-bottom: 1rem;
212
+ }
213
+ .c-grid-layout .config-panel .config-header[data-v-5debeeab] {
214
+ display: flex;
215
+ align-items: center;
216
+ gap: 0.5rem;
217
+ font-weight: 500;
218
+ margin-bottom: 8px;
219
+ }
220
+ .c-grid-layout .config-panel .config-controls[data-v-5debeeab] {
221
+ display: flex;
222
+ gap: 1rem;
223
+ flex-wrap: wrap;
224
+ }
225
+ .c-grid-layout .config-panel .config-controls .config-item[data-v-5debeeab] {
226
+ display: flex;
227
+ align-items: center;
228
+ gap: 0.5rem;
229
+ }
230
+ .c-grid-layout .config-panel .config-controls .config-item .config-label[data-v-5debeeab] {
231
+ font-size: 0.875rem;
232
+ white-space: nowrap;
233
+ min-width: 3rem;
234
+ }
235
+ .c-grid-layout[data-v-5debeeab] {
236
+ /* 网格容器 */
237
+ }
238
+ .c-grid-layout .grid-container[data-v-5debeeab] {
239
+ width: 100%;
240
+ }
241
+ .c-grid-layout .grid-container .grid-item[data-v-5debeeab] {
242
+ /* 进场动画 */
243
+ animation: fadeInUp-5debeeab 0.3s ease-out both;
244
+ }
245
+ .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(1) {
246
+ animation-delay: 0.05s;
247
+ }
248
+ .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(2) {
249
+ animation-delay: 0.1s;
250
+ }
251
+ .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(3) {
252
+ animation-delay: 0.15s;
253
+ }
254
+ .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(4) {
255
+ animation-delay: 0.2s;
256
+ }
257
+ .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(5) {
258
+ animation-delay: 0.25s;
259
+ }
260
+ .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(6) {
261
+ animation-delay: 0.3s;
262
+ }
263
+ .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(7) {
264
+ animation-delay: 0.35s;
265
+ }
266
+ .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(8) {
267
+ animation-delay: 0.4s;
268
+ }
269
+ .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(9) {
270
+ animation-delay: 0.45s;
271
+ }
272
+ .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(10) {
273
+ animation-delay: 0.5s;
274
+ }
275
+ .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(11) {
276
+ animation-delay: 0.55s;
277
+ }
278
+ .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(12) {
279
+ animation-delay: 0.6s;
280
+ }
281
+ .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(13) {
282
+ animation-delay: 0.65s;
283
+ }
284
+ .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(14) {
285
+ animation-delay: 0.7s;
286
+ }
287
+ .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(15) {
288
+ animation-delay: 0.75s;
289
+ }
290
+ .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(16) {
291
+ animation-delay: 0.8s;
292
+ }
293
+ .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(17) {
294
+ animation-delay: 0.85s;
295
+ }
296
+ .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(18) {
297
+ animation-delay: 0.9s;
298
+ }
299
+ .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(19) {
300
+ animation-delay: 0.95s;
301
+ }
302
+ .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(20) {
303
+ animation-delay: 1s;
304
+ }
305
+ .c-grid-layout[data-v-5debeeab] {
306
+ /* 统计信息 */
307
+ }
308
+ .c-grid-layout .grid-stats[data-v-5debeeab] {
309
+ margin-top: 1rem;
310
+ font-size: 0.875rem;
311
+ opacity: 0.8;
312
+ }
313
+
314
+ /* 动画定义 */
315
+ @keyframes fadeInUp-5debeeab {
316
+ from {
317
+ opacity: 0;
318
+ transform: translateY(10px) scale(0.95);
319
+ }
320
+ to {
321
+ opacity: 1;
322
+ transform: translateY(0) scale(1);
323
+ }
324
+ }
325
+ /* 表单控件统一宽度 */
326
+ [data-v-5debeeab] .n-form-item .n-form-item-blank {
327
+ /* 统一所有表单控件的宽度 */
328
+ }
329
+ [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 {
330
+ width: 100% !important;
331
+ }
449
332
 
450
- /* unplugin-vue-components disabled *//* Tabs 布局样式 */
451
- .c-form-tabs[data-v-cbd5e822] {
452
- width: 100%;
333
+ /* 响应式设计 */
334
+ @media (max-width: 768px) {
335
+ .c-grid-layout .config-panel .config-controls[data-v-5debeeab] {
336
+ flex-direction: column;
337
+ gap: 0.75rem;
453
338
  }
454
- .single-panel[data-v-cbd5e822] {
455
- width: 100%;
339
+ .c-grid-layout .config-panel .config-controls .config-item[data-v-5debeeab] {
340
+ justify-content: space-between;
456
341
  }
457
- .tabs-container[data-v-cbd5e822] {
458
- width: 100%;
342
+ .c-grid-layout .grid-container[data-v-5debeeab] .n-grid {
343
+ gap: 0.5rem !important;
459
344
  }
460
- .form-tabs[data-v-cbd5e822] {
461
- width: 100%;
345
+ .c-grid-layout .grid-container .grid-item .item-wrapper[data-v-5debeeab] {
346
+ padding: 0.125rem;
462
347
  }
463
- .tab-icon[data-v-cbd5e822] {
464
- font-size: 16px;
465
- display: inline-flex;
466
- align-items: center;
467
- justify-content: center;
348
+ .c-grid-layout .grid-stats[data-v-5debeeab] {
349
+ margin-top: 0.75rem;
350
+ font-size: 0.875rem;
468
351
  }
469
- .tab-header[data-v-cbd5e822] {
470
- margin-bottom: 16px;
471
- padding-bottom: 12px;
472
- border-bottom: 1px solid var(--n-border-color);
473
352
  }
474
- .tab-description[data-v-cbd5e822] {
475
- margin: 0;
476
- font-size: 14px;
477
- line-height: 1.5;
478
- opacity: 0.8;
353
+ @media (max-width: 480px) {
354
+ .c-grid-layout .config-panel[data-v-5debeeab] {
355
+ margin-bottom: 0.75rem;
479
356
  }
480
- .tab-form-items[data-v-cbd5e822] {
481
- width: 100%;
482
357
  }
483
- .tab-empty[data-v-cbd5e822] {
484
- padding: 40px 0;
358
+ /* 主题适配 */
359
+ [data-v-5debeeab] .n-card {
360
+ --n-border-radius: 8px;
485
361
  }
486
- .tabs-actions[data-v-cbd5e822] {
487
- margin-top: 16px;
488
- padding-top: 12px;
489
- border-top: 1px solid var(--n-border-color);
362
+ [data-v-5debeeab] .n-input-number {
363
+ --n-width: 100%;
490
364
  }
491
365
 
492
- /* 响应式设计 */
493
- @media (max-width: 768px) {
494
- .tabs-actions[data-v-cbd5e822] {
495
- margin-top: 12px;
496
- padding-top: 8px;
497
- }
498
- .tabs-actions[data-v-cbd5e822] .n-space {
499
- flex-wrap: wrap;
366
+ /* 暗色主题 */
367
+ @media (prefers-color-scheme: dark) {
368
+ .c-grid-layout .grid-container .grid-item .item-wrapper[data-v-5debeeab]:hover {
369
+ background-color: rgba(255, 255, 255, 0.05);
500
370
  }
501
371
  }
502
372
  /* unplugin-vue-components disabled */
503
373
  /* layer: default */
504
- .visible[data-v-cbd5e822]{visibility:visible;}
505
- .grid[data-v-cbd5e822]{display:grid;}
506
- .inline[data-v-cbd5e822]{display:inline;}
507
- .tab[data-v-cbd5e822]{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}
508
- .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);}
374
+ .visible[data-v-ee5e4509]{visibility:visible;}
375
+ .grid[data-v-ee5e4509]{display:grid;}
376
+ .inline[data-v-ee5e4509]{display:inline;}
377
+ .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);}
509
378
 
510
379
  /* unplugin-vue-components disabled *//* Steps 布局样式 */
511
380
  .c-form-steps[data-v-ee5e4509] {
@@ -594,12 +463,94 @@ to {
594
463
  animation: none !important;
595
464
  }
596
465
  }
466
+ /* unplugin-vue-components disabled *//* Inline 布局样式 */
467
+ .c-form-inline[data-v-195d0124] {
468
+ width: 100%;
469
+ min-height: 0;
470
+ transition: all 0.3s ease;
471
+ }
472
+ .c-form-inline-item[data-v-195d0124] {
473
+ min-width: 0;
474
+ transition: all 0.3s ease;
475
+ }
476
+
477
+ /* 确保内部所有表单组件都占满容器宽度 */
478
+ .c-form-inline-item[data-v-195d0124] .n-form-item {
479
+ width: 100%;
480
+ margin-bottom: 0;
481
+ }
482
+ .c-form-inline-item[data-v-195d0124] .n-form-item-blank {
483
+ width: 100%;
484
+ }
485
+ .c-form-inline-item[data-v-195d0124] .n-input,
486
+ .c-form-inline-item[data-v-195d0124] .n-select,
487
+ .c-form-inline-item[data-v-195d0124] .n-date-picker,
488
+ .c-form-inline-item[data-v-195d0124] .n-time-picker,
489
+ .c-form-inline-item[data-v-195d0124] .n-input-number,
490
+ .c-form-inline-item[data-v-195d0124] .n-cascader,
491
+ .c-form-inline-item[data-v-195d0124] .n-color-picker,
492
+ .c-form-inline-item[data-v-195d0124] .n-auto-complete,
493
+ .c-form-inline-item[data-v-195d0124] .n-tree-select {
494
+ width: 100% !important;
495
+ }
496
+
497
+ /* 单选框和复选框组保持自然宽度 */
498
+ .c-form-inline-item[data-v-195d0124] .n-radio-group,
499
+ .c-form-inline-item[data-v-195d0124] .n-checkbox-group {
500
+ width: 100%;
501
+ display: flex;
502
+ flex-wrap: wrap;
503
+ gap: 8px;
504
+ }
505
+
506
+ /* 开关组件居左对齐 */
507
+ .c-form-inline-item[data-v-195d0124] .n-switch {
508
+ width: auto;
509
+ }
510
+
511
+ /* ================= 对齐方式样式增强 ================= */
512
+ /* 当容器使用 center 对齐时,确保表单项也居中 */
513
+ .c-form-inline[style*="justify-content: center"] .c-form-inline-item[data-v-195d0124] {
514
+ text-align: center;
515
+ }
516
+
517
+ /* 当容器使用 end 对齐时,确保表单项也右对齐 */
518
+ .c-form-inline[style*="justify-content: flex-end"] .c-form-inline-item[data-v-195d0124] {
519
+ text-align: right;
520
+ }
521
+
522
+ /* 当容器使用 start 对齐时,确保表单项左对齐 */
523
+ .c-form-inline[style*="justify-content: flex-start"] .c-form-inline-item[data-v-195d0124] {
524
+ text-align: left;
525
+ }
526
+
527
+ /* ================= 响应式设计 ================= */
528
+ /* 移动设备 - 改为垂直布局 */
529
+ @media (max-width: 768px) {
530
+ .c-form-inline[data-v-195d0124] {
531
+ flex-direction: column !important;
532
+ gap: 12px !important;
533
+ justify-content: flex-start !important;
534
+ }
535
+ .c-form-inline-item[data-v-195d0124] {
536
+ width: 100% !important;
537
+ text-align: left !important;
538
+ }
539
+ }
540
+ /* 小屏手机 */
541
+ @media (max-width: 480px) {
542
+ .c-form-inline[data-v-195d0124] {
543
+ gap: 8px !important;
544
+ }
545
+ }
597
546
  /* unplugin-vue-components disabled */
598
547
  /* layer: default */
599
- .visible[data-v-ee5e4509]{visibility:visible;}
600
- .grid[data-v-ee5e4509]{display:grid;}
601
- .inline[data-v-ee5e4509]{display:inline;}
602
- .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);}
548
+ .visible[data-v-195d0124]{visibility:visible;}
549
+ .grid[data-v-195d0124]{display:grid;}
550
+ .inline[data-v-195d0124]{display:inline;}
551
+ .flex[data-v-195d0124]{display:flex;}
552
+ .px[data-v-195d0124]{padding-left:1rem;padding-right:1rem;}
553
+ .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);}
603
554
 
604
555
  /* unplugin-vue-components disabled *//* Dynamic 布局样式 */
605
556
  .c-form-dynamic[data-v-1779d19c] {
@@ -675,6 +626,13 @@ to {
675
626
  border-color: currentColor;
676
627
  }
677
628
  }
629
+ /* unplugin-vue-components disabled */
630
+ /* layer: default */
631
+ .visible[data-v-858beb3e]{visibility:visible;}
632
+ .grid[data-v-858beb3e]{display:grid;}
633
+ .inline[data-v-858beb3e]{display:inline;}
634
+ .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);}
635
+
678
636
  /* unplugin-vue-components disabled */
679
637
  /* layer: default */
680
638
  .visible[data-v-1779d19c]{visibility:visible;}
@@ -682,6 +640,14 @@ to {
682
640
  .inline[data-v-1779d19c]{display:inline;}
683
641
  .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);}
684
642
 
643
+ /* unplugin-vue-components disabled */
644
+ /* layer: default */
645
+ .visible[data-v-cbd5e822]{visibility:visible;}
646
+ .grid[data-v-cbd5e822]{display:grid;}
647
+ .inline[data-v-cbd5e822]{display:inline;}
648
+ .tab[data-v-cbd5e822]{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}
649
+ .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);}
650
+
685
651
  /* unplugin-vue-components disabled *//* Custom 布局样式 */
686
652
  .custom-layout .toolbar-card[data-v-858beb3e] {
687
653
  margin-bottom: 16px;
@@ -1027,19 +993,55 @@ to {
1027
993
  grid-template-columns: repeat(2, 1fr);
1028
994
  }
1029
995
  }
1030
- /* unplugin-vue-components disabled */
1031
- /* layer: default */
1032
- .visible[data-v-858beb3e]{visibility:visible;}
1033
- .grid[data-v-858beb3e]{display:grid;}
1034
- .inline[data-v-858beb3e]{display:inline;}
1035
- .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);}
1036
-
1037
- /* unplugin-vue-components disabled */
1038
- /* layer: default */
1039
- .visible[data-v-6ce5207d]{visibility:visible;}
1040
- .grid[data-v-6ce5207d]{display:grid;}
1041
- .inline[data-v-6ce5207d]{display:inline;}
1042
- .table[data-v-6ce5207d]{display:table;}
1043
- .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);}
1044
- .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);}
996
+ /* unplugin-vue-components disabled *//* Tabs 布局样式 */
997
+ .c-form-tabs[data-v-cbd5e822] {
998
+ width: 100%;
999
+ }
1000
+ .single-panel[data-v-cbd5e822] {
1001
+ width: 100%;
1002
+ }
1003
+ .tabs-container[data-v-cbd5e822] {
1004
+ width: 100%;
1005
+ }
1006
+ .form-tabs[data-v-cbd5e822] {
1007
+ width: 100%;
1008
+ }
1009
+ .tab-icon[data-v-cbd5e822] {
1010
+ font-size: 16px;
1011
+ display: inline-flex;
1012
+ align-items: center;
1013
+ justify-content: center;
1014
+ }
1015
+ .tab-header[data-v-cbd5e822] {
1016
+ margin-bottom: 16px;
1017
+ padding-bottom: 12px;
1018
+ border-bottom: 1px solid var(--n-border-color);
1019
+ }
1020
+ .tab-description[data-v-cbd5e822] {
1021
+ margin: 0;
1022
+ font-size: 14px;
1023
+ line-height: 1.5;
1024
+ opacity: 0.8;
1025
+ }
1026
+ .tab-form-items[data-v-cbd5e822] {
1027
+ width: 100%;
1028
+ }
1029
+ .tab-empty[data-v-cbd5e822] {
1030
+ padding: 40px 0;
1031
+ }
1032
+ .tabs-actions[data-v-cbd5e822] {
1033
+ margin-top: 16px;
1034
+ padding-top: 12px;
1035
+ border-top: 1px solid var(--n-border-color);
1036
+ }
1045
1037
 
1038
+ /* 响应式设计 */
1039
+ @media (max-width: 768px) {
1040
+ .tabs-actions[data-v-cbd5e822] {
1041
+ margin-top: 12px;
1042
+ padding-top: 8px;
1043
+ }
1044
+ .tabs-actions[data-v-cbd5e822] .n-space {
1045
+ flex-wrap: wrap;
1046
+ }
1047
+ }