@kp-ui/lowcode 2.15.0-beta.7 → 2.16.0-alpha.10

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 (216) hide show
  1. package/install.js +17 -15
  2. package/install.js.map +1 -1
  3. package/package.json +4 -7
  4. package/src/components/FormRender/FormContainer.vue.js +55 -0
  5. package/src/components/FormRender/FormContainer.vue.js.map +1 -0
  6. package/src/components/FormRender/FormContainer.vue2.js +5 -0
  7. package/src/components/FormRender/FormContainer.vue2.js.map +1 -0
  8. package/src/components/FormRender/index.vue.js +2 -2
  9. package/src/components/FormRender/index.vue2.js +28 -30
  10. package/src/components/FormRender/index.vue2.js.map +1 -1
  11. package/src/components/FormRender/useFormContext.js +116 -109
  12. package/src/components/FormRender/useFormContext.js.map +1 -1
  13. package/src/components/{designer.js → form-designer/designer.js} +76 -71
  14. package/src/components/form-designer/designer.js.map +1 -0
  15. package/src/components/form-designer/form-widget/RenderDesignerWigetList.vue.js +1 -1
  16. package/src/components/form-designer/form-widget/RenderDesignerWigetList.vue.js.map +1 -1
  17. package/src/components/form-designer/form-widget/container-widget/useTableWidget.js +143 -138
  18. package/src/components/form-designer/form-widget/container-widget/useTableWidget.js.map +1 -1
  19. package/src/components/form-designer/form-widget/container-widget/vf-box-widget.vue.js +2 -2
  20. package/src/components/form-designer/form-widget/container-widget/vf-box-widget.vue2.js +18 -19
  21. package/src/components/form-designer/form-widget/container-widget/vf-box-widget.vue2.js.map +1 -1
  22. package/src/components/form-designer/form-widget/container-widget/vf-dialog-widget.vue.js +2 -2
  23. package/src/components/form-designer/form-widget/container-widget/vf-dialog-widget.vue2.js +22 -16
  24. package/src/components/form-designer/form-widget/container-widget/vf-dialog-widget.vue2.js.map +1 -1
  25. package/src/components/form-designer/form-widget/field-widget/bpmn-editor-widget copy.vue.js +8 -0
  26. package/src/components/form-designer/form-widget/field-widget/bpmn-editor-widget copy.vue.js.map +1 -0
  27. package/src/components/form-designer/form-widget/field-widget/bpmn-editor-widget copy.vue2.js +58 -0
  28. package/src/components/form-designer/form-widget/field-widget/bpmn-editor-widget copy.vue2.js.map +1 -0
  29. package/src/components/form-designer/form-widget/field-widget/form-item-wrapper.vue.js +1 -1
  30. package/src/components/form-designer/form-widget/field-widget/form-item-wrapper.vue2.js +66 -54
  31. package/src/components/form-designer/form-widget/field-widget/form-item-wrapper.vue2.js.map +1 -1
  32. package/src/components/form-designer/form-widget/field-widget/index.js +1 -1
  33. package/src/components/form-designer/form-widget/field-widget/index.js.map +1 -1
  34. package/src/components/form-designer/form-widget/field-widget/rich-editor-widget.vue2.js.map +1 -1
  35. package/src/components/form-designer/form-widget/field-widget/useField.js +140 -140
  36. package/src/components/form-designer/form-widget/field-widget/useField.js.map +1 -1
  37. package/src/components/form-designer/form-widget/index.vue.js +2 -2
  38. package/src/components/form-designer/form-widget/index.vue2.js +56 -47
  39. package/src/components/form-designer/form-widget/index.vue2.js.map +1 -1
  40. package/src/components/form-designer/form-widget/useFormDesigner.js +34 -0
  41. package/src/components/form-designer/form-widget/useFormDesigner.js.map +1 -0
  42. package/src/components/form-designer/index.vue.js +77 -74
  43. package/src/components/form-designer/index.vue.js.map +1 -1
  44. package/src/components/form-designer/setting-panel/form-setting.vue.js +2 -2
  45. package/src/components/form-designer/setting-panel/form-setting.vue2.js +100 -126
  46. package/src/components/form-designer/setting-panel/form-setting.vue2.js.map +1 -1
  47. package/src/components/form-designer/setting-panel/index.vue.js +1 -1
  48. package/src/components/form-designer/setting-panel/index.vue2.js +1 -1
  49. package/src/components/form-designer/setting-panel/index.vue2.js.map +1 -1
  50. package/src/components/form-designer/setting-panel/option-items-setting.vue.js +2 -2
  51. package/src/components/form-designer/setting-panel/option-items-setting.vue2.js +1 -1
  52. package/src/components/form-designer/setting-panel/option-items-setting.vue2.js.map +1 -1
  53. package/src/components/form-designer/setting-panel/property-editor/boxModel-editor.vue.js +1 -1
  54. package/src/components/form-designer/setting-panel/property-editor/boxModel-editor.vue2.js +255 -201
  55. package/src/components/form-designer/setting-panel/property-editor/boxModel-editor.vue2.js.map +1 -1
  56. package/src/components/form-designer/setting-panel/property-editor/button-list-editor.vue2.js +45 -39
  57. package/src/components/form-designer/setting-panel/property-editor/button-list-editor.vue2.js.map +1 -1
  58. package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-customClass-editor.vue2.js +1 -1
  59. package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-customClass-editor.vue2.js.map +1 -1
  60. package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-dsEnabled-editor.vue2.js +1 -1
  61. package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-dsEnabled-editor.vue2.js.map +1 -1
  62. package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-showButtonsColumn-editor.vue.js +2 -2
  63. package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-showButtonsColumn-editor.vue2.js.map +1 -1
  64. package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-tableColumns-editor.vue.js +1 -1
  65. package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-tableColumns-editor.vue2.js +1 -1
  66. package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-tableColumns-editor.vue2.js.map +1 -1
  67. package/src/components/form-designer/setting-panel/property-editor/container-grid/gutter-editor.vue.js +2 -2
  68. package/src/components/form-designer/setting-panel/property-editor/container-grid/gutter-editor.vue2.js +1 -1
  69. package/src/components/form-designer/setting-panel/property-editor/container-grid/gutter-editor.vue2.js.map +1 -1
  70. package/src/components/form-designer/setting-panel/property-editor/container-grid-col/grid-col-span-editor.vue2.js +1 -1
  71. package/src/components/form-designer/setting-panel/property-editor/container-grid-col/grid-col-span-editor.vue2.js.map +1 -1
  72. package/src/components/form-designer/setting-panel/property-editor/container-tab/tab-customClass-editor.vue.js +1 -1
  73. package/src/components/form-designer/setting-panel/property-editor/container-tab/tab-customClass-editor.vue2.js +1 -1
  74. package/src/components/form-designer/setting-panel/property-editor/container-tab/tab-customClass-editor.vue2.js.map +1 -1
  75. package/src/components/form-designer/setting-panel/property-editor/container-table-cell/cellHeight-editor.vue.js +32 -0
  76. package/src/components/form-designer/setting-panel/property-editor/container-table-cell/cellHeight-editor.vue.js.map +1 -0
  77. package/src/components/form-designer/setting-panel/property-editor/container-table-cell/cellWidth-editor.vue.js +32 -0
  78. package/src/components/form-designer/setting-panel/property-editor/container-table-cell/cellWidth-editor.vue.js.map +1 -0
  79. package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/cancelButtonLabel-editor.vue2.js.map +1 -1
  80. package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/height-editor.vue2.js.map +1 -1
  81. package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/left-editor.vue.js +5 -0
  82. package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/left-editor.vue.js.map +1 -0
  83. package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/left-editor.vue2.js +38 -0
  84. package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/left-editor.vue2.js.map +1 -0
  85. package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/top-editor.vue.js +5 -0
  86. package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/top-editor.vue.js.map +1 -0
  87. package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/top-editor.vue2.js +38 -0
  88. package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/top-editor.vue2.js.map +1 -0
  89. package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/width-editor.vue2.js +10 -10
  90. package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/width-editor.vue2.js.map +1 -1
  91. package/src/components/form-designer/setting-panel/property-editor/customClass-editor.vue2.js +1 -1
  92. package/src/components/form-designer/setting-panel/property-editor/customClass-editor.vue2.js.map +1 -1
  93. package/src/components/form-designer/setting-panel/property-editor/event-handler/onTableChange-editor.vue2.js +4 -4
  94. package/src/components/form-designer/setting-panel/property-editor/event-handler/onTableChange-editor.vue2.js.map +1 -1
  95. package/src/components/form-designer/setting-panel/property-editor/field-rate/rate-defaultValue-editor.vue2.js +1 -1
  96. package/src/components/form-designer/setting-panel/property-editor/field-rate/rate-defaultValue-editor.vue2.js.map +1 -1
  97. package/src/components/form-designer/setting-panel/property-editor/field-slider/range-editor.vue2.js +1 -1
  98. package/src/components/form-designer/setting-panel/property-editor/field-slider/range-editor.vue2.js.map +1 -1
  99. package/src/components/form-designer/setting-panel/property-editor/field-switch/switch-defaultValue-editor.vue2.js +1 -1
  100. package/src/components/form-designer/setting-panel/property-editor/field-switch/switch-defaultValue-editor.vue2.js.map +1 -1
  101. package/src/components/form-designer/setting-panel/property-editor/index.js +178 -176
  102. package/src/components/form-designer/setting-panel/property-editor/index.js.map +1 -1
  103. package/src/components/form-designer/setting-panel/property-editor/labelIconClass-editor.vue2.js +29 -18
  104. package/src/components/form-designer/setting-panel/property-editor/labelIconClass-editor.vue2.js.map +1 -1
  105. package/src/components/form-designer/setting-panel/property-editor/multiple-editor.vue2.js.map +1 -1
  106. package/src/components/form-designer/setting-panel/property-editor/optionItems-editor.vue2.js +1 -1
  107. package/src/components/form-designer/setting-panel/property-editor/optionItems-editor.vue2.js.map +1 -1
  108. package/src/components/form-designer/setting-panel/property-editor/rightSlotCss-editor.vue2.js +1 -1
  109. package/src/components/form-designer/setting-panel/property-editor/rightSlotCss-editor.vue2.js.map +1 -1
  110. package/src/components/form-designer/setting-panel/property-editor/type-editor.vue2.js.map +1 -1
  111. package/src/components/form-designer/setting-panel/property-editor/useEditor.js +1 -1
  112. package/src/components/form-designer/setting-panel/property-editor/useEditor.js.map +1 -1
  113. package/src/components/form-designer/setting-panel/propertyRegister.js +12 -12
  114. package/src/components/form-designer/setting-panel/propertyRegister.js.map +1 -1
  115. package/src/components/form-designer/toolbar-panel/PreviewDialog.vue.js +1 -1
  116. package/src/components/form-designer/toolbar-panel/PreviewDialog.vue.js.map +1 -1
  117. package/src/components/form-designer/toolbar-panel/index.vue.js +2 -2
  118. package/src/components/form-designer/toolbar-panel/index.vue2.js +177 -137
  119. package/src/components/form-designer/toolbar-panel/index.vue2.js.map +1 -1
  120. package/src/components/form-designer/widget-panel/PanelItemDrag.vue.js +50 -0
  121. package/src/components/form-designer/widget-panel/PanelItemDrag.vue.js.map +1 -0
  122. package/src/components/form-designer/widget-panel/basicFields/input.js +4 -2
  123. package/src/components/form-designer/widget-panel/basicFields/input.js.map +1 -1
  124. package/src/components/form-designer/widget-panel/containers/vf-box.js +1 -4
  125. package/src/components/form-designer/widget-panel/containers/vf-box.js.map +1 -1
  126. package/src/components/form-designer/widget-panel/containers/vf-dialog.js +34 -10
  127. package/src/components/form-designer/widget-panel/containers/vf-dialog.js.map +1 -1
  128. package/src/components/form-designer/widget-panel/index.vue.js +2 -2
  129. package/src/components/form-designer/widget-panel/index.vue2.js +34 -74
  130. package/src/components/form-designer/widget-panel/index.vue2.js.map +1 -1
  131. package/src/components/form-render/container-items/data-table-widget.vue.js +3 -3
  132. package/src/components/form-render/container-items/data-table-widget.vue2.js +65 -64
  133. package/src/components/form-render/container-items/data-table-widget.vue2.js.map +1 -1
  134. package/src/components/form-render/dynamic-dialog.vue.js +79 -83
  135. package/src/components/form-render/dynamic-dialog.vue.js.map +1 -1
  136. package/src/components/public/ActionButtonListDialog.vue.js +2 -2
  137. package/src/components/public/ActionButtonListDialog.vue2.js +117 -96
  138. package/src/components/public/ActionButtonListDialog.vue2.js.map +1 -1
  139. package/src/components/public/ActionButtonListRender.vue.js +17 -15
  140. package/src/components/public/ActionButtonListRender.vue.js.map +1 -1
  141. package/src/components/public/ActionButtonListRender.vue2.js +48 -38
  142. package/src/components/public/ActionButtonListRender.vue2.js.map +1 -1
  143. package/src/components/public/ConfigView/CustomPageRender.vue.js +58 -0
  144. package/src/components/public/ConfigView/CustomPageRender.vue.js.map +1 -0
  145. package/src/components/public/ConfigView/CustomPageRender.vue2.js +5 -0
  146. package/src/components/public/ConfigView/CustomPageRender.vue2.js.map +1 -0
  147. package/src/components/public/CustomerModal/CustomerModal.vue2.js +63 -56
  148. package/src/components/public/CustomerModal/CustomerModal.vue2.js.map +1 -1
  149. package/src/constants/EditorTypeEnum.js +1 -1
  150. package/src/constants/EditorTypeEnum.js.map +1 -1
  151. package/src/constants/WidgetTypeEnum.js +3 -4
  152. package/src/constants/WidgetTypeEnum.js.map +1 -1
  153. package/src/hooks/useDataHttp.js +8 -7
  154. package/src/hooks/useDataHttp.js.map +1 -1
  155. package/src/hooks/useLowcode.js.map +1 -1
  156. package/src/lang/en-US.js +3 -1
  157. package/src/lang/en-US.js.map +1 -1
  158. package/src/lang/zh-CN.js +5 -5
  159. package/src/lang/zh-CN.js.map +1 -1
  160. package/src/utils/util.js +26 -35
  161. package/src/utils/util.js.map +1 -1
  162. package/stats.html +1 -1
  163. package/styles/style.css +1 -1
  164. package/src/components/FormRender/FormContainer.js +0 -52
  165. package/src/components/FormRender/FormContainer.js.map +0 -1
  166. package/src/components/bi-widget/echartBar/echart-bar-widget.vue.js +0 -8
  167. package/src/components/bi-widget/echartBar/echart-bar-widget.vue.js.map +0 -1
  168. package/src/components/bi-widget/echartBar/echart-bar-widget.vue2.js +0 -43
  169. package/src/components/bi-widget/echartBar/echart-bar-widget.vue2.js.map +0 -1
  170. package/src/components/bi-widget/echartBar/echart-bar.js +0 -35
  171. package/src/components/bi-widget/echartBar/echart-bar.js.map +0 -1
  172. package/src/components/bi-widget/index.js +0 -13
  173. package/src/components/bi-widget/index.js.map +0 -1
  174. package/src/components/designer.js.map +0 -1
  175. package/src/components/form-designer/form-widget/RenderDesignerPC.vue.js +0 -26
  176. package/src/components/form-designer/form-widget/RenderDesignerPC.vue.js.map +0 -1
  177. package/src/components/form-designer/form-widget/RenderDesignerPC.vue2.js +0 -5
  178. package/src/components/form-designer/form-widget/RenderDesignerPC.vue2.js.map +0 -1
  179. package/src/components/form-designer/form-widget/bi/RenderDesignerBI.vue.js +0 -8
  180. package/src/components/form-designer/form-widget/bi/RenderDesignerBI.vue.js.map +0 -1
  181. package/src/components/form-designer/form-widget/bi/RenderDesignerBI.vue2.js +0 -68
  182. package/src/components/form-designer/form-widget/bi/RenderDesignerBI.vue2.js.map +0 -1
  183. package/src/components/form-designer/form-widget/bi/RenderDesignerBIWigetList.vue.js +0 -8
  184. package/src/components/form-designer/form-widget/bi/RenderDesignerBIWigetList.vue.js.map +0 -1
  185. package/src/components/form-designer/form-widget/bi/RenderDesignerBIWigetList.vue2.js +0 -136
  186. package/src/components/form-designer/form-widget/bi/RenderDesignerBIWigetList.vue2.js.map +0 -1
  187. package/src/components/form-designer/form-widget/bi/WidgetContextMenu.vue.js +0 -8
  188. package/src/components/form-designer/form-widget/bi/WidgetContextMenu.vue.js.map +0 -1
  189. package/src/components/form-designer/form-widget/bi/WidgetContextMenu.vue2.js +0 -153
  190. package/src/components/form-designer/form-widget/bi/WidgetContextMenu.vue2.js.map +0 -1
  191. package/src/components/form-designer/form-widget/bi/useRuler.js +0 -66
  192. package/src/components/form-designer/form-widget/bi/useRuler.js.map +0 -1
  193. package/src/components/form-designer/setting-panel/panel/PanelItemDrag.vue.js +0 -51
  194. package/src/components/form-designer/setting-panel/panel/PanelItemDrag.vue.js.map +0 -1
  195. package/src/components/form-designer/setting-panel/panel/PanelItemDragForBI.vue.js +0 -51
  196. package/src/components/form-designer/setting-panel/panel/PanelItemDragForBI.vue.js.map +0 -1
  197. package/src/components/form-designer/setting-panel/panel/PanelItemDragForBI.vue2.js +0 -5
  198. package/src/components/form-designer/setting-panel/panel/PanelItemDragForBI.vue2.js.map +0 -1
  199. package/src/components/form-designer/setting-panel/property-editor/dsEnabled-editor.vue.js +0 -5
  200. package/src/components/form-designer/setting-panel/property-editor/dsEnabled-editor.vue.js.map +0 -1
  201. package/src/components/form-designer/setting-panel/property-editor/dsEnabled-editor.vue2.js +0 -71
  202. package/src/components/form-designer/setting-panel/property-editor/dsEnabled-editor.vue2.js.map +0 -1
  203. package/src/components/form-designer/setting-panel/property-editor/echart-bar-editor.vue.js +0 -5
  204. package/src/components/form-designer/setting-panel/property-editor/echart-bar-editor.vue.js.map +0 -1
  205. package/src/components/form-designer/setting-panel/property-editor/echart-bar-editor.vue2.js +0 -81
  206. package/src/components/form-designer/setting-panel/property-editor/echart-bar-editor.vue2.js.map +0 -1
  207. package/src/components/form-render/SubmitButtonRender.vue.js +0 -92
  208. package/src/components/form-render/SubmitButtonRender.vue.js.map +0 -1
  209. package/src/components/form-render/SubmitButtonRender.vue2.js +0 -5
  210. package/src/components/form-render/SubmitButtonRender.vue2.js.map +0 -1
  211. package/src/constants/LayoutTypeEnum.js +0 -5
  212. package/src/constants/LayoutTypeEnum.js.map +0 -1
  213. package/src/hooks/useDesigner.js +0 -51
  214. package/src/hooks/useDesigner.js.map +0 -1
  215. /package/src/components/form-designer/{setting-panel/panel → widget-panel}/PanelItemDrag.vue2.js +0 -0
  216. /package/src/components/form-designer/{setting-panel/panel → widget-panel}/PanelItemDrag.vue2.js.map +0 -0
package/styles/style.css CHANGED
@@ -1 +1 @@
1
- @charset "UTF-8";.primary-color{color:var(--ant-primary-color)}.background-opacity{background:var(--ant-primary-4)}.form-widget-list .ghost{content:"";font-size:0;height:3px;box-sizing:border-box;background:var(--ant-primary-4);border:2px solid var(--ant-primary-4);outline-width:0;padding:0;overflow:hidden}.button-text-highlight.ant-btn{font-weight:700;color:var(--ant-primary-color)}.custom-divider.ant-divider{font-size:14px;margin:5px}.field-wrapper .full-width-input{width:100%!important}.t-mb-3{margin-bottom:.75rem}.t-mb-\[10px\]{margin-bottom:10px}.t-mb-\[5px\]{margin-bottom:5px}.t-mr-\[5px\]{margin-right:5px}.t-mt-5{margin-top:1.25rem}.t-mt-\[10px\]{margin-top:10px}.t-flex{display:flex}.t-h-\[300px\]{height:300px}.t-h-\[30vh\]{height:30vh}.t-h-full{height:100%}.t-w-\[500px\]{width:500px}.t-w-full{width:100%}.t-flex-1{flex:1 1 0%}.t-flex-col{flex-direction:column}.t-items-center{align-items:center}.t-justify-end{justify-content:flex-end}.t-justify-center{justify-content:center}.t-overflow-y-auto{overflow-y:auto}.t-bg-\[\#fff\]{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.t-p-\[10px\]{padding:10px}.t-p-\[4px\]{padding:4px}.t-px-\[11px\]{padding-left:11px;padding-right:11px}.t-py-\[10px\]{padding-top:10px;padding-bottom:10px}.t-py-\[4px\]{padding-top:4px;padding-bottom:4px}.t-text-right{text-align:right}.t-text-\[22px\]{font-size:22px}.t-text-\[\#666\]{--tw-text-opacity: 1;color:rgb(102 102 102 / var(--tw-text-opacity))}.t-text-primary{color:var(--ant-primary-color)}div.panel-container[data-v-cf57c1f3] .ant-tabs-nav{margin-bottom:0;height:42px}div.panel-container[data-v-cf57c1f3] .color-svg-icon{font-size:16px;color:var(--ant-primary-4)}.no-bottom-margin[data-v-cf57c1f3] .ant-collapse-header{margin-bottom:0;padding:8px!important}.indent-left-margin[data-v-cf57c1f3] .ant-tabs-nav{margin-left:20px}.ant-collapse-item[data-v-cf57c1f3] ul>li{list-style:none}.widget-collapse[data-v-cf57c1f3]{border-top-width:0}.widget-collapse[data-v-cf57c1f3] .ant-collapse-content>.ant-collapse-content-box{padding:4px}.widget-collapse[data-v-cf57c1f3] .ant-collapse-content ul{padding:0;margin:0;margin-block-start:0;margin-block-end:.1em;display:flex;flex-wrap:wrap;gap:4px}.widget-collapse[data-v-cf57c1f3] .ant-collapse-content ul:after{content:"";display:block;clear:both}.widget-collapse[data-v-cf57c1f3] .ant-collapse-content ul .container-widget-item,.widget-collapse[data-v-cf57c1f3] .ant-collapse-content ul .field-widget-item{width:calc(50% - 2px);padding:6px 8px;border-radius:6px;cursor:move;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;background:#f5f7fa;border:1px solid #e4e7ed;transition:all .3s ease;display:flex;align-items:center;gap:4px}.widget-collapse[data-v-cf57c1f3] .ant-collapse-content ul .container-widget-item:hover,.widget-collapse[data-v-cf57c1f3] .ant-collapse-content ul .field-widget-item:hover{background:#ecf5ff;border-color:var(--ant-primary-4);box-shadow:0 2px 6px #0000001a;transform:translateY(-1px)}.widget-collapse[data-v-cf57c1f3] .ant-collapse-content ul .drag-handler{position:absolute;top:0;left:160px;background-color:#ddd;border-radius:5px;padding-right:5px;font-size:11px;color:#666}.ft-card[data-v-cf57c1f3]{margin-bottom:10px}.ft-card .bottom[data-v-cf57c1f3]{margin-top:10px;line-height:12px}.ft-card .ft-title[data-v-cf57c1f3]{font-size:13px;font-weight:700}.ft-card .right-button[data-v-cf57c1f3]{padding:0;float:right}.ft-card .clear-fix[data-v-cf57c1f3]:before,.ft-card .clear-fix[data-v-cf57c1f3]:after{display:table;content:""}.ft-card .clear-fix[data-v-cf57c1f3]:after{clear:both}.ant-collapse[data-v-cf57c1f3]{border:none}.ant-collapse>.ant-collapse-item[data-v-cf57c1f3]{border-bottom:none}.side-scroll-bar[data-v-cf57c1f3],.side-scroll-bar .panel-container[data-v-cf57c1f3]{height:100%;overflow:auto}.side-scroll-bar .panel-container>.ant-tabs[data-v-cf57c1f3]{height:100%;overflow:auto;display:flex;flex-direction:column}.side-scroll-bar .panel-container>.ant-tabs[data-v-cf57c1f3] .ant-tabs-content-holder{flex:1 0 0;overflow:auto}.dialog-content{display:flex;flex:1;flex-direction:column;min-height:300px}.container-wrapper[data-v-bfd50b8f]{position:relative;margin-bottom:5px}.svg-icon[data-v-0beca61f]{width:1.1em;height:1.1em;margin-left:.35em;margin-right:.35em;vertical-align:-.15em;fill:currentColor;overflow:hidden}.sub-form-container[data-v-4483eccd]{margin-bottom:16px;text-align:left;background:#fafafa;border-radius:8px}.sub-form-container .header-row[data-v-4483eccd]{margin-top:15px}.sub-form-container .header-row[data-v-4483eccd] .action-button{height:35px}.sub-form-container .sub-form-row[data-v-4483eccd]{display:flex;align-items:center;background:#fff;margin:8px 0;border-radius:6px;box-shadow:0 1px 2px #00000008}.sub-form-container .sub-form-row .row-number-span[data-v-4483eccd]{margin-left:16px}.sub-form-action-column[data-v-4483eccd]{display:inline-block;align-items:center;text-align:center;padding:8px}.grid-sub-form-data-row[data-v-4483eccd]{display:inline-block;flex:1;padding:10px;position:relative}.grid-sub-form-data-row[data-v-4483eccd]:before,.grid-sub-form-data-row[data-v-4483eccd]:after{content:"";display:inline-block;width:1px;height:60%;background:#e1e2e3;position:absolute;top:50%;transform:translateY(-50%)}.grid-sub-form-data-row[data-v-4483eccd]:before{left:0}.grid-sub-form-data-row[data-v-4483eccd]:after{right:0}.grid-sub-form-data-row[data-v-4483eccd] .ant-form-item{margin-bottom:0}div.row-no-column[data-v-4483eccd]{display:flex;align-items:center;width:50px;border-radius:10px;background:#f1f2f3;padding:5px 0;margin:0 6px;font-size:14px;color:#666}.action-button-column[data-v-4483eccd]{width:140px}.grid-cell[data-v-bf0d58c2]{padding:3px;position:relative}.grid-cell .form-widget-list[data-v-bf0d58c2]{min-height:28px}.button-list-container[data-v-31fe589f]{flex:1;display:flex;justify-content:var(--flex)}.button-list-container .button-icon[data-v-31fe589f]{margin-right:4px}.talbe-wrapper[data-v-a0243d5c],.talbe-wrapper .vxe-grid[data-v-a0243d5c]{width:100%}.talbe-wrapper__pagination[data-v-a0243d5c]{margin-top:10px;display:flex;justify-content:end}.collapse-container[data-v-899a85a2]{display:flex;margin:2px;height:100%;width:100%;flex:1 0 0}.collapse-container .form-widget-list[data-v-899a85a2]{min-height:28px}.collapse-container[data-v-899a85a2] .header-right .form-widget-list{min-width:200px}.tpf-collapse[data-v-899a85a2] .tpf-collapse-content-wrapper{padding:10px 12px;overflow:hidden;background-color:#fff;min-height:200px}.box-container[data-v-c0a4a24c]{width:100%;position:relative}.container-action[data-v-761fa263]{position:absolute;bottom:0;right:-2px;height:28px;line-height:28px;background:var(--ant-primary-4);z-index:999}.container-action i[data-v-761fa263]{font-size:14px;color:#fff;margin:0 5px;cursor:pointer}.container-action[data-v-761fa263] .svg-icon,.drag-handler[data-v-761fa263] .svg-icon{margin-left:.1em;margin-right:.1em}.drag-handler[data-v-761fa263]{position:absolute;top:-2px;left:-2px;height:22px;line-height:22px;background:var(--ant-primary-4);z-index:9}.drag-handler i[data-v-761fa263]{font-size:14px;font-style:normal;color:#fff;margin:4px;cursor:move}.container-design-widget[data-v-22ca8dff]{border:2px dashed #cccccc}.container-design-widget.selected[data-v-22ca8dff]{outline:2px solid var(--ant-primary-color)!important}.container-wrapper[data-v-22ca8dff]{position:relative;margin-bottom:5px;padding:5px}.tab-container .form-widget-list[data-v-3a48155b]{min-height:28px}.tab-container[data-v-3a48155b] .ant-tabs.ant-tabs-bottom .ant-tabs-nav-wrap,.tab-container[data-v-3a48155b] .ant-tabs.ant-tabs-top .ant-tabs-nav-wrap{padding-left:26px}.tab-container[data-v-3a48155b] .tab-content-wrapper{min-height:100px}.debug-panel[data-v-3207b100]{position:absolute;top:0;right:0;width:400px;height:100vh;background-color:#fff;box-shadow:-2px 0 8px #00000026;z-index:9999;transition:transform .3s ease-in-out;display:flex;flex-direction:column;border-top-left-radius:8px;border-bottom-left-radius:8px}.debug-panel.collapsed[data-v-3207b100]{transform:translate(400px)}.debug-panel.collapsed .debug-toggle[data-v-3207b100]{left:-40px;border-radius:8px 0 0 8px;width:40px}.debug-panel .debug-toggle[data-v-3207b100]{position:absolute;left:-40px;top:20px;width:40px;height:40px;background-color:var(--ant-primary-color);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:8px 0 0 8px;font-size:12px;box-shadow:-2px 0 8px #00000026;writing-mode:vertical-lr;padding:8px 0;-webkit-user-select:none;user-select:none}.debug-panel .debug-content[data-v-3207b100]{flex:1;overflow:auto;padding:16px;background-color:#f5f7fa}.debug-panel .debug-content .debug-section[data-v-3207b100]{margin-bottom:24px;background-color:#fff;border-radius:8px;padding:16px;box-shadow:0 2px 4px #0000000d}.debug-panel .debug-content .debug-section h3[data-v-3207b100]{margin:0 0 12px;font-size:14px;font-weight:600;color:#333;border-bottom:1px solid #e8e8e8;padding-bottom:8px}.debug-panel .debug-content .debug-section .empty-state[data-v-3207b100]{color:#999;font-size:12px;text-align:center;padding:20px}.debug-panel .debug-content .debug-section .widget-list[data-v-3207b100]{display:flex;flex-direction:column;gap:2px}.debug-panel .debug-content .debug-section .widget-list .widget-item[data-v-3207b100]{border:1px solid #e8e8e8;border-radius:4px;padding:2px 4px;line-height:1.2;background-color:#fafafa;cursor:pointer}.debug-panel .debug-content .debug-section .widget-list .widget-item .widget-key[data-v-3207b100]{font-weight:600;color:var(--ant-primary-color);font-size:12px}.debug-panel .debug-content pre[data-v-3207b100]{margin:0;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:12px;white-space:pre-wrap;word-wrap:break-word;background-color:#f5f5f5;padding:8px;border-radius:4px;color:#333}.loading-wrapper[data-v-265d2513]{min-height:300px;padding:20px}.ant-form .ant-form-item-explain.ant-form-item-explain-connected[data-v-265d2513]{display:none}.toolbar-container[data-v-4565cd1a]{width:100%;display:flex;height:42px;align-items:center;justify-content:space-between}.left-toolbar[data-v-4565cd1a]{display:flex;margin-top:4px;font-size:16px}.right-toolbar[data-v-4565cd1a]{display:flex;line-height:42px;overflow:hidden}.right-toolbar .right-toolbar-con[data-v-4565cd1a]{text-align:left}.right-toolbar[data-v-4565cd1a] .svg-icon{margin-left:0;margin-right:.05em}.no-box-shadow[data-v-4565cd1a]{box-shadow:none}.form-render-wrapper.h5-layout[data-v-4565cd1a]{margin:0 auto;width:420px;border-radius:15px;box-shadow:0 0 1px 10px #495060;height:calc(100vh - 175px);overflow-y:auto;overflow-x:hidden}.form-render-wrapper.pad-layout[data-v-4565cd1a]{margin:0 auto;width:960px;border-radius:15px;box-shadow:0 0 1px 10px #495060;height:calc(100vh - 175px);overflow-y:auto;overflow-x:hidden}.box-model-container[data-v-ba2a8791]{padding:12px}.visual-box-model[data-v-ba2a8791]{display:flex;justify-content:center;margin-bottom:24px;font-size:12px}.box-layer[data-v-ba2a8791]{position:relative;border:1px dashed #999;display:flex;align-items:center;justify-content:center;transition:all .3s}.box-layer[data-v-ba2a8791]:hover{border-style:solid}.box-layer .layer-label[data-v-ba2a8791]{position:absolute;top:2px;left:4px;font-size:10px;color:#999;pointer-events:none}.box-layer .input-pos[data-v-ba2a8791]{position:absolute;display:flex;align-items:center;justify-content:center}.box-layer .input-pos.top[data-v-ba2a8791]{top:2px;left:50%;transform:translate(-50%)}.box-layer .input-pos.right[data-v-ba2a8791]{right:2px;top:50%;transform:translateY(-50%)}.box-layer .input-pos.bottom[data-v-ba2a8791]{bottom:2px;left:50%;transform:translate(-50%)}.box-layer .input-pos.left[data-v-ba2a8791]{left:2px;top:50%;transform:translateY(-50%)}.box-layer .input-pos[data-v-ba2a8791] .ant-input-number{width:40px;background:transparent;border:none;box-shadow:none;text-align:center}.box-layer .input-pos[data-v-ba2a8791] .ant-input-number .ant-input-number-input{padding:0;text-align:center;font-size:12px}.margin-box[data-v-ba2a8791]{width:280px;height:180px;background-color:#f9cc9d;border-color:#f9cc9d}.border-box[data-v-ba2a8791]{width:200px;height:120px;background-color:#fceeb5;border-color:#fceeb5}.padding-box[data-v-ba2a8791]{width:140px;height:80px;background-color:#c3eec0;border-color:#c3eec0}.content-box[data-v-ba2a8791]{width:80px;height:40px;background-color:#b5d6fc;border-color:#b5d6fc;border-style:solid}.content-box .content-text[data-v-ba2a8791]{color:#666}.property-group[data-v-ba2a8791]{margin-bottom:16px}.property-group .property-label[data-v-ba2a8791]{min-width:25px;flex-shrink:0;color:#666}.property-group.border-group .property-label[data-v-ba2a8791]{width:80px}.property-group-title[data-v-ba2a8791]{font-size:13px;font-weight:500;margin-bottom:8px;color:#333}.property-item[data-v-ba2a8791]{display:flex;align-items:center;margin-bottom:8px}.add-btn[data-v-be808070]{margin-top:10px;text-align:center}.container-input[data-v-a73f7d08]{margin-top:5px}.editor-Selection-drawer .ant-drawer-body{padding:10px}.editor-Selection-drawer .editor-Selection-form .ant-form-item{margin-bottom:12px}.button-row[data-v-a6551319]{border-bottom:1px solid #e1e2e3;margin-bottom:12px}.drag-sort-col[data-v-a6551319]{padding-top:8px;cursor:move}.table-wrap[data-v-8eb0f5c4]{font-size:12px;flex:1;display:flex;flex-direction:column}.table-wrap .add-btn[data-v-8eb0f5c4]{margin-top:10px;text-align:center}li.col-item[data-v-d175c295]{list-style:none;margin-bottom:5px;display:flex}li.col-item span.col-span-title[data-v-d175c295]{display:inline-block;font-size:13px;width:80px}li.col-item .col-delete-button[data-v-d175c295]{margin-left:6px}li.col-item[data-v-c467194f]{list-style:none}li.col-item span.col-span-title[data-v-c467194f]{display:inline-block;font-size:13px;width:120px}li.col-item .col-delete-button[data-v-c467194f]{margin-left:6px}.panes-setting ul[data-v-c467194f]{padding-inline-start:0;padding-left:0;margin:0}.panes-setting .drag-option[data-v-c467194f]{cursor:move}.panes-setting li.ghost[data-v-c467194f]{background:#fff;border:2px dotted var(--ant-primary-4)}.html-content-editor[data-v-bc48f1df]{font-size:13px}.radio-group-custom[data-v-89a34bd2] .ant-radio-button__inner{padding-left:12px;padding-right:12px}.option-items-pane[data-v-693d4212]{width:100%}.option-items-pane ul[data-v-693d4212]{width:100%;margin-bottom:0}.option-items-pane ul>li[data-v-693d4212]{margin-bottom:5px;display:flex;align-items:center}.option-items-pane ul>li .ant-radio-wrapper[data-v-693d4212],.option-items-pane ul>li .ant-checkbox-wrapper[data-v-693d4212]{display:flex;align-items:center;width:100%;margin-right:0}.option-items-pane ul>li .ant-input[data-v-693d4212]{margin:0 4px}.option-items-pane ul>li .drag-option[data-v-693d4212]{display:inline-flex;align-items:center;margin:0 6px;cursor:move;color:#999}.option-items-pane ul>li .drag-option[data-v-693d4212]:hover{color:var(--ant-primary-color)}.option-items-pane ul>li .ant-btn[data-v-693d4212]{margin-left:4px}.option-items-pane .option-header[data-v-693d4212]{display:flex;margin-bottom:8px;padding-left:28px}.option-items-pane .option-header .value-label[data-v-693d4212]{width:64px;margin-right:4px;color:#000000d9;font-size:12px}.option-items-pane .option-header .text-label[data-v-693d4212]{width:74px;color:#000000d9;font-size:12px}.option-items-pane .option-group[data-v-693d4212]{width:100%;margin-bottom:2px}.option-items-pane .ant-btn[data-v-693d4212]{margin-right:8px}.option-items-pane .ant-btn[data-v-693d4212]:last-child{margin-right:0}.option-items-pane .ant-btn .anticon[data-v-693d4212]{margin-right:0}li.ghost[data-v-693d4212]{background:#f5f5f5;border:1px dashed var(--ant-primary-color);border-radius:4px;padding:4px}.dialog-footer[data-v-693d4212]{display:flex;justify-content:flex-end;margin-top:16px}.dialog-footer .ant-btn[data-v-693d4212]{min-width:80px;margin-left:8px}.full-width-input[data-v-693d4212]{width:100%!important;margin-bottom:5px}.full-width-input[data-v-693d4212] .ant-cascader,.full-width-input[data-v-693d4212] .ant-tree-select{width:100%!important}.action-buttons[data-v-693d4212]{display:flex;flex-wrap:wrap;margin-bottom:5px;justify-content:center}.eventPanel[data-v-c232c01e] .ant-form-item-row{flex:1}.eventPanel[data-v-c232c01e] .ant-form-item-row .ant-form-item-control-input-content .ant-btn{border:1px solid #eee}.eventPanel[data-v-c232c01e] .ant-form-item-row .ant-form-item-label{flex:1}.eventPanel[data-v-c232c01e] .ant-col.ant-form-item-control{flex:0 0 80px}.panel-container[data-v-3e0126d9]{background-color:#fff;border-radius:4px;height:100%;box-shadow:0 1px 3px #0000001a}.panel-container[data-v-3e0126d9] .ant-tabs-content-holder{flex:1;display:flex}.panel-container .tpf-form.ant-form[data-v-3e0126d9]{padding:0}.panel-container .eventPanel[data-v-3e0126d9] .ant-form-item-row,.panel-container .eventPanel[data-v-3e0126d9] .ant-form-item-row .ant-form-item-label{flex:1}.panel-container .eventPanel[data-v-3e0126d9] .ant-form-item-row .ant-form-item-control-input-content .ant-btn{border:1px solid #eee}.panel-container .eventPanel[data-v-3e0126d9] .ant-col.ant-form-item-control{flex:0 0 80px}.panel-container[data-v-3e0126d9] .ant-tabs-nav{padding:0 16px;margin:0;height:42px;border-bottom:1px solid #f0f0f0}.panel-container[data-v-3e0126d9] .ant-tabs-tab{padding:12px 0;margin:0 16px 0 0;transition:all .3s}.panel-container[data-v-3e0126d9] .ant-tabs-content{overflow:auto;padding:0}.panel-container[data-v-3e0126d9] .ant-form-item{margin-bottom:3px}.panel-container[data-v-3e0126d9] .ant-form-item .ant-form-item-row{flex:1}.panel-container[data-v-3e0126d9] .ant-form-item .ant-select{width:100%}.panel-container[data-v-3e0126d9] .ant-form-item:last-child{margin-bottom:0}.panel-container[data-v-3e0126d9] .ant-collapse{border:none;background:transparent}.panel-container[data-v-3e0126d9] .ant-collapse-item{border:none;overflow:hidden}.panel-container[data-v-3e0126d9] .ant-collapse-item:last-child{margin-bottom:0}.panel-container[data-v-3e0126d9] .ant-collapse-header{padding:8px!important;background:#fafafa}.panel-container[data-v-3e0126d9] .ant-collapse-header:hover{background:#f5f5f5}.panel-container[data-v-3e0126d9] .ant-collapse-content-box{padding:8px;background:#fff}.panel-container[data-v-3e0126d9] .ant-collapse-content-box .ant-form-item{display:flex}.panel-container[data-v-3e0126d9] .ant-collapse-content-box .ant-form-item-label{width:130px}[data-v-3e0126d9] .hide-spin-button input::-webkit-outer-spin-button,[data-v-3e0126d9] .hide-spin-button input::-webkit-inner-spin-button{-webkit-appearance:none!important}.ds-setting-drawer{right:320px!important}.es-drager-rotate[data-v-1b6d4877]{position:absolute;top:0;left:50%;transform:translate(-50%,-200%)}.es-drager-rotate-handle[data-v-1b6d4877]{width:16px;height:16px;font-size:20px;color:var(--es-drager-color)}.es-drager-skew[data-v-68f41cf2]{position:absolute;top:0;left:0;transform:translateY(-200%)}.es-drager-skew-handle[data-v-68f41cf2]{width:16px;height:16px;font-size:20px;color:var(--es-drager-color)}.es-drager{--es-drager-color: #3a7afe;position:absolute}.es-drager:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;display:none}.es-drager.selected{transition:none}.es-drager.selected:not(.es-drager-text){-webkit-user-select:none;user-select:none}.es-drager.selected:not(.es-drager-text):after{display:block;outline:1px dashed var(--es-drager-color)}.es-drager.selected .es-drager-dot{display:block}.es-drager.border{border:1px solid var(--es-drager-color)}.es-drager.disabled{opacity:.4;cursor:not-allowed!important}.es-drager:hover{cursor:move}.es-drager-dot{display:none;position:absolute;z-index:1;transform:translate(-50%,-50%);cursor:se-resize}.es-drager-dot-handle{width:10px;height:10px;border-radius:50%;background-color:var(--es-drager-color)}.es-drager-dot[data-side=left] .es-drager-dot-handle,.es-drager-dot[data-side=right] .es-drager-dot-handle{width:8px;height:16px;border-radius:8px}.es-drager-dot[data-side=top] .es-drager-dot-handle,.es-drager-dot[data-side=bottom] .es-drager-dot-handle{width:16px;height:8px;border-radius:8px}.es-drager-dot[data-side*=right]{transform:translate(50%,-50%)}.es-drager-dot[data-side*=bottom]{transform:translate(-50%,50%)}.es-drager-dot[data-side=bottom-right]{transform:translate(50%,50%)}.transition-group-el[data-v-e29f4673]{position:absolute}.transition-group-el[data-v-e29f4673] .es-drager{--es-drager-color: var(--ant-primary-2) !important;--es-drager-dot-handle-color: #51d6a9}.transition-group-el[data-v-e29f4673] .es-drager:hover:not(.es-drager-text):after{display:block;outline:1px dashed var(--es-drager-color)}.transition-group-el[data-v-e29f4673] .es-drager.selected{background-color:#51d6a91a}.transition-group-el[data-v-e29f4673] .es-drager.selected:not(.es-drager-text):after{outline:1px solid var(--es-drager-color)}.transition-group-el[data-v-e29f4673] .es-drager .es-drager-dot-handle{border:3px solid var(--es-drager-dot-handle-color);border-radius:5px;background-color:#fff}.h-container,.v-container{position:absolute}.h-container .indicator,.v-container .indicator{z-index:4;position:absolute}.h-container .line,.v-container .line,.h-container .action,.v-container .action{position:absolute}.h-container .value,.v-container .value{transform:scale(.83);padding:5px;border-radius:5px;font-size:12px;white-space:nowrap}.h-container{top:0}.h-container .line{top:0;height:100vh}.h-container .line:before,.h-container .line:after{content:"";display:inline-block;width:4px;height:100vh;position:absolute}.h-container .line:before{left:-4px;top:0}.h-container .line:after{right:-4px;top:0}.h-container .indicator{left:0;width:100vw}.h-container .indicator:before,.h-container .indicator:after{content:"";display:inline-block;height:4px;width:100vw;position:absolute}.h-container .indicator:before{top:-5px;left:0}.h-container .indicator:after{bottom:-5px;left:0}.v-container{left:0}.v-container .line{left:0;width:100vw}.v-container .line:before,.v-container .line:after{content:"";display:inline-block;height:4px;width:100vw;position:absolute}.v-container .line:before{top:-5px;left:0}.v-container .line:after{bottom:-5px;left:0}.v-container .indicator{top:0;height:100vh}.v-container .indicator:before,.v-container .indicator:after{content:"";display:inline-block;width:4px;height:100vh;position:absolute}.v-container .indicator:before{left:-4px;top:0}.v-container .indicator:after{right:-4px;top:0}.sketch-ruler{position:relative;z-index:3;width:100%;height:100%;overflow:hidden;font-size:12px}.sketch-ruler span{line-height:1}.sketch-ruler .canvasedit{width:var(--v966d287c);height:var(--v2eec692b)}.sketch-ruler .canvasedit-parent{position:absolute;left:var(--ba416de2);top:var(--ba416de2)}.sketch-ruler .corner{position:absolute;top:0;left:0;pointer-events:auto;cursor:pointer;box-sizing:content-box;transition:all .2s ease-in-out}.sketch-ruler .defaultCursor{cursor:default!important}.sketch-ruler .grabCursor{cursor:grab!important}.context-menu-trigger[data-v-5c0e43ed]{width:1px;height:1px;z-index:9999}.form-widget-canvas-bi[data-v-82edab33]{position:relative;width:100%;height:100%;overflow:hidden;padding:0!important;--grid-line-color: rgba(0, 0, 0, .1)}.form-widget-canvas-bi[data-v-82edab33] .canvasedit-parent{background-color:#18181c!important;background-size:15px 15px!important;background-image:linear-gradient(#18181c 14px,transparent 0),linear-gradient(90deg,transparent 14px,#86909c 0)!important}.form-widget-canvas-bi[data-v-82edab33] .canvasedit{background:#232324}.canvas-wrapper[data-v-82edab33]{height:100%;width:100%;position:relative}.canvas-content[data-v-82edab33]{margin:40px}.zoom-control[data-v-82edab33]{position:absolute;bottom:20px;right:20px;z-index:100;display:flex;align-items:center;background:#fffc;padding:5px 15px;border-radius:4px;box-shadow:0 2px 8px #00000026}.zoom-control span[data-v-82edab33]{min-width:40px;text-align:right;color:#333}.form-widget-container[data-v-b0bf411e]{padding:5px;background:#f1f2f3;overflow-x:hidden;overflow-y:auto}.form-widget-container__bi[data-v-b0bf411e]{padding:0}.form-widget-container .ant-form.full-height-width[data-v-b0bf411e]{overflow-y:auto;height:100%;padding:3px;background:#fff;position:relative}.form-widget-container .ant-form.full-height-width .no-widget-hint[data-v-b0bf411e]{position:absolute;left:0;right:0;top:0;bottom:0;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:18px;color:#999}.form-widget-container .ant-form.full-height-width .form-widget-canvas[data-v-b0bf411e]{height:100%;display:flex;flex-direction:column;padding:3px;position:relative}.form-widget-container .ant-form.full-height-width .form-widget-canvas[data-v-b0bf411e] .container-wrapper{margin:10px 3px;min-width:0}.form-widget-container .ant-form.full-height-width .form-widget-canvas[data-v-b0bf411e] .field-widget-item,.form-widget-container .ant-form.full-height-width .form-widget-canvas[data-v-b0bf411e] .container-widget-item{margin:0 0 10px;border:1px dashed #333;border-radius:3px;background:#eee;height:30px;align-items:center;display:flex;justify-content:center;color:#999}.form-widget-container[data-v-b0bf411e] li.container-widget-item,.form-widget-container[data-v-b0bf411e] li.field-widget-item{list-style:none}.form-widget-container .ant-form.BI-layout[data-v-b0bf411e]{padding:0}.form-widget-container .ant-form.H5-layout[data-v-b0bf411e]{margin:10px auto 0;width:420px;border-radius:15px;height:calc(100% - 20px);box-shadow:0 0 1px 10px #495060}.form-widget-container .ant-form.widget-form[data-v-b0bf411e] .ant-row{padding:2px}.main-container,.main-container .ant-layout-sider{background:#fff}.main-container :deep(aside){margin:0;padding:0;background:inherit}.main-container .form-widget-main{padding:0;position:relative;overflow-x:hidden;flex:1 0 0}.main-container .full-height{height:100%;overflow-y:hidden}.main-container .center-layout-container{min-width:680px;border-left:2px solid #ebeef5;border-right:2px dotted #ebeef5;display:flex;flex-direction:column}.main-container .form-widget-footer{flex:0 0 50px;align-items:center;background:#fff;display:flex;justify-content:space-between;padding:0 15px}.main-container .main-header{border-bottom:2px solid #ebeef5;background:#fff;padding:0;height:48px!important;line-height:48px!important;min-width:800px}.main-container .container-scroll-bar{height:100%}.main-container .container-scroll-bar>.form-widget-container{height:100%}.main-container .toolbar-header{font-size:14px;border-bottom:1px solid rgba(5,5,5,.06);height:42px!important;background:#fff;padding:0}.main-container .side-panel{width:260px!important;overflow-y:hidden}div.main-title{font-size:18px;color:#242424;display:flex;align-items:center;justify-items:center}div.main-title img{cursor:pointer;width:36px;height:36px}div.main-title span.bold{font-size:20px;font-weight:700;margin:0 6px}div.main-title span.version-span{font-size:14px;color:#101f1c;margin-left:6px}.float-left{float:left}.float-right{float:right}.grid-cell[data-v-b2ed395f]{min-height:38px!important;padding:3px;border:1px dashed #336699;position:relative}.grid-cell.selected[data-v-b2ed395f]{outline:1px solid var(--ant-primary-color)!important}.grid-cell .form-widget-list[data-v-b2ed395f]{min-height:28px}.grid-cell .grid-col-action[data-v-b2ed395f]{position:absolute;bottom:0;right:-2px;height:28px;line-height:28px;background:var(--ant-primary-4);z-index:999}.grid-cell .grid-col-action i[data-v-b2ed395f]{font-size:14px;color:#fff;margin:0 5px;cursor:pointer}.grid-cell .grid-col-handler[data-v-b2ed395f]{position:absolute;top:-2px;left:-2px;height:22px;line-height:22px;background:var(--ant-primary-4);z-index:9}.grid-cell .grid-col-handler i[data-v-b2ed395f]{font-size:14px;font-style:normal;color:#fff;margin:4px;cursor:default}.grid-col-action[data-v-b2ed395f] .svg-icon,.grid-col-handler[data-v-b2ed395f] .svg-icon{margin-left:.1em;margin-right:.1em}.grid-container[data-v-40494569]{min-height:50px;padding:5px 10px}.grid-container .form-widget-list[data-v-40494569]{min-height:28px}.talbe-wrapper[data-v-6fc6671d],.talbe-wrapper .vxe-grid[data-v-6fc6671d]{width:100%}.talbe-wrapper__pagination[data-v-6fc6671d]{margin-top:10px;display:flex;justify-content:end}.sub-form-container[data-v-d9fea884]{min-height:100px}.tab-container .form-widget-list[data-v-2cd27226]{min-height:28px}.tab-container[data-v-2cd27226] .ant-tabs.ant-tabs-bottom .ant-tabs-nav-wrap,.tab-container[data-v-2cd27226] .ant-tabs.ant-tabs-top .ant-tabs-nav-wrap{padding-left:26px}.tab-container[data-v-2cd27226] .tab-content-wrapper{min-height:100px}.collapse-container[data-v-8160972e]{display:flex;margin:2px;height:100%;width:100%;flex:1 0 0}.collapse-container .form-widget-list[data-v-8160972e]{min-height:28px}.collapse-container[data-v-8160972e] .header-right{background-color:#fff}.collapse-container[data-v-8160972e] .header-right .form-widget-list{min-width:200px}.tpf-collapse[data-v-8160972e]{padding:5px}.tpf-collapse .collapse-right[data-v-8160972e]{min-width:200px;min-height:30px;border:1px dashed #666}.tpf-collapse[data-v-8160972e] .design-time-bottom-margin{margin-bottom:0}.tpf-collapse[data-v-8160972e] .design-time-bottom-margin .static-content-item{margin-bottom:0;padding:3px}.tpf-collapse[data-v-8160972e] .tpf-collapse-content-wrapper{overflow:hidden;background-color:#fff;min-height:200px}.dialog-container[data-v-3fc6eab3]{width:100%;min-height:40px;position:relative}.dialog-container .dialog-title[data-v-3fc6eab3]{font-size:14px;color:#666;line-height:40px;text-align:center}.box-container[data-v-11524d0f]{width:100%;position:relative;padding-bottom:20px;min-height:120px}.design-time-bottom-margin[data-v-362c5110]{margin-bottom:5px}.field-wrapper-widget[data-v-362c5110]{min-height:40px;padding:5px;border:1px dashed rgba(170,170,170,.75)}.field-wrapper-widget.selected[data-v-362c5110]{outline:2px solid var(--ant-primary-color)}.field-wrapper-widget .ant-form-item[data-v-362c5110]{margin-bottom:0}.field-wrapper[data-v-362c5110]{position:relative}.field-wrapper .field-action[data-v-362c5110]{position:absolute;bottom:0;right:-2px;height:22px;line-height:22px;background:var(--ant-primary-4);z-index:9}.field-wrapper .field-action i[data-v-362c5110]{font-size:14px;color:#fff;margin:0 3px;cursor:pointer}.field-wrapper .drag-handler[data-v-362c5110]{position:absolute;top:0;left:-1px;height:20px;line-height:20px;z-index:9}.field-wrapper .drag-handler i[data-v-362c5110]{font-size:12px;font-style:normal;color:#fff;margin:4px;cursor:move}.field-wrapper .drag-handler[data-v-362c5110]:hover{background:var(--ant-primary-color)}.field-action[data-v-362c5110] .svg-icon,.drag-handler[data-v-362c5110] .svg-icon{margin-left:0;margin-right:0}.ant-form-item[data-v-362c5110]{position:relative}.ant-form-item[data-v-362c5110] .ant-form-item-label{white-space:nowrap;text-overflow:ellipsis}.ant-form-item span.custom-label[data-v-362c5110]{display:flex}.ant-form-item span.custom-label i[data-v-362c5110]{margin:0 3px}.ant-form-item[data-v-362c5110] .hide-spin-button input::-webkit-outer-spin-button,.ant-form-item[data-v-362c5110] .hide-spin-button input::-webkit-inner-spin-button{-webkit-appearance:none!important}[data-v-0b840c39] .bjs-powered-by,[data-v-0b840c39] .bjs-breadcrumbs{display:none}.design-time-bottom-margin[data-v-6e12d60a]{margin-bottom:5px}.design-time-bottom-margin .static-content-item[data-v-6e12d60a]{padding:10px;border:1px dashed rgba(170,170,170,.75)}.field-wrapper[data-v-6e12d60a]{position:relative}.field-wrapper .field-action[data-v-6e12d60a]{position:absolute;bottom:0;right:-2px;height:22px;line-height:22px;background:var(--ant-primary-4);z-index:9}.field-wrapper .field-action i[data-v-6e12d60a]{font-size:14px;color:#fff;margin:0 5px;cursor:pointer}.field-wrapper .drag-handler[data-v-6e12d60a]{position:absolute;top:0;left:-1px;height:20px;line-height:20px;z-index:9}.field-wrapper .drag-handler i[data-v-6e12d60a]{font-size:12px;font-style:normal;color:#fff;margin:4px;cursor:move}.field-wrapper .drag-handler[data-v-6e12d60a]:hover{background:var(--ant-primary-color)}.field-action[data-v-6e12d60a] .svg-icon,.drag-handler[data-v-6e12d60a] .svg-icon{margin-left:.1em;margin-right:.1em}.static-content-item[data-v-6e12d60a]{min-height:20px;display:flex;align-items:center;margin-bottom:5px}.static-content-item.selected[data-v-6e12d60a]{outline:2px solid var(--ant-primary-color)}.flex[data-v-cf651b67]{flex:1;display:flex;justify-content:var(--flex)}.hide-text-span[data-v-06b0b085] span{display:none}.auto-full-width[data-v-e588dd90],.auto-full-width[data-v-11994396]{width:100%}.auto-full-width[data-v-11994396] .ant-picker{width:100%!important}.hide-text-span[data-v-83af7720] span{display:none}.fileUploadTip[data-v-690cab84]{font-size:12px;margin-top:10px}.design-select-box[data-v-95c6007f]{display:flex;width:100%}.design-select-box.useModal[data-v-95c6007f] .ant-select-selector{border-top-right-radius:0;border-bottom-right-radius:0}.design-select-box .ant-select[data-v-95c6007f]{flex:1 0 0;min-width:0}.design-select-box .useModal-svg[data-v-95c6007f]{border:1px solid #d9d9d9;cursor:pointer;width:40px;background:#fafafa;line-height:30px;border-left:0;text-align:center;border-top-right-radius:6px;border-bottom-right-radius:6px}.readonly-mode-switch[data-v-c2a59049]{display:none}.readonly-mode-field[data-v-174eb68a]{display:inline-block;white-space:pre-wrap;line-height:1.5;max-height:100px;overflow-y:auto}.auto-full-width[data-v-dd95f9df]{width:100%}.auto-full-width[data-v-dd95f9df] .ant-picker{width:100%!important}.readonly-mode-time-range[data-v-dd95f9df] .ant-picker{display:none}.auto-full-width[data-v-de73c138]{width:100%}.auto-full-width[data-v-de73c138] .ant-picker{width:100%!important}.readonly-mode-time[data-v-de73c138] .ant-picker{display:none}[data-v-a0b2e3aa] .ant-tree{background:transparent}[data-v-a0b2e3aa] .ant-tree .ant-tree-checkbox{margin-block-start:0}.echart-bar-widget[data-v-1b33e205]{width:100%;height:100%}.chart[data-v-1b33e205]{height:100%;width:100%}
1
+ @charset "UTF-8";.primary-color{color:var(--ant-primary-color)}.background-opacity{background:var(--ant-primary-4)}.form-widget-list .ghost{content:"";font-size:0;height:3px;box-sizing:border-box;background:var(--ant-primary-4);border:2px solid var(--ant-primary-4);outline-width:0;padding:0;overflow:hidden}.button-text-highlight.ant-btn{font-weight:700;color:var(--ant-primary-color)}.custom-divider.ant-divider{font-size:14px;margin:5px}.field-wrapper .full-width-input{width:100%!important}.t-mb-3{margin-bottom:.75rem}.t-mb-\[10px\]{margin-bottom:10px}.t-mb-\[5px\]{margin-bottom:5px}.t-mr-\[5px\]{margin-right:5px}.t-mt-5{margin-top:1.25rem}.t-mt-\[10px\]{margin-top:10px}.t-flex{display:flex}.t-h-\[300px\]{height:300px}.t-h-\[30vh\]{height:30vh}.t-h-full{height:100%}.t-w-\[500px\]{width:500px}.t-w-full{width:100%}.t-flex-1{flex:1 1 0%}.t-flex-col{flex-direction:column}.t-items-center{align-items:center}.t-justify-end{justify-content:flex-end}.t-justify-center{justify-content:center}.t-overflow-y-auto{overflow-y:auto}.t-bg-\[\#fff\]{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.t-p-\[10px\]{padding:10px}.t-p-\[4px\]{padding:4px}.t-px-\[11px\]{padding-left:11px;padding-right:11px}.t-py-\[10px\]{padding-top:10px;padding-bottom:10px}.t-py-\[4px\]{padding-top:4px;padding-bottom:4px}.t-text-right{text-align:right}.t-text-\[22px\]{font-size:22px}.t-text-\[\#666\]{--tw-text-opacity: 1;color:rgb(102 102 102 / var(--tw-text-opacity))}.t-text-primary{color:var(--ant-primary-color)}div.panel-container[data-v-29dd250d] .ant-tabs-nav{margin-bottom:0;height:42px}div.panel-container[data-v-29dd250d] .color-svg-icon{font-size:16px;color:var(--ant-primary-4)}.no-bottom-margin[data-v-29dd250d] .ant-collapse-header{margin-bottom:0;padding:8px!important}.indent-left-margin[data-v-29dd250d] .ant-tabs-nav{margin-left:20px}.ant-collapse-item[data-v-29dd250d] ul>li{list-style:none}.widget-collapse[data-v-29dd250d]{border-top-width:0}.widget-collapse[data-v-29dd250d] .ant-collapse-content>.ant-collapse-content-box{padding:4px}.widget-collapse[data-v-29dd250d] .ant-collapse-content ul{padding:0;margin:0;margin-block-start:0;margin-block-end:.1em;display:flex;flex-wrap:wrap;gap:4px}.widget-collapse[data-v-29dd250d] .ant-collapse-content ul:after{content:"";display:block;clear:both}.widget-collapse[data-v-29dd250d] .ant-collapse-content ul .container-widget-item,.widget-collapse[data-v-29dd250d] .ant-collapse-content ul .field-widget-item{width:calc(50% - 2px);padding:6px 8px;border-radius:6px;cursor:move;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;background:#f5f7fa;border:1px solid #e4e7ed;transition:all .3s ease;display:flex;align-items:center;gap:4px}.widget-collapse[data-v-29dd250d] .ant-collapse-content ul .container-widget-item:hover,.widget-collapse[data-v-29dd250d] .ant-collapse-content ul .field-widget-item:hover{background:#ecf5ff;border-color:var(--ant-primary-4);box-shadow:0 2px 6px #0000001a;transform:translateY(-1px)}.widget-collapse[data-v-29dd250d] .ant-collapse-content ul .drag-handler{position:absolute;top:0;left:160px;background-color:#ddd;border-radius:5px;padding-right:5px;font-size:11px;color:#666}.ft-card[data-v-29dd250d]{margin-bottom:10px}.ft-card .bottom[data-v-29dd250d]{margin-top:10px;line-height:12px}.ft-card .ft-title[data-v-29dd250d]{font-size:13px;font-weight:700}.ft-card .right-button[data-v-29dd250d]{padding:0;float:right}.ft-card .clear-fix[data-v-29dd250d]:before,.ft-card .clear-fix[data-v-29dd250d]:after{display:table;content:""}.ft-card .clear-fix[data-v-29dd250d]:after{clear:both}.ant-collapse[data-v-29dd250d]{border:none}.ant-collapse>.ant-collapse-item[data-v-29dd250d]{border-bottom:none}.side-scroll-bar[data-v-29dd250d],.side-scroll-bar .panel-container[data-v-29dd250d]{height:100%;overflow:auto}.side-scroll-bar .panel-container>.ant-tabs[data-v-29dd250d]{height:100%;overflow:auto;display:flex;flex-direction:column}.side-scroll-bar .panel-container>.ant-tabs[data-v-29dd250d] .ant-tabs-content-holder{flex:1 0 0;overflow:auto}.button-list-container[data-v-4a5589b9]{flex:1;display:flex;justify-content:var(--flex)}.button-list-container .button-icon[data-v-4a5589b9]{margin-right:4px}.dialog-content{display:flex;flex:1;flex-direction:column;min-height:300px}.container-wrapper[data-v-bfd50b8f]{position:relative;margin-bottom:5px}.svg-icon[data-v-0beca61f]{width:1.1em;height:1.1em;margin-left:.35em;margin-right:.35em;vertical-align:-.15em;fill:currentColor;overflow:hidden}.sub-form-container[data-v-4483eccd]{margin-bottom:16px;text-align:left;background:#fafafa;border-radius:8px}.sub-form-container .header-row[data-v-4483eccd]{margin-top:15px}.sub-form-container .header-row[data-v-4483eccd] .action-button{height:35px}.sub-form-container .sub-form-row[data-v-4483eccd]{display:flex;align-items:center;background:#fff;margin:8px 0;border-radius:6px;box-shadow:0 1px 2px #00000008}.sub-form-container .sub-form-row .row-number-span[data-v-4483eccd]{margin-left:16px}.sub-form-action-column[data-v-4483eccd]{display:inline-block;align-items:center;text-align:center;padding:8px}.grid-sub-form-data-row[data-v-4483eccd]{display:inline-block;flex:1;padding:10px;position:relative}.grid-sub-form-data-row[data-v-4483eccd]:before,.grid-sub-form-data-row[data-v-4483eccd]:after{content:"";display:inline-block;width:1px;height:60%;background:#e1e2e3;position:absolute;top:50%;transform:translateY(-50%)}.grid-sub-form-data-row[data-v-4483eccd]:before{left:0}.grid-sub-form-data-row[data-v-4483eccd]:after{right:0}.grid-sub-form-data-row[data-v-4483eccd] .ant-form-item{margin-bottom:0}div.row-no-column[data-v-4483eccd]{display:flex;align-items:center;width:50px;border-radius:10px;background:#f1f2f3;padding:5px 0;margin:0 6px;font-size:14px;color:#666}.action-button-column[data-v-4483eccd]{width:140px}.grid-cell[data-v-bf0d58c2]{padding:3px;position:relative}.grid-cell .form-widget-list[data-v-bf0d58c2]{min-height:28px}.talbe-wrapper[data-v-71dd043b],.talbe-wrapper .vxe-grid[data-v-71dd043b]{width:100%}.talbe-wrapper__pagination[data-v-71dd043b]{margin-top:10px;display:flex;justify-content:end}.collapse-container[data-v-899a85a2]{display:flex;margin:2px;height:100%;width:100%;flex:1 0 0}.collapse-container .form-widget-list[data-v-899a85a2]{min-height:28px}.collapse-container[data-v-899a85a2] .header-right .form-widget-list{min-width:200px}.tpf-collapse[data-v-899a85a2] .tpf-collapse-content-wrapper{padding:10px 12px;overflow:hidden;background-color:#fff;min-height:200px}.box-container[data-v-c0a4a24c]{width:100%;position:relative}.container-action[data-v-761fa263]{position:absolute;bottom:0;right:-2px;height:28px;line-height:28px;background:var(--ant-primary-4);z-index:999}.container-action i[data-v-761fa263]{font-size:14px;color:#fff;margin:0 5px;cursor:pointer}.container-action[data-v-761fa263] .svg-icon,.drag-handler[data-v-761fa263] .svg-icon{margin-left:.1em;margin-right:.1em}.drag-handler[data-v-761fa263]{position:absolute;top:-2px;left:-2px;height:22px;line-height:22px;background:var(--ant-primary-4);z-index:9}.drag-handler i[data-v-761fa263]{font-size:14px;font-style:normal;color:#fff;margin:4px;cursor:move}.container-design-widget[data-v-22ca8dff]{border:2px dashed #cccccc}.container-design-widget.selected[data-v-22ca8dff]{outline:2px solid var(--ant-primary-color)!important}.container-wrapper[data-v-22ca8dff]{position:relative;margin-bottom:5px;padding:5px}.tab-container .form-widget-list[data-v-3a48155b]{min-height:28px}.tab-container[data-v-3a48155b] .ant-tabs.ant-tabs-bottom .ant-tabs-nav-wrap,.tab-container[data-v-3a48155b] .ant-tabs.ant-tabs-top .ant-tabs-nav-wrap{padding-left:26px}.tab-container[data-v-3a48155b] .tab-content-wrapper{min-height:100px}.debug-panel[data-v-3207b100]{position:absolute;top:0;right:0;width:400px;height:100vh;background-color:#fff;box-shadow:-2px 0 8px #00000026;z-index:9999;transition:transform .3s ease-in-out;display:flex;flex-direction:column;border-top-left-radius:8px;border-bottom-left-radius:8px}.debug-panel.collapsed[data-v-3207b100]{transform:translate(400px)}.debug-panel.collapsed .debug-toggle[data-v-3207b100]{left:-40px;border-radius:8px 0 0 8px;width:40px}.debug-panel .debug-toggle[data-v-3207b100]{position:absolute;left:-40px;top:20px;width:40px;height:40px;background-color:var(--ant-primary-color);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:8px 0 0 8px;font-size:12px;box-shadow:-2px 0 8px #00000026;writing-mode:vertical-lr;padding:8px 0;-webkit-user-select:none;user-select:none}.debug-panel .debug-content[data-v-3207b100]{flex:1;overflow:auto;padding:16px;background-color:#f5f7fa}.debug-panel .debug-content .debug-section[data-v-3207b100]{margin-bottom:24px;background-color:#fff;border-radius:8px;padding:16px;box-shadow:0 2px 4px #0000000d}.debug-panel .debug-content .debug-section h3[data-v-3207b100]{margin:0 0 12px;font-size:14px;font-weight:600;color:#333;border-bottom:1px solid #e8e8e8;padding-bottom:8px}.debug-panel .debug-content .debug-section .empty-state[data-v-3207b100]{color:#999;font-size:12px;text-align:center;padding:20px}.debug-panel .debug-content .debug-section .widget-list[data-v-3207b100]{display:flex;flex-direction:column;gap:2px}.debug-panel .debug-content .debug-section .widget-list .widget-item[data-v-3207b100]{border:1px solid #e8e8e8;border-radius:4px;padding:2px 4px;line-height:1.2;background-color:#fafafa;cursor:pointer}.debug-panel .debug-content .debug-section .widget-list .widget-item .widget-key[data-v-3207b100]{font-weight:600;color:var(--ant-primary-color);font-size:12px}.debug-panel .debug-content pre[data-v-3207b100]{margin:0;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:12px;white-space:pre-wrap;word-wrap:break-word;background-color:#f5f5f5;padding:8px;border-radius:4px;color:#333}.loading-wrapper[data-v-97ab4c5a]{min-height:300px;padding:20px}.ant-form .ant-form-item-explain.ant-form-item-explain-connected[data-v-97ab4c5a]{display:none}.toolbar-container[data-v-1ca870c4]{width:100%;display:flex;height:42px;align-items:center;justify-content:space-between}.left-toolbar[data-v-1ca870c4]{display:flex;margin-top:4px;font-size:16px}.right-toolbar[data-v-1ca870c4]{display:flex;line-height:42px;overflow:hidden}.right-toolbar .right-toolbar-con[data-v-1ca870c4]{text-align:left}.right-toolbar[data-v-1ca870c4] .svg-icon{margin-left:0;margin-right:.05em}.no-box-shadow[data-v-1ca870c4]{box-shadow:none}.form-render-wrapper.h5-layout[data-v-1ca870c4]{margin:0 auto;width:420px;border-radius:15px;box-shadow:0 0 1px 10px #495060;height:calc(100vh - 175px);overflow-y:auto;overflow-x:hidden}.form-render-wrapper.pad-layout[data-v-1ca870c4]{margin:0 auto;width:960px;border-radius:15px;box-shadow:0 0 1px 10px #495060;height:calc(100vh - 175px);overflow-y:auto;overflow-x:hidden}.box-model-title[data-v-7e82120e]{font-size:16px;font-weight:500;margin-bottom:16px}.property-group[data-v-7e82120e]{margin-bottom:16px}.property-group .property-label[data-v-7e82120e]{min-width:25px;flex-shrink:0;color:#666}.property-group.border-group .property-label[data-v-7e82120e]{width:80px}.property-group-title[data-v-7e82120e]{font-size:13px;font-weight:500;margin-bottom:8px;color:#333}.property-item[data-v-7e82120e]{display:flex;align-items:center;margin-bottom:8px}.box-model-container[data-v-7e82120e]{padding:12px}.add-btn[data-v-ee85f744]{margin-top:10px;text-align:center}.container-input[data-v-a73f7d08]{margin-top:5px}.editor-Selection-drawer .ant-drawer-body{padding:10px}.editor-Selection-drawer .editor-Selection-form .ant-form-item{margin-bottom:12px}.button-row[data-v-10575cc9]{border-bottom:1px solid #e1e2e3;margin-bottom:12px}.drag-sort-col[data-v-10575cc9]{padding-top:8px;cursor:move}.table-wrap[data-v-dc411d64]{font-size:12px;flex:1;display:flex;flex-direction:column}.table-wrap .add-btn[data-v-dc411d64]{margin-top:10px;text-align:center}li.col-item[data-v-53af80d2]{list-style:none;margin-bottom:5px;display:flex}li.col-item span.col-span-title[data-v-53af80d2]{display:inline-block;font-size:13px;width:80px}li.col-item .col-delete-button[data-v-53af80d2]{margin-left:6px}li.col-item[data-v-5504e8c5]{list-style:none}li.col-item span.col-span-title[data-v-5504e8c5]{display:inline-block;font-size:13px;width:120px}li.col-item .col-delete-button[data-v-5504e8c5]{margin-left:6px}.panes-setting ul[data-v-5504e8c5]{padding-inline-start:0;padding-left:0;margin:0}.panes-setting .drag-option[data-v-5504e8c5]{cursor:move}.panes-setting li.ghost[data-v-5504e8c5]{background:#fff;border:2px dotted var(--ant-primary-4)}.html-content-editor[data-v-bc48f1df]{font-size:13px}.radio-group-custom[data-v-89a34bd2] .ant-radio-button__inner{padding-left:12px;padding-right:12px}.option-items-pane[data-v-f941fa7b]{width:100%}.option-items-pane ul[data-v-f941fa7b]{width:100%;margin-bottom:0}.option-items-pane ul>li[data-v-f941fa7b]{margin-bottom:5px;display:flex;align-items:center}.option-items-pane ul>li .ant-radio-wrapper[data-v-f941fa7b],.option-items-pane ul>li .ant-checkbox-wrapper[data-v-f941fa7b]{display:flex;align-items:center;width:100%;margin-right:0}.option-items-pane ul>li .ant-input[data-v-f941fa7b]{margin:0 4px}.option-items-pane ul>li .drag-option[data-v-f941fa7b]{display:inline-flex;align-items:center;margin:0 6px;cursor:move;color:#999}.option-items-pane ul>li .drag-option[data-v-f941fa7b]:hover{color:var(--ant-primary-color)}.option-items-pane ul>li .ant-btn[data-v-f941fa7b]{margin-left:4px}.option-items-pane .option-header[data-v-f941fa7b]{display:flex;margin-bottom:8px;padding-left:28px}.option-items-pane .option-header .value-label[data-v-f941fa7b]{width:64px;margin-right:4px;color:#000000d9;font-size:12px}.option-items-pane .option-header .text-label[data-v-f941fa7b]{width:74px;color:#000000d9;font-size:12px}.option-items-pane .option-group[data-v-f941fa7b]{width:100%;margin-bottom:2px}.option-items-pane .ant-btn[data-v-f941fa7b]{margin-right:8px}.option-items-pane .ant-btn[data-v-f941fa7b]:last-child{margin-right:0}.option-items-pane .ant-btn .anticon[data-v-f941fa7b]{margin-right:0}li.ghost[data-v-f941fa7b]{background:#f5f5f5;border:1px dashed var(--ant-primary-color);border-radius:4px;padding:4px}.dialog-footer[data-v-f941fa7b]{display:flex;justify-content:flex-end;margin-top:16px}.dialog-footer .ant-btn[data-v-f941fa7b]{min-width:80px;margin-left:8px}.full-width-input[data-v-f941fa7b]{width:100%!important;margin-bottom:5px}.full-width-input[data-v-f941fa7b] .ant-cascader,.full-width-input[data-v-f941fa7b] .ant-tree-select{width:100%!important}.action-buttons[data-v-f941fa7b]{display:flex;flex-wrap:wrap;margin-bottom:5px;justify-content:center}.eventPanel[data-v-9f0f9220] .ant-form-item-row{flex:1}.eventPanel[data-v-9f0f9220] .ant-form-item-row .ant-form-item-control-input-content .ant-btn{border:1px solid #eee}.eventPanel[data-v-9f0f9220] .ant-form-item-row .ant-form-item-label{flex:1}.eventPanel[data-v-9f0f9220] .ant-col.ant-form-item-control{flex:0 0 80px}.panel-container[data-v-04f5b96f]{background-color:#fff;border-radius:4px;height:100%;box-shadow:0 1px 3px #0000001a}.panel-container[data-v-04f5b96f] .ant-tabs-content-holder{flex:1;display:flex}.panel-container .tpf-form.ant-form[data-v-04f5b96f]{padding:0}.panel-container .eventPanel[data-v-04f5b96f] .ant-form-item-row,.panel-container .eventPanel[data-v-04f5b96f] .ant-form-item-row .ant-form-item-label{flex:1}.panel-container .eventPanel[data-v-04f5b96f] .ant-form-item-row .ant-form-item-control-input-content .ant-btn{border:1px solid #eee}.panel-container .eventPanel[data-v-04f5b96f] .ant-col.ant-form-item-control{flex:0 0 80px}.panel-container[data-v-04f5b96f] .ant-tabs-nav{padding:0 16px;margin:0;height:42px;border-bottom:1px solid #f0f0f0}.panel-container[data-v-04f5b96f] .ant-tabs-tab{padding:12px 0;margin:0 16px 0 0;transition:all .3s}.panel-container[data-v-04f5b96f] .ant-tabs-content{overflow:auto;padding:0}.panel-container[data-v-04f5b96f] .ant-form-item{margin-bottom:3px}.panel-container[data-v-04f5b96f] .ant-form-item .ant-form-item-row{flex:1}.panel-container[data-v-04f5b96f] .ant-form-item .ant-select{width:100%}.panel-container[data-v-04f5b96f] .ant-form-item:last-child{margin-bottom:0}.panel-container[data-v-04f5b96f] .ant-collapse{border:none;background:transparent}.panel-container[data-v-04f5b96f] .ant-collapse-item{border:none;overflow:hidden}.panel-container[data-v-04f5b96f] .ant-collapse-item:last-child{margin-bottom:0}.panel-container[data-v-04f5b96f] .ant-collapse-header{padding:8px!important;background:#fafafa}.panel-container[data-v-04f5b96f] .ant-collapse-header:hover{background:#f5f5f5}.panel-container[data-v-04f5b96f] .ant-collapse-content-box{padding:8px;background:#fff}.panel-container[data-v-04f5b96f] .ant-collapse-content-box .ant-form-item{display:flex}.panel-container[data-v-04f5b96f] .ant-collapse-content-box .ant-form-item-label{width:130px}[data-v-04f5b96f] .hide-spin-button input::-webkit-outer-spin-button,[data-v-04f5b96f] .hide-spin-button input::-webkit-inner-spin-button{-webkit-appearance:none!important}.ds-setting-drawer{right:320px!important}.form-widget-container[data-v-70e501c6]{padding:5px;background:#f1f2f3;overflow-x:hidden;overflow-y:auto}.form-widget-container .submit[data-v-70e501c6]{flex:1;display:flex;justify-content:end;position:absolute;height:60px;padding:0 10px;background:#fff;z-index:99;bottom:0;left:5px;right:5px}.form-widget-container .ant-form.full-height-width[data-v-70e501c6]{overflow-y:auto;height:100%;padding:3px;background:#fff}.form-widget-container .ant-form.full-height-width .no-widget-hint[data-v-70e501c6]{position:absolute;left:0;right:0;top:0;bottom:0;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:18px;color:#999}.form-widget-container .ant-form.full-height-width .form-widget-canvas[data-v-70e501c6]{display:flex;flex-direction:column;padding:3px;position:relative}.form-widget-container .ant-form.full-height-width .form-widget-canvas[data-v-70e501c6] .container-wrapper{margin:10px 3px;min-width:0}.form-widget-container .ant-form.full-height-width .form-widget-canvas[data-v-70e501c6] .field-widget-item,.form-widget-container .ant-form.full-height-width .form-widget-canvas[data-v-70e501c6] .container-widget-item{margin:0 0 10px;border:1px dashed #333;border-radius:3px;background:#eee;height:30px;align-items:center;display:flex;justify-content:center;color:#999}.form-widget-container[data-v-70e501c6] li.container-widget-item,.form-widget-container[data-v-70e501c6] li.field-widget-item{list-style:none}.form-widget-container .ant-form.Pad-layout[data-v-70e501c6]{margin:0 auto;max-width:960px;border-radius:15px;box-shadow:0 0 1px 10px #495060}.form-widget-container .ant-form.H5-layout[data-v-70e501c6]{margin:0 auto;width:420px;border-radius:15px;box-shadow:0 0 1px 10px #495060}.form-widget-container .ant-form.widget-form[data-v-70e501c6] .ant-row{padding:2px}.grid-cell[data-v-70e501c6]{min-height:30px;border-right:1px dotted #cccccc}.fade-enter-active[data-v-70e501c6],.fade-leave-active[data-v-70e501c6]{transition:opacity .5s}.fade-enter[data-v-70e501c6],.fade-leave-to[data-v-70e501c6]{opacity:0}.main-container,.main-container .ant-layout-sider{background:#fff}.main-container :deep(aside){margin:0;padding:0;background:inherit}.main-container .form-widget-main{padding:0;position:relative;overflow-x:hidden;flex:1 0 0}.main-container .full-height{height:100%;overflow-y:hidden}.main-container .center-layout-container{min-width:680px;border-left:2px solid #ebeef5;border-right:2px dotted #ebeef5;display:flex;flex-direction:column}.main-container .form-widget-footer{flex:0 0 50px;align-items:center;background:#fff;display:flex;justify-content:space-between;padding:0 15px}.main-container .main-header{border-bottom:2px solid #ebeef5;background:#fff;padding:0;height:48px!important;line-height:48px!important;min-width:800px}.main-container .container-scroll-bar{height:100%}.main-container .container-scroll-bar>.form-widget-container{height:100%}.main-container .toolbar-header{font-size:14px;border-bottom:1px dotted #cccccc;height:42px!important;background:#fff;padding:0}.main-container .side-panel{width:260px!important;overflow-y:hidden}div.main-title{font-size:18px;color:#242424;display:flex;align-items:center;justify-items:center}div.main-title img{cursor:pointer;width:36px;height:36px}div.main-title span.bold{font-size:20px;font-weight:700;margin:0 6px}div.main-title span.version-span{font-size:14px;color:#101f1c;margin-left:6px}.float-left{float:left}.float-right{float:right}div.external-link{display:flex;align-items:center}div.external-link a{font-size:13px;text-decoration:none;margin-right:10px;color:#606266}.design-time-bottom-margin[data-v-c58d226f]{margin-bottom:5px}.field-wrapper-widget[data-v-c58d226f]{min-height:40px;padding:5px;border:1px dashed rgba(170,170,170,.75)}.field-wrapper-widget.selected[data-v-c58d226f]{outline:2px solid var(--ant-primary-color)}.field-wrapper-widget .ant-form-item[data-v-c58d226f]{margin-bottom:0}.field-wrapper[data-v-c58d226f]{position:relative}.field-wrapper .field-action[data-v-c58d226f]{position:absolute;bottom:0;right:-2px;height:22px;line-height:22px;background:var(--ant-primary-4);z-index:9}.field-wrapper .field-action i[data-v-c58d226f]{font-size:14px;color:#fff;margin:0 3px;cursor:pointer}.field-wrapper .drag-handler[data-v-c58d226f]{position:absolute;top:0;left:-1px;height:20px;line-height:20px;z-index:9}.field-wrapper .drag-handler i[data-v-c58d226f]{font-size:12px;font-style:normal;color:#fff;margin:4px;cursor:move}.field-wrapper .drag-handler[data-v-c58d226f]:hover{background:var(--ant-primary-color)}.field-action[data-v-c58d226f] .svg-icon,.drag-handler[data-v-c58d226f] .svg-icon{margin-left:0;margin-right:0}.ant-form-item[data-v-c58d226f]{position:relative}.ant-form-item[data-v-c58d226f] .ant-form-item-label{white-space:nowrap;text-overflow:ellipsis}.ant-form-item span.custom-label[data-v-c58d226f]{display:flex}.ant-form-item span.custom-label i[data-v-c58d226f]{margin:0 3px}.ant-form-item[data-v-c58d226f] .hide-spin-button input::-webkit-outer-spin-button,.ant-form-item[data-v-c58d226f] .hide-spin-button input::-webkit-inner-spin-button{-webkit-appearance:none!important}[data-v-7d710c1d] .bjs-powered-by,[data-v-7d710c1d] .bjs-breadcrumbs,[data-v-0b840c39] .bjs-powered-by,[data-v-0b840c39] .bjs-breadcrumbs{display:none}.design-time-bottom-margin[data-v-6e12d60a]{margin-bottom:5px}.design-time-bottom-margin .static-content-item[data-v-6e12d60a]{padding:10px;border:1px dashed rgba(170,170,170,.75)}.field-wrapper[data-v-6e12d60a]{position:relative}.field-wrapper .field-action[data-v-6e12d60a]{position:absolute;bottom:0;right:-2px;height:22px;line-height:22px;background:var(--ant-primary-4);z-index:9}.field-wrapper .field-action i[data-v-6e12d60a]{font-size:14px;color:#fff;margin:0 5px;cursor:pointer}.field-wrapper .drag-handler[data-v-6e12d60a]{position:absolute;top:0;left:-1px;height:20px;line-height:20px;z-index:9}.field-wrapper .drag-handler i[data-v-6e12d60a]{font-size:12px;font-style:normal;color:#fff;margin:4px;cursor:move}.field-wrapper .drag-handler[data-v-6e12d60a]:hover{background:var(--ant-primary-color)}.field-action[data-v-6e12d60a] .svg-icon,.drag-handler[data-v-6e12d60a] .svg-icon{margin-left:.1em;margin-right:.1em}.static-content-item[data-v-6e12d60a]{min-height:20px;display:flex;align-items:center;margin-bottom:5px}.static-content-item.selected[data-v-6e12d60a]{outline:2px solid var(--ant-primary-color)}.flex[data-v-cf651b67]{flex:1;display:flex;justify-content:var(--flex)}.hide-text-span[data-v-06b0b085] span{display:none}.auto-full-width[data-v-e588dd90],.auto-full-width[data-v-11994396]{width:100%}.auto-full-width[data-v-11994396] .ant-picker{width:100%!important}.hide-text-span[data-v-83af7720] span{display:none}.fileUploadTip[data-v-690cab84]{font-size:12px;margin-top:10px}.design-select-box[data-v-95c6007f]{display:flex;width:100%}.design-select-box.useModal[data-v-95c6007f] .ant-select-selector{border-top-right-radius:0;border-bottom-right-radius:0}.design-select-box .ant-select[data-v-95c6007f]{flex:1 0 0;min-width:0}.design-select-box .useModal-svg[data-v-95c6007f]{border:1px solid #d9d9d9;cursor:pointer;width:40px;background:#fafafa;line-height:30px;border-left:0;text-align:center;border-top-right-radius:6px;border-bottom-right-radius:6px}.readonly-mode-switch[data-v-c2a59049]{display:none}.readonly-mode-field[data-v-174eb68a]{display:inline-block;white-space:pre-wrap;line-height:1.5;max-height:100px;overflow-y:auto}.auto-full-width[data-v-dd95f9df]{width:100%}.auto-full-width[data-v-dd95f9df] .ant-picker{width:100%!important}.readonly-mode-time-range[data-v-dd95f9df] .ant-picker{display:none}.auto-full-width[data-v-de73c138]{width:100%}.auto-full-width[data-v-de73c138] .ant-picker{width:100%!important}.readonly-mode-time[data-v-de73c138] .ant-picker{display:none}[data-v-a0b2e3aa] .ant-tree{background:transparent}[data-v-a0b2e3aa] .ant-tree .ant-tree-checkbox{margin-block-start:0}.grid-cell[data-v-b2ed395f]{min-height:38px!important;padding:3px;border:1px dashed #336699;position:relative}.grid-cell.selected[data-v-b2ed395f]{outline:1px solid var(--ant-primary-color)!important}.grid-cell .form-widget-list[data-v-b2ed395f]{min-height:28px}.grid-cell .grid-col-action[data-v-b2ed395f]{position:absolute;bottom:0;right:-2px;height:28px;line-height:28px;background:var(--ant-primary-4);z-index:999}.grid-cell .grid-col-action i[data-v-b2ed395f]{font-size:14px;color:#fff;margin:0 5px;cursor:pointer}.grid-cell .grid-col-handler[data-v-b2ed395f]{position:absolute;top:-2px;left:-2px;height:22px;line-height:22px;background:var(--ant-primary-4);z-index:9}.grid-cell .grid-col-handler i[data-v-b2ed395f]{font-size:14px;font-style:normal;color:#fff;margin:4px;cursor:default}.grid-col-action[data-v-b2ed395f] .svg-icon,.grid-col-handler[data-v-b2ed395f] .svg-icon{margin-left:.1em;margin-right:.1em}.grid-container[data-v-40494569]{min-height:50px;padding:5px 10px}.grid-container .form-widget-list[data-v-40494569]{min-height:28px}.talbe-wrapper[data-v-6fc6671d],.talbe-wrapper .vxe-grid[data-v-6fc6671d]{width:100%}.talbe-wrapper__pagination[data-v-6fc6671d]{margin-top:10px;display:flex;justify-content:end}.sub-form-container[data-v-d9fea884]{min-height:100px}.tab-container .form-widget-list[data-v-2cd27226]{min-height:28px}.tab-container[data-v-2cd27226] .ant-tabs.ant-tabs-bottom .ant-tabs-nav-wrap,.tab-container[data-v-2cd27226] .ant-tabs.ant-tabs-top .ant-tabs-nav-wrap{padding-left:26px}.tab-container[data-v-2cd27226] .tab-content-wrapper{min-height:100px}.collapse-container[data-v-8160972e]{display:flex;margin:2px;height:100%;width:100%;flex:1 0 0}.collapse-container .form-widget-list[data-v-8160972e]{min-height:28px}.collapse-container[data-v-8160972e] .header-right{background-color:#fff}.collapse-container[data-v-8160972e] .header-right .form-widget-list{min-width:200px}.tpf-collapse[data-v-8160972e]{padding:5px}.tpf-collapse .collapse-right[data-v-8160972e]{min-width:200px;min-height:30px;border:1px dashed #666}.tpf-collapse[data-v-8160972e] .design-time-bottom-margin{margin-bottom:0}.tpf-collapse[data-v-8160972e] .design-time-bottom-margin .static-content-item{margin-bottom:0;padding:3px}.tpf-collapse[data-v-8160972e] .tpf-collapse-content-wrapper{overflow:hidden;background-color:#fff;min-height:200px}.dialog-container[data-v-651578b1]{width:100%;min-height:40px;position:relative}.dialog-container .dialog-title[data-v-651578b1]{font-size:14px;color:#666;line-height:40px;text-align:center}.box-container[data-v-3ddb8c67]{width:100%;min-height:120px;position:relative;padding-bottom:20px}.box-container>div[data-v-3ddb8c67]:first-child{min-height:58px}
@@ -1,52 +0,0 @@
1
- import { defineComponent as x, ref as C, computed as o, onMounted as F, createVNode as a, mergeProps as M } from "vue";
2
- import { Form as y } from "ant-design-vue";
3
- import b from "../form-render/RenderWigetList.vue.js";
4
- import { useEmitter as E } from "../../utils/useEmitter.js";
5
- const P = /* @__PURE__ */ x({
6
- props: {
7
- context: {
8
- type: Object,
9
- required: !0
10
- }
11
- },
12
- emits: ["form-submit", "form-cancel"],
13
- setup(e, {
14
- expose: l
15
- }) {
16
- const r = C(), {
17
- emit$: m,
18
- on$: u,
19
- off$: i
20
- } = E(), n = o(() => e.context.formDataModel.value), d = o(() => e.context.readModeFlag.value), s = o(() => e.context.formConfig.value), c = o(() => e.context.widgetList.value), f = o(() => e.context.labelPosition.value), v = o(() => e.context.customClass.value), g = () => {
21
- var t;
22
- ((t = s.value) == null ? void 0 : t.isEnterSubmit) === 1 && e.context.onFormUpdate();
23
- };
24
- return F(() => {
25
- }), l({
26
- renderForm: r,
27
- off$: i,
28
- on$: u,
29
- emit$: m
30
- }), () => a(y, M({
31
- ref: r,
32
- layout: f.value,
33
- class: ["render-form", "tpf-form", v.value, d.value ? "readonly-mode-form" : ""],
34
- scrollToFirstError: !0,
35
- validateOnRuleChange: !1,
36
- model: n.value
37
- }, {
38
- onKeydown: (t) => t.key === "Enter" && g()
39
- }), {
40
- default: () => [a(b, {
41
- parentWidget: null,
42
- widgetList: c.value,
43
- formDataModel: n.value,
44
- "onUpdate:formDataModel": (t) => n.value = t
45
- }, null)]
46
- });
47
- }
48
- });
49
- export {
50
- P as default
51
- };
52
- //# sourceMappingURL=FormContainer.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"FormContainer.js","sources":["../../../../src/components/FormRender/FormContainer.tsx"],"sourcesContent":["import { defineComponent, PropType, computed, ref, onMounted } from 'vue';\nimport { Form } from 'ant-design-vue';\nimport RenderWigetList from '@/components/form-render/RenderWigetList.vue';\nimport { useEmitter } from '@/utils/useEmitter';\n/**\n * 表单容器组件\n * 负责渲染表单及其子组件\n */\nexport default defineComponent({\n props: {\n context: {\n type: Object as PropType<any>,\n required: true\n }\n },\n emits: ['form-submit', 'form-cancel'],\n setup(props, { expose }) {\n // 组件引用\n const renderForm = ref();\n const { emit$, on$, off$ } = useEmitter();\n\n // 从上下文中获取数据\n const formDataModel = computed(() => props.context.formDataModel.value);\n const readModeFlag = computed(() => props.context.readModeFlag.value);\n const formConfig = computed(() => props.context.formConfig.value);\n const widgetList = computed(() => props.context.widgetList.value);\n const labelPosition = computed(() => props.context.labelPosition.value);\n const customClass = computed(() => props.context.customClass.value);\n\n /**\n * 处理回车键事件\n */\n const handleEnterKey = () => {\n if (formConfig.value?.isEnterSubmit === 1) {\n props.context.onFormUpdate();\n }\n };\n\n onMounted(() => {});\n\n // 暴露方法\n expose({\n renderForm,\n off$,\n on$,\n emit$\n });\n\n /**\n * 渲染组件\n */\n return () => {\n return (\n <Form\n ref={renderForm}\n layout={labelPosition.value}\n class={[\n 'render-form',\n 'tpf-form',\n customClass.value,\n readModeFlag.value ? 'readonly-mode-form' : ''\n ]}\n scrollToFirstError={true}\n validateOnRuleChange={false}\n model={formDataModel.value}\n {...({\n onKeydown: (e: KeyboardEvent) => e.key === 'Enter' && handleEnterKey()\n } as any)}\n >\n <RenderWigetList\n parentWidget={null}\n widgetList={widgetList.value}\n v-model:formDataModel={formDataModel.value}\n />\n </Form>\n );\n };\n }\n});\n"],"names":["FormContainer","props","context","type","Object","required","emits","setup","expose","renderForm","ref","emit$","on$","off$","useEmitter","formDataModel","computed","value","readModeFlag","formConfig","widgetList","labelPosition","customClass","handleEnterKey","isEnterSubmit","onFormUpdate","onMounted","_createVNode","Form","_mergeProps","onKeydown","e","key","default","RenderWigetList","$event"],"mappings":";;;;AAQA,MAAAA,sBAA+B;AAAA,EAC3BC,OAAO;AAAA,IACHC,SAAS;AAAA,MACLC,MAAMC;AAAAA,MACNC,UAAU;AAAA,IACd;AAAA;EAEJC,OAAO,CAAC,eAAe,aAAa;AAAA,EACpCC,MAAMN,GAAO;AAAA,IAAEO,QAAAA;AAAAA,EAAO,GAAG;AAErB,UAAMC,IAAaC,EAAG,GAChB;AAAA,MAAEC,OAAAA;AAAAA,MAAOC,KAAAA;AAAAA,MAAKC,MAAAA;AAAAA,QAASC,EAAU,GAGjCC,IAAgBC,EAAS,MAAMf,EAAMC,QAAQa,cAAcE,KAAK,GAChEC,IAAeF,EAAS,MAAMf,EAAMC,QAAQgB,aAAaD,KAAK,GAC9DE,IAAaH,EAAS,MAAMf,EAAMC,QAAQiB,WAAWF,KAAK,GAC1DG,IAAaJ,EAAS,MAAMf,EAAMC,QAAQkB,WAAWH,KAAK,GAC1DI,IAAgBL,EAAS,MAAMf,EAAMC,QAAQmB,cAAcJ,KAAK,GAChEK,IAAcN,EAAS,MAAMf,EAAMC,QAAQoB,YAAYL,KAAK,GAK5DM,IAAiBA,MAAM;;AACzB,QAAIJ,IAAAA,EAAWF,UAAXE,gBAAAA,EAAkBK,mBAAkB,KACpCvB,EAAMC,QAAQuB,aAAY;AAAA,IAElC;AAEAC,WAAAA,EAAU,MAAM;AAAA,IAAC,CAAC,GAGlBlB,EAAO;AAAA,MACHC,YAAAA;AAAAA,MACAI,MAAAA;AAAAA,MACAD,KAAAA;AAAAA,MACAD,OAAAA;AAAAA,IACJ,CAAC,GAKM,MACHgB,EAAAC,GAAAC,EAAA;AAAA,MAAA,KAEapB;AAAAA,MAAU,QACPY,EAAcJ;AAAAA,MAAK,OACpB,CACH,eACA,YACAK,EAAYL,OACZC,EAAaD,QAAQ,uBAAuB,EAAE;AAAA,MACjD,oBACmB;AAAA,MAAI,sBACF;AAAA,MAAK,OACpBF,EAAcE;AAAAA,IAAK,GAAA;AAAA,MAEtBa,WAAYC,CAAAA,MAAqBA,EAAEC,QAAQ,WAAWT,EAAc;AAAA,IAAE,CAAA,GAAA;AAAA,MAAAU,SAAAA,MAAA,CAAAN,EAAAO,GAAA;AAAA,QAAA,cAIxD;AAAA,QAAI,YACNd,EAAWH;AAAAA,QAAK,eACLF,EAAcE;AAAAA,QAAK,0BAAAkB,CAAAA,MAAnBpB,EAAcE,QAAKkB;AAAAA,MAAA,GAAA,IAAA,CAAA;AAAA,IAAA,CAAA;AAAA,EAK9D;AACJ,CAAC;"}
@@ -1,8 +0,0 @@
1
- import t from "./echart-bar-widget.vue2.js";
2
- /* empty css */
3
- import o from "../../../../_virtual/_plugin-vue_export-helper.js";
4
- const m = /* @__PURE__ */ o(t, [["__scopeId", "data-v-1b33e205"]]);
5
- export {
6
- m as default
7
- };
8
- //# sourceMappingURL=echart-bar-widget.vue.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"echart-bar-widget.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
@@ -1,43 +0,0 @@
1
- import { defineComponent as i, computed as n, createBlock as p, openBlock as d, unref as c } from "vue";
2
- import u from "../../../../node_modules/.pnpm/vue-echarts@8.0.1_echarts@5.6.0_vue@3.5.17_typescript@5.8.2_/node_modules/vue-echarts/dist/index.js";
3
- import "../../../../node_modules/.pnpm/echarts@5.6.0/node_modules/echarts/index.js";
4
- const x = /* @__PURE__ */ i({
5
- __name: "echart-bar-widget",
6
- props: {
7
- widget: {},
8
- field: {},
9
- parentWidget: {},
10
- parentList: {},
11
- indexOfParentList: {},
12
- subFormRowIndex: {},
13
- subFormRowId: {}
14
- },
15
- setup(o) {
16
- const r = o, a = n(() => {
17
- const { xAxisData: t, seriesData: e, barWidth: s } = r.widget.options;
18
- return {
19
- xAxis: {
20
- data: t || []
21
- },
22
- yAxis: {},
23
- series: [
24
- {
25
- name: "sales",
26
- type: "bar",
27
- data: e || [],
28
- barWidth: s || void 0
29
- }
30
- ]
31
- };
32
- });
33
- return (t, e) => (d(), p(c(u), {
34
- class: "chart",
35
- option: a.value,
36
- autoresize: ""
37
- }, null, 8, ["option"]));
38
- }
39
- });
40
- export {
41
- x as default
42
- };
43
- //# sourceMappingURL=echart-bar-widget.vue2.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"echart-bar-widget.vue2.js","sources":["../../../../../src/components/bi-widget/echartBar/echart-bar-widget.vue"],"sourcesContent":["<template>\n <VChart class=\"chart\" :option=\"option\" autoresize />\n</template>\n\n<script lang=\"ts\" setup>\n import { computed } from 'vue';\n import VChart from 'vue-echarts';\n // import { use } from 'echarts/core';\n // import { BarChart } from 'echarts/charts';\n // import { SVGRenderer } from 'echarts/renderers';\n // import { DatasetComponent, GridComponent, TransformComponent } from 'echarts/components';\n import { WidgetProps } from '@/components/form-designer/form-widget/container-widget/useContainerWidget';\n import 'echarts';\n\n // use([BarChart, SVGRenderer, GridComponent, DatasetComponent, TransformComponent]);\n\n const props = defineProps<WidgetProps>();\n\n const option = computed(() => {\n const { xAxisData, seriesData, barWidth } = props.widget.options;\n return {\n xAxis: {\n data: xAxisData || []\n },\n yAxis: {},\n series: [\n {\n name: 'sales',\n type: 'bar',\n data: seriesData || [],\n barWidth: barWidth || undefined\n }\n ]\n };\n });\n</script>\n\n<style scoped>\n .echart-bar-widget {\n width: 100%;\n height: 100%;\n }\n .chart {\n height: 100%;\n width: 100%;\n }\n</style>\n"],"names":["props","__props","option","computed","xAxisData","seriesData","barWidth","_createBlock","_unref","VChart"],"mappings":";;;;;;;;;;;;;;;AAgBI,UAAMA,IAAQC,GAERC,IAASC,EAAS,MAAM;AAC1B,YAAM,EAAE,WAAAC,GAAW,YAAAC,GAAY,UAAAC,EAAA,IAAaN,EAAM,OAAO;AACzD,aAAO;AAAA,QACH,OAAO;AAAA,UACH,MAAMI,KAAa,CAAA;AAAA,QAAC;AAAA,QAExB,OAAO,CAAA;AAAA,QACP,QAAQ;AAAA,UACJ;AAAA,YACI,MAAM;AAAA,YACN,MAAM;AAAA,YACN,MAAMC,KAAc,CAAA;AAAA,YACpB,UAAUC,KAAY;AAAA,UAAA;AAAA,QAC1B;AAAA,MACJ;AAAA,IAER,CAAC;2BAjCDC,EAAoDC,EAAAC,CAAA,GAAA;AAAA,MAA5C,OAAM;AAAA,MAAS,QAAQP,EAAA;AAAA,MAAQ,YAAA;AAAA,IAAA;;;"}
@@ -1,35 +0,0 @@
1
- import { BIWidgetTypeEnum as a } from "../../../constants/WidgetTypeEnum.js";
2
- const e = {
3
- type: a.echartBar,
4
- category: "bi",
5
- icon: "data-table",
6
- options: {
7
- name: "",
8
- label: "echart-bar",
9
- hidden: !1,
10
- width: 300,
11
- height: 200,
12
- left: 0,
13
- top: 0,
14
- zIndex: 1,
15
- customClass: [],
16
- dataSource: [],
17
- http: {
18
- url: "",
19
- method: "get",
20
- data: {},
21
- params: {}
22
- },
23
- dataReqHandlerCode: "",
24
- dataHandlerCode: "",
25
- echartBar: {
26
- xAxisData: ["shirt", "cardigan", "chiffon", "pants", "heels", "socks"],
27
- seriesData: [5, 20, 36, 10, 10, 20],
28
- barWidth: ""
29
- }
30
- }
31
- };
32
- export {
33
- e as echartBar
34
- };
35
- //# sourceMappingURL=echart-bar.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"echart-bar.js","sources":["../../../../../src/components/bi-widget/echartBar/echart-bar.ts"],"sourcesContent":["import { BIWidgetTypeEnum } from '@/constants/WidgetTypeEnum';\nimport { BiWidgetOptions, Widget } from '@/types/schema';\n\nexport interface EchartBarOptions extends BiWidgetOptions {\n echartBar: {\n xAxisData: string[];\n seriesData: number[];\n barWidth: string;\n };\n}\n\nexport interface EchartBarWidget extends Widget<EchartBarOptions> {}\n\nexport const echartBar: EchartBarWidget = {\n type: BIWidgetTypeEnum.echartBar,\n category: 'bi',\n icon: 'data-table',\n options: {\n name: '',\n label: 'echart-bar',\n hidden: false,\n width: 300,\n height: 200,\n left: 0,\n top: 0,\n zIndex: 1,\n customClass: [],\n dataSource: [],\n http: {\n url: '',\n method: 'get',\n data: {},\n params: {}\n },\n dataReqHandlerCode: '',\n dataHandlerCode: '',\n\n echartBar: {\n xAxisData: ['shirt', 'cardigan', 'chiffon', 'pants', 'heels', 'socks'],\n seriesData: [5, 20, 36, 10, 10, 20],\n barWidth: ''\n }\n }\n};\n"],"names":["echartBar","BIWidgetTypeEnum"],"mappings":";AAaO,MAAMA,IAA6B;AAAA,EACtC,MAAMC,EAAiB;AAAA,EACvB,UAAU;AAAA,EACV,MAAM;AAAA,EACN,SAAS;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,aAAa,CAAA;AAAA,IACb,YAAY,CAAA;AAAA,IACZ,MAAM;AAAA,MACF,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,MAAM,CAAA;AAAA,MACN,QAAQ,CAAA;AAAA,IAAC;AAAA,IAEb,oBAAoB;AAAA,IACpB,iBAAiB;AAAA,IAEjB,WAAW;AAAA,MACP,WAAW,CAAC,SAAS,YAAY,WAAW,SAAS,SAAS,OAAO;AAAA,MACrE,YAAY,CAAC,GAAG,IAAI,IAAI,IAAI,IAAI,EAAE;AAAA,MAClC,UAAU;AAAA,IAAA;AAAA,EACd;AAER;"}
@@ -1,13 +0,0 @@
1
- import { BIWidgetTypeEnum as o } from "../../constants/WidgetTypeEnum.js";
2
- import { defineAsyncComponent as t } from "vue";
3
- import { echartBar as r } from "./echartBar/echart-bar.js";
4
- const n = {
5
- [o.echartBar]: t(
6
- () => import("./echartBar/echart-bar-widget.vue.js")
7
- )
8
- }, p = [r];
9
- export {
10
- p as BiWidgetConfigs,
11
- n as BiWidgets
12
- };
13
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":["../../../../src/components/bi-widget/index.ts"],"sourcesContent":["import { BIWidgetTypeEnum } from '@/constants/WidgetTypeEnum';\nimport { defineAsyncComponent } from 'vue';\nimport { echartBar } from './echartBar/echart-bar';\n\nexport const BiWidgets = {\n [BIWidgetTypeEnum.echartBar]: defineAsyncComponent(\n () => import('./echartBar/echart-bar-widget.vue')\n )\n};\n\nexport const BiWidgetConfigs = [echartBar];\n"],"names":["BiWidgets","BIWidgetTypeEnum","defineAsyncComponent","BiWidgetConfigs","echartBar"],"mappings":";;;AAIO,MAAMA,IAAY;AAAA,EACrB,CAACC,EAAiB,SAAS,GAAGC;AAAA,IAC1B,MAAM,OAAO,sCAAmC;AAAA,EAAA;AAExD,GAEaC,IAAkB,CAACC,CAAS;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"designer.js","sources":["../../../src/components/designer.ts"],"sourcesContent":["import { deepClone, generateId, getDefaultFormConfig, overwriteObj } from '@/utils/util';\nimport {\n containers,\n advancedFields,\n basicFields,\n customFields\n} from '@/components/form-designer/widget-panel/widgetsConfig';\nimport { FormConfig, Widget } from '@/types/schema';\nimport { FormDesigner, LayoutType, HistoryData } from '@/types/designer';\nimport eventBus from '@/utils/event-bus';\nimport { LayoutTypeEnum } from '@/constants/LayoutTypeEnum';\n\nexport class Designer implements FormDesigner {\n widgetList: Widget[] = [];\n formConfig: FormConfig;\n selectedId: string | null = null;\n selectedWidget: Widget | null = null;\n selectedWidgetName: string | null = null;\n vueInstance: any;\n cssClassList: any[] = [];\n layoutType: LayoutType = 'PC';\n historyData: HistoryData = {\n index: -1,\n maxStep: 20,\n steps: []\n };\n\n constructor(vueInstance: any) {\n this.vueInstance = vueInstance;\n this.widgetList = [];\n this.formConfig = deepClone(getDefaultFormConfig());\n if (!this.formConfig.layoutType) {\n this.formConfig.layoutType = 'PC';\n }\n }\n generateWidgetId(widget: Widget) {\n return widget.type.replace(/-/g, '') + generateId();\n }\n emitEvent(evtName: string, evtData: any): void {\n eventBus.$emit(evtName, evtData);\n }\n handleEvent(evtName: string, callback: (data: any) => void): void {\n eventBus.$on(evtName, (data: any) => callback(data));\n }\n clearDesigner(skipHistoryChange?: boolean) {\n const emptyWidgetListFlag = this.widgetList.length === 0;\n this.widgetList = [];\n this.selectedId = null;\n this.selectedWidgetName = null;\n this.selectedWidget = null;\n overwriteObj(this.formConfig, getDefaultFormConfig());\n\n if (skipHistoryChange) {\n // Do nothing\n } else if (!emptyWidgetListFlag) {\n this.emitHistoryChange();\n } else {\n this.saveCurrentHistoryStep();\n }\n }\n\n loadPresetCssCode(preCssCode: string) {\n if (this.formConfig.cssCode === '' && !!preCssCode) {\n this.formConfig.cssCode = preCssCode;\n }\n }\n\n getLayoutType(): LayoutType {\n return this.formConfig.layoutType || 'PC';\n }\n\n changeLayoutType(newType: LayoutType) {\n this.formConfig.layoutType = newType;\n this.layoutType = newType;\n }\n\n getImportTemplate() {\n return {\n widgetList: [],\n formConfig: deepClone(getDefaultFormConfig())\n };\n }\n\n loadFormJson(formJson: any) {\n let modifiedFlag = false;\n\n if (!!formJson && !!formJson.widgetList) {\n this.widgetList = formJson.widgetList;\n modifiedFlag = true;\n }\n if (!!formJson && !!formJson.formConfig) {\n overwriteObj(this.formConfig, formJson.formConfig);\n modifiedFlag = true;\n }\n return modifiedFlag;\n }\n\n setSelected(selected: Widget | null) {\n if (!selected) {\n this.clearSelected();\n return;\n }\n\n this.selectedWidget = selected;\n if (selected.id) {\n this.selectedId = selected.id;\n this.selectedWidgetName = selected.options.name;\n }\n }\n\n updateSelectedWidgetNameAndLabel(selectedWidget: Widget, newName: string, newLabel: string) {\n this.selectedWidgetName = newName;\n if (!!newLabel && Object.keys(selectedWidget.options).indexOf('label') > -1) {\n selectedWidget.options.label = newLabel;\n }\n }\n\n clearSelected() {\n this.selectedId = null;\n this.selectedWidgetName = null;\n this.selectedWidget = null;\n }\n\n checkWidgetMove(evt: any) {\n // 早期返回:如果没有拖拽上下文或元素,允许移动\n if (!evt.draggedContext?.element || !evt.to) {\n return true;\n }\n\n const { category: wgCategory, type } = evt.draggedContext.element;\n const wgType = String(type);\n const targetClassName = evt.to.className;\n\n // 提取重复的判断逻辑\n const isDialogOrDrawer = wgType === 'vf-dialog' || wgType === 'vf-drawer';\n\n // 定义不允许的拖拽规则\n const disallowedRules = [\n // 子表单表格不允许容器类组件\n {\n condition: targetClassName === 'sub-form-table' && wgCategory === 'container',\n reason: '子表单表格不允许拖入容器组件'\n },\n // 网格子表单只允许 grid 类型\n {\n condition: targetClassName === 'grid-sub-form' && wgType !== 'grid',\n reason: '网格子表单只允许拖入 grid 组件'\n },\n // 对话框和抽屉的放置限制\n {\n condition: targetClassName === 'vf-dialog-drop-zone' && isDialogOrDrawer,\n reason: '对话框放置区不允许嵌套对话框或抽屉'\n },\n {\n condition: targetClassName === 'vf-drawer-drop-zone' && isDialogOrDrawer,\n reason: '抽屉放置区不允许嵌套对话框或抽屉'\n },\n {\n condition: targetClassName !== 'form-widget-canvas' && isDialogOrDrawer,\n reason: '对话框和抽屉只能拖入表单画布'\n }\n ];\n\n // 检查是否违反任何规则\n for (const rule of disallowedRules) {\n if (rule.condition) {\n return false;\n }\n }\n\n return true;\n }\n\n getContainerByType(typeName: string): Widget | null {\n const allWidgets = [...containers, ...basicFields, ...advancedFields, ...customFields];\n let foundCon: Widget | null = null;\n allWidgets.forEach((con: any) => {\n if (!!con.category && !!con.type && con.type === typeName) {\n foundCon = con;\n }\n });\n\n return foundCon;\n }\n\n getFieldWidgetByType(typeName: string): Widget | null {\n const allWidgets = [...containers, ...basicFields, ...advancedFields, ...customFields];\n let foundWidget: Widget | null = null;\n allWidgets.forEach((widget: any) => {\n if (!widget.category && !!widget.type && widget.type === typeName) {\n foundWidget = widget;\n }\n });\n\n return foundWidget;\n }\n\n hasConfig(widget: Widget, configName: string) {\n let originalWidget: Widget | null = null;\n if (!!widget.category) {\n originalWidget = this.getContainerByType(widget.type);\n } else {\n originalWidget = this.getFieldWidgetByType(widget.type);\n }\n\n if (!originalWidget || !originalWidget.options) {\n return false;\n }\n\n return Object.keys(originalWidget.options).indexOf(configName) > -1;\n }\n\n upgradeWidgetConfig(oldWidget: Widget) {\n let newWidget: Widget | null = null;\n if (!!oldWidget.category) {\n newWidget = this.getContainerByType(oldWidget.type);\n } else {\n newWidget = this.getFieldWidgetByType(oldWidget.type);\n }\n\n if (!newWidget || !newWidget.options) {\n return;\n }\n\n Object.keys(newWidget.options).forEach(ck => {\n if (!oldWidget.hasOwnProperty(ck)) {\n oldWidget.options[ck] = deepClone(newWidget!.options[ck]);\n }\n });\n }\n\n upgradeFormConfig(oldFormConfig: FormConfig) {\n Object.keys(this.formConfig).forEach(fc => {\n if (!oldFormConfig.hasOwnProperty(fc)) {\n oldFormConfig[fc] = deepClone(this.formConfig[fc]);\n }\n });\n }\n\n cloneGridCol(widget: Widget, parentWidget: Widget) {\n const newGridCol = deepClone(this.getContainerByType('grid-col'));\n newGridCol.options.span = widget.options.span;\n const tmpId = generateId();\n newGridCol.id = 'grid-col-' + tmpId;\n newGridCol.options.name = 'gridCol' + tmpId;\n\n if (parentWidget.cols) {\n parentWidget.cols.push(newGridCol);\n }\n }\n\n cloneContainer(containWidget: Widget) {\n if (containWidget.type === 'grid') {\n const newGrid = deepClone(this.getContainerByType('grid'));\n newGrid.id = newGrid.type + generateId();\n newGrid.options.name = newGrid.id;\n containWidget.cols?.forEach((gridCol: Widget) => {\n const newGridCol = deepClone(this.getContainerByType('grid-col'));\n const tmpId = generateId();\n newGridCol.id = 'grid-col-' + tmpId;\n newGridCol.options.name = 'gridCol' + tmpId;\n newGridCol.options.span = gridCol.options.span;\n newGrid.cols.push(newGridCol);\n });\n\n return newGrid;\n } else {\n return null;\n }\n }\n\n moveUpWidget(parentList: Widget[], indexOfParentList: number) {\n if (parentList?.length) {\n if (indexOfParentList === 0) {\n this.vueInstance.$message.error(\n this.vueInstance.i18nt('designer.hint.moveUpFirstChildHint')\n );\n return;\n }\n\n const tempWidget = parentList[indexOfParentList];\n parentList.splice(indexOfParentList, 1);\n parentList.splice(indexOfParentList - 1, 0, tempWidget);\n }\n }\n\n moveDownWidget(parentList: Widget[], indexOfParentList: number) {\n if (parentList?.length) {\n if (indexOfParentList === parentList.length - 1) {\n this.vueInstance.$message.error(\n this.vueInstance.i18nt('designer.hint.moveDownLastChildHint')\n );\n return;\n }\n\n const tempWidget = parentList[indexOfParentList];\n parentList.splice(indexOfParentList, 1);\n parentList.splice(indexOfParentList + 1, 0, tempWidget);\n }\n }\n\n public copyWidget(widget: Widget) {\n if (widget.category === 'bi') {\n return this.copyBiWidget(widget);\n }\n if (widget.category === 'container') {\n return this.copyNewContainerWidget(widget);\n } else {\n return this.copyNewFieldWidget(widget);\n }\n }\n\n private copyNewFieldWidget(origin: Widget) {\n const newWidget = deepClone(origin);\n const tempId = this.generateWidgetId(newWidget);\n newWidget.id = tempId;\n newWidget.options.name = tempId;\n newWidget.options.label = newWidget.options.label || newWidget.type.toLowerCase();\n\n return newWidget;\n }\n\n private copyNewContainerWidget(origin: Widget) {\n const newCon = deepClone(origin);\n const tempId = this.generateWidgetId(newCon);\n newCon.id = tempId;\n newCon.options.name = tempId;\n if (newCon.type === 'grid') {\n let newCol = deepClone(this.getContainerByType('grid-col'));\n let tmpId = this.generateWidgetId(newCol);\n newCol.id = tmpId;\n newCol.options.name = tmpId;\n newCon.cols = newCon.cols || [];\n newCon.cols.push(newCol);\n\n newCol = deepClone(newCol);\n tmpId = this.generateWidgetId(newCol);\n newCol.id = tmpId;\n newCol.options.name = tmpId;\n newCon.cols.push(newCol);\n } else if (newCon.type === 'tab') {\n const newTabPane = deepClone(this.getContainerByType('tab-pane'));\n newTabPane.id = this.generateWidgetId(newTabPane);\n newTabPane.options.name = 'tab1';\n newTabPane.options.label = 'tab 1';\n newCon.tabs = newCon.tabs || [];\n newCon.tabs.push(newTabPane);\n }\n delete newCon.displayName;\n if (this.layoutType === LayoutTypeEnum.BI) {\n newCon.options.widget = '200px';\n newCon.options.height = '200px';\n }\n\n return newCon;\n }\n\n copyBiWidget(origin: Widget) {\n const newWidget = deepClone(origin);\n const tempId = this.generateWidgetId(newWidget);\n newWidget.id = tempId;\n newWidget.options.name = tempId;\n newWidget.options.label = newWidget.options.label || newWidget.type.toLowerCase();\n\n return newWidget;\n }\n\n public addWidget(widget: Widget) {\n let newCon: Widget;\n if (widget.category === 'container' || widget.category === 'bi') {\n newCon = this.addContainerByDbClick(widget);\n } else {\n newCon = this.addFieldByDbClick(widget);\n }\n\n this.setSelected(newCon);\n this.emitHistoryChange();\n }\n\n addContainerByDbClick(container: Widget): Widget {\n const newCon = this.copyWidget(container);\n this.widgetList.push(newCon);\n return newCon;\n }\n\n addFieldByDbClick(widget: Widget): Widget {\n const newWidget = this.copyWidget(widget);\n if (!!this.selectedWidget && this.selectedWidget.type === 'tab') {\n let activeTab = this.selectedWidget.tabs ? this.selectedWidget.tabs[0] : null;\n this.selectedWidget.tabs?.forEach((tabPane: Widget) => {\n if (tabPane.options.active) {\n activeTab = tabPane;\n }\n });\n\n if (activeTab && activeTab.widgetList) {\n activeTab.widgetList.push(newWidget);\n }\n } else if (!!this.selectedWidget && !!this.selectedWidget.widgetList) {\n this.selectedWidget.widgetList.push(newWidget);\n } else {\n this.widgetList.push(newWidget);\n }\n\n return newWidget;\n }\n\n deleteColOfGrid(gridWidget: Widget, colIdx: number) {\n if (!!gridWidget && !!gridWidget.cols) {\n gridWidget.cols.splice(colIdx, 1);\n }\n }\n\n addNewColOfGrid(gridWidget: Widget) {\n const cols = gridWidget.cols;\n const newGridCol = deepClone(this.getContainerByType('grid-col'));\n const tmpId = this.generateWidgetId(newGridCol);\n newGridCol.id = tmpId;\n newGridCol.options.name = tmpId;\n if (!!cols && cols.length > 0) {\n let spanSum = 0;\n cols.forEach((col: Widget) => {\n spanSum += col.options.span || 0;\n });\n\n if (spanSum >= 24) {\n console.log('列栅格之和超出24');\n gridWidget.cols?.push(newGridCol);\n } else {\n newGridCol.options.span = 24 - spanSum > 12 ? 12 : 24 - spanSum;\n gridWidget.cols?.push(newGridCol);\n }\n } else {\n gridWidget.cols = [newGridCol];\n }\n }\n\n addTabPaneOfTabs(tabsWidget: Widget) {\n const tabPanes = tabsWidget.tabs;\n const newTabPane = deepClone(this.getContainerByType('tab-pane'));\n const tmpId = this.generateWidgetId(newTabPane);\n newTabPane.id = tmpId;\n newTabPane.options.name = tmpId;\n newTabPane.options.label = 'tab ' + ((tabPanes?.length || 0) + 1);\n tabPanes?.push(newTabPane);\n }\n\n deleteTabPaneOfTabs(tabsWidget: Widget, tpIdx: number) {\n tabsWidget.tabs?.splice(tpIdx, 1);\n }\n\n setCssClassList(cssClassList: any[]) {\n this.cssClassList = cssClassList;\n }\n\n getCssClassList() {\n return this.cssClassList;\n }\n\n initHistoryData() {\n this.loadFormContentFromStorage();\n this.historyData.index++;\n this.historyData.steps[this.historyData.index] = {\n widgetList: deepClone(this.widgetList),\n formConfig: deepClone(this.formConfig)\n };\n }\n\n emitHistoryChange() {\n if (this.historyData.index === this.historyData.maxStep - 1) {\n this.historyData.steps.shift();\n } else {\n this.historyData.index++;\n }\n\n this.historyData.steps[this.historyData.index] = {\n widgetList: deepClone(this.widgetList),\n formConfig: deepClone(this.formConfig)\n };\n\n this.saveFormContentToStorage();\n\n if (this.historyData.index < this.historyData.steps.length - 1) {\n this.historyData.steps = this.historyData.steps.slice(0, this.historyData.index + 1);\n }\n }\n\n saveCurrentHistoryStep() {\n this.historyData.steps[this.historyData.index] = deepClone({\n widgetList: this.widgetList,\n formConfig: this.formConfig\n });\n\n this.saveFormContentToStorage();\n }\n\n undoHistoryStep() {\n if (this.historyData.index !== 0) {\n this.historyData.index--;\n }\n\n this.widgetList = deepClone(this.historyData.steps[this.historyData.index].widgetList);\n this.formConfig = deepClone(this.historyData.steps[this.historyData.index].formConfig);\n }\n\n redoHistoryStep() {\n if (this.historyData.index !== this.historyData.steps.length - 1) {\n this.historyData.index++;\n }\n\n this.widgetList = deepClone(this.historyData.steps[this.historyData.index].widgetList);\n this.formConfig = deepClone(this.historyData.steps[this.historyData.index].formConfig);\n }\n\n undoEnabled() {\n return this.historyData.index > 0 && this.historyData.steps.length > 0;\n }\n\n redoEnabled() {\n return this.historyData.index < this.historyData.steps.length - 1;\n }\n\n saveFormContentToStorage() {\n window.localStorage.setItem('widget__list__backup', JSON.stringify(this.widgetList));\n window.localStorage.setItem('form__config__backup', JSON.stringify(this.formConfig));\n }\n\n loadFormContentFromStorage() {\n const widgetListBackup = '';\n if (widgetListBackup) {\n this.widgetList = JSON.parse(widgetListBackup);\n }\n\n const formConfigBackup = '';\n if (formConfigBackup) {\n overwriteObj(this.formConfig, JSON.parse(formConfigBackup));\n }\n }\n}\n\nexport function createDesigner(vueInstance: any): Designer {\n return new Designer(vueInstance);\n}\n"],"names":["Designer","vueInstance","__publicField","deepClone","getDefaultFormConfig","widget","generateId","evtName","evtData","eventBus","callback","data","skipHistoryChange","emptyWidgetListFlag","overwriteObj","preCssCode","newType","formJson","modifiedFlag","selected","selectedWidget","newName","newLabel","evt","_a","wgCategory","type","wgType","targetClassName","isDialogOrDrawer","disallowedRules","rule","typeName","allWidgets","containers","basicFields","advancedFields","customFields","foundCon","con","foundWidget","configName","originalWidget","oldWidget","newWidget","ck","oldFormConfig","fc","parentWidget","newGridCol","tmpId","containWidget","newGrid","gridCol","parentList","indexOfParentList","tempWidget","origin","tempId","newCon","newCol","newTabPane","LayoutTypeEnum","container","activeTab","tabPane","gridWidget","colIdx","cols","spanSum","col","_b","tabsWidget","tabPanes","tpIdx","cssClassList","createDesigner"],"mappings":"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"}
@@ -1,26 +0,0 @@
1
- import { defineComponent as d, createElementBlock as o, openBlock as s, normalizeClass as i, createVNode as c, unref as e } from "vue";
2
- import p from "./RenderDesignerWigetList.vue.js";
3
- import { useDesigner as m } from "../../../hooks/useDesigner.js";
4
- const _ = {
5
- class: /* @__PURE__ */ i({
6
- "form-widget-canvas": !0,
7
- "form-widget-canvas-pc": !0
8
- })
9
- }, v = /* @__PURE__ */ d({
10
- __name: "RenderDesignerPC",
11
- setup(g) {
12
- const { designer: t, onDragAdd: n, onDragUpdate: r } = m();
13
- return (l, u) => (s(), o("div", _, [
14
- c(p, {
15
- list: e(t).widgetList,
16
- parentWidget: e(t),
17
- add: (a) => e(n)(a.newIndex, e(t).widgetList),
18
- update: e(r)
19
- }, null, 8, ["list", "parentWidget", "add", "update"])
20
- ]));
21
- }
22
- });
23
- export {
24
- v as default
25
- };
26
- //# sourceMappingURL=RenderDesignerPC.vue.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"RenderDesignerPC.vue.js","sources":["../../../../../src/components/form-designer/form-widget/RenderDesignerPC.vue"],"sourcesContent":["<template>\n <div\n :class=\"{\n 'form-widget-canvas': true,\n 'form-widget-canvas-pc': true\n }\"\n >\n <RenderDesignerWigetList\n :list=\"designer.widgetList\"\n :parentWidget=\"designer\"\n :add=\"ev => onDragAdd(ev.newIndex, designer.widgetList)\"\n :update=\"onDragUpdate\"\n />\n </div>\n</template>\n\n<script lang=\"ts\" setup>\n import RenderDesignerWigetList from './RenderDesignerWigetList.vue';\n import { useDesigner } from '../../../hooks/useDesigner';\n const { designer, isPc, isBI, onDragAdd, onDragUpdate } = useDesigner();\n</script>\n"],"names":["designer","onDragAdd","onDragUpdate","useDesigner","_openBlock","_createElementBlock","_hoisted_1","_createVNode","RenderDesignerWigetList","_unref","ev"],"mappings":";;;;;;;;;;;AAmBI,UAAM,EAAE,UAAAA,GAAsB,WAAAC,GAAW,cAAAC,EAAA,IAAiBC,EAAA;sBAlB1DC,EAAA,GAAAC,EAYM,OAZNC,GAYM;AAAA,MANFC,EAKEC,GAAA;AAAA,QAJG,MAAMC,EAAAT,CAAA,EAAS;AAAA,QACf,cAAcS,EAAAT,CAAA;AAAA,QACd,KAAK,CAAAU,MAAMD,EAAAR,CAAA,EAAUS,EAAG,UAAUD,EAAAT,CAAA,EAAS,UAAU;AAAA,QACrD,QAAQS,EAAAP,CAAA;AAAA,MAAA;;;;"}
@@ -1,5 +0,0 @@
1
- import f from "./RenderDesignerPC.vue.js";
2
- export {
3
- f as default
4
- };
5
- //# sourceMappingURL=RenderDesignerPC.vue2.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"RenderDesignerPC.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
@@ -1,8 +0,0 @@
1
- import e from "./RenderDesignerBI.vue2.js";
2
- /* empty css */
3
- import o from "../../../../../_virtual/_plugin-vue_export-helper.js";
4
- const m = /* @__PURE__ */ o(e, [["__scopeId", "data-v-82edab33"]]);
5
- export {
6
- m as default
7
- };
8
- //# sourceMappingURL=RenderDesignerBI.vue.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"RenderDesignerBI.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
@@ -1,68 +0,0 @@
1
- import { defineComponent as p, ref as g, reactive as x, onMounted as v, onBeforeUnmount as w, createElementBlock as b, openBlock as a, normalizeClass as C, createVNode as u, createBlock as y, createCommentVNode as R, unref as i, mergeProps as B, isRef as _, withCtx as k, createElementVNode as M } from "vue";
2
- import U from "./RenderDesignerBIWigetList.vue.js";
3
- import W from "../../../../../node_modules/.pnpm/vue3-sketch-ruler@2.3.3/node_modules/vue3-sketch-ruler/lib/index.js";
4
- /* empty css */
5
- import h from "./WidgetContextMenu.vue.js";
6
- import { useRuler as D } from "./useRuler.js";
7
- import { useDesigner as N } from "../../../../hooks/useDesigner.js";
8
- const O = { class: "canvas-wrapper" }, Y = /* @__PURE__ */ p({
9
- __name: "RenderDesignerBI",
10
- setup(V) {
11
- const { designer: d } = N(), o = g(null), { scale: r, rulerConfig: s, onResizeObserver: m, disconnectObserver: c } = D(), e = x({
12
- visible: !1,
13
- x: 0,
14
- y: 0,
15
- widget: null,
16
- index: -1
17
- }), f = ({
18
- event: l,
19
- widget: t,
20
- index: n
21
- }) => {
22
- e.x = l.clientX, e.y = l.clientY, e.widget = t, e.index = n, e.visible = !0;
23
- };
24
- return v(() => {
25
- o.value && m(o);
26
- }), w(() => {
27
- c();
28
- }), (l, t) => (a(), b("div", {
29
- ref_key: "containerRef",
30
- ref: o,
31
- class: C({
32
- "form-widget-canvas": !0,
33
- "form-widget-canvas-bi": !0
34
- })
35
- }, [
36
- u(i(W), B(i(s), {
37
- scale: i(r),
38
- "onUpdate:scale": t[1] || (t[1] = (n) => _(r) ? r.value = n : null)
39
- }), {
40
- default: k(() => [
41
- M("div", O, [
42
- u(U, {
43
- list: i(d).widgetList,
44
- parentWidget: i(d),
45
- shadow: i(s).shadow,
46
- "onUpdate:shadow": t[0] || (t[0] = (n) => i(s).shadow = n),
47
- onOpenContextMenu: f
48
- }, null, 8, ["list", "parentWidget", "shadow"])
49
- ])
50
- ]),
51
- _: 1
52
- }, 16, ["scale"]),
53
- e.widget ? (a(), y(h, {
54
- key: 0,
55
- visible: e.visible,
56
- "onUpdate:visible": t[2] || (t[2] = (n) => e.visible = n),
57
- x: e.x,
58
- y: e.y,
59
- widget: e.widget,
60
- index: e.index
61
- }, null, 8, ["visible", "x", "y", "widget", "index"])) : R("", !0)
62
- ], 512));
63
- }
64
- });
65
- export {
66
- Y as default
67
- };
68
- //# sourceMappingURL=RenderDesignerBI.vue2.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"RenderDesignerBI.vue2.js","sources":["../../../../../../src/components/form-designer/form-widget/bi/RenderDesignerBI.vue"],"sourcesContent":["<template>\n <div\n ref=\"containerRef\"\n :class=\"{\n 'form-widget-canvas': true,\n 'form-widget-canvas-bi': true\n }\"\n >\n <SketchRule v-bind=\"rulerConfig\" v-model:scale=\"scale\">\n <div class=\"canvas-wrapper\">\n <RenderDesignerBIWigetList\n :list=\"designer.widgetList\"\n :parentWidget=\"designer\"\n v-model:shadow=\"rulerConfig.shadow\"\n @open-context-menu=\"handleContextMenu\"\n />\n </div>\n </SketchRule>\n <WidgetContextMenu\n v-if=\"contextMenuState.widget\"\n v-model:visible=\"contextMenuState.visible\"\n :x=\"contextMenuState.x\"\n :y=\"contextMenuState.y\"\n :widget=\"contextMenuState.widget!\"\n :index=\"contextMenuState.index\"\n />\n <!-- <BiToolBar v-model:scale=\"scale\" /> -->\n </div>\n</template>\n\n<script lang=\"ts\" setup>\n import { ref, onMounted, onBeforeUnmount, reactive } from 'vue';\n import RenderDesignerBIWigetList from './RenderDesignerBIWigetList.vue';\n import SketchRule from 'vue3-sketch-ruler';\n import 'vue3-sketch-ruler/lib/style.css';\n import WidgetContextMenu from './WidgetContextMenu.vue';\n import { Widget } from '@/types/schema';\n import { useRuler } from './useRuler';\n import { useDesigner } from '../../../../hooks/useDesigner';\n import BiToolBar from './BiToolBar.vue';\n\n const { designer, onDragUpdate } = useDesigner();\n const containerRef = ref<HTMLElement | null>(null);\n\n const { scale, rulerConfig, onResizeObserver, disconnectObserver } = useRuler();\n\n const contextMenuState = reactive({\n visible: false,\n x: 0,\n y: 0,\n widget: null as Widget | null,\n index: -1\n });\n\n const handleContextMenu = ({\n event,\n widget,\n index\n }: {\n event: MouseEvent;\n widget: Widget;\n index: number;\n }) => {\n contextMenuState.x = event.clientX;\n contextMenuState.y = event.clientY;\n contextMenuState.widget = widget;\n contextMenuState.index = index;\n contextMenuState.visible = true;\n };\n\n onMounted(() => {\n if (containerRef.value) {\n onResizeObserver(containerRef);\n }\n });\n\n onBeforeUnmount(() => {\n disconnectObserver();\n });\n</script>\n\n<style scoped lang=\"scss\">\n .form-widget-canvas-bi {\n position: relative;\n width: 100%;\n height: 100%;\n overflow: hidden;\n padding: 0 !important;\n --grid-line-color: rgba(0, 0, 0, 0.1);\n :deep(.canvasedit-parent) {\n background-color: #18181c !important;\n background-size: 15px 15px !important;\n background-image: linear-gradient(#18181c 14px, transparent 0),\n linear-gradient(90deg, transparent 14px, #86909c 0) !important;\n }\n :deep(.canvasedit) {\n background: #232324;\n }\n }\n\n .canvas-wrapper {\n height: 100%;\n width: 100%;\n position: relative;\n }\n\n .canvas-content {\n /* Content styling */\n margin: 40px; /* Some padding around the actual content */\n }\n\n .zoom-control {\n position: absolute;\n bottom: 20px;\n right: 20px;\n z-index: 100;\n display: flex;\n align-items: center;\n background: rgba(255, 255, 255, 0.8);\n padding: 5px 15px;\n border-radius: 4px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n\n span {\n min-width: 40px;\n text-align: right;\n color: #333;\n }\n }\n</style>\n"],"names":["designer","useDesigner","containerRef","ref","scale","rulerConfig","onResizeObserver","disconnectObserver","useRuler","contextMenuState","reactive","handleContextMenu","event","widget","index","onMounted","onBeforeUnmount","_createElementBlock","_normalizeClass","_createVNode","_unref","SketchRule","_mergeProps","$event","_createElementVNode","_hoisted_1","RenderDesignerBIWigetList","_cache","_createBlock","WidgetContextMenu"],"mappings":";;;;;;;;;;AAyCI,UAAM,EAAE,UAAAA,EAAuB,IAAIC,EAAA,GAC7BC,IAAeC,EAAwB,IAAI,GAE3C,EAAE,OAAAC,GAAO,aAAAC,GAAa,kBAAAC,GAAkB,oBAAAC,EAAA,IAAuBC,EAAA,GAE/DC,IAAmBC,EAAS;AAAA,MAC9B,SAAS;AAAA,MACT,GAAG;AAAA,MACH,GAAG;AAAA,MACH,QAAQ;AAAA,MACR,OAAO;AAAA,IAAA,CACV,GAEKC,IAAoB,CAAC;AAAA,MACvB,OAAAC;AAAA,MACA,QAAAC;AAAA,MACA,OAAAC;AAAA,IAAA,MAKE;AACF,MAAAL,EAAiB,IAAIG,EAAM,SAC3BH,EAAiB,IAAIG,EAAM,SAC3BH,EAAiB,SAASI,GAC1BJ,EAAiB,QAAQK,GACzBL,EAAiB,UAAU;AAAA,IAC/B;AAEA,WAAAM,EAAU,MAAM;AACZ,MAAIb,EAAa,SACbI,EAAiBJ,CAAY;AAAA,IAErC,CAAC,GAEDc,EAAgB,MAAM;AAClB,MAAAT,EAAA;AAAA,IACJ,CAAC,mBA7EDU,EA0BM,OAAA;AAAA,eAzBE;AAAA,MAAJ,KAAIf;AAAA,MACH,OAAKgB,EAAE;AAAA;;OAGP;AAAA,IAAA;MAEDC,EASaC,EAAAC,CAAA,GATbC,EASaF,EAAAf,CAAA,GATkB;AAAA,QAAU,OAAOe,EAAAhB,CAAA;AAAA,wDAAAA,EAAK,QAAAmB,IAAA;AAAA,MAAA;mBACjD,MAOM;AAAA,UAPNC,EAOM,OAPNC,GAOM;AAAA,YANFN,EAKEO,GAAA;AAAA,cAJG,MAAMN,EAAApB,CAAA,EAAS;AAAA,cACf,cAAcoB,EAAApB,CAAA;AAAA,cACP,QAAQoB,EAAAf,CAAA,EAAY;AAAA,cAAZ,mBAAAsB,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAJ,MAAAH,EAAAf,CAAA,EAAY,SAAMkB;AAAA,cACjC,mBAAmBZ;AAAA,YAAA;;;;;MAKtBF,EAAiB,eAD3BmB,EAOEC,GAAA;AAAA;QALU,SAASpB,EAAiB;AAAA,QAAjB,oBAAAkB,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAJ,MAAAd,EAAiB,UAAOc;AAAA,QACxC,GAAGd,EAAiB;AAAA,QACpB,GAAGA,EAAiB;AAAA,QACpB,QAAQA,EAAiB;AAAA,QACzB,OAAOA,EAAiB;AAAA,MAAA;;;;"}
@@ -1,8 +0,0 @@
1
- import e from "./RenderDesignerBIWigetList.vue2.js";
2
- /* empty css */
3
- import t from "../../../../../_virtual/_plugin-vue_export-helper.js";
4
- const s = /* @__PURE__ */ t(e, [["__scopeId", "data-v-e29f4673"]]);
5
- export {
6
- s as default
7
- };
8
- //# sourceMappingURL=RenderDesignerBIWigetList.vue.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"RenderDesignerBIWigetList.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}