vlite3 0.7.13 → 0.7.15

package/components/DataList/DataList.vue.js

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