@robot-admin/naive-ui-components 0.14.2 → 0.15.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (255) hide show
  1. package/CHANGELOG.md +30 -0
  2. package/README.md +130 -721
  3. package/README_EN.md +137 -658
  4. package/dist/C_ActionBar.css +57 -58
  5. package/dist/C_ActionBar2.cjs +1 -1
  6. package/dist/C_ActionBar2.js +1 -1
  7. package/dist/C_AntV.css +215 -222
  8. package/dist/C_AntV2.cjs +2 -2
  9. package/dist/C_AntV2.js +2 -2
  10. package/dist/C_AudioPlayer.css +11 -12
  11. package/dist/C_AvatarGroup.css +5 -6
  12. package/dist/C_Barcode.css +1 -1
  13. package/dist/C_Breadcrumb.css +15 -17
  14. package/dist/C_Breadcrumb2.cjs +1 -1
  15. package/dist/C_Breadcrumb2.js +1 -1
  16. package/dist/C_Captcha.css +45 -47
  17. package/dist/C_Captcha2.cjs +1 -1
  18. package/dist/C_Captcha2.js +1 -1
  19. package/dist/C_Cascade.css +2 -2
  20. package/dist/C_Chat.css +8 -8
  21. package/dist/C_City.css +6 -7
  22. package/dist/C_Code.css +14 -15
  23. package/dist/C_CollapsePanel.css +12 -13
  24. package/dist/C_ContextMenu.css +31 -31
  25. package/dist/C_Cron.css +272 -275
  26. package/dist/C_Date.css +1 -1
  27. package/dist/C_Draggable.css +10 -11
  28. package/dist/C_Editor.css +2 -2
  29. package/dist/C_FilePreview.css +193 -193
  30. package/dist/C_Form.base.css +607 -601
  31. package/dist/C_Form.cjs +1 -1
  32. package/dist/C_Form.css +609 -603
  33. package/dist/C_Form.d.cts +2 -2
  34. package/dist/C_Form.d.ts +2 -2
  35. package/dist/C_Form.js +1 -1
  36. package/dist/C_FormModal.cjs +1 -1
  37. package/dist/C_FormModal.css +14 -20
  38. package/dist/C_FormModal.js +1 -1
  39. package/dist/C_FormModal2.cjs +1 -1
  40. package/dist/C_FormModal2.js +1 -1
  41. package/dist/C_FormSearch.css +53 -55
  42. package/dist/C_FormSearch2.cjs +1 -1
  43. package/dist/C_FormSearch2.js +1 -1
  44. package/dist/C_FormulaEditor.css +314 -315
  45. package/dist/C_FullCalendar.css +14 -16
  46. package/dist/C_FullCalendar2.cjs +1 -1
  47. package/dist/C_FullCalendar2.js +1 -1
  48. package/dist/C_GlobalSearch.css +2 -2
  49. package/dist/C_Guide.css +14 -15
  50. package/dist/C_Icon.css +7 -8
  51. package/dist/C_ImageCropper.css +69 -69
  52. package/dist/C_Language.css +8 -8
  53. package/dist/C_Loading.css +20 -22
  54. package/dist/C_Loading2.cjs +1 -1
  55. package/dist/C_Loading2.js +1 -1
  56. package/dist/C_Login.css +130 -135
  57. package/dist/C_Login2.cjs +1 -1
  58. package/dist/C_Login2.js +1 -1
  59. package/dist/C_Map.css +22 -23
  60. package/dist/C_Markdown.css +2 -2
  61. package/dist/C_Menu.css +2 -5
  62. package/dist/C_Menu2.cjs +1 -1
  63. package/dist/C_Menu2.js +1 -1
  64. package/dist/C_NotificationCenter.css +300 -301
  65. package/dist/C_OrgChart.css +3 -3
  66. package/dist/C_PageLoading.css +35 -39
  67. package/dist/C_QRCode.css +5 -6
  68. package/dist/C_Signature.css +5 -6
  69. package/dist/C_Skeleton.css +6 -7
  70. package/dist/C_SplitPane.css +2 -2
  71. package/dist/C_Steps.css +2 -2
  72. package/dist/C_Table.base.css +1097 -870
  73. package/dist/C_Table.cjs +1 -1
  74. package/dist/C_Table.css +1101 -874
  75. package/dist/C_Table.d.cts +1 -1
  76. package/dist/C_Table.d.ts +1 -1
  77. package/dist/C_Table.js +1 -1
  78. package/dist/C_Tabs.css +2 -2
  79. package/dist/C_TagsView.css +72 -76
  80. package/dist/C_TagsView2.cjs +1 -1
  81. package/dist/C_TagsView2.js +1 -1
  82. package/dist/C_Theme.css +7 -8
  83. package/dist/C_Time.css +1 -1
  84. package/dist/C_Timeline.css +8 -8
  85. package/dist/C_Transfer.css +10 -11
  86. package/dist/C_Tree.css +16 -17
  87. package/dist/C_Upload.css +147 -148
  88. package/dist/C_VideoPlayer.css +280 -281
  89. package/dist/C_VtableGantt.css +2 -2
  90. package/dist/C_WaterFall.css +17 -18
  91. package/dist/C_WorkFlow.css +453 -457
  92. package/dist/C_WorkFlow2.cjs +1 -1
  93. package/dist/C_WorkFlow2.js +1 -1
  94. package/dist/Card.cjs +1 -0
  95. package/dist/Card.js +1 -0
  96. package/dist/Custom.cjs +1 -0
  97. package/dist/Custom.js +1 -0
  98. package/dist/Dynamic.cjs +1 -0
  99. package/dist/Dynamic.js +1 -0
  100. package/dist/Steps.cjs +1 -0
  101. package/dist/Steps.js +1 -0
  102. package/dist/Tabs.cjs +1 -0
  103. package/dist/Tabs.js +1 -0
  104. package/dist/cascader.cjs +1 -0
  105. package/dist/cascader.js +1 -0
  106. package/dist/color-picker.cjs +1 -0
  107. package/dist/color-picker.js +1 -0
  108. package/dist/constants.d.cts +1 -1
  109. package/dist/constants.d.ts +1 -1
  110. package/dist/constants3.d.cts +5 -5
  111. package/dist/constants3.d.ts +5 -5
  112. package/dist/constants4.d.cts +4 -4
  113. package/dist/constants4.d.ts +4 -4
  114. package/dist/constants5.d.cts +2 -2
  115. package/dist/constants5.d.ts +2 -2
  116. package/dist/context.cjs +1 -0
  117. package/dist/context.js +1 -0
  118. package/dist/contracts.d.cts +24 -0
  119. package/dist/contracts.d.ts +24 -0
  120. package/dist/createPageLoading.cjs +1 -1
  121. package/dist/createPageLoading.js +1 -1
  122. package/dist/data.cjs +1 -1
  123. package/dist/data.d.cts +9 -9
  124. package/dist/data.d.ts +9 -9
  125. package/dist/data.js +1 -1
  126. package/dist/date-picker.cjs +1 -0
  127. package/dist/date-picker.js +1 -0
  128. package/dist/feedback.cjs +1 -0
  129. package/dist/feedback.js +1 -0
  130. package/dist/helpers.cjs +1 -1
  131. package/dist/helpers.js +1 -1
  132. package/dist/index.cjs +1 -1
  133. package/dist/index.d.cts +6 -4
  134. package/dist/index.d.ts +6 -4
  135. package/dist/index.js +1 -1
  136. package/dist/index.vue.d.cts +4 -4
  137. package/dist/index.vue.d.ts +4 -4
  138. package/dist/index10.vue.d.cts +3 -3
  139. package/dist/index11.vue.d.ts +2 -2
  140. package/dist/index12.vue.d.cts +2 -2
  141. package/dist/index12.vue.d.ts +1 -1
  142. package/dist/index13.vue.d.cts +1 -1
  143. package/dist/index13.vue.d.ts +3 -3
  144. package/dist/index14.vue.d.cts +3 -3
  145. package/dist/index14.vue.d.ts +7 -7
  146. package/dist/index15.vue.d.cts +7 -7
  147. package/dist/index16.vue.d.ts +1 -1
  148. package/dist/index17.vue.d.cts +1 -1
  149. package/dist/index17.vue.d.ts +1 -1
  150. package/dist/index18.vue.d.cts +1 -1
  151. package/dist/index18.vue.d.ts +1 -1
  152. package/dist/index19.vue.d.cts +1 -1
  153. package/dist/index19.vue.d.ts +2 -9
  154. package/dist/index2.vue.d.cts +2 -2
  155. package/dist/index2.vue.d.ts +2 -2
  156. package/dist/index20.vue.d.cts +1 -1
  157. package/dist/index20.vue.d.ts +1 -1
  158. package/dist/index21.vue.d.cts +1 -1
  159. package/dist/index21.vue.d.ts +1 -1
  160. package/dist/index22.vue.d.cts +2 -2
  161. package/dist/index22.vue.d.ts +2 -2
  162. package/dist/index23.vue.d.cts +1 -1
  163. package/dist/index23.vue.d.ts +1 -1
  164. package/dist/index25.vue.d.cts +4 -4
  165. package/dist/index25.vue.d.ts +4 -4
  166. package/dist/index26.vue.d.cts +1 -1
  167. package/dist/index26.vue.d.ts +1 -1
  168. package/dist/index27.vue.d.cts +4 -4
  169. package/dist/index27.vue.d.ts +4 -4
  170. package/dist/index28.vue.d.cts +1 -1
  171. package/dist/index28.vue.d.ts +1 -1
  172. package/dist/index3.vue.d.cts +4 -4
  173. package/dist/index3.vue.d.ts +4 -4
  174. package/dist/index4.vue.d.cts +2 -9
  175. package/dist/index6.vue.d.ts +3 -3
  176. package/dist/index7.vue.d.cts +3 -3
  177. package/dist/index8.vue.d.ts +2 -2
  178. package/dist/index9.vue.d.cts +2 -2
  179. package/dist/index9.vue.d.ts +3 -3
  180. package/dist/mapUtils.d.cts +2 -2
  181. package/dist/mapUtils.d.ts +2 -2
  182. package/dist/presets.d.cts +8 -2
  183. package/dist/presets.d.ts +8 -2
  184. package/dist/rate.cjs +1 -0
  185. package/dist/rate.js +1 -0
  186. package/dist/slider.cjs +1 -0
  187. package/dist/slider.js +1 -0
  188. package/dist/style.css +10898 -10915
  189. package/dist/time-picker.cjs +1 -0
  190. package/dist/time-picker.js +1 -0
  191. package/dist/upload.cjs +1 -0
  192. package/dist/upload.js +1 -0
  193. package/dist/useActionTask.cjs +1 -0
  194. package/dist/useActionTask.js +1 -0
  195. package/dist/useCalendarEvents.d.cts +1 -1
  196. package/dist/useCalendarEvents.d.ts +1 -1
  197. package/dist/useCollapsePanel.d.cts +4 -4
  198. package/dist/useCollapsePanel.d.ts +4 -4
  199. package/dist/useComponentLocale.cjs +1 -0
  200. package/dist/useComponentLocale.js +1 -0
  201. package/dist/useCropperCore.d.cts +6 -6
  202. package/dist/useCropperCore.d.ts +6 -6
  203. package/dist/useDraggableLayout.d.cts +1 -1
  204. package/dist/useDraggableLayout.d.ts +1 -1
  205. package/dist/useDynamicFormState.cjs +1 -0
  206. package/dist/useDynamicFormState.d.cts +64 -40
  207. package/dist/useDynamicFormState.d.ts +64 -40
  208. package/dist/useDynamicFormState.js +1 -0
  209. package/dist/useEdgeInteraction.d.cts +3 -3
  210. package/dist/useEdgeInteraction.d.ts +3 -3
  211. package/dist/useGlobalSearch.d.cts +1 -1
  212. package/dist/useGlobalSearch.d.ts +1 -1
  213. package/dist/useQRCode.d.cts +2 -2
  214. package/dist/useQRCode.d.ts +2 -2
  215. package/dist/useSearchState.d.cts +15 -725
  216. package/dist/useSearchState.d.ts +15 -834
  217. package/dist/useSignatureHistory.d.cts +4 -4
  218. package/dist/useSignatureHistory.d.ts +4 -4
  219. package/dist/useSplitResize.d.cts +3 -3
  220. package/dist/useSplitResize.d.ts +3 -3
  221. package/dist/useTableQuery.cjs +3 -3
  222. package/dist/useTableQuery.d.cts +73 -34
  223. package/dist/useTableQuery.d.ts +73 -34
  224. package/dist/useTableQuery.js +3 -3
  225. package/dist/useTimeSelection.d.cts +1 -1
  226. package/dist/useTimeSelection.d.ts +1 -1
  227. package/dist/useTreeOperations.d.cts +5 -5
  228. package/dist/useTreeOperations.d.ts +5 -5
  229. package/dist/useWorkflowValidation.d.cts +3 -3
  230. package/dist/useWorkflowValidation.d.ts +3 -3
  231. package/dist/verification.d.cts +4 -4
  232. package/dist/verification.d.ts +4 -4
  233. package/docs/architecture.en.md +83 -0
  234. package/docs/architecture.md +83 -0
  235. package/docs/assets/README.md +47 -0
  236. package/docs/assets/naive-ui-components-banner.png +0 -0
  237. package/docs/assets/naive-ui-components-banner.svg +69 -0
  238. package/docs/assets/naive-ui-components-logo.png +0 -0
  239. package/docs/assets/naive-ui-components-logo.svg +22 -0
  240. package/docs/components.en.md +118 -0
  241. package/docs/components.md +118 -0
  242. package/docs/engineering.en.md +132 -0
  243. package/docs/engineering.md +133 -0
  244. package/docs/guides/usage.en.md +638 -0
  245. package/docs/guides/usage.md +699 -0
  246. package/docs/performance-0.15.0.md +20 -0
  247. package/docs/security-scan-2026-10-06.md +11 -0
  248. package/docs/security-scan-2026-10-18.md +16 -0
  249. package/package.json +35 -12
  250. package/dist/C_Form2.cjs +0 -1
  251. package/dist/C_Form2.js +0 -1
  252. package/dist/config.cjs +0 -1
  253. package/dist/config.d.cts +0 -33
  254. package/dist/config.d.ts +0 -33
  255. package/dist/config.js +0 -1
package/dist/C_Form.css CHANGED
@@ -15,7 +15,7 @@
15
15
  @keyframes w-e-table-cell-selection-pulse{0%,to{opacity:1}50%{opacity:.72}}.w-e-text-container [data-slate-editor] .table-container{border-radius:0;margin-top:10px;overflow-x:auto;padding:0;position:relative;width:100%}.w-e-text-container [data-slate-editor] table{border-collapse:collapse;table-layout:fixed}.w-e-text-container [data-slate-editor] table td,.w-e-text-container [data-slate-editor] table th{border:1px solid var(--w-e-textarea-border-color);line-height:1.5;min-width:30px;overflow:hidden;overflow-wrap:break-word;padding:3px 5px;white-space:pre-wrap;word-break:break-all}.w-e-text-container [data-slate-editor] table th{background-color:var(--w-e-textarea-slight-bg-color);font-weight:700;text-align:center}.w-e-text-container [data-slate-editor] .w-e-table-selection-overlay{height:0;left:0;overflow:visible;pointer-events:none;position:absolute;top:0;width:0;z-index:2}.w-e-text-container [data-slate-editor] .w-e-table-selection-segment{background-color:hsla(0,0%,100%,.95);box-sizing:border-box;pointer-events:none;position:absolute}.w-e-text-container [data-slate-editor] .w-e-table-selection-segment:after{animation:w-e-table-cell-selection-pulse 1.2s ease-in-out infinite;background-color:#002d87;content:"";position:absolute}.w-e-text-container [data-slate-editor] .w-e-table-selection-segment-horizontal:after{height:2px;left:0;width:100%}.w-e-text-container [data-slate-editor] .w-e-table-selection-segment-vertical:after{height:100%;top:0;width:2px}.w-e-text-container [data-slate-editor] .w-e-table-selection-segment-top:after{top:0}.w-e-text-container [data-slate-editor] .w-e-table-selection-segment-right:after{right:0}.w-e-text-container [data-slate-editor] .w-e-table-selection-segment-bottom:after{bottom:0}.w-e-text-container [data-slate-editor] .w-e-table-selection-segment-left:after{left:0}.w-e-text-container [data-slate-editor] table.table-selection-none ::-moz-selection{background:none}.w-e-text-container [data-slate-editor] table.table-selection-none ::selection{background:none}.w-e-text-container [data-slate-editor] .column-resizer{display:flex;height:0;left:0;position:absolute;top:0;width:0;z-index:1}.w-e-text-container [data-slate-editor] .column-resizer .column-resizer-item{position:relative}.w-e-text-container [data-slate-editor] .resizer-line-hotzone{cursor:col-resize;opacity:0;position:absolute;right:0;transition:opacity .2s ease,visibility .2s ease;visibility:hidden;width:6px}.w-e-text-container [data-slate-editor] .resizer-line-hotzone .resizer-line{background:rgba(20,86,240,.8);height:100%;margin-left:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:2px}.w-e-text-container [data-slate-editor] .resizer-line-hotzone.visible{visibility:visible}.w-e-text-container [data-slate-editor] .resizer-line-hotzone.highlight{opacity:1}.w-e-text-container [data-slate-editor] .row-resizer{display:flex;flex-direction:column;height:0;left:0;position:absolute;top:0;width:0;z-index:1}.w-e-text-container [data-slate-editor] .row-resizer .row-resizer-item{position:relative}.w-e-text-container [data-slate-editor] .resizer-line-hotzone-horizontal{bottom:0;cursor:row-resize;height:6px;opacity:0;position:absolute;transition:opacity .2s ease,visibility .2s ease;visibility:hidden}.w-e-text-container [data-slate-editor] .resizer-line-hotzone-horizontal .resizer-line-horizontal{background:rgba(20,86,240,.8);height:2px;margin-top:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.w-e-text-container [data-slate-editor] .resizer-line-hotzone-horizontal.visible{visibility:visible}.w-e-text-container [data-slate-editor] .resizer-line-hotzone-horizontal.highlight{opacity:1}@media (prefers-reduced-motion:reduce){.w-e-text-container [data-slate-editor] .w-e-table-selection-segment:after{animation:none}}.w-e-panel-content-table{background-color:var(--w-e-toolbar-bg-color)}.w-e-panel-content-table table{border-collapse:collapse;table-layout:fixed}.w-e-panel-content-table td,.w-e-panel-content-table th{overflow:hidden;overflow-wrap:break-word;white-space:pre-wrap;word-break:break-all}.w-e-panel-content-table td{border:1px solid var(--w-e-toolbar-border-color);cursor:pointer;height:15px;padding:3px 5px;width:20px}.w-e-panel-content-table td.active{background-color:var(--w-e-toolbar-active-bg-color)}.w-e-modal .w-e-table-property-modal{min-width:310px}.w-e-modal .w-e-table-property-modal .babel-container{align-items:center;display:flex;margin-bottom:10px}.w-e-modal .w-e-table-property-modal .babel-container>span{margin-bottom:0}.w-e-modal .w-e-table-property-modal .w-e-table-property-label{color:var(--w-e-toolbar-color);flex:0 0 82px;line-height:20px;min-height:32px;white-space:nowrap}.w-e-modal .w-e-table-property-modal .w-e-table-property-controls{flex:1;min-width:0}.w-e-modal .w-e-table-property-modal span.babel-container-number,.w-e-modal .w-e-table-property-modal span.babel-container-select{display:block}.w-e-modal .w-e-table-property-modal .w-e-table-property-select{display:block;position:relative;width:100%}.w-e-modal .w-e-table-property-modal .w-e-table-property-select-trigger{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-modal-button-border-color);border-radius:4px;color:var(--w-e-toolbar-color);height:32px;padding:4px 24px 4px 8px;position:relative;text-align:left;width:100%}.w-e-modal .w-e-table-property-modal .w-e-table-property-select-trigger:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--w-e-toolbar-disabled-color);content:"";height:0;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:0}.w-e-modal .w-e-table-property-modal .w-e-table-property-select-value{display:block;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w-e-modal .w-e-table-property-modal .w-e-table-property-select-panel{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-modal-button-border-color);border-radius:4px;box-shadow:0 2px 8px #0000001f;display:none;left:0;max-height:184px;overflow-y:auto;padding:4px;position:absolute;top:34px;width:100%;z-index:1}.w-e-modal .w-e-table-property-modal .w-e-table-property-select-option{background-color:transparent;border:0;border-radius:3px;display:block;height:28px;padding:4px 8px;text-align:left;width:100%}.w-e-modal .w-e-table-property-modal .w-e-table-property-select-option.active,.w-e-modal .w-e-table-property-modal .w-e-table-property-select-option:hover{background-color:var(--w-e-toolbar-active-bg-color)}.w-e-modal .w-e-table-property-modal .w-e-table-property-number{border:1px solid var(--w-e-modal-button-border-color);border-radius:4px;display:block;height:32px;position:relative;width:128px}.w-e-modal .w-e-table-property-modal .w-e-table-property-number input[type=number]{background-color:transparent;border:0;height:30px;padding-right:28px;width:100%}.w-e-modal .w-e-table-property-modal .w-e-table-property-unit{color:var(--w-e-toolbar-disabled-color);display:inline;line-height:1;margin-bottom:0;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.w-e-modal .w-e-table-property-modal span.babel-container-color{display:flex;min-height:32px}.w-e-modal .w-e-table-property-modal span.babel-container-align{display:flex}.w-e-modal .w-e-table-property-modal .w-e-table-property-align,.w-e-modal .w-e-table-property-modal .w-e-table-property-segment{border:1px solid var(--w-e-modal-button-border-color);border-radius:4px;display:inline-flex;overflow:hidden;width:-moz-fit-content;width:fit-content}.w-e-modal .w-e-table-property-modal .w-e-table-property-segment-fill{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.w-e-modal .w-e-table-property-modal .w-e-table-property-segment-fill .w-e-table-property-segment-button{min-width:0}.w-e-modal .w-e-table-property-modal .w-e-table-property-align-button,.w-e-modal .w-e-table-property-modal .w-e-table-property-segment-button{align-items:center;background-color:var(--w-e-modal-button-bg-color);border:0;border-radius:0;border-right:1px solid var(--w-e-modal-button-border-color);color:var(--w-e-toolbar-color);display:inline-flex;height:32px;justify-content:center;padding:0;transition:background-color .2s ease,color .2s ease}.w-e-modal .w-e-table-property-modal .w-e-table-property-align-button:last-child,.w-e-modal .w-e-table-property-modal .w-e-table-property-segment-button:last-child{border-right:0}.w-e-modal .w-e-table-property-modal .w-e-table-property-align-button:hover,.w-e-modal .w-e-table-property-modal .w-e-table-property-segment-button:hover{background-color:var(--w-e-toolbar-active-bg-color)}.w-e-modal .w-e-table-property-modal .w-e-table-property-align-button.active,.w-e-modal .w-e-table-property-modal .w-e-table-property-segment-button.active{background-color:var(--w-e-toolbar-active-bg-color);box-shadow:inset 0 -2px 0 var(--w-e-toolbar-active-color);color:var(--w-e-toolbar-active-color)}.w-e-modal .w-e-table-property-modal .w-e-table-property-align-button svg,.w-e-modal .w-e-table-property-modal .w-e-table-property-segment-button svg{fill:currentColor;height:15px;width:15px}.w-e-modal .w-e-table-property-modal .w-e-table-property-align-button{width:36px}.w-e-modal .w-e-table-property-modal .w-e-table-property-segment-button{min-width:48px;padding:0 10px}.w-e-modal .w-e-table-property-modal .color-group{align-items:center;background-color:var(--w-e-modal-button-bg-color);border:1px solid var(--w-e-modal-button-border-color);border-radius:4px;cursor:pointer;display:inline-flex;height:32px;margin-bottom:0;max-width:168px;padding:4px 22px 4px 6px;position:relative;width:100%}.w-e-modal .w-e-table-property-modal .color-group:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--w-e-toolbar-disabled-color);content:"";height:0;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:0}.w-e-modal .w-e-table-property-modal .color-group[data-mixed=true] .color-group-block{opacity:.28}.w-e-modal .w-e-table-property-modal .color-group[data-mixed=true] .color-group-label{color:var(--w-e-toolbar-disabled-color)}.w-e-modal .w-e-table-property-modal .color-group:hover{background-color:var(--w-e-toolbar-active-bg-color)}.w-e-modal .w-e-table-property-modal .color-group .w-e-drop-panel{margin-top:30px}.w-e-modal .w-e-table-property-modal .color-group-wide{width:100%}.w-e-modal .w-e-table-property-modal .color-group-block{background-clip:padding-box;border:1px solid var(--w-e-textarea-slight-border-color);border-radius:3px;display:inline-flex;flex:0 0 18px;height:18px;margin-right:8px;min-height:18px;width:18px}.w-e-modal .w-e-table-property-modal .color-group-block svg{height:14px;margin:1px;width:14px}.w-e-modal .w-e-table-property-modal .color-group-label{color:var(--w-e-toolbar-color);line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w-e-modal .w-e-table-property-modal .button-container{border-top:1px solid var(--w-e-textarea-slight-border-color);display:flex;justify-content:flex-end;margin-bottom:0;margin-top:2px;padding-top:10px}.w-e-modal .w-e-table-property-modal .button-container button{background-color:var(--w-e-toolbar-active-bg-color);color:var(--w-e-toolbar-active-color);min-width:72px}.w-e-table-layout-fixed{table-layout:fixed}.w-e-table-border-style-solid{border-style:solid}.w-e-table-border-style-dotted{border-style:dotted}.w-e-table-border-style-dashed{border-style:dashed}.w-e-table-border-style-double{border-style:double}.w-e-table-border-style-groove{border-style:groove}.w-e-table-border-style-ridge{border-style:ridge}.w-e-table-border-style-inset{border-style:inset}.w-e-table-border-style-outset{border-style:outset}
16
16
 
17
17
  .w-e-video{box-sizing:border-box;display:flex;margin:0;max-width:100%;width:100%}.w-e-video>iframe,.w-e-video>video{display:block;max-width:100%}.w-e-textarea-video-container{background-image:linear-gradient(45deg,#eee 25%,transparent 0,transparent 75%,#eee 0,#eee),linear-gradient(45deg,#eee 25%,#fff 0,#fff 75%,#eee 0,#eee);background-position:0 0,10px 10px;background-size:20px 20px;border:1px dashed var(--w-e-textarea-border-color);border-radius:5px;margin-top:10px;overflow:auto;padding:10px 0}.w-e-video-align-left{justify-content:flex-start}.w-e-video-align-center{justify-content:center}.w-e-video-align-right{justify-content:flex-end}
18
- /* unplugin-vue-components disabled */
18
+
19
19
  /* CSS 变量 — 支持外部主题覆盖 */
20
20
  .c-editor[data-v-b7a5de58] {
21
21
  --c-editor-toolbar-bg: #ffffff;
@@ -95,7 +95,7 @@
95
95
  max-width: 100% !important;
96
96
  }
97
97
 
98
- /* unplugin-vue-components disabled */
98
+
99
99
  /* layer: default */
100
100
  .hidden[data-v-b7a5de58]{display:none;}
101
101
  .w-full[data-v-b7a5de58]{width:100%;}
@@ -103,194 +103,16 @@
103
103
  .transition[data-v-b7a5de58]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
104
104
  .ease[data-v-b7a5de58]{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}
105
105
 
106
- /* unplugin-vue-components disabled */
107
- /* layer: default */
108
- .visible[data-v-6ce5207d]{visibility:visible;}
109
- .grid[data-v-6ce5207d]{display:grid;}
110
- .inline[data-v-6ce5207d]{display:inline;}
111
- .table[data-v-6ce5207d]{display:table;}
112
- .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);}
113
- .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);}
114
-
115
- /* unplugin-vue-components disabled */
116
- .c-form-default[data-v-4313de0c] {
117
- width: 100%;
118
- }
119
-
120
- /* unplugin-vue-components disabled *//* Grid 布局样式 */
121
- /* 变量定义 */
122
- .c-grid-layout[data-v-5debeeab] {
123
- width: 100%;
124
- /* 配置面板 */
125
- }
126
- .c-grid-layout .config-panel[data-v-5debeeab] {
127
- margin-bottom: 1rem;
128
- }
129
- .c-grid-layout .config-panel .config-header[data-v-5debeeab] {
130
- display: flex;
131
- align-items: center;
132
- gap: 0.5rem;
133
- font-weight: 500;
134
- margin-bottom: 8px;
135
- }
136
- .c-grid-layout .config-panel .config-controls[data-v-5debeeab] {
137
- display: flex;
138
- gap: 1rem;
139
- flex-wrap: wrap;
140
- }
141
- .c-grid-layout .config-panel .config-controls .config-item[data-v-5debeeab] {
142
- display: flex;
143
- align-items: center;
144
- gap: 0.5rem;
145
- }
146
- .c-grid-layout .config-panel .config-controls .config-item .config-label[data-v-5debeeab] {
147
- font-size: 0.875rem;
148
- white-space: nowrap;
149
- min-width: 3rem;
150
- }
151
- .c-grid-layout[data-v-5debeeab] {
152
- /* 网格容器 */
153
- }
154
- .c-grid-layout .grid-container[data-v-5debeeab] {
155
- width: 100%;
156
- }
157
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab] {
158
- /* 进场动画 */
159
- animation: fadeInUp-5debeeab 0.3s ease-out both;
160
- }
161
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(1) {
162
- animation-delay: 0.05s;
163
- }
164
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(2) {
165
- animation-delay: 0.1s;
166
- }
167
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(3) {
168
- animation-delay: 0.15s;
169
- }
170
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(4) {
171
- animation-delay: 0.2s;
172
- }
173
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(5) {
174
- animation-delay: 0.25s;
175
- }
176
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(6) {
177
- animation-delay: 0.3s;
178
- }
179
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(7) {
180
- animation-delay: 0.35s;
181
- }
182
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(8) {
183
- animation-delay: 0.4s;
184
- }
185
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(9) {
186
- animation-delay: 0.45s;
187
- }
188
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(10) {
189
- animation-delay: 0.5s;
190
- }
191
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(11) {
192
- animation-delay: 0.55s;
193
- }
194
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(12) {
195
- animation-delay: 0.6s;
196
- }
197
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(13) {
198
- animation-delay: 0.65s;
199
- }
200
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(14) {
201
- animation-delay: 0.7s;
202
- }
203
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(15) {
204
- animation-delay: 0.75s;
205
- }
206
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(16) {
207
- animation-delay: 0.8s;
208
- }
209
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(17) {
210
- animation-delay: 0.85s;
211
- }
212
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(18) {
213
- animation-delay: 0.9s;
214
- }
215
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(19) {
216
- animation-delay: 0.95s;
217
- }
218
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(20) {
219
- animation-delay: 1s;
220
- }
221
- .c-grid-layout[data-v-5debeeab] {
222
- /* 统计信息 */
223
- }
224
- .c-grid-layout .grid-stats[data-v-5debeeab] {
225
- margin-top: 1rem;
226
- font-size: 0.875rem;
227
- opacity: 0.8;
228
- }
229
-
230
- /* 动画定义 */
231
- @keyframes fadeInUp-5debeeab {
232
- from {
233
- opacity: 0;
234
- transform: translateY(10px) scale(0.95);
235
- }
236
- to {
237
- opacity: 1;
238
- transform: translateY(0) scale(1);
239
- }
240
- }
241
- /* 表单控件统一宽度 */
242
- [data-v-5debeeab] .n-form-item .n-form-item-blank {
243
- /* 统一所有表单控件的宽度 */
244
- }
245
- [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 {
246
- width: 100% !important;
247
- }
248
-
249
- /* 响应式设计 */
250
- @media (max-width: 768px) {
251
- .c-grid-layout .config-panel .config-controls[data-v-5debeeab] {
252
- flex-direction: column;
253
- gap: 0.75rem;
254
- }
255
- .c-grid-layout .config-panel .config-controls .config-item[data-v-5debeeab] {
256
- justify-content: space-between;
257
- }
258
- .c-grid-layout .grid-container[data-v-5debeeab] .n-grid {
259
- gap: 0.5rem !important;
260
- }
261
- .c-grid-layout .grid-container .grid-item .item-wrapper[data-v-5debeeab] {
262
- padding: 0.125rem;
263
- }
264
- .c-grid-layout .grid-stats[data-v-5debeeab] {
265
- margin-top: 0.75rem;
266
- font-size: 0.875rem;
267
- }
268
- }
269
- @media (max-width: 480px) {
270
- .c-grid-layout .config-panel[data-v-5debeeab] {
271
- margin-bottom: 0.75rem;
272
- }
273
- }
274
- /* 主题适配 */
275
- [data-v-5debeeab] .n-card {
276
- --n-border-radius: 8px;
277
- }
278
- [data-v-5debeeab] .n-input-number {
279
- --n-width: 100%;
280
- }
281
106
 
282
- /* 暗色主题 */
283
- @media (prefers-color-scheme: dark) {
284
- .c-grid-layout .grid-container .grid-item .item-wrapper[data-v-5debeeab]:hover {
285
- background-color: rgba(255, 255, 255, 0.05);
286
- }
287
- }
288
- /* unplugin-vue-components disabled */
289
107
  /* layer: default */
290
- .px[data-v-5debeeab]{padding-left:1rem;padding-right:1rem;}
108
+ .visible[data-v-2843988e]{visibility:visible;}
109
+ .grid[data-v-2843988e]{display:grid;}
110
+ .inline[data-v-2843988e]{display:inline;}
111
+ .blur[data-v-2843988e]{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
112
+ .filter[data-v-2843988e]{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
291
113
 
292
- /* unplugin-vue-components disabled *//* Card 布局样式 */
293
- .c-form-card[data-v-28320dd2] {
114
+ /* Card 布局样式 */
115
+ .c-form-card[data-v-e28edf5e] {
294
116
  width: 100%;
295
117
  display: flex;
296
118
  flex-direction: column;
@@ -298,89 +120,89 @@ to {
298
120
  }
299
121
 
300
122
  /* ================= 配置面板 ================= */
301
- .layout-config-panel[data-v-28320dd2] {
123
+ .layout-config-panel[data-v-e28edf5e] {
302
124
  margin-bottom: 0;
303
125
  }
304
- .config-controls[data-v-28320dd2] {
126
+ .config-controls[data-v-e28edf5e] {
305
127
  display: flex;
306
128
  align-items: center;
307
129
  gap: 1.5rem;
308
130
  flex-wrap: wrap;
309
131
  }
310
132
  @media (max-width: 768px) {
311
- .config-controls[data-v-28320dd2] {
133
+ .config-controls[data-v-e28edf5e] {
312
134
  flex-direction: column;
313
135
  align-items: stretch;
314
136
  gap: 1rem;
315
137
  }
316
138
  }
317
- .config-item[data-v-28320dd2] {
139
+ .config-item[data-v-e28edf5e] {
318
140
  display: flex;
319
141
  align-items: center;
320
142
  gap: 0.75rem;
321
143
  font-size: 0.875rem;
322
144
  }
323
145
  @media (max-width: 768px) {
324
- .config-item[data-v-28320dd2] {
146
+ .config-item[data-v-e28edf5e] {
325
147
  justify-content: space-between;
326
148
  }
327
149
  }
328
150
 
329
151
  /* ================= 表单内容区域 ================= */
330
- .form-content[data-v-28320dd2] {
152
+ .form-content[data-v-e28edf5e] {
331
153
  display: flex;
332
154
  }
333
- .layout-single[data-v-28320dd2],
334
- .layout-vertical[data-v-28320dd2] {
155
+ .layout-single[data-v-e28edf5e],
156
+ .layout-vertical[data-v-e28edf5e] {
335
157
  flex-direction: column;
336
158
  }
337
- .layout-horizontal[data-v-28320dd2] {
159
+ .layout-horizontal[data-v-e28edf5e] {
338
160
  flex-direction: row;
339
161
  flex-wrap: wrap;
340
162
  }
341
- .layout-horizontal .group-card[data-v-28320dd2] {
163
+ .layout-horizontal .group-card[data-v-e28edf5e] {
342
164
  flex: 1;
343
165
  min-width: 0;
344
166
  }
345
167
  @media (max-width: 1200px) {
346
- .layout-horizontal[data-v-28320dd2] {
168
+ .layout-horizontal[data-v-e28edf5e] {
347
169
  flex-direction: column;
348
170
  }
349
171
  }
350
172
 
351
173
  /* ================= 卡片样式 ================= */
352
- .single-card[data-v-28320dd2],
353
- .group-card[data-v-28320dd2] {
174
+ .single-card[data-v-e28edf5e],
175
+ .group-card[data-v-e28edf5e] {
354
176
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
355
177
  border-left-width: 4px;
356
178
  }
357
- .single-card[data-v-28320dd2],
358
- .basic-card[data-v-28320dd2] {
179
+ .single-card[data-v-e28edf5e],
180
+ .basic-card[data-v-e28edf5e] {
359
181
  border-left-color: #3b82f6;
360
182
  }
361
- .contact-card[data-v-28320dd2] {
183
+ .contact-card[data-v-e28edf5e] {
362
184
  border-left-color: #22c55e;
363
185
  }
364
- .preferences-card[data-v-28320dd2] {
186
+ .preferences-card[data-v-e28edf5e] {
365
187
  border-left-color: #a855f7;
366
188
  }
367
- .group-card.collapsed .card-content[data-v-28320dd2] {
189
+ .group-card.collapsed .card-content[data-v-e28edf5e] {
368
190
  display: none;
369
191
  }
370
192
 
371
193
  /* ================= 卡片头部 ================= */
372
- .card-header[data-v-28320dd2] {
194
+ .card-header[data-v-e28edf5e] {
373
195
  display: flex;
374
196
  align-items: center;
375
197
  justify-content: space-between;
376
198
  width: 100%;
377
199
  }
378
- .header-info[data-v-28320dd2] {
200
+ .header-info[data-v-e28edf5e] {
379
201
  display: flex;
380
202
  align-items: center;
381
203
  gap: 1rem;
382
204
  }
383
- .card-icon[data-v-28320dd2] {
205
+ .card-icon[data-v-e28edf5e] {
384
206
  width: 2.5rem;
385
207
  height: 2.5rem;
386
208
  padding: 0.5rem;
@@ -392,474 +214,147 @@ to {
392
214
  justify-content: center;
393
215
  font-size: 1.125rem;
394
216
  }
395
- .header-text h3[data-v-28320dd2] {
217
+ .header-text h3[data-v-e28edf5e] {
396
218
  font-size: 1.125rem;
397
219
  font-weight: 600;
398
220
  margin: 0 0 0.25rem;
399
221
  }
400
- .header-text p[data-v-28320dd2] {
222
+ .header-text p[data-v-e28edf5e] {
401
223
  font-size: 0.875rem;
402
224
  color: #6b7280;
403
225
  margin: 0;
404
226
  }
405
- .header-actions[data-v-28320dd2] {
227
+ .header-actions[data-v-e28edf5e] {
406
228
  display: flex;
407
229
  align-items: center;
408
230
  gap: 0.75rem;
409
231
  }
410
- .field-stats[data-v-28320dd2] {
232
+ .field-stats[data-v-e28edf5e] {
411
233
  display: flex;
412
234
  gap: 0.5rem;
413
235
  }
414
236
 
415
237
  /* ================= 卡片内容 ================= */
416
- .card-content[data-v-28320dd2] {
238
+ .card-content[data-v-e28edf5e] {
417
239
  padding-top: 1rem;
418
240
  }
419
- .progress-section[data-v-28320dd2] {
241
+ .progress-section[data-v-e28edf5e] {
420
242
  padding-bottom: 1rem;
421
243
  }
422
244
 
423
245
  /* ================= 操作面板 ================= */
424
- .action-content[data-v-28320dd2] {
246
+ .action-content[data-v-e28edf5e] {
425
247
  display: flex;
426
248
  align-items: center;
427
249
  justify-content: space-between;
428
250
  gap: 1.5rem;
429
251
  }
430
252
  @media (max-width: 768px) {
431
- .action-content[data-v-28320dd2] {
253
+ .action-content[data-v-e28edf5e] {
432
254
  flex-direction: column;
433
255
  align-items: stretch;
434
256
  gap: 1rem;
435
257
  }
436
258
  }
437
- .status-summary[data-v-28320dd2] {
259
+ .status-summary[data-v-e28edf5e] {
438
260
  display: flex;
439
261
  gap: 1.5rem;
440
262
  align-items: center;
441
263
  flex-wrap: wrap;
442
264
  }
443
- .status-item[data-v-28320dd2] {
265
+ .status-item[data-v-e28edf5e] {
444
266
  display: flex;
445
267
  align-items: center;
446
268
  gap: 0.75rem;
447
269
  }
448
- .status-item .label[data-v-28320dd2] {
270
+ .status-item .label[data-v-e28edf5e] {
449
271
  font-size: 0.875rem;
450
272
  }
451
- .progress-display[data-v-28320dd2] {
273
+ .progress-display[data-v-e28edf5e] {
452
274
  display: flex;
453
275
  align-items: center;
454
276
  gap: 0.75rem;
455
277
  min-width: 8rem;
456
278
  }
457
- .action-buttons[data-v-28320dd2] {
279
+ .action-buttons[data-v-e28edf5e] {
458
280
  display: flex;
459
281
  gap: 0.75rem;
460
282
  }
461
- /* unplugin-vue-components disabled */
462
- /* layer: default */
463
- .mb-4[data-v-28320dd2]{margin-bottom:1rem;}
464
- .min-w-12[data-v-28320dd2]{min-width:3rem;}
465
- .w-24[data-v-28320dd2]{width:6rem;}
466
- .flex[data-v-28320dd2]{display:flex;}
467
- .flex-1[data-v-28320dd2]{flex:1 1 0%;}
468
- .items-center[data-v-28320dd2]{align-items:center;}
469
- .gap-2[data-v-28320dd2]{gap:0.5rem;}
470
- .gap-3[data-v-28320dd2]{gap:0.75rem;}
471
- .px[data-v-28320dd2]{padding-left:1rem;padding-right:1rem;}
472
- .text-sm[data-v-28320dd2]{font-size:0.875rem;line-height:1.25rem;}
473
- .text-xs[data-v-28320dd2]{font-size:0.75rem;line-height:1rem;}
474
283
 
475
- /* unplugin-vue-components disabled */
476
284
  /* layer: default */
477
- .visible[data-v-195d0124]{visibility:visible;}
478
- .grid[data-v-195d0124]{display:grid;}
479
- .inline[data-v-195d0124]{display:inline;}
480
- .flex[data-v-195d0124]{display:flex;}
481
- .px[data-v-195d0124]{padding-left:1rem;padding-right:1rem;}
482
- .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);}
483
-
484
- /* unplugin-vue-components disabled *//* Inline 布局样式 */
485
- .c-form-inline[data-v-195d0124] {
486
- width: 100%;
487
- min-height: 0;
488
- transition: all 0.3s ease;
489
- }
490
- .c-form-inline-item[data-v-195d0124] {
491
- min-width: 0;
492
- transition: all 0.3s ease;
493
- }
285
+ .visible[data-v-e28edf5e]{visibility:visible;}
286
+ .grid[data-v-e28edf5e]{display:grid;}
287
+ .mb-4[data-v-e28edf5e]{margin-bottom:1rem;}
288
+ .inline[data-v-e28edf5e]{display:inline;}
289
+ .min-w-12[data-v-e28edf5e]{min-width:3rem;}
290
+ .w-24[data-v-e28edf5e]{width:6rem;}
291
+ .flex[data-v-e28edf5e]{display:flex;}
292
+ .flex-1[data-v-e28edf5e]{flex:1 1 0%;}
293
+ .items-center[data-v-e28edf5e]{align-items:center;}
294
+ .gap-2[data-v-e28edf5e]{gap:0.5rem;}
295
+ .gap-3[data-v-e28edf5e]{gap:0.75rem;}
296
+ .px[data-v-e28edf5e]{padding-left:1rem;padding-right:1rem;}
297
+ .text-sm[data-v-e28edf5e]{font-size:0.875rem;line-height:1.25rem;}
298
+ .text-xs[data-v-e28edf5e]{font-size:0.75rem;line-height:1rem;}
299
+ .blur[data-v-e28edf5e]{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
494
300
 
495
- /* 确保内部所有表单组件都占满容器宽度 */
496
- .c-form-inline-item[data-v-195d0124] .n-form-item {
497
- width: 100%;
498
- margin-bottom: 0;
499
- }
500
- .c-form-inline-item[data-v-195d0124] .n-form-item-blank {
501
- width: 100%;
502
- }
503
- .c-form-inline-item[data-v-195d0124] .n-input,
504
- .c-form-inline-item[data-v-195d0124] .n-select,
505
- .c-form-inline-item[data-v-195d0124] .n-date-picker,
506
- .c-form-inline-item[data-v-195d0124] .n-time-picker,
507
- .c-form-inline-item[data-v-195d0124] .n-input-number,
508
- .c-form-inline-item[data-v-195d0124] .n-cascader,
509
- .c-form-inline-item[data-v-195d0124] .n-color-picker,
510
- .c-form-inline-item[data-v-195d0124] .n-auto-complete,
511
- .c-form-inline-item[data-v-195d0124] .n-tree-select {
512
- width: 100% !important;
301
+ /* Custom 布局样式 */
302
+ .custom-layout .toolbar-card[data-v-858beb3e] {
303
+ margin-bottom: 16px;
513
304
  }
514
-
515
- /* 单选框和复选框组保持自然宽度 */
516
- .c-form-inline-item[data-v-195d0124] .n-radio-group,
517
- .c-form-inline-item[data-v-195d0124] .n-checkbox-group {
518
- width: 100%;
305
+ .custom-layout .toolbar-card .toolbar-content[data-v-858beb3e] {
519
306
  display: flex;
307
+ justify-content: space-between;
308
+ align-items: center;
520
309
  flex-wrap: wrap;
521
- gap: 8px;
522
- }
523
-
524
- /* 开关组件居左对齐 */
525
- .c-form-inline-item[data-v-195d0124] .n-switch {
526
- width: auto;
527
- }
528
-
529
- /* ================= 对齐方式样式增强 ================= */
530
- /* 当容器使用 center 对齐时,确保表单项也居中 */
531
- .c-form-inline[style*="justify-content: center"] .c-form-inline-item[data-v-195d0124] {
532
- text-align: center;
533
- }
534
-
535
- /* 当容器使用 end 对齐时,确保表单项也右对齐 */
536
- .c-form-inline[style*="justify-content: flex-end"] .c-form-inline-item[data-v-195d0124] {
537
- text-align: right;
538
- }
539
-
540
- /* 当容器使用 start 对齐时,确保表单项左对齐 */
541
- .c-form-inline[style*="justify-content: flex-start"] .c-form-inline-item[data-v-195d0124] {
542
- text-align: left;
543
- }
544
-
545
- /* ================= 响应式设计 ================= */
546
- /* 移动设备 - 改为垂直布局 */
547
- @media (max-width: 768px) {
548
- .c-form-inline[data-v-195d0124] {
549
- flex-direction: column !important;
550
- gap: 12px !important;
551
- justify-content: flex-start !important;
310
+ gap: 16px;
552
311
  }
553
- .c-form-inline-item[data-v-195d0124] {
554
- width: 100% !important;
555
- text-align: left !important;
312
+ .custom-layout .toolbar-card .toolbar-content .mode-section[data-v-858beb3e],
313
+ .custom-layout .toolbar-card .toolbar-content .stats-section[data-v-858beb3e],
314
+ .custom-layout .toolbar-card .toolbar-content .actions-section[data-v-858beb3e] {
315
+ display: flex;
316
+ align-items: center;
317
+ gap: 12px;
556
318
  }
319
+ .custom-layout .toolbar-card .toolbar-content .section-label[data-v-858beb3e] {
320
+ font-size: 14px;
321
+ font-weight: 500;
557
322
  }
558
- /* 小屏手机 */
559
- @media (max-width: 480px) {
560
- .c-form-inline[data-v-195d0124] {
561
- gap: 8px !important;
323
+ .custom-layout .toolbar-card .toolbar-content .stat-item[data-v-858beb3e] {
324
+ text-align: center;
325
+ min-width: 60px;
562
326
  }
327
+ .custom-layout .toolbar-card .toolbar-content .stat-item .stat-value[data-v-858beb3e] {
328
+ display: block;
329
+ font-size: 18px;
330
+ font-weight: 600;
331
+ color: var(--n-primary-color);
563
332
  }
564
- /* unplugin-vue-components disabled */
565
- /* layer: default */
566
- .visible[data-v-1779d19c]{visibility:visible;}
567
- .grid[data-v-1779d19c]{display:grid;}
568
- .inline[data-v-1779d19c]{display:inline;}
569
- .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);}
570
-
571
- /* unplugin-vue-components disabled *//* Dynamic 布局样式 */
572
- .c-form-dynamic[data-v-1779d19c] {
573
- width: 100%;
333
+ .custom-layout .toolbar-card .toolbar-content .stat-item .stat-label[data-v-858beb3e] {
334
+ font-size: 12px;
335
+ opacity: 0.7;
336
+ margin-top: 4px;
574
337
  }
575
- .dynamic-controls[data-v-1779d19c],
576
- .dynamic-controls-fallback[data-v-1779d19c] {
338
+ .custom-layout .design-panel[data-v-858beb3e] {
577
339
  margin-bottom: 16px;
578
340
  }
579
- .dynamic-stats[data-v-1779d19c] {
580
- margin-top: 16px;
581
- padding-top: 12px;
582
- border-top: 1px solid var(--n-divider-color);
583
- }
584
- .dynamic-item-wrapper[data-v-1779d19c] {
585
- position: relative;
586
- transition: all 0.3s ease;
587
- animation: fadeInUp-1779d19c 0.3s ease-out;
588
- }
589
- .dynamic-item-wrapper.is-dynamic-field[data-v-1779d19c] {
590
- border: 1px dashed var(--n-color-primary);
591
- border-radius: 6px;
592
- padding: 8px;
593
- background-color: var(--n-color-primary-suppl);
341
+ .custom-layout .design-panel .design-tools[data-v-858beb3e] {
342
+ display: flex;
343
+ gap: 24px;
344
+ flex-wrap: wrap;
594
345
  }
595
- .max-fields-config[data-v-1779d19c] {
346
+ .custom-layout .design-panel .design-tools .tool-group[data-v-858beb3e] {
596
347
  display: flex;
597
348
  align-items: center;
598
349
  gap: 8px;
599
- font-size: 14px;
600
350
  }
601
- .max-fields-config span[data-v-1779d19c] {
351
+ .custom-layout .design-panel .design-tools .tool-group .group-label[data-v-858beb3e] {
352
+ font-size: 14px;
602
353
  font-weight: 500;
603
- white-space: nowrap;
604
- color: var(--n-text-color-2);
605
- }
606
- @keyframes fadeInUp-1779d19c {
607
- from {
608
- opacity: 0;
609
- transform: translateY(10px);
354
+ margin-right: 4px;
610
355
  }
611
- to {
612
- opacity: 1;
613
- transform: translateY(0);
614
- }
615
- }
616
- /* 响应式设计 */
617
- @media (max-width: 768px) {
618
- .dynamic-controls[data-v-1779d19c],
619
- .dynamic-controls-fallback[data-v-1779d19c] {
620
- margin-bottom: 12px;
621
- }
622
- .dynamic-stats[data-v-1779d19c] {
623
- margin-top: 12px;
624
- }
625
- .dynamic-item-wrapper.is-dynamic-field[data-v-1779d19c] {
626
- padding: 6px;
627
- }
628
- .max-fields-config[data-v-1779d19c] {
629
- margin-top: 8px;
630
- }
631
- }
632
- /* 辅助功能 */
633
- @media (prefers-reduced-motion: reduce) {
634
- .dynamic-item-wrapper[data-v-1779d19c] {
635
- animation: none !important;
636
- transition: none !important;
637
- }
638
- }
639
- @media (prefers-contrast: high) {
640
- .dynamic-item-wrapper.is-dynamic-field[data-v-1779d19c] {
641
- border-width: 2px;
642
- border-color: currentColor;
643
- }
644
- }
645
- /* unplugin-vue-components disabled *//* Steps 布局样式 */
646
- .c-form-steps[data-v-ee5e4509] {
647
- display: flex;
648
- flex-direction: column;
649
- gap: 24px;
650
- }
651
- .single-panel[data-v-ee5e4509] {
652
- width: 100%;
653
- }
654
- .steps-container[data-v-ee5e4509] {
655
- display: flex;
656
- flex-direction: column;
657
- gap: 24px;
658
- }
659
- .steps-indicator[data-v-ee5e4509] {
660
- padding: 24px;
661
- border-radius: 8px;
662
- }
663
- .steps-content[data-v-ee5e4509] {
664
- min-height: 400px;
665
- }
666
- .step-panel[data-v-ee5e4509] {
667
- animation: fadeIn-ee5e4509 0.3s ease-in-out;
668
- }
669
- .step-header[data-v-ee5e4509] {
670
- margin-bottom: 24px;
671
- padding-bottom: 16px;
672
- border-bottom: 1px solid var(--n-border-color);
673
- }
674
- .step-title[data-v-ee5e4509] {
675
- margin: 0 0 8px 0;
676
- font-size: 18px;
677
- font-weight: 600;
678
- }
679
- .step-description[data-v-ee5e4509] {
680
- margin: 0;
681
- font-size: 14px;
682
- line-height: 1.5;
683
- }
684
- .step-form-items[data-v-ee5e4509] {
685
- width: 100%;
686
- }
687
- .steps-actions[data-v-ee5e4509] {
688
- margin-top: 24px;
689
- padding-top: 16px;
690
- border-top: 1px solid var(--n-border-color);
691
- }
692
- @keyframes fadeIn-ee5e4509 {
693
- from {
694
- opacity: 0;
695
- transform: translateY(8px);
696
- }
697
- to {
698
- opacity: 1;
699
- transform: translateY(0);
700
- }
701
- }
702
- /* 垂直步骤样式:由组件状态驱动,避免 scoped CSS 生成无效的 :has/:deep 组合。 */
703
- .steps-container.is-vertical[data-v-ee5e4509] {
704
- flex-direction: row;
705
- align-items: flex-start;
706
- }
707
- .steps-container.is-vertical .steps-indicator[data-v-ee5e4509] {
708
- flex-shrink: 0;
709
- width: 250px;
710
- margin-right: 24px;
711
- }
712
- .steps-container.is-vertical .steps-content[data-v-ee5e4509] {
713
- flex: 1;
714
- }
715
-
716
- /* 响应式设计 */
717
- @media (max-width: 768px) {
718
- .steps-container.is-vertical[data-v-ee5e4509] {
719
- flex-direction: column !important;
720
- }
721
- .steps-container.is-vertical .steps-indicator[data-v-ee5e4509] {
722
- width: 100% !important;
723
- margin-right: 0 !important;
724
- margin-bottom: 16px;
725
- }
726
- }
727
- @media (prefers-reduced-motion: reduce) {
728
- .step-panel[data-v-ee5e4509] {
729
- animation: none !important;
730
- }
731
- }
732
- /* unplugin-vue-components disabled */
733
- /* layer: default */
734
- .visible[data-v-cbd5e822]{visibility:visible;}
735
- .grid[data-v-cbd5e822]{display:grid;}
736
- .inline[data-v-cbd5e822]{display:inline;}
737
- .tab[data-v-cbd5e822]{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}
738
- .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);}
739
-
740
- /* unplugin-vue-components disabled *//* Tabs 布局样式 */
741
- .c-form-tabs[data-v-cbd5e822] {
742
- width: 100%;
743
- }
744
- .single-panel[data-v-cbd5e822] {
745
- width: 100%;
746
- }
747
- .tabs-container[data-v-cbd5e822] {
748
- width: 100%;
749
- }
750
- .form-tabs[data-v-cbd5e822] {
751
- width: 100%;
752
- }
753
- .tab-icon[data-v-cbd5e822] {
754
- font-size: 16px;
755
- display: inline-flex;
756
- align-items: center;
757
- justify-content: center;
758
- }
759
- .tab-header[data-v-cbd5e822] {
760
- margin-bottom: 16px;
761
- padding-bottom: 12px;
762
- border-bottom: 1px solid var(--n-border-color);
763
- }
764
- .tab-description[data-v-cbd5e822] {
765
- margin: 0;
766
- font-size: 14px;
767
- line-height: 1.5;
768
- opacity: 0.8;
769
- }
770
- .tab-form-items[data-v-cbd5e822] {
771
- width: 100%;
772
- }
773
- .tab-empty[data-v-cbd5e822] {
774
- padding: 40px 0;
775
- }
776
- .tabs-actions[data-v-cbd5e822] {
777
- margin-top: 16px;
778
- padding-top: 12px;
779
- border-top: 1px solid var(--n-border-color);
780
- }
781
-
782
- /* 响应式设计 */
783
- @media (max-width: 768px) {
784
- .tabs-actions[data-v-cbd5e822] {
785
- margin-top: 12px;
786
- padding-top: 8px;
787
- }
788
- .tabs-actions[data-v-cbd5e822] .n-space {
789
- flex-wrap: wrap;
790
- }
791
- }
792
- /* unplugin-vue-components disabled */
793
- /* layer: default */
794
- .visible[data-v-858beb3e]{visibility:visible;}
795
- .grid[data-v-858beb3e]{display:grid;}
796
- .inline[data-v-858beb3e]{display:inline;}
797
- .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);}
798
-
799
- /* unplugin-vue-components disabled */
800
- /* layer: default */
801
- .visible[data-v-ee5e4509]{visibility:visible;}
802
- .grid[data-v-ee5e4509]{display:grid;}
803
- .inline[data-v-ee5e4509]{display:inline;}
804
- .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);}
805
-
806
- /* unplugin-vue-components disabled *//* Custom 布局样式 */
807
- .custom-layout .toolbar-card[data-v-858beb3e] {
808
- margin-bottom: 16px;
809
- }
810
- .custom-layout .toolbar-card .toolbar-content[data-v-858beb3e] {
811
- display: flex;
812
- justify-content: space-between;
813
- align-items: center;
814
- flex-wrap: wrap;
815
- gap: 16px;
816
- }
817
- .custom-layout .toolbar-card .toolbar-content .mode-section[data-v-858beb3e],
818
- .custom-layout .toolbar-card .toolbar-content .stats-section[data-v-858beb3e],
819
- .custom-layout .toolbar-card .toolbar-content .actions-section[data-v-858beb3e] {
820
- display: flex;
821
- align-items: center;
822
- gap: 12px;
823
- }
824
- .custom-layout .toolbar-card .toolbar-content .section-label[data-v-858beb3e] {
825
- font-size: 14px;
826
- font-weight: 500;
827
- }
828
- .custom-layout .toolbar-card .toolbar-content .stat-item[data-v-858beb3e] {
829
- text-align: center;
830
- min-width: 60px;
831
- }
832
- .custom-layout .toolbar-card .toolbar-content .stat-item .stat-value[data-v-858beb3e] {
833
- display: block;
834
- font-size: 18px;
835
- font-weight: 600;
836
- color: var(--n-primary-color);
837
- }
838
- .custom-layout .toolbar-card .toolbar-content .stat-item .stat-label[data-v-858beb3e] {
839
- font-size: 12px;
840
- opacity: 0.7;
841
- margin-top: 4px;
842
- }
843
- .custom-layout .design-panel[data-v-858beb3e] {
844
- margin-bottom: 16px;
845
- }
846
- .custom-layout .design-panel .design-tools[data-v-858beb3e] {
847
- display: flex;
848
- gap: 24px;
849
- flex-wrap: wrap;
850
- }
851
- .custom-layout .design-panel .design-tools .tool-group[data-v-858beb3e] {
852
- display: flex;
853
- align-items: center;
854
- gap: 8px;
855
- }
856
- .custom-layout .design-panel .design-tools .tool-group .group-label[data-v-858beb3e] {
857
- font-size: 14px;
858
- font-weight: 500;
859
- margin-right: 4px;
860
- }
861
- .custom-layout .layout-canvas[data-v-858beb3e] {
862
- min-height: 200px;
356
+ .custom-layout .layout-canvas[data-v-858beb3e] {
357
+ min-height: 200px;
863
358
  }
864
359
  .custom-layout .layout-canvas.design-mode[data-v-858beb3e] {
865
360
  border: 2px dashed var(--n-border-color);
@@ -1147,4 +642,515 @@ to {
1147
642
  .custom-layout .layout-canvas .field-pool .pool-fields-grid[data-v-858beb3e] {
1148
643
  grid-template-columns: repeat(2, 1fr);
1149
644
  }
1150
- }
645
+ }
646
+
647
+ /* layer: default */
648
+ .visible[data-v-858beb3e]{visibility:visible;}
649
+ .grid[data-v-858beb3e]{display:grid;}
650
+ .inline[data-v-858beb3e]{display:inline;}
651
+ .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);}
652
+
653
+
654
+ .c-form-default[data-v-4313de0c] {
655
+ width: 100%;
656
+ }
657
+
658
+ /* Dynamic 布局样式 */
659
+ .c-form-dynamic[data-v-1779d19c] {
660
+ width: 100%;
661
+ }
662
+ .dynamic-controls[data-v-1779d19c],
663
+ .dynamic-controls-fallback[data-v-1779d19c] {
664
+ margin-bottom: 16px;
665
+ }
666
+ .dynamic-stats[data-v-1779d19c] {
667
+ margin-top: 16px;
668
+ padding-top: 12px;
669
+ border-top: 1px solid var(--n-divider-color);
670
+ }
671
+ .dynamic-item-wrapper[data-v-1779d19c] {
672
+ position: relative;
673
+ transition: all 0.3s ease;
674
+ animation: fadeInUp-1779d19c 0.3s ease-out;
675
+ }
676
+ .dynamic-item-wrapper.is-dynamic-field[data-v-1779d19c] {
677
+ border: 1px dashed var(--n-color-primary);
678
+ border-radius: 6px;
679
+ padding: 8px;
680
+ background-color: var(--n-color-primary-suppl);
681
+ }
682
+ .max-fields-config[data-v-1779d19c] {
683
+ display: flex;
684
+ align-items: center;
685
+ gap: 8px;
686
+ font-size: 14px;
687
+ }
688
+ .max-fields-config span[data-v-1779d19c] {
689
+ font-weight: 500;
690
+ white-space: nowrap;
691
+ color: var(--n-text-color-2);
692
+ }
693
+ @keyframes fadeInUp-1779d19c {
694
+ from {
695
+ opacity: 0;
696
+ transform: translateY(10px);
697
+ }
698
+ to {
699
+ opacity: 1;
700
+ transform: translateY(0);
701
+ }
702
+ }
703
+ /* 响应式设计 */
704
+ @media (max-width: 768px) {
705
+ .dynamic-controls[data-v-1779d19c],
706
+ .dynamic-controls-fallback[data-v-1779d19c] {
707
+ margin-bottom: 12px;
708
+ }
709
+ .dynamic-stats[data-v-1779d19c] {
710
+ margin-top: 12px;
711
+ }
712
+ .dynamic-item-wrapper.is-dynamic-field[data-v-1779d19c] {
713
+ padding: 6px;
714
+ }
715
+ .max-fields-config[data-v-1779d19c] {
716
+ margin-top: 8px;
717
+ }
718
+ }
719
+ /* 辅助功能 */
720
+ @media (prefers-reduced-motion: reduce) {
721
+ .dynamic-item-wrapper[data-v-1779d19c] {
722
+ animation: none !important;
723
+ transition: none !important;
724
+ }
725
+ }
726
+ @media (prefers-contrast: high) {
727
+ .dynamic-item-wrapper.is-dynamic-field[data-v-1779d19c] {
728
+ border-width: 2px;
729
+ border-color: currentColor;
730
+ }
731
+ }
732
+
733
+ /* layer: default */
734
+ .visible[data-v-1779d19c]{visibility:visible;}
735
+ .grid[data-v-1779d19c]{display:grid;}
736
+ .inline[data-v-1779d19c]{display:inline;}
737
+ .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);}
738
+
739
+ /* Grid 布局样式 */
740
+ /* 变量定义 */
741
+ .c-grid-layout[data-v-1d221c83] {
742
+ width: 100%;
743
+ /* 配置面板 */
744
+ }
745
+ .c-grid-layout .config-panel[data-v-1d221c83] {
746
+ margin-bottom: 1rem;
747
+ }
748
+ .c-grid-layout .config-panel .config-header[data-v-1d221c83] {
749
+ display: flex;
750
+ align-items: center;
751
+ gap: 0.5rem;
752
+ font-weight: 500;
753
+ margin-bottom: 8px;
754
+ }
755
+ .c-grid-layout .config-panel .config-controls[data-v-1d221c83] {
756
+ display: flex;
757
+ gap: 1rem;
758
+ flex-wrap: wrap;
759
+ }
760
+ .c-grid-layout .config-panel .config-controls .config-item[data-v-1d221c83] {
761
+ display: flex;
762
+ align-items: center;
763
+ gap: 0.5rem;
764
+ }
765
+ .c-grid-layout .config-panel .config-controls .config-item .config-label[data-v-1d221c83] {
766
+ font-size: 0.875rem;
767
+ white-space: nowrap;
768
+ min-width: 3rem;
769
+ }
770
+ .c-grid-layout[data-v-1d221c83] {
771
+ /* 网格容器 */
772
+ }
773
+ .c-grid-layout .grid-container[data-v-1d221c83] {
774
+ width: 100%;
775
+ }
776
+ .c-grid-layout .grid-container .grid-item[data-v-1d221c83] {
777
+ /* 进场动画 */
778
+ animation: fadeInUp-1d221c83 0.3s ease-out both;
779
+ }
780
+ .c-grid-layout .grid-container .grid-item[data-v-1d221c83]:nth-child(1) {
781
+ animation-delay: 0.05s;
782
+ }
783
+ .c-grid-layout .grid-container .grid-item[data-v-1d221c83]:nth-child(2) {
784
+ animation-delay: 0.1s;
785
+ }
786
+ .c-grid-layout .grid-container .grid-item[data-v-1d221c83]:nth-child(3) {
787
+ animation-delay: 0.15s;
788
+ }
789
+ .c-grid-layout .grid-container .grid-item[data-v-1d221c83]:nth-child(4) {
790
+ animation-delay: 0.2s;
791
+ }
792
+ .c-grid-layout .grid-container .grid-item[data-v-1d221c83]:nth-child(5) {
793
+ animation-delay: 0.25s;
794
+ }
795
+ .c-grid-layout .grid-container .grid-item[data-v-1d221c83]:nth-child(6) {
796
+ animation-delay: 0.3s;
797
+ }
798
+ .c-grid-layout .grid-container .grid-item[data-v-1d221c83]:nth-child(7) {
799
+ animation-delay: 0.35s;
800
+ }
801
+ .c-grid-layout .grid-container .grid-item[data-v-1d221c83]:nth-child(8) {
802
+ animation-delay: 0.4s;
803
+ }
804
+ .c-grid-layout .grid-container .grid-item[data-v-1d221c83]:nth-child(9) {
805
+ animation-delay: 0.45s;
806
+ }
807
+ .c-grid-layout .grid-container .grid-item[data-v-1d221c83]:nth-child(10) {
808
+ animation-delay: 0.5s;
809
+ }
810
+ .c-grid-layout .grid-container .grid-item[data-v-1d221c83]:nth-child(11) {
811
+ animation-delay: 0.55s;
812
+ }
813
+ .c-grid-layout .grid-container .grid-item[data-v-1d221c83]:nth-child(12) {
814
+ animation-delay: 0.6s;
815
+ }
816
+ .c-grid-layout .grid-container .grid-item[data-v-1d221c83]:nth-child(13) {
817
+ animation-delay: 0.65s;
818
+ }
819
+ .c-grid-layout .grid-container .grid-item[data-v-1d221c83]:nth-child(14) {
820
+ animation-delay: 0.7s;
821
+ }
822
+ .c-grid-layout .grid-container .grid-item[data-v-1d221c83]:nth-child(15) {
823
+ animation-delay: 0.75s;
824
+ }
825
+ .c-grid-layout .grid-container .grid-item[data-v-1d221c83]:nth-child(16) {
826
+ animation-delay: 0.8s;
827
+ }
828
+ .c-grid-layout .grid-container .grid-item[data-v-1d221c83]:nth-child(17) {
829
+ animation-delay: 0.85s;
830
+ }
831
+ .c-grid-layout .grid-container .grid-item[data-v-1d221c83]:nth-child(18) {
832
+ animation-delay: 0.9s;
833
+ }
834
+ .c-grid-layout .grid-container .grid-item[data-v-1d221c83]:nth-child(19) {
835
+ animation-delay: 0.95s;
836
+ }
837
+ .c-grid-layout .grid-container .grid-item[data-v-1d221c83]:nth-child(20) {
838
+ animation-delay: 1s;
839
+ }
840
+ .c-grid-layout[data-v-1d221c83] {
841
+ /* 统计信息 */
842
+ }
843
+ .c-grid-layout .grid-stats[data-v-1d221c83] {
844
+ margin-top: 1rem;
845
+ font-size: 0.875rem;
846
+ opacity: 0.8;
847
+ }
848
+
849
+ /* 动画定义 */
850
+ @keyframes fadeInUp-1d221c83 {
851
+ from {
852
+ opacity: 0;
853
+ transform: translateY(10px) scale(0.95);
854
+ }
855
+ to {
856
+ opacity: 1;
857
+ transform: translateY(0) scale(1);
858
+ }
859
+ }
860
+ /* 表单控件统一宽度 */
861
+ [data-v-1d221c83] .n-form-item .n-form-item-blank {
862
+ /* 统一所有表单控件的宽度 */
863
+ }
864
+ [data-v-1d221c83] .n-form-item .n-form-item-blank .n-input,[data-v-1d221c83] .n-form-item .n-form-item-blank .n-input-number,[data-v-1d221c83] .n-form-item .n-form-item-blank .n-select,[data-v-1d221c83] .n-form-item .n-form-item-blank .n-date-picker,[data-v-1d221c83] .n-form-item .n-form-item-blank .n-time-picker,[data-v-1d221c83] .n-form-item .n-form-item-blank .n-cascader,[data-v-1d221c83] .n-form-item .n-form-item-blank .n-tree-select,[data-v-1d221c83] .n-form-item .n-form-item-blank .n-auto-complete,[data-v-1d221c83] .n-form-item .n-form-item-blank .n-dynamic-tags {
865
+ width: 100% !important;
866
+ }
867
+
868
+ /* 响应式设计 */
869
+ @media (max-width: 768px) {
870
+ .c-grid-layout .config-panel .config-controls[data-v-1d221c83] {
871
+ flex-direction: column;
872
+ gap: 0.75rem;
873
+ }
874
+ .c-grid-layout .config-panel .config-controls .config-item[data-v-1d221c83] {
875
+ justify-content: space-between;
876
+ }
877
+ .c-grid-layout .grid-container[data-v-1d221c83] .n-grid {
878
+ gap: 0.5rem !important;
879
+ }
880
+ .c-grid-layout .grid-container .grid-item .item-wrapper[data-v-1d221c83] {
881
+ padding: 0.125rem;
882
+ }
883
+ .c-grid-layout .grid-stats[data-v-1d221c83] {
884
+ margin-top: 0.75rem;
885
+ font-size: 0.875rem;
886
+ }
887
+ }
888
+ @media (max-width: 480px) {
889
+ .c-grid-layout .config-panel[data-v-1d221c83] {
890
+ margin-bottom: 0.75rem;
891
+ }
892
+ }
893
+ /* 主题适配 */
894
+ [data-v-1d221c83] .n-card {
895
+ --n-border-radius: 8px;
896
+ }
897
+ [data-v-1d221c83] .n-input-number {
898
+ --n-width: 100%;
899
+ }
900
+
901
+ /* 暗色主题 */
902
+ @media (prefers-color-scheme: dark) {
903
+ .c-grid-layout .grid-container .grid-item .item-wrapper[data-v-1d221c83]:hover {
904
+ background-color: rgba(255, 255, 255, 0.05);
905
+ }
906
+ }
907
+
908
+ /* layer: default */
909
+ .visible[data-v-1d221c83]{visibility:visible;}
910
+ .grid[data-v-1d221c83]{display:grid;}
911
+ .inline[data-v-1d221c83]{display:inline;}
912
+ .px[data-v-1d221c83]{padding-left:1rem;padding-right:1rem;}
913
+ .blur[data-v-1d221c83]{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
914
+
915
+ /* Inline 布局样式 */
916
+ .c-form-inline[data-v-711f6c00] {
917
+ width: 100%;
918
+ min-height: 0;
919
+ transition: all 0.3s ease;
920
+ }
921
+ .c-form-inline-item[data-v-711f6c00] {
922
+ min-width: 0;
923
+ transition: all 0.3s ease;
924
+ }
925
+
926
+ /* 确保内部所有表单组件都占满容器宽度 */
927
+ .c-form-inline-item[data-v-711f6c00] .n-form-item {
928
+ width: 100%;
929
+ margin-bottom: 0;
930
+ }
931
+ .c-form-inline-item[data-v-711f6c00] .n-form-item-blank {
932
+ width: 100%;
933
+ }
934
+ .c-form-inline-item[data-v-711f6c00] .n-input,
935
+ .c-form-inline-item[data-v-711f6c00] .n-select,
936
+ .c-form-inline-item[data-v-711f6c00] .n-date-picker,
937
+ .c-form-inline-item[data-v-711f6c00] .n-time-picker,
938
+ .c-form-inline-item[data-v-711f6c00] .n-input-number,
939
+ .c-form-inline-item[data-v-711f6c00] .n-cascader,
940
+ .c-form-inline-item[data-v-711f6c00] .n-color-picker,
941
+ .c-form-inline-item[data-v-711f6c00] .n-auto-complete,
942
+ .c-form-inline-item[data-v-711f6c00] .n-tree-select {
943
+ width: 100% !important;
944
+ }
945
+
946
+ /* 单选框和复选框组保持自然宽度 */
947
+ .c-form-inline-item[data-v-711f6c00] .n-radio-group,
948
+ .c-form-inline-item[data-v-711f6c00] .n-checkbox-group {
949
+ width: 100%;
950
+ display: flex;
951
+ flex-wrap: wrap;
952
+ gap: 8px;
953
+ }
954
+
955
+ /* 开关组件居左对齐 */
956
+ .c-form-inline-item[data-v-711f6c00] .n-switch {
957
+ width: auto;
958
+ }
959
+
960
+ /* ================= 对齐方式样式增强 ================= */
961
+ /* 当容器使用 center 对齐时,确保表单项也居中 */
962
+ .c-form-inline[style*="justify-content: center"] .c-form-inline-item[data-v-711f6c00] {
963
+ text-align: center;
964
+ }
965
+
966
+ /* 当容器使用 end 对齐时,确保表单项也右对齐 */
967
+ .c-form-inline[style*="justify-content: flex-end"] .c-form-inline-item[data-v-711f6c00] {
968
+ text-align: right;
969
+ }
970
+
971
+ /* 当容器使用 start 对齐时,确保表单项左对齐 */
972
+ .c-form-inline[style*="justify-content: flex-start"] .c-form-inline-item[data-v-711f6c00] {
973
+ text-align: left;
974
+ }
975
+
976
+ /* ================= 响应式设计 ================= */
977
+ /* 移动设备 - 改为垂直布局 */
978
+ @media (max-width: 768px) {
979
+ .c-form-inline[data-v-711f6c00] {
980
+ flex-direction: column !important;
981
+ gap: 12px !important;
982
+ justify-content: flex-start !important;
983
+ }
984
+ .c-form-inline-item[data-v-711f6c00] {
985
+ width: 100% !important;
986
+ text-align: left !important;
987
+ }
988
+ }
989
+ /* 小屏手机 */
990
+ @media (max-width: 480px) {
991
+ .c-form-inline[data-v-711f6c00] {
992
+ gap: 8px !important;
993
+ }
994
+ }
995
+
996
+ /* layer: default */
997
+ .visible[data-v-711f6c00]{visibility:visible;}
998
+ .grid[data-v-711f6c00]{display:grid;}
999
+ .inline[data-v-711f6c00]{display:inline;}
1000
+ .flex[data-v-711f6c00]{display:flex;}
1001
+ .px[data-v-711f6c00]{padding-left:1rem;padding-right:1rem;}
1002
+ .blur[data-v-711f6c00]{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
1003
+
1004
+ /* Steps 布局样式 */
1005
+ .c-form-steps[data-v-206bdbaa] {
1006
+ display: flex;
1007
+ flex-direction: column;
1008
+ gap: 24px;
1009
+ }
1010
+ .single-panel[data-v-206bdbaa] {
1011
+ width: 100%;
1012
+ }
1013
+ .steps-container[data-v-206bdbaa] {
1014
+ display: flex;
1015
+ flex-direction: column;
1016
+ gap: 24px;
1017
+ }
1018
+ .steps-indicator[data-v-206bdbaa] {
1019
+ padding: 24px;
1020
+ border-radius: 8px;
1021
+ }
1022
+ .steps-content[data-v-206bdbaa] {
1023
+ min-height: 400px;
1024
+ }
1025
+ .step-panel[data-v-206bdbaa] {
1026
+ animation: fadeIn-206bdbaa 0.3s ease-in-out;
1027
+ }
1028
+ .step-header[data-v-206bdbaa] {
1029
+ margin-bottom: 24px;
1030
+ padding-bottom: 16px;
1031
+ border-bottom: 1px solid var(--n-border-color);
1032
+ }
1033
+ .step-title[data-v-206bdbaa] {
1034
+ margin: 0 0 8px 0;
1035
+ font-size: 18px;
1036
+ font-weight: 600;
1037
+ }
1038
+ .step-description[data-v-206bdbaa] {
1039
+ margin: 0;
1040
+ font-size: 14px;
1041
+ line-height: 1.5;
1042
+ }
1043
+ .step-form-items[data-v-206bdbaa] {
1044
+ width: 100%;
1045
+ }
1046
+ .steps-actions[data-v-206bdbaa] {
1047
+ margin-top: 24px;
1048
+ padding-top: 16px;
1049
+ border-top: 1px solid var(--n-border-color);
1050
+ }
1051
+ @keyframes fadeIn-206bdbaa {
1052
+ from {
1053
+ opacity: 0;
1054
+ transform: translateY(8px);
1055
+ }
1056
+ to {
1057
+ opacity: 1;
1058
+ transform: translateY(0);
1059
+ }
1060
+ }
1061
+ /* 垂直步骤样式:由组件状态驱动,避免 scoped CSS 生成无效的 :has/:deep 组合。 */
1062
+ .steps-container.is-vertical[data-v-206bdbaa] {
1063
+ flex-direction: row;
1064
+ align-items: flex-start;
1065
+ }
1066
+ .steps-container.is-vertical .steps-indicator[data-v-206bdbaa] {
1067
+ flex-shrink: 0;
1068
+ width: 250px;
1069
+ margin-right: 24px;
1070
+ }
1071
+ .steps-container.is-vertical .steps-content[data-v-206bdbaa] {
1072
+ flex: 1;
1073
+ }
1074
+
1075
+ /* 响应式设计 */
1076
+ @media (max-width: 768px) {
1077
+ .steps-container.is-vertical[data-v-206bdbaa] {
1078
+ flex-direction: column !important;
1079
+ }
1080
+ .steps-container.is-vertical .steps-indicator[data-v-206bdbaa] {
1081
+ width: 100% !important;
1082
+ margin-right: 0 !important;
1083
+ margin-bottom: 16px;
1084
+ }
1085
+ }
1086
+ @media (prefers-reduced-motion: reduce) {
1087
+ .step-panel[data-v-206bdbaa] {
1088
+ animation: none !important;
1089
+ }
1090
+ }
1091
+
1092
+ /* layer: default */
1093
+ .visible[data-v-206bdbaa]{visibility:visible;}
1094
+ .grid[data-v-206bdbaa]{display:grid;}
1095
+ .inline[data-v-206bdbaa]{display:inline;}
1096
+ .blur[data-v-206bdbaa]{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
1097
+
1098
+ /* Tabs 布局样式 */
1099
+ .c-form-tabs[data-v-190e72ef] {
1100
+ width: 100%;
1101
+ }
1102
+ .single-panel[data-v-190e72ef] {
1103
+ width: 100%;
1104
+ }
1105
+ .tabs-container[data-v-190e72ef] {
1106
+ width: 100%;
1107
+ }
1108
+ .form-tabs[data-v-190e72ef] {
1109
+ width: 100%;
1110
+ }
1111
+ .tab-icon[data-v-190e72ef] {
1112
+ font-size: 16px;
1113
+ display: inline-flex;
1114
+ align-items: center;
1115
+ justify-content: center;
1116
+ }
1117
+ .tab-header[data-v-190e72ef] {
1118
+ margin-bottom: 16px;
1119
+ padding-bottom: 12px;
1120
+ border-bottom: 1px solid var(--n-border-color);
1121
+ }
1122
+ .tab-description[data-v-190e72ef] {
1123
+ margin: 0;
1124
+ font-size: 14px;
1125
+ line-height: 1.5;
1126
+ opacity: 0.8;
1127
+ }
1128
+ .tab-form-items[data-v-190e72ef] {
1129
+ width: 100%;
1130
+ }
1131
+ .tab-empty[data-v-190e72ef] {
1132
+ padding: 40px 0;
1133
+ }
1134
+ .tabs-actions[data-v-190e72ef] {
1135
+ margin-top: 16px;
1136
+ padding-top: 12px;
1137
+ border-top: 1px solid var(--n-border-color);
1138
+ }
1139
+
1140
+ /* 响应式设计 */
1141
+ @media (max-width: 768px) {
1142
+ .tabs-actions[data-v-190e72ef] {
1143
+ margin-top: 12px;
1144
+ padding-top: 8px;
1145
+ }
1146
+ .tabs-actions[data-v-190e72ef] .n-space {
1147
+ flex-wrap: wrap;
1148
+ }
1149
+ }
1150
+
1151
+ /* layer: default */
1152
+ .visible[data-v-190e72ef]{visibility:visible;}
1153
+ .grid[data-v-190e72ef]{display:grid;}
1154
+ .inline[data-v-190e72ef]{display:inline;}
1155
+ .tab[data-v-190e72ef]{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}
1156
+ .blur[data-v-190e72ef]{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}