@huyooo/ui 1.0.3 → 1.0.5

package/dist/Menu-uCexrsKP.js

@@ -0,0 +1,199 @@
+import { defineComponent as W, openBlock as u, createElementBlock as i, normalizeClass as k, unref as p, createBlock as h, createCommentVNode as v, createElementVNode as f, toDisplayString as A, ref as F, watch as S, Fragment as y, renderList as $, createVNode as E, Transition as O, withCtx as R, withDirectives as j, vShow as G } from "vue";
+import { Icon as b } from "@iconify/vue";
+/* empty css               */
+import { Badge as L } from "@arco-design/web-vue";
+import { _ as N } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const P = ["logos:", "simple-icons:", "selfhst:"];
+function T(r) {
+  return !r || r.startsWith("data:") || r.startsWith("/") || r.startsWith("http") ? !1 : /^[a-z0-9-]+:[a-z0-9-]+$/i.test(r);
+}
+function X(r) {
+  return P.some((_) => r.startsWith(_)) ? !0 : /\.(png|jpe?g|webp|svg)(\?.*)?$/i.test(r);
+}
+const q = ["src", "alt"], H = {
+  class: "menu-item__name"
+}, J = /* @__PURE__ */ W({
+  __name: "MenuItem",
+  props: {
+    hidden: {
+      type: Boolean,
+      default: !1
+    },
+    path: {
+      default: ""
+    },
+    icon: {
+      default: ""
+    },
+    name: {},
+    active: {
+      type: Boolean,
+      default: !1
+    },
+    badge: {
+      default: 0
+    }
+  },
+  emits: ["click"],
+  setup(r, {
+    emit: _
+  }) {
+    const n = r, g = _;
+    return (o, d) => n.hidden ? v("", !0) : (u(), i("div", {
+      key: 0,
+      class: k(["menu-item", {
+        "menu-item--active": n.active
+      }]),
+      onClick: d[0] || (d[0] = (C) => g("click"))
+    }, [n.icon && p(T)(n.icon) ? (u(), h(p(b), {
+      key: 0,
+      class: k(["menu-item__icon", {
+        "menu-item__icon--brand": p(X)(n.icon)
+      }]),
+      icon: n.icon,
+      width: 16
+    }, null, 8, ["class", "icon"])) : n.icon ? (u(), i("img", {
+      key: 1,
+      class: "menu-item__icon menu-item__icon--brand menu-item__icon--image",
+      src: n.icon,
+      alt: n.name,
+      width: "16",
+      height: "16"
+    }, null, 8, q)) : v("", !0), f("span", H, A(n.name), 1), n.badge > 0 ? (u(), h(p(L), {
+      key: 2,
+      class: "menu-item__badge",
+      count: n.badge,
+      "max-count": 99
+    }, null, 8, ["count"])) : v("", !0)], 2));
+  }
+}), M = /* @__PURE__ */ N(J, [["__scopeId", "data-v-df4d06f9"]]), Q = {
+  class: "menu"
+}, U = ["onClick"], Y = {
+  class: "menu-group__header-content"
+}, Z = {
+  class: "menu-group__title"
+}, ee = {
+  class: "menu-group__children"
+}, ne = /* @__PURE__ */ W({
+  __name: "Menu",
+  props: {
+    menus: {
+      default: () => []
+    },
+    selectedKeys: {
+      default: () => []
+    },
+    defaultExpandAll: {
+      type: Boolean,
+      default: !0
+    },
+    accordion: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:selectedKeys", "change"],
+  setup(r, {
+    emit: _
+  }) {
+    const n = r, g = _, o = F([]);
+    function d(t, a) {
+      var e, c;
+      return !!((e = t.children) != null && e.some((l) => a.includes(l.path)) || (c = t.children) != null && c.some((l) => a.some((m) => m.startsWith(l.path + "/"))) || t.path && a.some((l) => l.startsWith(t.path + "/")));
+    }
+    function C() {
+      if (n.defaultExpandAll && !n.accordion)
+        o.value = n.menus.filter((t) => t.children && t.children.length > 0).map((t, a) => t.path || a.toString());
+      else {
+        o.value = [];
+        for (let t = 0; t < n.menus.length; t++) {
+          const a = n.menus[t];
+          if (d(a, n.selectedKeys) && (o.value.push(a.path || t.toString()), n.accordion))
+            break;
+        }
+      }
+    }
+    function z(t) {
+      const a = o.value.indexOf(t);
+      a > -1 ? o.value.splice(a, 1) : n.accordion ? o.value = [t] : o.value.push(t);
+    }
+    function w(t) {
+      g("change", t), g("update:selectedKeys", [t.path]);
+    }
+    function D(t) {
+      return d(t, n.selectedKeys);
+    }
+    function V(t) {
+      return n.selectedKeys.includes(t) ? !0 : n.selectedKeys.some((a) => a.startsWith(t + "/"));
+    }
+    return S(() => n.menus, C, {
+      immediate: !0,
+      deep: !0
+    }), S(() => n.selectedKeys, (t) => {
+      for (let a = 0; a < n.menus.length; a++) {
+        const e = n.menus[a], c = e.path || a.toString();
+        if (d(e, t)) {
+          o.value.includes(c) || (n.accordion ? o.value = [c] : o.value.push(c));
+          break;
+        }
+      }
+    }, {
+      deep: !0
+    }), (t, a) => (u(), i("div", Q, [(u(!0), i(y, null, $(n.menus, (e, c) => {
+      var l, m, x, I;
+      return u(), i("div", {
+        key: e.path || c,
+        class: "menu-group"
+      }, [e.children && e.children.length > 0 ? (u(), i(y, {
+        key: 0
+      }, [f("div", {
+        class: k(["menu-group__header", {
+          "menu-group__header--active": D(e)
+        }]),
+        onClick: (s) => z(e.path || c.toString())
+      }, [f("div", Y, [(l = e == null ? void 0 : e.meta) != null && l.icon || e != null && e.icon ? (u(), h(p(b), {
+        key: 0,
+        class: "menu-group__icon",
+        icon: ((m = e == null ? void 0 : e.meta) == null ? void 0 : m.icon) || (e == null ? void 0 : e.icon),
+        width: 16
+      }, null, 8, ["icon"])) : v("", !0), f("span", Z, A(e.name), 1)]), E(p(b), {
+        class: k(["menu-group__arrow", {
+          "menu-group__arrow--expanded": o.value.includes(e.path || c.toString())
+        }]),
+        icon: "mingcute:down-line",
+        width: 14
+      }, null, 8, ["class"])], 10, U), E(O, {
+        name: "collapse"
+      }, {
+        default: R(() => [j(f("div", ee, [(u(!0), i(y, null, $(e.children, (s) => {
+          var B, K;
+          return u(), h(M, {
+            key: s.path,
+            hidden: s == null ? void 0 : s.hidden,
+            path: s.path,
+            icon: ((B = s == null ? void 0 : s.meta) == null ? void 0 : B.icon) || (s == null ? void 0 : s.icon),
+            name: s.name,
+            badge: ((K = s == null ? void 0 : s.meta) == null ? void 0 : K.badge) ?? 0,
+            active: V(s.path),
+            onClick: (te) => w(s)
+          }, null, 8, ["hidden", "path", "icon", "name", "badge", "active", "onClick"]);
+        }), 128))], 512), [[G, o.value.includes(e.path || c.toString())]])]),
+        _: 2
+      }, 1024)], 64)) : (u(), h(M, {
+        key: 1,
+        hidden: e == null ? void 0 : e.hidden,
+        path: e.path,
+        icon: ((x = e == null ? void 0 : e.meta) == null ? void 0 : x.icon) || (e == null ? void 0 : e.icon),
+        name: e.name,
+        badge: ((I = e == null ? void 0 : e.meta) == null ? void 0 : I.badge) ?? 0,
+        active: n.selectedKeys.includes(e.path),
+        onClick: (s) => w(e)
+      }, null, 8, ["hidden", "path", "icon", "name", "badge", "active", "onClick"]))]);
+    }), 128))]));
+  }
+}), ce = /* @__PURE__ */ N(ne, [["__scopeId", "data-v-72098f0d"]]);
+export {
+  ce as M,
+  M as a,
+  T as i
+};