vlite3 0.6.1 → 0.6.3

package/components/SidebarMenu/SidebarMenu.vue.js

@@ -1,9 +1,9 @@
-import { defineComponent as S, inject as I, ref as w, computed as n, watch as h, reactive as E, provide as N, openBlock as g, createElementBlock as y, normalizeClass as L, Fragment as P, renderList as A, createBlock as O } from "vue";
-import { useRoute as F } from "vue-router";
-import { useBreakpoints as W, breakpointsTailwind as H } from "@vueuse/core";
-import D from "./SidebarMenuItem.vue.js";
+import { defineComponent as S, inject as E, ref as T, computed as l, watch as g, reactive as N, provide as L, openBlock as C, createElementBlock as k, normalizeClass as P, Fragment as A, renderList as O, createBlock as F } from "vue";
+import { useRoute as W } from "vue-router";
+import { useBreakpoints as H, breakpointsTailwind as D } from "@vueuse/core";
+import R from "./SidebarMenuItem.vue.js";
 /* empty css                     */
-const J = /* @__PURE__ */ S({
+const K = /* @__PURE__ */ S({
   __name: "SidebarMenu",
   props: {
     items: { default: () => [] },
@@ -15,7 +15,7 @@ const J = /* @__PURE__ */ S({
     showCompactLabels: { type: Boolean, default: !1 },
     renderMode: { default: "tree" },
     iconSize: { default: "16px" },
-    compactIconSize: { default: "20px" },
+    compactIconSize: { default: "21px" },
     labelClass: { default: "text-sm" },
     compactLabelClass: { default: "text-[11.5px] mt-1" },
     itemPadding: { default: "py-2 px-2" },
@@ -29,112 +29,114 @@ const J = /* @__PURE__ */ S({
     showTooltip: { type: Boolean, default: !0 }
   },
   setup(m) {
-    const d = I("navbar-context", null), t = m, c = F(), T = W(H), u = w([...t.defaultExpanded]), i = w(null), k = n(() => !t.mobileBreakpoint || t.mobileBreakpoint === "none" ? !0 : T.greaterOrEqual(t.mobileBreakpoint).value), v = n(() => k.value && t.orientation || "vertical"), M = (l, s) => {
-      if (i.value === l.id) return !0;
-      if (l.to) {
-        const a = typeof l.to == "string" ? l.to : l.to.path;
-        if (a && (s === a || s.startsWith(a) && a !== "/" && a.length > 1))
-          return !0;
+    const c = E("navbar-context", null), e = m, f = W(), y = H(D), d = T([...e.defaultExpanded]), s = T(null), B = l(() => !e.mobileBreakpoint || e.mobileBreakpoint === "none" ? !0 : y.greaterOrEqual(e.mobileBreakpoint).value), v = l(() => B.value && e.orientation || "vertical"), r = (t) => t.id || (typeof t.to == "string" ? t.to : null) || t.label, M = (t, o) => {
+      if (s.value === r(t)) return !0;
+      if (t.to) {
+        const a = typeof t.to == "string" ? t.to : t.to.path;
+        if (a) {
+          if (o === a) return !0;
+          if (o.startsWith(a) && a !== "/" && a.length > 1) {
+            const i = o[a.length];
+            if (!i || i === "/" || i === "?")
+              return !0;
+          }
+        }
       }
       return !1;
-    }, b = (l, s, a = []) => {
-      let r = !1;
-      for (const e of l) {
-        const o = e.id || (typeof e.to == "string" ? e.to : null) || e.label;
-        let f = !1;
-        e.children && (f = b(e.children, s, [...a, o]), f && (r = !0));
-        const p = M(e, s), z = f && d?.renderNestedTabs?.value && a.length === 0;
-        (p || z) && (i.value = o, a.forEach((C) => {
-          u.value.includes(C) || u.value.push(C);
-        }), r = !0);
+    }, b = (t, o, a = []) => {
+      let i = !1;
+      for (const n of t) {
+        const u = r(n);
+        let p = !1;
+        n.children && (p = b(n.children, o, [...a, u]), p && (i = !0));
+        const x = M(n, o), z = p && c?.renderNestedTabs?.value && a.length === 0;
+        (x || z) && (s.value = u, a.forEach((w) => {
+          d.value.includes(w) || d.value.push(w);
+        }), i = !0);
       }
-      return r;
-    }, x = (l) => {
-      if (!d?.renderNestedTabs?.value) return;
-      const s = t.items.find((a) => i.value === (a.id || a.label || a.to) ? !0 : a.children?.some((e) => i.value === (e.id || e.label || e.to) || e.children && e.children.some(
-        (o) => i.value === (o.id || o.label || o.to)
-      )) || M(a, l));
-      if (s && s.children) {
-        const a = s.children.map((e) => ({
-          label: e.label,
-          labelI18n: e.labelI18n,
-          value: e.id || (typeof e.to == "string" ? e.to : null) || e.label,
-          icon: e.icon,
-          disabled: e.disabled,
-          to: e.to,
-          href: e.href
+      return i;
+    }, h = (t) => {
+      if (!c?.renderNestedTabs?.value) return;
+      const o = e.items.find((a) => s.value === r(a) ? !0 : a.children?.some((n) => s.value === r(n) || n.children && n.children.some((u) => s.value === r(u))) || M(a, t));
+      if (o && o.children) {
+        const a = o.children.map((n) => ({
+          label: n.label,
+          labelI18n: n.labelI18n,
+          value: r(n),
+          icon: n.icon,
+          disabled: n.disabled,
+          to: n.to,
+          href: n.href
         }));
-        let r = a[0].value;
-        if (i.value) {
-          const e = a.find((o) => o.value === i.value);
-          if (e)
-            r = e.value;
+        let i = a[0].value;
+        if (s.value) {
+          const n = a.find((u) => u.value === s.value);
+          if (n)
+            i = n.value;
           else {
-            const o = s.children.find((f) => f.children?.some(
-              (p) => (p.id || p.label || p.to) === i.value
-            ));
-            o && (r = o.id || (typeof o.to == "string" ? o.to : null) || o.label);
+            const u = o.children.find((p) => p.children?.some((x) => r(x) === s.value));
+            u && (i = r(u));
           }
         }
-        d.setNestedTabs(a, r);
+        c.setNestedTabs(a, i);
       } else
-        t.items.some(
-          (r) => r.children?.some((e) => (e.id || e.label || e.to) === i.value)
-        ) || d.setNestedTabs([], "");
+        e.items.some(
+          (i) => i.children?.some((n) => r(n) === s.value)
+        ) || c.setNestedTabs([], "");
     };
-    h(
-      () => c?.path,
-      (l) => {
-        l && (b(t.items, l), x(l));
+    g(
+      () => f?.path,
+      (t) => {
+        t && (b(e.items, t), h(t));
       },
       { immediate: !0 }
-    ), h(
-      () => t.items,
+    ), g(
+      () => e.items,
       () => {
-        c?.path && (b(t.items, c.path), x(c.path));
+        f?.path && (b(e.items, f.path), h(f.path));
       },
       { deep: !0 }
-    ), h(
-      () => i.value,
+    ), g(
+      () => s.value,
       () => {
-        d?.renderNestedTabs?.value && x(c?.path || "");
+        c?.renderNestedTabs?.value && h(f?.path || "");
       }
     );
-    const B = E({
-      activeItem: i,
-      expandedItems: u,
-      toggleExpand: (l) => {
-        u.value.includes(l) ? u.value = u.value.filter((a) => a !== l) : t.allowMultiple ? u.value.push(l) : u.value = [l];
+    const I = N({
+      activeItem: s,
+      expandedItems: d,
+      toggleExpand: (t) => {
+        d.value.includes(t) ? d.value = d.value.filter((a) => a !== t) : e.allowMultiple ? d.value.push(t) : d.value = [t];
       },
-      setActive: (l) => {
-        i.value = l;
+      setActive: (t) => {
+        s.value = t;
       },
-      indentSize: n(() => t.indentSize),
-      variant: n(() => t.variant),
-      renderMode: n(() => t.renderMode || "tree"),
-      renderNestedTabs: n(() => !!d?.renderNestedTabs?.value),
-      compact: n(() => t.compact),
-      showCompactLabels: n(() => t.showCompactLabels),
-      iconSize: n(() => t.iconSize),
-      compactIconSize: n(() => t.compactIconSize),
-      labelClass: n(() => t.labelClass),
-      compactLabelClass: n(() => t.compactLabelClass),
-      itemPadding: n(() => t.itemPadding),
-      compactItemPadding: n(() => t.compactItemPadding),
-      nestedMenuWidth: n(() => t.nestedMenuWidth),
-      nestedMenuMaxHeight: n(() => t.nestedMenuMaxHeight),
+      indentSize: l(() => e.indentSize),
+      variant: l(() => e.variant),
+      renderMode: l(() => e.renderMode || "tree"),
+      renderNestedTabs: l(() => !!c?.renderNestedTabs?.value),
+      compact: l(() => e.compact),
+      showCompactLabels: l(() => e.showCompactLabels),
+      iconSize: l(() => e.iconSize),
+      compactIconSize: l(() => e.compactIconSize),
+      labelClass: l(() => e.labelClass),
+      compactLabelClass: l(() => e.compactLabelClass),
+      itemPadding: l(() => e.itemPadding),
+      compactItemPadding: l(() => e.compactItemPadding),
+      nestedMenuWidth: l(() => e.nestedMenuWidth),
+      nestedMenuMaxHeight: l(() => e.nestedMenuMaxHeight),
       currentOrientation: v,
-      showTooltip: n(() => t.showTooltip)
+      showTooltip: l(() => e.showTooltip)
     });
-    return N("sidebar-menu-ctx", B), (l, s) => (g(), y("nav", {
-      class: L(["flex w-full transition-all duration-300", [
+    return L("sidebar-menu-ctx", I), (t, o) => (C(), k("nav", {
+      class: P(["flex w-full transition-all duration-300", [
         v.value === "horizontal" ? "flex-row flex-wrap gap-2 items-center" : "flex-col",
-        v.value === "vertical" && !t.compact ? "space-y-1" : ""
+        v.value === "vertical" && !e.compact ? "space-y-1" : ""
       ]]),
       role: "tree",
       "aria-label": "Sidebar Menu"
     }, [
-      (g(!0), y(P, null, A(m.items, (a) => (g(), O(D, {
+      (C(!0), k(A, null, O(m.items, (a) => (C(), F(R, {
         key: a.id || a.label,
         item: a,
         itemClass: m.itemClass,
@@ -144,5 +146,5 @@ const J = /* @__PURE__ */ S({
   }
 });
 export {
-  J as default
+  K as default
 };