fec-dev-designer 5.1.2 → 5.1.3

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

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