vlite3 0.4.4 → 0.4.7

package/components/SidebarMenu/SidebarMenuItem.vue.js

@@ -1,141 +1,142 @@
-import { defineComponent as J, inject as Q, computed as c, resolveComponent as U, openBlock as l, createElementBlock as m, createBlock as h, unref as r, withCtx as p, resolveDynamicComponent as j, createCommentVNode as d, createElementVNode as v, toDisplayString as y, normalizeClass as s, createVNode as w, mergeProps as A, createTextVNode as W, Fragment as D, withKeys as X, withModifiers as Y, Transition as Z, normalizeStyle as O, renderList as _ } from "vue";
+import { defineComponent as Q, inject as U, computed as c, resolveComponent as W, openBlock as o, createElementBlock as m, createBlock as p, unref as l, withCtx as h, resolveDynamicComponent as $, createCommentVNode as d, createElementVNode as v, toDisplayString as y, normalizeClass as s, createVNode as k, mergeProps as A, createTextVNode as X, Fragment as D, withKeys as Y, withModifiers as Z, Transition as O, normalizeStyle as ee, renderList as te } from "vue";
 import g from "../Icon.vue.js";
 import P from "../Tooltip.vue.js";
-import ee from "../Dropdown/Dropdown.vue.js";
-const te = { class: "w-full relative sidebar-manu-item" }, ne = {
+import ne from "../Dropdown/Dropdown.vue.js";
+import { $t as V } from "../../utils/i18n.js";
+const ae = { class: "w-full relative sidebar-manu-item" }, ie = {
   key: 0,
   class: "px-3 py-1.5 text-sm flex items-center gap-2 font-medium border-b bg-muted-light rounded-t-md text-center truncate"
-}, ae = { class: "w-full" }, ie = { class: "truncate flex-1" }, oe = ["onKeydown"], le = {
+}, oe = { class: "w-full" }, le = { class: "truncate flex-1" }, re = ["onKeydown"], ce = {
   key: 0,
   class: "overflow-hidden transition-all duration-300 ease-in-out relative"
-}, re = { class: "mt-0.5 space-y-0.5" }, me = /* @__PURE__ */ J({
+}, se = { class: "mt-0.5 space-y-0.5" }, he = /* @__PURE__ */ Q({
   __name: "SidebarMenuItem",
   props: {
     item: {},
     depth: { default: 0 }
   },
-  setup(i) {
-    const n = i, e = Q("sidebar-menu-ctx");
+  setup(r) {
+    const t = r, e = U("sidebar-menu-ctx");
     if (!e)
       throw new Error("SidebarMenuItem must be used within a SidebarMenu");
-    const V = c(() => e.compact && b.value ? "popover" : n.item.renderMode || e.renderMode || "tree"), k = c(() => V.value === "popover" && b.value), x = c(() => n.item.id ? n.item.id : n.item.to && typeof n.item.to == "string" ? n.item.to : n.item.label), b = c(() => !!n.item.children?.length), E = c(() => k.value ? !1 : e.expandedItems.includes(x.value)), C = c(() => e.activeItem === x.value), $ = (a) => {
-      n.item.disabled || (b.value && !n.item.to && !n.item.href && (k.value || e.toggleExpand(x.value)), n.item.action && n.item.action(n.item), (!b.value || n.item.to) && e.setActive(x.value));
-    }, I = (a) => {
-      a.stopPropagation(), k.value || e.toggleExpand(x.value);
-    }, S = c(() => e.indentSize || 12), M = c(() => e.compact ? { width: "100%" } : {
-      marginLeft: `${n.depth * S.value}px`,
-      width: `calc(100% - ${n.depth * S.value}px)`
-    }), L = c(() => {
-      const a = "group flex items-center justify-between text-sm font-medium rounded-md transition-all duration-200 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary/50 relative border border-transparent select-none cursor-pointer w-full", t = e.compact ? "justify-center py-2 px-1" : "justify-between py-2 px-2";
+    const K = c(() => e.compact && b.value ? "popover" : t.item.renderMode || e.renderMode || "tree"), C = c(() => K.value === "popover" && b.value), x = c(() => t.item.id ? t.item.id : t.item.to && typeof t.item.to == "string" ? t.item.to : t.item.label), b = c(() => !!t.item.children?.length), E = c(() => C.value ? !1 : e.expandedItems.includes(x.value)), I = c(() => e.activeItem === x.value), j = (a) => {
+      t.item.disabled || (b.value && !t.item.to && !t.item.href && (C.value || e.toggleExpand(x.value)), t.item.action && t.item.action(t.item), (!b.value || t.item.to) && e.setActive(x.value));
+    }, M = (a) => {
+      a.stopPropagation(), C.value || e.toggleExpand(x.value);
+    }, S = c(() => e.indentSize || 12), L = c(() => e.compact ? { width: "100%" } : {
+      marginLeft: `${t.depth * S.value}px`,
+      width: `calc(100% - ${t.depth * S.value}px)`
+    }), _ = c(() => {
+      const a = "group flex items-center justify-between text-sm font-medium rounded-md transition-all duration-200 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary/50 relative border border-transparent select-none cursor-pointer w-full", n = e.compact ? "justify-center py-2 px-1" : "justify-between py-2 px-2";
       let f = "";
-      return C.value ? f = "bg-primary-light text-primary-fg-light" : f = "text-muted hover:bg-accent/80 hover:text-foreground", n.item.disabled && (f = "opacity-50 cursor-not-allowed pointer-events-none"), `${a} ${t} ${f} ${n.item.class || ""}`;
-    }), u = c(() => e.compact && e.showCompactLabels), B = (a) => ({
-      label: a.label,
+      return I.value ? f = "bg-primary-light text-primary-fg-light" : f = "text-muted hover:bg-accent/80 hover:text-foreground", t.item.disabled && (f = "opacity-50 cursor-not-allowed pointer-events-none"), `${a} ${n} ${f} ${t.item.class || ""}`;
+    }), u = c(() => e.compact && e.showCompactLabels), w = c(() => t.item.labelI18n ? V(t.item.labelI18n) : t.item.label), B = (a) => ({
+      label: a.labelI18n ? V(a.labelI18n) : a.label,
       value: a.id || a.label,
       icon: a.icon,
       disabled: a.disabled,
       children: a.children ? a.children.map(B) : void 0,
       data: a
-    }), K = c(() => n.item.children ? n.item.children.map(B) : []), T = (a) => {
-      const t = a.data;
-      if (t) {
-        t.action && t.action(t);
-        const f = t.id || t.label || (typeof t.to == "string" ? t.to : "");
+    }), T = c(() => t.item.children ? t.item.children.map(B) : []), H = (a) => {
+      const n = a.data;
+      if (n) {
+        n.action && n.action(n);
+        const f = n.id || n.label || (typeof n.to == "string" ? n.to : "");
         f && e.setActive(f);
       }
-    }, H = (a) => {
-      const t = a;
-      t.style.height = "0", t.style.opacity = "0";
     }, F = (a) => {
-      const t = a;
-      t.style.height = t.scrollHeight + "px", t.style.opacity = "1";
+      const n = a;
+      n.style.height = "0", n.style.opacity = "0";
     }, R = (a) => {
-      const t = a;
-      t.style.height = "auto", t.style.overflow = "visible";
+      const n = a;
+      n.style.height = n.scrollHeight + "px", n.style.opacity = "1";
     }, q = (a) => {
-      const t = a;
-      t.style.height = t.scrollHeight + "px", t.style.overflow = "hidden", t.style.opacity = "1";
+      const n = a;
+      n.style.height = "auto", n.style.overflow = "visible";
     }, G = (a) => {
-      const t = a;
-      t.style.height = "0", t.style.opacity = "0";
-    }, N = c(() => n.item.to ? "router-link" : n.item.href ? "a" : "button"), z = c(() => n.item.to ? { to: n.item.to } : n.item.href ? {
-      href: n.item.href,
+      const n = a;
+      n.style.height = n.scrollHeight + "px", n.style.overflow = "hidden", n.style.opacity = "1";
+    }, J = (a) => {
+      const n = a;
+      n.style.height = "0", n.style.opacity = "0";
+    }, N = c(() => t.item.to ? "router-link" : t.item.href ? "a" : "button"), z = c(() => t.item.to ? { to: t.item.to } : t.item.href ? {
+      href: t.item.href,
       target: "_blank",
       rel: "noopener noreferrer"
     } : { type: "button" });
-    return (a, t) => {
-      const f = U("SidebarMenuItem", !0);
-      return l(), m("div", te, [
-        k.value ? (l(), h(r(ee), {
+    return (a, n) => {
+      const f = W("SidebarMenuItem", !0);
+      return o(), m("div", ae, [
+        C.value ? (o(), p(l(ne), {
           key: 0,
           position: "right-start",
           offset: [0, 10],
           class: "w-full",
           searchable: !1,
           width: "220px",
-          options: K.value,
-          onOnSelect: T
+          options: T.value,
+          onOnSelect: H
         }, {
-          header: p(() => [
-            r(e).compact ? (l(), m("div", ne, [
-              i.item.icon ? (l(), h(g, {
+          header: h(() => [
+            l(e).compact ? (o(), m("div", ie, [
+              r.item.icon ? (o(), p(g, {
                 key: 0,
-                icon: i.item.icon,
+                icon: r.item.icon,
                 class: "shrink-0 transition-colors opacity-80 group-hover:opacity-100"
               }, null, 8, ["icon"])) : d("", !0),
-              W(" " + y(i.item.label), 1)
+              X(" " + y(w.value), 1)
             ])) : d("", !0)
           ]),
-          trigger: p(({ isOpen: o }) => [
-            w(P, {
-              content: i.item.label,
+          trigger: h(({ isOpen: i }) => [
+            k(P, {
+              content: w.value,
               placement: "right",
               className: "sidebar-menu-tooltip",
-              disabled: !r(e).compact || o,
+              disabled: !l(e).compact || i,
               class: "w-full block"
             }, {
-              default: p(() => [
-                v("div", ae, [
-                  (l(), h(j(N.value), A(z.value, {
-                    class: [L.value, o ? "bg-muted text-foreground" : ""],
-                    style: M.value,
+              default: h(() => [
+                v("div", oe, [
+                  (o(), p($(N.value), A(z.value, {
+                    class: [_.value, i ? "bg-muted text-foreground" : ""],
+                    style: L.value,
                     "aria-haspopup": !0,
-                    "aria-expanded": o,
-                    onClick: $
+                    "aria-expanded": i,
+                    onClick: j
                   }), {
-                    default: p(() => [
+                    default: h(() => [
                       v("div", {
                         class: s(["min-w-0 flex-1 flex", [
-                          u.value ? "flex-col items-center justify-center gap-1" : r(e).compact ? "justify-center" : "items-center gap-2.5"
+                          u.value ? "flex-col items-center justify-center gap-1" : l(e).compact ? "justify-center" : "items-center gap-2.5"
                         ]])
                       }, [
-                        i.item.icon ? (l(), h(g, {
+                        r.item.icon ? (o(), p(g, {
                           key: 0,
-                          icon: i.item.icon,
+                          icon: r.item.icon,
                           class: s(["shrink-0 transition-colors opacity-70 group-hover:opacity-100", [
-                            C.value || o ? "opacity-100" : "",
-                            r(e).compact ? "h-5 w-5" : "h-4 w-4"
+                            I.value || i ? "opacity-100" : "",
+                            l(e).compact ? "h-5 w-5" : "h-4 w-4"
                           ]])
                         }, null, 8, ["icon", "class"])) : d("", !0),
                         v("span", {
                           class: s(["truncate leading-none pt-0.5", {
                             "text-[10px]": u.value,
-                            hidden: r(e).compact && !u.value,
-                            "md:hidden": r(e).compact && !u.value
+                            hidden: l(e).compact && !u.value,
+                            "md:hidden": l(e).compact && !u.value
                           }])
-                        }, y(i.item.label), 3),
-                        i.item.badge && (!r(e).compact || !u.value) ? (l(), m("span", {
+                        }, y(w.value), 3),
+                        r.item.badge && (!l(e).compact || !u.value) ? (o(), m("span", {
                           key: 1,
                           class: s(["ml-auto inline-flex items-center px-1.5 py-0.5 rounded text-[10px] font-medium", [
-                            i.item.badgeClass || "bg-muted text-muted-foreground",
-                            { "md:hidden": r(e).compact }
+                            r.item.badgeClass || "bg-muted text-muted-foreground",
+                            { "md:hidden": l(e).compact }
                           ]])
-                        }, y(i.item.badge), 3)) : d("", !0)
+                        }, y(r.item.badge), 3)) : d("", !0)
                       ], 2),
                       v("div", {
-                        class: s(["ml-1.5 flex h-4 w-4 shrink-0 items-center justify-center text-muted-foreground", { "md:hidden": r(e).compact }])
+                        class: s(["ml-1.5 flex h-4 w-4 shrink-0 items-center justify-center text-muted-foreground", { "md:hidden": l(e).compact }])
                       }, [
-                        w(g, {
+                        k(g, {
                           icon: "lucide:chevron-right",
                           class: "h-3 w-3"
                         })
@@ -148,111 +149,111 @@ const te = { class: "w-full relative sidebar-manu-item" }, ne = {
               _: 2
             }, 1032, ["content", "disabled"])
           ]),
-          item: p(({ option: o }) => [
-            (l(), h(j(o.data?.to ? "router-link" : o.data?.href ? "a" : "div"), {
-              to: o.data?.to,
-              href: o.data?.href,
+          item: h(({ option: i }) => [
+            (o(), p($(i.data?.to ? "router-link" : i.data?.href ? "a" : "div"), {
+              to: i.data?.to,
+              href: i.data?.href,
               target: "option.data?.href ? '_blank' : undefined",
               class: "flex items-center w-full gap-2 text-sm"
             }, {
-              default: p(() => [
-                o.icon ? (l(), h(g, {
+              default: h(() => [
+                i.icon ? (o(), p(g, {
                   key: 0,
-                  icon: o.icon,
+                  icon: i.icon,
                   class: "h-4 w-4 shrink-0 opacity-70"
                 }, null, 8, ["icon"])) : d("", !0),
-                v("span", ie, y(o.label), 1),
-                o.data?.badge ? (l(), m("span", {
+                v("span", le, y(i.label), 1),
+                i.data?.badge ? (o(), m("span", {
                   key: 1,
-                  class: s(["ml-auto inline-flex items-center px-1.5 py-0.5 rounded text-[10px] font-medium", o.data?.badgeClass || "bg-muted text-muted-foreground"])
-                }, y(o.data.badge), 3)) : d("", !0)
+                  class: s(["ml-auto inline-flex items-center px-1.5 py-0.5 rounded text-[10px] font-medium", i.data?.badgeClass || "bg-muted text-muted-foreground"])
+                }, y(i.data.badge), 3)) : d("", !0)
               ]),
               _: 2
             }, 1032, ["to", "href"]))
           ]),
           _: 1
-        }, 8, ["options"])) : (l(), m(D, { key: 1 }, [
-          w(P, {
-            content: i.item.label,
+        }, 8, ["options"])) : (o(), m(D, { key: 1 }, [
+          k(P, {
+            content: w.value,
             placement: "right",
-            disabled: !r(e).compact,
+            disabled: !l(e).compact,
             class: "w-full block"
           }, {
-            default: p(() => [
-              (l(), h(j(N.value), A(z.value, {
-                class: L.value,
-                style: M.value,
+            default: h(() => [
+              (o(), p($(N.value), A(z.value, {
+                class: _.value,
+                style: L.value,
                 "aria-expanded": b.value ? E.value : void 0,
-                "aria-current": C.value ? "page" : void 0,
-                onClick: $
+                "aria-current": I.value ? "page" : void 0,
+                onClick: j
               }), {
-                default: p(() => [
+                default: h(() => [
                   v("div", {
                     class: s(["min-w-0 flex-1 flex", [
-                      u.value ? "flex-col items-center justify-center gap-1" : r(e).compact ? "justify-center" : "items-center gap-2.5"
+                      u.value ? "flex-col items-center justify-center gap-1" : l(e).compact ? "justify-center" : "items-center gap-2.5"
                     ]])
                   }, [
-                    i.item.icon ? (l(), h(g, {
+                    r.item.icon ? (o(), p(g, {
                       key: 0,
-                      icon: i.item.icon,
-                      class: s(["shrink-0 transition-colors opacity-70 group-hover:opacity-100", [C.value ? "opacity-100" : "", r(e).compact ? "h-5 w-5" : "h-4 w-4"]])
+                      icon: r.item.icon,
+                      class: s(["shrink-0 transition-colors opacity-70 group-hover:opacity-100", [I.value ? "opacity-100" : "", l(e).compact ? "h-5 w-5" : "h-4 w-4"]])
                     }, null, 8, ["icon", "class"])) : d("", !0),
                     v("span", {
                       class: s(["truncate leading-none pt-0.5", {
                         "text-[10px]": u.value,
-                        hidden: r(e).compact && !u.value,
-                        "md:hidden": r(e).compact && !u.value
+                        hidden: l(e).compact && !u.value,
+                        "md:hidden": l(e).compact && !u.value
                       }])
-                    }, y(i.item.label), 3),
-                    i.item.badge && (!r(e).compact || !u.value) ? (l(), m("span", {
+                    }, y(w.value), 3),
+                    r.item.badge && (!l(e).compact || !u.value) ? (o(), m("span", {
                       key: 1,
                       class: s(["ml-auto inline-flex items-center px-1.5 py-0.5 rounded text-[10px] font-medium", [
-                        i.item.badgeClass || "bg-muted text-muted-foreground",
-                        { "md:hidden": r(e).compact }
+                        r.item.badgeClass || "bg-muted text-muted-foreground",
+                        { "md:hidden": l(e).compact }
                       ]])
-                    }, y(i.item.badge), 3)) : d("", !0)
+                    }, y(r.item.badge), 3)) : d("", !0)
                   ], 2),
-                  b.value ? (l(), m("div", {
+                  b.value ? (o(), m("div", {
                     key: 0,
                     role: "button",
                     tabindex: "0",
-                    class: s(["ml-1.5 flex h-4 w-4 shrink-0 items-center justify-center rounded-sm text-muted-foreground hover:bg-accent/50 hover:text-foreground transition-all", { "md:hidden": r(e).compact }]),
-                    onClick: I,
-                    onKeydown: X(Y(I, ["prevent"]), ["enter", "space"])
+                    class: s(["ml-1.5 flex h-4 w-4 shrink-0 items-center justify-center rounded-sm text-muted-foreground hover:bg-accent/50 hover:text-foreground transition-all", { "md:hidden": l(e).compact }]),
+                    onClick: M,
+                    onKeydown: Y(Z(M, ["prevent"]), ["enter", "space"])
                   }, [
-                    w(g, {
+                    k(g, {
                       icon: "lucide:chevron-down",
                       class: s(["h-3 w-3 transition-transform duration-200", { "rotate-180": E.value }])
                     }, null, 8, ["class"])
-                  ], 42, oe)) : d("", !0)
+                  ], 42, re)) : d("", !0)
                 ]),
                 _: 1
               }, 16, ["class", "style", "aria-expanded", "aria-current"]))
             ]),
             _: 1
           }, 8, ["content", "disabled"]),
-          w(Z, {
+          k(O, {
             name: "sidebar-slide",
-            onBeforeEnter: H,
-            onEnter: F,
-            onAfterEnter: R,
-            onBeforeLeave: q,
-            onLeave: G
+            onBeforeEnter: F,
+            onEnter: R,
+            onAfterEnter: q,
+            onBeforeLeave: G,
+            onLeave: J
           }, {
-            default: p(() => [
-              b.value && E.value ? (l(), m("div", le, [
-                r(e).variant === "default" ? (l(), m("div", {
+            default: h(() => [
+              b.value && E.value ? (o(), m("div", ce, [
+                l(e).variant === "default" ? (o(), m("div", {
                   key: 0,
                   class: "absolute top-0 bottom-2 w-px bg-border",
-                  style: O({
-                    left: `${(i.depth + 1) * S.value - S.value / 2}px`
+                  style: ee({
+                    left: `${(r.depth + 1) * S.value - S.value / 2}px`
                   })
                 }, null, 4)) : d("", !0),
-                v("div", re, [
-                  (l(!0), m(D, null, _(i.item.children, (o) => (l(), h(f, {
-                    key: o.id || o.label,
-                    item: o,
-                    depth: i.depth + 1
+                v("div", se, [
+                  (o(!0), m(D, null, te(r.item.children, (i) => (o(), p(f, {
+                    key: i.id || i.label,
+                    item: i,
+                    depth: r.depth + 1
                   }, null, 8, ["item", "depth"]))), 128))
                 ])
               ])) : d("", !0)
@@ -265,5 +266,5 @@ const te = { class: "w-full relative sidebar-manu-item" }, ne = {
   }
 });
 export {
-  me as default
+  he as default
 };

package/components/SidebarMenu/types.d.ts

@@ -1,6 +1,7 @@
 export interface SidebarMenuItemSchema {
     id?: string;
     label: string;
+    labelI18n?: string;
     icon?: string;
     to?: string | Record<string, any>;
     href?: string;

package/components/Slider.vue.d.ts

@@ -3,6 +3,7 @@ type __VLS_Props = {
     max?: number;
     step?: number;
     label?: string;
+    labelI18n?: string;
     icon?: string;
     disabled?: boolean;
     showValue?: boolean;