vlite3 1.0.4 → 1.0.6

package/components/List/List.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent as J, useSlots as K, computed as g, openBlock as r, createElementBlock as l, normalizeClass as C, renderSlot as p, createBlock as x, createCommentVNode as k, createElementVNode as d, toDisplayString as N, Fragment as b, renderList as f, unref as S, isMemoSame as B, createSlots as j, withCtx as L, mergeProps as M } from "vue";
+import { defineComponent as J, useSlots as K, computed as h, openBlock as r, createElementBlock as n, normalizeClass as C, renderSlot as p, createBlock as x, createCommentVNode as k, createElementVNode as d, toDisplayString as N, Fragment as f, renderList as g, unref as S, isMemoSame as B, createSlots as j, withCtx as L, mergeProps as M } from "vue";
 import Q from "../Icon.vue.js";
 import F from "./ListFieldRow.vue.js";
 import { $t as U } from "../../utils/i18n.js";
-import { getObjectValue as $ } from "./utils.js";
+import { getObjectValue as I } from "./utils.js";
 const W = {
   key: 0,
   class: "px-3 py-2.5 border-b border-border/70 flex items-center gap-2 bg-muted/60"
@@ -32,30 +32,34 @@ const W = {
     stackedBorderStyle: { default: "none" }
   },
   setup(s) {
-    const o = s, G = K(), y = g(() => o.fields.filter((n) => {
-      const u = $(n.key, o.data);
-      return n.whenTrue && !u ? !1 : n.when ? n.when(u, o.data) : !0;
-    })), i = g(() => {
+    const o = s, G = K(), y = h(() => o.fields.filter((l) => {
+      const u = I(l.key, o.data);
+      return l.whenTrue && !u ? !1 : l.when ? l.when(u, o.data) : !0;
+    })), i = h(() => {
       if (o.columns === 1)
         return { left: [], right: [], full: y.value };
-      const n = [], u = [], t = [];
-      for (const h of y.value) {
-        if (h.lineByLine) {
-          t.push(h);
+      const l = [], u = [], t = [];
+      for (const m of y.value) {
+        if (m.lineByLine) {
+          t.push(m);
           continue;
         }
-        n.length <= u.length ? n.push(h) : u.push(h);
+        l.length <= u.length ? l.push(m) : u.push(m);
       }
-      const e = Math.abs(n.length - u.length);
+      const e = Math.abs(l.length - u.length);
       if (e >= 2) {
-        const h = n.length > u.length ? n : u, a = h.splice(h.length - Math.floor(e / 2));
+        const m = l.length > u.length ? l : u, a = m.splice(m.length - Math.floor(e / 2));
         t.unshift(...a);
       }
-      return { left: n, right: u, full: t };
-    }), D = g(() => i.value.full.length > 0), P = g(
+      if (o.columns === 2 && l.length === u.length + 1) {
+        const m = l.pop();
+        t.unshift(m);
+      }
+      return { left: l, right: u, full: t };
+    }), D = h(() => i.value.full.length > 0), P = h(
       () => i.value.left.length > 0 || i.value.right.length > 0
-    ), E = g(() => o.titleI18n ? U(o.titleI18n) : o.title ?? ""), O = g(() => o.variant === "stacked"), q = g(() => {
-      const n = {
+    ), E = h(() => o.titleI18n ? U(o.titleI18n) : o.title ?? ""), O = h(() => o.variant === "stacked"), q = h(() => {
+      const l = {
         default: "border border-border rounded",
         card: "border border-border rounded bg-card shadow-sm",
         minimal: "rounded",
@@ -66,22 +70,22 @@ const W = {
       };
       return [
         "list-component w-full overflow-hidden",
-        n[o.variant] ?? n.default,
+        l[o.variant] ?? l.default,
         o.class
       ].join(" ");
-    }), R = g(() => o.columns === 1 ? "grid grid-cols-1" : o.columns === 3 ? "grid grid-cols-1 md:grid-cols-3" : "grid grid-cols-1 md:grid-cols-2"), T = g(() => o.columns === 1 ? "" : "border-r border-border/70"), z = g(() => o.columns === 1 ? 1 : o.columns === 3 ? 3 : 2), A = g(() => o.columns === 1 ? "grid grid-cols-1 pb-2.5 pt-1 px-1" : o.columns === 3 ? "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 pb-2.5 pt-1 px-1" : "grid grid-cols-1 sm:grid-cols-2 pb-2.5 pt-1 px-1"), I = g(
-      () => Object.keys(G).filter((n) => !["title", "header", "footer"].includes(n))
-    ), V = g(() => Array.from({ length: o.skeletonRows }));
-    function H(n) {
-      return o.stackedBorderStyle === "divider" && n % z.value !== 0 ? "flex flex-col gap-1.5 py-2 border-l border-border pl-4 pr-3.5" : "flex flex-col gap-1.5 px-3.5 py-2";
+    }), R = h(() => o.columns === 1 ? "grid grid-cols-1" : o.columns === 3 ? "grid grid-cols-1 md:grid-cols-3" : "grid grid-cols-1 md:grid-cols-2"), T = h(() => o.columns === 1 ? "" : "border-r border-border/70"), z = h(() => o.columns === 1 ? 1 : o.columns === 3 ? 3 : 2), A = h(() => o.columns === 1 ? "grid grid-cols-1 pb-2.5 pt-1 px-1" : o.columns === 3 ? "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 pb-2.5 pt-1 px-1" : "grid grid-cols-1 sm:grid-cols-2 pb-2.5 pt-1 px-1"), $ = h(
+      () => Object.keys(G).filter((l) => !["title", "header", "footer"].includes(l))
+    ), V = h(() => Array.from({ length: o.skeletonRows }));
+    function H(l) {
+      return o.stackedBorderStyle === "divider" && l % z.value !== 0 ? "flex flex-col gap-1.5 py-2 border-l border-border pl-4 pr-3.5" : "flex flex-col gap-1.5 px-3.5 py-2";
     }
-    return (n, u) => (r(), l("div", {
+    return (l, u) => (r(), n("div", {
       class: C(q.value),
       role: "table",
       "aria-label": "Information list"
     }, [
-      E.value || s.titleIcon || n.$slots.title ? (r(), l("div", W, [
-        p(n.$slots, "title", {}, () => [
+      E.value || s.titleIcon || l.$slots.title ? (r(), n("div", W, [
+        p(l.$slots, "title", {}, () => [
           s.titleIcon ? (r(), x(Q, {
             key: 0,
             icon: s.titleIcon,
@@ -90,10 +94,10 @@ const W = {
           d("h3", X, N(E.value), 1)
         ])
       ])) : k("", !0),
-      s.loading ? (r(), l(b, { key: 1 }, [
-        O.value ? (r(), l(b, { key: 0 }, [
+      s.loading ? (r(), n(f, { key: 1 }, [
+        O.value ? (r(), n(f, { key: 0 }, [
           d("div", Y, [
-            (r(!0), l(b, null, f(V.value, (t, e) => (r(), l("div", {
+            (r(!0), n(f, null, g(V.value, (t, e) => (r(), n("div", {
               key: "sk-sm-" + e,
               class: "flex justify-between gap-3 px-3 py-2.5 border-b border-border/70 last:border-b-0"
             }, [...u[10] || (u[10] = [
@@ -105,7 +109,7 @@ const W = {
             d("div", {
               class: C(A.value)
             }, [
-              (r(!0), l(b, null, f(V.value, (t, e) => (r(), l("div", {
+              (r(!0), n(f, null, g(V.value, (t, e) => (r(), n("div", {
                 key: "sk-s-" + e,
                 class: C(H(e))
               }, [...u[11] || (u[11] = [
@@ -114,12 +118,12 @@ const W = {
               ])], 2))), 128))
             ], 2)
           ])
-        ], 64)) : (r(), l("div", {
+        ], 64)) : (r(), n("div", {
           key: 1,
           class: C(R.value)
         }, [
           d("div", null, [
-            (r(!0), l(b, null, f(V.value, (t, e) => (r(), l("div", {
+            (r(!0), n(f, null, g(V.value, (t, e) => (r(), n("div", {
               key: "sk-l-" + e,
               class: "flex justify-between gap-3 px-3 py-2.5 border-b border-border/70 last:border-b-0"
             }, [...u[12] || (u[12] = [
@@ -127,11 +131,11 @@ const W = {
               d("div", { class: "h-4 w-2/5 rounded bg-muted/60 animate-pulse" }, null, -1)
             ])]))), 128))
           ]),
-          s.columns !== 1 ? (r(), l("div", {
+          s.columns !== 1 ? (r(), n("div", {
             key: 0,
             class: C(T.value)
           }, [
-            (r(!0), l(b, null, f(V.value, (t, e) => (r(), l("div", {
+            (r(!0), n(f, null, g(V.value, (t, e) => (r(), n("div", {
               key: "sk-r-" + e,
               class: "flex justify-between gap-3 px-3 py-2.5 border-b border-border/70 last:border-b-0"
             }, [...u[13] || (u[13] = [
@@ -140,13 +144,13 @@ const W = {
             ])]))), 128))
           ], 2)) : k("", !0)
         ], 2))
-      ], 64)) : (r(), l(b, { key: 2 }, [
-        O.value ? (r(), l(b, { key: 0 }, [
+      ], 64)) : (r(), n(f, { key: 2 }, [
+        O.value ? (r(), n(f, { key: 0 }, [
           d("div", _, [
-            (r(!0), l(b, null, f(y.value, (t, e, h, a) => {
-              const m = [t, S($)(t.key, o.data), s.variant, s.showColon];
-              if (a && a.key === "mob-" + t.key + e && B(a, m)) return a;
-              const v = (r(), x(F, {
+            (r(!0), n(f, null, g(y.value, (t, e, m, a) => {
+              const v = [t, S(I)(t.key, o.data), s.variant, s.showColon];
+              if (a && a.key === "mob-" + t.key + e && B(a, v)) return a;
+              const c = (r(), x(F, {
                 key: "mob-" + t.key + e,
                 field: t,
                 data: o.data,
@@ -156,24 +160,24 @@ const W = {
                 "is-last": e === y.value.length - 1,
                 "show-border-bottom": e < y.value.length - 1
               }, j({ _: 2 }, [
-                f(I.value, (c) => ({
-                  name: c,
+                g($.value, (b) => ({
+                  name: b,
                   fn: L((w) => [
-                    p(n.$slots, c, M({ ref_for: !0 }, w))
+                    p(l.$slots, b, M({ ref_for: !0 }, w))
                   ])
                 }))
               ]), 1032, ["field", "data", "index", "show-colon", "is-last", "show-border-bottom"]));
-              return v.memo = m, v;
+              return c.memo = v, c;
             }, u, 0), 128))
           ]),
           d("div", ee, [
             d("div", {
               class: C(A.value)
             }, [
-              (r(!0), l(b, null, f(y.value, (t, e, h, a) => {
-                const m = [t, S($)(t.key, o.data), s.variant, s.showColon];
-                if (a && a.key === t.key + e && B(a, m)) return a;
-                const v = (r(), x(F, {
+              (r(!0), n(f, null, g(y.value, (t, e, m, a) => {
+                const v = [t, S(I)(t.key, o.data), s.variant, s.showColon];
+                if (a && a.key === t.key + e && B(a, v)) return a;
+                const c = (r(), x(F, {
                   key: t.key + e,
                   field: t,
                   data: o.data,
@@ -185,30 +189,30 @@ const W = {
                   "stacked-col-index": e % z.value,
                   "stacked-border-style": s.stackedBorderStyle
                 }, j({ _: 2 }, [
-                  f(I.value, (c) => ({
-                    name: c,
+                  g($.value, (b) => ({
+                    name: b,
                     fn: L((w) => [
-                      p(n.$slots, c, M({ ref_for: !0 }, w))
+                      p(l.$slots, b, M({ ref_for: !0 }, w))
                     ])
                   }))
                 ]), 1032, ["field", "data", "index", "variant", "is-last", "stacked-col-index", "stacked-border-style"]));
-                return v.memo = m, v;
+                return c.memo = v, c;
               }, u, 2), 128))
             ], 2)
           ]),
-          y.value.length === 0 ? (r(), l("div", te, " No information to display. ")) : k("", !0)
-        ], 64)) : (r(), l(b, { key: 1 }, [
+          y.value.length === 0 ? (r(), n("div", te, " No information to display. ")) : k("", !0)
+        ], 64)) : (r(), n(f, { key: 1 }, [
           d("div", {
             class: C(R.value)
           }, [
-            i.value.left.length > 0 ? (r(), l("div", {
+            i.value.left.length > 0 ? (r(), n("div", {
               key: 0,
               class: C(T.value)
             }, [
-              (r(!0), l(b, null, f(i.value.left, (t, e, h, a) => {
-                const m = [t, S($)(t.key, o.data), s.variant, s.showColon];
-                if (a && a.key === t.key + e && B(a, m)) return a;
-                const v = (r(), x(F, {
+              (r(!0), n(f, null, g(i.value.left, (t, e, m, a) => {
+                const v = [t, S(I)(t.key, o.data), s.variant, s.showColon];
+                if (a && a.key === t.key + e && B(a, v)) return a;
+                const c = (r(), x(F, {
                   key: t.key + e,
                   field: t,
                   data: o.data,
@@ -218,21 +222,21 @@ const W = {
                   "is-last": e === i.value.left.length - 1,
                   "show-border-bottom": e < i.value.left.length - 1 || e === i.value.left.length - 1 && !D.value
                 }, j({ _: 2 }, [
-                  f(I.value, (c) => ({
-                    name: c,
+                  g($.value, (b) => ({
+                    name: b,
                     fn: L((w) => [
-                      p(n.$slots, c, M({ ref_for: !0 }, w))
+                      p(l.$slots, b, M({ ref_for: !0 }, w))
                     ])
                   }))
                 ]), 1032, ["field", "data", "index", "variant", "show-colon", "is-last", "show-border-bottom"]));
-                return v.memo = m, v;
+                return c.memo = v, c;
               }, u, 4), 128))
             ], 2)) : k("", !0),
-            s.columns !== 1 && i.value.right.length > 0 ? (r(), l("div", re, [
-              (r(!0), l(b, null, f(i.value.right, (t, e, h, a) => {
-                const m = [t, S($)(t.key, o.data), s.variant, s.showColon];
-                if (a && a.key === t.key + e && B(a, m)) return a;
-                const v = (r(), x(F, {
+            s.columns !== 1 && i.value.right.length > 0 ? (r(), n("div", re, [
+              (r(!0), n(f, null, g(i.value.right, (t, e, m, a) => {
+                const v = [t, S(I)(t.key, o.data), s.variant, s.showColon];
+                if (a && a.key === t.key + e && B(a, v)) return a;
+                const c = (r(), x(F, {
                   key: t.key + e,
                   field: t,
                   data: o.data,
@@ -242,26 +246,26 @@ const W = {
                   "is-last": e === i.value.right.length - 1,
                   "show-border-bottom": e < i.value.right.length - 1 || e === i.value.right.length - 1 && !D.value
                 }, j({ _: 2 }, [
-                  f(I.value, (c) => ({
-                    name: c,
+                  g($.value, (b) => ({
+                    name: b,
                     fn: L((w) => [
-                      p(n.$slots, c, M({ ref_for: !0 }, w))
+                      p(l.$slots, b, M({ ref_for: !0 }, w))
                     ])
                   }))
                 ]), 1032, ["field", "data", "index", "variant", "show-colon", "is-last", "show-border-bottom"]));
-                return v.memo = m, v;
+                return c.memo = v, c;
               }, u, 6), 128))
             ])) : k("", !0),
-            s.columns === 3 ? (r(), l("div", oe)) : k("", !0)
+            s.columns === 3 ? (r(), n("div", oe)) : k("", !0)
           ], 2),
-          D.value ? (r(), l("div", {
+          D.value ? (r(), n("div", {
             key: 0,
             class: C(P.value ? "border-t border-border" : "")
           }, [
-            (r(!0), l(b, null, f(i.value.full, (t, e, h, a) => {
-              const m = [t, S($)(t.key, o.data), s.variant, s.showColon];
-              if (a && a.key === t.key + e && B(a, m)) return a;
-              const v = (r(), x(F, {
+            (r(!0), n(f, null, g(i.value.full, (t, e, m, a) => {
+              const v = [t, S(I)(t.key, o.data), s.variant, s.showColon];
+              if (a && a.key === t.key + e && B(a, v)) return a;
+              const c = (r(), x(F, {
                 key: t.key + e,
                 field: t,
                 data: o.data,
@@ -271,21 +275,21 @@ const W = {
                 "is-last": e === i.value.full.length - 1,
                 "show-border-bottom": e < i.value.full.length - 1
               }, j({ _: 2 }, [
-                f(I.value, (c) => ({
-                  name: c,
+                g($.value, (b) => ({
+                  name: b,
                   fn: L((w) => [
-                    p(n.$slots, c, M({ ref_for: !0 }, w))
+                    p(l.$slots, b, M({ ref_for: !0 }, w))
                   ])
                 }))
               ]), 1032, ["field", "data", "index", "variant", "show-colon", "is-last", "show-border-bottom"]));
-              return v.memo = m, v;
+              return c.memo = v, c;
             }, u, 8), 128))
           ], 2)) : k("", !0),
-          y.value.length === 0 ? (r(), l("div", le, " No information to display. ")) : k("", !0)
+          y.value.length === 0 ? (r(), n("div", le, " No information to display. ")) : k("", !0)
         ], 64))
       ], 64)),
-      n.$slots.footer ? (r(), l("div", ne, [
-        p(n.$slots, "footer")
+      l.$slots.footer ? (r(), n("div", ne, [
+        p(l.$slots, "footer")
       ])) : k("", !0)
     ], 2));
   }

package/components/Navbar/Navbar.vue.d.ts

@@ -71,6 +71,8 @@ declare function __VLS_template(): {
         'mobile-menu'?(_: {}): any;
     };
     refs: {
+        layoutMainRef: HTMLElement;
+        mainScrollRef: HTMLDivElement;
         mobileTriggerRef: HTMLButtonElement;
         mobileMenuRef: HTMLDivElement;
     };
@@ -109,6 +111,8 @@ declare const __VLS_component: import('vue').DefineComponent<NavbarProps, {}, {}
     breadcrumbClass: string;
     layoutMode: import('../../types/navbar.type').NavbarLayoutMode;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    layoutMainRef: HTMLElement;
+    mainScrollRef: HTMLDivElement;
     mobileTriggerRef: HTMLButtonElement;
     mobileMenuRef: HTMLDivElement;
 }, any>;