vlite3 0.4.4 → 0.4.7

package/components/ConfirmationModal.vue.js

@@ -1,58 +1,73 @@
-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({
+import { defineComponent as I, computed as l, openBlock as y, createBlock as h, withCtx as s, createElementVNode as r, toDisplayString as f, createVNode as m, renderSlot as x } from "vue";
+import w from "./Modal.vue.js";
+import p from "./Button.vue.js";
+import { $t as n } from "../utils/i18n.js";
+const b = { class: "py-2 px-[2px]" }, $ = { class: "mb-1.5 font-semibold text-lg" }, k = { class: "text-sm text-muted-foreground" }, _ = { class: "flex w-full items-center justify-end space-x-2 px-[2px]" }, V = /* @__PURE__ */ I({
   __name: "ConfirmationModal",
   props: {
     show: { type: Boolean, default: !1 },
     title: {},
+    titleI18n: {},
     description: {},
+    descriptionI18n: {},
     loading: { type: Boolean, default: !1 },
-    confirmText: { default: "Delete" },
-    cancelText: { default: "Cancel" },
+    confirmText: {},
+    confirmTextI18n: {},
+    cancelText: {},
+    cancelTextI18n: {},
     variant: { default: "danger" }
   },
   emits: ["cancel", "confirm"],
-  setup(e, { emit: f }) {
-    const l = f, o = () => {
-      l("cancel");
-    };
-    return (s, t) => (u(), g(p, {
-      show: e.show,
+  setup(o, { emit: u }) {
+    const t = o, d = u, a = () => {
+      d("cancel");
+    }, v = l(() => t.titleI18n ? n(t.titleI18n) : t.title), T = l(() => t.descriptionI18n ? n(t.descriptionI18n) : t.description), g = l(() => {
+      if (t.confirmTextI18n) return n(t.confirmTextI18n);
+      if (t.confirmText) return t.confirmText;
+      const e = n("vlite.confirmation.confirm");
+      return e !== "vlite.confirmation.confirm" ? e : "Confirm";
+    }), C = l(() => {
+      if (t.cancelTextI18n) return n(t.cancelTextI18n);
+      if (t.cancelText) return t.cancelText;
+      const e = n("vlite.confirmation.cancel");
+      return e !== "vlite.confirmation.cancel" ? e : "Cancel";
+    });
+    return (e, i) => (y(), h(w, {
+      show: o.show,
       footerClass: "border-t-0! pt-0! pb-3.5!",
       "max-width": "max-w-[400px]",
-      onClose: o,
-      "onUpdate:show": t[1] || (t[1] = (a) => !a && o())
+      onClose: a,
+      "onUpdate:show": i[1] || (i[1] = (c) => !c && a())
     }, {
-      trigger: i(() => [
-        r(s.$slots, "trigger", {}, () => [
-          r(s.$slots, "default")
+      trigger: s(() => [
+        x(e.$slots, "trigger", {}, () => [
+          x(e.$slots, "default")
         ])
       ]),
-      footer: i(({ close: a }) => [
-        n("div", v, [
-          c(m, {
+      footer: s(({ close: c }) => [
+        r("div", _, [
+          m(p, {
             variant: "secondary",
-            text: e.cancelText,
-            disabled: e.loading,
+            text: C.value,
+            disabled: o.loading,
             size: "sm2",
             onClick: () => {
-              a?.(), o?.();
+              c?.(), a?.();
             }
           }, null, 8, ["text", "disabled", "onClick"]),
-          c(m, {
+          m(p, {
             size: "sm2",
-            variant: e.variant,
-            text: e.confirmText,
-            loading: e.loading,
-            onClick: t[0] || (t[0] = (y) => l("confirm"))
+            variant: o.variant,
+            text: g.value,
+            loading: o.loading,
+            onClick: i[0] || (i[0] = (B) => d("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)
+      default: s(() => [
+        r("div", b, [
+          r("h3", $, f(v.value), 1),
+          r("p", k, f(T.value), 1)
         ])
       ]),
       _: 3
@@ -60,5 +75,5 @@ const h = { class: "py-2 px-[2px]" }, w = { class: "mb-1.5" }, C = { class: "tex
   }
 });
 export {
-  B as default
+  V as default
 };

package/components/DataList/DataList.vue.d.ts

@@ -33,8 +33,6 @@ declare const __VLS_component: import('vue').DefineComponent<DataListProps, {},
     data: any[];
     loading: boolean;
     className: string;
-    emptyTitle: string;
-    emptyDescription: string;
     emptyIcon: string;
     showPagination: boolean;
     paginationProps: import('./types').DataListMetaInfo;

package/components/DataList/DataList.vue.js

@@ -1,4 +1,4 @@
-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 { 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 = {
@@ -7,7 +7,7 @@ const z = { class: "flex flex-col w-full" }, E = {
 }, F = {
   key: 3,
   class: "mt-8 w-full"
-}, W = /* @__PURE__ */ b({
+}, j = /* @__PURE__ */ N({
   __name: "DataList",
   props: {
     data: { default: () => [] },
@@ -18,8 +18,10 @@ const z = { class: "flex flex-col w-full" }, E = {
     skeleton: {},
     skelton: {},
     itemProps: { default: () => ({}) },
-    emptyTitle: { default: "No data found" },
-    emptyDescription: { default: "We could not find any items to display here." },
+    emptyTitle: {},
+    emptyTitleI18n: {},
+    emptyDescription: {},
+    emptyDescriptionI18n: {},
     emptyIcon: { default: "lucide:inbox" },
     showPagination: { type: Boolean, default: !0 },
     paginationProps: { default: () => ({
@@ -32,82 +34,84 @@ const z = { class: "flex flex-col w-full" }, E = {
     delete: {}
   },
   emits: ["change"],
-  setup(e, { emit: T }) {
-    const n = e, w = T, i = D(n.pageInfo?.itemsPerPage || n.paginationProps?.itemsPerPage || 10);
-    r(
+  setup(e, { emit: C }) {
+    const n = e, w = C, o = b(n.pageInfo?.itemsPerPage || n.paginationProps?.itemsPerPage || 10);
+    d(
       () => n.pageInfo?.itemsPerPage,
       (t) => {
-        t !== void 0 && (i.value = t);
+        t !== void 0 && (o.value = t);
       }
-    ), r(
+    ), d(
       () => n.paginationProps?.itemsPerPage,
       (t) => {
-        t !== void 0 && (i.value = t);
+        t !== void 0 && (o.value = t);
       }
     );
     let m = null;
-    const g = (t, c) => {
+    const g = (t, r) => {
       m && clearTimeout(m), m = setTimeout(() => {
-        w("change", { page: t, limit: c });
+        w("change", { page: t, limit: r });
       }, 10);
-    }, N = (t) => {
-      g(t, i.value);
     }, $ = (t) => {
-      i.value = t, g(n.pageInfo?.currentPage || 1, t);
+      g(t, o.value);
+    }, B = (t) => {
+      o.value = t, g(n.pageInfo?.currentPage || 1, t);
     };
     u(() => n.pageInfo?.currentPage || 1);
-    const B = u(() => n.pageInfo?.totalPages || 1);
-    return (t, c) => (a(), o("div", z, [
-      e.loading ? (a(), o("div", {
+    const D = u(() => n.pageInfo?.totalPages || 1);
+    return (t, r) => (a(), i("div", z, [
+      e.loading ? (a(), i("div", {
         key: 0,
         class: f(e.className)
       }, [
-        (a(), o(P, null, y(8, (l) => s(t.$slots, "skeleton", {
+        (a(), i(P, null, y(8, (l) => s(t.$slots, "skeleton", {
           key: "skeleton-" + l,
           index: l
         }, () => [
           s(t.$slots, "skelton", { index: l }, () => [
-            e.skeleton || e.skelton ? (a(), k(h(e.skeleton || e.skelton), { key: 0 })) : (a(), o("div", E))
+            e.skeleton || e.skelton ? (a(), I(k(e.skeleton || e.skelton), { key: 0 })) : (a(), i("div", E))
           ])
         ])), 64))
       ], 2)) : !e.data || e.data.length === 0 ? s(t.$slots, "empty", { key: 1 }, () => [
-        I(v(x), {
+        h(v(x), {
           title: e.emptyTitle,
+          titleI18n: e.emptyTitleI18n,
           description: e.emptyDescription,
+          descriptionI18n: e.emptyDescriptionI18n,
           icon: e.emptyIcon
-        }, null, 8, ["title", "description", "icon"])
-      ]) : (a(), o("div", {
+        }, null, 8, ["title", "titleI18n", "description", "descriptionI18n", "icon"])
+      ]) : (a(), i("div", {
         key: 2,
         class: f(e.className)
       }, [
-        (a(!0), o(P, null, y(e.data, (l, d) => s(t.$slots, "item", {
-          key: d,
+        (a(!0), i(P, null, y(e.data, (l, c) => s(t.$slots, "item", {
+          key: c,
           item: l,
           data: e.data,
-          index: d
+          index: c
         }, () => [
-          e.item ? (a(), k(h(e.item), p({
+          e.item ? (a(), I(k(e.item), p({
             key: 0,
             item: l,
             data: e.data,
-            index: d
-          }, { ref_for: !0 }, e.itemProps), null, 16, ["item", "data", "index"])) : C("", !0)
+            index: c
+          }, { ref_for: !0 }, e.itemProps), null, 16, ["item", "data", "index"])) : T("", !0)
         ])), 128))
       ], 2)),
-      e.showPagination && e.pageInfo && B.value > 1 ? (a(), o("div", F, [
-        I(v(L), p({
+      e.showPagination && e.pageInfo && D.value > 1 ? (a(), i("div", F, [
+        h(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": $
+          onChange: $,
+          "onUpdate:itemsPerPage": B
         }), null, 16, ["current-page", "total-pages", "total-items"])
-      ])) : C("", !0)
+      ])) : T("", !0)
     ]));
   }
 });
 export {
-  W as default
+  j as default
 };

package/components/DataList/types.d.ts

@@ -10,7 +10,9 @@ export interface DataListProps {
     skelton?: any;
     itemProps?: Record<string, any>;
     emptyTitle?: string;
+    emptyTitleI18n?: string;
     emptyDescription?: string;
+    emptyDescriptionI18n?: string;
     emptyIcon?: string;
     showPagination?: boolean;
     paginationProps?: DataListMetaInfo;

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

@@ -43,11 +43,6 @@ declare const __VLS_component: import('vue').DefineComponent<DataTableProps, {},
     hoverable: boolean;
     striped: boolean;
     selectedRows: any[];
-    searchPlaceholder: string;
-    toolbarClass: string;
-    toolbarSearchClass: string;
-    emptyTitle: string;
-    emptyDescription: string;
     emptyIcon: string;
     showPagination: boolean;
     paginationProps: import('./types').DataTablePaginationProps;