vlite3 1.2.1 → 1.2.2

package/components/List/ListFieldRow.vue.js

@@ -1,11 +1,11 @@
-import { defineComponent as M, ref as $, computed as v, openBlock as t, createElementBlock as a, normalizeClass as s, createElementVNode as c, createBlock as f, createCommentVNode as x, toDisplayString as b, renderSlot as w, resolveDynamicComponent as L, Fragment as m, createVNode as p } from "vue";
+import { defineComponent as M, ref as $, computed as v, openBlock as t, createElementBlock as a, normalizeClass as s, createElementVNode as c, createBlock as f, createCommentVNode as x, toDisplayString as h, renderSlot as w, resolveDynamicComponent as L, Fragment as m, createVNode as p } from "vue";
 import g from "../Icon.vue.js";
 import k from "../Price/Price.vue.js";
 import { $t as j } from "../../utils/i18n.js";
-import { formatDate as V } from "../../utils/functions.js";
-import { getObjectValue as I, formatNumber as N } from "./utils.js";
-import { getStatusColorClass as D } from "../../utils/status.js";
-const E = { class: "flex items-center gap-2 min-w-0" }, F = { class: "text-xs font-normal text-muted-foreground leading-snug truncate" }, O = { class: "min-w-0" }, z = {
+import { formatDate as V, formatNumber as I } from "../../utils/functions.js";
+import { getObjectValue as N } from "./utils.js";
+import { getStatusColorClass as F } from "../../utils/status.js";
+const D = { class: "flex items-center gap-2 min-w-0" }, E = { class: "text-xs font-normal text-muted-foreground leading-snug truncate" }, O = { class: "min-w-0" }, z = {
   key: 2,
   class: "flex items-center gap-1.5"
 }, R = ["innerHTML"], Y = {
@@ -38,7 +38,7 @@ const E = { class: "flex items-center gap-2 min-w-0" }, F = { class: "text-xs fo
     autoLineByLineThreshold: { default: 50 }
   },
   setup(e) {
-    const l = e, i = $(!1), o = v(() => I(l.field.key, l.data)), r = v(() => {
+    const l = e, i = $(!1), o = v(() => N(l.field.key, l.data)), r = v(() => {
       const n = o.value;
       if (l.field.format)
         return l.field.format(n, l.data);
@@ -46,7 +46,7 @@ const E = { class: "flex items-center gap-2 min-w-0" }, F = { class: "text-xs fo
         return l.field.emptyText ?? "--";
       switch (l.field.type) {
         case "number":
-          return N(n);
+          return I(n, { numberFormat: l.field.numberFormat || "compact", compactThreshold: l.field.compactThreshold });
         case "boolean":
           return n ? "Yes" : "No";
         case "date":
@@ -61,7 +61,7 @@ const E = { class: "flex items-center gap-2 min-w-0" }, F = { class: "text-xs fo
     ), d = v(() => {
       const n = [];
       if (l.field.addStatusColor) {
-        const u = D(r.value);
+        const u = F(r.value);
         u && n.push(u);
       }
       if (l.field.class)
@@ -71,7 +71,7 @@ const E = { class: "flex items-center gap-2 min-w-0" }, F = { class: "text-xs fo
         } else
           n.push(l.field.class);
       return n.join(" ");
-    }), h = v(() => l.field.type === "image"), B = v(() => l.variant === "striped" && l.index % 2 !== 0), C = v(() => l.variant === "stacked"), S = v(() => l.field.lineByLineLayout === "inline" ? !1 : l.field.lineByLineLayout === "block" || l.field.lineByLine ? !0 : l.autoLineByLineThreshold > 0 ? String(r.value ?? "").length > l.autoLineByLineThreshold : !1), H = v(() => l.stackedBorderStyle === "divider" && l.stackedColIndex !== 0 ? "border-l border-border pl-4 pr-3.5 py-2" : "px-3.5 py-2");
+    }), b = v(() => l.field.type === "image"), B = v(() => l.variant === "striped" && l.index % 2 !== 0), C = v(() => l.variant === "stacked"), S = v(() => l.field.lineByLineLayout === "inline" ? !1 : l.field.lineByLineLayout === "block" || l.field.lineByLine ? !0 : l.autoLineByLineThreshold > 0 ? String(r.value ?? "").length > l.autoLineByLineThreshold : !1), H = v(() => l.stackedBorderStyle === "divider" && l.stackedColIndex !== 0 ? "border-l border-border pl-4 pr-3.5 py-2" : "px-3.5 py-2");
     return (n, u) => C.value ? (t(), a("div", {
       key: 0,
       class: s([
@@ -80,13 +80,13 @@ const E = { class: "flex items-center gap-2 min-w-0" }, F = { class: "text-xs fo
       ]),
       role: "row"
     }, [
-      c("div", E, [
+      c("div", D, [
         e.field.icon ? (t(), f(g, {
           key: 0,
           icon: e.field.icon,
           class: "w-3 h-3 text-muted-foreground shrink-0"
         }, null, 8, ["icon"])) : x("", !0),
-        c("span", F, b(y.value), 1)
+        c("span", E, h(y.value), 1)
       ]),
       c("div", O, [
         n.$slots[e.field.key] ? w(n.$slots, e.field.key, {
@@ -121,7 +121,7 @@ const E = { class: "flex items-center gap-2 min-w-0" }, F = { class: "text-xs fo
               class: "w-3 h-3"
             }, null, 8, ["icon"])
           ], 8, q)
-        ])) : h.value ? (t(), a("img", {
+        ])) : b.value ? (t(), a("img", {
           key: 3,
           src: r.value,
           alt: y.value,
@@ -154,7 +154,7 @@ const E = { class: "flex items-center gap-2 min-w-0" }, F = { class: "text-xs fo
           icon: e.field.icon,
           class: "w-3.5 h-3.5 text-gray-800 shrink-0"
         }, null, 8, ["icon"])) : x("", !0),
-        c("span", K, b(y.value) + b(e.showColon ? ":" : ""), 1)
+        c("span", K, h(y.value) + h(e.showColon ? ":" : ""), 1)
       ]),
       c("div", P, [
         n.$slots[e.field.key] ? w(n.$slots, e.field.key, {
@@ -189,7 +189,7 @@ const E = { class: "flex items-center gap-2 min-w-0" }, F = { class: "text-xs fo
               class: "w-3.5 h-3.5"
             }, null, 8, ["icon"])
           ], 8, X)
-        ])) : h.value ? (t(), a("img", {
+        ])) : b.value ? (t(), a("img", {
           key: 3,
           src: r.value,
           alt: y.value,
@@ -222,7 +222,7 @@ const E = { class: "flex items-center gap-2 min-w-0" }, F = { class: "text-xs fo
           icon: e.field.icon,
           class: "w-3.5 h-3.5 text-gray-800 shrink-0"
         }, null, 8, ["icon"])) : x("", !0),
-        c("span", te, b(y.value) + b(e.showColon ? ":" : ""), 1)
+        c("span", te, h(y.value) + h(e.showColon ? ":" : ""), 1)
       ]),
       c("div", le, [
         n.$slots[e.field.key] ? w(n.$slots, e.field.key, {
@@ -257,7 +257,7 @@ const E = { class: "flex items-center gap-2 min-w-0" }, F = { class: "text-xs fo
               class: "w-3.5 h-3.5"
             }, null, 8, ["icon"])
           ], 8, ie)
-        ], 64)) : h.value ? (t(), a("img", {
+        ], 64)) : b.value ? (t(), a("img", {
           key: 3,
           src: r.value,
           alt: y.value,

package/components/List/utils.d.ts

@@ -1,8 +1,8 @@
 import { getStatusColorClass } from '../../utils/status';
+import { formatNumber } from '../../utils/functions';
 /**
  * Resolves a dot-notation path from a nested object.
  * e.g. getObjectValue('location.city', data) => 'New York'
  */
 export declare function getObjectValue(path: string, obj: Record<string, any>): any;
-export { getStatusColorClass };
-export declare function formatNumber(value: any): string;
+export { getStatusColorClass, formatNumber };

package/components/List/utils.js

@@ -1,12 +1,9 @@
-function u(r, e) {
-  if (!(!r || !e))
-    return r.includes(".") ? r.split(".").reduce((n, t) => n?.[t], e) : e[r];
-}
-function i(r) {
-  const e = Number(r);
-  return isNaN(e) ? String(r ?? "--") : new Intl.NumberFormat("en-US").format(e);
+import "../../core/config.js";
+import "dayjs";
+function c(e, r) {
+  if (!(!e || !r))
+    return e.includes(".") ? e.split(".").reduce((i, t) => i?.[t], r) : r[e];
 }
 export {
-  i as formatNumber,
-  u as getObjectValue
+  c as getObjectValue
 };

package/components/NavbarCommandPalette.vue.js

@@ -48,7 +48,7 @@ const V = { class: "block truncate -text-fs-1.5" }, S = { class: "ml-auto inline
     return (e, l) => o.enabled ? (M(), E(K, { key: 0 }, [
       a("button", {
         type: "button",
-        class: D(["command-palette-trigger inline-flex items-center gap-2 px-3 py-1.5 rounded-md text-sm text-muted-foreground bg-muted/60 hover:bg-muted border border-border/60 focus-visible:outline-none justify-between focus-visible:ring-2 focus-visible:ring-primary/50 select-none cursor-pointer shrink-0", o.triggerClass]),
+        class: D(["command-palette-trigger inline-flex items-center gap-2 px-3 py-1.5 rounded-md text-sm text-muted-foreground bg-muted/60 hover:bg-muted border border-border/90 focus-visible:outline-none justify-between focus-visible:ring-2 focus-visible:ring-primary/50 select-none cursor-pointer shrink-0", o.triggerClass]),
         "aria-label": "Open command palette",
         onClick: b
       }, [

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

@@ -1,6 +1,8 @@
 type __VLS_Props = {
     value?: number | string;
     currency?: string;
+    numberFormat?: 'standard' | 'compact';
+    compactThreshold?: number;
 };
 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;

package/components/Price/Price.vue.js

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

package/components/Screen/Screen.vue.d.ts

@@ -18,7 +18,7 @@ declare function __VLS_template(): {
             hasData: boolean;
             loading: boolean;
         }): any;
-        description?(_: {
+        title?(_: {
             activeView: string;
             searchQuery: string;
             activeFilters: Record<string, any>;
@@ -34,7 +34,7 @@ declare function __VLS_template(): {
             hasData: boolean;
             loading: boolean;
         }): any;
-        'before-search'?(_: {
+        description?(_: {
             activeView: string;
             searchQuery: string;
             activeFilters: Record<string, any>;
@@ -50,7 +50,7 @@ declare function __VLS_template(): {
             hasData: boolean;
             loading: boolean;
         }): any;
-        actions?(_: {
+        description?(_: {
             activeView: string;
             searchQuery: string;
             activeFilters: Record<string, any>;
@@ -66,7 +66,14 @@ declare function __VLS_template(): {
             hasData: boolean;
             loading: boolean;
         }): any;
-        'after-add'?(_: {
+        'header-stats'?(_: {}): any;
+        'before-search'?(_: any): any;
+        'before-search'?(_: any): any;
+        actions?(_: any): any;
+        actions?(_: any): any;
+        'after-add'?(_: any): any;
+        'after-add'?(_: any): any;
+        'custom-header'?(_: {
             activeView: string;
             searchQuery: string;
             activeFilters: Record<string, any>;
@@ -114,6 +121,22 @@ declare function __VLS_template(): {
             hasData: boolean;
             loading: boolean;
         }): any;
+        'sub-header'?(_: {
+            activeView: string;
+            searchQuery: string;
+            activeFilters: Record<string, any>;
+            activeQuickFilter: string | number;
+            activeSort: {
+                field: string;
+                order: string;
+            };
+            page: number;
+            limit: number;
+            selectedRows: any[];
+            isFiltered: boolean;
+            hasData: boolean;
+            loading: boolean;
+        }): any;
         empty?(_: {
             activeView: string;
             searchQuery: string;
@@ -316,24 +339,27 @@ declare const __VLS_component: import('vue').DefineComponent<ScreenProps, {}, {}
 }>, {
     name: string;
     data: any[];
+    variant: "one" | "two";
     loading: boolean;
     exportProps: Record<string, any> | boolean;
     importProps: Record<string, any> | boolean;
     canAdd: boolean;
     emptyIcon: string;
+    hideSelectable: boolean;
+    hideDeleteBtn: boolean;
+    showRefresh: boolean;
+    filterSchema: import('../Form').IForm[];
+    filterType: "modal" | "dropdown";
+    canSearch: boolean;
+    stats: import('../Stats').StatItemSchema[] | any[];
+    statsProps: Partial<import('../Stats').StatsProps>;
     paginationProps: import('./types').ScreenPaginationProps;
     exportSchema: import('../ExportData').ExportField[] | any[];
     importSchema: import('../ImportData').ImportField[] | any[];
     importType: string;
     customHeader: boolean;
-    canSearch: boolean;
     pagination: boolean;
-    filterSchema: import('../Form').IForm[];
-    filterType: "modal" | "dropdown";
-    showRefresh: boolean;
     viewProps: Record<string, any>;
-    hideSelectable: boolean;
-    hideDeleteBtn: boolean;
     quickFilters: import('./types').ScreenQuickFilter[];
     skipQuickFilterViews: string[];
     quickFilterKey: string;