ss-component-new 1.1.8 → 1.1.10

package/dist/config.js

@@ -0,0 +1,10 @@
+window.__env__ = {
+  "VITE_PORT": "8888",
+  "VITE_OPEN": "true",
+  "VITE_OPEN_CDN": "false",
+  "VITE_PUBLIC_PATH": "",
+  "VITE_SM_PUBLIC_KEY": "0484C7466D950E120E5ECE5DD85D0C90EAA85081A3A2BD7C57AE6DC822EFCCBD66620C67B0103FC8DD280E36C3B282977B722AAEC3C56518EDCEBAFB72C5A05312",
+  "VITE_API_URL": "http://139.196.154.85:20013",
+  "VITE_DEFAULT_USER": "",
+  "VITE_DEFAULT_USER_PASSWORD": ""
+} 

package/dist/{index-DixPKGKu.js → index-B6eq-MSC.js}

@@ -1,6 +1,6 @@
 import { getCurrentInstance as ze, inject as Be, ref as k, computed as M, unref as x, readonly as wo, getCurrentScope as _o, onScopeDispose as Eo, onMounted as Dt, nextTick as Ke, watch as be, isRef as So, warn as Do, provide as Co, defineComponent as Ae, createElementBlock as T, openBlock as v, mergeProps as kn, renderSlot as de, normalizeClass as _e, createVNode as jt, Transition as An, withCtx as L, withDirectives as $n, createElementVNode as mt, normalizeStyle as se, createTextVNode as Mn, toDisplayString as me, vShow as Rn, shallowReactive as xo, createBlock as P, createCommentVNode as z, resolveDynamicComponent as Le, Fragment as ne, withModifiers as To, isVNode as Fn, render as on, resolveComponent as K, renderList as ue, createSlots as Bn, normalizeProps as Oo, guardReactiveProps as Io } from "vue";
-import { i as No, b as Po, e as Yt, S as rn, M as Vn, f as ko, h as Ao, w as $o, j as Mo, k as Ro, _ as Wt, c as Ct } from "./menu-qSnszHpf.js";
-import Fo from "./index-CgQCR4W5.js";
+import { i as No, b as Po, e as Yt, S as rn, M as Vn, f as ko, h as Ao, w as $o, j as Mo, k as Ro, _ as Wt, c as Ct } from "./menu-3a4UTvU1.js";
+import Fo from "./index-hjkvqVVf.js";
 /**!
  * Sortable 1.15.6
  * @author	RubaXa   <trash@rubaxa.org>
@@ -3111,6 +3111,7 @@ const ai = {
   }
 }, ci = /* @__PURE__ */ Wt(ui, [["__scopeId", "data-v-77ef4151"]]);
 export {
+  Fa as E,
   Ga as a,
   gi as i,
   ci as s

package/dist/index-C2Y-VOs_.js

@@ -0,0 +1,239 @@
+import { ref as _, watch as w, createElementBlock as d, openBlock as i, createVNode as j, createCommentVNode as D, Fragment as R, renderList as P, createElementVNode as C, createBlock as N, toDisplayString as B, resolveDynamicComponent as U, onMounted as z } from "vue";
+import { p as I, u as L, e as W, g as G, m as K, a as Y, b as q, c as H, s as Q } from "./array-0PzArXAH.js";
+import { u as O } from "./modelComp-BLx5jS0f.js";
+import { _ as E, u as V, s as F, c as A } from "./menu-3a4UTvU1.js";
+import X from "./index-vyAHI5uV.js";
+const Z = { class: "system-wrap" }, ee = {
+  key: 0,
+  class: "show-content"
+}, te = { class: "item-view-group" }, ae = {
+  __name: "index",
+  props: {
+    content: String,
+    jsonContents: Array
+  },
+  emits: ["change"],
+  setup(k, { emit: x }) {
+    const e = k, S = x, m = O(I);
+    L(I);
+    const y = V(), { itemData: h } = F(m), { activeMenuPath: p, activeMenuOpenPaths: J, menuTriggerType: T } = F(y), g = _([]), v = _([]), M = (t) => {
+      S("change", {
+        wholeValue: g.value,
+        editValue: t
+      });
+    }, $ = (t) => {
+      const c = A(g.value), l = c == null ? void 0 : c.map((n, a) => (a === (t == null ? void 0 : t.index) && (n.compData = t == null ? void 0 : t.contents), n));
+      g.value = l;
+    };
+    w(
+      () => h.value,
+      () => {
+        var c, l, n, a, s, o, r;
+        if (!h.value || ((c = h.value) == null ? void 0 : c.length) === 0) return;
+        const t = (n = (l = A(h.value)) == null ? void 0 : l.filter((u) => (u == null ? void 0 : u.comp) === "Group")) == null ? void 0 : n[0];
+        v.value = (s = (a = t == null ? void 0 : t.compData) == null ? void 0 : a[0]) == null ? void 0 : s.contents, g.value = (r = (o = t == null ? void 0 : t.compData) == null ? void 0 : o[0]) == null ? void 0 : r.contents, y.setActiveMenuPath(t == null ? void 0 : t.name);
+      },
+      { deep: !0, immediate: !0 }
+    ), w(() => p.value, (t) => {
+      var c, l, n, a, s;
+      if (t) {
+        const o = (c = A(h.value)) == null ? void 0 : c.find((r) => r.name === t);
+        t && o ? (v.value = (n = (l = o == null ? void 0 : o.compData) == null ? void 0 : l[0]) == null ? void 0 : n.contents, g.value = (s = (a = o == null ? void 0 : o.compData) == null ? void 0 : a[0]) == null ? void 0 : s.contents, console.log("点击-新-data：", t, v.value)) : (v.value = [], g.value = []);
+      }
+    }), w(
+      () => [e == null ? void 0 : e.content, e == null ? void 0 : e.jsonContents],
+      () => {
+        var n;
+        if (((n = e == null ? void 0 : e.jsonContents) == null ? void 0 : n.length) > 0) {
+          m.setOriginalData(e == null ? void 0 : e.jsonContents), m.setItemData(e == null ? void 0 : e.jsonContents);
+          return;
+        }
+        if (!(e != null && e.content) || (e == null ? void 0 : e.content) === "") return;
+        const t = W(e == null ? void 0 : e.content);
+        console.log("newViewContents", t);
+        const c = Array.isArray(t) && (t == null ? void 0 : t.find((a) => {
+          var s;
+          return ((s = a.comp) == null ? void 0 : s.toUpperCase()) === "MENU";
+        }));
+        y.setRawMenu(c ?? {});
+        const l = Array.isArray(t) && (t == null ? void 0 : t.find((a) => {
+          var s;
+          return ((s = a.comp) == null ? void 0 : s.toUpperCase()) === "SYSTEM";
+        }));
+        y.setSystemKey((l == null ? void 0 : l.name) ?? ""), m.setOriginalData(t), m.setItemData(t);
+      },
+      { deep: !0, immediate: !0 }
+    );
+    const b = (t) => G(t);
+    return (t, c) => {
+      var l;
+      return i(), d("div", Z, [
+        j(X, { class: "sys-aside" }),
+        ((l = v.value) == null ? void 0 : l.length) > 0 ? (i(), d("div", ee, [
+          (i(!0), d(R, null, P(v.value, (n, a) => (i(), d("div", {
+            class: "item-content",
+            key: a
+          }, [
+            C("div", te, B(n.name), 1),
+            (i(), N(U(b(n.comp)), {
+              itemData: n == null ? void 0 : n.compData,
+              childItemData: n == null ? void 0 : n.itemChildData,
+              key: a,
+              onChange: M,
+              index: a,
+              onContentChange: $
+            }, null, 40, ["itemData", "childItemData", "index"]))
+          ]))), 128))
+        ])) : D("", !0)
+      ]);
+    };
+  }
+}, se = /* @__PURE__ */ E(ae, [["__scopeId", "data-v-515aa723"]]), ne = { class: "add-model-content" }, oe = {
+  key: 0,
+  class: "model-import-data"
+}, re = { class: "import-button" }, le = { key: 0 }, ce = {
+  key: 1,
+  class: "model-operate"
+}, ie = { class: "model-select" }, ue = { class: "model-fill" }, de = {
+  key: 2,
+  class: "model-view"
+}, me = {
+  __name: "index",
+  props: {
+    mode: {
+      type: String,
+      default: "view"
+    },
+    content: {
+      type: String,
+      default: ""
+    },
+    jsonContents: {
+      type: Array,
+      default: () => []
+    },
+    showButton: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["change"],
+  setup(k, { emit: x }) {
+    const e = k, S = x, m = _(""), y = _([]), h = _(0), p = O(I);
+    V(I);
+    const { itemData: J, originalData: T } = F(p), g = _(null), v = _(0), M = _(""), $ = () => {
+      h.value = window.innerWidth;
+    }, b = (a) => {
+      var o;
+      const s = (o = A(a == null ? void 0 : a.wholeValue)) == null ? void 0 : o.map((r) => {
+        var u;
+        return (r == null ? void 0 : r.comp) === "Form" && (r.compData = (u = r.compData) == null ? void 0 : u.map((f) => ((f == null ? void 0 : f.key) === "formContent" && (f.contents = H(f == null ? void 0 : f.contents)), f))), r;
+      });
+      S("change", {
+        originalContents: T.value,
+        currentContents: a == null ? void 0 : a.wholeValue,
+        editContent: a == null ? void 0 : a.editValue,
+        arrayToContents: s
+      }), console.log("change", T.value, a, a == null ? void 0 : a.editValue), Q(a == null ? void 0 : a.wholeValue, a == null ? void 0 : a.editValue);
+    }, t = _([]), c = () => {
+      g.value.click();
+    }, l = (a) => {
+      const s = a.target.files[0];
+      if (!s) return;
+      const o = new FileReader();
+      o.onload = (r) => {
+        try {
+          m.value = r.target.result, t.value = n(r.target.result), v.value++;
+        } catch (u) {
+          console.error("解析失败:", u);
+        }
+      }, o.onerror = (r) => {
+        console.error("文件读取错误:", r);
+      }, o.readAsText(s);
+    };
+    z(() => {
+      window.addEventListener("resize", $);
+    }), w(
+      () => [e == null ? void 0 : e.content, e == null ? void 0 : e.jsonContents],
+      () => {
+        m.value = e == null ? void 0 : e.content, y.value = e == null ? void 0 : e.jsonContents;
+      },
+      { deep: !0, immediate: !0 }
+    ), w(
+      () => v.value,
+      () => {
+        var a;
+        ((a = t.value) == null ? void 0 : a.length) !== 0 && (p.setOriginalData(t.value), p.setItemData(t.value));
+      },
+      { deep: !0, immediate: !0 }
+    );
+    const n = (a) => {
+      let s = a.replace(/，/g, ",").replace(/；/g, ";").replace(/：/g, ":");
+      s = s.replace(/(\w+)\s*:/g, "$1:"), s = s.replace(/\r\n/g, "").replace(/\n/g, "").replace(/\t/g, "").replace(/\s+/g, " ").trim(), s = s.replace(/,\s*([}\]])/g, "$1"), s = s.replace(/:(\s*)([^"{}\[\],\s]+)(\s*)([,}])/g, ": $2$4");
+      try {
+        return JSON.parse(s);
+      } catch (o) {
+        try {
+          const u = new Function(`return ${s}`)();
+          if (Array.isArray(u) || typeof u == "object")
+            return u;
+          throw new Error(`解析结果不是有效的数组或对象: ${o}`);
+        } catch (r) {
+          throw new Error(`无法解析JSON: ${r.message}`);
+        }
+      }
+    };
+    return (a, s) => {
+      var o;
+      return i(), d("div", ne, [
+        ((o = e == null ? void 0 : e.jsonContents) == null ? void 0 : o.length) === 0 && (e != null && e.showButton) ? (i(), d("div", oe, [
+          C("div", re, [
+            C("input", {
+              type: "file",
+              ref_key: "fileInput",
+              ref: g,
+              accept: ".txt",
+              onChange: l,
+              style: { display: "none" }
+            }, null, 544),
+            C("button", {
+              onClick: c,
+              class: "import-button-content"
+            }, "导入文件"),
+            M.value ? (i(), d("span", le, B(M.value), 1)) : D("", !0)
+          ])
+        ])) : D("", !0),
+        (e == null ? void 0 : e.mode) === "edit" ? (i(), d("div", ce, [
+          C("div", ie, [
+            j(K)
+          ]),
+          (i(), d("div", {
+            class: "model-show",
+            key: h.value
+          }, [
+            j(Y)
+          ])),
+          C("div", ue, [
+            j(q)
+          ])
+        ])) : D("", !0),
+        (e == null ? void 0 : e.mode) === "view" ? (i(), d("div", de, [
+          (i(), N(se, {
+            content: m.value,
+            onChange: b,
+            jsonContents: y.value,
+            key: h.value
+          }, null, 8, ["content", "jsonContents"]))
+        ])) : D("", !0)
+      ]);
+    };
+  }
+}, he = /* @__PURE__ */ E(me, [["__scopeId", "data-v-a63b93f2"]]), ge = {
+  __name: "index",
+  setup(k) {
+    return (x, e) => (i(), N(he, { class: "ssComponent" }));
+  }
+}, pe = /* @__PURE__ */ E(ge, [["__scopeId", "data-v-f196ec9f"]]);
+export {
+  pe as default
+};

package/dist/{index-CgQCR4W5.js → index-hjkvqVVf.js}

@@ -1,5 +1,5 @@
 import { defineComponent as S, onMounted as A, resolveComponent as l, createElementBlock as d, openBlock as o, Fragment as m, renderList as M, createBlock as r, withCtx as s, createVNode as b, createSlots as g, renderSlot as u, mergeProps as O, computed as I } from "vue";
-import { u as R, s as q, _ as E } from "./menu-qSnszHpf.js";
+import { u as R, s as q, _ as E } from "./menu-3a4UTvU1.js";
 const F = /* @__PURE__ */ S({
   __name: "menuItem",
   props: {
@@ -133,7 +133,7 @@ const F = /* @__PURE__ */ S({
       }, 8, ["default-active", "default-openeds"]);
     };
   }
-}), D = /* @__PURE__ */ E(V, [["__scopeId", "data-v-18c3cabc"]]);
+}), D = /* @__PURE__ */ E(V, [["__scopeId", "data-v-6cdfb310"]]);
 export {
   D as default
 };

package/dist/index-vyAHI5uV.js

@@ -0,0 +1,110 @@
+import { defineAsyncComponent as B, computed as E, onMounted as F, resolveComponent as L, createBlock as f, openBlock as _, withCtx as b, resolveDynamicComponent as N, defineComponent as U, ref as G, watch as V, unref as q, createVNode as z, createElementVNode as H, toDisplayString as J } from "vue";
+import { E as M, u as K, s as C, c as D, _ as Q } from "./menu-3a4UTvU1.js";
+import { u as W } from "./modelComp-BLx5jS0f.js";
+const A = B(() => import("./index-hjkvqVVf.js"));
+A.install = (n) => {
+  n.component("ssMenu", A);
+};
+const X = {
+  __name: "index",
+  props: {
+    name: String
+  },
+  setup(n) {
+    const p = n, c = E(() => M[p.name]);
+    return F(() => {
+      const d = Object.keys(M);
+      console.log("iconComponent", c.value, p.name, M, d);
+    }), (d, g) => {
+      const m = L("el-icon");
+      return _(), f(m, null, {
+        default: b(() => [
+          (_(), f(N(c.value)))
+        ]),
+        _: 1
+      });
+    };
+  }
+};
+var S = /* @__PURE__ */ ((n) => (n[n.Menu = 0] = "Menu", n[n.FolderOpened = 1] = "FolderOpened", n[n.Cpu = 2] = "Cpu", n))(S || {});
+const Y = /* @__PURE__ */ U({
+  __name: "index",
+  setup(n) {
+    const p = K(), c = W(), { rawMenu: d } = C(p), { itemData: g } = C(c), m = G([]), $ = (e) => {
+      let o = [], r = [];
+      return e == null || e.forEach((s) => {
+        o = y(s, r);
+      }), console.log("splitMenu", o), o;
+    }, y = (e, o) => {
+      const r = o, s = [];
+      e == null || e.forEach((t) => {
+        Array.isArray(t) ? s.push({ children: y(t, []) }) : s.push({ title: t });
+      });
+      let a = s.reduce((t, u) => (Object.entries(u).forEach(([i, l]) => {
+        t[i] === void 0 ? l != null && l.title ? t[i] = [l] : t[i] = l : (Array.isArray(t[i]) || (t[i] = [{ title: t[i] }]), l != null && l.title ? t[i].push({ title: l == null ? void 0 : l.title }) : Array.isArray(l) ? t[i].push(l) : t[i].push({ title: l }));
+      }), t), {});
+      return a = w(D(a)), r.push(a), Array.isArray(r) && (r == null ? void 0 : r.length) > 1 ? r : r == null ? void 0 : r[0];
+    }, w = (e) => {
+      var o, r, s;
+      return Array.isArray(e == null ? void 0 : e.title) && ((o = e == null ? void 0 : e.title) == null ? void 0 : o.length) === ((s = (r = e == null ? void 0 : e.title) == null ? void 0 : r.filter((a) => a.title)) == null ? void 0 : s.length) ? e == null ? void 0 : e.title : Array.isArray(e == null ? void 0 : e.children) ? P(e) : e;
+    }, P = (e) => {
+      var r;
+      const o = e;
+      return o.children = (r = o.children) == null ? void 0 : r.map((s) => {
+        var a;
+        return (a = s == null ? void 0 : s.title) != null && a.children ? s == null ? void 0 : s.title : s;
+      }), o;
+    }, O = (e, o = "", r = 0) => {
+      var t;
+      const s = D(g.value), a = (t = s == null ? void 0 : s.filter((u) => {
+        var i;
+        return ((i = u.comp) == null ? void 0 : i.toUpperCase()) === "GROUP";
+      })) == null ? void 0 : t.map((u) => u.name);
+      return e == null ? void 0 : e.map((u) => {
+        const i = o ? `${o}/${u.title}` : u.title, l = {
+          ...u,
+          path: i,
+          level: r,
+          icon: S[`${r}`],
+          carryData: a == null ? void 0 : a.includes(i)
+        };
+        return u.children && u.children.length > 0 && (l.children = O(u.children, i, r + 1)), l;
+      });
+    }, h = E(() => {
+      const e = O(m.value);
+      return console.log("handleDefaultMenu", e), e;
+    }), R = (e) => {
+      console.log("clickMenu", e), p.setActiveMenuPath(e == null ? void 0 : e.path);
+    }, T = (e) => {
+      console.log("openMenu1", [e], h.value), p.setActiveMenuOpenPaths([e]), p.setActiveMenuPath(e);
+    }, j = (e) => {
+      p.setActiveMenuPath(e);
+    };
+    return V(() => d.value, (e) => {
+      var o, r;
+      if (e) {
+        const s = (r = (o = e.compData) == null ? void 0 : o[0]) == null ? void 0 : r.contents;
+        m.value = $(s), console.log("rawMenu", h.value);
+      }
+    }, {
+      immediate: !0
+    }), (e, o) => (_(), f(q(A), {
+      menuList: h.value,
+      onClickMenu: R,
+      onOpenMenu: T,
+      onCloseMenu: j,
+      class: "menuList-wrap"
+    }, {
+      title: b(({ menu: r }) => [
+        z(X, {
+          name: r.icon ?? ""
+        }, null, 8, ["name"]),
+        H("span", null, J(r.title ?? ""), 1)
+      ]),
+      _: 1
+    }, 8, ["menuList"]));
+  }
+}), k = /* @__PURE__ */ Q(Y, [["__scopeId", "data-v-ab1f8f79"]]);
+export {
+  k as default
+};

package/dist/main-u6Z66hys.js

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