ss-component-new 1.1.33 → 1.1.35

package/dist/{index-BbRwol9Q.js → index-BvoThyOF.js}

@@ -1,5 +1,5 @@
 import { defineComponent as g, onMounted as A, resolveComponent as l, createElementBlock as _, openBlock as o, Fragment as d, 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 } from "./menu-CER-9e62.js";
+import { u as q, s as E } from "./menu-oGClEGzK.js";
 import { _ as F } from "./_plugin-vue_export-helper-B7R8Jogt.js";
 const R = /* @__PURE__ */ g({
   __name: "menuItem",

package/dist/{index-CVUTr_Jx.js → index-BxaQLJoi.js}

@@ -1,8 +1,8 @@
-import { defineAsyncComponent as j, computed as $, onMounted as O, resolveComponent as A, createBlock as C, openBlock as b, withCtx as F, resolveDynamicComponent as B, defineComponent as U, ref as v, watch as G, createVNode as V, createElementVNode as q, toDisplayString as z } from "vue";
-import { E as y, u as H, s as E } from "./menu-CER-9e62.js";
-import { u as J } from "./modelComp-BrI6MfnJ.js";
+import { defineAsyncComponent as j, computed as E, onMounted as O, resolveComponent as A, createBlock as C, openBlock as b, 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 } from "./menu-oGClEGzK.js";
+import { u as J } from "./modelComp-CqA1NVfH.js";
 import { c as _, _ as K } from "./_plugin-vue_export-helper-B7R8Jogt.js";
-const D = j(() => import("./index-BbRwol9Q.js"));
+const D = j(() => import("./index-BvoThyOF.js"));
 D.install = (r) => {
   r.component("ssMenu", D);
 };
@@ -12,7 +12,7 @@ const Q = {
     name: String
   },
   setup(r) {
-    const c = r, p = $(() => y[c.name]);
+    const c = r, p = E(() => y[c.name]);
     return O(() => {
       const m = Object.keys(y);
       console.log("iconComponent", p.value, c.name, y, m);
@@ -33,7 +33,7 @@ const Q = {
     DynamicIcon: Q
   },
   setup() {
-    const r = H(), c = J(), { rawMenu: p, menuTriggerType: m } = E(r), { itemData: f } = E(c), d = v([]);
+    const r = H(), c = J(), { rawMenu: p, menuTriggerType: m } = v(r), { itemData: f } = v(c), d = $([]);
     let M;
     ((e) => {
       e[e.Menu = 0] = "Menu", e[e.FolderOpened = 1] = "FolderOpened";
@@ -78,7 +78,7 @@ const Q = {
         };
         return a.children && a.children.length > 0 && (l.children = S(a.children, i, n + 1)), l;
       });
-    }, T = $(() => {
+    }, T = E(() => {
       const e = S(d.value);
       return console.log("temps", e), r.setMenus(e), e;
     }), k = (e) => {
@@ -87,7 +87,7 @@ const Q = {
       m.value === "click" ? r.setActiveMenuPath(e) : r.setMenuTriggerType("click");
     }, L = (e) => {
       r.setActiveMenuPath(e);
-    }, N = v([
+    }, N = $([
       {
         name: "--ssComponent-menu-bg",
         value: "#426ec4"

package/dist/index-CCk26goC.js

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