@kp-ui/lowcode 2.15.0-beta.6 → 2.15.0-beta.7

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 (166) hide show
  1. package/package.json +6 -2
  2. package/src/components/FormRender/useFormContext.js +15 -15
  3. package/src/components/FormRender/useFormContext.js.map +1 -1
  4. package/src/components/bi-widget/echartBar/echart-bar-widget.vue.js +8 -0
  5. package/src/components/bi-widget/echartBar/echart-bar-widget.vue.js.map +1 -0
  6. package/src/components/bi-widget/echartBar/echart-bar-widget.vue2.js +43 -0
  7. package/src/components/bi-widget/echartBar/echart-bar-widget.vue2.js.map +1 -0
  8. package/src/components/bi-widget/echartBar/echart-bar.js +35 -0
  9. package/src/components/bi-widget/echartBar/echart-bar.js.map +1 -0
  10. package/src/components/bi-widget/index.js +13 -0
  11. package/src/components/bi-widget/index.js.map +1 -0
  12. package/src/components/{form-designer/designer.js → designer.js} +71 -76
  13. package/src/components/designer.js.map +1 -0
  14. package/src/components/form-designer/form-widget/RenderDesignerPC.vue.js +26 -0
  15. package/src/components/form-designer/form-widget/RenderDesignerPC.vue.js.map +1 -0
  16. package/src/components/form-designer/form-widget/RenderDesignerPC.vue2.js +5 -0
  17. package/src/components/form-designer/form-widget/RenderDesignerPC.vue2.js.map +1 -0
  18. package/src/components/form-designer/form-widget/RenderDesignerWigetList.vue.js +1 -1
  19. package/src/components/form-designer/form-widget/RenderDesignerWigetList.vue.js.map +1 -1
  20. package/src/components/form-designer/form-widget/bi/RenderDesignerBI.vue.js +8 -0
  21. package/src/components/form-designer/form-widget/bi/RenderDesignerBI.vue.js.map +1 -0
  22. package/src/components/form-designer/form-widget/bi/RenderDesignerBI.vue2.js +68 -0
  23. package/src/components/form-designer/form-widget/bi/RenderDesignerBI.vue2.js.map +1 -0
  24. package/src/components/form-designer/form-widget/bi/RenderDesignerBIWigetList.vue.js +8 -0
  25. package/src/components/form-designer/form-widget/bi/RenderDesignerBIWigetList.vue.js.map +1 -0
  26. package/src/components/form-designer/form-widget/bi/RenderDesignerBIWigetList.vue2.js +136 -0
  27. package/src/components/form-designer/form-widget/bi/RenderDesignerBIWigetList.vue2.js.map +1 -0
  28. package/src/components/form-designer/form-widget/bi/WidgetContextMenu.vue.js +8 -0
  29. package/src/components/form-designer/form-widget/bi/WidgetContextMenu.vue.js.map +1 -0
  30. package/src/components/form-designer/form-widget/bi/WidgetContextMenu.vue2.js +153 -0
  31. package/src/components/form-designer/form-widget/bi/WidgetContextMenu.vue2.js.map +1 -0
  32. package/src/components/form-designer/form-widget/bi/useRuler.js +66 -0
  33. package/src/components/form-designer/form-widget/bi/useRuler.js.map +1 -0
  34. package/src/components/form-designer/form-widget/container-widget/vf-box-widget.vue.js +2 -2
  35. package/src/components/form-designer/form-widget/container-widget/vf-box-widget.vue2.js +24 -21
  36. package/src/components/form-designer/form-widget/container-widget/vf-box-widget.vue2.js.map +1 -1
  37. package/src/components/form-designer/form-widget/container-widget/vf-collapse-widget.vue.js +2 -2
  38. package/src/components/form-designer/form-widget/container-widget/vf-collapse-widget.vue2.js +36 -34
  39. package/src/components/form-designer/form-widget/container-widget/vf-collapse-widget.vue2.js.map +1 -1
  40. package/src/components/form-designer/form-widget/field-widget/form-item-wrapper.vue.js +1 -1
  41. package/src/components/form-designer/form-widget/field-widget/form-item-wrapper.vue2.js +1 -1
  42. package/src/components/form-designer/form-widget/field-widget/form-item-wrapper.vue2.js.map +1 -1
  43. package/src/components/form-designer/form-widget/field-widget/index.js +1 -1
  44. package/src/components/form-designer/form-widget/field-widget/index.js.map +1 -1
  45. package/src/components/form-designer/form-widget/field-widget/useField.js +117 -117
  46. package/src/components/form-designer/form-widget/field-widget/useField.js.map +1 -1
  47. package/src/components/form-designer/form-widget/index.vue.js +2 -2
  48. package/src/components/form-designer/form-widget/index.vue2.js +47 -56
  49. package/src/components/form-designer/form-widget/index.vue2.js.map +1 -1
  50. package/src/components/form-designer/index.vue.js +74 -77
  51. package/src/components/form-designer/index.vue.js.map +1 -1
  52. package/src/components/form-designer/setting-panel/form-setting.vue.js +1 -1
  53. package/src/components/form-designer/setting-panel/form-setting.vue2.js +1 -1
  54. package/src/components/form-designer/setting-panel/form-setting.vue2.js.map +1 -1
  55. package/src/components/form-designer/setting-panel/index.vue.js +1 -1
  56. package/src/components/form-designer/setting-panel/index.vue2.js +1 -1
  57. package/src/components/form-designer/setting-panel/index.vue2.js.map +1 -1
  58. package/src/components/form-designer/setting-panel/option-items-setting.vue.js +2 -2
  59. package/src/components/form-designer/setting-panel/option-items-setting.vue2.js +1 -1
  60. package/src/components/form-designer/setting-panel/option-items-setting.vue2.js.map +1 -1
  61. package/src/components/form-designer/setting-panel/panel/PanelItemDrag.vue.js +51 -0
  62. package/src/components/form-designer/setting-panel/panel/PanelItemDrag.vue.js.map +1 -0
  63. package/src/components/form-designer/setting-panel/panel/PanelItemDragForBI.vue.js +51 -0
  64. package/src/components/form-designer/setting-panel/panel/PanelItemDragForBI.vue.js.map +1 -0
  65. package/src/components/form-designer/setting-panel/panel/PanelItemDragForBI.vue2.js +5 -0
  66. package/src/components/form-designer/setting-panel/panel/PanelItemDragForBI.vue2.js.map +1 -0
  67. package/src/components/form-designer/setting-panel/property-editor/boxModel-editor.vue.js +1 -1
  68. package/src/components/form-designer/setting-panel/property-editor/boxModel-editor.vue2.js +201 -255
  69. package/src/components/form-designer/setting-panel/property-editor/boxModel-editor.vue2.js.map +1 -1
  70. package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-customClass-editor.vue2.js +1 -1
  71. package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-customClass-editor.vue2.js.map +1 -1
  72. package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-dsEnabled-editor.vue2.js +1 -1
  73. package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-dsEnabled-editor.vue2.js.map +1 -1
  74. package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-tableColumns-editor.vue.js +1 -1
  75. package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-tableColumns-editor.vue2.js +1 -1
  76. package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-tableColumns-editor.vue2.js.map +1 -1
  77. package/src/components/form-designer/setting-panel/property-editor/container-grid/gutter-editor.vue.js +2 -2
  78. package/src/components/form-designer/setting-panel/property-editor/container-grid/gutter-editor.vue2.js +1 -1
  79. package/src/components/form-designer/setting-panel/property-editor/container-grid/gutter-editor.vue2.js.map +1 -1
  80. package/src/components/form-designer/setting-panel/property-editor/container-grid-col/grid-col-span-editor.vue2.js +1 -1
  81. package/src/components/form-designer/setting-panel/property-editor/container-grid-col/grid-col-span-editor.vue2.js.map +1 -1
  82. package/src/components/form-designer/setting-panel/property-editor/container-tab/tab-customClass-editor.vue.js +1 -1
  83. package/src/components/form-designer/setting-panel/property-editor/container-tab/tab-customClass-editor.vue2.js +1 -1
  84. package/src/components/form-designer/setting-panel/property-editor/container-tab/tab-customClass-editor.vue2.js.map +1 -1
  85. package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/height-editor.vue2.js.map +1 -1
  86. package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/width-editor.vue2.js +10 -10
  87. package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/width-editor.vue2.js.map +1 -1
  88. package/src/components/form-designer/setting-panel/property-editor/customClass-editor.vue2.js +1 -1
  89. package/src/components/form-designer/setting-panel/property-editor/customClass-editor.vue2.js.map +1 -1
  90. package/src/components/form-designer/setting-panel/property-editor/dsEnabled-editor.vue.js +5 -0
  91. package/src/components/form-designer/setting-panel/property-editor/dsEnabled-editor.vue.js.map +1 -0
  92. package/src/components/form-designer/setting-panel/property-editor/dsEnabled-editor.vue2.js +71 -0
  93. package/src/components/form-designer/setting-panel/property-editor/dsEnabled-editor.vue2.js.map +1 -0
  94. package/src/components/form-designer/setting-panel/property-editor/echart-bar-editor.vue.js +5 -0
  95. package/src/components/form-designer/setting-panel/property-editor/echart-bar-editor.vue.js.map +1 -0
  96. package/src/components/form-designer/setting-panel/property-editor/echart-bar-editor.vue2.js +81 -0
  97. package/src/components/form-designer/setting-panel/property-editor/echart-bar-editor.vue2.js.map +1 -0
  98. package/src/components/form-designer/setting-panel/property-editor/field-rate/rate-defaultValue-editor.vue2.js +1 -1
  99. package/src/components/form-designer/setting-panel/property-editor/field-rate/rate-defaultValue-editor.vue2.js.map +1 -1
  100. package/src/components/form-designer/setting-panel/property-editor/field-slider/range-editor.vue2.js +1 -1
  101. package/src/components/form-designer/setting-panel/property-editor/field-slider/range-editor.vue2.js.map +1 -1
  102. package/src/components/form-designer/setting-panel/property-editor/field-switch/switch-defaultValue-editor.vue2.js +1 -1
  103. package/src/components/form-designer/setting-panel/property-editor/field-switch/switch-defaultValue-editor.vue2.js.map +1 -1
  104. package/src/components/form-designer/setting-panel/property-editor/index.js +54 -54
  105. package/src/components/form-designer/setting-panel/property-editor/index.js.map +1 -1
  106. package/src/components/form-designer/setting-panel/property-editor/multiple-editor.vue2.js.map +1 -1
  107. package/src/components/form-designer/setting-panel/property-editor/optionItems-editor.vue2.js +1 -1
  108. package/src/components/form-designer/setting-panel/property-editor/optionItems-editor.vue2.js.map +1 -1
  109. package/src/components/form-designer/setting-panel/property-editor/rightSlotCss-editor.vue2.js +1 -1
  110. package/src/components/form-designer/setting-panel/property-editor/rightSlotCss-editor.vue2.js.map +1 -1
  111. package/src/components/form-designer/setting-panel/property-editor/type-editor.vue2.js.map +1 -1
  112. package/src/components/form-designer/setting-panel/property-editor/useEditor.js +1 -1
  113. package/src/components/form-designer/setting-panel/property-editor/useEditor.js.map +1 -1
  114. package/src/components/form-designer/setting-panel/propertyRegister.js +12 -10
  115. package/src/components/form-designer/setting-panel/propertyRegister.js.map +1 -1
  116. package/src/components/form-designer/toolbar-panel/PreviewDialog.vue.js +1 -1
  117. package/src/components/form-designer/toolbar-panel/PreviewDialog.vue.js.map +1 -1
  118. package/src/components/form-designer/toolbar-panel/index.vue.js +2 -2
  119. package/src/components/form-designer/toolbar-panel/index.vue2.js +137 -177
  120. package/src/components/form-designer/toolbar-panel/index.vue2.js.map +1 -1
  121. package/src/components/form-designer/widget-panel/containers/vf-box.js +4 -1
  122. package/src/components/form-designer/widget-panel/containers/vf-box.js.map +1 -1
  123. package/src/components/form-designer/widget-panel/containers/vf-collapse.js +6 -6
  124. package/src/components/form-designer/widget-panel/containers/vf-collapse.js.map +1 -1
  125. package/src/components/form-designer/widget-panel/index.vue.js +2 -2
  126. package/src/components/form-designer/widget-panel/index.vue2.js +74 -34
  127. package/src/components/form-designer/widget-panel/index.vue2.js.map +1 -1
  128. package/src/components/form-render/container-items/vf-box-widget.vue.js +2 -2
  129. package/src/components/form-render/container-items/vf-box-widget.vue2.js +19 -17
  130. package/src/components/form-render/container-items/vf-box-widget.vue2.js.map +1 -1
  131. package/src/components/form-render/container-items/vf-collapse-widget.vue.js +1 -1
  132. package/src/components/form-render/container-items/vf-collapse-widget.vue2.js +24 -22
  133. package/src/components/form-render/container-items/vf-collapse-widget.vue2.js.map +1 -1
  134. package/src/components/form-render/dynamic-dialog.vue.js +1 -0
  135. package/src/components/form-render/dynamic-dialog.vue.js.map +1 -1
  136. package/src/constants/EditorTypeEnum.js +1 -1
  137. package/src/constants/EditorTypeEnum.js.map +1 -1
  138. package/src/constants/LayoutTypeEnum.js +5 -0
  139. package/src/constants/LayoutTypeEnum.js.map +1 -0
  140. package/src/constants/WidgetTypeEnum.js +4 -3
  141. package/src/constants/WidgetTypeEnum.js.map +1 -1
  142. package/src/hooks/useDesigner.js +51 -0
  143. package/src/hooks/useDesigner.js.map +1 -0
  144. package/src/lang/en-US.js +1 -1
  145. package/src/lang/en-US.js.map +1 -1
  146. package/src/lang/zh-CN.js +5 -3
  147. package/src/lang/zh-CN.js.map +1 -1
  148. package/src/utils/util.js +1 -1
  149. package/src/utils/util.js.map +1 -1
  150. package/stats.html +1 -1
  151. package/styles/style.css +1 -1
  152. package/src/components/form-designer/designer.js.map +0 -1
  153. package/src/components/form-designer/form-widget/field-widget/bpmn-editor-widget copy.vue.js +0 -8
  154. package/src/components/form-designer/form-widget/field-widget/bpmn-editor-widget copy.vue.js.map +0 -1
  155. package/src/components/form-designer/form-widget/field-widget/bpmn-editor-widget copy.vue2.js +0 -58
  156. package/src/components/form-designer/form-widget/field-widget/bpmn-editor-widget copy.vue2.js.map +0 -1
  157. package/src/components/form-designer/form-widget/useFormDesigner.js +0 -34
  158. package/src/components/form-designer/form-widget/useFormDesigner.js.map +0 -1
  159. package/src/components/form-designer/setting-panel/property-editor/container-table-cell/cellHeight-editor.vue.js +0 -32
  160. package/src/components/form-designer/setting-panel/property-editor/container-table-cell/cellHeight-editor.vue.js.map +0 -1
  161. package/src/components/form-designer/setting-panel/property-editor/container-table-cell/cellWidth-editor.vue.js +0 -32
  162. package/src/components/form-designer/setting-panel/property-editor/container-table-cell/cellWidth-editor.vue.js.map +0 -1
  163. package/src/components/form-designer/widget-panel/PanelItemDrag.vue.js +0 -50
  164. package/src/components/form-designer/widget-panel/PanelItemDrag.vue.js.map +0 -1
  165. /package/src/components/form-designer/{widget-panel → setting-panel/panel}/PanelItemDrag.vue2.js +0 -0
  166. /package/src/components/form-designer/{widget-panel → setting-panel/panel}/PanelItemDrag.vue2.js.map +0 -0
@@ -0,0 +1,66 @@
1
+ import { debounce as h } from "lodash-es";
2
+ import { ref as n } from "vue";
3
+ function C() {
4
+ const t = n(0.5), o = n({
5
+ lines: { h: [], v: [] },
6
+ //不能直接写{}不然删除有问题
7
+ width: 1920,
8
+ height: 1080,
9
+ canvasWidth: 1920,
10
+ canvasHeight: 1080,
11
+ isShowReferLine: !0,
12
+ showRuler: !0,
13
+ gridRatio: 1,
14
+ thick: 22,
15
+ panzoomOption: {
16
+ canvas: !0,
17
+ maxScale: 3,
18
+ miniScale: 0.3,
19
+ disablePan: !1,
20
+ disableZoom: !1,
21
+ contain: "none"
22
+ },
23
+ shadow: {
24
+ x: 0,
25
+ y: 0,
26
+ width: 0,
27
+ height: 0
28
+ },
29
+ palette: {
30
+ bgColor: "#f5f5f5",
31
+ longfgColor: "#BABBBC",
32
+ // @ts-ignore
33
+ shortfgColor: "#C8CDD0",
34
+ fontColor: "#7D8694",
35
+ shadowColor: "#E8E8E8",
36
+ lineColor: "#51d6a9",
37
+ borderColor: "#DADADC",
38
+ cornerActiveColor: "#fff",
39
+ fontSize: 12
40
+ }
41
+ });
42
+ let e = null;
43
+ return {
44
+ scale: t,
45
+ disconnectObserver: () => {
46
+ e && e.disconnect();
47
+ },
48
+ resizeObserver: e,
49
+ onResizeObserver: (r) => {
50
+ if (r.value) {
51
+ const i = h((s) => {
52
+ for (const l of s) {
53
+ const { width: a, height: c } = l.contentRect;
54
+ o.value.width = a, o.value.height = c;
55
+ }
56
+ }, 100);
57
+ e = new ResizeObserver(i), e.observe(r.value);
58
+ }
59
+ },
60
+ rulerConfig: o
61
+ };
62
+ }
63
+ export {
64
+ C as useRuler
65
+ };
66
+ //# sourceMappingURL=useRuler.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useRuler.js","sources":["../../../../../../src/components/form-designer/form-widget/bi/useRuler.ts"],"sourcesContent":["import { debounce } from 'lodash-es';\nimport { Ref, ref } from 'vue';\nimport { SketchRulerProps } from 'vue3-sketch-ruler';\n\nexport function useRuler() {\n const scale = ref(0.5);\n const rulerConfig = ref<SketchRulerProps>({\n lines: { h: [], v: [] }, //不能直接写{}不然删除有问题\n width: 1920,\n height: 1080,\n canvasWidth: 1920,\n canvasHeight: 1080,\n isShowReferLine: true,\n showRuler: true,\n gridRatio: 1,\n thick: 22,\n panzoomOption: {\n canvas: true,\n maxScale: 3,\n miniScale: 0.3,\n disablePan: false,\n disableZoom: false,\n contain: 'none'\n },\n shadow: {\n x: 0,\n y: 0,\n width: 0,\n height: 0\n },\n palette: {\n bgColor: '#f5f5f5',\n longfgColor: '#BABBBC',\n // @ts-ignore\n shortfgColor: '#C8CDD0',\n fontColor: '#7D8694',\n shadowColor: '#E8E8E8',\n lineColor: '#51d6a9',\n borderColor: '#DADADC',\n cornerActiveColor: '#fff',\n fontSize: 12\n }\n });\n\n let resizeObserver: ResizeObserver | null = null;\n\n const onResizeObserver = (containerRef: Ref<HTMLElement | null>) => {\n if (containerRef.value) {\n const handleResize = debounce((entries: ResizeObserverEntry[]) => {\n for (const entry of entries) {\n const { width, height } = entry.contentRect;\n rulerConfig.value.width = width;\n rulerConfig.value.height = height;\n }\n }, 100);\n resizeObserver = new ResizeObserver(handleResize);\n resizeObserver.observe(containerRef.value);\n }\n };\n\n const disconnectObserver = () => {\n if (resizeObserver) {\n resizeObserver.disconnect();\n }\n };\n\n return {\n scale,\n disconnectObserver,\n resizeObserver,\n onResizeObserver,\n rulerConfig\n };\n}\n"],"names":["useRuler","scale","ref","rulerConfig","resizeObserver","containerRef","handleResize","debounce","entries","entry","width","height"],"mappings":";;AAIO,SAASA,IAAW;AACvB,QAAMC,IAAQC,EAAI,GAAG,GACfC,IAAcD,EAAsB;AAAA,IACtC,OAAO,EAAE,GAAG,IAAI,GAAG,CAAA,EAAC;AAAA;AAAA,IACpB,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,cAAc;AAAA,IACd,iBAAiB;AAAA,IACjB,WAAW;AAAA,IACX,WAAW;AAAA,IACX,OAAO;AAAA,IACP,eAAe;AAAA,MACX,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,SAAS;AAAA,IAAA;AAAA,IAEb,QAAQ;AAAA,MACJ,GAAG;AAAA,MACH,GAAG;AAAA,MACH,OAAO;AAAA,MACP,QAAQ;AAAA,IAAA;AAAA,IAEZ,SAAS;AAAA,MACL,SAAS;AAAA,MACT,aAAa;AAAA;AAAA,MAEb,cAAc;AAAA,MACd,WAAW;AAAA,MACX,aAAa;AAAA,MACb,WAAW;AAAA,MACX,aAAa;AAAA,MACb,mBAAmB;AAAA,MACnB,UAAU;AAAA,IAAA;AAAA,EACd,CACH;AAED,MAAIE,IAAwC;AAsB5C,SAAO;AAAA,IACH,OAAAH;AAAA,IACA,oBARuB,MAAM;AAC7B,MAAIG,KACAA,EAAe,WAAA;AAAA,IAEvB;AAAA,IAKI,gBAAAA;AAAA,IACA,kBAxBqB,CAACC,MAA0C;AAChE,UAAIA,EAAa,OAAO;AACpB,cAAMC,IAAeC,EAAS,CAACC,MAAmC;AAC9D,qBAAWC,KAASD,GAAS;AACzB,kBAAM,EAAE,OAAAE,GAAO,QAAAC,EAAA,IAAWF,EAAM;AAChC,YAAAN,EAAY,MAAM,QAAQO,GAC1BP,EAAY,MAAM,SAASQ;AAAA,UAC/B;AAAA,QACJ,GAAG,GAAG;AACN,QAAAP,IAAiB,IAAI,eAAeE,CAAY,GAChDF,EAAe,QAAQC,EAAa,KAAK;AAAA,MAC7C;AAAA,IACJ;AAAA,IAaI,aAAAF;AAAA,EAAA;AAER;"}
@@ -1,8 +1,8 @@
1
1
  import o from "./vf-box-widget.vue2.js";
2
2
  /* empty css */
3
3
  import t from "../../../../../_virtual/_plugin-vue_export-helper.js";
4
- const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-cfe96bf8"]]);
4
+ const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-11524d0f"]]);
5
5
  export {
6
- m as default
6
+ p as default
7
7
  };
8
8
  //# sourceMappingURL=vf-box-widget.vue.js.map
@@ -1,11 +1,12 @@
1
- import { defineComponent as p, computed as a, createBlock as m, createCommentVNode as g, unref as s, openBlock as i, normalizeProps as l, mergeProps as f, withCtx as c, createElementBlock as x, normalizeStyle as u, createVNode as b } from "vue";
2
- import $ from "../RenderDesignerWigetList.vue.js";
3
- import v from "./container-wrapper.vue.js";
4
- import { ComponentNameEnum as w, ContainerTypeEnum as h } from "../../../../constants/WidgetTypeEnum.js";
5
- import { useField as B } from "../field-widget/useField.js";
6
- const _ = /* @__PURE__ */ p({
7
- name: h.VfBoxWidget,
8
- componentName: w.VfBoxWidget,
1
+ import { defineComponent as m, computed as g, createBlock as s, createCommentVNode as f, unref as l, openBlock as i, normalizeProps as x, mergeProps as c, withCtx as u, createElementBlock as w, normalizeStyle as h, createVNode as b } from "vue";
2
+ import $ from "./container-wrapper.vue.js";
3
+ import v from "../RenderDesignerWigetList.vue.js";
4
+ import { ComponentNameEnum as C, ContainerTypeEnum as B } from "../../../../constants/WidgetTypeEnum.js";
5
+ import { useField as k } from "../field-widget/useField.js";
6
+ /* empty css */
7
+ const T = /* @__PURE__ */ m({
8
+ name: B.VfBoxWidget,
9
+ componentName: C.VfBoxWidget,
9
10
  __name: "vf-box-widget",
10
11
  props: {
11
12
  widget: {},
@@ -16,21 +17,23 @@ const _ = /* @__PURE__ */ p({
16
17
  subFormRowIndex: {},
17
18
  subFormRowId: {}
18
19
  },
19
- setup(d) {
20
- const t = d, { handleHidden: r } = B(t), n = a(() => {
21
- const e = t.widget.options.boxModel || {}, o = {};
22
- return e.borderShow && (o.borderRadius = `${e.borderRadius}px`, o.border = `${e.borderStyle} ${e.borderWidth}px ${e.borderColor}`), (e.paddingTop !== void 0 || e.paddingRight !== void 0 || e.paddingBottom !== void 0 || e.paddingLeft !== void 0) && (o.padding = `${e.paddingTop || 0}px ${e.paddingRight || 0}px ${e.paddingBottom || 0}px ${e.paddingLeft || 0}px`), (e.marginTop !== void 0 || e.marginRight !== void 0 || e.marginBottom !== void 0 || e.marginLeft !== void 0) && (o.margin = `${e.marginTop || 0}px ${e.marginRight || 0}px ${e.marginBottom || 0}px ${e.marginLeft || 0}px`), o;
20
+ setup(d, { expose: r }) {
21
+ const t = d, { handleHidden: n, defineExposed: a } = k(t), p = g(() => {
22
+ const o = t.widget.options.boxModel || {}, e = {};
23
+ return t.widget.options.width && (e.width = "100%", e.height = "100%"), o.borderShow && (e.borderRadius = `${o.borderRadius}px`, e.border = `${o.borderStyle} ${o.borderWidth}px ${o.borderColor}`), (o.paddingTop !== void 0 || o.paddingRight !== void 0 || o.paddingBottom !== void 0 || o.paddingLeft !== void 0) && (e.padding = `${o.paddingTop || 0}px ${o.paddingRight || 0}px ${o.paddingBottom || 0}px ${o.paddingLeft || 0}px`), (o.marginTop !== void 0 || o.marginRight !== void 0 || o.marginBottom !== void 0 || o.marginLeft !== void 0) && (e.margin = `${o.marginTop || 0}px ${o.marginRight || 0}px ${o.marginBottom || 0}px ${o.marginLeft || 0}px`), o.backgroundColor && (e.backgroundColor = o.backgroundColor), o.shadowShow && (e.boxShadow = `${o.shadowOffsetX || 0}px ${o.shadowOffsetY || 0}px ${o.shadowBlur || 0}px ${o.shadowSpread || 0}px ${o.shadowColor || "rgba(0,0,0,0.2)"}`), e;
23
24
  });
24
- return (e, o) => s(r) ? g("", !0) : (i(), m(v, l(f({ key: 0 }, t)), {
25
- default: c(() => [
26
- (i(), x("div", {
25
+ return r({
26
+ ...a
27
+ }), (o, e) => l(n) ? f("", !0) : (i(), s($, x(c({ key: 0 }, t)), {
28
+ default: u(() => [
29
+ (i(), w("div", {
27
30
  class: "box-container",
28
- key: e.widget.id,
29
- style: u(n.value)
31
+ key: o.widget.id,
32
+ style: h(p.value)
30
33
  }, [
31
- b($, {
32
- list: e.widget.widgetList || [],
33
- parentWidget: e.widget
34
+ b(v, {
35
+ list: o.widget.widgetList || [],
36
+ parentWidget: o.widget
34
37
  }, null, 8, ["list", "parentWidget"])
35
38
  ], 4))
36
39
  ]),
@@ -39,6 +42,6 @@ const _ = /* @__PURE__ */ p({
39
42
  }
40
43
  });
41
44
  export {
42
- _ as default
45
+ T as default
43
46
  };
44
47
  //# sourceMappingURL=vf-box-widget.vue2.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"vf-box-widget.vue2.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/vf-box-widget.vue"],"sourcesContent":["<template>\n <container-wrapper v-bind=\"props\" v-if=\"!handleHidden\">\n <div class=\"box-container\" :key=\"widget.id\" :style=\"boxStyle\">\n <RenderDesignerWigetList :list=\"widget.widgetList || []\" :parentWidget=\"widget\" />\n </div>\n </container-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n import RenderDesignerWigetList from '@/components/form-designer/form-widget/RenderDesignerWigetList.vue';\n import ContainerWrapper from '@/components/form-designer/form-widget/container-widget/container-wrapper.vue';\n import { WidgetProps } from '@/components/form-designer/form-widget/container-widget/useContainerWidget';\n import { computed, CSSProperties } from 'vue';\n import { ComponentNameEnum, ContainerTypeEnum } from '@/constants/WidgetTypeEnum';\n import { useField } from '../field-widget/useField';\n\n defineOptions({\n name: ContainerTypeEnum.VfBoxWidget,\n componentName: ComponentNameEnum.VfBoxWidget\n });\n\n const props = defineProps<WidgetProps>();\n const { handleHidden } = useField(props);\n\n const boxStyle = computed(() => {\n const boxModel = props.widget.options.boxModel || {};\n const style = {} as CSSProperties;\n\n if (boxModel.borderShow) {\n style.borderRadius = `${boxModel.borderRadius}px`;\n style.border = `${boxModel.borderStyle} ${boxModel.borderWidth}px ${boxModel.borderColor}`;\n }\n\n // 设置内边距\n if (\n boxModel.paddingTop !== undefined ||\n boxModel.paddingRight !== undefined ||\n boxModel.paddingBottom !== undefined ||\n boxModel.paddingLeft !== undefined\n ) {\n style.padding = `${boxModel.paddingTop || 0}px ${boxModel.paddingRight || 0}px ${\n boxModel.paddingBottom || 0\n }px ${boxModel.paddingLeft || 0}px`;\n }\n\n // 设置外边距\n if (\n boxModel.marginTop !== undefined ||\n boxModel.marginRight !== undefined ||\n boxModel.marginBottom !== undefined ||\n boxModel.marginLeft !== undefined\n ) {\n style.margin = `${boxModel.marginTop || 0}px ${boxModel.marginRight || 0}px ${\n boxModel.marginBottom || 0\n }px ${boxModel.marginLeft || 0}px`;\n }\n\n return style;\n });\n</script>\n\n<style lang=\"less\" scoped>\n .box-container {\n width: 100%;\n min-height: 120px;\n position: relative;\n padding-bottom: 20px;\n\n .vf-box-drop-zone {\n // min-height: 58px;\n }\n }\n\n .box-container > div:first-child {\n min-height: 58px;\n }\n</style>\n"],"names":["props","__props","handleHidden","useField","boxStyle","computed","boxModel","style","_unref","_openBlock","_createBlock","ContainerWrapper","_createElementBlock","widget","_createVNode","RenderDesignerWigetList"],"mappings":";;;;;;;;;;;;;;;;;;;AAqBI,UAAMA,IAAQC,GACR,EAAE,cAAAC,EAAA,IAAiBC,EAASH,CAAK,GAEjCI,IAAWC,EAAS,MAAM;AAC5B,YAAMC,IAAWN,EAAM,OAAO,QAAQ,YAAY,CAAA,GAC5CO,IAAQ,CAAA;AAEd,aAAID,EAAS,eACTC,EAAM,eAAe,GAAGD,EAAS,YAAY,MAC7CC,EAAM,SAAS,GAAGD,EAAS,WAAW,IAAIA,EAAS,WAAW,MAAMA,EAAS,WAAW,MAKxFA,EAAS,eAAe,UACxBA,EAAS,iBAAiB,UAC1BA,EAAS,kBAAkB,UAC3BA,EAAS,gBAAgB,YAEzBC,EAAM,UAAU,GAAGD,EAAS,cAAc,CAAC,MAAMA,EAAS,gBAAgB,CAAC,MACvEA,EAAS,iBAAiB,CAC9B,MAAMA,EAAS,eAAe,CAAC,QAK/BA,EAAS,cAAc,UACvBA,EAAS,gBAAgB,UACzBA,EAAS,iBAAiB,UAC1BA,EAAS,eAAe,YAExBC,EAAM,SAAS,GAAGD,EAAS,aAAa,CAAC,MAAMA,EAAS,eAAe,CAAC,MACpEA,EAAS,gBAAgB,CAC7B,MAAMA,EAAS,cAAc,CAAC,OAG3BC;AAAA,IACX,CAAC;qBAzDwCC,EAAAN,CAAA,iBAAzCO,EAAA,GAAAC,EAIoBC,mBAJOX,CAAK,CAAA,GAAA;AAAA,iBAC5B,MAEM;AAAA,cAFNY,EAEM,OAAA;AAAA,UAFD,OAAM;AAAA,UAAiB,KAAKC,EAAAA,OAAO;AAAA,UAAK,SAAOT,EAAA,KAAQ;AAAA,QAAA;UACxDU,EAAkFC,GAAA;AAAA,YAAxD,MAAMF,EAAAA,OAAO,cAAU,CAAA;AAAA,YAAS,cAAcA,EAAAA;AAAAA,UAAAA;;;;;;;"}
1
+ {"version":3,"file":"vf-box-widget.vue2.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/vf-box-widget.vue"],"sourcesContent":["<template>\n <container-wrapper v-bind=\"props\" v-if=\"!handleHidden\">\n <div class=\"box-container\" :key=\"widget.id\" :style=\"boxStyle\">\n <RenderDesignerWigetList :list=\"widget.widgetList || []\" :parentWidget=\"widget\" />\n </div>\n </container-wrapper>\n</template>\n\n<script lang=\"ts\" setup>\n import ContainerWrapper from './container-wrapper.vue';\n import RenderDesignerWigetList from '@/components/form-designer/form-widget/RenderDesignerWigetList.vue';\n import { WidgetProps } from '@/components/form-designer/form-widget/container-widget/useContainerWidget';\n import { computed, CSSProperties, ref } from 'vue';\n import { ComponentNameEnum, ContainerTypeEnum } from '@/constants/WidgetTypeEnum';\n import { useField } from '../field-widget/useField';\n import 'es-drager/lib/style.css';\n\n defineOptions({\n name: ContainerTypeEnum.VfBoxWidget,\n componentName: ComponentNameEnum.VfBoxWidget\n });\n\n const props = defineProps<WidgetProps>();\n const { handleHidden, defineExposed } = useField(props);\n\n const boxStyle = computed(() => {\n const boxModel = props.widget.options.boxModel || {};\n const style = {} as CSSProperties;\n\n if (props.widget.options.width) {\n style.width = '100%';\n style.height = '100%';\n }\n\n if (boxModel.borderShow) {\n style.borderRadius = `${boxModel.borderRadius}px`;\n style.border = `${boxModel.borderStyle} ${boxModel.borderWidth}px ${boxModel.borderColor}`;\n }\n\n // 设置内边距\n if (\n boxModel.paddingTop !== undefined ||\n boxModel.paddingRight !== undefined ||\n boxModel.paddingBottom !== undefined ||\n boxModel.paddingLeft !== undefined\n ) {\n style.padding = `${boxModel.paddingTop || 0}px ${boxModel.paddingRight || 0}px ${\n boxModel.paddingBottom || 0\n }px ${boxModel.paddingLeft || 0}px`;\n }\n\n // 设置外边距\n if (\n boxModel.marginTop !== undefined ||\n boxModel.marginRight !== undefined ||\n boxModel.marginBottom !== undefined ||\n boxModel.marginLeft !== undefined\n ) {\n style.margin = `${boxModel.marginTop || 0}px ${boxModel.marginRight || 0}px ${\n boxModel.marginBottom || 0\n }px ${boxModel.marginLeft || 0}px`;\n }\n\n // 设置背景颜色\n if (boxModel.backgroundColor) {\n style.backgroundColor = boxModel.backgroundColor;\n }\n\n // 设置阴影\n if (boxModel.shadowShow) {\n style.boxShadow = `${boxModel.shadowOffsetX || 0}px ${boxModel.shadowOffsetY || 0}px ${\n boxModel.shadowBlur || 0\n }px ${boxModel.shadowSpread || 0}px ${boxModel.shadowColor || 'rgba(0,0,0,0.2)'}`;\n }\n\n return style;\n });\n defineExpose({\n ...defineExposed\n });\n</script>\n\n<style lang=\"less\" scoped>\n .box-container {\n width: 100%;\n position: relative;\n padding-bottom: 20px;\n min-height: 120px;\n }\n</style>\n"],"names":["props","__props","handleHidden","defineExposed","useField","boxStyle","computed","boxModel","style","__expose","_unref","_openBlock","_createBlock","ContainerWrapper","_createElementBlock","widget","_createVNode","RenderDesignerWigetList"],"mappings":";;;;;;;;;;;;;;;;;;;;AAsBI,UAAMA,IAAQC,GACR,EAAE,cAAAC,GAAc,eAAAC,MAAkBC,EAASJ,CAAK,GAEhDK,IAAWC,EAAS,MAAM;AAC5B,YAAMC,IAAWP,EAAM,OAAO,QAAQ,YAAY,CAAA,GAC5CQ,IAAQ,CAAA;AAEd,aAAIR,EAAM,OAAO,QAAQ,UACrBQ,EAAM,QAAQ,QACdA,EAAM,SAAS,SAGfD,EAAS,eACTC,EAAM,eAAe,GAAGD,EAAS,YAAY,MAC7CC,EAAM,SAAS,GAAGD,EAAS,WAAW,IAAIA,EAAS,WAAW,MAAMA,EAAS,WAAW,MAKxFA,EAAS,eAAe,UACxBA,EAAS,iBAAiB,UAC1BA,EAAS,kBAAkB,UAC3BA,EAAS,gBAAgB,YAEzBC,EAAM,UAAU,GAAGD,EAAS,cAAc,CAAC,MAAMA,EAAS,gBAAgB,CAAC,MACvEA,EAAS,iBAAiB,CAC9B,MAAMA,EAAS,eAAe,CAAC,QAK/BA,EAAS,cAAc,UACvBA,EAAS,gBAAgB,UACzBA,EAAS,iBAAiB,UAC1BA,EAAS,eAAe,YAExBC,EAAM,SAAS,GAAGD,EAAS,aAAa,CAAC,MAAMA,EAAS,eAAe,CAAC,MACpEA,EAAS,gBAAgB,CAC7B,MAAMA,EAAS,cAAc,CAAC,OAI9BA,EAAS,oBACTC,EAAM,kBAAkBD,EAAS,kBAIjCA,EAAS,eACTC,EAAM,YAAY,GAAGD,EAAS,iBAAiB,CAAC,MAAMA,EAAS,iBAAiB,CAAC,MAC7EA,EAAS,cAAc,CAC3B,MAAMA,EAAS,gBAAgB,CAAC,MAAMA,EAAS,eAAe,iBAAiB,KAG5EC;AAAA,IACX,CAAC;AACD,WAAAC,EAAa;AAAA,MACT,GAAGN;AAAA,IAAA,CACN,aA9EwCO,EAAAR,CAAA,iBAAzCS,EAAA,GAAAC,EAIoBC,mBAJOb,CAAK,CAAA,GAAA;AAAA,iBAC5B,MAEM;AAAA,cAFNc,EAEM,OAAA;AAAA,UAFD,OAAM;AAAA,UAAiB,KAAKC,EAAAA,OAAO;AAAA,UAAK,SAAOV,EAAA,KAAQ;AAAA,QAAA;UACxDW,EAAkFC,GAAA;AAAA,YAAxD,MAAMF,EAAAA,OAAO,cAAU,CAAA;AAAA,YAAS,cAAcA,EAAAA;AAAAA,UAAAA;;;;;;;"}
@@ -2,8 +2,8 @@ import o from "./vf-collapse-widget.vue2.js";
2
2
  /* empty css */
3
3
  /* empty css */
4
4
  import t from "../../../../../_virtual/_plugin-vue_export-helper.js";
5
- const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-cfc0c8dd"]]);
5
+ const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8160972e"]]);
6
6
  export {
7
- m as default
7
+ a as default
8
8
  };
9
9
  //# sourceMappingURL=vf-collapse-widget.vue.js.map
@@ -1,13 +1,13 @@
1
- import { defineComponent as f, computed as m, createBlock as h, openBlock as w, normalizeProps as C, guardReactiveProps as v, withCtx as a, createElementVNode as n, createVNode as r, unref as o, withDirectives as W, normalizeStyle as _, vShow as L } from "vue";
2
- import R from "./container-wrapper.vue.js";
3
- import { useAppRef as S } from "../../useAppRef.js";
4
- import { TpfCollapse as N } from "tmgc2-share";
1
+ import { defineComponent as w, computed as m, createBlock as C, createCommentVNode as v, unref as e, openBlock as W, normalizeProps as _, mergeProps as L, withCtx as n, createElementVNode as a, createVNode as d, withDirectives as S, normalizeStyle as N, vShow as y } from "vue";
2
+ import E from "./container-wrapper.vue.js";
3
+ import { TpfCollapse as R } from "tmgc2-share";
5
4
  import u from "../RenderDesignerWigetList.vue.js";
6
- import { useContainerWidget as y } from "./useContainerWidget.js";
7
- import { ComponentNameEnum as D, ContainerTypeEnum as E } from "../../../../constants/WidgetTypeEnum.js";
8
- const P = { class: "collapse-container" }, V = { class: "collapse-right" }, O = /* @__PURE__ */ f({
9
- name: E.VfCollapseWidget,
10
- componentName: D.ContainerWidget,
5
+ import { useContainerWidget as V } from "./useContainerWidget.js";
6
+ import { ComponentNameEnum as k, ContainerTypeEnum as D } from "../../../../constants/WidgetTypeEnum.js";
7
+ import { useField as F } from "../field-widget/useField.js";
8
+ const P = { class: "collapse-container" }, b = { class: "collapse-right" }, U = /* @__PURE__ */ w({
9
+ name: D.VfCollapseWidget,
10
+ componentName: k.ContainerWidget,
11
11
  __name: "vf-collapse-widget",
12
12
  props: {
13
13
  widget: {},
@@ -18,39 +18,41 @@ const P = { class: "collapse-container" }, V = { class: "collapse-right" }, O =
18
18
  subFormRowIndex: {},
19
19
  subFormRowId: {}
20
20
  },
21
- setup(c) {
22
- const e = c, s = m(() => e.widget.defaultSlotsList || []), d = m(() => e.widget.headerRightSlotList || []), { initRefList: g } = S(e), { onContainerDragAdd: p, onContainerDragUpdate: l } = y(e);
23
- return g(), (t, b) => (w(), h(R, C(v(e)), {
24
- default: a(() => [
25
- n("div", P, [
26
- r(o(N), {
27
- title: t.widget.options.title
21
+ setup(c, { expose: g }) {
22
+ const t = c, r = m(() => t.widget.defaultSlotsList || []), s = m(() => t.widget.headerRightSlotList || []), { handleHidden: f, defineExposed: h } = F(t), { onContainerDragAdd: l, onContainerDragUpdate: p } = V(t);
23
+ return g({
24
+ ...h
25
+ }), (o, x) => e(f) ? v("", !0) : (W(), C(E, _(L({ key: 0 }, t)), {
26
+ default: n(() => [
27
+ a("div", P, [
28
+ d(e(R), {
29
+ title: o.widget.options.title
28
30
  }, {
29
- right: a(() => [
30
- n("div", V, [
31
- r(u, {
32
- list: d.value,
33
- parentWidget: t.widget,
34
- add: (i) => o(p)(i, d.value),
35
- update: o(l)
31
+ right: n(() => [
32
+ a("div", b, [
33
+ d(u, {
34
+ list: s.value,
35
+ parentWidget: o.widget,
36
+ add: (i) => e(l)(i, s.value),
37
+ update: e(p)
36
38
  }, null, 8, ["list", "parentWidget", "add", "update"])
37
39
  ])
38
40
  ]),
39
- default: a(() => [
40
- W(n("div", {
41
+ default: n(() => [
42
+ S(a("div", {
41
43
  class: "tpf-collapse-content-wrapper",
42
- style: _({
43
- height: t.widget.options.height || "unset"
44
+ style: N({
45
+ height: o.widget.options.height || "unset"
44
46
  })
45
47
  }, [
46
- r(u, {
47
- list: s.value,
48
- parentWidget: t.widget,
49
- add: (i) => o(p)(i, s.value),
50
- update: o(l)
48
+ d(u, {
49
+ list: r.value,
50
+ parentWidget: o.widget,
51
+ add: (i) => e(l)(i, r.value),
52
+ update: e(p)
51
53
  }, null, 8, ["list", "parentWidget", "add", "update"])
52
54
  ], 4), [
53
- [L, !t.widget.options.isCollapse]
55
+ [y, !o.widget.options.isCollapse]
54
56
  ])
55
57
  ]),
56
58
  _: 1
@@ -62,6 +64,6 @@ const P = { class: "collapse-container" }, V = { class: "collapse-right" }, O =
62
64
  }
63
65
  });
64
66
  export {
65
- O as default
67
+ U as default
66
68
  };
67
69
  //# sourceMappingURL=vf-collapse-widget.vue2.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"vf-collapse-widget.vue2.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/vf-collapse-widget.vue"],"sourcesContent":["<template>\n <ContainerWrapper v-bind=\"props\">\n <div class=\"collapse-container\">\n <TpfCollapse :title=\"widget.options.title\">\n <template #right>\n <div class=\"collapse-right\">\n <RenderDesignerWigetList\n :list=\"headerRightSlotList\"\n :parentWidget=\"widget\"\n :add=\"evt => onContainerDragAdd(evt, headerRightSlotList)\"\n :update=\"onContainerDragUpdate\"\n />\n </div>\n </template>\n <div\n class=\"tpf-collapse-content-wrapper\"\n :style=\"{\n height: widget.options.height || 'unset'\n }\"\n v-show=\"!widget.options.isCollapse\"\n >\n <RenderDesignerWigetList\n :list=\"defaultSlotsList\"\n :parentWidget=\"widget\"\n :add=\"evt => onContainerDragAdd(evt, defaultSlotsList)\"\n :update=\"onContainerDragUpdate\"\n />\n </div>\n </TpfCollapse>\n </div>\n </ContainerWrapper>\n</template>\n\n<script lang=\"ts\" setup>\n import ContainerWrapper from '@/components/form-designer/form-widget/container-widget/container-wrapper.vue';\n import { useAppRef } from '@/components/form-designer/useAppRef';\n import { TpfCollapse } from 'tmgc2-share';\n import RenderDesignerWigetList from '@/components/form-designer/form-widget/RenderDesignerWigetList.vue';\n import {\n useContainerWidget,\n type WidgetProps\n } from '@/components/form-designer/form-widget/container-widget/useContainerWidget';\n import type { CollapseWidget } from '@/components/form-designer/widget-panel/containers/vf-collapse';\n import { computed } from 'vue';\n import { ComponentNameEnum, ContainerTypeEnum } from '@/constants/WidgetTypeEnum';\n defineOptions({\n name: ContainerTypeEnum.VfCollapseWidget,\n componentName: ComponentNameEnum.ContainerWidget\n });\n\n const props = defineProps<WidgetProps<CollapseWidget>>();\n\n const defaultSlotsList = computed(() => props.widget.defaultSlotsList || []);\n const headerRightSlotList = computed(() => props.widget.headerRightSlotList || []);\n\n const { initRefList } = useAppRef(props);\n\n const { onContainerDragAdd, onContainerDragUpdate } = useContainerWidget(props);\n\n initRefList();\n</script>\n\n<style lang=\"less\" scoped>\n .collapse-container {\n display: flex;\n margin: 2px;\n height: 100%;\n width: 100%;\n flex: 1 0 0;\n .form-widget-list {\n min-height: 28px;\n }\n :deep(.header-right) {\n background-color: #fff;\n .form-widget-list {\n min-width: 200px;\n }\n }\n }\n</style>\n\n<style lang=\"less\" scoped>\n .tpf-collapse {\n padding: 5px;\n .collapse-right {\n min-width: 200px;\n min-height: 30px;\n border: 1px dashed #666;\n }\n :deep(.design-time-bottom-margin) {\n margin-bottom: 0;\n .static-content-item {\n margin-bottom: 0;\n padding: 3px;\n }\n }\n :deep(.tpf-collapse-content-wrapper) {\n overflow: hidden;\n background-color: #fff;\n min-height: 200px;\n }\n }\n</style>\n"],"names":["props","__props","defaultSlotsList","computed","headerRightSlotList","initRefList","useAppRef","onContainerDragAdd","onContainerDragUpdate","useContainerWidget","_openBlock","_createBlock","ContainerWrapper","_createElementVNode","_hoisted_1","_createVNode","_unref","TpfCollapse","widget","_hoisted_2","RenderDesignerWigetList","evt","_normalizeStyle"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAkDI,UAAMA,IAAQC,GAERC,IAAmBC,EAAS,MAAMH,EAAM,OAAO,oBAAoB,EAAE,GACrEI,IAAsBD,EAAS,MAAMH,EAAM,OAAO,uBAAuB,EAAE,GAE3E,EAAE,aAAAK,EAAA,IAAgBC,EAAUN,CAAK,GAEjC,EAAE,oBAAAO,GAAoB,uBAAAC,MAA0BC,EAAmBT,CAAK;AAE9E,WAAAK,EAAA,cA1DAK,EAAA,GAAAC,EA6BmBC,OA7BOZ,CAAK,CAAA,GAAA;AAAA,iBAC3B,MA2BM;AAAA,QA3BNa,EA2BM,OA3BNC,GA2BM;AAAA,UA1BFC,EAyBcC,EAAAC,CAAA,GAAA;AAAA,YAzBA,OAAOC,EAAAA,OAAO,QAAQ;AAAA,UAAA;YACrB,SACP,MAOM;AAAA,cAPNL,EAOM,OAPNM,GAOM;AAAA,gBANFJ,EAKEK,GAAA;AAAA,kBAJG,MAAMhB,EAAA;AAAA,kBACN,cAAcc,EAAAA;AAAAA,kBACd,KAAK,CAAAG,MAAOL,KAAmBK,GAAKjB,EAAA,KAAmB;AAAA,kBACvD,QAAQY,EAAAR,CAAA;AAAA,gBAAA;;;uBAIrB,MAaM;AAAA,gBAbNK,EAaM,OAAA;AAAA,gBAZF,OAAM;AAAA,gBACL,OAAKS,EAAA;AAAA,0BAAoCJ,EAAAA,OAAO,QAAQ,UAAM;AAAA,gBAAA;;gBAK/DH,EAKEK,GAAA;AAAA,kBAJG,MAAMlB,EAAA;AAAA,kBACN,cAAcgB,EAAAA;AAAAA,kBACd,KAAK,CAAAG,MAAOL,KAAmBK,GAAKnB,EAAA,KAAgB;AAAA,kBACpD,QAAQc,EAAAR,CAAA;AAAA,gBAAA;;qBANJU,EAAAA,OAAO,QAAQ,UAAU;AAAA,cAAA;;;;;;;;;;"}
1
+ {"version":3,"file":"vf-collapse-widget.vue2.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/vf-collapse-widget.vue"],"sourcesContent":["<template>\n <ContainerWrapper v-bind=\"props\" v-if=\"!handleHidden\">\n <div class=\"collapse-container\">\n <TpfCollapse :title=\"widget.options.title\">\n <template #right>\n <div class=\"collapse-right\">\n <RenderDesignerWigetList\n :list=\"headerRightSlotList\"\n :parentWidget=\"widget\"\n :add=\"evt => onContainerDragAdd(evt, headerRightSlotList)\"\n :update=\"onContainerDragUpdate\"\n />\n </div>\n </template>\n <div\n class=\"tpf-collapse-content-wrapper\"\n :style=\"{\n height: widget.options.height || 'unset'\n }\"\n v-show=\"!widget.options.isCollapse\"\n >\n <RenderDesignerWigetList\n :list=\"defaultSlotsList\"\n :parentWidget=\"widget\"\n :add=\"evt => onContainerDragAdd(evt, defaultSlotsList)\"\n :update=\"onContainerDragUpdate\"\n />\n </div>\n </TpfCollapse>\n </div>\n </ContainerWrapper>\n</template>\n\n<script lang=\"ts\" setup>\n import ContainerWrapper from '@/components/form-designer/form-widget/container-widget/container-wrapper.vue';\n import { useAppRef } from '@/components/form-designer/useAppRef';\n import { TpfCollapse } from 'tmgc2-share';\n import RenderDesignerWigetList from '@/components/form-designer/form-widget/RenderDesignerWigetList.vue';\n import {\n useContainerWidget,\n type WidgetProps\n } from '@/components/form-designer/form-widget/container-widget/useContainerWidget';\n import type { CollapseWidget } from '@/components/form-designer/widget-panel/containers/vf-collapse';\n import { computed } from 'vue';\n import { ComponentNameEnum, ContainerTypeEnum } from '@/constants/WidgetTypeEnum';\n import { useField } from '../field-widget/useField';\n defineOptions({\n name: ContainerTypeEnum.VfCollapseWidget,\n componentName: ComponentNameEnum.ContainerWidget\n });\n\n const props = defineProps<WidgetProps<CollapseWidget>>();\n\n const defaultSlotsList = computed(() => props.widget.defaultSlotsList || []);\n const headerRightSlotList = computed(() => props.widget.headerRightSlotList || []);\n\n const { handleHidden, defineExposed } = useField(props);\n const { onContainerDragAdd, onContainerDragUpdate } = useContainerWidget(props);\n\n defineExpose({\n ...defineExposed\n });\n</script>\n\n<style lang=\"less\" scoped>\n .collapse-container {\n display: flex;\n margin: 2px;\n height: 100%;\n width: 100%;\n flex: 1 0 0;\n .form-widget-list {\n min-height: 28px;\n }\n :deep(.header-right) {\n background-color: #fff;\n .form-widget-list {\n min-width: 200px;\n }\n }\n }\n</style>\n\n<style lang=\"less\" scoped>\n .tpf-collapse {\n padding: 5px;\n .collapse-right {\n min-width: 200px;\n min-height: 30px;\n border: 1px dashed #666;\n }\n :deep(.design-time-bottom-margin) {\n margin-bottom: 0;\n .static-content-item {\n margin-bottom: 0;\n padding: 3px;\n }\n }\n :deep(.tpf-collapse-content-wrapper) {\n overflow: hidden;\n background-color: #fff;\n min-height: 200px;\n }\n }\n</style>\n"],"names":["props","__props","defaultSlotsList","computed","headerRightSlotList","handleHidden","defineExposed","useField","onContainerDragAdd","onContainerDragUpdate","useContainerWidget","__expose","_unref","_openBlock","_createBlock","ContainerWrapper","_createElementVNode","_hoisted_1","_createVNode","TpfCollapse","widget","_hoisted_2","RenderDesignerWigetList","evt","_normalizeStyle"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAmDI,UAAMA,IAAQC,GAERC,IAAmBC,EAAS,MAAMH,EAAM,OAAO,oBAAoB,EAAE,GACrEI,IAAsBD,EAAS,MAAMH,EAAM,OAAO,uBAAuB,EAAE,GAE3E,EAAE,cAAAK,GAAc,eAAAC,MAAkBC,EAASP,CAAK,GAChD,EAAE,oBAAAQ,GAAoB,uBAAAC,MAA0BC,EAAmBV,CAAK;AAE9E,WAAAW,EAAa;AAAA,MACT,GAAGL;AAAA,IAAA,CACN,aA5DuCM,EAAAP,CAAA,iBAAxCQ,EAAA,GAAAC,EA6BmBC,mBA7BOf,CAAK,CAAA,GAAA;AAAA,iBAC3B,MA2BM;AAAA,QA3BNgB,EA2BM,OA3BNC,GA2BM;AAAA,UA1BFC,EAyBcN,EAAAO,CAAA,GAAA;AAAA,YAzBA,OAAOC,EAAAA,OAAO,QAAQ;AAAA,UAAA;YACrB,SACP,MAOM;AAAA,cAPNJ,EAOM,OAPNK,GAOM;AAAA,gBANFH,EAKEI,GAAA;AAAA,kBAJG,MAAMlB,EAAA;AAAA,kBACN,cAAcgB,EAAAA;AAAAA,kBACd,KAAK,CAAAG,MAAOX,KAAmBW,GAAKnB,EAAA,KAAmB;AAAA,kBACvD,QAAQQ,EAAAH,CAAA;AAAA,gBAAA;;;uBAIrB,MAaM;AAAA,gBAbNO,EAaM,OAAA;AAAA,gBAZF,OAAM;AAAA,gBACL,OAAKQ,EAAA;AAAA,0BAAoCJ,EAAAA,OAAO,QAAQ,UAAM;AAAA,gBAAA;;gBAK/DF,EAKEI,GAAA;AAAA,kBAJG,MAAMpB,EAAA;AAAA,kBACN,cAAckB,EAAAA;AAAAA,kBACd,KAAK,CAAAG,MAAOX,KAAmBW,GAAKrB,EAAA,KAAgB;AAAA,kBACpD,QAAQU,EAAAH,CAAA;AAAA,gBAAA;;qBANJW,EAAAA,OAAO,QAAQ,UAAU;AAAA,cAAA;;;;;;;;;;"}
@@ -1,7 +1,7 @@
1
1
  import o from "./form-item-wrapper.vue2.js";
2
2
  /* empty css */
3
3
  import r from "../../../../../_virtual/_plugin-vue_export-helper.js";
4
- const a = /* @__PURE__ */ r(o, [["__scopeId", "data-v-7cbf7acc"]]);
4
+ const a = /* @__PURE__ */ r(o, [["__scopeId", "data-v-362c5110"]]);
5
5
  export {
6
6
  a as default
7
7
  };
@@ -3,7 +3,7 @@ import { SvgIcon as W } from "tmgc2-share";
3
3
  import "../../../../utils/i18n.js";
4
4
  import { useContainerWidget as H } from "../container-widget/useContainerWidget.js";
5
5
  import { FormItem as $ } from "ant-design-vue";
6
- import { useDesigner as j } from "../useFormDesigner.js";
6
+ import { useDesigner as j } from "../../../../hooks/useDesigner.js";
7
7
  import M from "../widgetAction.vue.js";
8
8
  const q = {
9
9
  class: "label-box"
@@ -1 +1 @@
1
- {"version":3,"file":"form-item-wrapper.vue2.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/form-item-wrapper.vue"],"sourcesContent":["<template>\n <div\n class=\"field-wrapper\"\n :class=\"{\n 'design-time-bottom-margin': designState,\n 'field-wrapper-widget': designState,\n selected: selected\n }\"\n @click.stop=\"selectWidget(field)\"\n >\n <FormItem\n :labelCol=\"{ style: { width: labelWidth + 'px' } }\"\n :title=\"label\"\n :size=\"size\"\n :rules=\"rules\"\n :name=\"getPropName\"\n :labelAlign=\"labelAlign\"\n :class=\"[customClass]\"\n >\n <template #label>\n <div class=\"label-box\">\n <span v-if=\"!!field.options.labelIconClass\" class=\"custom-label\">\n <template v-if=\"field.options.labelIconPosition === 'front'\">\n <svg-icon :icon-class=\"field.options.labelIconClass\" />\n <div class=\"label-text\">\n {{ label }}\n </div>\n </template>\n <template v-else-if=\"field.options.labelIconPosition === 'rear'\">\n <div class=\"label-text\">\n {{ label }}\n </div>\n <svg-icon :icon-class=\"field.options.labelIconClass\" />\n </template>\n </span>\n <template v-else>\n <div class=\"label-text\">\n {{ label }}\n </div>\n </template>\n </div>\n </template>\n <slot></slot>\n </FormItem>\n\n <WidgetAction v-bind=\"props\" v-if=\"designState\" />\n </div>\n</template>\n\n<script lang=\"tsx\" setup>\n import { SvgIcon } from 'tmgc2-share';\n import { useI18n } from '@/utils/i18n';\n import { FieldProps } from './useField';\n import { computed, inject } from 'vue';\n import { useContainerWidget } from '../container-widget/useContainerWidget';\n import { FormItem } from 'ant-design-vue';\n import { useDesigner } from '@/components/form-designer/form-widget/useFormDesigner';\n import WidgetAction from '../widgetAction.vue';\n defineOptions({\n name: 'form-item-wrapper'\n });\n const { i18nt, i18n2t } = useI18n();\n\n interface FormItemWrapperProps extends FieldProps {\n rules?: Array<any>;\n }\n const props = withDefaults(defineProps<FormItemWrapperProps>(), {\n parentWidget: null,\n indexOfParentList: 0\n });\n const getSubFormName = inject('getSubFormName', () => '');\n const getSubFormFieldFlag = inject('getSubFormFieldFlag', () => false);\n\n const { formConfig, designer, designState } = useDesigner();\n\n const labelWidth = computed(() => {\n if (props.field?.options?.labelHidden) {\n return 0;\n }\n\n if (props.field?.options?.labelWidth) {\n return props.field.options.labelWidth;\n }\n\n return formConfig.value?.labelWidth;\n });\n\n const label = computed(() => {\n if (props.field?.options?.labelHidden) {\n return '';\n }\n return props.field?.options?.label;\n });\n\n const labelAlign = computed(() => {\n if (props.field?.options?.labelAlign) {\n return props.field.options.labelAlign;\n }\n return formConfig.value?.labelAlign || 'right';\n });\n\n const subFormName = computed(() => () => {\n return getSubFormName ? getSubFormName() : '';\n });\n\n const size = computed(() => {\n if (props.field?.options?.size) {\n return props.field.options.size;\n }\n return formConfig.value?.size || 'middle';\n });\n\n const subFormItemFlag = computed(() => {\n return getSubFormFieldFlag ? getSubFormFieldFlag() : false;\n });\n\n const getPropName = computed(() => {\n if (subFormItemFlag.value && !designState) {\n return (\n subFormName.value +\n '.' +\n props.subFormRowIndex +\n '.' +\n props.field.options.name +\n ''\n );\n } else return props.field.options.name;\n });\n\n const { customClass, selected, selectWidget } = useContainerWidget({\n widget: props.field,\n parentWidget: props.parentWidget,\n indexOfParentList: props.indexOfParentList\n });\n</script>\n\n<style lang=\"scss\" scoped>\n .design-time-bottom-margin {\n margin-bottom: 5px;\n }\n .field-wrapper-widget {\n min-height: 40px;\n padding: 5px;\n border: 1px dashed rgba(170, 170, 170, 0.75);\n &.selected {\n outline: 2px solid var(--ant-primary-color);\n }\n .ant-form-item {\n margin-bottom: 0;\n }\n }\n .field-wrapper {\n position: relative;\n\n .field-action {\n position: absolute;\n bottom: 0;\n right: -2px;\n height: 22px;\n line-height: 22px;\n background: var(--ant-primary-4);\n\n // background: var(--ant-primary-color);\n z-index: 9;\n\n i {\n font-size: 14px;\n color: #fff;\n margin: 0 3px;\n cursor: pointer;\n }\n }\n\n .drag-handler {\n position: absolute;\n top: 0;\n left: -1px;\n height: 20px;\n line-height: 20px;\n z-index: 9;\n\n i {\n font-size: 12px;\n font-style: normal;\n color: #fff;\n margin: 4px;\n cursor: move;\n }\n\n &:hover {\n background: var(--ant-primary-color);\n }\n }\n }\n\n .field-action,\n .drag-handler {\n :deep(.svg-icon) {\n margin-left: 0;\n margin-right: 0;\n }\n }\n .ant-form-item {\n position: relative;\n\n :deep(.ant-form-item-label) {\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n span.custom-label {\n display: flex;\n i {\n margin: 0 3px;\n }\n }\n\n /* 隐藏Chrome浏览器中el-input数字输入框右侧的上下调整小箭头 */\n :deep(.hide-spin-button) input::-webkit-outer-spin-button,\n :deep(.hide-spin-button) input::-webkit-inner-spin-button {\n -webkit-appearance: none !important;\n }\n }\n</style>\n"],"names":["props","__props","getSubFormName","inject","getSubFormFieldFlag","formConfig","designState","useDesigner","labelWidth","computed","field","options","labelHidden","value","label","labelAlign","subFormName","size","subFormItemFlag","getPropName","subFormRowIndex","name","customClass","selected","selectWidget","useContainerWidget","widget","parentWidget","indexOfParentList","_createElementBlock","class","_unref","onClick","_cache","_withModifiers","$event","_createVNode","FormItem","labelCol","title","rules","_createElementVNode","_hoisted_1","labelIconClass","_openBlock","_hoisted_2","labelIconPosition","_Fragment","key","SvgIcon","_hoisted_3","_toDisplayString","_hoisted_4","_hoisted_5","_renderSlot","_ctx","$slots","undefined","_createBlock","WidgetAction"],"mappings":"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"}
1
+ {"version":3,"file":"form-item-wrapper.vue2.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/form-item-wrapper.vue"],"sourcesContent":["<template>\n <div\n class=\"field-wrapper\"\n :class=\"{\n 'design-time-bottom-margin': designState,\n 'field-wrapper-widget': designState,\n selected: selected\n }\"\n @click.stop=\"selectWidget(field)\"\n >\n <FormItem\n :labelCol=\"{ style: { width: labelWidth + 'px' } }\"\n :title=\"label\"\n :size=\"size\"\n :rules=\"rules\"\n :name=\"getPropName\"\n :labelAlign=\"labelAlign\"\n :class=\"[customClass]\"\n >\n <template #label>\n <div class=\"label-box\">\n <span v-if=\"!!field.options.labelIconClass\" class=\"custom-label\">\n <template v-if=\"field.options.labelIconPosition === 'front'\">\n <svg-icon :icon-class=\"field.options.labelIconClass\" />\n <div class=\"label-text\">\n {{ label }}\n </div>\n </template>\n <template v-else-if=\"field.options.labelIconPosition === 'rear'\">\n <div class=\"label-text\">\n {{ label }}\n </div>\n <svg-icon :icon-class=\"field.options.labelIconClass\" />\n </template>\n </span>\n <template v-else>\n <div class=\"label-text\">\n {{ label }}\n </div>\n </template>\n </div>\n </template>\n <slot></slot>\n </FormItem>\n\n <WidgetAction v-bind=\"props\" v-if=\"designState\" />\n </div>\n</template>\n\n<script lang=\"tsx\" setup>\n import { SvgIcon } from 'tmgc2-share';\n import { useI18n } from '@/utils/i18n';\n import { FieldProps } from './useField';\n import { computed, inject } from 'vue';\n import { useContainerWidget } from '../container-widget/useContainerWidget';\n import { FormItem } from 'ant-design-vue';\n import { useDesigner } from '@/hooks/useDesigner';\n import WidgetAction from '../widgetAction.vue';\n defineOptions({\n name: 'form-item-wrapper'\n });\n const { i18nt, i18n2t } = useI18n();\n\n interface FormItemWrapperProps extends FieldProps {\n rules?: Array<any>;\n }\n const props = withDefaults(defineProps<FormItemWrapperProps>(), {\n parentWidget: null,\n indexOfParentList: 0\n });\n const getSubFormName = inject('getSubFormName', () => '');\n const getSubFormFieldFlag = inject('getSubFormFieldFlag', () => false);\n\n const { formConfig, designer, designState } = useDesigner();\n\n const labelWidth = computed(() => {\n if (props.field?.options?.labelHidden) {\n return 0;\n }\n\n if (props.field?.options?.labelWidth) {\n return props.field.options.labelWidth;\n }\n\n return formConfig.value?.labelWidth;\n });\n\n const label = computed(() => {\n if (props.field?.options?.labelHidden) {\n return '';\n }\n return props.field?.options?.label;\n });\n\n const labelAlign = computed(() => {\n if (props.field?.options?.labelAlign) {\n return props.field.options.labelAlign;\n }\n return formConfig.value?.labelAlign || 'right';\n });\n\n const subFormName = computed(() => () => {\n return getSubFormName ? getSubFormName() : '';\n });\n\n const size = computed(() => {\n if (props.field?.options?.size) {\n return props.field.options.size;\n }\n return formConfig.value?.size || 'middle';\n });\n\n const subFormItemFlag = computed(() => {\n return getSubFormFieldFlag ? getSubFormFieldFlag() : false;\n });\n\n const getPropName = computed(() => {\n if (subFormItemFlag.value && !designState) {\n return (\n subFormName.value +\n '.' +\n props.subFormRowIndex +\n '.' +\n props.field.options.name +\n ''\n );\n } else return props.field.options.name;\n });\n\n const { customClass, selected, selectWidget } = useContainerWidget({\n widget: props.field,\n parentWidget: props.parentWidget,\n indexOfParentList: props.indexOfParentList\n });\n</script>\n\n<style lang=\"scss\" scoped>\n .design-time-bottom-margin {\n margin-bottom: 5px;\n }\n .field-wrapper-widget {\n min-height: 40px;\n padding: 5px;\n border: 1px dashed rgba(170, 170, 170, 0.75);\n &.selected {\n outline: 2px solid var(--ant-primary-color);\n }\n .ant-form-item {\n margin-bottom: 0;\n }\n }\n .field-wrapper {\n position: relative;\n\n .field-action {\n position: absolute;\n bottom: 0;\n right: -2px;\n height: 22px;\n line-height: 22px;\n background: var(--ant-primary-4);\n\n // background: var(--ant-primary-color);\n z-index: 9;\n\n i {\n font-size: 14px;\n color: #fff;\n margin: 0 3px;\n cursor: pointer;\n }\n }\n\n .drag-handler {\n position: absolute;\n top: 0;\n left: -1px;\n height: 20px;\n line-height: 20px;\n z-index: 9;\n\n i {\n font-size: 12px;\n font-style: normal;\n color: #fff;\n margin: 4px;\n cursor: move;\n }\n\n &:hover {\n background: var(--ant-primary-color);\n }\n }\n }\n\n .field-action,\n .drag-handler {\n :deep(.svg-icon) {\n margin-left: 0;\n margin-right: 0;\n }\n }\n .ant-form-item {\n position: relative;\n\n :deep(.ant-form-item-label) {\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n span.custom-label {\n display: flex;\n i {\n margin: 0 3px;\n }\n }\n\n /* 隐藏Chrome浏览器中el-input数字输入框右侧的上下调整小箭头 */\n :deep(.hide-spin-button) input::-webkit-outer-spin-button,\n :deep(.hide-spin-button) input::-webkit-inner-spin-button {\n -webkit-appearance: none !important;\n }\n }\n</style>\n"],"names":["props","__props","getSubFormName","inject","getSubFormFieldFlag","formConfig","designState","useDesigner","labelWidth","computed","field","options","labelHidden","value","label","labelAlign","subFormName","size","subFormItemFlag","getPropName","subFormRowIndex","name","customClass","selected","selectWidget","useContainerWidget","widget","parentWidget","indexOfParentList","_createElementBlock","class","_unref","onClick","_cache","_withModifiers","$event","_createVNode","FormItem","labelCol","title","rules","_createElementVNode","_hoisted_1","labelIconClass","_openBlock","_hoisted_2","labelIconPosition","_Fragment","key","SvgIcon","_hoisted_3","_toDisplayString","_hoisted_4","_hoisted_5","_renderSlot","_ctx","$slots","undefined","_createBlock","WidgetAction"],"mappings":"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"}
@@ -1,6 +1,6 @@
1
1
  import { defineAsyncComponent as o } from "vue";
2
2
  import { getFileName as r } from "../../../../utils/getFileName.js";
3
- const m = {}, t = /* @__PURE__ */ Object.assign({ "./bpmn-editor-widget copy.vue": () => import("./bpmn-editor-widget copy.vue.js"), "./bpmn-editor-widget.vue": () => import("./bpmn-editor-widget.vue.js"), "./button-list-widget.vue": () => import("./button-list-widget.vue.js"), "./button-widget.vue": () => import("./button-widget.vue.js"), "./cascader-widget.vue": () => import("./cascader-widget.vue.js"), "./checkbox-widget.vue": () => import("./checkbox-widget.vue.js"), "./code-editor-widget.vue": () => import("./code-editor-widget.vue.js"), "./color-widget.vue": () => import("./color-widget.vue.js"), "./date-range-widget.vue": () => import("./date-range-widget.vue.js"), "./date-widget.vue": () => import("./date-widget.vue.js"), "./divider-widget.vue": () => import("./divider-widget.vue.js"), "./diy-compontent-widget.vue": () => import("./diy-compontent-widget.vue.js"), "./dropdown-widget.vue": () => import("./dropdown-widget.vue.js"), "./file-upload-widget.vue": () => import("./file-upload-widget.vue.js"), "./form-item-wrapper.vue": () => import("./form-item-wrapper.vue.js"), "./html-text-widget.vue": () => import("./html-text-widget.vue.js"), "./input-widget.vue": () => import("./input-widget.vue.js"), "./number-widget.vue": () => import("./number-widget.vue.js"), "./radio-widget.vue": () => import("./radio-widget.vue.js"), "./rate-widget.vue": () => import("./rate-widget.vue.js"), "./rich-editor-widget.vue": () => import("./rich-editor-widget.vue.js"), "./select-widget.vue": () => import("./select-widget.vue.js"), "./slider-widget.vue": () => import("./slider-widget.vue.js"), "./static-content-wrapper.vue": () => import("./static-content-wrapper.vue.js"), "./static-text-widget.vue": () => import("./static-text-widget.vue.js"), "./switch-widget.vue": () => import("./switch-widget.vue.js"), "./textarea-widget.vue": () => import("./textarea-widget.vue.js"), "./time-range-widget.vue": () => import("./time-range-widget.vue.js"), "./time-widget.vue": () => import("./time-widget.vue.js"), "./tree-widget.vue": () => import("./tree-widget.vue.js"), "./treeSelect-widget.vue": () => import("./treeSelect-widget.vue.js"), "./vue-render.vue": () => import("./vue-render.vue.js") });
3
+ const m = {}, t = /* @__PURE__ */ Object.assign({ "./bpmn-editor-widget.vue": () => import("./bpmn-editor-widget.vue.js"), "./button-list-widget.vue": () => import("./button-list-widget.vue.js"), "./button-widget.vue": () => import("./button-widget.vue.js"), "./cascader-widget.vue": () => import("./cascader-widget.vue.js"), "./checkbox-widget.vue": () => import("./checkbox-widget.vue.js"), "./code-editor-widget.vue": () => import("./code-editor-widget.vue.js"), "./color-widget.vue": () => import("./color-widget.vue.js"), "./date-range-widget.vue": () => import("./date-range-widget.vue.js"), "./date-widget.vue": () => import("./date-widget.vue.js"), "./divider-widget.vue": () => import("./divider-widget.vue.js"), "./diy-compontent-widget.vue": () => import("./diy-compontent-widget.vue.js"), "./dropdown-widget.vue": () => import("./dropdown-widget.vue.js"), "./file-upload-widget.vue": () => import("./file-upload-widget.vue.js"), "./form-item-wrapper.vue": () => import("./form-item-wrapper.vue.js"), "./html-text-widget.vue": () => import("./html-text-widget.vue.js"), "./input-widget.vue": () => import("./input-widget.vue.js"), "./number-widget.vue": () => import("./number-widget.vue.js"), "./radio-widget.vue": () => import("./radio-widget.vue.js"), "./rate-widget.vue": () => import("./rate-widget.vue.js"), "./rich-editor-widget.vue": () => import("./rich-editor-widget.vue.js"), "./select-widget.vue": () => import("./select-widget.vue.js"), "./slider-widget.vue": () => import("./slider-widget.vue.js"), "./static-content-wrapper.vue": () => import("./static-content-wrapper.vue.js"), "./static-text-widget.vue": () => import("./static-text-widget.vue.js"), "./switch-widget.vue": () => import("./switch-widget.vue.js"), "./textarea-widget.vue": () => import("./textarea-widget.vue.js"), "./time-range-widget.vue": () => import("./time-range-widget.vue.js"), "./time-widget.vue": () => import("./time-widget.vue.js"), "./tree-widget.vue": () => import("./tree-widget.vue.js"), "./treeSelect-widget.vue": () => import("./treeSelect-widget.vue.js"), "./vue-render.vue": () => import("./vue-render.vue.js") });
4
4
  for (const e in t) {
5
5
  const i = r(e);
6
6
  m[i] = o(t[e]);
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/index.js"],"sourcesContent":["const comps = {};\nconst modules = import.meta.glob('./*.vue');\nimport { defineAsyncComponent } from 'vue';\nimport { getFileName } from '@/utils/getFileName';\n\nfor (const path in modules) {\n const cname = getFileName(path);\n comps[cname] = defineAsyncComponent(modules[path]);\n}\n\nexport default comps;\n"],"names":["comps","modules","path","cname","getFileName","defineAsyncComponent"],"mappings":";;AAAK,MAACA,IAAQ,CAAA,GACRC,IAAU,uBAAA,OAAA,EAAA,iCAAA,MAAA,OAAA,kCAAA,GAAA,4BAAA,MAAA,OAAA,6BAAA,GAAA,4BAAA,MAAA,OAAA,6BAAA,GAAA,uBAAA,MAAA,OAAA,wBAAA,GAAA,yBAAA,MAAA,OAAA,0BAAA,GAAA,yBAAA,MAAA,OAAA,0BAAA,GAAA,4BAAA,MAAA,OAAA,6BAAA,GAAA,sBAAA,MAAA,OAAA,uBAAA,GAAA,2BAAA,MAAA,OAAA,4BAAA,GAAA,qBAAA,MAAA,OAAA,sBAAA,GAAA,wBAAA,MAAA,OAAA,yBAAA,GAAA,+BAAA,MAAA,OAAA,gCAAA,GAAA,yBAAA,MAAA,OAAA,0BAAA,GAAA,4BAAA,MAAA,OAAA,6BAAA,GAAA,2BAAA,MAAA,OAAA,4BAAA,GAAA,0BAAA,MAAA,OAAA,2BAAA,GAAA,sBAAA,MAAA,OAAA,uBAAA,GAAA,uBAAA,MAAA,OAAA,wBAAA,GAAA,sBAAA,MAAA,OAAA,uBAAA,GAAA,qBAAA,MAAA,OAAA,sBAAA,GAAA,4BAAA,MAAA,OAAA,6BAAA,GAAA,uBAAA,MAAA,OAAA,wBAAA,GAAA,uBAAA,MAAA,OAAA,wBAAA,GAAA,gCAAA,MAAA,OAAA,iCAAA,GAAA,4BAAA,MAAA,OAAA,6BAAA,GAAA,uBAAA,MAAA,OAAA,wBAAA,GAAA,yBAAA,MAAA,OAAA,0BAAA,GAAA,2BAAA,MAAA,OAAA,4BAAA,GAAA,qBAAA,MAAA,OAAA,sBAAA,GAAA,qBAAA,MAAA,OAAA,sBAAA,GAAA,2BAAA,MAAA,OAAA,4BAAA,GAAA,oBAAA,MAAA,OAAA,qBAAA,EAAA,CAAA;AAIhB,WAAWC,KAAQD,GAAS;AACxB,QAAME,IAAQC,EAAYF,CAAI;AAC9B,EAAAF,EAAMG,CAAK,IAAIE,EAAqBJ,EAAQC,CAAI,CAAC;AACrD;"}
1
+ {"version":3,"file":"index.js","sources":["../../../../../../src/components/form-designer/form-widget/field-widget/index.js"],"sourcesContent":["const comps = {};\nconst modules = import.meta.glob('./*.vue');\nimport { defineAsyncComponent } from 'vue';\nimport { getFileName } from '@/utils/getFileName';\n\nfor (const path in modules) {\n const cname = getFileName(path);\n comps[cname] = defineAsyncComponent(modules[path]);\n}\n\nexport default comps;\n"],"names":["comps","modules","path","cname","getFileName","defineAsyncComponent"],"mappings":";;AAAK,MAACA,IAAQ,CAAA,GACRC,IAAU,uBAAA,OAAA,EAAA,4BAAA,MAAA,OAAA,6BAAA,GAAA,4BAAA,MAAA,OAAA,6BAAA,GAAA,uBAAA,MAAA,OAAA,wBAAA,GAAA,yBAAA,MAAA,OAAA,0BAAA,GAAA,yBAAA,MAAA,OAAA,0BAAA,GAAA,4BAAA,MAAA,OAAA,6BAAA,GAAA,sBAAA,MAAA,OAAA,uBAAA,GAAA,2BAAA,MAAA,OAAA,4BAAA,GAAA,qBAAA,MAAA,OAAA,sBAAA,GAAA,wBAAA,MAAA,OAAA,yBAAA,GAAA,+BAAA,MAAA,OAAA,gCAAA,GAAA,yBAAA,MAAA,OAAA,0BAAA,GAAA,4BAAA,MAAA,OAAA,6BAAA,GAAA,2BAAA,MAAA,OAAA,4BAAA,GAAA,0BAAA,MAAA,OAAA,2BAAA,GAAA,sBAAA,MAAA,OAAA,uBAAA,GAAA,uBAAA,MAAA,OAAA,wBAAA,GAAA,sBAAA,MAAA,OAAA,uBAAA,GAAA,qBAAA,MAAA,OAAA,sBAAA,GAAA,4BAAA,MAAA,OAAA,6BAAA,GAAA,uBAAA,MAAA,OAAA,wBAAA,GAAA,uBAAA,MAAA,OAAA,wBAAA,GAAA,gCAAA,MAAA,OAAA,iCAAA,GAAA,4BAAA,MAAA,OAAA,6BAAA,GAAA,uBAAA,MAAA,OAAA,wBAAA,GAAA,yBAAA,MAAA,OAAA,0BAAA,GAAA,2BAAA,MAAA,OAAA,4BAAA,GAAA,qBAAA,MAAA,OAAA,sBAAA,GAAA,qBAAA,MAAA,OAAA,sBAAA,GAAA,2BAAA,MAAA,OAAA,4BAAA,GAAA,oBAAA,MAAA,OAAA,qBAAA,EAAA,CAAA;AAIhB,WAAWC,KAAQD,GAAS;AACxB,QAAME,IAAQC,EAAYF,CAAI;AAC9B,EAAAF,EAAMG,CAAK,IAAIE,EAAqBJ,EAAQC,CAAI,CAAC;AACrD;"}