ss-component-new 1.3.657 → 1.3.659

package/dist/index-ZPct7ETq.js

@@ -0,0 +1,180 @@
+import { defineComponent as q, resolveComponent as u, createElementBlock as k, openBlock as s, Fragment as y, renderList as C, createBlock as f, createCommentVNode as z, withCtx as o, createVNode as r, createSlots as O, renderSlot as d, mergeProps as P, computed as W, ref as j, normalizeStyle as g } from "vue";
+import { u as D, p as w, s as b, W as G, _ as H } from "./platform-BsULsE0-.js";
+import { S as $ } from "./index-C_HX7GAm.js";
+const J = /* @__PURE__ */ q({
+  __name: "menuItem",
+  props: {
+    menuList: {
+      // 注意prop变量类型定义的写法：PropType
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ["clickMenu", "openMenu", "closeMenu"],
+  setup(i, { emit: x }) {
+    const p = x, m = (l) => {
+      p("clickMenu", l);
+    }, L = (l) => {
+      p("openMenu", l);
+    }, M = (l) => {
+      p("closeMenu", l);
+    };
+    return (l, S) => {
+      const c = u("MenuItem", !0), a = u("el-sub-menu"), _ = u("el-menu-item");
+      return s(!0), k(y, null, C(i.menuList, (e) => (s(), k(y, null, [
+        e.show && e.children && e.children.length > 0 ? (s(), f(a, {
+          index: e.path,
+          key: e.path
+        }, {
+          title: o(() => [
+            r($, {
+              name: e.icon ?? ((e == null ? void 0 : e.level) <= 2 ? "default" : ""),
+              class: "menu-icon"
+            }, null, 8, ["name"]),
+            d(l.$slots, "title", { menu: e })
+          ]),
+          default: o(() => [
+            r(c, {
+              menuList: e.children,
+              onClickMenu: m,
+              onOpenMenu: L,
+              onCloseMenu: M
+            }, O({ _: 2 }, [
+              C(l.$slots, (I, h) => ({
+                name: h,
+                fn: o((R) => [
+                  d(l.$slots, h, P({ ref_for: !0 }, R))
+                ])
+              }))
+            ]), 1032, ["menuList"])
+          ]),
+          _: 2
+        }, 1032, ["index"])) : e.show ? (s(), f(_, {
+          index: e.path,
+          key: e.path,
+          onClick: (I) => m(e)
+        }, {
+          title: o(() => [
+            d(l.$slots, "title", { menu: e })
+          ]),
+          default: o(() => [
+            r($, {
+              name: e.icon ?? ((e == null ? void 0 : e.level) <= 2 ? "default" : ""),
+              class: "menu-icon"
+            }, null, 8, ["name"])
+          ]),
+          _: 2
+        }, 1032, ["index", "onClick"])) : z("", !0)
+      ], 64))), 256);
+    };
+  }
+}), K = /* @__PURE__ */ q({
+  __name: "index",
+  props: {
+    menuList: {
+      // 注意prop变量类型定义的写法：PropType
+      type: Array,
+      default: () => []
+    },
+    mode: {
+      type: String,
+      default: "vertical"
+    },
+    isCollapse: Boolean,
+    uniqueOpened: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["clickMenu", "openMenu", "closeMenu", "selectMenu"],
+  setup(i, { expose: x, emit: p }) {
+    const m = D(w), { activeMenuPath: L, activeTopMenuPath: M } = b(m), l = G(w), { routeToChildPath: S } = b(l), c = i, a = p, _ = (n) => {
+      a("clickMenu", n);
+    }, e = (n) => {
+      a("openMenu", n);
+    }, I = (n) => {
+      a("selectMenu", n);
+    }, h = (n) => {
+      a("closeMenu", n);
+    }, R = W(() => S.value ? (c == null ? void 0 : c.mode) === "vertical" ? S.value : M.value : (c == null ? void 0 : c.mode) === "vertical" ? L.value : M.value), v = j(null);
+    return x({
+      handleResize: () => {
+        var n;
+        (n = v.value) == null || n.handleResize();
+      },
+      openMenuRefByIndex: (n) => {
+        v.value && v.value.open(n);
+      }
+    }), (n, U) => {
+      const T = u("el-sub-menu"), A = u("el-menu-item"), V = u("el-menu");
+      return s(), f(V, {
+        ref_key: "menuRef",
+        ref: v,
+        class: "menu-wrap",
+        mode: i.mode,
+        "default-active": R.value,
+        "unique-opened": i.uniqueOpened,
+        "collapse-transition": !1,
+        "popper-class": "ss-menu-popper",
+        "popper-offset": 12,
+        ellipsis: !0,
+        collapse: i.isCollapse,
+        onOpen: e,
+        onClose: h,
+        onSelect: I
+      }, {
+        default: o(() => [
+          (s(!0), k(y, null, C(i.menuList, (t) => (s(), k(y, null, [
+            t.show && t.children && t.children.length > 0 ? (s(), f(T, {
+              index: t.path,
+              key: t.path,
+              style: g(t.style)
+            }, {
+              title: o(() => [
+                r($, {
+                  name: t.icon ?? ((t == null ? void 0 : t.level) <= 2 ? "default" : ""),
+                  class: "menu-icon"
+                }, null, 8, ["name"]),
+                d(n.$slots, "title", { menu: t }, void 0, !0)
+              ]),
+              default: o(() => [
+                r(J, {
+                  menuList: t.children,
+                  onClickMenu: _
+                }, O({ _: 2 }, [
+                  C(n.$slots, (E, B) => ({
+                    name: B,
+                    fn: o((F) => [
+                      d(n.$slots, B, P({ ref_for: !0 }, F), void 0, !0)
+                    ])
+                  }))
+                ]), 1032, ["menuList"])
+              ]),
+              _: 2
+            }, 1032, ["index", "style"])) : t.show ? (s(), f(A, {
+              index: t.path,
+              key: t.path,
+              style: g(t.style),
+              onClick: (E) => _(t)
+            }, {
+              title: o(() => [
+                d(n.$slots, "title", { menu: t }, void 0, !0)
+              ]),
+              default: o(() => [
+                r($, {
+                  name: t.icon ?? ((t == null ? void 0 : t.level) <= 2 ? "default" : ""),
+                  class: "menu-icon"
+                }, null, 8, ["name"])
+              ]),
+              _: 2
+            }, 1032, ["index", "style", "onClick"])) : z("", !0)
+          ], 64))), 256))
+        ]),
+        _: 3
+      }, 8, ["mode", "default-active", "unique-opened", "collapse"]);
+    };
+  }
+}), ee = /* @__PURE__ */ H(K, [["__scopeId", "data-v-1566b485"]]);
+export {
+  ee as default
+};