vlite3 0.7.14 → 0.7.15

package/components/ColorPicker/ColorIro.vue3.js

@@ -1,5 +1,5 @@
-import o from "./ColorIro.vue.js";
-/* empty css              */
+import o from "./ColorIro.vue2.js";
+/* empty css             */
 export {
   o as default
 };

package/components/ColorPicker/ColorPicker.vue.js

@@ -1,12 +1,13 @@
-import { defineComponent as z, ref as p, watch as i, openBlock as a, createBlock as f, unref as v, withCtx as u, createElementBlock as h, createVNode as c, createCommentVNode as m, createElementVNode as $, mergeProps as w } from "vue";
+import { defineComponent as z, ref as p, watch as i, openBlock as a, createBlock as f, unref as v, withCtx as u, createElementBlock as h, createVNode as m, createCommentVNode as c, createElementVNode as $, mergeProps as w } from "vue";
 import B from "../Dropdown/Dropdown.vue.js";
 import "@iconify/vue";
 import O from "../Input.vue.js";
 /* empty css            */
 import "../../core/config.js";
+/* empty css                            */
 import y from "../Button.vue.js";
-import E from "./ColorIro.vue.js";
-/* empty css              */
+import E from "./ColorIro.vue2.js";
+/* empty css             */
 import { useEyeDropper as P } from "@vueuse/core";
 const I = {
   key: 0,
@@ -14,7 +15,7 @@ const I = {
 }, N = {
   key: 0,
   class: "flex items-center gap-1.5 w-full"
-}, D = { class: "w-32" }, K = /* @__PURE__ */ z({
+}, D = { class: "w-32" }, L = /* @__PURE__ */ z({
   __name: "ColorPicker",
   props: {
     modelValue: { default: "#000000" },
@@ -26,7 +27,7 @@ const I = {
   },
   emits: ["update:modelValue", "change"],
   setup(o, { emit: V }) {
-    const n = o, d = V, r = p(!1), t = p(n.modelValue || "#000000"), { isSupported: b, open: g, sRGBHex: k } = P();
+    const r = o, d = V, n = p(!1), t = p(r.modelValue || "#000000"), { isSupported: b, open: g, sRGBHex: k } = P();
     i(k, (e) => {
       e && (t.value = e);
     });
@@ -38,12 +39,12 @@ const I = {
       }
     };
     i(
-      () => n.modelValue,
+      () => r.modelValue,
       (e) => {
         e && e !== t.value && (t.value = e);
       }
     ), i(t, (e) => {
-      /^#([0-9A-F]{3,8})$/i.test(e) && e !== n.modelValue && (d("update:modelValue", e), d("change", e));
+      /^#([0-9A-F]{3,8})$/i.test(e) && e !== r.modelValue && (d("update:modelValue", e), d("change", e));
     });
     const C = (e) => {
       t.value = e;
@@ -55,11 +56,11 @@ const I = {
       offset: [0, 8],
       searchable: !1,
       "close-on-select": !1,
-      onOnOpen: l[1] || (l[1] = (s) => r.value = !0),
-      onOnClose: l[2] || (l[2] = (s) => r.value = !1)
+      onOnOpen: l[1] || (l[1] = (s) => n.value = !0),
+      onOnClose: l[2] || (l[2] = (s) => n.value = !1)
     }, {
       trigger: u(({ isOpen: s }) => [
-        c(y, w({
+        m(y, w({
           style: { backgroundColor: o.modelValue }
         }, {
           rounded: "full",
@@ -70,8 +71,8 @@ const I = {
         }), null, 16, ["style"])
       ]),
       default: u(() => [
-        r.value ? (a(), h("div", I, [
-          c(E, {
+        n.value ? (a(), h("div", I, [
+          m(E, {
             color: o.modelValue,
             "show-header": !1,
             size: o.size,
@@ -86,9 +87,9 @@ const I = {
                   variant: "outline",
                   size: "sm",
                   class: "px-2 shrink-0"
-                })) : m("", !0),
+                })) : c("", !0),
                 $("div", D, [
-                  c(O, {
+                  m(O, {
                     modelValue: t.value,
                     "onUpdate:modelValue": l[0] || (l[0] = (s) => t.value = s),
                     size: "sm",
@@ -98,16 +99,16 @@ const I = {
                     "input-class": "font-mono text-xs uppercase "
                   }, null, 8, ["modelValue"])
                 ])
-              ])) : m("", !0)
+              ])) : c("", !0)
             ]),
             _: 1
           }, 8, ["color", "size"])
-        ])) : m("", !0)
+        ])) : c("", !0)
       ]),
       _: 1
     }, 8, ["disabled", "position"]));
   }
 });
 export {
-  K as default
+  L as default
 };

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
 };