vlite3 0.6.6 → 0.6.7

package/components/Screen/Screen.vue.js

@@ -1,39 +1,40 @@
-import { defineComponent as Ce, computed as o, ref as x, provide as Z, watch as q, resolveComponent as Pe, openBlock as a, createElementBlock as s, normalizeClass as O, createElementVNode as g, renderSlot as w, toDisplayString as f, createBlock as c, withCtx as d, createVNode as u, createCommentVNode as m, unref as b, resolveDynamicComponent as z, Fragment as C, mergeProps as v, createTextVNode as p, renderList as Ie } from "vue";
+import { defineComponent as De, provide as q, computed as o, ref as x, watch as z, resolveComponent as Pe, openBlock as a, createElementBlock as s, normalizeClass as j, createElementVNode as g, renderSlot as w, toDisplayString as f, createBlock as c, withCtx as d, createVNode as u, createCommentVNode as m, unref as b, resolveDynamicComponent as H, Fragment as D, mergeProps as v, createTextVNode as y, renderList as Ie } from "vue";
 import Se from "../Input.vue.js";
 /* empty css            */
 import h from "../Button.vue.js";
-import R from "../Icon.vue.js";
+import A from "../Icon.vue.js";
 import $e from "../Tooltip.vue.js";
-import H from "../Modal.vue.js";
+import K from "../Modal.vue.js";
 import Te from "../ConfirmationModal.vue.js";
 import Ve from "../Pagination/Pagination.vue.js";
-import je from "../Empty/Empty.vue.js";
-import Ae from "./ScreenFilter.vue.js";
-import Ee from "../Dropdown/Dropdown.vue.js";
-import Oe from "../ExportData/ExportData.vue.js";
-import Re from "../ImportData/ImportData.vue.js";
+import Ee from "../Empty/Empty.vue.js";
+import Oe from "./ScreenFilter.vue.js";
+import Re from "../Dropdown/Dropdown.vue.js";
+import je from "../ExportData/ExportData.vue.js";
+import Ae from "../ImportData/ImportData.vue.js";
 import { usePersistentState as Ne } from "../../utils/usePersistentState.js";
 import { useVLiteConfig as Fe } from "../../core/config.js";
 import { $t as r } from "../../utils/i18n.js";
-const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex-col shrink-0" }, Ue = {
+import { SCREEN_CONTEXT_KEY as Le } from "../DataTable/types.js";
+const Me = { class: "flex flex-col w-full space-y-8" }, Ue = { class: "flex flex-col shrink-0" }, qe = {
   key: 0,
   class: "flex items-center! gap-2"
-}, qe = { class: "text-fs-7.5 font-bold text-foreground" }, ze = {
+}, ze = { class: "text-fs-7.5 font-bold text-foreground" }, He = {
   key: 0,
   class: "text-sm text-gray-700 mt-1 md:max-w-[450px]"
-}, He = { class: "flex flex-col sm:flex-row items-start sm:items-center gap-2.5 w-full justify-end" }, Je = { class: "flex items-center gap-2 w-full sm:w-auto flex-1 md:flex-none justify-start sm:justify-end" }, Ke = {
+}, Ke = { class: "flex flex-col sm:flex-row items-start sm:items-center gap-2.5 w-full justify-end" }, Je = { class: "flex items-center gap-2 w-full sm:w-auto flex-1 md:flex-none justify-start sm:justify-end" }, Qe = {
   key: 1,
   class: "flex items-center p-1 rounded-md border border-border shrink-0"
-}, Qe = ["title"], Ge = ["title"], We = {
+}, Xe = ["title"], Ye = ["title"], Ge = {
   key: 4,
   class: "w-full md:w-60! max-sm:order-last"
-}, Xe = { class: "flex items-center gap-3 max-sm:w-full sm:w-auto max-sm:order-last" }, Ye = ["href", "target"], Ze = ["href", "target"], _e = {
+}, We = { class: "flex items-center gap-3 max-sm:w-full sm:w-auto max-sm:order-last" }, Ze = ["href", "target"], _e = ["href", "target"], et = {
   key: 1,
   class: "p-8 text-center text-muted-foreground border border-dashed border-border rounded-lg"
-}, et = {
+}, tt = {
   key: 2,
   class: "-mt-2"
-}, tt = { class: "px-1 py-1 text-sm" }, nt = { class: "font-medium mb-3 text-muted-foreground" }, at = { class: "space-y-3" }, lt = { key: 4 }, kt = /* @__PURE__ */ Ce({
+}, nt = { class: "px-1 py-1 text-sm" }, at = { class: "font-medium mb-3 text-muted-foreground" }, lt = { class: "space-y-3" }, ot = { key: 4 }, Pt = /* @__PURE__ */ De({
   __name: "Screen",
   props: {
     name: { default: "" },
@@ -81,40 +82,45 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
   },
   emits: ["add", "delete"],
   setup(t, { emit: _ }) {
-    const n = t, P = Fe(), J = _, ee = o(() => n.name || n.title || "default-screen"), I = Ne(
+    const n = t, P = Fe(), J = _;
+    q(Le, {
+      disableSearch: !0,
+      forceSelectable: !0
+    });
+    const ee = o(() => n.name || n.title || "default-screen"), I = Ne(
       `view-mode-${ee.value}`,
       n.table ? "table" : "list"
-    ), S = x(""), T = x({}), k = x(n.pageInfo?.currentPage || 1), V = x(n.pageInfo?.itemsPerPage || n.paginationProps?.itemsPerPage || 10), B = x([]), j = x([]), $ = x(!1);
-    Z("screen-selected-rows", B), Z("screen-request-delete", (e) => N(e));
+    ), S = x(""), T = x({}), k = x(n.pageInfo?.currentPage || 1), V = x(n.pageInfo?.itemsPerPage || n.paginationProps?.itemsPerPage || 10), B = x([]), E = x([]), $ = x(!1);
+    q("screen-selected-rows", B), q("screen-request-delete", (e) => N(e));
     const N = (e) => {
-      j.value = e, $.value = !0;
+      E.value = e, $.value = !0;
     }, te = () => {
-      J("delete", j.value), $.value = !1, B.value = [];
+      J("delete", E.value), $.value = !1, B.value = [];
     }, ne = (e) => {
       J("delete", e), B.value = [];
     };
-    q(
+    z(
       () => n.pageInfo?.currentPage,
       (e) => {
         e && (k.value = e);
       }
-    ), q(
+    ), z(
       () => n.pageInfo?.itemsPerPage,
       (e) => {
         e && (V.value = e);
       }
     );
     let F = null;
-    q(S, (e) => {
+    z(S, () => {
       F && clearTimeout(F), F = setTimeout(() => {
-        k.value = 1, D();
+        k.value = 1, C();
       }, 300);
     });
     const ae = (e) => {
-      k.value = e, D();
+      k.value = e, C();
     }, le = (e) => {
-      V.value = e, k.value = 1, D();
-    }, D = () => {
+      V.value = e, k.value = 1, C();
+    }, C = () => {
       const e = {
         pageinfo: {
           page: k.value,
@@ -128,7 +134,7 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
         filter: T.value
       };
       n.refetch && n.refetch(e);
-    }, K = o(() => I.value === "table" && n.table ? n.table : n.list), oe = o(() => n.data && n.data.length > 0), Q = o(() => n.titleI18n ? r(n.titleI18n) : n.title), G = o(
+    }, Q = o(() => I.value === "table" && n.table ? n.table : n.list), oe = o(() => n.data && n.data.length > 0), X = o(() => n.titleI18n ? r(n.titleI18n) : n.title), Y = o(
       () => n.descriptionI18n ? r(n.descriptionI18n) : n.description
     ), ie = o(() => {
       const e = r("vlite.screen.deleteSelected");
@@ -149,8 +155,8 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
       const e = r("vlite.screen.confirmDeleteTitle");
       return e !== "vlite.screen.confirmDeleteTitle" ? e : "Confirm Deletion";
     }), me = o(() => {
-      const e = r("vlite.screen.confirmDeleteDesc", { count: j.value.length });
-      return e !== "vlite.screen.confirmDeleteDesc" ? e : `Are you sure you want to delete the selected ${j.value.length > 1 ? "items" : "item"}?`;
+      const e = r("vlite.screen.confirmDeleteDesc", { count: E.value.length });
+      return e !== "vlite.screen.confirmDeleteDesc" ? e : `Are you sure you want to delete the selected ${E.value.length > 1 ? "items" : "item"}?`;
     }), fe = o(() => {
       const e = r("vlite.screen.confirmDeleteBtn");
       return e !== "vlite.screen.confirmDeleteBtn" ? e : "Delete";
@@ -160,26 +166,26 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
     }), he = o(() => {
       const e = r("vlite.screen.missingView");
       return e !== "vlite.screen.missingView" ? e : "Please provide a `:list` or `:table` component.";
-    }), y = o(() => {
+    }), p = o(() => {
       if (n.addBtn?.labelI18n) return r(n.addBtn.labelI18n);
       if (n.addBtn?.label) return n.addBtn.label;
       const e = r("vlite.screen.addNew");
       return e !== "vlite.screen.addNew" ? e : "Add New";
-    }), W = o(() => {
+    }), G = o(() => {
       const e = n.exportSchema && n.exportSchema.length > 0 && n.exportProps !== !1, l = n.importSchema && n.importSchema.length > 0 && n.importProps !== !1;
       return e || l;
     }), L = o(() => {
       const e = r("vlite.screen.exportData");
       return e !== "vlite.screen.exportData" ? e : "Export Data";
-    }), X = o(() => {
+    }), W = o(() => {
       const e = r("vlite.screen.importData");
       return e !== "vlite.screen.importData" ? e : "Import Data";
     }), ge = o(() => {
       const e = [];
-      return n.exportProps !== !1 && e.push({ value: "export", label: L.value, icon: "lucide:download" }), n.importProps !== !1 && e.push({ value: "import", label: X.value, icon: "lucide:upload" }), e;
-    }), M = x(null), xe = x(null), A = x(!1), U = x(!1), ye = (e) => {
-      e.value === "export" ? A.value = !0 : e.value === "import" && (U.value = !0);
-    }, pe = o(() => n.exportSchema ? n.exportSchema.map((e) => ({
+      return n.exportProps !== !1 && e.push({ value: "export", label: L.value, icon: "lucide:download" }), n.importProps !== !1 && e.push({ value: "import", label: W.value, icon: "lucide:upload" }), e;
+    }), M = x(null), xe = x(null), O = x(!1), U = x(!1), pe = (e) => {
+      e.value === "export" ? O.value = !0 : e.value === "import" && (U.value = !0);
+    }, ye = o(() => n.exportSchema ? n.exportSchema.map((e) => ({
       field: e.name || e.field,
       title: e.label || e.title || e.name || e.field
     })) : []), we = o(() => n.importSchema ? n.importSchema.map((e) => ({
@@ -196,8 +202,8 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
       failed: 0,
       errors: []
     }), Be = () => {
-      D();
-    }, ke = o(() => n.exportMode || P?.exportData?.mode || "frontend"), De = async (e) => {
+      C();
+    }, ke = o(() => n.exportMode || P?.exportData?.mode || "frontend"), Ce = async (e) => {
       if (P?.services?.exportApi && n.exportType) {
         const l = {
           format: e,
@@ -211,16 +217,16 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
         );
     };
     return (e, l) => {
-      const Y = Pe("router-link");
-      return a(), s("div", Le, [
+      const Z = Pe("router-link");
+      return a(), s("div", Me, [
         t.customHeader ? w(e.$slots, "custom-header", { key: 1 }) : (a(), s("div", {
           key: 0,
-          class: O([t.headerClass, "flex flex-col md:flex-row sm:items-start md:items-center justify-between gap-4"])
+          class: j([t.headerClass, "flex flex-col md:flex-row sm:items-start md:items-center justify-between gap-4"])
         }, [
-          g("div", Me, [
+          g("div", Ue, [
             w(e.$slots, "title", {}, () => [
-              Q.value ? (a(), s("div", Ue, [
-                g("h1", qe, f(Q.value), 1),
+              X.value ? (a(), s("div", qe, [
+                g("h1", ze, f(X.value), 1),
                 t.info || t.infoI18n ? (a(), c($e, {
                   key: 0,
                   content: t.info,
@@ -228,7 +234,7 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
                   placement: "right"
                 }, {
                   default: d(() => [
-                    u(R, {
+                    u(A, {
                       icon: "lucide:info",
                       class: "w-[18px] h-[18px] mt-3! text-muted-foreground hover:text-foreground cursor-pointer transition-colors outline-none"
                     })
@@ -238,10 +244,10 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
               ])) : m("", !0)
             ]),
             w(e.$slots, "description", {}, () => [
-              G.value ? (a(), s("p", ze, f(G.value), 1)) : m("", !0)
+              Y.value ? (a(), s("p", He, f(Y.value), 1)) : m("", !0)
             ])
           ]),
-          g("div", He, [
+          g("div", Ke, [
             g("div", Je, [
               B.value.length > 0 ? (a(), c(h, {
                 key: 0,
@@ -251,31 +257,31 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
                 title: ie.value,
                 onClick: l[0] || (l[0] = (i) => N(B.value))
               }, null, 8, ["title"])) : m("", !0),
-              t.table && t.list ? (a(), s("div", Ke, [
+              t.table && t.list ? (a(), s("div", Qe, [
                 g("button", {
                   onClick: l[1] || (l[1] = (i) => I.value = "list"),
-                  class: O(["p-1.5 rounded", [
+                  class: j(["p-1.5 rounded", [
                     b(I) === "list" ? "bg-secondary/85 dark:bg-secondary shadow-sm text-foreground" : "text-muted-foreground hover:text-foreground"
                   ]]),
                   title: re.value
                 }, [
-                  u(R, {
+                  u(A, {
                     icon: "lucide:layout-grid",
                     class: "w-4 h-4"
                   })
-                ], 10, Qe),
+                ], 10, Xe),
                 g("button", {
                   onClick: l[2] || (l[2] = (i) => I.value = "table"),
-                  class: O(["p-1.5 rounded", [
+                  class: j(["p-1.5 rounded", [
                     b(I) === "table" ? "bg-secondary/85 dark:bg-secondary shadow-sm text-foreground" : "text-muted-foreground hover:text-foreground"
                   ]]),
                   title: de.value
                 }, [
-                  u(R, {
+                  u(A, {
                     icon: "lucide:list",
                     class: "w-4 h-4"
                   })
-                ], 10, Ge)
+                ], 10, Ye)
               ])) : m("", !0),
               w(e.$slots, "before-search"),
               t.showRefresh ? (a(), c(h, {
@@ -286,17 +292,17 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
                 class: "shrink-0 h-9! w-9!",
                 title: se.value,
                 disabled: t.loading,
-                onClick: D
+                onClick: C
               }, null, 8, ["title", "disabled"])) : m("", !0),
-              t.filterSchema && t.filterSchema.length > 0 ? (a(), c(Ae, {
+              t.filterSchema && t.filterSchema.length > 0 ? (a(), c(Oe, {
                 key: 3,
                 schema: t.filterSchema,
                 type: t.filterType,
                 modelValue: T.value,
                 "onUpdate:modelValue": l[3] || (l[3] = (i) => T.value = i),
-                onChange: D
+                onChange: C
               }, null, 8, ["schema", "type", "modelValue"])) : m("", !0),
-              t.canSearch ? (a(), s("div", We, [
+              t.canSearch ? (a(), s("div", Ge, [
                 u(Se, {
                   lazy: "",
                   modelValue: S.value,
@@ -309,11 +315,11 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
                 }, null, 8, ["modelValue", "placeholder"])
               ])) : m("", !0)
             ]),
-            g("div", Xe, [
+            g("div", We, [
               w(e.$slots, "actions", {}, () => [
-                t.addComponent ? (a(), c(z(t.addComponent), { key: 0 })) : t.canAdd ? (a(), s(C, { key: 1 }, [
-                  t.addBtn ? (a(), s(C, { key: 0 }, [
-                    t.addBtn.modal ? (a(), c(H, v({
+                t.addComponent ? (a(), c(H(t.addComponent), { key: 0 })) : t.canAdd ? (a(), s(D, { key: 1 }, [
+                  t.addBtn ? (a(), s(D, { key: 0 }, [
+                    t.addBtn.modal ? (a(), c(K, v({
                       key: 0,
                       body: t.addBtn.modal
                     }, t.addBtn.modalProps, {
@@ -329,13 +335,13 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
                           variant: t.addBtn.variant || "primary"
                         }, t.addBtn.buttonProps), {
                           default: d(() => [
-                            p(f(y.value), 1)
+                            y(f(p.value), 1)
                           ]),
                           _: 1
                         }, 16, ["icon", "variant"])
                       ]),
                       _: 1
-                    }, 16, ["body", "refetch", "data", "loading"])) : t.addBtn.to ? (a(), c(Y, {
+                    }, 16, ["body", "refetch", "data", "loading"])) : t.addBtn.to ? (a(), c(Z, {
                       key: 1,
                       to: t.addBtn.to,
                       class: "inline-flex w-full sm:w-auto"
@@ -347,7 +353,7 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
                           variant: t.addBtn.variant || "primary"
                         }, t.addBtn.buttonProps), {
                           default: d(() => [
-                            p(f(y.value), 1)
+                            y(f(p.value), 1)
                           ]),
                           _: 1
                         }, 16, ["icon", "variant"])
@@ -365,11 +371,11 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
                         variant: t.addBtn.variant || "primary"
                       }, t.addBtn.buttonProps), {
                         default: d(() => [
-                          p(f(y.value), 1)
+                          y(f(p.value), 1)
                         ]),
                         _: 1
                       }, 16, ["icon", "variant"])
-                    ], 8, Ye)) : (a(), c(h, v({
+                    ], 8, Ze)) : (a(), c(h, v({
                       key: 3,
                       class: "w-full sm:w-auto",
                       icon: t.addBtn.icon || "fluent:add-16-filled",
@@ -378,19 +384,19 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
                       onClick: l[5] || (l[5] = (i) => t.addBtn.onClick ? t.addBtn.onClick() : e.$emit("add"))
                     }), {
                       default: d(() => [
-                        p(f(y.value), 1)
+                        y(f(p.value), 1)
                       ]),
                       _: 1
                     }, 16, ["icon", "variant"]))
                   ], 64)) : m("", !0)
                 ], 64)) : m("", !0)
               ]),
-              W.value ? (a(), c(Ee, {
+              G.value ? (a(), c(Re, {
                 key: 0,
                 closeOnSelect: "",
                 position: "bottom-end",
                 options: ge.value,
-                onOnSelect: ye
+                onOnSelect: pe
               }, {
                 trigger: d(() => [
                   u(h, {
@@ -408,10 +414,10 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
         ], 2)),
         w(e.$slots, "sub-header"),
         g("div", {
-          class: O(["flex-1 w-full relative min-h-[250px]", t.containerClass])
+          class: j(["flex-1 w-full relative min-h-[250px]", t.containerClass])
         }, [
           !oe.value && !t.loading ? w(e.$slots, "empty", { key: 0 }, () => [
-            u(b(je), {
+            u(b(Ee), {
               title: t.emptyTitle,
               titleI18n: t.emptyTitleI18n,
               description: t.emptyDescription,
@@ -419,9 +425,9 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
               icon: t.emptyIcon
             }, {
               action: d(() => [
-                t.addComponent ? (a(), c(z(t.addComponent), { key: 0 })) : t.canAdd ? (a(), s(C, { key: 1 }, [
-                  t.addBtn ? (a(), s(C, { key: 0 }, [
-                    t.addBtn.modal ? (a(), c(H, v({
+                t.addComponent ? (a(), c(H(t.addComponent), { key: 0 })) : t.canAdd ? (a(), s(D, { key: 1 }, [
+                  t.addBtn ? (a(), s(D, { key: 0 }, [
+                    t.addBtn.modal ? (a(), c(K, v({
                       key: 0,
                       body: t.addBtn.modal
                     }, t.addBtn.modalProps), {
@@ -433,13 +439,13 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
                           class: "px-6!"
                         }, t.addBtn.buttonProps), {
                           default: d(() => [
-                            p(f(y.value), 1)
+                            y(f(p.value), 1)
                           ]),
                           _: 1
                         }, 16, ["icon", "variant"])
                       ]),
                       _: 1
-                    }, 16, ["body"])) : t.addBtn.to ? (a(), c(Y, {
+                    }, 16, ["body"])) : t.addBtn.to ? (a(), c(Z, {
                       key: 1,
                       to: t.addBtn.to,
                       class: "inline-flex"
@@ -450,7 +456,7 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
                           variant: t.addBtn.variant || "outline"
                         }, t.addBtn.buttonProps), {
                           default: d(() => [
-                            p(f(y.value), 1)
+                            y(f(p.value), 1)
                           ]),
                           _: 1
                         }, 16, ["icon", "variant"])
@@ -467,11 +473,11 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
                         variant: t.addBtn.variant || "outline"
                       }, t.addBtn.buttonProps), {
                         default: d(() => [
-                          p(f(y.value), 1)
+                          y(f(p.value), 1)
                         ]),
                         _: 1
                       }, 16, ["icon", "variant"])
-                    ], 8, Ze)) : (a(), c(h, v({
+                    ], 8, _e)) : (a(), c(h, v({
                       key: 3,
                       icon: t.addBtn.icon || "lucide:plus",
                       variant: t.addBtn.variant || "outline"
@@ -479,7 +485,7 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
                       onClick: l[6] || (l[6] = (i) => t.addBtn.onClick ? t.addBtn.onClick() : e.$emit("add"))
                     }), {
                       default: d(() => [
-                        p(f(y.value), 1)
+                        y(f(p.value), 1)
                       ]),
                       _: 1
                     }, 16, ["icon", "variant"]))
@@ -490,7 +496,7 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
                     onClick: l[7] || (l[7] = (i) => e.$emit("add"))
                   }, {
                     default: d(() => [
-                      p(f(y.value), 1)
+                      y(f(p.value), 1)
                     ]),
                     _: 1
                   }))
@@ -498,8 +504,8 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
               ]),
               _: 1
             }, 8, ["title", "titleI18n", "description", "descriptionI18n", "icon"])
-          ]) : (a(), s(C, { key: 1 }, [
-            K.value ? (a(), c(z(K.value), {
+          ]) : (a(), s(D, { key: 1 }, [
+            Q.value ? (a(), c(H(Q.value), {
               key: 0,
               data: t.data,
               loading: t.loading,
@@ -508,10 +514,10 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
               "onUpdate:selectedRows": l[8] || (l[8] = (i) => B.value = i),
               delete: N,
               onDelete: ne
-            }, null, 40, ["data", "loading", "refetch", "selectedRows"])) : (a(), s("div", _e, f(he.value), 1))
+            }, null, 40, ["data", "loading", "refetch", "selectedRows"])) : (a(), s("div", et, f(he.value), 1))
           ], 64))
         ], 2),
-        t.pagination && t.pageInfo && t.pageInfo.totalPages > 1 ? (a(), s("div", et, [
+        t.pagination && t.pageInfo && t.pageInfo.totalPages > 1 ? (a(), s("div", tt, [
           u(b(Ve), v({
             "current-page": t.pageInfo.currentPage,
             "total-pages": t.pageInfo.totalPages,
@@ -532,44 +538,44 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
           onConfirm: te,
           onCancel: l[10] || (l[10] = (i) => $.value = !1)
         }, null, 8, ["show", "title", "description", "confirm-text", "cancel-text"]),
-        A.value ? (a(), c(H, {
+        O.value ? (a(), c(K, {
           key: 3,
-          show: A.value,
-          "onUpdate:show": l[11] || (l[11] = (i) => A.value = i),
+          show: O.value,
+          "onUpdate:show": l[11] || (l[11] = (i) => O.value = i),
           title: L.value,
           "max-width": "sm:max-w-[400px]"
         }, {
           default: d(({ close: i }) => [
-            u(Oe, v({
+            u(je, v({
               ref_key: "exportDataRef",
               ref: M,
               data: t.data || [],
-              fields: pe.value,
+              fields: ye.value,
               mode: ke.value,
-              "on-export": De
+              "on-export": Ce
             }, typeof t.exportProps == "object" ? t.exportProps : {}, {
               title: L.value,
               class: "hidden!"
             }), null, 16, ["data", "fields", "mode", "title"]),
-            g("div", tt, [
-              g("h6", nt, f(b(r)("vlite.exportData.selectFormat") !== "vlite.exportData.selectFormat" ? b(r)("vlite.exportData.selectFormat") : "Select Export Format"), 1),
-              g("div", at, [
-                (a(!0), s(C, null, Ie(M.value?.availableFormats || [
+            g("div", nt, [
+              g("h6", at, f(b(r)("vlite.exportData.selectFormat") !== "vlite.exportData.selectFormat" ? b(r)("vlite.exportData.selectFormat") : "Select Export Format"), 1),
+              g("div", lt, [
+                (a(!0), s(D, null, Ie(M.value?.availableFormats || [
                   { value: "excel", label: "Excel (.xlsx)", icon: "lucide:file-spreadsheet" },
                   { value: "csv", label: "CSV (.csv)", icon: "lucide:file-text" },
                   { value: "json", label: "JSON (.json)", icon: "lucide:file-json" }
-                ], (E) => (a(), c(h, {
-                  key: E.value,
+                ], (R) => (a(), c(h, {
+                  key: R.value,
                   variant: "outline",
                   class: "w-full flex items-center justify-start gap-3 h-12",
-                  onClick: (ot) => M.value?.exportData(E.value, i)
+                  onClick: (rt) => M.value?.exportData(R.value, i)
                 }, {
                   default: d(() => [
-                    u(R, {
-                      icon: E.icon,
+                    u(A, {
+                      icon: R.icon,
                       class: "text-muted-foreground h-5 w-5"
                     }, null, 8, ["icon"]),
-                    g("span", null, f(E.label), 1)
+                    g("span", null, f(R.label), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"]))), 128))
@@ -578,8 +584,8 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
           ]),
           _: 1
         }, 8, ["show", "title"])) : m("", !0),
-        W.value ? (a(), s("div", lt, [
-          u(Re, v({
+        G.value ? (a(), s("div", ot, [
+          u(Ae, v({
             show: U.value,
             "onUpdate:show": l[12] || (l[12] = (i) => U.value = i),
             ref_key: "importDataRef",
@@ -588,7 +594,7 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
             processBatch: be,
             onComplete: Be
           }, typeof t.importProps == "object" ? t.importProps : {}, {
-            title: X.value,
+            title: W.value,
             class: "hidden!"
           }), null, 16, ["show", "fields", "title"])
         ])) : m("", !0)
@@ -597,5 +603,5 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
   }
 });
 export {
-  kt as default
+  Pt as default
 };