vlite3 0.6.8 → 0.6.9

package/components/Navbar/NavbarTabs.vue.js

@@ -87,7 +87,7 @@ const U = {
       }
       return !1;
     }, M = (o) => {
-      const t = "group relative inline-flex items-center justify-center gap-2 font-medium whitespace-nowrap shrink-0 select-none cursor-pointer outline-none transition-all duration-150  focus-visible:ring-2 focus-visible:ring-primary/50 focus-visible:ring-offset-1", e = o.disabled ? "opacity-50 pointer-events-none cursor-not-allowed" : "", d = x(o) ? n.activeClass || E[n.variant] : n.inactiveClass || V[n.variant];
+      const t = "group relative inline-flex items-center justify-center gap-2 font-medium whitespace-nowrap shrink-0 select-none cursor-pointer outline-none   focus-visible:ring-2 focus-visible:ring-primary/50 focus-visible:ring-offset-1", e = o.disabled ? "opacity-50 pointer-events-none cursor-not-allowed" : "", d = x(o) ? n.activeClass || E[n.variant] : n.inactiveClass || V[n.variant];
       return [t, $[n.size], d, e].filter(Boolean).join(" ");
     };
     return (o, t) => (s(), b("div", {

package/components/Price/Price.vue.d.ts

@@ -0,0 +1,8 @@
+type __VLS_Props = {
+    value?: number | string;
+    currency?: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    value: number | string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLSpanElement>;
+export default _default;

package/components/Price/Price.vue.js

@@ -0,0 +1,26 @@
+import { defineComponent as m, computed as t, openBlock as s, createElementBlock as i, toDisplayString as l } from "vue";
+import { useVLiteConfig as p } from "../../core/config.js";
+const d = /* @__PURE__ */ m({
+  __name: "Price",
+  props: {
+    value: { default: 0 },
+    currency: {}
+  },
+  setup(n) {
+    const r = n, c = p(), o = t(() => r.currency || c?.components?.price?.currency || "USD"), u = t(() => {
+      const e = Number(r.value) || 0;
+      try {
+        return new Intl.NumberFormat("en-US", {
+          style: "currency",
+          currency: o.value
+        }).format(e);
+      } catch {
+        return `$${e.toFixed(2)}`;
+      }
+    });
+    return (e, a) => (s(), i("span", null, l(u.value), 1));
+  }
+});
+export {
+  d as default
+};

package/components/Price/Price.vue2.js

@@ -0,0 +1,4 @@
+import f from "./Price.vue.js";
+export {
+  f as default
+};

package/components/Price/index.d.ts

@@ -0,0 +1 @@
+export { default as Price } from './Price.vue';

package/components/Screen/Screen.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as De, provide as q, computed as o, ref as x, watch as z, resolveComponent as Pe, openBlock as a, createElementBlock as s, normalizeClass as j, createElementVNode as g, renderSlot as w, toDisplayString as f, createBlock as c, withCtx as d, createVNode as u, createCommentVNode as m, unref as b, resolveDynamicComponent as H, Fragment as D, mergeProps as v, createTextVNode as y, renderList as Ie } from "vue";
+import { defineComponent as De, provide as q, computed as o, ref as x, watch as z, resolveComponent as Pe, openBlock as a, createElementBlock as s, normalizeClass as j, createElementVNode as g, renderSlot as w, toDisplayString as f, createBlock as c, withCtx as d, createVNode as u, createCommentVNode as m, unref as b, resolveDynamicComponent as H, Fragment as D, mergeProps as v, createTextVNode as p, renderList as Ie } from "vue";
 import Se from "../Input.vue.js";
 /* empty css            */
 import h from "../Button.vue.js";
@@ -49,10 +49,10 @@ const Me = { class: "flex flex-col w-full space-y-8" }, Ue = { class: "flex flex
     loading: { type: Boolean, default: !1 },
     refetch: {},
     paginationProps: { default: () => ({
-      alignment: "end",
+      alignment: "between",
       navType: "icon",
-      showItemsPerPage: !1,
-      itemsPerPageOptions: [10, 25, 50, 100]
+      showItemsPerPage: !0,
+      itemsPerPageOptions: [10, 20, 30, 50]
     }) },
     emptyTitle: {},
     emptyTitleI18n: {},
@@ -166,7 +166,7 @@ const Me = { class: "flex flex-col w-full space-y-8" }, Ue = { class: "flex flex
     }), he = o(() => {
       const e = r("vlite.screen.missingView");
       return e !== "vlite.screen.missingView" ? e : "Please provide a `:list` or `:table` component.";
-    }), p = o(() => {
+    }), y = o(() => {
       if (n.addBtn?.labelI18n) return r(n.addBtn.labelI18n);
       if (n.addBtn?.label) return n.addBtn.label;
       const e = r("vlite.screen.addNew");
@@ -183,9 +183,9 @@ const Me = { class: "flex flex-col w-full space-y-8" }, Ue = { class: "flex flex
     }), ge = o(() => {
       const e = [];
       return n.exportProps !== !1 && e.push({ value: "export", label: L.value, icon: "lucide:download" }), n.importProps !== !1 && e.push({ value: "import", label: W.value, icon: "lucide:upload" }), e;
-    }), M = x(null), xe = x(null), O = x(!1), U = x(!1), pe = (e) => {
+    }), M = x(null), xe = x(null), O = x(!1), U = x(!1), ye = (e) => {
       e.value === "export" ? O.value = !0 : e.value === "import" && (U.value = !0);
-    }, ye = o(() => n.exportSchema ? n.exportSchema.map((e) => ({
+    }, pe = o(() => n.exportSchema ? n.exportSchema.map((e) => ({
       field: e.name || e.field,
       title: e.label || e.title || e.name || e.field
     })) : []), we = o(() => n.importSchema ? n.importSchema.map((e) => ({
@@ -335,7 +335,7 @@ const Me = { class: "flex flex-col w-full space-y-8" }, Ue = { class: "flex flex
                           variant: t.addBtn.variant || "primary"
                         }, t.addBtn.buttonProps), {
                           default: d(() => [
-                            y(f(p.value), 1)
+                            p(f(y.value), 1)
                           ]),
                           _: 1
                         }, 16, ["icon", "variant"])
@@ -353,7 +353,7 @@ const Me = { class: "flex flex-col w-full space-y-8" }, Ue = { class: "flex flex
                           variant: t.addBtn.variant || "primary"
                         }, t.addBtn.buttonProps), {
                           default: d(() => [
-                            y(f(p.value), 1)
+                            p(f(y.value), 1)
                           ]),
                           _: 1
                         }, 16, ["icon", "variant"])
@@ -371,7 +371,7 @@ const Me = { class: "flex flex-col w-full space-y-8" }, Ue = { class: "flex flex
                         variant: t.addBtn.variant || "primary"
                       }, t.addBtn.buttonProps), {
                         default: d(() => [
-                          y(f(p.value), 1)
+                          p(f(y.value), 1)
                         ]),
                         _: 1
                       }, 16, ["icon", "variant"])
@@ -384,7 +384,7 @@ const Me = { class: "flex flex-col w-full space-y-8" }, Ue = { class: "flex flex
                       onClick: l[5] || (l[5] = (i) => t.addBtn.onClick ? t.addBtn.onClick() : e.$emit("add"))
                     }), {
                       default: d(() => [
-                        y(f(p.value), 1)
+                        p(f(y.value), 1)
                       ]),
                       _: 1
                     }, 16, ["icon", "variant"]))
@@ -396,7 +396,7 @@ const Me = { class: "flex flex-col w-full space-y-8" }, Ue = { class: "flex flex
                 closeOnSelect: "",
                 position: "bottom-end",
                 options: ge.value,
-                onOnSelect: pe
+                onOnSelect: ye
               }, {
                 trigger: d(() => [
                   u(h, {
@@ -414,7 +414,7 @@ const Me = { class: "flex flex-col w-full space-y-8" }, Ue = { class: "flex flex
         ], 2)),
         w(e.$slots, "sub-header"),
         g("div", {
-          class: j(["flex-1 w-full relative min-h-[250px]", t.containerClass])
+          class: j(["flex-1 w-full relative", t.containerClass])
         }, [
           !oe.value && !t.loading ? w(e.$slots, "empty", { key: 0 }, () => [
             u(b(Ee), {
@@ -439,7 +439,7 @@ const Me = { class: "flex flex-col w-full space-y-8" }, Ue = { class: "flex flex
                           class: "px-6!"
                         }, t.addBtn.buttonProps), {
                           default: d(() => [
-                            y(f(p.value), 1)
+                            p(f(y.value), 1)
                           ]),
                           _: 1
                         }, 16, ["icon", "variant"])
@@ -456,7 +456,7 @@ const Me = { class: "flex flex-col w-full space-y-8" }, Ue = { class: "flex flex
                           variant: t.addBtn.variant || "outline"
                         }, t.addBtn.buttonProps), {
                           default: d(() => [
-                            y(f(p.value), 1)
+                            p(f(y.value), 1)
                           ]),
                           _: 1
                         }, 16, ["icon", "variant"])
@@ -473,7 +473,7 @@ const Me = { class: "flex flex-col w-full space-y-8" }, Ue = { class: "flex flex
                         variant: t.addBtn.variant || "outline"
                       }, t.addBtn.buttonProps), {
                         default: d(() => [
-                          y(f(p.value), 1)
+                          p(f(y.value), 1)
                         ]),
                         _: 1
                       }, 16, ["icon", "variant"])
@@ -485,7 +485,7 @@ const Me = { class: "flex flex-col w-full space-y-8" }, Ue = { class: "flex flex
                       onClick: l[6] || (l[6] = (i) => t.addBtn.onClick ? t.addBtn.onClick() : e.$emit("add"))
                     }), {
                       default: d(() => [
-                        y(f(p.value), 1)
+                        p(f(y.value), 1)
                       ]),
                       _: 1
                     }, 16, ["icon", "variant"]))
@@ -496,7 +496,7 @@ const Me = { class: "flex flex-col w-full space-y-8" }, Ue = { class: "flex flex
                     onClick: l[7] || (l[7] = (i) => e.$emit("add"))
                   }, {
                     default: d(() => [
-                      y(f(p.value), 1)
+                      p(f(y.value), 1)
                     ]),
                     _: 1
                   }))
@@ -550,7 +550,7 @@ const Me = { class: "flex flex-col w-full space-y-8" }, Ue = { class: "flex flex
               ref_key: "exportDataRef",
               ref: M,
               data: t.data || [],
-              fields: ye.value,
+              fields: pe.value,
               mode: ke.value,
               "on-export": Ce
             }, typeof t.exportProps == "object" ? t.exportProps : {}, {

package/components/SidebarMenu/SidebarMenu.vue.js

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