ss-component-new 1.1.18 → 1.1.20

package/dist/index-BclS1yqg.js

@@ -0,0 +1,162 @@
+import { defineAsyncComponent as j, computed as E, onMounted as O, resolveComponent as A, createBlock as b, openBlock as C, withCtx as F, resolveDynamicComponent as B, defineComponent as U, ref as $, watch as G, createVNode as V, createElementVNode as q, toDisplayString as z } from "vue";
+import { E as y, u as H, s as v, c as _, _ as J } from "./menu-V9qTN_Cu.js";
+import { u as K } from "./modelComp-BHNLY0cK.js";
+const D = j(() => import("./index-CYJSOYY9.js"));
+D.install = (o) => {
+  o.component("ssMenu", D);
+};
+const Q = {
+  __name: "index",
+  props: {
+    name: String
+  },
+  setup(o) {
+    const c = o, p = E(() => y[c.name]);
+    return O(() => {
+      const m = Object.keys(y);
+      console.log("iconComponent", p.value, c.name, y, m);
+    }), (m, f) => {
+      const d = A("el-icon");
+      return C(), b(d, null, {
+        default: F(() => [
+          (C(), b(B(p.value)))
+        ]),
+        _: 1
+      });
+    };
+  }
+}, W = U({
+  name: "menu",
+  components: {
+    ssMenu: D,
+    DynamicIcon: Q
+  },
+  setup() {
+    const o = H(), c = K(), { rawMenu: p, menuTriggerType: m } = v(o), { itemData: f } = v(c), d = $([]);
+    let M;
+    ((e) => {
+      e[e.Menu = 0] = "Menu", e[e.FolderOpened = 1] = "FolderOpened";
+    })(M || (M = {}));
+    const g = (e) => {
+      let r = [], n = [];
+      return e == null || e.forEach((s) => {
+        r = h(s, n);
+      }), console.log("splitMenu", r), r;
+    }, h = (e, r) => {
+      const n = r, s = [];
+      e == null || e.forEach((t) => {
+        Array.isArray(t) ? s.push({ children: h(t, []) }) : s.push({ title: t });
+      });
+      let u = s.reduce((t, a) => (Object.entries(a).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 u = I(_(u)), n.push(u), Array.isArray(n) && (n == null ? void 0 : n.length) > 1 ? n : n == null ? void 0 : n[0];
+    }, I = (e) => {
+      var r, n, s;
+      return Array.isArray(e == null ? void 0 : e.title) && ((r = e == null ? void 0 : e.title) == null ? void 0 : r.length) === ((s = (n = e == null ? void 0 : e.title) == null ? void 0 : n.filter((u) => u.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 n;
+      const r = e;
+      return r.children = (n = r.children) == null ? void 0 : n.map((s) => {
+        var u;
+        return (u = s == null ? void 0 : s.title) != null && u.children ? s == null ? void 0 : s.title : s;
+      }), r;
+    }, S = (e, r = "", n = 0) => {
+      var t;
+      const s = _(f.value), u = (t = s == null ? void 0 : s.filter((a) => {
+        var i;
+        return ((i = a.comp) == null ? void 0 : i.toUpperCase()) === "GROUP";
+      })) == null ? void 0 : t.map((a) => a.name);
+      return e == null ? void 0 : e.map((a) => {
+        const i = r ? `${r}/${a.title}` : a.title, l = {
+          ...a,
+          path: i,
+          level: n,
+          icon: M[`${n}`],
+          carryData: u == null ? void 0 : u.includes(i)
+        };
+        return a.children && a.children.length > 0 && (l.children = S(a.children, i, n + 1)), l;
+      });
+    }, T = E(() => {
+      const e = S(d.value);
+      return console.log("temps", e), o.setMenus(e), e;
+    }), k = (e) => {
+      console.log("clickMenu", e), o.setMenuTriggerType("click"), o.setActiveMenuPath(e == null ? void 0 : e.path);
+    }, w = (e) => {
+      m.value === "click" ? o.setActiveMenuPath(e) : o.setMenuTriggerType("click");
+    }, L = (e) => {
+      o.setActiveMenuPath(e);
+    }, N = $([
+      {
+        name: "--el-menu-bg",
+        value: "#426ec4"
+      },
+      {
+        name: "--el-submenu-hover-bg",
+        value: "#00000033"
+      },
+      {
+        name: "--el-submenu-open-bg",
+        value: "#2DA0FF"
+      },
+      {
+        name: "--el-submenu-open-inline-bg",
+        value: "#1C4275"
+      },
+      {
+        name: "--el-menuitem-hover-bg",
+        value: "#1d7bef"
+      },
+      {
+        name: "--el-menuitem-active-bg",
+        value: "#1d7bef"
+      }
+    ]), R = () => {
+      var r;
+      const e = document.documentElement;
+      (r = N.value) == null || r.forEach((n) => {
+        e.style.setProperty(n.name, n.value);
+      });
+    };
+    return O(() => {
+    }), G(() => p.value, (e) => {
+      var r, n, s;
+      if (e) {
+        const u = (s = (n = (r = _(e)) == null ? void 0 : r.compData) == null ? void 0 : n[0]) == null ? void 0 : s.contents;
+        d.value = g(u), console.log("rawMenu", T.value);
+      } else
+        o.setActiveMenuPath("");
+    }, {
+      immediate: !0
+    }), {
+      renderMenuList: T,
+      clickMenu: k,
+      openMenu: w,
+      closeMenu: L,
+      changeMenuStyle: R
+    };
+  }
+});
+function X(o, c, p, m, f, d) {
+  const M = A("DynamicIcon"), g = A("ssMenu");
+  return C(), b(g, {
+    menuList: o.renderMenuList,
+    onClickMenu: o.clickMenu,
+    onOpenMenu: o.openMenu,
+    onCloseMenu: o.closeMenu,
+    onChangeMenuStyle: o.changeMenuStyle,
+    class: "menuList-wrap"
+  }, {
+    title: F(({ menu: h }) => [
+      V(M, {
+        name: h.icon ?? ""
+      }, null, 8, ["name"]),
+      q("span", null, z(h.title ?? ""), 1)
+    ]),
+    _: 1
+  }, 8, ["menuList", "onClickMenu", "onOpenMenu", "onCloseMenu", "onChangeMenuStyle"]);
+}
+const ee = /* @__PURE__ */ J(W, [["render", X], ["__scopeId", "data-v-e6e5db88"]]);
+export {
+  ee as default
+};

package/dist/{index-BFdnTJMh.js → index-CYJSOYY9.js}

@@ -1,6 +1,6 @@
-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-hS9inuNL.js";
-const F = /* @__PURE__ */ S({
+import { defineComponent as g, onMounted as A, resolveComponent as l, createElementBlock as d, openBlock as o, Fragment as _, renderList as m, createBlock as r, withCtx as s, createVNode as I, createSlots as b, renderSlot as u, mergeProps as O, computed as S } from "vue";
+import { u as q, s as E, _ as F } from "./menu-V9qTN_Cu.js";
+const R = /* @__PURE__ */ g({
   __name: "menuItem",
   props: {
     menuList: {
@@ -10,19 +10,19 @@ const F = /* @__PURE__ */ S({
     }
   },
   emits: ["clickMenu", "openMenu", "closeMenu"],
-  setup(f, { emit: h }) {
-    const c = h, a = (n) => {
+  setup(M, { emit: f }) {
+    const c = f, a = (n) => {
       c("clickMenu", n);
-    }, k = (n) => {
+    }, h = (n) => {
       c("openMenu", n);
     }, i = (n) => {
       c("closeMenu", n);
     };
     return A(() => {
-    }), (n, v) => {
-      const p = l("MenuItem", !0), C = l("el-sub-menu"), $ = l("el-menu-item");
-      return o(!0), d(m, null, M(f.menuList, (e) => (o(), d(m, null, [
-        e.children && e.children.length > 0 ? (o(), r(C, {
+    }), (n, y) => {
+      const k = l("MenuItem", !0), v = l("el-sub-menu"), C = l("el-menu-item");
+      return o(!0), d(_, null, m(M.menuList, (e) => (o(), d(_, null, [
+        e.children && e.children.length > 0 ? (o(), r(v, {
           index: e.path,
           key: e.path
         }, {
@@ -30,25 +30,25 @@ const F = /* @__PURE__ */ S({
             u(n.$slots, "title", { menu: e })
           ]),
           default: s(() => [
-            b(p, {
+            I(k, {
               menuList: e.children,
               onClickMenu: a,
-              onOpenMenu: k,
+              onOpenMenu: h,
               onCloseMenu: i
-            }, g({ _: 2 }, [
-              M(n.$slots, (y, _) => ({
-                name: _,
-                fn: s((L) => [
-                  u(n.$slots, _, O({ ref_for: !0 }, L))
+            }, b({ _: 2 }, [
+              m(n.$slots, (L, p) => ({
+                name: p,
+                fn: s(($) => [
+                  u(n.$slots, p, O({ ref_for: !0 }, $))
                 ])
               }))
             ]), 1032, ["menuList"])
           ]),
           _: 2
-        }, 1032, ["index"])) : (o(), r($, {
+        }, 1032, ["index"])) : (o(), r(C, {
           index: e.path,
           key: e.path,
-          onClick: (y) => a(e)
+          onClick: (L) => a(e)
         }, {
           title: s(() => [
             u(n.$slots, "title", { menu: e })
@@ -58,11 +58,8 @@ const F = /* @__PURE__ */ S({
       ], 64))), 256);
     };
   }
-}), T = {
-  name: "MenuRecursive"
-  // 必须定义 name 才能递归
-}, V = /* @__PURE__ */ S({
-  ...T,
+}), T = /* @__PURE__ */ g({
+  __name: "index",
   props: {
     menuList: {
       // 注意prop变量类型定义的写法：PropType
@@ -70,31 +67,31 @@ const F = /* @__PURE__ */ S({
       default: () => []
     }
   },
-  emits: ["clickMenu", "openMenu", "closeMenu"],
-  setup(f, { emit: h }) {
-    const c = R(), { activeMenuPath: a, activeMenuOpenPaths: k } = q(c), i = h, n = (e) => {
+  emits: ["clickMenu", "openMenu", "closeMenu", "changeMenuStyle"],
+  setup(M, { emit: f }) {
+    const c = q(), { activeMenuPath: a, activeMenuOpenPaths: h } = E(c), i = f, n = (e) => {
       i("clickMenu", e);
-    }, v = (e) => {
+    }, y = (e) => {
       i("openMenu", e), console.log("openMenu2", e);
-    }, p = (e) => {
+    }, k = (e) => {
       i("closeMenu", e);
-    }, C = I(() => a.value), $ = I(() => k.value);
-    return (e, y) => {
-      const _ = l("el-sub-menu"), L = l("el-menu-item"), B = l("el-menu");
+    }, v = S(() => a.value), C = S(() => h.value);
+    return (e, L) => {
+      const p = l("el-sub-menu"), $ = l("el-menu-item"), B = l("el-menu");
       return o(), r(B, {
         class: "menu-wrap",
         router: "",
-        "default-active": C.value,
-        "default-openeds": $.value,
+        "default-active": v.value,
+        "default-openeds": C.value,
         "unique-opened": !0,
         "collapse-transition": !1,
         "popper-offset": 12,
-        onOpen: v,
-        onClose: p
+        onOpen: y,
+        onClose: k
       }, {
         default: s(() => [
-          (o(!0), d(m, null, M(f.menuList, (t) => (o(), d(m, null, [
-            t.children && t.children.length > 0 ? (o(), r(_, {
+          (o(!0), d(_, null, m(M.menuList, (t) => (o(), d(_, null, [
+            t.children && t.children.length > 0 ? (o(), r(p, {
               index: t.path,
               key: t.path
             }, {
@@ -102,13 +99,11 @@ const F = /* @__PURE__ */ S({
                 u(e.$slots, "title", { menu: t }, void 0, !0)
               ]),
               default: s(() => [
-                b(F, {
+                I(R, {
                   menuList: t.children,
-                  onClickMenu: n,
-                  onOpenMenu: v,
-                  onCloseMenu: p
-                }, g({ _: 2 }, [
-                  M(e.$slots, (P, x) => ({
+                  onClickMenu: n
+                }, b({ _: 2 }, [
+                  m(e.$slots, (P, x) => ({
                     name: x,
                     fn: s((w) => [
                       u(e.$slots, x, O({ ref_for: !0 }, w), void 0, !0)
@@ -117,7 +112,7 @@ const F = /* @__PURE__ */ S({
                 ]), 1032, ["menuList"])
               ]),
               _: 2
-            }, 1032, ["index"])) : (o(), r(L, {
+            }, 1032, ["index"])) : (o(), r($, {
               index: t.path,
               key: t.path,
               onClick: (P) => n(t)
@@ -133,7 +128,7 @@ const F = /* @__PURE__ */ S({
       }, 8, ["default-active", "default-openeds"]);
     };
   }
-}), D = /* @__PURE__ */ E(V, [["__scopeId", "data-v-6cdfb310"]]);
+}), z = /* @__PURE__ */ F(T, [["__scopeId", "data-v-af84dbc4"]]);
 export {
-  D as default
+  z as default
 };

package/dist/index-V133QAT6.js

@@ -0,0 +1,339 @@
+import { ref as k, onMounted as H, createElementBlock as f, openBlock as c, Fragment as L, renderList as W, createElementVNode as T, createCommentVNode as A, toDisplayString as J, watch as F, createVNode as O, unref as w, createBlock as P, resolveDynamicComponent as Q } from "vue";
+import { p as E, u as X, d as Z, e as ee, g as te, m as ae, a as ne, b as oe, c as se } from "./array-BJkGW7C1.js";
+import { u as Y } from "./modelComp-BHNLY0cK.js";
+import { _ as R, u as q, s as N, c as j } from "./menu-V9qTN_Cu.js";
+import le from "./index-BclS1yqg.js";
+const re = { class: "bread-content" }, ce = ["onClick"], ue = { key: 0 }, ie = {
+  __name: "index",
+  props: {
+    breadArray: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ["click"],
+  setup(v, { emit: y }) {
+    const t = v, _ = k([]), u = y;
+    H(() => {
+      _.value = t == null ? void 0 : t.breadArray;
+    });
+    const d = (m) => {
+      u("click", m);
+    };
+    return (m, i) => (c(), f("div", re, [
+      (c(!0), f(L, null, W(_.value, (D, B) => (c(), f("div", {
+        key: B,
+        class: "bread-item"
+      }, [
+        T("div", {
+          class: "bread-title",
+          onClick: (U) => d(D)
+        }, J(D.value), 9, ce),
+        B !== _.value.length - 1 ? (c(), f("div", ue, J("/"))) : A("", !0)
+      ]))), 128))
+    ]));
+  }
+}, de = /* @__PURE__ */ R(ie, [["__scopeId", "data-v-d55d3ede"]]);
+function me(v) {
+  const y = [], t = {
+    "(": ")",
+    "{": "}",
+    "[": "]"
+  };
+  for (let _ = 0; _ < v.length; _++) {
+    const u = v[_];
+    if (t[u])
+      y.push(u);
+    else if (Object.values(t).includes(u)) {
+      const d = y.pop();
+      if (console.log("stack", y, d, t[d]), t[d] !== u)
+        return !1;
+    }
+  }
+  return y.length === 0;
+}
+function he(v) {
+  var _, u, d, m;
+  const y = (u = (_ = v[0]) == null ? void 0 : _.compData) == null ? void 0 : u.filter((i) => i.key !== "formContent"), t = (m = (d = v[0]) == null ? void 0 : d.compData) == null ? void 0 : m.filter((i) => i.key === "formContent");
+  console.log("handleFormModel：", y, t, v);
+}
+const fe = { class: "system-wrap" }, _e = {
+  key: 0,
+  class: "show-content"
+}, ve = {
+  key: 0,
+  class: "item-menu-content"
+}, ye = {
+  key: 0,
+  class: "item-view-group"
+}, ge = {
+  __name: "index",
+  props: {
+    content: String,
+    jsonContents: Array
+  },
+  emits: ["change"],
+  setup(v, { emit: y }) {
+    const t = v, _ = y, u = Y(E);
+    X(E);
+    const d = q(), { itemData: m } = N(u), i = Z(E), { activeMenuPath: D, activeMenuOpenPaths: B, menuTriggerType: U, menus: z } = N(d), { selectIndex: $, selectTitle: g } = N(i), S = k([]), M = k([]), x = (e) => {
+      _("change", {
+        wholeValue: S.value,
+        editValue: e
+      });
+    }, V = (e) => {
+      var o, p;
+      const s = j(S.value), l = s == null ? void 0 : s.map((r, C) => (C === (e == null ? void 0 : e.index) && (r.compData = e == null ? void 0 : e.contents), r));
+      let n = "";
+      (p = (o = j(l)) == null ? void 0 : o.filter((r) => (r == null ? void 0 : r.comp) === "Form")) == null || p.forEach((r) => {
+        var C;
+        (C = r == null ? void 0 : r.compData) == null || C.forEach((h) => {
+          var I;
+          (h == null ? void 0 : h.key) === "formContent" && ((I = h == null ? void 0 : h.contents) == null || I.forEach((b) => {
+            b.value !== "" && (n = n === "" ? b == null ? void 0 : b.value : n + "-" + (b == null ? void 0 : b.value));
+          }));
+        });
+      });
+      let a = g == null ? void 0 : g.value;
+      (a == null ? void 0 : a.length) > 0 ? a[0] = { key: "main", value: n } : (Array.isArray(a) || (a = []), a.push({ key: "main", value: n })), i.setSelectTitle(a), S.value = l;
+    }, G = (e) => {
+      var s, l;
+      if ((e == null ? void 0 : e.key) === "main")
+        i.setSelectIndex(""), i.setSelectMenu(""), i.setSelectTitle((s = g.value) == null ? void 0 : s[0]);
+      else {
+        const n = [];
+        let a = -1;
+        (l = g.value) == null || l.forEach((o, p) => {
+          (o == null ? void 0 : o.key) === (e == null ? void 0 : e.key) && (a = p), (a === -1 || a >= p) && n.push(o);
+        }), i.setSelectTitle(n), i.setSelectMenu(e == null ? void 0 : e.key);
+      }
+    };
+    F(
+      () => m.value,
+      () => {
+        var s, l, n, a, o, p, r, C;
+        if (!m.value || ((s = m.value) == null ? void 0 : s.length) === 0) return;
+        let e = null;
+        if (!D.value)
+          e = (n = (l = j(m.value)) == null ? void 0 : l.filter((h) => (h == null ? void 0 : h.comp) === "Group")) == null ? void 0 : n[0], d.setActiveMenuPath(e == null ? void 0 : e.name);
+        else {
+          const h = (a = j(m.value)) == null ? void 0 : a.filter((I) => (I == null ? void 0 : I.comp) === "Group");
+          e = h == null ? void 0 : h.find((I) => I.name === D.value);
+        }
+        M.value = (p = (o = e == null ? void 0 : e.compData) == null ? void 0 : o[0]) == null ? void 0 : p.contents, S.value = (C = (r = e == null ? void 0 : e.compData) == null ? void 0 : r[0]) == null ? void 0 : C.contents, console.log("itemData监听", e, D.value, m.value);
+      },
+      { deep: !0, immediate: !0 }
+    ), F(() => D.value, (e) => {
+      var s, l, n, a, o, p;
+      if (e) {
+        const r = (s = j(m.value)) == null ? void 0 : s.find((C) => C.name === e);
+        if (e && r) {
+          M.value = (n = (l = r == null ? void 0 : r.compData) == null ? void 0 : l[0]) == null ? void 0 : n.contents, S.value = (o = (a = r == null ? void 0 : r.compData) == null ? void 0 : a[0]) == null ? void 0 : o.contents, console.log("点击-新-data：", e, M.value);
+          const C = (p = M.value) == null ? void 0 : p.filter((h) => h.comp === "Form");
+          he(C);
+        } else
+          M.value = [], S.value = [];
+        i.setSelectTitle([]), i.setSelectIndex(""), i.setSelectMenu("");
+      }
+    }, {
+      immediate: !0
+    }), F(
+      () => [t == null ? void 0 : t.content, t == null ? void 0 : t.jsonContents],
+      () => {
+        var n;
+        if (((n = t == null ? void 0 : t.jsonContents) == null ? void 0 : n.length) > 0) {
+          u.setOriginalData(t == null ? void 0 : t.jsonContents), u.setItemData(t == null ? void 0 : t.jsonContents);
+          return;
+        }
+        if (!(t != null && t.content) || (t == null ? void 0 : t.content) === "") return;
+        const e = ee(t == null ? void 0 : t.content);
+        console.log("newViewContents", e);
+        const s = Array.isArray(e) && (e == null ? void 0 : e.find((a) => {
+          var o;
+          return ((o = a.comp) == null ? void 0 : o.toUpperCase()) === "MENU";
+        }));
+        d.setRawMenu(s ?? {});
+        const l = Array.isArray(e) && (e == null ? void 0 : e.find((a) => {
+          var o;
+          return ((o = a.comp) == null ? void 0 : o.toUpperCase()) === "SYSTEM";
+        }));
+        d.setSystemKey((l == null ? void 0 : l.name) ?? ""), u.setOriginalData(e), u.setItemData(e);
+      },
+      { deep: !0, immediate: !0 }
+    );
+    const K = (e) => te(e);
+    return (e, s) => {
+      var l, n;
+      return c(), f("div", fe, [
+        O(le, { class: "sys-aside" }),
+        ((l = M.value) == null ? void 0 : l.length) > 0 ? (c(), f("div", _e, [
+          ((n = w(g)) == null ? void 0 : n.length) > 1 ? (c(), f("div", ve, [
+            (c(), P(de, {
+              key: w(g),
+              breadArray: w(g),
+              onClick: G
+            }, null, 8, ["breadArray"]))
+          ])) : A("", !0),
+          (c(!0), f(L, null, W(M.value, (a, o) => (c(), f("div", {
+            class: "item-content",
+            key: o
+          }, [
+            w($) === "" || o.toString() === w($) ? (c(), f("div", ye, J(a.name), 1)) : A("", !0),
+            w($) === "" || o.toString() === w($) ? (c(), P(Q(K(a.comp)), {
+              itemData: a == null ? void 0 : a.compData,
+              childItemData: a == null ? void 0 : a.itemChildData,
+              key: o,
+              onChange: x,
+              index: o,
+              onContentChange: V
+            }, null, 40, ["itemData", "childItemData", "index"])) : A("", !0)
+          ]))), 128))
+        ])) : A("", !0)
+      ]);
+    };
+  }
+}, pe = /* @__PURE__ */ R(ge, [["__scopeId", "data-v-f531270a"]]), Ce = { class: "add-model-content" }, ke = {
+  key: 0,
+  class: "model-import-data"
+}, De = { class: "import-button" }, Se = { key: 0 }, Me = {
+  key: 1,
+  class: "model-operate"
+}, Ae = { class: "model-select" }, Ie = { class: "model-fill" }, $e = {
+  key: 2,
+  class: "model-view"
+}, be = {
+  __name: "index",
+  props: {
+    mode: {
+      type: String,
+      default: "view"
+    },
+    content: {
+      type: String,
+      default: ""
+    },
+    jsonContents: {
+      type: Array,
+      default: () => []
+    },
+    showButton: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["change"],
+  setup(v, { emit: y }) {
+    const t = v, _ = y, u = k(""), d = k([]), m = k(0), i = Y(E), D = q(E), { itemData: B, originalData: U } = N(i), { activeMenuPath: z } = N(D), $ = k(null), g = k(0), S = k(""), M = (e) => {
+      var l;
+      const s = (l = j(e == null ? void 0 : e.wholeValue)) == null ? void 0 : l.map((n) => {
+        var a;
+        return (n == null ? void 0 : n.comp) === "Form" && (n.compData = (a = n.compData) == null ? void 0 : a.map((o) => ((o == null ? void 0 : o.key) === "formContent" && (o.contents = se(o == null ? void 0 : o.contents)), o))), n;
+      });
+      _("change", {
+        originalContents: U.value,
+        currentContents: e == null ? void 0 : e.wholeValue,
+        editContent: e == null ? void 0 : e.editValue,
+        arrayToContents: s
+      });
+    }, x = k([]), V = () => {
+      $.value.click();
+    }, G = (e) => {
+      const s = e.target.files[0];
+      if (!s) return;
+      const l = new FileReader();
+      l.onload = (n) => {
+        try {
+          u.value = n.target.result;
+          const a = me(n.target.result);
+          console.log("handleFileChange-isValid", a), x.value = K(n.target.result), g.value++;
+        } catch (a) {
+          console.error("解析失败:", a);
+        }
+      }, l.onerror = (n) => {
+        console.error("文件读取错误:", n);
+      }, l.readAsText(s);
+    };
+    F(
+      () => [t == null ? void 0 : t.content, t == null ? void 0 : t.jsonContents],
+      () => {
+        u.value = t == null ? void 0 : t.content, d.value = t == null ? void 0 : t.jsonContents;
+      },
+      { deep: !0, immediate: !0 }
+    ), F(
+      () => g.value,
+      () => {
+        var e;
+        ((e = x.value) == null ? void 0 : e.length) !== 0 && (i.setOriginalData(x.value), i.setItemData(x.value));
+      },
+      { deep: !0, immediate: !0 }
+    );
+    const K = (e) => {
+      let s = e.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 (l) {
+        try {
+          const a = new Function(`return ${s}`)();
+          if (Array.isArray(a) || typeof a == "object")
+            return a;
+          throw new Error(`解析结果不是有效的数组或对象: ${l}`);
+        } catch (n) {
+          throw new Error(`无法解析JSON: ${n.message}`);
+        }
+      }
+    };
+    return (e, s) => {
+      var l;
+      return c(), f("div", Ce, [
+        ((l = t == null ? void 0 : t.jsonContents) == null ? void 0 : l.length) === 0 && (t != null && t.showButton) ? (c(), f("div", ke, [
+          T("div", De, [
+            T("input", {
+              type: "file",
+              ref_key: "fileInput",
+              ref: $,
+              accept: ".txt",
+              onChange: G,
+              style: { display: "none" }
+            }, null, 544),
+            T("button", {
+              onClick: V,
+              class: "import-button-content"
+            }, "导入文件"),
+            S.value ? (c(), f("span", Se, J(S.value), 1)) : A("", !0)
+          ])
+        ])) : A("", !0),
+        (t == null ? void 0 : t.mode) === "edit" ? (c(), f("div", Me, [
+          T("div", Ae, [
+            O(ae)
+          ]),
+          (c(), f("div", {
+            class: "model-show",
+            key: m.value
+          }, [
+            O(ne)
+          ])),
+          T("div", Ie, [
+            O(oe)
+          ])
+        ])) : A("", !0),
+        (t == null ? void 0 : t.mode) === "view" ? (c(), f("div", $e, [
+          (c(), P(pe, {
+            content: u.value,
+            onChange: M,
+            jsonContents: d.value,
+            key: m.value
+          }, null, 8, ["content", "jsonContents"]))
+        ])) : A("", !0)
+      ]);
+    };
+  }
+}, we = /* @__PURE__ */ R(be, [["__scopeId", "data-v-1a6c4322"]]), xe = {
+  __name: "index",
+  setup(v) {
+    return (y, t) => (c(), P(we, { class: "ssComponent" }));
+  }
+}, Be = /* @__PURE__ */ R(xe, [["__scopeId", "data-v-f196ec9f"]]);
+export {
+  Be as default
+};