vlite3 0.3.4 → 0.3.7

package/components/Input.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as G, useSlots as J, ref as v, computed as r, onMounted as K, nextTick as A, openBlock as d, createElementBlock as s, normalizeClass as a, createBlock as C, withCtx as O, createTextVNode as k, toDisplayString as V, createCommentVNode as c, createElementVNode as z, renderSlot as F, createVNode as x } from "vue";
+import { defineComponent as G, useSlots as J, ref as v, computed as r, onMounted as K, nextTick as A, openBlock as d, createElementBlock as u, normalizeClass as a, createBlock as C, withCtx as O, createTextVNode as k, toDisplayString as V, createCommentVNode as c, createElementVNode as B, renderSlot as F, createVNode as x } from "vue";
 import f from "./Icon.vue.js";
 import Q from "./Label.vue.js";
 import X from "./Textarea.vue.js";
@@ -33,14 +33,14 @@ const Y = ["type", "value", "placeholder", "disabled", "min", "max"], Z = { clas
   },
   emits: ["update:modelValue", "focus", "blur", "change", "click:icon", "click:icon-right"],
   setup(n, { emit: I }) {
-    const e = n, u = I, m = J(), y = v(null), b = v(!1), M = r(() => e.type === "password" && b.value ? "text" : e.type), B = r(() => e.modelValue !== "" && e.modelValue !== null && e.modelValue !== void 0), g = r(() => !!e.addonLeft || !!m["addon-left"]), p = r(() => !!e.addonRight || !!m["addon-right"]), N = r(() => [
+    const e = n, s = I, m = J(), y = v(null), b = v(!1), M = r(() => e.type === "password" && b.value ? "text" : e.type), j = r(() => e.modelValue !== "" && e.modelValue !== null && e.modelValue !== void 0), g = r(() => !!e.addonLeft || !!m["addon-left"]), p = r(() => !!e.addonRight || !!m["addon-right"]), N = r(() => [
       "relative w-full",
       e.class,
       e.labelPosition === "left" ? "flex items-center gap-4" : "",
       e.labelPosition === "right" ? "flex flex-row-reverse items-center gap-4" : "space-y-2"
     ].join(" ")), T = r(() => ["relative flex w-full items-stretch", e.labelPosition !== "top" ? "flex-1" : ""].join(
       " "
-    )), j = r(() => {
+    )), z = r(() => {
       const t = "block w-full bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground/50 disabled:cursor-not-allowed disabled:opacity-50 focus-visible:outline-none relative focus:z-10", o = {
         solid: "bg-muted border-transparent focus-visible:border-primary",
         outline: "border border-input focus-visible:border-primary",
@@ -69,7 +69,7 @@ const Y = ["type", "value", "placeholder", "disabled", "min", "max"], Z = { clas
         l,
         e.error ? "border-destructive focus-visible:ring-destructive" : "",
         e.icon ? "pl-9" : P && !g.value ? "pl-0" : "",
-        e.showClearButton && B.value || e.type === "password" || e.loading || e.iconRight ? "pr-9" : P && !p.value ? "pr-0" : "",
+        e.showClearButton && j.value || e.type === "password" || e.loading || e.iconRight ? "pr-9" : P && !p.value ? "pr-0" : "",
         e.inputClass
       ].join(" ");
     }), R = {
@@ -125,28 +125,27 @@ const Y = ["type", "value", "placeholder", "disabled", "min", "max"], Z = { clas
         e.disabled ? "opacity-50 cursor-not-allowed" : ""
       ].join(" ");
     }), H = (t) => {
-      if (e.lazy) return;
       const o = t.target;
-      u("update:modelValue", o.value);
+      s("update:modelValue", o.value);
     }, U = (t) => {
       const o = t.target;
-      e.lazy && u("update:modelValue", o.value), u("change", o.value);
+      s("change", o.value);
     }, W = () => {
       b.value = !b.value;
     }, q = () => {
-      u("update:modelValue", ""), A(() => {
+      s("update:modelValue", ""), A(() => {
         y.value?.focus();
       });
     }, h = v(!1), w = v(!1), S = (t) => {
-      h.value = !0, u("focus", t);
+      h.value = !0, s("focus", t);
     }, L = (t) => {
-      h.value = !1, u("blur", t);
+      h.value = !1, s("blur", t);
     };
     return K(() => {
       e.autofocus && A(() => {
         y.value?.focus();
       });
-    }), (t, o) => (d(), s("div", {
+    }), (t, o) => (d(), u("div", {
       class: a(N.value)
     }, [
       n.label ? (d(), C(Q, {
@@ -159,10 +158,10 @@ const Y = ["type", "value", "placeholder", "disabled", "min", "max"], Z = { clas
         ]),
         _: 1
       }, 8, ["for", "class"])) : c("", !0),
-      z("div", {
+      B("div", {
         class: a(T.value)
       }, [
-        g.value ? (d(), s("div", {
+        g.value ? (d(), u("div", {
           key: 0,
           class: a(E.value)
         }, [
@@ -170,7 +169,7 @@ const Y = ["type", "value", "placeholder", "disabled", "min", "max"], Z = { clas
             k(V(n.addonLeft), 1)
           ])
         ], 2)) : c("", !0),
-        z("div", {
+        B("div", {
           class: "relative w-full",
           onMouseenter: o[2] || (o[2] = (i) => w.value = !0),
           onMouseleave: o[3] || (o[3] = (i) => w.value = !1)
@@ -181,11 +180,11 @@ const Y = ["type", "value", "placeholder", "disabled", "min", "max"], Z = { clas
             placeholder: n.placeholder,
             disabled: n.disabled,
             rows: n.rows,
-            class: a(j.value),
-            "onUpdate:modelValue": o[0] || (o[0] = (i) => u("update:modelValue", i)),
+            class: a(z.value),
+            "onUpdate:modelValue": o[0] || (o[0] = (i) => s("update:modelValue", i)),
             onBlur: L,
             onFocus: S
-          }, null, 8, ["model-value", "placeholder", "disabled", "rows", "class"])) : (d(), s("input", {
+          }, null, 8, ["model-value", "placeholder", "disabled", "rows", "class"])) : (d(), u("input", {
             key: 1,
             ref_key: "inputRef",
             ref: y,
@@ -195,13 +194,13 @@ const Y = ["type", "value", "placeholder", "disabled", "min", "max"], Z = { clas
             disabled: n.disabled,
             min: n.min,
             max: n.max,
-            class: a(j.value),
+            class: a(z.value),
             onInput: H,
             onChange: U,
             onBlur: L,
             onFocus: S
           }, null, 42, Y)),
-          n.icon ? (d(), s("div", {
+          n.icon ? (d(), u("div", {
             key: 2,
             tabindex: "-1",
             class: a([
@@ -214,26 +213,26 @@ const Y = ["type", "value", "placeholder", "disabled", "min", "max"], Z = { clas
               class: "h-4 w-4"
             }, null, 8, ["icon"])
           ], 2)) : c("", !0),
-          z("div", Z, [
+          B("div", Z, [
             n.loading ? (d(), C(f, {
               key: 0,
               icon: "lucide:loader-2",
               class: "h-4 w-4 animate-spin text-muted-foreground"
-            })) : n.iconRight ? (d(), s("div", {
+            })) : n.iconRight ? (d(), u("div", {
               key: 1,
               tabindex: "-1",
               class: a([
                 "flex items-center justify-center text-muted-foreground",
                 n.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:text-foreground"
               ]),
-              onClick: o[1] || (o[1] = (i) => !n.disabled && u("click:icon-right", i))
+              onClick: o[1] || (o[1] = (i) => !n.disabled && s("click:icon-right", i))
             }, [
               x(f, {
                 icon: n.iconRight,
                 class: "h-4 w-4"
               }, null, 8, ["icon"])
             ], 2)) : c("", !0),
-            n.type === "password" && !n.disabled ? (d(), s("button", {
+            n.type === "password" && !n.disabled ? (d(), u("button", {
               key: 2,
               type: "button",
               tabindex: "-1",
@@ -245,7 +244,7 @@ const Y = ["type", "value", "placeholder", "disabled", "min", "max"], Z = { clas
                 class: "h-4 w-4"
               }, null, 8, ["icon"])
             ])) : c("", !0),
-            n.showClearButton && B.value && !n.disabled && !n.loading && n.type !== "textarea" && n.type !== "password" && (h.value || w.value) ? (d(), s("button", {
+            n.showClearButton && j.value && !n.disabled && !n.loading && n.type !== "textarea" && n.type !== "password" && (h.value || w.value) ? (d(), u("button", {
               key: 3,
               type: "button",
               tabindex: "-1",
@@ -259,7 +258,7 @@ const Y = ["type", "value", "placeholder", "disabled", "min", "max"], Z = { clas
             ])) : c("", !0)
           ])
         ], 32),
-        p.value ? (d(), s("div", {
+        p.value ? (d(), u("div", {
           key: 1,
           class: a(D.value)
         }, [

package/components/Pagination/Pagination.vue.d.ts

@@ -1,22 +1,10 @@
-interface Props {
-    currentPage?: number;
-    totalPages: number;
-    siblingCount?: number;
-    disabled?: boolean;
-    showEdges?: boolean;
-    showPageInfo?: boolean;
-    showItemsPerPage?: boolean;
-    itemsPerPage?: number;
-    itemsPerPageOptions?: number[];
-    navType?: 'text' | 'icon';
-    alignment?: 'start' | 'center' | 'end' | 'between';
-}
-declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+import { PaginationProps } from '.';
+declare const _default: import('vue').DefineComponent<PaginationProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     change: (value: number) => any;
     "update:currentPage": (value: number) => any;
     "update:itemsPerPage": (value: number) => any;
     "change:itemsPerPage": (value: number) => any;
-}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<PaginationProps> & Readonly<{
     onChange?: (value: number) => any;
     "onUpdate:currentPage"?: (value: number) => any;
     "onUpdate:itemsPerPage"?: (value: number) => any;
@@ -24,7 +12,7 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
 }>, {
     disabled: boolean;
     currentPage: number;
-    siblingCount: number;
+    totalItems: number;
     showEdges: boolean;
     showPageInfo: boolean;
     showItemsPerPage: boolean;

package/components/Pagination/Pagination.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as N, computed as z, openBlock as s, createElementBlock as l, normalizeClass as S, createElementVNode as d, Fragment as P, renderList as $, toDisplayString as x, createVNode as b, createCommentVNode as m, createTextVNode as h, createBlock as v, withCtx as w } from "vue";
+import { defineComponent as N, computed as z, openBlock as s, createElementBlock as r, normalizeClass as S, createElementVNode as d, Fragment as P, renderList as $, toDisplayString as x, createVNode as b, createCommentVNode as m, createTextVNode as h, createBlock as v, withCtx as w } from "vue";
 import O from "../Icon.vue.js";
 import o from "../Button.vue.js";
 const R = {
@@ -24,7 +24,7 @@ const R = {
   props: {
     currentPage: { default: 1 },
     totalPages: {},
-    siblingCount: { default: 1 },
+    totalItems: { default: 1 },
     disabled: { type: Boolean, default: !1 },
     showEdges: { type: Boolean, default: !1 },
     showPageInfo: { type: Boolean, default: !1 },
@@ -36,31 +36,31 @@ const R = {
   },
   emits: ["update:currentPage", "change", "update:itemsPerPage", "change:itemsPerPage"],
   setup(e, { emit: j }) {
-    const a = e, u = j, r = (i) => {
-      a.disabled || i < 1 || i > a.totalPages || i !== a.currentPage && (u("update:currentPage", i), u("change", i));
-    }, T = (i) => {
-      const t = i.target, n = parseInt(t.value);
+    const a = e, u = j, i = (l) => {
+      a.disabled || l < 1 || l > a.totalPages || l !== a.currentPage && (u("update:currentPage", l), u("change", l));
+    }, T = (l) => {
+      const t = l.target, n = parseInt(t.value);
       u("update:itemsPerPage", n), u("change:itemsPerPage", n), u("update:currentPage", 1), u("change", 1);
     }, D = z(() => {
-      if (a.siblingCount * 2 + 5 >= a.totalPages)
+      if (a.totalItems * 2 + 5 >= a.totalPages)
         return y(1, a.totalPages);
-      const t = Math.max(a.currentPage - a.siblingCount, 1), n = Math.min(a.currentPage + a.siblingCount, a.totalPages), g = t > 2, c = n < a.totalPages - 2, k = 1, C = a.totalPages;
+      const t = Math.max(a.currentPage - a.totalItems, 1), n = Math.min(a.currentPage + a.totalItems, a.totalPages), g = t > 2, c = n < a.totalPages - 2, k = 1, I = a.totalPages;
       if (!g && c) {
-        let f = 3 + 2 * a.siblingCount;
-        return [...y(1, f), "DOTS", C];
+        let f = 3 + 2 * a.totalItems;
+        return [...y(1, f), "DOTS", I];
       }
       if (g && !c) {
-        let f = 3 + 2 * a.siblingCount, I = y(a.totalPages - f + 1, a.totalPages);
-        return [k, "DOTS", ...I];
+        let f = 3 + 2 * a.totalItems, C = y(a.totalPages - f + 1, a.totalPages);
+        return [k, "DOTS", ...C];
       }
       if (g && c) {
         let f = y(t, n);
-        return [k, "DOTS", ...f, "DOTS", C];
+        return [k, "DOTS", ...f, "DOTS", I];
       }
       return [];
-    }), y = (i, t) => {
-      let n = t - i + 1;
-      return Array.from({ length: n }, (g, c) => c + i);
+    }), y = (l, t) => {
+      let n = t - l + 1;
+      return Array.from({ length: n }, (g, c) => c + l);
     }, B = z(() => {
       if (a.alignment)
         switch (a.alignment) {
@@ -69,17 +69,17 @@ const R = {
           case "end":
             return "justify-end";
           case "between":
-            return "justify-between";
+            return "justify-between!";
           default:
             return "justify-center";
         }
       return a.showPageInfo || a.showItemsPerPage ? "justify-between" : "justify-center";
     });
-    return (i, t) => (s(), l("div", {
+    return (l, t) => (s(), r("div", {
       class: S(["flex flex-col md:flex-row items-center gap-4 w-full", [B.value]])
     }, [
-      e.showPageInfo || e.showItemsPerPage ? (s(), l("div", R, [
-        e.showItemsPerPage ? (s(), l("div", E, [
+      e.showPageInfo || e.showItemsPerPage ? (s(), r("div", R, [
+        e.showItemsPerPage ? (s(), r("div", E, [
           t[8] || (t[8] = d("span", { class: "whitespace-nowrap" }, "Show", -1)),
           d("div", V, [
             d("select", {
@@ -88,7 +88,7 @@ const R = {
               disabled: e.disabled,
               onChange: T
             }, [
-              (s(!0), l(P, null, $(e.itemsPerPageOptions, (n) => (s(), l("option", {
+              (s(!0), r(P, null, $(e.itemsPerPageOptions, (n) => (s(), r("option", {
                 key: n,
                 value: n
               }, x(n), 9, M))), 128))
@@ -100,8 +100,8 @@ const R = {
           ]),
           t[9] || (t[9] = d("span", { class: "whitespace-nowrap" }, "per page", -1))
         ])) : m("", !0),
-        e.showItemsPerPage && e.showPageInfo ? (s(), l("div", A)) : m("", !0),
-        e.showPageInfo ? (s(), l("span", F, [
+        e.showItemsPerPage && e.showPageInfo ? (s(), r("div", A)) : m("", !0),
+        e.showPageInfo ? (s(), r("span", F, [
           t[10] || (t[10] = h(" Page ", -1)),
           d("span", q, x(e.currentPage), 1),
           t[11] || (t[11] = h(" of ", -1)),
@@ -115,7 +115,7 @@ const R = {
           size: "sm",
           icon: "lucide:chevrons-left",
           disabled: e.disabled || e.currentPage === 1,
-          onClick: t[0] || (t[0] = (n) => r(1))
+          onClick: t[0] || (t[0] = (n) => i(1))
         }, null, 8, ["disabled"])) : m("", !0),
         e.navType === "icon" ? (s(), v(o, {
           key: 1,
@@ -123,14 +123,14 @@ const R = {
           size: "sm",
           icon: "lucide:chevron-left",
           disabled: e.disabled || e.currentPage === 1,
-          onClick: t[1] || (t[1] = (n) => r(e.currentPage - 1))
-        }, null, 8, ["disabled"])) : (s(), l(P, { key: 2 }, [
+          onClick: t[1] || (t[1] = (n) => i(e.currentPage - 1))
+        }, null, 8, ["disabled"])) : (s(), r(P, { key: 2 }, [
           b(o, {
             variant: "ghost",
             size: "sm",
             class: "hidden sm:flex",
             disabled: e.disabled || e.currentPage === 1,
-            onClick: t[2] || (t[2] = (n) => r(e.currentPage - 1))
+            onClick: t[2] || (t[2] = (n) => i(e.currentPage - 1))
           }, {
             default: w(() => [...t[12] || (t[12] = [
               h(" Previous ", -1)
@@ -143,11 +143,11 @@ const R = {
             icon: "lucide:chevron-left",
             class: "flex sm:hidden",
             disabled: e.disabled || e.currentPage === 1,
-            onClick: t[3] || (t[3] = (n) => r(e.currentPage - 1))
+            onClick: t[3] || (t[3] = (n) => i(e.currentPage - 1))
           }, null, 8, ["disabled"])
         ], 64)),
-        (s(!0), l(P, null, $(D.value, (n, g) => (s(), l(P, { key: g }, [
-          n === "DOTS" ? (s(), l("div", J, "...")) : (s(), v(o, {
+        (s(!0), r(P, null, $(D.value, (n, g) => (s(), r(P, { key: g }, [
+          n === "DOTS" ? (s(), r("div", J, "...")) : (s(), v(o, {
             key: 1,
             size: "sm",
             variant: n === e.currentPage ? "outline" : "ghost",
@@ -156,7 +156,7 @@ const R = {
               "text-gray-600 hover:bg-gray-100": n !== e.currentPage
             }),
             disabled: e.disabled,
-            onClick: (c) => r(n)
+            onClick: (c) => i(n)
           }, {
             default: w(() => [
               h(x(n), 1)
@@ -170,14 +170,14 @@ const R = {
           size: "sm",
           icon: "lucide:chevron-right",
           disabled: e.disabled || e.currentPage === e.totalPages,
-          onClick: t[4] || (t[4] = (n) => r(e.currentPage + 1))
-        }, null, 8, ["disabled"])) : (s(), l(P, { key: 4 }, [
+          onClick: t[4] || (t[4] = (n) => i(e.currentPage + 1))
+        }, null, 8, ["disabled"])) : (s(), r(P, { key: 4 }, [
           b(o, {
             variant: "ghost",
             size: "sm",
             class: "hidden sm:flex",
             disabled: e.disabled || e.currentPage === e.totalPages,
-            onClick: t[5] || (t[5] = (n) => r(e.currentPage + 1))
+            onClick: t[5] || (t[5] = (n) => i(e.currentPage + 1))
           }, {
             default: w(() => [...t[13] || (t[13] = [
               h(" Next ", -1)
@@ -190,7 +190,7 @@ const R = {
             icon: "lucide:chevron-right",
             class: "flex sm:hidden",
             disabled: e.disabled || e.currentPage === e.totalPages,
-            onClick: t[6] || (t[6] = (n) => r(e.currentPage + 1))
+            onClick: t[6] || (t[6] = (n) => i(e.currentPage + 1))
           }, null, 8, ["disabled"])
         ], 64)),
         e.showEdges ? (s(), v(o, {
@@ -199,7 +199,7 @@ const R = {
           size: "sm",
           icon: "lucide:chevrons-right",
           disabled: e.disabled || e.currentPage === e.totalPages,
-          onClick: t[7] || (t[7] = (n) => r(e.totalPages))
+          onClick: t[7] || (t[7] = (n) => i(e.totalPages))
         }, null, 8, ["disabled"])) : m("", !0)
       ])
     ], 2));

package/components/Pagination/index.d.ts

@@ -1 +1,20 @@
 export { default as Pagination } from './Pagination.vue';
+export interface PageInfo {
+    currentPage: number;
+    totalPages: number;
+    totalItems?: number;
+    itemsPerPage?: number;
+}
+export interface PaginationProps {
+    currentPage?: number;
+    totalPages: number;
+    totalItems?: number;
+    disabled?: boolean;
+    showEdges?: boolean;
+    showPageInfo?: boolean;
+    showItemsPerPage?: boolean;
+    itemsPerPage?: number;
+    itemsPerPageOptions?: number[];
+    navType?: 'text' | 'icon';
+    alignment?: 'start' | 'center' | 'end' | 'between';
+}

package/components/Screen/Screen.vue.d.ts

@@ -0,0 +1,47 @@
+import { ScreenProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        title?(_: {}): any;
+        description?(_: {}): any;
+        'before-search'?(_: {}): any;
+        actions?(_: {}): any;
+        'after-add'?(_: {}): any;
+        'custom-header'?(_: {}): any;
+        empty?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<ScreenProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    delete: (items: any[]) => any;
+    add: () => any;
+}, string, import('vue').PublicProps, Readonly<ScreenProps> & Readonly<{
+    onDelete?: (items: any[]) => any;
+    onAdd?: () => any;
+}>, {
+    title: string;
+    description: string;
+    name: string;
+    data: any[];
+    loading: boolean;
+    pagination: boolean;
+    emptyTitle: string;
+    emptyDescription: string;
+    emptyIcon: string;
+    paginationProps: import('./types').ScreenPaginationProps;
+    customHeader: boolean;
+    canSearch: boolean;
+    canAdd: boolean;
+    filterSchema: import('../Form').IForm[];
+    filterType: "modal" | "dropdown";
+    showRefresh: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};