@huyooo/ui 0.4.4 → 0.4.7

package/dist/Menu-2SePYCYT.js

@@ -0,0 +1,115 @@
+import { defineComponent as B, ref as L, createElementBlock as a, createCommentVNode as _, openBlock as n, normalizeClass as $, createBlock as u, createElementVNode as i, unref as I, toDisplayString as K, Fragment as h, renderList as C } from "vue";
+import { Icon as S } from "@iconify/vue";
+import { _ as A } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const x = /* @__PURE__ */ B({
+  __name: "MenuItem",
+  props: {
+    hidden: {
+      type: Boolean,
+      required: !0
+    },
+    path: {
+      type: String,
+      required: !0
+    },
+    icon: {
+      type: String,
+      required: !0
+    },
+    name: {
+      type: String,
+      required: !0
+    },
+    active: {
+      type: Boolean,
+      required: !0
+    }
+  },
+  setup(l) {
+    const t = l, c = L(!1);
+    function d() {
+      c.value = !0;
+    }
+    function r() {
+      c.value = !1;
+    }
+    return (s, p) => t.hidden ? _("", !0) : (n(), a("div", {
+      key: 0,
+      class: $(["List", {
+        Active: t.active,
+        Hover: c.value && !t.active
+      }]),
+      onMouseover: d,
+      onMouseout: r
+    }, [t.icon ? (n(), u(I(S), {
+      key: 0,
+      class: "icon",
+      icon: t.icon
+    }, null, 8, ["icon"])) : _("", !0), i("span", null, K(t.name), 1)], 34));
+  }
+}), q = /* @__PURE__ */ A(x, [["__scopeId", "data-v-79c70570"]]), E = {
+  class: "Menu"
+}, H = {
+  class: "TitleContent"
+}, N = {
+  class: "Title"
+}, T = {
+  class: "MenuItem2"
+}, V = /* @__PURE__ */ B({
+  __name: "Menu",
+  props: {
+    menus: {
+      type: Array,
+      required: !0
+    },
+    selectedKeys: {
+      type: Array,
+      required: !0
+    }
+  },
+  emits: ["update:selectedKeys", "change"],
+  setup(l, {
+    emit: t
+  }) {
+    const c = l, d = t;
+    function r(s, p) {
+      console.log(s, "itemitemitemitem"), d("change", s, p);
+    }
+    return (s, p) => (n(), a("div", E, [(n(!0), a(h, null, C(c.menus, (e, m) => {
+      var v, y, f;
+      return n(), a("div", {
+        key: m,
+        class: "MenuList"
+      }, [e.children && e.children.length !== 0 ? (n(), a(h, {
+        key: 0
+      }, [i("span", H, [(v = e == null ? void 0 : e.meta) != null && v.icon ? (n(), u(I(S), {
+        key: 0,
+        class: "icon",
+        icon: e.meta.icon
+      }, null, 8, ["icon"])) : _("", !0), i("span", N, K(e.name), 1)]), i("span", T, [(n(!0), a(h, null, C(e.children, (o, k) => {
+        var g, M;
+        return n(), u(q, {
+          key: k,
+          hidden: ((g = o.meta) == null ? void 0 : g.hidden) || !1,
+          path: o.path,
+          icon: (M = o.meta) == null ? void 0 : M.icon,
+          name: o.name,
+          active: c.selectedKeys.includes(o.path),
+          onClick: (z) => r(o, k)
+        }, null, 8, ["hidden", "path", "icon", "name", "active", "onClick"]);
+      }), 128))])], 64)) : (n(), u(q, {
+        key: 1,
+        hidden: ((y = e.meta) == null ? void 0 : y.hidden) || !1,
+        path: e.path,
+        icon: (f = e.meta) == null ? void 0 : f.icon,
+        name: e.name,
+        active: c.selectedKeys.includes(e.path),
+        onClick: (o) => r(e, m)
+      }, null, 8, ["hidden", "path", "icon", "name", "active", "onClick"]))]);
+    }), 128))]));
+  }
+}), j = /* @__PURE__ */ A(V, [["__scopeId", "data-v-8aefd39d"]]);
+export {
+  j as M,
+  q as a
+};