ss-component-new 1.1.19 → 1.1.21

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-Cj-7IvGD.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-5PDCbl8W.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-OhsC2sML.js

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