vlite3 0.3.7 → 0.4.2

package/components/Button.vue.js

@@ -1,7 +1,7 @@
-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 { defineComponent as B, useSlots as I, computed as r, inject as R, withDirectives as S, openBlock as s, createElementBlock as g, normalizeClass as i, createBlock as d, createCommentVNode as h, renderSlot as m, createTextVNode as f, toDisplayString as b, unref as G } from "vue";
+import u from "./Icon.vue.js";
 import { vRipple as j } from "../directives/vRipple.js";
-const V = ["type", "disabled"], N = /* @__PURE__ */ B({
+const V = ["type", "disabled"], E = /* @__PURE__ */ B({
   __name: "Button",
   props: {
     variant: { default: "primary" },
@@ -15,13 +15,13 @@ const V = ["type", "disabled"], N = /* @__PURE__ */ B({
     text: {},
     rounded: { default: "md" },
     textClass: {},
-    iconLeftClass: {},
+    iconClass: {},
     iconRightClass: {},
     asIcon: { type: Boolean }
   },
   setup(e) {
-    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 = {
+    const n = e, x = I(), l = r(() => n?.asIcon || n.icon && !n.text && !x.default), v = R("buttonGroup", null), w = r(() => !!v?.isInGroup), p = r(() => {
+      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 = {
         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",
@@ -41,27 +41,31 @@ const V = ["type", "disabled"], N = /* @__PURE__ */ B({
         "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"
-      }, p = {
+      }, y = {
         xs: "h-6.5 px-2",
         sm: "h-7.5 px-3",
+        sm2: "h-8 px-3",
         md: "h-9 px-4 py-2",
         lg: "h-10 px-6",
         xl: "h-12 px-10"
       }, 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",
+        sm2: "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"
       }, C = {
         xs: "px-2",
         sm: "px-3",
+        sm2: "px-3",
         md: "px-4",
         lg: "px-6",
         xl: "px-10"
       }, k = {
         none: "rounded-none",
         sm: "rounded-sm",
+        sm2: "rounded-sm",
         md: "rounded",
         lg: "rounded-lg",
         xl: "rounded-xl",
@@ -69,57 +73,59 @@ const V = ["type", "disabled"], N = /* @__PURE__ */ B({
         full: "rounded-full"
       };
       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],
+      return l.value ? c = w.value ? C[n.size] : z[n.size] : c = y[n.size], [
+        t,
+        o[n.variant],
+        k[n.rounded],
         c,
-        t.class
+        n.class
       ].join(" ");
     }), a = r(() => {
-      const n = {
+      const t = {
         xs: "w-3 h-3",
         sm: "w-4 h-4",
+        sm2: "w-4 h-4",
         md: "w-4 h-4",
         lg: "w-4 h-4",
         xl: "w-4 h-4"
-      }, i = {
+      }, o = {
         xs: "w-3 h-3",
         sm: "w-3.5 h-3.5",
+        sm2: "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 ? i[t.size] : n[t.size];
+      return l.value ? o[n.size] : t[n.size];
     });
-    return (n, i) => S((s(), g("button", {
+    return (t, o) => S((s(), g("button", {
       type: e.type,
-      class: o(y.value),
+      class: i(p.value),
       disabled: e.disabled || e.loading
     }, [
-      e.loading ? (s(), u(d, {
+      e.loading ? (s(), d(u, {
         key: 0,
         icon: "lucide:loader-2",
-        class: o(["animate-spin pointer-events-none", a.value])
-      }, null, 8, ["class"])) : e.icon ? (s(), u(d, {
+        class: i(["animate-spin pointer-events-none", a.value])
+      }, null, 8, ["class"])) : e.icon ? (s(), d(u, {
         key: 1,
         icon: e.icon,
-        class: o(["pointer-events-none", [e.iconLeftClass, a.value, l.value ? "mx-auto" : ""]])
+        class: i(["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)
+        class: i(e.textClass)
       }, [
-        f(n.$slots, "default", {}, () => [
-          m(b(e.text), 1)
+        m(t.$slots, "default", {}, () => [
+          f(b(e.text), 1)
         ])
-      ], 2)) : f(n.$slots, "default", { key: 3 }, () => [
-        m(b(e.text), 1)
+      ], 2)) : m(t.$slots, "default", { key: 3 }, () => [
+        f(b(e.text), 1)
       ]),
-      e.iconRight && !e.loading ? (s(), u(d, {
+      e.iconRight && !e.loading ? (s(), d(u, {
         key: 4,
         icon: e.iconRight,
-        class: o([[e.iconRightClass, a.value], "h-4 w-4 pointer-events-none"])
+        class: i([[e.iconRightClass, a.value], "h-4 w-4 pointer-events-none"])
       }, null, 8, ["icon", "class"])) : h("", !0)
     ], 10, V)), [
       [G(j)]
@@ -127,5 +133,5 @@ const V = ["type", "disabled"], N = /* @__PURE__ */ B({
   }
 });
 export {
-  N as default
+  E as default
 };

package/components/ConfirmationModal.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent as f, openBlock as m, createBlock as u, withCtx as a, createElementVNode as x, createVNode as r, renderSlot as d } from "vue";
-import g from "./Modal.vue.js";
-import c from "./Button.vue.js";
-const w = { class: "flex w-full items-center justify-end space-x-2" }, k = /* @__PURE__ */ f({
+import { defineComponent as x, openBlock as u, createBlock as g, withCtx as i, createElementVNode as n, toDisplayString as d, createVNode as c, renderSlot as r } from "vue";
+import p from "./Modal.vue.js";
+import m from "./Button.vue.js";
+const h = { class: "py-2 px-[2px]" }, w = { class: "mb-1.5" }, C = { class: "text-sm text-muted" }, v = { class: "flex w-full items-center justify-end space-x-2 px-[2px]" }, B = /* @__PURE__ */ x({
   __name: "ConfirmationModal",
   props: {
     show: { type: Boolean, default: !1 },
@@ -13,46 +13,52 @@ const w = { class: "flex w-full items-center justify-end space-x-2" }, k = /* @_
     variant: { default: "danger" }
   },
   emits: ["cancel", "confirm"],
-  setup(e, { emit: s }) {
-    const i = s, n = () => {
-      i("cancel");
+  setup(e, { emit: f }) {
+    const l = f, o = () => {
+      l("cancel");
     };
-    return (l, t) => (m(), u(g, {
+    return (s, t) => (u(), g(p, {
       show: e.show,
-      title: e.title,
-      description: e.description,
       footerClass: "border-t-0! pt-0! pb-3.5!",
       "max-width": "max-w-[400px]",
-      onClose: n,
-      "onUpdate:show": t[1] || (t[1] = (o) => !o && n())
+      onClose: o,
+      "onUpdate:show": t[1] || (t[1] = (a) => !a && o())
     }, {
-      trigger: a(() => [
-        d(l.$slots, "trigger", {}, () => [
-          d(l.$slots, "default")
+      trigger: i(() => [
+        r(s.$slots, "trigger", {}, () => [
+          r(s.$slots, "default")
         ])
       ]),
-      footer: a(({ close: o }) => [
-        x("div", w, [
-          r(c, {
-            variant: "outline",
+      footer: i(({ close: a }) => [
+        n("div", v, [
+          c(m, {
+            variant: "secondary",
             text: e.cancelText,
             disabled: e.loading,
+            size: "sm2",
             onClick: () => {
-              o?.(), n?.();
+              a?.(), o?.();
             }
           }, null, 8, ["text", "disabled", "onClick"]),
-          r(c, {
+          c(m, {
+            size: "sm2",
             variant: e.variant,
             text: e.confirmText,
             loading: e.loading,
-            onClick: t[0] || (t[0] = (C) => i("confirm"))
+            onClick: t[0] || (t[0] = (y) => l("confirm"))
           }, null, 8, ["variant", "text", "loading"])
         ])
       ]),
+      default: i(() => [
+        n("div", h, [
+          n("h3", w, d(e.title), 1),
+          n("p", C, d(e.description), 1)
+        ])
+      ]),
       _: 3
-    }, 8, ["show", "title", "description"]));
+    }, 8, ["show"]));
   }
 });
 export {
-  k as default
+  B as default
 };

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 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 = {
+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: () => [] },
@@ -35,87 +32,82 @@ const S = { class: "flex flex-col w-full" }, z = {
     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", {}, () => [
-          c("div", O, [
-            I(E, {
-              icon: e.emptyIcon,
-              class: "h-6 w-6 text-gray-500"
-            }, null, 8, ["icon"])
-          ]),
-          c("h3", U, p(e.emptyTitle), 1),
-          c("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, d) => i(t.$slots, "item", {
+        (a(!0), o(P, null, y(e.data, (l, d) => s(t.$slots, "item", {
           key: d,
           item: l,
           data: e.data,
           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: d
-          }, { ref_for: !0 }, e.itemProps), null, 16, ["item", "data", "index"])) : b("", !0)
+          }, { 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/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: {};