vlite3 0.3.7 → 0.3.8

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 { 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,7 +15,7 @@ const V = ["type", "disabled"], N = /* @__PURE__ */ B({
     text: {},
     rounded: { default: "md" },
     textClass: {},
-    iconLeftClass: {},
+    iconClass: {},
     iconRightClass: {},
     asIcon: { type: Boolean }
   },
@@ -104,7 +104,7 @@ const V = ["type", "disabled"], N = /* @__PURE__ */ B({
       }, null, 8, ["class"])) : e.icon ? (s(), u(d, {
         key: 1,
         icon: e.icon,
-        class: o(["pointer-events-none", [e.iconLeftClass, a.value, l.value ? "mx-auto" : ""]])
+        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,
@@ -127,5 +127,5 @@ const V = ["type", "disabled"], N = /* @__PURE__ */ B({
   }
 });
 export {
-  N as default
+  E 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: {};