@kp-ui/lowcode 2.15.0-alpha.6 → 2.15.0-alpha.8

package/src/components/form-designer/form-widget/container-widget/tab-widget.vue2.js

@@ -1,32 +1,70 @@
-import { defineComponent as m } from "vue";
-import d from "./container-wrapper.vue.js";
-import f from "../RenderDesignerWigetList.vue.js";
-import { useContainerWidget as c } from "./useContainerWidget.js";
-import { useAppRef as b } from "../../useAppRef.js";
-import { ComponentNameEnum as g, ContainerTypeEnum as l } from "../../../../constants/WidgetTypeEnum.js";
-const O = /* @__PURE__ */ m({
-  name: l.Tab,
-  componentName: g.ContainerWidget,
+import { defineComponent as y, resolveComponent as d, createBlock as p, openBlock as i, normalizeProps as k, guardReactiveProps as W, withCtx as a, createElementBlock as m, createVNode as l, Fragment as _, renderList as B, withModifiers as L, unref as r, createElementVNode as P } from "vue";
+import T from "./container-wrapper.vue.js";
+import R from "../RenderDesignerWigetList.vue.js";
+import { useContainerWidget as E } from "./useContainerWidget.js";
+import { useAppRef as N } from "../../useAppRef.js";
+import { ComponentNameEnum as F, ContainerTypeEnum as G } from "../../../../constants/WidgetTypeEnum.js";
+const K = { class: "tab-content-wrapper" }, z = /* @__PURE__ */ y({
+  name: G.Tab,
+  componentName: F.ContainerWidget,
   __name: "tab-widget",
   props: {
-    widget: { type: Object, required: !0 },
-    field: { type: Object, required: !0 },
-    parentWidget: { type: [Object, null], required: !0 },
-    parentList: { type: Array, required: !0 },
-    indexOfParentList: { type: Number, required: !1 },
-    subFormRowIndex: { type: Number, required: !1 },
-    subFormRowId: { type: String, required: !1 }
+    widget: {},
+    field: {},
+    parentWidget: {},
+    parentList: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {}
   },
-  setup(n, { expose: i }) {
-    i();
-    const e = n, { initRefList: t } = b(e), { selectWidget: o, onContainerDragAdd: p, onContainerDragUpdate: a } = c(e), s = (u) => {
-      e.widget.options.activeTab = u;
+  setup(g) {
+    const o = g, { initRefList: u } = N(o), { selectWidget: b, onContainerDragAdd: c, onContainerDragUpdate: w } = E(o), f = (t) => {
+      o.widget.options.activeTab = t;
+    };
+    return u(), (t, n) => {
+      const C = d("a-tab-pane"), v = d("a-tabs");
+      return i(), p(T, k(W(o)), {
+        default: a(() => [
+          (i(), m("div", {
+            key: t.widget.id,
+            class: "tab-container container-design-widget"
+          }, [
+            l(v, {
+              type: t.widget.options.type,
+              tabBarGutter: t.widget.options.tabBarGutter,
+              tabPosition: t.widget.options.tabPosition,
+              activeKey: t.widget.options.activeTab,
+              "onUpdate:activeKey": n[1] || (n[1] = (e) => t.widget.options.activeTab = e),
+              onTabClick: f
+            }, {
+              default: a(() => [
+                (i(!0), m(_, null, B(t.widget.tabs, (e) => (i(), p(C, {
+                  tab: e.options.label,
+                  key: e.options.label,
+                  onClick: n[0] || (n[0] = L((s) => r(b)(t.widget), ["stop"]))
+                }, {
+                  default: a(() => [
+                    P("div", K, [
+                      l(R, {
+                        list: e.widgetList || [],
+                        parentWidget: t.widget,
+                        add: (s) => r(c)(s, e.widgetList),
+                        update: r(w)
+                      }, null, 8, ["list", "parentWidget", "add", "update"])
+                    ])
+                  ]),
+                  _: 2
+                }, 1032, ["tab"]))), 128))
+              ]),
+              _: 1
+            }, 8, ["type", "tabBarGutter", "tabPosition", "activeKey"])
+          ]))
+        ]),
+        _: 1
+      }, 16);
     };
-    t();
-    const r = { props: e, initRefList: t, selectWidget: o, onContainerDragAdd: p, onContainerDragUpdate: a, onTabClick: s, ContainerWrapper: d, RenderDesignerWigetList: f };
-    return Object.defineProperty(r, "__isScriptSetup", { enumerable: !1, value: !0 }), r;
   }
 });
 export {
-  O as default
+  z as default
 };

package/src/components/form-designer/form-widget/container-widget/vf-box-widget.vue.js

@@ -1,38 +1,7 @@
 import o from "./vf-box-widget.vue2.js";
-import { createBlock as i, openBlock as r, normalizeProps as n, guardReactiveProps as a, withCtx as d, createElementBlock as c, normalizeStyle as s, createVNode as f } from "vue";
 /* empty css                   */
-import g from "../../../../../_virtual/_plugin-vue_export-helper.js";
-function l(m, p, t, e, _, w) {
-  return r(), i(
-    e.ContainerWrapper,
-    n(a(e.props)),
-    {
-      default: d(() => [
-        (r(), c(
-          "div",
-          {
-            class: "box-container",
-            key: t.widget.id,
-            style: s(e.boxStyle)
-          },
-          [
-            f(e.RenderDesignerWigetList, {
-              list: t.widget.widgetList || [],
-              parentWidget: t.widget
-            }, null, 8, ["list", "parentWidget"])
-          ],
-          4
-          /* STYLE */
-        ))
-      ]),
-      _: 1
-      /* STABLE */
-    },
-    16
-    /* FULL_PROPS */
-  );
-}
-const W = /* @__PURE__ */ g(o, [["render", l], ["__scopeId", "data-v-739f978f"], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/form-widget/container-widget/vf-box-widget.vue"]]);
+import t from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-21418f24"]]);
 export {
-  W as default
+  p as default
 };

package/src/components/form-designer/form-widget/container-widget/vf-box-widget.vue2.js

@@ -1,42 +1,54 @@
-import { defineComponent as f, computed as g, watchEffect as s } from "vue";
-import u from "../RenderDesignerWigetList.vue.js";
-import b from "./container-wrapper.vue.js";
-import { useAppRef as x } from "../../useAppRef.js";
-import { useLowcode as c } from "../../../../hooks/useLowcode.js";
-import { ComponentNameEnum as l, ContainerTypeEnum as y } from "../../../../constants/WidgetTypeEnum.js";
-const L = /* @__PURE__ */ f({
-  name: y.VfBoxWidget,
-  componentName: l.VfBoxWidget,
+import { defineComponent as g, computed as s, watchEffect as f, createBlock as l, openBlock as i, normalizeProps as c, guardReactiveProps as u, withCtx as x, createElementBlock as w, normalizeStyle as b, createVNode as v } from "vue";
+import R from "../RenderDesignerWigetList.vue.js";
+import $ from "./container-wrapper.vue.js";
+import { useAppRef as C } from "../../useAppRef.js";
+import { useLowcode as h } from "../../../../hooks/useLowcode.js";
+import { ComponentNameEnum as B, ContainerTypeEnum as L } from "../../../../constants/WidgetTypeEnum.js";
+const S = /* @__PURE__ */ g({
+  name: L.VfBoxWidget,
+  componentName: B.VfBoxWidget,
   __name: "vf-box-widget",
   props: {
-    widget: { type: Object, required: !0 },
-    field: { type: Object, required: !0 },
-    parentWidget: { type: [Object, null], required: !0 },
-    parentList: { type: Array, required: !0 },
-    indexOfParentList: { type: Number, required: !1 },
-    subFormRowIndex: { type: Number, required: !1 },
-    subFormRowId: { type: String, required: !1 }
+    widget: {},
+    field: {},
+    parentWidget: {},
+    parentList: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {}
   },
-  setup(p, { expose: m }) {
-    const o = p, { initRefList: r } = x(), a = g(() => {
-      const e = o.widget.options.boxModel || {}, t = {};
-      return e.borderShow && (t.borderRadius = `${e.borderRadius}px`, t.border = `${e.borderStyle} ${e.borderWidth}px ${e.borderColor}`), (e.paddingTop !== void 0 || e.paddingRight !== void 0 || e.paddingBottom !== void 0 || e.paddingLeft !== void 0) && (t.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) && (t.margin = `${e.marginTop || 0}px ${e.marginRight || 0}px ${e.marginBottom || 0}px ${e.marginLeft || 0}px`), t;
+  setup(r, { expose: d }) {
+    const t = r, { initRefList: n } = C(), p = s(() => {
+      const o = t.widget.options.boxModel || {}, e = {};
+      return 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`), e;
     });
-    r();
-    const { vfdRef: i, getComponentJson: d } = c({
-      formCode: o.widget.options.formCode
+    n();
+    const { vfdRef: a, getComponentJson: m } = h({
+      formCode: t.widget.options.formCode
     });
-    s(() => {
-      o.widget.options.formCode && d([], o.widget.options.formCode);
-    }), m({
+    return f(() => {
+      t.widget.options.formCode && m([], t.widget.options.formCode);
+    }), d({
       getFormRef() {
-        return i.value;
+        return a.value;
       }
-    });
-    const n = { props: o, initRefList: r, boxStyle: a, vfdRef: i, getComponentJson: d, RenderDesignerWigetList: u, ContainerWrapper: b };
-    return Object.defineProperty(n, "__isScriptSetup", { enumerable: !1, value: !0 }), n;
+    }), (o, e) => (i(), l($, c(u(t)), {
+      default: x(() => [
+        (i(), w("div", {
+          class: "box-container",
+          key: o.widget.id,
+          style: b(p.value)
+        }, [
+          v(R, {
+            list: o.widget.widgetList || [],
+            parentWidget: o.widget
+          }, null, 8, ["list", "parentWidget"])
+        ], 4))
+      ]),
+      _: 1
+    }, 16));
   }
 });
 export {
-  L as default
+  S as default
 };

package/src/components/form-designer/form-widget/container-widget/vf-collapse-widget.vue.js

@@ -1,65 +1,8 @@
-import r from "./vf-collapse-widget.vue2.js";
-import { createBlock as n, openBlock as l, normalizeProps as s, guardReactiveProps as g, withCtx as o, createElementVNode as a, createVNode as d, withDirectives as c, normalizeStyle as p, vShow as f } from "vue";
+import o from "./vf-collapse-widget.vue2.js";
 /* empty css                        */
 /* empty css                        */
-import _ from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const h = { class: "collapse-container" }, m = { class: "collapse-right" };
-function w(v, C, t, e, W, D) {
-  return l(), n(
-    e.ContainerWrapper,
-    s(g(e.props)),
-    {
-      default: o(() => [
-        a("div", h, [
-          d(e.TpfCollapse, {
-            title: t.widget.options.title
-          }, {
-            right: o(() => [
-              a("div", m, [
-                d(e.RenderDesignerWigetList, {
-                  list: e.headerRightSlotList,
-                  parentWidget: t.widget,
-                  add: (i) => e.onContainerDragAdd(i, e.headerRightSlotList),
-                  update: e.onContainerDragUpdate
-                }, null, 8, ["list", "parentWidget", "add", "update"])
-              ])
-            ]),
-            default: o(() => [
-              c(a(
-                "div",
-                {
-                  class: "tpf-collapse-content-wrapper",
-                  style: p({
-                    height: t.widget.options.height || "unset"
-                  })
-                },
-                [
-                  d(e.RenderDesignerWigetList, {
-                    list: e.defaultSlotsList,
-                    parentWidget: t.widget,
-                    add: (i) => e.onContainerDragAdd(i, e.defaultSlotsList),
-                    update: e.onContainerDragUpdate
-                  }, null, 8, ["list", "parentWidget", "add", "update"])
-                ],
-                4
-                /* STYLE */
-              ), [
-                [f, !t.widget.options.isCollapse]
-              ])
-            ]),
-            _: 1
-            /* STABLE */
-          }, 8, ["title"])
-        ])
-      ]),
-      _: 1
-      /* STABLE */
-    },
-    16
-    /* FULL_PROPS */
-  );
-}
-const k = /* @__PURE__ */ _(r, [["render", w], ["__scopeId", "data-v-a347222d"], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/form-widget/container-widget/vf-collapse-widget.vue"]]);
+import t from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-cfc0c8dd"]]);
 export {
-  k as default
+  m as default
 };

package/src/components/form-designer/form-widget/container-widget/vf-collapse-widget.vue2.js

@@ -1,33 +1,66 @@
-import { defineComponent as u, computed as o } from "vue";
-import m from "./container-wrapper.vue.js";
-import { useAppRef as f } from "../../useAppRef.js";
-import { TpfCollapse as l } from "tmgc2-share";
-import c from "../RenderDesignerWigetList.vue.js";
-import { useContainerWidget as g } from "./useContainerWidget.js";
-import { ComponentNameEnum as C, ContainerTypeEnum as y } from "../../../../constants/WidgetTypeEnum.js";
-const W = /* @__PURE__ */ u({
-  name: y.VfCollapseWidget,
-  componentName: C.ContainerWidget,
+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";
+import R from "./container-wrapper.vue.js";
+import { useAppRef as S } from "../../useAppRef.js";
+import { TpfCollapse as N } from "tmgc2-share";
+import u from "../RenderDesignerWigetList.vue.js";
+import { useContainerWidget as y } from "./useContainerWidget.js";
+import { ComponentNameEnum as D, ContainerTypeEnum as E } from "../../../../constants/WidgetTypeEnum.js";
+const P = { class: "collapse-container" }, V = { class: "collapse-right" }, O = /* @__PURE__ */ f({
+  name: E.VfCollapseWidget,
+  componentName: D.ContainerWidget,
   __name: "vf-collapse-widget",
   props: {
-    widget: { type: Object, required: !0 },
-    field: { type: Object, required: !0 },
-    parentWidget: { type: [Object, null], required: !0 },
-    parentList: { type: Array, required: !0 },
-    indexOfParentList: { type: Number, required: !1 },
-    subFormRowIndex: { type: Number, required: !1 },
-    subFormRowId: { type: String, required: !1 }
+    widget: {},
+    field: {},
+    parentWidget: {},
+    parentList: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {}
   },
-  setup(i, { expose: n }) {
-    n();
-    const e = i, p = o(() => e.widget.defaultSlotsList || []), s = o(() => e.widget.headerRightSlotList || []), { initRefList: t } = f(e), { onContainerDragAdd: a, onContainerDragUpdate: d } = g(e);
-    t();
-    const r = { props: e, defaultSlotsList: p, headerRightSlotList: s, initRefList: t, onContainerDragAdd: a, onContainerDragUpdate: d, ContainerWrapper: m, get TpfCollapse() {
-      return l;
-    }, RenderDesignerWigetList: c };
-    return Object.defineProperty(r, "__isScriptSetup", { enumerable: !1, value: !0 }), r;
+  setup(c) {
+    const e = c, s = m(() => e.widget.defaultSlotsList || []), d = m(() => e.widget.headerRightSlotList || []), { initRefList: g } = S(e), { onContainerDragAdd: p, onContainerDragUpdate: l } = y(e);
+    return g(), (t, b) => (w(), h(R, C(v(e)), {
+      default: a(() => [
+        n("div", P, [
+          r(o(N), {
+            title: t.widget.options.title
+          }, {
+            right: a(() => [
+              n("div", V, [
+                r(u, {
+                  list: d.value,
+                  parentWidget: t.widget,
+                  add: (i) => o(p)(i, d.value),
+                  update: o(l)
+                }, null, 8, ["list", "parentWidget", "add", "update"])
+              ])
+            ]),
+            default: a(() => [
+              W(n("div", {
+                class: "tpf-collapse-content-wrapper",
+                style: _({
+                  height: t.widget.options.height || "unset"
+                })
+              }, [
+                r(u, {
+                  list: s.value,
+                  parentWidget: t.widget,
+                  add: (i) => o(p)(i, s.value),
+                  update: o(l)
+                }, null, 8, ["list", "parentWidget", "add", "update"])
+              ], 4), [
+                [L, !t.widget.options.isCollapse]
+              ])
+            ]),
+            _: 1
+          }, 8, ["title"])
+        ])
+      ]),
+      _: 1
+    }, 16));
   }
 });
 export {
-  W as default
+  O as default
 };

package/src/components/form-designer/form-widget/container-widget/vf-dialog-widget.vue.js

@@ -1,40 +1,7 @@
-import r from "./vf-dialog-widget.vue2.js";
-import { createBlock as a, openBlock as o, normalizeProps as n, guardReactiveProps as c, withCtx as d, createElementBlock as l, createElementVNode as i, toDisplayString as s } from "vue";
+import o from "./vf-dialog-widget.vue2.js";
 /* empty css                      */
-import p from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const f = { class: "dialog-title" };
-function g(m, _, t, e, v, k) {
-  return o(), a(
-    e.ContainerWrapper,
-    n(c(e.props)),
-    {
-      default: d(() => [
-        (o(), l("div", {
-          class: "dialog-container",
-          key: t.widget.id
-        }, [
-          i("div", f, [
-            i(
-              "span",
-              {
-                class: "tpf-link",
-                onClick: e.handleClickTitle
-              },
-              s(t.widget.options.title),
-              1
-              /* TEXT */
-            )
-          ])
-        ]))
-      ]),
-      _: 1
-      /* STABLE */
-    },
-    16
-    /* FULL_PROPS */
-  );
-}
-const C = /* @__PURE__ */ p(r, [["render", g], ["__scopeId", "data-v-a81fd37e"], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/form-widget/container-widget/vf-dialog-widget.vue"]]);
+import t from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3fc6eab3"]]);
 export {
-  C as default
+  e as default
 };

package/src/components/form-designer/form-widget/container-widget/vf-dialog-widget.vue2.js

@@ -1,31 +1,43 @@
-import { defineComponent as d } from "vue";
-import u from "./container-wrapper.vue.js";
-import { useAppRef as f } from "../../useAppRef.js";
-import { ComponentNameEnum as c, ContainerTypeEnum as l } from "../../../../constants/WidgetTypeEnum.js";
-const b = /* @__PURE__ */ d({
-  name: l.VfDialogWidget,
-  componentName: c.VfDialogWidget,
+import { defineComponent as p, createBlock as l, openBlock as n, normalizeProps as c, guardReactiveProps as f, withCtx as g, createElementBlock as w, createElementVNode as r, toDisplayString as u } from "vue";
+import h from "./container-wrapper.vue.js";
+import { useAppRef as C } from "../../useAppRef.js";
+import { ComponentNameEnum as k, ContainerTypeEnum as _ } from "../../../../constants/WidgetTypeEnum.js";
+const P = { class: "dialog-title" }, W = /* @__PURE__ */ p({
+  name: _.VfDialogWidget,
+  componentName: k.VfDialogWidget,
   __name: "vf-dialog-widget",
   props: {
-    widget: { type: Object, required: !0 },
-    field: { type: Object, required: !0 },
-    parentWidget: { type: [Object, null], required: !0 },
-    parentList: { type: Array, required: !0 },
-    indexOfParentList: { type: Number, required: !1 },
-    subFormRowIndex: { type: Number, required: !1 },
-    subFormRowId: { type: String, required: !1 }
+    widget: {},
+    field: {},
+    parentWidget: {},
+    parentList: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {}
   },
-  setup(n, { expose: a }) {
-    a();
-    const r = n, { initRefList: t } = f(r), s = () => {
-      const e = new URL(window.location.href), { title: p, formCode: m, formId: i } = r.widget.options;
-      i && (e.searchParams.set("formCode", m), e.searchParams.set("remark", p), e.searchParams.set("id", i), window.open(e.href));
+  setup(a) {
+    const t = a, { initRefList: s } = C(t), d = () => {
+      const e = new URL(window.location.href), { title: o, formCode: m, formId: i } = t.widget.options;
+      i && (e.searchParams.set("formCode", m), e.searchParams.set("remark", o), e.searchParams.set("id", i), window.open(e.href));
     };
-    t();
-    const o = { props: r, initRefList: t, handleClickTitle: s, ContainerWrapper: u };
-    return Object.defineProperty(o, "__isScriptSetup", { enumerable: !1, value: !0 }), o;
+    return s(), (e, o) => (n(), l(h, c(f(t)), {
+      default: g(() => [
+        (n(), w("div", {
+          class: "dialog-container",
+          key: e.widget.id
+        }, [
+          r("div", P, [
+            r("span", {
+              class: "tpf-link",
+              onClick: d
+            }, u(e.widget.options.title), 1)
+          ])
+        ]))
+      ]),
+      _: 1
+    }, 16));
   }
 });
 export {
-  b as default
+  W as default
 };

package/src/components/form-designer/form-widget/field-widget/bpmn-editor-widget.vue.js

@@ -1,27 +1,7 @@
-import r from "./bpmn-editor-widget.vue2.js";
-import { createBlock as o, createCommentVNode as t, openBlock as d, mergeProps as i, withCtx as n, createElementVNode as m } from "vue";
+import o from "./bpmn-editor-widget.vue2.js";
 /* empty css                        */
-import c from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const f = {
-  ref: "fieldEditor",
-  class: "t-w-full t-h-[30vh]"
-};
-function s(p, a, l, e, _, g) {
-  return e.handleHidden ? t("v-if", !0) : (d(), o(e.FormItemWrapper, i({ key: 0 }, e.props, { rules: e.rules }), {
-    default: n(() => [
-      m(
-        "div",
-        f,
-        null,
-        512
-        /* NEED_PATCH */
-      )
-    ]),
-    _: 1
-    /* STABLE */
-  }, 16, ["rules"]));
-}
-const k = /* @__PURE__ */ c(r, [["render", s], ["__scopeId", "data-v-ea74724f"], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/form-widget/field-widget/bpmn-editor-widget.vue"]]);
+import t from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0b840c39"]]);
 export {
-  k as default
+  i as default
 };

package/src/components/form-designer/form-widget/field-widget/bpmn-editor-widget.vue2.js

@@ -1,40 +1,47 @@
-import { defineComponent as c, ref as v, watchEffect as y } from "vue";
-import b from "./form-item-wrapper.vue.js";
-import { ComponentNameEnum as w, WidgetTypeEnum as _ } from "../../../../constants/WidgetTypeEnum.js";
-import { useField as q } from "./useField.js";
-import g from "bpmn-js/lib/Viewer";
-const C = /* @__PURE__ */ c({
-  name: _.bpmnEditor,
-  componentName: w.FieldWidget,
+import { defineComponent as c, ref as v, watchEffect as w, createBlock as g, createCommentVNode as x, unref as l, openBlock as E, mergeProps as _, withCtx as y, createElementVNode as b } from "vue";
+import h from "./form-item-wrapper.vue.js";
+import { ComponentNameEnum as F, WidgetTypeEnum as C } from "../../../../constants/WidgetTypeEnum.js";
+import { useField as k } from "./useField.js";
+import I from "bpmn-js/lib/Viewer";
+const P = /* @__PURE__ */ c({
+  name: C.bpmnEditor,
+  componentName: F.FieldWidget,
   __name: "bpmn-editor-widget",
   props: {
-    widget: { type: null, required: !0 },
-    field: { type: null, required: !0 },
-    designer: { type: null, required: !1 },
-    parentWidget: { type: [Object, null], required: !1 },
-    parentList: { type: [Array, null], required: !1 },
-    indexOfParentList: { type: Number, required: !1 },
-    subFormRowIndex: { type: Number, required: !1 },
-    subFormRowId: { type: String, required: !1 },
-    subFormColIndex: { type: Number, required: !1 }
+    widget: {},
+    field: {},
+    designer: {},
+    parentWidget: {},
+    parentList: {},
+    indexOfParentList: {},
+    subFormRowIndex: {},
+    subFormRowId: {},
+    subFormColIndex: {}
   },
-  setup(a, { expose: d }) {
-    const t = a, { rules: s, fieldEditor: o, fieldModel: r, handleHidden: p, defineExposed: n } = q(t), e = v(), i = (m) => {
-      e.value && e.value.destroy && e.value.destroy(), e.value = new g({ container: o.value });
-      const f = e.value;
-      e.value.importXML(m, (u) => {
-        u ? console.error(u) : f.get("canvas").zoom("fit-viewport");
+  setup(d, { expose: s }) {
+    const o = d, { rules: m, fieldEditor: t, fieldModel: r, handleHidden: p, defineExposed: u } = k(o), e = v(), f = (n) => {
+      e.value && e.value.destroy && e.value.destroy(), e.value = new I({ container: t.value });
+      const i = e.value;
+      e.value.importXML(n, (a) => {
+        a ? console.error(a) : i.get("canvas").zoom("fit-viewport");
       });
     };
-    y(() => {
-      r.value ? i(r.value) : e.value && e.value.destroy && e.value.destroy();
-    }), d({
-      ...n
-    });
-    const l = { props: t, rules: s, fieldEditor: o, fieldModel: r, handleHidden: p, defineExposed: n, bpmnModeler: e, preview: i, FormItemWrapper: b };
-    return Object.defineProperty(l, "__isScriptSetup", { enumerable: !1, value: !0 }), l;
+    return w(() => {
+      r.value ? f(r.value) : e.value && e.value.destroy && e.value.destroy();
+    }), s({
+      ...u
+    }), (n, i) => l(p) ? x("", !0) : (E(), g(h, _({ key: 0 }, o, { rules: l(m) }), {
+      default: y(() => [
+        b("div", {
+          ref_key: "fieldEditor",
+          ref: t,
+          class: "t-w-full t-h-[30vh]"
+        }, null, 512)
+      ]),
+      _: 1
+    }, 16, ["rules"]));
   }
 });
 export {
-  C as default
+  P as default
 };