vlite3 0.3.6 → 0.3.8

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"], E = /* @__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: {},
+    iconClass: {},
+    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,54 +68,61 @@ 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.iconClass, 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)]
     ]);
   }
 });

package/components/DataList/DataList.vue.js

@@ -1,16 +1,13 @@
-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 d, 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 = {
+import { defineComponent as b, ref as D, watch as r, computed as u, openBlock as a, createElementBlock as o, normalizeClass as f, Fragment as P, renderList as y, renderSlot as s, createBlock as k, resolveDynamicComponent as h, createVNode as I, unref as v, mergeProps as p, createCommentVNode as C } from "vue";
+import L from "../Pagination/Pagination.vue.js";
+import x from "../Empty/Empty.vue.js";
+const z = { class: "flex flex-col w-full" }, E = {
   key: 1,
   class: "h-48 rounded-lg bg-gray-200 animate-pulse w-full"
 }, F = {
-  key: 1,
-  class: "flex flex-col items-center justify-center p-12 text-center bg-gray-50 border border-gray-200 rounded-lg"
-}, 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-full"
-}, H = /* @__PURE__ */ B({
+}, W = /* @__PURE__ */ b({
   __name: "DataList",
   props: {
     data: { default: () => [] },
@@ -31,90 +28,86 @@ const S = { class: "flex flex-col w-full" }, z = {
       showItemsPerPage: !1,
       itemsPerPageOptions: [10, 25, 50, 100],
       showPageInfo: !1
-    }) }
+    }) },
+    delete: {}
   },
   emits: ["change"],
-  setup(e, { emit: w }) {
-    const o = e, C = w, s = D(o.pageInfo?.itemsPerPage || o.paginationProps?.itemsPerPage || 10);
-    u(
-      () => o.pageInfo?.itemsPerPage,
+  setup(e, { emit: T }) {
+    const n = e, w = T, i = D(n.pageInfo?.itemsPerPage || n.paginationProps?.itemsPerPage || 10);
+    r(
+      () => n.pageInfo?.itemsPerPage,
       (t) => {
-        t !== void 0 && (s.value = t);
+        t !== void 0 && (i.value = t);
       }
-    ), u(
-      () => o.paginationProps?.itemsPerPage,
+    ), r(
+      () => n.paginationProps?.itemsPerPage,
       (t) => {
-        t !== void 0 && (s.value = t);
+        t !== void 0 && (i.value = t);
       }
     );
-    let r = null;
-    const g = (t, m) => {
-      r && clearTimeout(r), r = setTimeout(() => {
-        C("change", { page: t, limit: m });
+    let m = null;
+    const g = (t, c) => {
+      m && clearTimeout(m), m = setTimeout(() => {
+        w("change", { page: t, limit: c });
       }, 10);
     }, N = (t) => {
-      g(t, s.value);
-    }, T = (t) => {
-      s.value = t, g(o.pageInfo?.currentPage || 1, t);
+      g(t, i.value);
+    }, $ = (t) => {
+      i.value = t, g(n.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", {
+    u(() => n.pageInfo?.currentPage || 1);
+    const B = u(() => n.pageInfo?.totalPages || 1);
+    return (t, c) => (a(), o("div", z, [
+      e.loading ? (a(), o("div", {
         key: 0,
-        class: y(e.className)
+        class: f(e.className)
       }, [
-        (a(), n(P, null, h(8, (l) => i(t.$slots, "skeleton", {
+        (a(), o(P, null, y(8, (l) => s(t.$slots, "skeleton", {
           key: "skeleton-" + l,
           index: l
         }, () => [
-          i(t.$slots, "skelton", { index: l }, () => [
-            e.skeleton || e.skelton ? (a(), k(v(e.skeleton || e.skelton), { key: 0 })) : (a(), n("div", z))
+          s(t.$slots, "skelton", { index: l }, () => [
+            e.skeleton || e.skelton ? (a(), k(h(e.skeleton || e.skelton), { key: 0 })) : (a(), o("div", E))
           ])
         ])), 64))
-      ], 2)) : !e.data || e.data.length === 0 ? (a(), n("div", F, [
-        i(t.$slots, "empty", {}, () => [
-          d("div", O, [
-            I(E, {
-              icon: e.emptyIcon,
-              class: "h-6 w-6 text-gray-500"
-            }, null, 8, ["icon"])
-          ]),
-          d("h3", U, p(e.emptyTitle), 1),
-          d("p", V, p(e.emptyDescription), 1)
-        ])
-      ])) : (a(), n("div", {
+      ], 2)) : !e.data || e.data.length === 0 ? s(t.$slots, "empty", { key: 1 }, () => [
+        I(v(x), {
+          title: e.emptyTitle,
+          description: e.emptyDescription,
+          icon: e.emptyIcon
+        }, null, 8, ["title", "description", "icon"])
+      ]) : (a(), o("div", {
         key: 2,
-        class: y(e.className)
+        class: f(e.className)
       }, [
-        (a(!0), n(P, null, h(e.data, (l, c) => i(t.$slots, "item", {
-          key: c,
+        (a(!0), o(P, null, y(e.data, (l, d) => s(t.$slots, "item", {
+          key: d,
           item: l,
           data: e.data,
-          index: c
+          index: d
         }, () => [
-          e.item ? (a(), k(v(e.item), x({
+          e.item ? (a(), k(h(e.item), p({
             key: 0,
             item: l,
             data: e.data,
-            index: c
-          }, { ref_for: !0 }, e.itemProps), null, 16, ["item", "data", "index"])) : b("", !0)
+            index: d
+          }, { ref_for: !0 }, e.itemProps), null, 16, ["item", "data", "index"])) : C("", !0)
         ])), 128))
       ], 2)),
-      e.showPagination && e.pageInfo && $.value > 1 ? (a(), n("div", W, [
-        I(L(j), x({
+      e.showPagination && e.pageInfo && B.value > 1 ? (a(), o("div", F, [
+        I(v(L), p({
           "current-page": e.pageInfo?.currentPage,
           "total-pages": e.pageInfo?.totalPages,
           "total-items": e.pageInfo?.totalItems,
           navType: "icon"
         }, e.paginationProps, {
           onChange: N,
-          "onUpdate:itemsPerPage": T
+          "onUpdate:itemsPerPage": $
         }), null, 16, ["current-page", "total-pages", "total-items"])
-      ])) : b("", !0)
+      ])) : C("", !0)
     ]));
   }
 });
 export {
-  H as default
+  W as default
 };

package/components/DataList/types.d.ts

@@ -14,4 +14,5 @@ export interface DataListProps {
     emptyIcon?: string;
     showPagination?: boolean;
     paginationProps?: DataListMetaInfo;
+    delete?: (items: any[]) => void;
 }

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

@@ -9,7 +9,7 @@ declare function __VLS_template(): {
     }) => any>> & {
         'toolbar-left'?(_: {}): any;
         'toolbar-right'?(_: {}): any;
-        'empty-description'?(_: {}): any;
+        empty?(_: {}): any;
         'empty-action'?(_: {}): any;
     };
     refs: {};