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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (257) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/README.md +130 -741
  3. package/README_EN.md +137 -678
  4. package/dist/C_ActionBar.css +57 -58
  5. package/dist/C_ActionBar2.cjs +1 -1
  6. package/dist/C_ActionBar2.js +1 -1
  7. package/dist/C_AntV.css +232 -238
  8. package/dist/C_AntV2.cjs +2 -2
  9. package/dist/C_AntV2.js +2 -2
  10. package/dist/C_AudioPlayer.css +9 -9
  11. package/dist/C_AvatarGroup.css +5 -6
  12. package/dist/C_Barcode.css +1 -1
  13. package/dist/C_Breadcrumb.css +15 -18
  14. package/dist/C_Breadcrumb2.cjs +1 -1
  15. package/dist/C_Breadcrumb2.js +1 -1
  16. package/dist/C_Captcha.css +46 -49
  17. package/dist/C_Captcha2.cjs +1 -1
  18. package/dist/C_Captcha2.js +1 -1
  19. package/dist/C_Cascade.css +5 -6
  20. package/dist/C_Chat.css +8 -8
  21. package/dist/C_City.css +2 -2
  22. package/dist/C_Code.css +9 -9
  23. package/dist/C_CollapsePanel.css +9 -9
  24. package/dist/C_ContextMenu.css +31 -31
  25. package/dist/C_Cron.css +271 -274
  26. package/dist/C_Date.css +1 -1
  27. package/dist/C_Draggable.css +10 -11
  28. package/dist/C_Editor.css +2 -2
  29. package/dist/C_FilePreview.css +423 -423
  30. package/dist/C_Form.base.css +608 -602
  31. package/dist/C_Form.cjs +1 -1
  32. package/dist/C_Form.css +610 -604
  33. package/dist/C_Form.d.cts +2 -2
  34. package/dist/C_Form.d.ts +2 -2
  35. package/dist/C_Form.js +1 -1
  36. package/dist/C_FormModal.cjs +1 -1
  37. package/dist/C_FormModal.css +12 -17
  38. package/dist/C_FormModal.js +1 -1
  39. package/dist/C_FormModal2.cjs +1 -1
  40. package/dist/C_FormModal2.js +1 -1
  41. package/dist/C_FormSearch.css +53 -55
  42. package/dist/C_FormSearch2.cjs +1 -1
  43. package/dist/C_FormSearch2.js +1 -1
  44. package/dist/C_FormulaEditor.css +204 -205
  45. package/dist/C_FullCalendar.css +13 -15
  46. package/dist/C_FullCalendar2.cjs +1 -1
  47. package/dist/C_FullCalendar2.js +1 -1
  48. package/dist/C_GlobalSearch.css +11 -12
  49. package/dist/C_Guide.css +10 -10
  50. package/dist/C_Icon.css +7 -8
  51. package/dist/C_ImageCropper.css +69 -69
  52. package/dist/C_Language.css +8 -8
  53. package/dist/C_Loading.css +22 -25
  54. package/dist/C_Loading2.cjs +1 -1
  55. package/dist/C_Loading2.js +1 -1
  56. package/dist/C_Login.css +130 -135
  57. package/dist/C_Login2.cjs +1 -1
  58. package/dist/C_Login2.js +1 -1
  59. package/dist/C_Map.css +22 -23
  60. package/dist/C_Markdown.css +6 -7
  61. package/dist/C_Menu.css +2 -5
  62. package/dist/C_Menu2.cjs +1 -1
  63. package/dist/C_Menu2.js +1 -1
  64. package/dist/C_NotificationCenter.css +252 -253
  65. package/dist/C_OrgChart.css +8 -8
  66. package/dist/C_PageLoading.css +34 -39
  67. package/dist/C_QRCode.css +5 -6
  68. package/dist/C_Signature.css +5 -6
  69. package/dist/C_Skeleton.css +2 -2
  70. package/dist/C_SplitPane.css +2 -2
  71. package/dist/C_Steps.css +5 -6
  72. package/dist/C_Table.base.css +1090 -879
  73. package/dist/C_Table.cjs +1 -1
  74. package/dist/C_Table.css +1096 -885
  75. package/dist/C_Table.d.cts +1 -1
  76. package/dist/C_Table.d.ts +1 -1
  77. package/dist/C_Table.js +1 -1
  78. package/dist/C_Tabs.css +5 -6
  79. package/dist/C_TagsView.css +60 -63
  80. package/dist/C_TagsView2.cjs +1 -1
  81. package/dist/C_TagsView2.js +1 -1
  82. package/dist/C_Theme.css +7 -8
  83. package/dist/C_Time.css +1 -1
  84. package/dist/C_Timeline.css +8 -8
  85. package/dist/C_Transfer.css +10 -11
  86. package/dist/C_Tree.css +16 -17
  87. package/dist/C_Upload.css +156 -157
  88. package/dist/C_VideoPlayer.css +267 -267
  89. package/dist/C_VtableGantt.css +2 -2
  90. package/dist/C_WaterFall.css +2 -2
  91. package/dist/C_WorkFlow.css +466 -470
  92. package/dist/C_WorkFlow2.cjs +1 -1
  93. package/dist/C_WorkFlow2.js +1 -1
  94. package/dist/Card.cjs +1 -0
  95. package/dist/Card.js +1 -0
  96. package/dist/Custom.cjs +1 -0
  97. package/dist/Custom.js +1 -0
  98. package/dist/Dynamic.cjs +1 -0
  99. package/dist/Dynamic.js +1 -0
  100. package/dist/Steps.cjs +1 -0
  101. package/dist/Steps.js +1 -0
  102. package/dist/Tabs.cjs +1 -0
  103. package/dist/Tabs.js +1 -0
  104. package/dist/cascader.cjs +1 -0
  105. package/dist/cascader.js +1 -0
  106. package/dist/color-picker.cjs +1 -0
  107. package/dist/color-picker.js +1 -0
  108. package/dist/constants.d.cts +1 -1
  109. package/dist/constants.d.ts +1 -1
  110. package/dist/constants3.d.cts +2 -2
  111. package/dist/constants3.d.ts +2 -2
  112. package/dist/constants4.d.cts +4 -4
  113. package/dist/constants4.d.ts +4 -4
  114. package/dist/constants5.d.cts +2 -2
  115. package/dist/constants5.d.ts +2 -2
  116. package/dist/context.cjs +1 -0
  117. package/dist/context.js +1 -0
  118. package/dist/contracts.d.cts +24 -0
  119. package/dist/contracts.d.ts +24 -0
  120. package/dist/createPageLoading.cjs +1 -1
  121. package/dist/createPageLoading.js +1 -1
  122. package/dist/data.cjs +1 -1
  123. package/dist/data.d.cts +4 -4
  124. package/dist/data.d.ts +4 -4
  125. package/dist/data.js +1 -1
  126. package/dist/date-picker.cjs +1 -0
  127. package/dist/date-picker.js +1 -0
  128. package/dist/feedback.cjs +1 -0
  129. package/dist/feedback.js +1 -0
  130. package/dist/helpers.cjs +1 -1
  131. package/dist/helpers.js +1 -1
  132. package/dist/index.cjs +1 -1
  133. package/dist/index.d.cts +6 -4
  134. package/dist/index.d.ts +6 -4
  135. package/dist/index.js +1 -1
  136. package/dist/index.vue.d.cts +4 -4
  137. package/dist/index.vue.d.ts +4 -4
  138. package/dist/index10.vue.d.cts +3 -3
  139. package/dist/index10.vue.d.ts +3 -3
  140. package/dist/index11.vue.d.cts +3 -3
  141. package/dist/index11.vue.d.ts +2 -2
  142. package/dist/index12.vue.d.cts +2 -2
  143. package/dist/index12.vue.d.ts +1 -1
  144. package/dist/index13.vue.d.cts +1 -1
  145. package/dist/index13.vue.d.ts +2 -2
  146. package/dist/index14.vue.d.cts +2 -2
  147. package/dist/index14.vue.d.ts +7 -7
  148. package/dist/index15.vue.d.cts +7 -7
  149. package/dist/index16.vue.d.ts +1 -1
  150. package/dist/index17.vue.d.cts +1 -1
  151. package/dist/index17.vue.d.ts +2 -2
  152. package/dist/index18.vue.d.cts +2 -2
  153. package/dist/index18.vue.d.ts +2 -2
  154. package/dist/index19.vue.d.cts +2 -2
  155. package/dist/index19.vue.d.ts +1 -8
  156. package/dist/index2.vue.d.cts +1 -1
  157. package/dist/index2.vue.d.ts +1 -1
  158. package/dist/index20.vue.d.cts +1 -1
  159. package/dist/index20.vue.d.ts +1 -1
  160. package/dist/index21.vue.d.cts +2 -2
  161. package/dist/index21.vue.d.ts +2 -2
  162. package/dist/index22.vue.d.cts +3 -3
  163. package/dist/index22.vue.d.ts +3 -3
  164. package/dist/index23.vue.d.cts +1 -1
  165. package/dist/index23.vue.d.ts +1 -1
  166. package/dist/index25.vue.d.cts +4 -4
  167. package/dist/index25.vue.d.ts +4 -4
  168. package/dist/index26.vue.d.cts +1 -1
  169. package/dist/index26.vue.d.ts +1 -1
  170. package/dist/index27.vue.d.cts +3 -3
  171. package/dist/index27.vue.d.ts +3 -3
  172. package/dist/index3.vue.d.cts +4 -4
  173. package/dist/index3.vue.d.ts +4 -4
  174. package/dist/index4.vue.d.cts +1 -8
  175. package/dist/index6.vue.d.ts +2 -2
  176. package/dist/index7.vue.d.cts +2 -2
  177. package/dist/index8.vue.d.ts +3 -3
  178. package/dist/index9.vue.d.cts +3 -3
  179. package/dist/index9.vue.d.ts +3 -3
  180. package/dist/mapUtils.d.cts +2 -2
  181. package/dist/mapUtils.d.ts +2 -2
  182. package/dist/presets.d.cts +8 -2
  183. package/dist/presets.d.ts +8 -2
  184. package/dist/rate.cjs +1 -0
  185. package/dist/rate.js +1 -0
  186. package/dist/slider.cjs +1 -0
  187. package/dist/slider.js +1 -0
  188. package/dist/style.css +10671 -10704
  189. package/dist/time-picker.cjs +1 -0
  190. package/dist/time-picker.js +1 -0
  191. package/dist/upload.cjs +1 -0
  192. package/dist/upload.js +1 -0
  193. package/dist/useActionTask.cjs +1 -0
  194. package/dist/useActionTask.js +1 -0
  195. package/dist/useCalendarEvents.d.cts +1 -1
  196. package/dist/useCalendarEvents.d.ts +1 -1
  197. package/dist/useCollapsePanel.d.cts +6 -6
  198. package/dist/useCollapsePanel.d.ts +6 -6
  199. package/dist/useComponentLocale.cjs +1 -0
  200. package/dist/useComponentLocale.js +1 -0
  201. package/dist/useCropperCore.d.cts +4 -4
  202. package/dist/useCropperCore.d.ts +4 -4
  203. package/dist/useDraggableLayout.d.cts +8 -8
  204. package/dist/useDraggableLayout.d.ts +8 -8
  205. package/dist/useDynamicFormState.cjs +1 -0
  206. package/dist/useDynamicFormState.d.cts +62 -38
  207. package/dist/useDynamicFormState.d.ts +62 -38
  208. package/dist/useDynamicFormState.js +1 -0
  209. package/dist/useEdgeInteraction.d.cts +2 -2
  210. package/dist/useEdgeInteraction.d.ts +2 -2
  211. package/dist/useFullscreen.d.cts +2 -2
  212. package/dist/useFullscreen.d.ts +2 -2
  213. package/dist/useInfiniteScroll.d.cts +1 -1
  214. package/dist/useInfiniteScroll.d.ts +1 -1
  215. package/dist/useQRCode.d.cts +3 -3
  216. package/dist/useQRCode.d.ts +3 -3
  217. package/dist/useSearchState.d.cts +16 -726
  218. package/dist/useSearchState.d.ts +16 -835
  219. package/dist/useSignatureHistory.d.cts +2 -2
  220. package/dist/useSignatureHistory.d.ts +2 -2
  221. package/dist/useSplitResize.d.cts +9 -9
  222. package/dist/useSplitResize.d.ts +9 -9
  223. package/dist/useTableQuery.cjs +3 -3
  224. package/dist/useTableQuery.d.cts +66 -33
  225. package/dist/useTableQuery.d.ts +66 -33
  226. package/dist/useTableQuery.js +3 -3
  227. package/dist/useTimeSelection.d.cts +2 -2
  228. package/dist/useTimeSelection.d.ts +2 -2
  229. package/dist/useTreeOperations.d.cts +4 -4
  230. package/dist/useTreeOperations.d.ts +4 -4
  231. package/dist/useWorkflowValidation.d.cts +3 -3
  232. package/dist/useWorkflowValidation.d.ts +3 -3
  233. package/dist/verification.d.cts +2 -2
  234. package/dist/verification.d.ts +2 -2
  235. package/docs/architecture.en.md +83 -0
  236. package/docs/architecture.md +83 -0
  237. package/docs/assets/README.md +47 -0
  238. package/docs/assets/naive-ui-components-banner.png +0 -0
  239. package/docs/assets/naive-ui-components-banner.svg +69 -0
  240. package/docs/assets/naive-ui-components-logo.png +0 -0
  241. package/docs/assets/naive-ui-components-logo.svg +22 -0
  242. package/docs/components.en.md +118 -0
  243. package/docs/components.md +118 -0
  244. package/docs/engineering.en.md +132 -0
  245. package/docs/engineering.md +133 -0
  246. package/docs/guides/usage.en.md +638 -0
  247. package/docs/guides/usage.md +699 -0
  248. package/docs/performance-0.15.0.md +20 -0
  249. package/docs/security-scan-2026-10-06.md +11 -0
  250. package/docs/security-scan-2026-10-18.md +16 -0
  251. package/package.json +29 -11
  252. package/dist/C_Form2.cjs +0 -1
  253. package/dist/C_Form2.js +0 -1
  254. package/dist/config.cjs +0 -1
  255. package/dist/config.d.cts +0 -33
  256. package/dist/config.d.ts +0 -33
  257. package/dist/config.js +0 -1
package/dist/C_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,208 +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 */
121
- /* layer: default */
122
- .px[data-v-5debeeab]{padding-left:1rem;padding-right:1rem;}
123
-
124
- /* unplugin-vue-components disabled *//* Grid 布局样式 */
125
- /* 变量定义 */
126
- .c-grid-layout[data-v-5debeeab] {
127
- width: 100%;
128
- /* 配置面板 */
129
- }
130
- .c-grid-layout .config-panel[data-v-5debeeab] {
131
- margin-bottom: 1rem;
132
- }
133
- .c-grid-layout .config-panel .config-header[data-v-5debeeab] {
134
- display: flex;
135
- align-items: center;
136
- gap: 0.5rem;
137
- font-weight: 500;
138
- margin-bottom: 8px;
139
- }
140
- .c-grid-layout .config-panel .config-controls[data-v-5debeeab] {
141
- display: flex;
142
- gap: 1rem;
143
- flex-wrap: wrap;
144
- }
145
- .c-grid-layout .config-panel .config-controls .config-item[data-v-5debeeab] {
146
- display: flex;
147
- align-items: center;
148
- gap: 0.5rem;
149
- }
150
- .c-grid-layout .config-panel .config-controls .config-item .config-label[data-v-5debeeab] {
151
- font-size: 0.875rem;
152
- white-space: nowrap;
153
- min-width: 3rem;
154
- }
155
- .c-grid-layout[data-v-5debeeab] {
156
- /* 网格容器 */
157
- }
158
- .c-grid-layout .grid-container[data-v-5debeeab] {
159
- width: 100%;
160
- }
161
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab] {
162
- /* 进场动画 */
163
- animation: fadeInUp-5debeeab 0.3s ease-out both;
164
- }
165
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(1) {
166
- animation-delay: 0.05s;
167
- }
168
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(2) {
169
- animation-delay: 0.1s;
170
- }
171
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(3) {
172
- animation-delay: 0.15s;
173
- }
174
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(4) {
175
- animation-delay: 0.2s;
176
- }
177
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(5) {
178
- animation-delay: 0.25s;
179
- }
180
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(6) {
181
- animation-delay: 0.3s;
182
- }
183
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(7) {
184
- animation-delay: 0.35s;
185
- }
186
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(8) {
187
- animation-delay: 0.4s;
188
- }
189
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(9) {
190
- animation-delay: 0.45s;
191
- }
192
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(10) {
193
- animation-delay: 0.5s;
194
- }
195
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(11) {
196
- animation-delay: 0.55s;
197
- }
198
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(12) {
199
- animation-delay: 0.6s;
200
- }
201
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(13) {
202
- animation-delay: 0.65s;
203
- }
204
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(14) {
205
- animation-delay: 0.7s;
206
- }
207
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(15) {
208
- animation-delay: 0.75s;
209
- }
210
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(16) {
211
- animation-delay: 0.8s;
212
- }
213
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(17) {
214
- animation-delay: 0.85s;
215
- }
216
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(18) {
217
- animation-delay: 0.9s;
218
- }
219
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(19) {
220
- animation-delay: 0.95s;
221
- }
222
- .c-grid-layout .grid-container .grid-item[data-v-5debeeab]:nth-child(20) {
223
- animation-delay: 1s;
224
- }
225
- .c-grid-layout[data-v-5debeeab] {
226
- /* 统计信息 */
227
- }
228
- .c-grid-layout .grid-stats[data-v-5debeeab] {
229
- margin-top: 1rem;
230
- font-size: 0.875rem;
231
- opacity: 0.8;
232
- }
233
-
234
- /* 动画定义 */
235
- @keyframes fadeInUp-5debeeab {
236
- from {
237
- opacity: 0;
238
- transform: translateY(10px) scale(0.95);
239
- }
240
- to {
241
- opacity: 1;
242
- transform: translateY(0) scale(1);
243
- }
244
- }
245
- /* 表单控件统一宽度 */
246
- [data-v-5debeeab] .n-form-item .n-form-item-blank {
247
- /* 统一所有表单控件的宽度 */
248
- }
249
- [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 {
250
- width: 100% !important;
251
- }
252
-
253
- /* 响应式设计 */
254
- @media (max-width: 768px) {
255
- .c-grid-layout .config-panel .config-controls[data-v-5debeeab] {
256
- flex-direction: column;
257
- gap: 0.75rem;
258
- }
259
- .c-grid-layout .config-panel .config-controls .config-item[data-v-5debeeab] {
260
- justify-content: space-between;
261
- }
262
- .c-grid-layout .grid-container[data-v-5debeeab] .n-grid {
263
- gap: 0.5rem !important;
264
- }
265
- .c-grid-layout .grid-container .grid-item .item-wrapper[data-v-5debeeab] {
266
- padding: 0.125rem;
267
- }
268
- .c-grid-layout .grid-stats[data-v-5debeeab] {
269
- margin-top: 0.75rem;
270
- font-size: 0.875rem;
271
- }
272
- }
273
- @media (max-width: 480px) {
274
- .c-grid-layout .config-panel[data-v-5debeeab] {
275
- margin-bottom: 0.75rem;
276
- }
277
- }
278
- /* 主题适配 */
279
- [data-v-5debeeab] .n-card {
280
- --n-border-radius: 8px;
281
- }
282
- [data-v-5debeeab] .n-input-number {
283
- --n-width: 100%;
284
- }
285
106
 
286
- /* 暗色主题 */
287
- @media (prefers-color-scheme: dark) {
288
- .c-grid-layout .grid-container .grid-item .item-wrapper[data-v-5debeeab]:hover {
289
- background-color: rgba(255, 255, 255, 0.05);
290
- }
291
- }
292
- /* unplugin-vue-components disabled */
293
107
  /* layer: default */
294
- .mb-4[data-v-28320dd2]{margin-bottom:1rem;}
295
- .min-w-12[data-v-28320dd2]{min-width:3rem;}
296
- .w-24[data-v-28320dd2]{width:6rem;}
297
- .flex[data-v-28320dd2]{display:flex;}
298
- .flex-1[data-v-28320dd2]{flex:1 1 0%;}
299
- .items-center[data-v-28320dd2]{align-items:center;}
300
- .gap-2[data-v-28320dd2]{gap:0.5rem;}
301
- .gap-3[data-v-28320dd2]{gap:0.75rem;}
302
- .px[data-v-28320dd2]{padding-left:1rem;padding-right:1rem;}
303
- .text-sm[data-v-28320dd2]{font-size:0.875rem;line-height:1.25rem;}
304
- .text-xs[data-v-28320dd2]{font-size:0.75rem;line-height: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);}
305
113
 
306
- /* unplugin-vue-components disabled *//* Card 布局样式 */
307
- .c-form-card[data-v-28320dd2] {
114
+ /* Card 布局样式 */
115
+ .c-form-card[data-v-e28edf5e] {
308
116
  width: 100%;
309
117
  display: flex;
310
118
  flex-direction: column;
@@ -312,89 +120,89 @@ to {
312
120
  }
313
121
 
314
122
  /* ================= 配置面板 ================= */
315
- .layout-config-panel[data-v-28320dd2] {
123
+ .layout-config-panel[data-v-e28edf5e] {
316
124
  margin-bottom: 0;
317
125
  }
318
- .config-controls[data-v-28320dd2] {
126
+ .config-controls[data-v-e28edf5e] {
319
127
  display: flex;
320
128
  align-items: center;
321
129
  gap: 1.5rem;
322
130
  flex-wrap: wrap;
323
131
  }
324
132
  @media (max-width: 768px) {
325
- .config-controls[data-v-28320dd2] {
133
+ .config-controls[data-v-e28edf5e] {
326
134
  flex-direction: column;
327
135
  align-items: stretch;
328
136
  gap: 1rem;
329
137
  }
330
138
  }
331
- .config-item[data-v-28320dd2] {
139
+ .config-item[data-v-e28edf5e] {
332
140
  display: flex;
333
141
  align-items: center;
334
142
  gap: 0.75rem;
335
143
  font-size: 0.875rem;
336
144
  }
337
145
  @media (max-width: 768px) {
338
- .config-item[data-v-28320dd2] {
146
+ .config-item[data-v-e28edf5e] {
339
147
  justify-content: space-between;
340
148
  }
341
149
  }
342
150
 
343
151
  /* ================= 表单内容区域 ================= */
344
- .form-content[data-v-28320dd2] {
152
+ .form-content[data-v-e28edf5e] {
345
153
  display: flex;
346
154
  }
347
- .layout-single[data-v-28320dd2],
348
- .layout-vertical[data-v-28320dd2] {
155
+ .layout-single[data-v-e28edf5e],
156
+ .layout-vertical[data-v-e28edf5e] {
349
157
  flex-direction: column;
350
158
  }
351
- .layout-horizontal[data-v-28320dd2] {
159
+ .layout-horizontal[data-v-e28edf5e] {
352
160
  flex-direction: row;
353
161
  flex-wrap: wrap;
354
162
  }
355
- .layout-horizontal .group-card[data-v-28320dd2] {
163
+ .layout-horizontal .group-card[data-v-e28edf5e] {
356
164
  flex: 1;
357
165
  min-width: 0;
358
166
  }
359
167
  @media (max-width: 1200px) {
360
- .layout-horizontal[data-v-28320dd2] {
168
+ .layout-horizontal[data-v-e28edf5e] {
361
169
  flex-direction: column;
362
170
  }
363
171
  }
364
172
 
365
173
  /* ================= 卡片样式 ================= */
366
- .single-card[data-v-28320dd2],
367
- .group-card[data-v-28320dd2] {
174
+ .single-card[data-v-e28edf5e],
175
+ .group-card[data-v-e28edf5e] {
368
176
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
369
177
  border-left-width: 4px;
370
178
  }
371
- .single-card[data-v-28320dd2],
372
- .basic-card[data-v-28320dd2] {
179
+ .single-card[data-v-e28edf5e],
180
+ .basic-card[data-v-e28edf5e] {
373
181
  border-left-color: #3b82f6;
374
182
  }
375
- .contact-card[data-v-28320dd2] {
183
+ .contact-card[data-v-e28edf5e] {
376
184
  border-left-color: #22c55e;
377
185
  }
378
- .preferences-card[data-v-28320dd2] {
186
+ .preferences-card[data-v-e28edf5e] {
379
187
  border-left-color: #a855f7;
380
188
  }
381
- .group-card.collapsed .card-content[data-v-28320dd2] {
189
+ .group-card.collapsed .card-content[data-v-e28edf5e] {
382
190
  display: none;
383
191
  }
384
192
 
385
193
  /* ================= 卡片头部 ================= */
386
- .card-header[data-v-28320dd2] {
194
+ .card-header[data-v-e28edf5e] {
387
195
  display: flex;
388
196
  align-items: center;
389
197
  justify-content: space-between;
390
198
  width: 100%;
391
199
  }
392
- .header-info[data-v-28320dd2] {
200
+ .header-info[data-v-e28edf5e] {
393
201
  display: flex;
394
202
  align-items: center;
395
203
  gap: 1rem;
396
204
  }
397
- .card-icon[data-v-28320dd2] {
205
+ .card-icon[data-v-e28edf5e] {
398
206
  width: 2.5rem;
399
207
  height: 2.5rem;
400
208
  padding: 0.5rem;
@@ -406,460 +214,147 @@ to {
406
214
  justify-content: center;
407
215
  font-size: 1.125rem;
408
216
  }
409
- .header-text h3[data-v-28320dd2] {
217
+ .header-text h3[data-v-e28edf5e] {
410
218
  font-size: 1.125rem;
411
219
  font-weight: 600;
412
220
  margin: 0 0 0.25rem;
413
221
  }
414
- .header-text p[data-v-28320dd2] {
222
+ .header-text p[data-v-e28edf5e] {
415
223
  font-size: 0.875rem;
416
224
  color: #6b7280;
417
225
  margin: 0;
418
226
  }
419
- .header-actions[data-v-28320dd2] {
227
+ .header-actions[data-v-e28edf5e] {
420
228
  display: flex;
421
229
  align-items: center;
422
230
  gap: 0.75rem;
423
231
  }
424
- .field-stats[data-v-28320dd2] {
232
+ .field-stats[data-v-e28edf5e] {
425
233
  display: flex;
426
234
  gap: 0.5rem;
427
235
  }
428
236
 
429
237
  /* ================= 卡片内容 ================= */
430
- .card-content[data-v-28320dd2] {
238
+ .card-content[data-v-e28edf5e] {
431
239
  padding-top: 1rem;
432
240
  }
433
- .progress-section[data-v-28320dd2] {
241
+ .progress-section[data-v-e28edf5e] {
434
242
  padding-bottom: 1rem;
435
243
  }
436
244
 
437
245
  /* ================= 操作面板 ================= */
438
- .action-content[data-v-28320dd2] {
246
+ .action-content[data-v-e28edf5e] {
439
247
  display: flex;
440
248
  align-items: center;
441
249
  justify-content: space-between;
442
250
  gap: 1.5rem;
443
251
  }
444
252
  @media (max-width: 768px) {
445
- .action-content[data-v-28320dd2] {
253
+ .action-content[data-v-e28edf5e] {
446
254
  flex-direction: column;
447
255
  align-items: stretch;
448
256
  gap: 1rem;
449
257
  }
450
258
  }
451
- .status-summary[data-v-28320dd2] {
259
+ .status-summary[data-v-e28edf5e] {
452
260
  display: flex;
453
261
  gap: 1.5rem;
454
262
  align-items: center;
455
263
  flex-wrap: wrap;
456
264
  }
457
- .status-item[data-v-28320dd2] {
265
+ .status-item[data-v-e28edf5e] {
458
266
  display: flex;
459
267
  align-items: center;
460
268
  gap: 0.75rem;
461
269
  }
462
- .status-item .label[data-v-28320dd2] {
270
+ .status-item .label[data-v-e28edf5e] {
463
271
  font-size: 0.875rem;
464
272
  }
465
- .progress-display[data-v-28320dd2] {
273
+ .progress-display[data-v-e28edf5e] {
466
274
  display: flex;
467
275
  align-items: center;
468
276
  gap: 0.75rem;
469
277
  min-width: 8rem;
470
278
  }
471
- .action-buttons[data-v-28320dd2] {
279
+ .action-buttons[data-v-e28edf5e] {
472
280
  display: flex;
473
281
  gap: 0.75rem;
474
282
  }
475
- /* unplugin-vue-components disabled */
476
- /* 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
283
 
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
- }
284
+ /* layer: default */
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);
354
+ margin-right: 4px;
605
355
  }
606
- @keyframes fadeInUp-1779d19c {
607
- from {
608
- opacity: 0;
609
- transform: translateY(10px);
610
- }
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 */
646
- /* layer: default */
647
- .visible[data-v-cbd5e822]{visibility:visible;}
648
- .grid[data-v-cbd5e822]{display:grid;}
649
- .inline[data-v-cbd5e822]{display:inline;}
650
- .tab[data-v-cbd5e822]{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}
651
- .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);}
652
-
653
- /* unplugin-vue-components disabled *//* Tabs 布局样式 */
654
- .c-form-tabs[data-v-cbd5e822] {
655
- width: 100%;
656
- }
657
- .single-panel[data-v-cbd5e822] {
658
- width: 100%;
659
- }
660
- .tabs-container[data-v-cbd5e822] {
661
- width: 100%;
662
- }
663
- .form-tabs[data-v-cbd5e822] {
664
- width: 100%;
665
- }
666
- .tab-icon[data-v-cbd5e822] {
667
- font-size: 16px;
668
- display: inline-flex;
669
- align-items: center;
670
- justify-content: center;
671
- }
672
- .tab-header[data-v-cbd5e822] {
673
- margin-bottom: 16px;
674
- padding-bottom: 12px;
675
- border-bottom: 1px solid var(--n-border-color);
676
- }
677
- .tab-description[data-v-cbd5e822] {
678
- margin: 0;
679
- font-size: 14px;
680
- line-height: 1.5;
681
- opacity: 0.8;
682
- }
683
- .tab-form-items[data-v-cbd5e822] {
684
- width: 100%;
685
- }
686
- .tab-empty[data-v-cbd5e822] {
687
- padding: 40px 0;
688
- }
689
- .tabs-actions[data-v-cbd5e822] {
690
- margin-top: 16px;
691
- padding-top: 12px;
692
- border-top: 1px solid var(--n-border-color);
693
- }
694
-
695
- /* 响应式设计 */
696
- @media (max-width: 768px) {
697
- .tabs-actions[data-v-cbd5e822] {
698
- margin-top: 12px;
699
- padding-top: 8px;
700
- }
701
- .tabs-actions[data-v-cbd5e822] .n-space {
702
- flex-wrap: wrap;
703
- }
704
- }
705
- /* unplugin-vue-components disabled */
706
- /* layer: default */
707
- .visible[data-v-ee5e4509]{visibility:visible;}
708
- .grid[data-v-ee5e4509]{display:grid;}
709
- .inline[data-v-ee5e4509]{display:inline;}
710
- .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);}
711
-
712
- /* unplugin-vue-components disabled *//* Steps 布局样式 */
713
- .c-form-steps[data-v-ee5e4509] {
714
- display: flex;
715
- flex-direction: column;
716
- gap: 24px;
717
- }
718
- .single-panel[data-v-ee5e4509] {
719
- width: 100%;
720
- }
721
- .steps-container[data-v-ee5e4509] {
722
- display: flex;
723
- flex-direction: column;
724
- gap: 24px;
725
- }
726
- .steps-indicator[data-v-ee5e4509] {
727
- padding: 24px;
728
- border-radius: 8px;
729
- }
730
- .steps-content[data-v-ee5e4509] {
731
- min-height: 400px;
732
- }
733
- .step-panel[data-v-ee5e4509] {
734
- animation: fadeIn-ee5e4509 0.3s ease-in-out;
735
- }
736
- .step-header[data-v-ee5e4509] {
737
- margin-bottom: 24px;
738
- padding-bottom: 16px;
739
- border-bottom: 1px solid var(--n-border-color);
740
- }
741
- .step-title[data-v-ee5e4509] {
742
- margin: 0 0 8px 0;
743
- font-size: 18px;
744
- font-weight: 600;
745
- }
746
- .step-description[data-v-ee5e4509] {
747
- margin: 0;
748
- font-size: 14px;
749
- line-height: 1.5;
750
- }
751
- .step-form-items[data-v-ee5e4509] {
752
- width: 100%;
753
- }
754
- .steps-actions[data-v-ee5e4509] {
755
- margin-top: 24px;
756
- padding-top: 16px;
757
- border-top: 1px solid var(--n-border-color);
758
- }
759
- @keyframes fadeIn-ee5e4509 {
760
- from {
761
- opacity: 0;
762
- transform: translateY(8px);
763
- }
764
- to {
765
- opacity: 1;
766
- transform: translateY(0);
767
- }
768
- }
769
- /* 垂直步骤样式:由组件状态驱动,避免 scoped CSS 生成无效的 :has/:deep 组合。 */
770
- .steps-container.is-vertical[data-v-ee5e4509] {
771
- flex-direction: row;
772
- align-items: flex-start;
773
- }
774
- .steps-container.is-vertical .steps-indicator[data-v-ee5e4509] {
775
- flex-shrink: 0;
776
- width: 250px;
777
- margin-right: 24px;
778
- }
779
- .steps-container.is-vertical .steps-content[data-v-ee5e4509] {
780
- flex: 1;
781
- }
782
-
783
- /* 响应式设计 */
784
- @media (max-width: 768px) {
785
- .steps-container.is-vertical[data-v-ee5e4509] {
786
- flex-direction: column !important;
787
- }
788
- .steps-container.is-vertical .steps-indicator[data-v-ee5e4509] {
789
- width: 100% !important;
790
- margin-right: 0 !important;
791
- margin-bottom: 16px;
792
- }
793
- }
794
- @media (prefers-reduced-motion: reduce) {
795
- .step-panel[data-v-ee5e4509] {
796
- animation: none !important;
797
- }
798
- }
799
- /* unplugin-vue-components disabled */
800
- /* layer: default */
801
- .visible[data-v-858beb3e]{visibility:visible;}
802
- .grid[data-v-858beb3e]{display:grid;}
803
- .inline[data-v-858beb3e]{display:inline;}
804
- .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);}
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);}