ss-component-new 1.1.12 → 1.1.15

package/dist/index-ByNwKxm_.js

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