ss-component-new 1.1.71 → 1.1.72

package/dist/{index-btKSK4k7.js → index-ChCXzsYf.js}

@@ -1,6 +1,6 @@
-import { _ as c } from "./index.vue_vue_type_style_index_0_scoped_dc84a8f7_lang-KVrulMLC.js";
+import { _ as c } from "./index.vue_vue_type_style_index_0_scoped_dc84a8f7_lang-DG5vph3h.js";
 import { resolveComponent as o, createBlock as a, openBlock as u, withCtx as r, createVNode as l, createElementVNode as i, toDisplayString as p } from "vue";
-import { _ as m } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { _ as m } from "./_plugin-vue_export-helper-B7R8Jogt.js";
 function M(e, _, d, f, C, y) {
   const t = o("DynamicIcon"), s = o("ssMenu");
   return u(), a(s, {

package/dist/{index.vue_vue_type_style_index_0_scoped_dc84a8f7_lang-KVrulMLC.js → index.vue_vue_type_style_index_0_scoped_dc84a8f7_lang-DG5vph3h.js}

@@ -1,9 +1,8 @@
 import { defineAsyncComponent as U, computed as D, onMounted as O, resolveComponent as G, createBlock as v, openBlock as C, withCtx as I, resolveDynamicComponent as N, defineComponent as k, ref as T, watch as q } from "vue";
-import { E as M } from "./index-NvpJBKaz.js";
-import { u as z, s as E } from "./menu-Dez5HOn4.js";
-import { u as H } from "./modelComp-BdUI1DVP.js";
-import { c as f } from "./cloneDeep-BcUiE4Tq.js";
-const g = U(() => import("./index-BQ18EzV6.js"));
+import { E as M, u as z, s as E } from "./menu-oGClEGzK.js";
+import { u as H } from "./modelComp-CqA1NVfH.js";
+import { c as f } from "./_plugin-vue_export-helper-B7R8Jogt.js";
+const g = U(() => import("./index-BvoThyOF.js"));
 g.install = (u) => {
   u.component("ssMenu", g);
 };
@@ -13,64 +12,64 @@ const J = {
     name: String
   },
   setup(u) {
-    const m = u, p = D(() => M[m.name]);
+    const c = u, m = D(() => M[c.name]);
     return O(() => {
-      const c = Object.keys(M);
-      console.log("iconComponent", p.value, m.name, M, c);
-    }), (c, A) => {
+      const p = Object.keys(M);
+      console.log("iconComponent", m.value, c.name, M, p);
+    }), (p, A) => {
       const d = G("el-icon");
       return C(), v(d, null, {
         default: I(() => [
-          (C(), v(N(p.value)))
+          (C(), v(N(m.value)))
         ]),
         _: 1
       });
     };
   }
-}, Z = k({
+}, Y = k({
   name: "menu",
   components: {
     ssMenu: g,
     DynamicIcon: J
   },
   setup() {
-    const u = z(), m = H(), { rawMenu: p, menuTriggerType: c } = E(u), { itemData: A } = E(m), d = T([]);
+    const u = z(), c = H(), { rawMenu: m, menuTriggerType: p } = E(u), { itemData: A } = E(c), d = T([]);
     let h;
     ((e) => {
       e[e.Menu = 0] = "Menu", e[e.FolderOpened = 1] = "FolderOpened";
     })(h || (h = {}));
     const S = (e) => {
-      let o = [], s = [];
+      let n = [], s = [];
       return e == null || e.forEach((r) => {
-        o = y(r, s);
-      }), console.log("splitMenu", o), o;
-    }, y = (e, o) => {
-      const s = o, r = [];
-      e == null || e.forEach((n) => {
-        Array.isArray(n) ? r.push({ children: y(n, []) }) : r.push({ title: n });
+        n = y(r, s);
+      }), console.log("splitMenu", n), n;
+    }, y = (e, n) => {
+      const s = n, r = [];
+      e == null || e.forEach((o) => {
+        Array.isArray(o) ? r.push({ children: y(o, []) }) : r.push({ title: o });
       });
-      let i = r.reduce((n, a) => (Object.entries(a).forEach(([t, l]) => {
-        n[t] === void 0 ? l != null && l.title ? n[t] = [l] : n[t] = l : (Array.isArray(n[t]) || (n[t] = [{ title: n[t] }]), l != null && l.title || Array.isArray(l) ? n[t].push(l) : n[t].push({ title: l }));
-      }), n), {});
+      let i = r.reduce((o, a) => (Object.entries(a).forEach(([t, l]) => {
+        o[t] === void 0 ? l != null && l.title ? o[t] = [l] : o[t] = l : (Array.isArray(o[t]) || (o[t] = [{ title: o[t] }]), l != null && l.title || Array.isArray(l) ? o[t].push(l) : o[t].push({ title: l }));
+      }), o), {});
       return i = F(f(i)), s.push(i), Array.isArray(s) && (s == null ? void 0 : s.length) > 1 ? s : s == null ? void 0 : s[0];
     }, F = (e) => {
-      var o, s, r;
-      return Array.isArray(e == null ? void 0 : e.title) && ((o = e == null ? void 0 : e.title) == null ? void 0 : o.length) === ((r = (s = e == null ? void 0 : e.title) == null ? void 0 : s.filter((i) => i.title)) == null ? void 0 : r.length) ? e == null ? void 0 : e.title : Array.isArray(e == null ? void 0 : e.children) ? P(e) : e;
+      var n, s, r;
+      return Array.isArray(e == null ? void 0 : e.title) && ((n = e == null ? void 0 : e.title) == null ? void 0 : n.length) === ((r = (s = e == null ? void 0 : e.title) == null ? void 0 : s.filter((i) => i.title)) == null ? void 0 : r.length) ? e == null ? void 0 : e.title : Array.isArray(e == null ? void 0 : e.children) ? P(e) : e;
     }, P = (e) => {
       var s;
-      const o = e;
-      return o.children = (s = o.children) == null ? void 0 : s.map((r) => {
+      const n = e;
+      return n.children = (s = n.children) == null ? void 0 : s.map((r) => {
         var i;
         return (i = r == null ? void 0 : r.title) != null && i.children ? r == null ? void 0 : r.title : r;
-      }), o;
-    }, b = (e, o = "", s = 0) => {
-      var n;
-      const r = f(A.value), i = (n = r == null ? void 0 : r.filter((a) => {
+      }), n;
+    }, b = (e, n = "", s = 0) => {
+      var o;
+      const r = f(A.value), i = (o = r == null ? void 0 : r.filter((a) => {
         var t;
         return ((t = a.comp) == null ? void 0 : t.toUpperCase()) === "GROUP";
-      })) == null ? void 0 : n.map((a) => a.name);
+      })) == null ? void 0 : o.map((a) => a.name);
       return e == null ? void 0 : e.map((a) => {
-        const t = o ? `${o}/${a.title}` : a.title, l = {
+        const t = n ? `${n}/${a.title}` : a.title, l = {
           ...a,
           path: t,
           level: s,
@@ -85,7 +84,7 @@ const J = {
     }), $ = (e) => {
       console.log("clickMenu", e), u.setMenuTriggerType("click"), u.setActiveMenuPath(e == null ? void 0 : e.path);
     }, R = (e) => {
-      c.value === "click" ? u.setActiveMenuPath(e) : u.setMenuTriggerType("click");
+      p.value === "click" ? u.setActiveMenuPath(e) : u.setMenuTriggerType("click");
     }, j = (e) => {
       u.setActiveMenuPath(e);
     }, w = T([
@@ -114,17 +113,17 @@ const J = {
         value: "#1d7bef"
       }
     ]), B = () => {
-      var o;
+      var n;
       const e = document.documentElement;
-      (o = w.value) == null || o.forEach((s) => {
+      (n = w.value) == null || n.forEach((s) => {
         e.style.setProperty(s.name, s.value);
       });
     };
     return O(() => {
-    }), q(() => p.value, (e) => {
-      var o, s, r;
+    }), q(() => m.value, (e) => {
+      var n, s, r;
       if (e) {
-        const i = (r = (s = (o = f(e)) == null ? void 0 : o.compData) == null ? void 0 : s[0]) == null ? void 0 : r.contents;
+        const i = (r = (s = (n = f(e)) == null ? void 0 : n.compData) == null ? void 0 : s[0]) == null ? void 0 : r.contents;
         d.value = S(i), console.log("rawMenu", _.value);
       } else
         u.setActiveMenuPath("");
@@ -140,5 +139,5 @@ const J = {
   }
 });
 export {
-  Z as _
+  Y as _
 };

package/dist/main-BUjoLIJC.js

@@ -0,0 +1,404 @@
+import { createElementBlock as _, openBlock as r, Fragment as W, renderList as U, unref as ie, createElementVNode as b, createBlock as B, resolveDynamicComponent as q, toDisplayString as E, ref as w, watch as J, resolveComponent as ue, createVNode as z, withCtx as K, createCommentVNode as v, onMounted as _e } from "vue";
+import { p as A, s as fe, g as P, e as he, a as ye } from "./array-BejyPB_1.js";
+import { s as L, E as pe, u as ge } from "./menu-oGClEGzK.js";
+import { u as M } from "./modelComp-CqA1NVfH.js";
+import { _ as R, c as k } from "./_plugin-vue_export-helper-B7R8Jogt.js";
+const Ce = { class: "type-select" }, ke = ["onClick"], be = { class: "list-icon" }, Ie = {
+  __name: "index",
+  setup(T) {
+    const $ = M(A), { itemData: e } = L($), j = (l) => pe[l], f = (l) => {
+      const y = k(e.value);
+      y.push({
+        comp: l.comp,
+        name: l.name,
+        compData: []
+      }), $.setItemData(y);
+    };
+    return (l, y) => (r(), _("div", Ce, [
+      (r(!0), _(W, null, U(ie(fe), (h, s) => (r(), _("div", {
+        class: "type-list",
+        key: s
+      }, [
+        b("div", {
+          class: "list-content",
+          onClick: (p) => f(h)
+        }, [
+          b("div", be, [
+            (r(), B(q(j(h.icon))))
+          ]),
+          b("div", null, E(h.name), 1)
+        ], 8, ke)
+      ]))), 128))
+    ]));
+  }
+}, De = /* @__PURE__ */ R(Ie, [["__scopeId", "data-v-fe4aecc8"]]), we = { class: "fill-content" }, $e = { class: "operate-content" }, je = { class: "collapse-title" }, xe = { class: "comp-child" }, Ve = {
+  __name: "index",
+  setup(T) {
+    const $ = M(A), { itemData: e, originalData: j } = L($), f = w([]), l = w([]);
+    J(
+      () => e.value,
+      () => {
+        var s;
+        !e.value || ((s = e.value) == null ? void 0 : s.length) === 0 || (f.value = k(e.value));
+      },
+      { deep: !0, immediate: !0 }
+    );
+    const y = (s) => P(s), h = (s, p, S) => {
+      if (!s || s.length === 0) return;
+      let n = k(e.value);
+      const c = k(p);
+      c.compData = s, n = n == null ? void 0 : n.map((g, d) => (d === S && (g = c), g)), $.setItemData(n);
+    };
+    return (s, p) => {
+      const S = ue("el-collapse-item"), n = ue("el-collapse");
+      return r(), _("div", we, [
+        p[1] || (p[1] = b("div", { class: "fill-operate" }, E("操作栏"), -1)),
+        b("div", $e, [
+          z(n, {
+            modelValue: l.value,
+            "onUpdate:modelValue": p[0] || (p[0] = (c) => l.value = c),
+            class: "collapse-content"
+          }, {
+            default: K(() => [
+              (r(!0), _(W, null, U(f.value, (c, g) => (r(), B(S, {
+                key: g,
+                name: g
+              }, {
+                title: K(() => [
+                  b("div", je, E(c.name), 1)
+                ]),
+                default: K(() => {
+                  var d, O;
+                  return [
+                    b("div", xe, [
+                      (r(), B(q(y(c.comp + "Operate")), {
+                        itemContents: c == null ? void 0 : c.compData,
+                        originalItemContents: (O = (d = ie(j)) == null ? void 0 : d.find((N, G) => G === g)) == null ? void 0 : O.compData,
+                        onChange: (N) => h(N, c, g)
+                      }, null, 40, ["itemContents", "originalItemContents", "onChange"]))
+                    ])
+                  ];
+                }),
+                _: 2
+              }, 1032, ["name"]))), 128))
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ])
+      ]);
+    };
+  }
+}, Oe = /* @__PURE__ */ R(Ve, [["__scopeId", "data-v-a216b035"]]), Se = {
+  key: 0,
+  class: "show-content"
+}, Ne = {
+  __name: "index",
+  setup(T) {
+    const $ = M(A), { itemData: e } = L($), j = w([]);
+    J(
+      () => e.value,
+      () => {
+        var l;
+        !e.value || ((l = e.value) == null ? void 0 : l.length) === 0 || (j.value = k(e.value));
+      },
+      { deep: !0, immediate: !0 }
+    );
+    const f = (l) => P(l);
+    return (l, y) => {
+      var h;
+      return ((h = j.value) == null ? void 0 : h.length) > 0 ? (r(), _("div", Se, [
+        (r(!0), _(W, null, U(j.value, (s, p) => (r(), _("div", {
+          class: "item-content",
+          key: p
+        }, [
+          b("div", null, E(s.name), 1),
+          (r(), B(q(f(s.comp)), {
+            itemData: s == null ? void 0 : s.compData,
+            childItemData: s == null ? void 0 : s.itemChildData,
+            key: p
+          }, null, 8, ["itemData", "childItemData"]))
+        ]))), 128))
+      ])) : v("", !0);
+    };
+  }
+}, Te = /* @__PURE__ */ R(Ne, [["__scopeId", "data-v-79320497"]]), F = [
+  {
+    key: "FormName",
+    value: "Form"
+  },
+  {
+    key: "TableName",
+    value: "Table"
+  }
+], m = [
+  {
+    key: "FormDirect",
+    value: "formFlex"
+  },
+  {
+    key: "Form",
+    value: "formContent"
+  },
+  {
+    key: "FormButton",
+    value: "formButton"
+  },
+  {
+    key: "TableColumns",
+    value: "header"
+  },
+  {
+    key: "TableButton",
+    value: "extraButton"
+  },
+  {
+    key: "LineButton",
+    value: "rowButton"
+  },
+  {
+    key: "Table",
+    value: "tableContents"
+  },
+  {
+    key: "TableIndex",
+    value: "tableIndex"
+  }
+], Fe = {
+  key: 0,
+  class: "show-content"
+}, ve = { class: "item-view-group" }, Be = {
+  __name: "index",
+  props: {
+    content: String,
+    jsonContents: Array
+  },
+  emits: ["change"],
+  setup(T, { emit: $ }) {
+    const e = T, j = $, f = M(A), { itemData: l } = L(f), y = w([]), h = w([]), s = (n) => {
+      j("change", {
+        wholeValue: y.value,
+        editValue: n
+      });
+    }, p = (n) => {
+      const c = k(y.value), g = c == null ? void 0 : c.map((d, O) => (O === (n == null ? void 0 : n.index) && (d.compData = n == null ? void 0 : n.contents), d));
+      y.value = g;
+    };
+    J(
+      () => l.value,
+      () => {
+        var n;
+        !l.value || ((n = l.value) == null ? void 0 : n.length) === 0 || (h.value = l.value, y.value = l.value);
+      },
+      { deep: !0, immediate: !0 }
+    ), J(
+      () => [e == null ? void 0 : e.content, e == null ? void 0 : e.jsonContents],
+      () => {
+        var c;
+        if (((c = e == null ? void 0 : e.jsonContents) == null ? void 0 : c.length) > 0) {
+          f.setOriginalData(e == null ? void 0 : e.jsonContents), f.setItemData(e == null ? void 0 : e.jsonContents);
+          return;
+        }
+        if (!(e != null && e.content) || (e == null ? void 0 : e.content) === "") return;
+        const n = he(e == null ? void 0 : e.content);
+        f.setOriginalData(n), f.setItemData(n);
+      },
+      { deep: !0, immediate: !0 }
+    );
+    const S = (n) => P(n);
+    return (n, c) => {
+      var g;
+      return ((g = h.value) == null ? void 0 : g.length) > 0 ? (r(), _("div", Fe, [
+        (r(!0), _(W, null, U(h.value, (d, O) => (r(), _("div", {
+          class: "item-content",
+          key: O
+        }, [
+          b("div", ve, E(d.name), 1),
+          (r(), B(q(S(d.comp)), {
+            itemData: d == null ? void 0 : d.compData,
+            childItemData: d == null ? void 0 : d.itemChildData,
+            key: O,
+            onChange: s,
+            index: O,
+            onContentChange: p
+          }, null, 40, ["itemData", "childItemData", "index"]))
+        ]))), 128))
+      ])) : v("", !0);
+    };
+  }
+}, Ee = /* @__PURE__ */ R(Be, [["__scopeId", "data-v-869e6e20"]]), Je = { class: "add-model-content" }, Ae = {
+  key: 0,
+  class: "model-import-data"
+}, Le = { class: "import-button" }, Me = { key: 0 }, Re = {
+  key: 1,
+  class: "model-operate"
+}, ze = { class: "model-select" }, We = { class: "model-fill" }, Ue = {
+  key: 2,
+  class: "model-view ssComponent"
+}, qe = {
+  __name: "main",
+  props: {
+    mode: {
+      type: String,
+      default: "view"
+    },
+    content: {
+      type: String,
+      default: ""
+    },
+    jsonContents: {
+      type: Array,
+      default: () => []
+    },
+    showButton: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["change"],
+  setup(T, { emit: $ }) {
+    const e = T, j = $, f = w(""), l = w([]), y = w(0), h = M(A);
+    ge(A);
+    const { itemData: s, originalData: p } = L(h), S = w(null), n = w(0), c = w(""), g = () => {
+      y.value = window.innerWidth;
+    }, d = async (u) => {
+      var C;
+      const o = (C = k(u == null ? void 0 : u.wholeValue)) == null ? void 0 : C.map((a) => {
+        var x;
+        return (a == null ? void 0 : a.comp) === "Form" && (a.compData = (x = a.compData) == null ? void 0 : x.map((V) => ((V == null ? void 0 : V.key) === "formContent" && (V.contents = ye(V == null ? void 0 : V.contents)), V))), a;
+      });
+      j("change", {
+        originalContents: p.value,
+        currentContents: u == null ? void 0 : u.wholeValue,
+        editContent: u == null ? void 0 : u.editValue,
+        stringContent: O(k(u == null ? void 0 : u.wholeValue)),
+        arrayToContents: o
+      });
+    }, O = (u) => {
+      var C;
+      let o = [];
+      return (C = k(u)) == null || C.forEach((a) => {
+        var x, V;
+        F != null && F.find((t) => (t == null ? void 0 : t.value) === (a == null ? void 0 : a.comp)) && o.push(((x = F == null ? void 0 : F.find((t) => (t == null ? void 0 : t.value) === (a == null ? void 0 : a.comp))) == null ? void 0 : x.key) + "=" + a.name + "/r/n"), (V = a == null ? void 0 : a.compData) == null || V.forEach((t) => {
+          var Q, X, Y, Z, ee, te, ne, ae, oe, le, se, re;
+          if (m != null && m.find((I) => (I == null ? void 0 : I.value) === (t == null ? void 0 : t.key)))
+            if (!((Q = t == null ? void 0 : t.contents) != null && Q.length))
+              o.push(((X = m == null ? void 0 : m.find((I) => (I == null ? void 0 : I.value) === (t == null ? void 0 : t.key))) == null ? void 0 : X.key) + "=" + (t.contents === !0 ? '""' : "Vertical") + "/r/n");
+            else {
+              let I = (Y = t == null ? void 0 : t.contents) == null ? void 0 : Y[0];
+              if (!I) return;
+              if (Object.keys(I).includes("label") && Object.keys(I).includes("key") && Object.keys(I).includes("width"))
+                if (((ee = (Z = t.contents) == null ? void 0 : Z.filter((D) => D.width !== 1)) == null ? void 0 : ee.length) === 0) {
+                  const D = (te = k(t == null ? void 0 : t.contents)) == null ? void 0 : te.map((i) => ({ [i.label]: i.value }));
+                  o.push(((ne = m == null ? void 0 : m.find((i) => (i == null ? void 0 : i.value) === (t == null ? void 0 : t.key))) == null ? void 0 : ne.key) + "=" + JSON.stringify(D) + "/r/n");
+                } else {
+                  let D = [];
+                  (ae = k(t == null ? void 0 : t.contents)) == null || ae.reduce((i, H) => {
+                    var ce;
+                    return i[H.label] = H.key, ((ce = Object.keys(k(i))) == null ? void 0 : ce.length) >= H.width && (D.push(k(i)), i = {}), i;
+                  }, {}), o.push(((oe = m == null ? void 0 : m.find((i) => (i == null ? void 0 : i.value) === (t == null ? void 0 : t.key))) == null ? void 0 : oe.key) + "=" + JSON.stringify(D) + "/r/n");
+                }
+              else if (Object.keys(I).includes("label")) {
+                const D = (le = k(t == null ? void 0 : t.contents)) == null ? void 0 : le.map((i) => i.label);
+                o.push(((se = m == null ? void 0 : m.find((i) => (i == null ? void 0 : i.value) === (t == null ? void 0 : t.key))) == null ? void 0 : se.key) + "=" + JSON.stringify(D) + "/r/n");
+              } else
+                o.push(((re = m == null ? void 0 : m.find((D) => (D == null ? void 0 : D.value) === (t == null ? void 0 : t.key))) == null ? void 0 : re.key) + "=" + JSON.stringify(t == null ? void 0 : t.contents) + "/r/n");
+            }
+        });
+      }), JSON.stringify(o);
+    }, N = w([]), G = () => {
+      S.value.click();
+    }, de = (u) => {
+      const o = u.target.files[0];
+      if (!o) return;
+      const C = new FileReader();
+      C.onload = (a) => {
+        try {
+          f.value = a.target.result, N.value = me(a.target.result), n.value++;
+        } catch (x) {
+          console.error("解析失败:", x);
+        }
+      }, C.onerror = (a) => {
+        console.error("文件读取错误:", a);
+      }, C.readAsText(o);
+    };
+    _e(() => {
+      window.addEventListener("resize", g);
+    }), J(
+      () => [e == null ? void 0 : e.content, e == null ? void 0 : e.jsonContents],
+      () => {
+        f.value = e == null ? void 0 : e.content, l.value = e == null ? void 0 : e.jsonContents;
+      },
+      { deep: !0, immediate: !0 }
+    ), J(
+      () => n.value,
+      () => {
+        var u;
+        ((u = N.value) == null ? void 0 : u.length) !== 0 && (h.setOriginalData(N.value), h.setItemData(N.value));
+      },
+      { deep: !0, immediate: !0 }
+    );
+    const me = (u) => {
+      let o = u.replace(/，/g, ",").replace(/；/g, ";").replace(/：/g, ":");
+      o = o.replace(/(\w+)\s*:/g, "$1:"), o = o.replace(/\r\n/g, "").replace(/\n/g, "").replace(/\t/g, "").replace(/\s+/g, " ").trim(), o = o.replace(/,\s*([}\]])/g, "$1"), o = o.replace(/:(\s*)([^"{}\[\],\s]+)(\s*)([,}])/g, ": $2$4");
+      try {
+        return JSON.parse(o);
+      } catch (C) {
+        try {
+          const x = new Function(`return ${o}`)();
+          if (Array.isArray(x) || typeof x == "object")
+            return x;
+          throw new Error(`解析结果不是有效的数组或对象: ${C}`);
+        } catch (a) {
+          throw new Error(`无法解析JSON: ${a.message}`);
+        }
+      }
+    };
+    return (u, o) => {
+      var C;
+      return r(), _("div", Je, [
+        ((C = e == null ? void 0 : e.jsonContents) == null ? void 0 : C.length) === 0 ? (r(), _("div", Ae, [
+          b("div", Le, [
+            b("input", {
+              type: "file",
+              ref_key: "fileInput",
+              ref: S,
+              accept: ".txt",
+              onChange: de,
+              style: { display: "none" }
+            }, null, 544),
+            b("button", {
+              onClick: G,
+              class: "import-button-content"
+            }, "导入文件"),
+            c.value ? (r(), _("span", Me, E(c.value), 1)) : v("", !0)
+          ])
+        ])) : v("", !0),
+        (e == null ? void 0 : e.mode) === "edit" ? (r(), _("div", Re, [
+          b("div", ze, [
+            z(De)
+          ]),
+          (r(), _("div", {
+            class: "model-show",
+            key: y.value
+          }, [
+            z(Te)
+          ])),
+          b("div", We, [
+            z(Oe)
+          ])
+        ])) : v("", !0),
+        (e == null ? void 0 : e.mode) === "view" ? (r(), _("div", Ue, [
+          (r(), B(Ee, {
+            content: f.value,
+            onChange: d,
+            jsonContents: l.value,
+            key: y.value
+          }, null, 8, ["content", "jsonContents"]))
+        ])) : v("", !0)
+      ]);
+    };
+  }
+}, Xe = /* @__PURE__ */ R(qe, [["__scopeId", "data-v-b25bde75"]]);
+export {
+  Xe as default
+};