vlite3 0.3.4 → 0.3.7

package/components/Badge.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as o, computed as a, openBlock as c, createElementBlock as i, normalizeClass as d, renderSlot as u } from "vue";
+import { defineComponent as o, computed as a, openBlock as c, createElementBlock as d, normalizeClass as i, renderSlot as u } from "vue";
 const g = /* @__PURE__ */ o({
   __name: "Badge",
   props: {
@@ -6,7 +6,7 @@ const g = /* @__PURE__ */ o({
     class: { default: "" }
   },
   setup(n) {
-    const e = n, t = a(() => ["inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", {
+    const e = n, t = a(() => ["inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", {
       default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
       secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
       danger: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
@@ -15,8 +15,8 @@ const g = /* @__PURE__ */ o({
       success: "border-transparent bg-success text-success-fg hover:bg-success/80",
       outline: "text-foreground border-border"
     }[e.variant], e.class].join(" "));
-    return (r, s) => (c(), i("div", {
-      class: d(t.value)
+    return (r, s) => (c(), d("div", {
+      class: i(t.value)
     }, [
       u(r.$slots, "default")
     ], 2));

package/components/Button.vue.d.ts

@@ -3,6 +3,7 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
+        default?(_: {}): any;
     };
     refs: {};
     rootEl: HTMLButtonElement;

package/components/Button.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent as y, useSlots as z, computed as i, inject as k, withDirectives as B, openBlock as r, createElementBlock as C, normalizeClass as s, createBlock as u, createCommentVNode as g, renderSlot as S, createTextVNode as G, toDisplayString as I, unref as R } from "vue";
+import { defineComponent as B, useSlots as I, computed as r, inject as R, withDirectives as S, openBlock as s, createElementBlock as g, normalizeClass as o, createBlock as u, createCommentVNode as h, renderSlot as f, createTextVNode as m, toDisplayString as b, unref as G } from "vue";
 import d from "./Icon.vue.js";
 import { vRipple as j } from "../directives/vRipple.js";
-const V = ["type", "disabled"], E = /* @__PURE__ */ y({
+const V = ["type", "disabled"], N = /* @__PURE__ */ B({
   __name: "Button",
   props: {
     variant: { default: "primary" },
@@ -13,11 +13,15 @@ const V = ["type", "disabled"], E = /* @__PURE__ */ y({
     iconRight: {},
     type: { default: "button" },
     text: {},
-    rounded: { default: "md" }
+    rounded: { default: "md" },
+    textClass: {},
+    iconLeftClass: {},
+    iconRightClass: {},
+    asIcon: { type: Boolean }
   },
   setup(e) {
-    const n = e, h = z(), l = i(() => n.icon && !n.text && !h.default), f = k("buttonGroup", null), m = i(() => !!f?.isInGroup), b = i(() => {
-      const t = "inline-flex items-center justify-center whitespace-nowrap text-sm font-medium ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 active:scale-[0.98] cursor-pointer gap-2", o = {
+    const t = e, x = I(), l = r(() => t?.asIcon || t.icon && !t.text && !x.default), v = R("buttonGroup", null), w = r(() => !!v?.isInGroup), y = r(() => {
+      const n = "inline-flex items-center justify-center whitespace-nowrap text-sm font-medium ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 active:scale-[0.98] cursor-pointer gap-2", i = {
         primary: "bg-primary text-primary-foreground hover:bg-primary/90",
         "primary-light": "bg-primary-light text-primary-fg-light hover:bg-primary/20",
         secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
@@ -37,25 +41,25 @@ const V = ["type", "disabled"], E = /* @__PURE__ */ y({
         "outline-success": "border border-success text-success hover:bg-success/10",
         ghost: "hover:bg-accent hover:text-accent-foreground text-foreground",
         link: "text-primary underline-offset-4 hover:underline"
-      }, x = {
+      }, p = {
         xs: "h-6.5 px-2",
         sm: "h-7.5 px-3",
         md: "h-9 px-4 py-2",
         lg: "h-10 px-6",
         xl: "h-12 px-10"
-      }, v = {
+      }, z = {
         xs: "h-6.5 w-6.5 min-h-6.5 min-w-6.5",
         sm: "h-7 w-7 min-h-7 min-w-7",
         md: "h-7.5 w-7.5 min-h-7.5 min-w-7.5",
         lg: "h-8 w-8 min-h-8 min-w-8",
         xl: "h-8.5 w-8.5 min-h-8.5 min-w-8.5"
-      }, p = {
+      }, C = {
         xs: "px-2",
         sm: "px-3",
         md: "px-4",
         lg: "px-6",
         xl: "px-10"
-      }, w = {
+      }, k = {
         none: "rounded-none",
         sm: "rounded-sm",
         md: "rounded",
@@ -64,57 +68,64 @@ const V = ["type", "disabled"], E = /* @__PURE__ */ y({
         "2xl": "rounded-2xl",
         full: "rounded-full"
       };
-      let a;
-      return l.value ? a = m.value ? p[n.size] : v[n.size] : a = x[n.size], [
-        t,
-        o[n.variant],
-        w[n.rounded],
-        a,
-        n.class
+      let c;
+      return l.value ? c = w.value ? C[t.size] : z[t.size] : c = p[t.size], [
+        n,
+        i[t.variant],
+        k[t.rounded],
+        c,
+        t.class
       ].join(" ");
-    }), c = i(() => {
-      const t = {
+    }), a = r(() => {
+      const n = {
         xs: "w-3 h-3",
         sm: "w-4 h-4",
         md: "w-4 h-4",
         lg: "w-4 h-4",
         xl: "w-4 h-4"
-      }, o = {
+      }, i = {
         xs: "w-3 h-3",
         sm: "w-3.5 h-3.5",
         md: "w-3.5 h-3.5",
         lg: "w-4 h-4",
         xl: "w-4 h-4"
       };
-      return l.value ? o[n.size] : t[n.size];
+      return l.value ? i[t.size] : n[t.size];
     });
-    return (t, o) => B((r(), C("button", {
+    return (n, i) => S((s(), g("button", {
       type: e.type,
-      class: s(b.value),
+      class: o(y.value),
       disabled: e.disabled || e.loading
     }, [
-      e.loading ? (r(), u(d, {
+      e.loading ? (s(), u(d, {
         key: 0,
         icon: "lucide:loader-2",
-        class: s(["animate-spin pointer-events-none", c.value])
-      }, null, 8, ["class"])) : e.icon ? (r(), u(d, {
+        class: o(["animate-spin pointer-events-none", a.value])
+      }, null, 8, ["class"])) : e.icon ? (s(), u(d, {
         key: 1,
         icon: e.icon,
-        class: s(["pointer-events-none", [c.value, l.value ? "mx-auto" : ""]])
-      }, null, 8, ["icon", "class"])) : g("", !0),
-      S(t.$slots, "default", {}, () => [
-        G(I(e.text), 1)
-      ]),
-      e.iconRight && !e.loading ? (r(), u(d, {
+        class: o(["pointer-events-none", [e.iconLeftClass, a.value, l.value ? "mx-auto" : ""]])
+      }, null, 8, ["icon", "class"])) : h("", !0),
+      e.textClass ? (s(), g("span", {
         key: 2,
+        class: o(e.textClass)
+      }, [
+        f(n.$slots, "default", {}, () => [
+          m(b(e.text), 1)
+        ])
+      ], 2)) : f(n.$slots, "default", { key: 3 }, () => [
+        m(b(e.text), 1)
+      ]),
+      e.iconRight && !e.loading ? (s(), u(d, {
+        key: 4,
         icon: e.iconRight,
-        class: s([c.value, "h-4 w-4 pointer-events-none"])
-      }, null, 8, ["icon", "class"])) : g("", !0)
+        class: o([[e.iconRightClass, a.value], "h-4 w-4 pointer-events-none"])
+      }, null, 8, ["icon", "class"])) : h("", !0)
     ], 10, V)), [
-      [R(j)]
+      [G(j)]
     ]);
   }
 });
 export {
-  E as default
+  N as default
 };

package/components/DataList/DataList.vue.d.ts

@@ -20,22 +20,24 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<DataListProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    "update:itemsPerPage": (limit: number) => any;
-    "page-change": (page: number) => any;
+    change: (payload: {
+        page: number;
+        limit: number;
+    }) => any;
 }, string, import('vue').PublicProps, Readonly<DataListProps> & Readonly<{
-    "onUpdate:itemsPerPage"?: (limit: number) => any;
-    "onPage-change"?: (page: number) => any;
+    onChange?: (payload: {
+        page: number;
+        limit: number;
+    }) => any;
 }>, {
     data: any[];
     loading: boolean;
     className: string;
-    paginationPosition: "start" | "center" | "end" | "between";
-    showItemsPerPage: boolean;
-    itemsPerPageOptions: number[];
     emptyTitle: string;
     emptyDescription: string;
     emptyIcon: string;
     showPagination: boolean;
+    paginationProps: import('./types').DataListMetaInfo;
     itemProps: Record<string, any>;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/components/DataList/DataList.vue.js

@@ -1,16 +1,16 @@
-import { defineComponent as b, computed as r, openBlock as t, createElementBlock as n, normalizeClass as c, Fragment as u, renderList as f, renderSlot as l, createBlock as y, resolveDynamicComponent as P, createElementVNode as i, createVNode as h, toDisplayString as k, mergeProps as C, createCommentVNode as p, unref as N } from "vue";
-import B from "../Pagination/Pagination.vue.js";
-import $ from "../Icon.vue.js";
-const D = { class: "flex flex-col w-full" }, V = {
+import { defineComponent as B, ref as D, watch as u, computed as f, openBlock as a, createElementBlock as n, normalizeClass as y, Fragment as P, renderList as h, renderSlot as i, createBlock as k, resolveDynamicComponent as v, createElementVNode as c, createVNode as I, toDisplayString as p, mergeProps as x, createCommentVNode as b, unref as L } from "vue";
+import j from "../Pagination/Pagination.vue.js";
+import E from "../Icon.vue.js";
+const S = { class: "flex flex-col w-full" }, z = {
   key: 1,
   class: "h-48 rounded-lg bg-gray-200 animate-pulse w-full"
-}, j = {
+}, F = {
   key: 1,
   class: "flex flex-col items-center justify-center p-12 text-center bg-gray-50 border border-gray-200 rounded-lg"
-}, E = { class: "flex h-12 w-12 items-center justify-center rounded-full bg-gray-100 mb-4" }, L = { class: "text-lg font-semibold text-gray-900" }, O = { class: "mt-2 text-sm text-gray-500" }, S = {
+}, O = { class: "flex h-12 w-12 items-center justify-center rounded-full bg-gray-100 mb-4" }, U = { class: "text-lg font-semibold text-gray-900" }, V = { class: "mt-2 text-sm text-gray-500" }, W = {
   key: 3,
-  class: "mt-8"
-}, W = /* @__PURE__ */ b({
+  class: "mt-8 w-full"
+}, H = /* @__PURE__ */ B({
   __name: "DataList",
   props: {
     data: { default: () => [] },
@@ -25,74 +25,97 @@ const D = { class: "flex flex-col w-full" }, V = {
     emptyDescription: { default: "We could not find any items to display here." },
     emptyIcon: { default: "lucide:inbox" },
     showPagination: { type: Boolean, default: !0 },
-    paginationPosition: { default: "between" },
-    itemsPerPageOptions: { default: () => [10, 25, 50, 100] },
-    showItemsPerPage: { type: Boolean, default: !1 }
+    paginationProps: { default: () => ({
+      alignment: "end",
+      navType: "icon",
+      showItemsPerPage: !1,
+      itemsPerPageOptions: [10, 25, 50, 100],
+      showPageInfo: !1
+    }) },
+    delete: {}
   },
-  emits: ["page-change", "update:itemsPerPage"],
-  setup(e, { emit: v }) {
-    const d = e, m = v, w = (a) => {
-      m("page-change", a);
-    }, x = (a) => {
-      m("update:itemsPerPage", a);
-    }, I = r(() => d.pageInfo?.currentPage || 1), g = r(() => d.pageInfo?.totalPages || 1);
-    return (a, T) => (t(), n("div", D, [
-      e.loading ? (t(), n("div", {
+  emits: ["change"],
+  setup(e, { emit: w }) {
+    const o = e, C = w, s = D(o.pageInfo?.itemsPerPage || o.paginationProps?.itemsPerPage || 10);
+    u(
+      () => o.pageInfo?.itemsPerPage,
+      (t) => {
+        t !== void 0 && (s.value = t);
+      }
+    ), u(
+      () => o.paginationProps?.itemsPerPage,
+      (t) => {
+        t !== void 0 && (s.value = t);
+      }
+    );
+    let r = null;
+    const g = (t, m) => {
+      r && clearTimeout(r), r = setTimeout(() => {
+        C("change", { page: t, limit: m });
+      }, 10);
+    }, N = (t) => {
+      g(t, s.value);
+    }, T = (t) => {
+      s.value = t, g(o.pageInfo?.currentPage || 1, t);
+    };
+    f(() => o.pageInfo?.currentPage || 1);
+    const $ = f(() => o.pageInfo?.totalPages || 1);
+    return (t, m) => (a(), n("div", S, [
+      e.loading ? (a(), n("div", {
         key: 0,
-        class: c(e.className)
+        class: y(e.className)
       }, [
-        (t(), n(u, null, f(8, (s) => l(a.$slots, "skeleton", {
-          key: "skeleton-" + s,
-          index: s
+        (a(), n(P, null, h(8, (l) => i(t.$slots, "skeleton", {
+          key: "skeleton-" + l,
+          index: l
         }, () => [
-          l(a.$slots, "skelton", { index: s }, () => [
-            e.skeleton || e.skelton ? (t(), y(P(e.skeleton || e.skelton), { key: 0 })) : (t(), n("div", V))
+          i(t.$slots, "skelton", { index: l }, () => [
+            e.skeleton || e.skelton ? (a(), k(v(e.skeleton || e.skelton), { key: 0 })) : (a(), n("div", z))
           ])
         ])), 64))
-      ], 2)) : !e.data || e.data.length === 0 ? (t(), n("div", j, [
-        l(a.$slots, "empty", {}, () => [
-          i("div", E, [
-            h($, {
+      ], 2)) : !e.data || e.data.length === 0 ? (a(), n("div", F, [
+        i(t.$slots, "empty", {}, () => [
+          c("div", O, [
+            I(E, {
               icon: e.emptyIcon,
               class: "h-6 w-6 text-gray-500"
             }, null, 8, ["icon"])
           ]),
-          i("h3", L, k(e.emptyTitle), 1),
-          i("p", O, k(e.emptyDescription), 1)
+          c("h3", U, p(e.emptyTitle), 1),
+          c("p", V, p(e.emptyDescription), 1)
         ])
-      ])) : (t(), n("div", {
+      ])) : (a(), n("div", {
         key: 2,
-        class: c(e.className)
+        class: y(e.className)
       }, [
-        (t(!0), n(u, null, f(e.data, (s, o) => l(a.$slots, "item", {
-          key: o,
-          item: s,
+        (a(!0), n(P, null, h(e.data, (l, d) => i(t.$slots, "item", {
+          key: d,
+          item: l,
           data: e.data,
-          index: o
+          index: d
         }, () => [
-          e.item ? (t(), y(P(e.item), C({
+          e.item ? (a(), k(v(e.item), x({
             key: 0,
-            item: s,
+            item: l,
             data: e.data,
-            index: o
-          }, { ref_for: !0 }, e.itemProps), null, 16, ["item", "data", "index"])) : p("", !0)
+            index: d
+          }, { ref_for: !0 }, e.itemProps), null, 16, ["item", "data", "index"])) : b("", !0)
         ])), 128))
       ], 2)),
-      e.showPagination && e.pageInfo && g.value > 1 ? (t(), n("div", S, [
-        h(N(B), {
-          "current-page": I.value,
-          "total-pages": g.value,
-          alignment: e.paginationPosition,
-          "show-items-per-page": e.showItemsPerPage,
-          "items-per-page": e.pageInfo?.itemsPerPage,
-          "items-per-page-options": e.itemsPerPageOptions,
-          onChange: w,
-          "onUpdate:itemsPerPage": x
-        }, null, 8, ["current-page", "total-pages", "alignment", "show-items-per-page", "items-per-page", "items-per-page-options"])
-      ])) : p("", !0)
+      e.showPagination && e.pageInfo && $.value > 1 ? (a(), n("div", W, [
+        I(L(j), x({
+          "current-page": e.pageInfo?.currentPage,
+          "total-pages": e.pageInfo?.totalPages,
+          "total-items": e.pageInfo?.totalItems,
+          navType: "icon"
+        }, e.paginationProps, {
+          onChange: N,
+          "onUpdate:itemsPerPage": T
+        }), null, 16, ["current-page", "total-pages", "total-items"])
+      ])) : b("", !0)
     ]));
   }
 });
 export {
-  W as default
+  H as default
 };

package/components/DataList/types.d.ts

@@ -1,13 +1,9 @@
-export interface DataListPageInfo {
-    currentPage: number;
-    totalPages: number;
-    totalItems?: number;
-    itemsPerPage?: number;
-}
+import { PageInfo, PaginationProps } from '../Pagination';
+export type DataListMetaInfo = Omit<PaginationProps, 'currentPage' | 'totalPages'>;
 export interface DataListProps {
     data?: any[];
     loading?: boolean;
-    pageInfo?: DataListPageInfo;
+    pageInfo?: PageInfo;
     className?: string;
     item?: any;
     skeleton?: any;
@@ -17,7 +13,6 @@ export interface DataListProps {
     emptyDescription?: string;
     emptyIcon?: string;
     showPagination?: boolean;
-    paginationPosition?: 'start' | 'center' | 'end' | 'between';
-    itemsPerPageOptions?: number[];
-    showItemsPerPage?: boolean;
+    paginationProps?: DataListMetaInfo;
+    delete?: (items: any[]) => void;
 }

package/components/DataTable/DataTable.vue.d.ts

@@ -37,9 +37,6 @@ declare const __VLS_component: import('vue').DefineComponent<DataTableProps, {},
     rows: any[];
     selectable: boolean;
     showSearch: boolean;
-    showItemsPerPage: boolean;
-    itemsPerPage: number;
-    itemsPerPageOptions: number[];
     compact: boolean;
     headers: import('./types').TableHeader[];
     keyField: string;
@@ -53,6 +50,7 @@ declare const __VLS_component: import('vue').DefineComponent<DataTableProps, {},
     emptyDescription: string;
     emptyIcon: string;
     showPagination: boolean;
+    paginationProps: import('./types').DataTablePaginationProps;
     bordered: boolean;
     sortable: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;