ss-component-new 1.1.17 → 1.1.19

package/dist/{index-hjkvqVVf.js → index-BFdnTJMh.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-3a4UTvU1.js";
+import { u as R, s as q, _ as E } from "./menu-hS9inuNL.js";
 const F = /* @__PURE__ */ S({
   __name: "menuItem",
   props: {

package/dist/index-CHUtj0kp.js

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