vlite3 0.7.3 → 0.7.4

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

@@ -5,8 +5,8 @@ import O from "../Input.vue.js";
 /* empty css            */
 import "../../core/config.js";
 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,

package/components/Screen/Screen.vue.js

@@ -1,10 +1,10 @@
-import { defineComponent as Pe, provide as q, useSlots as Ie, computed as i, ref as x, watch as z, resolveComponent as $e, openBlock as l, createElementBlock as s, normalizeClass as A, createElementVNode as y, renderSlot as p, toDisplayString as f, createBlock as c, withCtx as d, createVNode as u, createCommentVNode as m, unref as w, resolveDynamicComponent as H, Fragment as I, mergeProps as g, createTextVNode as B, renderList as Se } from "vue";
+import { defineComponent as Pe, provide as z, useSlots as Ie, computed as i, ref as x, watch as H, resolveComponent as $e, openBlock as l, createElementBlock as s, normalizeClass as N, createElementVNode as y, renderSlot as p, toDisplayString as f, createBlock as c, withCtx as d, createVNode as u, createCommentVNode as m, unref as w, resolveDynamicComponent as K, Fragment as I, mergeProps as g, createTextVNode as B, renderList as Se } from "vue";
 import Te from "../Input.vue.js";
 /* empty css            */
 import h from "../Button.vue.js";
-import N from "../Icon.vue.js";
+import F from "../Icon.vue.js";
 import Ve from "../Tooltip.vue.js";
-import K from "../Modal.vue.js";
+import J from "../Modal.vue.js";
 import Re from "../ConfirmationModal.vue.js";
 import Ee from "../Pagination/Pagination.vue.js";
 import Oe from "../Empty/Empty.vue.js";
@@ -81,60 +81,60 @@ const qe = { class: "flex flex-col w-full space-y-8" }, ze = { class: "flex flex
     headerClass: {}
   },
   emits: ["add", "delete"],
-  setup(t, { emit: _ }) {
-    const a = t, $ = Me(), J = _;
-    q(Ue, {
+  setup(t, { emit: ee }) {
+    const a = t, $ = Me(), Q = ee;
+    z(Ue, {
       disableSearch: !0,
       forceSelectable: !0
     });
-    const ee = Ie(), te = i(() => a.name || a.title || "default-screen"), k = Le(
+    const V = Ie(), te = i(() => a.name || a.title || "default-screen"), k = Le(
       `view-mode-${te.value}`,
-      a.table || ee.table ? "table" : "list"
-    ), S = x(""), V = x({}), C = x(a.pageInfo?.currentPage || 1), R = x(a.pageInfo?.itemsPerPage || a.paginationProps?.itemsPerPage || 10), v = x([]), E = x([]), T = x(!1);
-    q("screen-selected-rows", v), q("screen-request-delete", (e) => D(e));
+      a.table || V.table ? "table" : "list"
+    ), S = x(""), R = x({}), C = x(a.pageInfo?.currentPage || 1), E = x(a.pageInfo?.itemsPerPage || a.paginationProps?.itemsPerPage || 10), v = x([]), O = x([]), T = x(!1);
+    z("screen-selected-rows", v), z("screen-request-delete", (e) => D(e));
     const D = (e) => {
-      E.value = e, T.value = !0;
+      O.value = e, T.value = !0;
     }, ae = () => {
-      J("delete", E.value), T.value = !1, v.value = [];
+      Q("delete", O.value), T.value = !1, v.value = [];
     }, le = (e) => {
-      J("delete", e), v.value = [];
+      Q("delete", e), v.value = [];
     };
-    z(
+    H(
       () => a.pageInfo?.currentPage,
       (e) => {
         e && (C.value = e);
       }
-    ), z(
+    ), H(
       () => a.pageInfo?.itemsPerPage,
       (e) => {
-        e && (R.value = e);
+        e && (E.value = e);
       }
     );
-    let F = null;
-    z(S, () => {
-      F && clearTimeout(F), F = setTimeout(() => {
+    let L = null;
+    H(S, () => {
+      L && clearTimeout(L), L = setTimeout(() => {
         C.value = 1, P();
       }, 300);
     });
     const ne = (e) => {
       C.value = e, P();
     }, oe = (e) => {
-      R.value = e, C.value = 1, P();
+      E.value = e, C.value = 1, P();
     }, P = () => {
       const e = {
         pageinfo: {
           page: C.value,
-          limit: R.value
+          limit: E.value
         },
         pagination: {
           page: C.value,
-          limit: R.value
+          limit: E.value
         },
         search: S.value,
-        filter: V.value
+        filter: R.value
       };
       a.refetch && a.refetch(e);
-    }, Q = i(() => k.value === "table" && a.table ? a.table : a.list), ie = i(() => a.data && a.data.length > 0), X = i(() => a.titleI18n ? r(a.titleI18n) : a.title), Y = i(
+    }, X = i(() => k.value === "table" ? a.table || !!V.table : a.list || !!V.list || !!V.grid), ie = i(() => a.data && a.data.length > 0), Y = i(() => a.titleI18n ? r(a.titleI18n) : a.title), G = i(
       () => a.descriptionI18n ? r(a.descriptionI18n) : a.description
     ), re = i(() => {
       const e = r("vlite.screen.deleteSelected");
@@ -155,8 +155,8 @@ const qe = { class: "flex flex-col w-full space-y-8" }, ze = { class: "flex flex
       const e = r("vlite.screen.confirmDeleteTitle");
       return e !== "vlite.screen.confirmDeleteTitle" ? e : "Confirm Deletion";
     }), fe = i(() => {
-      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"}?`;
+      const e = r("vlite.screen.confirmDeleteDesc", { count: O.value.length });
+      return e !== "vlite.screen.confirmDeleteDesc" ? e : `Are you sure you want to delete the selected ${O.value.length > 1 ? "items" : "item"}?`;
     }), ve = i(() => {
       const e = r("vlite.screen.confirmDeleteBtn");
       return e !== "vlite.screen.confirmDeleteBtn" ? e : "Delete";
@@ -171,20 +171,20 @@ const qe = { class: "flex flex-col w-full space-y-8" }, ze = { class: "flex flex
       if (a.addBtn?.label) return a.addBtn.label;
       const e = r("vlite.screen.addNew");
       return e !== "vlite.screen.addNew" ? e : "Add New";
-    }), G = i(() => {
+    }), W = i(() => {
       const e = a.exportSchema && a.exportSchema.length > 0 && a.exportProps !== !1, n = a.importSchema && a.importSchema.length > 0 && a.importProps !== !1;
       return e || n;
-    }), L = i(() => {
+    }), M = i(() => {
       const e = r("vlite.screen.exportData");
       return e !== "vlite.screen.exportData" ? e : "Export Data";
-    }), W = i(() => {
+    }), Z = i(() => {
       const e = r("vlite.screen.importData");
       return e !== "vlite.screen.importData" ? e : "Import Data";
     }), ye = i(() => {
       const e = [];
-      return a.exportProps !== !1 && e.push({ value: "export", label: L.value, icon: "lucide:download" }), a.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);
+      return a.exportProps !== !1 && e.push({ value: "export", label: M.value, icon: "lucide:download" }), a.importProps !== !1 && e.push({ value: "import", label: Z.value, icon: "lucide:upload" }), e;
+    }), U = x(null), xe = x(null), j = x(!1), q = x(!1), pe = (e) => {
+      e.value === "export" ? j.value = !0 : e.value === "import" && (q.value = !0);
     }, we = i(() => a.exportSchema ? a.exportSchema.map((e) => ({
       field: e.name || e.field,
       title: e.label || e.title || e.name || e.field
@@ -208,7 +208,7 @@ const qe = { class: "flex flex-col w-full space-y-8" }, ze = { class: "flex flex
         const n = {
           format: e,
           search: S.value,
-          filter: V.value
+          filter: R.value
         };
         await $.services.exportApi(a.exportType, n);
       } else
@@ -217,16 +217,16 @@ const qe = { class: "flex flex-col w-full space-y-8" }, ze = { class: "flex flex
         );
     };
     return (e, n) => {
-      const Z = $e("router-link");
+      const _ = $e("router-link");
       return l(), s("div", qe, [
         t.customHeader ? p(e.$slots, "custom-header", { key: 1 }) : (l(), s("div", {
           key: 0,
-          class: A([t.headerClass, "flex flex-col md:flex-row sm:items-start md:items-center justify-between gap-4"])
+          class: N([t.headerClass, "flex flex-col md:flex-row sm:items-start md:items-center justify-between gap-4"])
         }, [
           y("div", ze, [
             p(e.$slots, "title", {}, () => [
-              X.value ? (l(), s("div", He, [
-                y("h1", Ke, f(X.value), 1),
+              Y.value ? (l(), s("div", He, [
+                y("h1", Ke, f(Y.value), 1),
                 t.info || t.infoI18n ? (l(), c(Ve, {
                   key: 0,
                   content: t.info,
@@ -234,7 +234,7 @@ const qe = { class: "flex flex-col w-full space-y-8" }, ze = { class: "flex flex
                   placement: "right"
                 }, {
                   default: d(() => [
-                    u(N, {
+                    u(F, {
                       icon: "lucide:info",
                       class: "w-[18px] h-[18px] mt-3! text-muted-foreground hover:text-foreground cursor-pointer transition-colors outline-none"
                     })
@@ -244,7 +244,7 @@ const qe = { class: "flex flex-col w-full space-y-8" }, ze = { class: "flex flex
               ])) : m("", !0)
             ]),
             p(e.$slots, "description", {}, () => [
-              Y.value ? (l(), s("p", Je, f(Y.value), 1)) : m("", !0)
+              G.value ? (l(), s("p", Je, f(G.value), 1)) : m("", !0)
             ])
           ]),
           y("div", Qe, [
@@ -260,24 +260,24 @@ const qe = { class: "flex flex-col w-full space-y-8" }, ze = { class: "flex flex
               (t.table || e.$slots.table) && (t.list || e.$slots.list || e.$slots.grid) ? (l(), s("div", Ye, [
                 y("button", {
                   onClick: n[1] || (n[1] = (o) => k.value = "list"),
-                  class: A(["p-1.5 rounded", [
+                  class: N(["p-1.5 rounded", [
                     w(k) === "list" ? "bg-secondary/85 dark:bg-secondary shadow-sm text-foreground" : "text-muted-foreground hover:text-foreground"
                   ]]),
                   title: de.value
                 }, [
-                  u(N, {
+                  u(F, {
                     icon: "lucide:layout-grid",
                     class: "w-4 h-4"
                   })
                 ], 10, Ge),
                 y("button", {
                   onClick: n[2] || (n[2] = (o) => k.value = "table"),
-                  class: A(["p-1.5 rounded", [
+                  class: N(["p-1.5 rounded", [
                     w(k) === "table" ? "bg-secondary/85 dark:bg-secondary shadow-sm text-foreground" : "text-muted-foreground hover:text-foreground"
                   ]]),
                   title: se.value
                 }, [
-                  u(N, {
+                  u(F, {
                     icon: "lucide:list",
                     class: "w-4 h-4"
                   })
@@ -298,8 +298,8 @@ const qe = { class: "flex flex-col w-full space-y-8" }, ze = { class: "flex flex
                 key: 3,
                 schema: t.filterSchema,
                 type: t.filterType,
-                modelValue: V.value,
-                "onUpdate:modelValue": n[3] || (n[3] = (o) => V.value = o),
+                modelValue: R.value,
+                "onUpdate:modelValue": n[3] || (n[3] = (o) => R.value = o),
                 onChange: P
               }, null, 8, ["schema", "type", "modelValue"])) : m("", !0),
               t.canSearch ? (l(), s("div", Ze, [
@@ -317,9 +317,9 @@ const qe = { class: "flex flex-col w-full space-y-8" }, ze = { class: "flex flex
             ]),
             y("div", _e, [
               p(e.$slots, "actions", {}, () => [
-                t.addComponent ? (l(), c(H(t.addComponent), { key: 0 })) : t.canAdd ? (l(), s(I, { key: 1 }, [
+                t.addComponent ? (l(), c(K(t.addComponent), { key: 0 })) : t.canAdd ? (l(), s(I, { key: 1 }, [
                   t.addBtn ? (l(), s(I, { key: 0 }, [
-                    t.addBtn.modal ? (l(), c(K, g({
+                    t.addBtn.modal ? (l(), c(J, g({
                       key: 0,
                       body: t.addBtn.modal
                     }, t.addBtn.modalProps, {
@@ -341,7 +341,7 @@ const qe = { class: "flex flex-col w-full space-y-8" }, ze = { class: "flex flex
                         }, 16, ["icon", "variant"])
                       ]),
                       _: 1
-                    }, 16, ["body", "refetch", "data", "loading"])) : t.addBtn.to ? (l(), c(Z, {
+                    }, 16, ["body", "refetch", "data", "loading"])) : t.addBtn.to ? (l(), c(_, {
                       key: 1,
                       to: t.addBtn.to,
                       class: "inline-flex w-full sm:w-auto"
@@ -391,7 +391,7 @@ const qe = { class: "flex flex-col w-full space-y-8" }, ze = { class: "flex flex
                   ], 64)) : m("", !0)
                 ], 64)) : m("", !0)
               ]),
-              G.value ? (l(), c(Ae, {
+              W.value ? (l(), c(Ae, {
                 key: 0,
                 closeOnSelect: "",
                 position: "bottom-end",
@@ -414,7 +414,7 @@ const qe = { class: "flex flex-col w-full space-y-8" }, ze = { class: "flex flex
         ], 2)),
         p(e.$slots, "sub-header"),
         y("div", {
-          class: A(["flex-1 w-full relative", t.containerClass])
+          class: N(["flex-1 w-full relative", t.containerClass])
         }, [
           !ie.value && !t.loading ? p(e.$slots, "empty", { key: 0 }, () => [
             u(w(Oe), {
@@ -425,9 +425,9 @@ const qe = { class: "flex flex-col w-full space-y-8" }, ze = { class: "flex flex
               icon: t.emptyIcon
             }, {
               action: d(() => [
-                t.addComponent ? (l(), c(H(t.addComponent), { key: 0 })) : t.canAdd ? (l(), s(I, { key: 1 }, [
+                t.addComponent ? (l(), c(K(t.addComponent), { key: 0 })) : t.canAdd ? (l(), s(I, { key: 1 }, [
                   t.addBtn ? (l(), s(I, { key: 0 }, [
-                    t.addBtn.modal ? (l(), c(K, g({
+                    t.addBtn.modal ? (l(), c(J, g({
                       key: 0,
                       body: t.addBtn.modal
                     }, t.addBtn.modalProps), {
@@ -445,7 +445,7 @@ const qe = { class: "flex flex-col w-full space-y-8" }, ze = { class: "flex flex
                         }, 16, ["icon", "variant"])
                       ]),
                       _: 1
-                    }, 16, ["body"])) : t.addBtn.to ? (l(), c(Z, {
+                    }, 16, ["body"])) : t.addBtn.to ? (l(), c(_, {
                       key: 1,
                       to: t.addBtn.to,
                       class: "inline-flex"
@@ -526,7 +526,7 @@ const qe = { class: "flex flex-col w-full space-y-8" }, ze = { class: "flex flex
               selectedRows: v.value,
               delete: D,
               updateSelectedRows: (o) => v.value = o
-            }) : Q.value ? (l(), c(H(Q.value), {
+            }) : X.value ? (l(), c(K(X.value), {
               key: 3,
               data: t.data,
               loading: t.loading,
@@ -559,44 +559,44 @@ const qe = { class: "flex flex-col w-full space-y-8" }, ze = { class: "flex flex
           onConfirm: ae,
           onCancel: n[10] || (n[10] = (o) => T.value = !1)
         }, null, 8, ["show", "title", "description", "confirm-text", "cancel-text"]),
-        O.value ? (l(), c(K, {
+        j.value ? (l(), c(J, {
           key: 3,
-          show: O.value,
-          "onUpdate:show": n[11] || (n[11] = (o) => O.value = o),
-          title: L.value,
+          show: j.value,
+          "onUpdate:show": n[11] || (n[11] = (o) => j.value = o),
+          title: M.value,
           "max-width": "sm:max-w-[400px]"
         }, {
           default: d(({ close: o }) => [
             u(Ne, g({
               ref_key: "exportDataRef",
-              ref: M,
+              ref: U,
               data: t.data || [],
               fields: we.value,
               mode: Ce.value,
               "on-export": De
             }, typeof t.exportProps == "object" ? t.exportProps : {}, {
-              title: L.value,
+              title: M.value,
               class: "hidden!"
             }), null, 16, ["data", "fields", "mode", "title"]),
             y("div", nt, [
               y("h6", ot, f(w(r)("vlite.exportData.selectFormat") !== "vlite.exportData.selectFormat" ? w(r)("vlite.exportData.selectFormat") : "Select Export Format"), 1),
               y("div", it, [
-                (l(!0), s(I, null, Se(M.value?.availableFormats || [
+                (l(!0), s(I, null, Se(U.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" }
-                ], (j) => (l(), c(h, {
-                  key: j.value,
+                ], (A) => (l(), c(h, {
+                  key: A.value,
                   variant: "outline",
                   class: "w-full flex items-center justify-start gap-3 h-12",
-                  onClick: (st) => M.value?.exportData(j.value, o)
+                  onClick: (st) => U.value?.exportData(A.value, o)
                 }, {
                   default: d(() => [
-                    u(N, {
-                      icon: j.icon,
+                    u(F, {
+                      icon: A.icon,
                       class: "text-muted-foreground h-5 w-5"
                     }, null, 8, ["icon"]),
-                    y("span", null, f(j.label), 1)
+                    y("span", null, f(A.label), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"]))), 128))
@@ -605,17 +605,17 @@ const qe = { class: "flex flex-col w-full space-y-8" }, ze = { class: "flex flex
           ]),
           _: 1
         }, 8, ["show", "title"])) : m("", !0),
-        G.value ? (l(), s("div", rt, [
+        W.value ? (l(), s("div", rt, [
           u(Fe, g({
-            show: U.value,
-            "onUpdate:show": n[12] || (n[12] = (o) => U.value = o),
+            show: q.value,
+            "onUpdate:show": n[12] || (n[12] = (o) => q.value = o),
             ref_key: "importDataRef",
             ref: xe,
             fields: be.value,
             processBatch: Be,
             onComplete: ke
           }, typeof t.importProps == "object" ? t.importProps : {}, {
-            title: W.value,
+            title: Z.value,
             class: "hidden!"
           }), null, 16, ["show", "fields", "title"])
         ])) : m("", !0)

package/components/Screen/ScreenFilter.vue.js

@@ -11,7 +11,7 @@ import "v-datepicker-lite";
 import "v-datepicker-lite/style.css";
 import "@jaames/iro";
 import "@vueuse/core";
-/* empty css                           */
+/* empty css                          */
 import "iconify-icon-picker";
 import "iconify-icon-picker/style.css";
 /* empty css                        */

package/package.json

@@ -3,7 +3,7 @@
   "private": false,
   "description": "A Vue 3 UI component library built with Tailwind CSS.",
   "license": "MIT",
-  "version": "0.7.3",
+  "version": "0.7.4",
   "type": "module",
   "main": "index.js",
   "module": "index.js",