ss-component-new 1.1.65 → 1.1.67

package/dist/{index-BvoThyOF.js → index-DiAssal2.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-oGClEGzK.js";
+import { u as q, s as E } from "./menu-D6yKPqgS.js";
 import { _ as F } from "./_plugin-vue_export-helper-B7R8Jogt.js";
 const R = /* @__PURE__ */ g({
   __name: "menuItem",

package/dist/index-K2751gew.js

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