fec-dev-designer 1.0.3 → 1.0.5

package/es/src/packages/form/index.vue.js

@@ -8,251 +8,295 @@ import "../../../node_modules/element-plus/theme-chalk/el-dropdown.css.js";
 import "../../../node_modules/element-plus/theme-chalk/el-dropdown-menu.css.js";
 import "../../../node_modules/element-plus/theme-chalk/el-checkbox.css.js";
 import "../../../node_modules/element-plus/theme-chalk/el-input.css.js";
-import { computed as L, ref as D, watch as O, openBlock as u, createElementBlock as V, createVNode as n, createElementVNode as c, withCtx as f, unref as g, normalizeClass as z, withModifiers as S, createBlock as b, createCommentVNode as T, toDisplayString as Y } from "vue";
-import W from "../utils/eventBus.js";
+import { computed as W, ref as T, watch as X, openBlock as u, createElementBlock as b, createVNode as i, createElementVNode as h, withCtx as m, unref as f, normalizeClass as S, withModifiers as q, createBlock as k, createCommentVNode as V, toDisplayString as ee, nextTick as oe } from "vue";
+import N from "../utils/eventBus.js";
 import "../../../node_modules/grid-layout-plus/es/index.js";
-import { VueDraggable as A } from "../../../node_modules/vue-draggable-plus/dist/vue-draggable-plus.js";
-import X from "./formSetting.vue.js";
-import G from "./PageHeaderSetting.vue.js";
-import j from "./PageFooterSetting.vue.js";
-import J from "./components/ComponentPreviewWrapper.vue.js";
-import K from "./components/DividerWrapper.vue.js";
-import Q from "./components/H2Wrapper.vue.js";
-import Z from "./components/SubForm.vue.js";
-import ee from "./components/SubTable.vue.js";
-import { Setting as oe, Delete as te, Lock as le, View as ne } from "../../../node_modules/@element-plus/icons-vue/dist/index.js";
-import { getEditConfigData as ae, getCurrentClass as se, setHoverItem as H, setSelectedItem as de } from "../utils/common.js";
-import "./index.vue2.js";
-import ie from "../../../_virtual/_plugin-vue_export-helper.js";
+import { VueDraggable as te } from "../../../node_modules/vue-draggable-plus/dist/vue-draggable-plus.js";
+import le from "./formSetting.vue.js";
+import ne from "./PageHeaderSetting.vue.js";
+import ae from "./PageFooterSetting.vue.js";
+import se from "./components/ComponentPreviewWrapper.vue.js";
+import ie from "./components/DividerWrapper.vue.js";
+import de from "./components/H2Wrapper.vue.js";
+import re from "./components/SubForm.vue.js";
+import ce from "./components/SubTable.vue.js";
+import { Setting as pe, Delete as ue, Lock as me, View as fe } from "../../../node_modules/@element-plus/icons-vue/dist/index.js";
+import { getEditConfigData as ge, getCurrentClass as ve, setHoverItem as B, setSelectedItem as he, isSelectedItem as ye } from "../utils/common.js";
+import { throttle as _e } from "../../../node_modules/@vexip-ui/utils/dist/index.js";
 import "../../../node_modules/element-plus/theme-chalk/el-badge.css.js";
 import "../../../node_modules/element-plus/theme-chalk/el-message.css.js";
-import re from "../../../node_modules/grid-layout-plus/es/components/grid-layout.vue.js";
-import { ElMessage as pe } from "../../../node_modules/element-plus/es/components/message/index.js";
-import { ElIcon as ce } from "../../../node_modules/element-plus/es/components/icon/index.js";
-import { ElInput as me } from "../../../node_modules/element-plus/es/components/input/index.js";
-import { ElCheckbox as ue } from "../../../node_modules/element-plus/es/components/checkbox/index.js";
-import { ElDropdownMenu as fe, ElDropdown as ve } from "../../../node_modules/element-plus/es/components/dropdown/index.js";
-import { ElForm as ge } from "../../../node_modules/element-plus/es/components/form/index.js";
-import { ElScrollbar as _e } from "../../../node_modules/element-plus/es/components/scrollbar/index.js";
-const ye = { class: "form-work-area" }, he = { class: "form-grid-container" }, be = ["onMouseenter", "onClick"], we = { class: "component-toolbar" }, Ve = { class: "quick-setting-panel" }, xe = { class: "setting-row" }, ke = { class: "setting-row" }, Ee = { class: "setting-row" }, De = ["onClick"], Te = { class: "status-tags" }, Ie = {
+import "./index.vue2.js";
+import be from "../../../_virtual/_plugin-vue_export-helper.js";
+import we from "../../../node_modules/grid-layout-plus/es/components/grid-layout.vue.js";
+import { ElMessage as xe } from "../../../node_modules/element-plus/es/components/message/index.js";
+import { ElIcon as ke } from "../../../node_modules/element-plus/es/components/icon/index.js";
+import { ElInput as Ve } from "../../../node_modules/element-plus/es/components/input/index.js";
+import { ElCheckbox as Ee } from "../../../node_modules/element-plus/es/components/checkbox/index.js";
+import { ElDropdownMenu as De, ElDropdown as Te } from "../../../node_modules/element-plus/es/components/dropdown/index.js";
+import { ElForm as Ie } from "../../../node_modules/element-plus/es/components/form/index.js";
+import { ElScrollbar as Me } from "../../../node_modules/element-plus/es/components/scrollbar/index.js";
+const Ce = { class: "form-work-area" }, Fe = { class: "form-grid-container" }, ze = ["onMouseenter", "onClick"], Se = {
+  key: 0,
+  class: "component-toolbar"
+}, Ne = { class: "quick-setting-panel" }, Ue = { class: "setting-row" }, Re = { class: "setting-row" }, Ye = { class: "setting-row" }, He = ["onClick"], Pe = { class: "status-tags" }, We = {
   key: 0,
   class: "field-name-tag"
-}, Me = {
+}, Xe = {
   key: 1,
   class: "status-tag disabled-tag"
-}, Ce = {
+}, qe = {
   key: 2,
   class: "status-tag readonly-tag"
-}, _ = "drop", ze = {
+}, y = "drop", Be = {
   __name: "index",
-  setup(Fe) {
-    const p = L(() => ae()), I = D([]), s = D(p.value.fieldsData || []), y = D(null), v = { x: -1, y: -1, w: 1, h: 1, i: "" };
-    O(
+  setup(Oe, { expose: O }) {
+    const p = W(() => ge()), I = T([]), d = T(p.value.fieldsData || []), _ = T(null), g = { x: 0, y: 0, w: 1, h: 1, i: "" };
+    X(
       () => p.value.columns,
-      (d, o) => {
-        if (!s.value || d === o || d > o)
+      (t, o) => {
+        if (!d.value || t === o || t > o)
           return;
-        const t = [], l = [];
-        if (s.value.forEach((i) => {
-          i.i === _ ? l.push(i) : i.x + i.w > d ? t.push({ ...i }) : l.push(i);
-        }), t.length > 0) {
-          t.sort((a, m) => a.y - m.y || a.x - m.x);
-          const i = Math.max(...l.map((a) => a.y), -1);
-          t.forEach((a, m) => {
-            a.y = i + 1 + Math.floor(m / d), a.x = 0;
-          }), s.value = [...l, ...t];
+        const l = [], n = [];
+        if (d.value.forEach((a) => {
+          a.i === y ? n.push(a) : a.x + a.w > t ? l.push({ ...a }) : n.push(a);
+        }), l.length > 0) {
+          l.sort((s, r) => s.y - r.y || s.x - r.x);
+          const a = Math.max(...n.map((s) => s.y), -1);
+          l.forEach((s, r) => {
+            s.y = a + 1 + Math.floor(r / t), s.x = 0;
+          }), d.value = [...n, ...l];
         }
       }
+    ), X(
+      () => p.value.labelPosition,
+      (t) => {
+        const o = t === "top" ? 0.75 : 1, l = ["divider", "h2"];
+        d.value.forEach((n) => {
+          var a;
+          l.includes((a = n.component) == null ? void 0 : a.fieldType) && (n.h = o);
+        }), _.value.resizeEvent();
+      }
     );
-    function P(d) {
-      y.value.dragEvent(
-        "dragend",
-        _,
-        v.x,
-        v.y,
-        v.w,
-        v.h
-      );
-      const o = s.value.findIndex((l) => l.i === _);
+    const M = T(!1);
+    function $(t) {
+      console.log("🚀 ~ handleAddToGrid ~ event:", t);
+      const o = d.value.findIndex((n) => n.i === y);
       if (o !== -1) {
-        const l = s.value[o].component;
-        s.value[o].i = l.id, s.value[o].id = l.id, y.value.dragEvent(
+        const n = d.value[o].component;
+        d.value[o].i = n.id, d.value[o].id = n.id, _.value.dragEvent(
           "dragend",
-          l.id,
-          v.x,
-          v.y,
-          v.w,
-          v.h
+          n.id,
+          g.x,
+          g.y,
+          g.w,
+          g.h
         );
       }
-      const t = y.value.getItem(_);
-      if (t) {
+      const l = _.value.getItem(y);
+      if (l) {
         try {
-          t.wrapper.style.display = "";
+          l.wrapper.style.display = "";
         } catch {
         }
-        I.value = [];
+        I.value = [], M.value = !0;
       }
     }
-    function R(d) {
-      var t, l, i;
-      const o = s.value.findIndex((a) => a.i === d.i);
+    function A(t) {
+      var l, n, a;
+      const o = d.value.findIndex((s) => s.i === t.i);
       if (o !== -1) {
-        const a = s.value[o];
+        const s = d.value[o];
         p.value.deletedFields || (p.value.deletedFields = []);
-        const m = {
-          label: ((t = a.component) == null ? void 0 : t.label) || "",
-          fieldName: ((l = a.component) == null ? void 0 : l.fieldName) || "",
-          fieldType: ((i = a.component) == null ? void 0 : i.fieldType) || "",
+        const r = {
+          label: ((l = s.component) == null ? void 0 : l.label) || "",
+          fieldName: ((n = s.component) == null ? void 0 : n.fieldName) || "",
+          fieldType: ((a = s.component) == null ? void 0 : a.fieldType) || "",
           deleteTime: (/* @__PURE__ */ new Date()).toLocaleString("zh-CN"),
-          data: a
+          data: s
         };
-        p.value.deletedFields.push(m), s.value.splice(o, 1), pe.success("字段已移至回收站");
+        p.value.deletedFields.push(r), d.value.splice(o, 1), xe.success("字段已移至回收站");
       }
     }
-    W.on("onFormDragMove", (d) => {
-      var U;
-      const o = d.clonedData;
+    let w = { x: null, y: null }, E = null;
+    const L = _e((t) => {
+      if (M.value)
+        return;
+      const o = t.clonedData;
       if (!o)
         return;
-      let t = { w: 1, h: 1 };
-      o.fieldType == "textarea" ? t = { w: 1, h: 2 } : o.fieldType == "divider" || o.fieldType == "h2" ? t = { w: p.value.columns, h: 1, isResizable: !1 } : (o.fieldType == "subForm" || o.fieldType == "subTable") && (t = { w: p.value.columns, h: 2 });
-      const l = d.to.getBoundingClientRect(), i = d.originalEvent.clientX - l.left, a = d.originalEvent.clientY - l.top, m = p.value.columns, M = 60, x = 0, e = (l.width + x) / m, r = M + x, q = Math.floor(i / e), B = Math.floor(a / r), k = Math.max(0, Math.min(q, m - 1)), E = Math.max(0, B);
-      let w = s.value.find((h) => h.i === _);
-      if (!w)
-        s.value.push({
-          x: k,
-          y: E,
-          w: t.w,
-          h: t.h,
-          i: _,
-          isResizable: t.isResizable !== !1,
-          component: o
-        });
-      else {
-        if (w.x == k && w.y == E)
-          return;
-        w.x = k, w.y = E;
-      }
-      const C = s.value.findIndex((h) => h.i === _);
-      if (C !== -1) {
-        const h = (U = y.value) == null ? void 0 : U.getItem(_);
-        if (!h)
-          return;
-        try {
-          h.wrapper.style.display = "none";
-        } catch {
+      (!E || E.element !== t.to) && (E = {
+        element: t.to,
+        rect: t.to.getBoundingClientRect()
+      });
+      const l = E.rect, n = t.originalEvent.clientX, a = t.originalEvent.clientY, s = n - l.left, r = a - l.top;
+      if (!(w.x === null || w.y === null || Math.abs(s - w.x) > 5 || // 5px 的容差
+      Math.abs(r - w.y) > 5))
+        return;
+      w = { x: s, y: r };
+      let v = { w: 1, h: 1 };
+      o.fieldType == "textarea" ? v = { w: 1, h: 2 } : o.fieldType == "divider" || o.fieldType == "h2" ? v = {
+        w: p.value.columns,
+        h: 1,
+        isResizable: !1
+      } : (o.fieldType == "subForm" || o.fieldType == "subTable") && (v = { w: p.value.columns, h: 2 });
+      const e = p.value.columns, c = 60, H = 0, J = (l.width + H) / e, K = c + H, Q = Math.floor(s / J), Z = Math.floor(r / K), C = Math.max(0, Math.min(Q, e - 1)), F = Math.max(0, Z);
+      let z = d.value.find((D) => D.i == y);
+      z ? (z.x = C, z.y = F) : d.value.push({
+        x: C,
+        y: F,
+        w: v.w,
+        h: v.h,
+        i: y,
+        isResizable: v.isResizable !== !1,
+        component: o
+      }), oe(() => {
+        var P;
+        const D = d.value.findIndex((x) => x.i == y);
+        if (D !== -1) {
+          const x = (P = _.value) == null ? void 0 : P.getItem(y);
+          if (!x)
+            return;
+          try {
+            x.wrapper.style.display = "none";
+          } catch {
+          }
+          Object.assign(x.state, {
+            top: r,
+            left: s
+          }), x.calcXY(r, s), _.value.dragEvent(
+            "dragstart",
+            y,
+            C,
+            F,
+            v.h,
+            v.w
+          ), g.x = d.value[D].x, g.y = d.value[D].y, I.value = [];
         }
-        y.value.dragEvent(
-          "dragstart",
-          _,
-          k,
-          E,
-          t.h,
-          t.w
-        ), v.x = s.value[C].x, v.y = s.value[C].y;
-      }
-    }), W.on("resizeEvent", () => {
-      y.value.resizeEvent();
+      });
     });
-    const F = D(/* @__PURE__ */ new Map());
-    function N(d) {
-      return F.value.get(d) || !1;
+    N.on("onFormDragStart", () => {
+      M.value = !1;
+    }), N.on("onFormDragEnd", (t) => {
+      E = null, w = { x: null, y: null };
+      const o = t.clonedData, l = t.originalEvent.clientX, n = t.originalEvent.clientY, a = document.querySelector(".form-grid-container").getBoundingClientRect();
+      l >= a.left && l <= a.right && n >= a.top && n <= a.bottom || (_.value.dragEvent(
+        "dragend",
+        y,
+        g.x,
+        g.y,
+        g.h,
+        g.w
+      ), d.value = d.value.filter(
+        (r) => r.i != y && r.i != o.id
+      )), console.log("🚀 ~ onFormDragEnd:", t);
+    }), N.on("resizeEvent", () => {
+      _.value.resizeEvent();
+    });
+    const U = T(/* @__PURE__ */ new Map());
+    function R(t) {
+      return U.value.get(t) || !1;
     }
-    function $(d, o) {
-      F.value.set(d, o);
+    function G(t, o) {
+      U.value.set(t, o);
     }
-    return (d, o) => {
-      const t = ce, l = me, i = ue, a = fe, m = ve, M = ge, x = _e;
-      return u(), V("div", ye, [
-        n(G),
-        n(X),
-        c("div", he, [
-          n(x, null, {
-            default: f(() => [
-              n(M, {
+    const j = W(() => {
+      var t;
+      return ((t = _.value) == null ? void 0 : t.state.isDragging) || !1;
+    });
+    return O({
+      onFormDragMove: L
+    }), (t, o) => {
+      const l = ke, n = Ve, a = Ee, s = De, r = Te, Y = Ie, v = Me;
+      return u(), b("div", Ce, [
+        i(ne),
+        i(le),
+        h("div", Fe, [
+          i(v, null, {
+            default: m(() => [
+              i(Y, {
                 class: "form-grid",
                 "label-width": p.value.labelWidth,
                 "label-position": p.value.labelPosition
               }, {
-                default: f(() => [
-                  n(g(A), {
+                default: m(() => [
+                  i(f(te), {
                     draggable: "false",
                     modelValue: I.value,
                     "onUpdate:modelValue": o[2] || (o[2] = (e) => I.value = e),
                     group: "dev",
                     class: "grid-draggable-wrapper",
-                    onAdd: P
+                    onAdd: $
                   }, {
-                    default: f(() => [
-                      n(g(re), {
+                    default: m(() => [
+                      i(f(we), {
                         ref_key: "gridLayout",
-                        ref: y,
-                        layout: s.value,
-                        "onUpdate:layout": o[1] || (o[1] = (e) => s.value = e),
+                        ref: _,
+                        layout: d.value,
+                        "onUpdate:layout": o[1] || (o[1] = (e) => d.value = e),
                         "row-height": p.value.labelPosition == "top" ? 90 : 60,
                         margin: [0, 0],
                         "col-num": p.value.columns,
                         "prevent-collision": !1,
-                        "vertical-compact": !0
+                        "vertical-compact": !0,
+                        style: { height: "100%" }
                       }, {
-                        item: f(({ item: e }) => [
-                          e.component ? (u(), V("div", {
+                        item: m(({ item: e }) => [
+                          e.component ? (u(), b("div", {
                             key: 0,
-                            class: z(["form-component", [
-                              g(se)(e.component),
+                            class: S(["form-component", [
+                              f(ve)(e.component),
                               e.component.fieldType
                             ]]),
-                            onMouseenter: (r) => g(H)(e.component),
-                            onMouseleave: o[0] || (o[0] = (r) => g(H)()),
-                            onClick: S((r) => g(de)(e.component), ["stop"])
+                            onMouseenter: (c) => f(B)(e.component),
+                            onMouseleave: o[0] || (o[0] = (c) => f(B)()),
+                            onClick: q((c) => f(he)(e.component), ["stop"])
                           }, [
-                            c("div", we, [
-                              n(m, {
+                            !j.value && f(ye)(e.component) ? (u(), b("div", Se, [
+                              i(r, {
                                 "popper-class": `form-quick-setting-${e.i}`,
                                 trigger: "click",
                                 placement: "bottom",
                                 "hide-on-click": !1,
-                                onVisibleChange: (r) => $(e.id, r)
+                                onVisibleChange: (c) => G(e.id, c)
                               }, {
-                                dropdown: f(() => [
-                                  N(e.id) ? (u(), b(a, { key: 0 }, {
-                                    default: f(() => [
-                                      c("div", Ve, [
-                                        c("div", xe, [
-                                          o[3] || (o[3] = c("span", { class: "setting-label" }, "标题:", -1)),
-                                          n(l, {
+                                dropdown: m(() => [
+                                  R(e.id) ? (u(), k(s, { key: 0 }, {
+                                    default: m(() => [
+                                      h("div", Ne, [
+                                        h("div", Ue, [
+                                          o[3] || (o[3] = h("span", { class: "setting-label" }, "标题:", -1)),
+                                          i(n, {
                                             modelValue: e.component.label,
-                                            "onUpdate:modelValue": (r) => e.component.label = r,
+                                            "onUpdate:modelValue": (c) => e.component.label = c,
                                             size: "small",
                                             class: "setting-input"
                                           }, null, 8, ["modelValue", "onUpdate:modelValue"])
                                         ]),
-                                        c("div", ke, [
-                                          o[4] || (o[4] = c("span", { class: "setting-label" }, "字段:", -1)),
-                                          n(l, {
+                                        h("div", Re, [
+                                          o[4] || (o[4] = h("span", { class: "setting-label" }, "字段:", -1)),
+                                          i(n, {
                                             modelValue: e.component.fieldName,
-                                            "onUpdate:modelValue": (r) => e.component.fieldName = r,
+                                            "onUpdate:modelValue": (c) => e.component.fieldName = c,
                                             size: "small",
                                             class: "setting-input"
                                           }, null, 8, ["modelValue", "onUpdate:modelValue"])
                                         ]),
-                                        c("div", Ee, [
-                                          n(i, {
+                                        h("div", Ye, [
+                                          i(a, {
                                             modelValue: e.component.required,
-                                            "onUpdate:modelValue": (r) => e.component.required = r,
+                                            "onUpdate:modelValue": (c) => e.component.required = c,
                                             label: "必填",
                                             size: "small"
                                           }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-                                          n(i, {
+                                          i(a, {
                                             modelValue: e.component.readOnly,
-                                            "onUpdate:modelValue": (r) => e.component.readOnly = r,
+                                            "onUpdate:modelValue": (c) => e.component.readOnly = c,
                                             label: "只读",
                                             size: "small"
                                           }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-                                          n(i, {
+                                          i(a, {
                                             modelValue: e.component.disabled,
-                                            "onUpdate:modelValue": (r) => e.component.disabled = r,
+                                            "onUpdate:modelValue": (c) => e.component.disabled = c,
                                             label: "禁用",
                                             size: "small"
                                           }, null, 8, ["modelValue", "onUpdate:modelValue"])
@@ -260,78 +304,79 @@ const ye = { class: "form-work-area" }, he = { class: "form-grid-container" }, b
                                       ])
                                     ]),
                                     _: 2
-                                  }, 1024)) : T("", !0)
+                                  }, 1024)) : V("", !0)
                                 ]),
-                                default: f(() => [
-                                  c("span", {
-                                    class: z(["toolbar-btn settings-btn", { "is-active": N(e.id) }]),
+                                default: m(() => [
+                                  e.component.fieldType != "blank" ? (u(), b("span", {
+                                    key: 0,
+                                    class: S(["toolbar-btn settings-btn", { "is-active": R(e.id) }]),
                                     title: "快捷设置"
                                   }, [
-                                    n(t, null, {
-                                      default: f(() => [
-                                        n(g(oe))
+                                    i(l, null, {
+                                      default: m(() => [
+                                        i(f(pe))
                                       ]),
                                       _: 1
                                     })
-                                  ], 2)
+                                  ], 2)) : V("", !0)
                                 ]),
                                 _: 2
                               }, 1032, ["popper-class", "onVisibleChange"]),
-                              c("span", {
+                              h("span", {
                                 class: "toolbar-btn delete-btn",
                                 title: "删除组件",
-                                onClick: S((r) => R(e), ["stop"])
+                                onClick: q((c) => A(e), ["stop"])
                               }, [
-                                n(t, null, {
-                                  default: f(() => [
-                                    n(g(te))
+                                i(l, null, {
+                                  default: m(() => [
+                                    i(f(ue))
                                   ]),
                                   _: 1
                                 })
-                              ], 8, De)
-                            ]),
-                            c("div", Te, [
-                              p.value.showFieldName && e.component.fieldName ? (u(), V("div", Ie, Y(e.component.fieldName), 1)) : T("", !0),
-                              e.component.disabled ? (u(), V("div", Me, [
-                                n(t, null, {
-                                  default: f(() => [
-                                    n(g(le))
+                              ], 8, He)
+                            ])) : V("", !0),
+                            h("div", Pe, [
+                              p.value.showFieldName && e.component.fieldName ? (u(), b("div", We, ee(e.component.fieldType == "blank" ? "空白占位" : e.component.fieldName), 1)) : V("", !0),
+                              e.component.disabled ? (u(), b("div", Xe, [
+                                i(l, null, {
+                                  default: m(() => [
+                                    i(f(me))
                                   ]),
                                   _: 1
                                 })
-                              ])) : e.component.readOnly ? (u(), V("div", Ce, [
-                                n(t, null, {
-                                  default: f(() => [
-                                    n(g(ne))
+                              ])) : e.component.readOnly ? (u(), b("div", qe, [
+                                i(l, null, {
+                                  default: m(() => [
+                                    i(f(fe))
                                   ]),
                                   _: 1
                                 })
-                              ])) : T("", !0)
+                              ])) : V("", !0)
                             ]),
-                            c("div", {
-                              class: z(["component-content", {
+                            h("div", {
+                              class: S(["component-content", {
                                 "is-disabled": e.component.disabled,
                                 "is-readonly": e.component.readOnly && !e.component.disabled
                               }])
                             }, [
-                              e.component.fieldType == "divider" ? (u(), b(K, {
+                              e.component.fieldType == "divider" ? (u(), k(ie, {
                                 key: 0,
                                 "component-data": e.component
-                              }, null, 8, ["component-data"])) : e.component.fieldType == "h2" ? (u(), b(Q, {
+                              }, null, 8, ["component-data"])) : e.component.fieldType == "h2" ? (u(), k(de, {
                                 key: 1,
                                 "component-data": e.component
-                              }, null, 8, ["component-data"])) : e.component.fieldType == "subForm" ? (u(), b(Z, {
+                              }, null, 8, ["component-data"])) : e.component.fieldType == "subForm" ? (u(), k(re, {
                                 key: 2,
                                 "component-data": e.component
-                              }, null, 8, ["component-data"])) : e.component.fieldType == "subTable" ? (u(), b(ee, {
+                              }, null, 8, ["component-data"])) : e.component.fieldType == "subTable" ? (u(), k(ce, {
                                 key: 3,
                                 "component-data": e.component
-                              }, null, 8, ["component-data"])) : (u(), b(J, {
+                              }, null, 8, ["component-data"])) : (u(), k(se, {
                                 key: 4,
                                 "component-data": e.component
                               }, null, 8, ["component-data"]))
                             ], 2)
-                          ], 42, be)) : T("", !0)
+                          ], 42, ze)) : V("", !0)
                         ]),
                         _: 1
                       }, 8, ["layout", "row-height", "col-num"])
@@ -345,11 +390,11 @@ const ye = { class: "form-work-area" }, he = { class: "form-grid-container" }, b
             _: 1
           })
         ]),
-        n(j)
+        i(ae)
       ]);
     };
   }
-}, _o = /* @__PURE__ */ ie(ze, [["__scopeId", "data-v-bfdd3153"]]);
+}, Co = /* @__PURE__ */ be(Be, [["__scopeId", "data-v-22a7ee1a"]]);
 export {
-  _o as default
+  Co as default
 };