vlite3 1.0.7 → 1.0.8

package/components/Form/FormFields.vue2.js

@@ -1,21 +1,21 @@
-import { defineComponent as M, computed as O, ref as G, openBlock as r, createElementBlock as u, normalizeClass as v, Fragment as g, renderList as J, withMemo as K, createBlock as h, withCtx as L, unref as U, resolveDynamicComponent as D, createTextVNode as x, toDisplayString as y, createCommentVNode as c, createElementVNode as Q, createVNode as W, markRaw as X } from "vue";
-import { isComponent as p, resolveFieldType as Y, getNestedValue as Z } from "./utils/form.utils.js";
-import z from "../Label.vue.js";
-import _ from "./FormField.vue.js";
-import { $t as ee } from "../../utils/i18n.js";
-const te = {
+import { defineComponent as G, computed as J, ref as K, openBlock as r, createElementBlock as u, normalizeClass as y, Fragment as b, renderList as Q, withMemo as W, unref as d, createBlock as F, withCtx as z, resolveDynamicComponent as q, createTextVNode as V, toDisplayString as k, createCommentVNode as l, createElementVNode as X, createVNode as Y, markRaw as Z } from "vue";
+import { isComponent as m, getNestedValue as w, resolveFieldType as _ } from "./utils/form.utils.js";
+import $ from "../Label.vue.js";
+import ee from "./FormField.vue.js";
+import { $t as te } from "../../utils/i18n.js";
+const ne = {
   key: 0,
   class: "text-destructive ml-0.5"
-}, ae = ["onFocusin", "onFocusout"], ne = ["for"], se = {
+}, ae = ["onFocusin", "onFocusout"], se = ["for"], re = {
   key: 0,
   class: "text-destructive ml-0.5"
-}, re = {
+}, oe = {
   key: 0,
   class: "text-destructive ml-0.5"
-}, oe = {
+}, ue = {
   key: 2,
   class: "mt-1 -text-fs-2.5 text-destructive"
-}, me = /* @__PURE__ */ M({
+}, ve = /* @__PURE__ */ G({
   __name: "FormFields",
   props: {
     schema: {},
@@ -33,40 +33,40 @@ const te = {
     isFieldReadonly: {}
   },
   emits: ["change", "addonAction"],
-  setup(n, { emit: q }) {
-    const s = n, b = q, $ = O(() => {
+  setup(a, { emit: B }) {
+    const s = a, p = B, I = J(() => {
       if (s.className) return s.className;
-    }), o = (t) => Y(t, {
+    }), o = (t) => _(t, {
       values: s.values,
       globalValues: s.values,
       isUpdate: s.isUpdate
-    }), k = (t) => Z(s.values, t.name), d = (t) => s.errors[t.name] || "", B = (t) => s.isFieldVisible ? s.isFieldVisible(t) : !0, A = (t) => s.isFieldDisabled ? s.isFieldDisabled(t) : t.disabled === !0, V = (t) => s.isFieldReadonly ? s.isFieldReadonly(t) : t.readonly === !0, i = (t) => t.labelI18n ? ee(t.labelI18n) : t.label, w = (t) => {
+    }), x = (t) => w(s.values, t.name), v = (t) => s.errors[t.name] || "", T = (t) => s.isFieldVisible ? s.isFieldVisible(t) : !0, C = (t) => s.isFieldDisabled ? s.isFieldDisabled(t) : t.disabled === !0, N = (t) => s.isFieldReadonly ? s.isFieldReadonly(t) : t.readonly === !0, c = (t) => t.labelI18n ? te(t.labelI18n) : t.label, R = (t) => {
       if (t)
-        return p(t) ? X(t) : t;
-    }, I = (t, a) => {
-      b("change", t.name, a);
-    }, T = (t) => t.itemClass || "", E = (t, a) => {
-      b("change", t, a);
-    }, P = (t) => {
-      b("addonAction", t);
-    }, m = G({}), S = (t) => {
-      m.value[t] = !0;
-    }, j = (t) => {
-      m.value[t] = !1;
-    }, C = (t) => {
-      const a = k(t), e = o(t);
-      let l = a != null && a !== "" && !(Array.isArray(a) && a.length === 0);
-      const f = typeof a == "number" && !isNaN(a);
-      return e === "dateRangePicker" && a && typeof a == "object" && (l = !!(a.startDate || a.endDate || a.start || a.end)), N(t) || e === "number" ? m.value[t.name] || l || f : l || f;
-    }, N = (t) => {
-      const a = o(t) || "text";
-      return ["text", "email", "password", "tel", "url", "search", "textarea"].includes(a);
-    }, H = (t) => {
-      const a = o(t);
-      return a === "number" ? (t.props?.variant ?? "split") === "split" ? "left-4" : "left-3" : a === "date" || a === "time" || a === "color" || a === "dateRangePicker" ? "left-10" : "left-3";
-    }, F = (t) => {
+        return m(t) ? Z(t) : t;
+    }, E = (t, n) => {
+      p("change", t.name, n);
+    }, j = (t) => t.itemClass || "", P = (t, n) => {
+      p("change", t, n);
+    }, S = (t) => {
+      p("addonAction", t);
+    }, g = (t) => t && typeof t == "object" && t.name ? t.name : null, h = K({}), H = (t) => {
+      h.value[t] = !0;
+    }, M = (t) => {
+      h.value[t] = !1;
+    }, L = (t) => {
+      const n = x(t), e = o(t);
+      let i = n != null && n !== "" && !(Array.isArray(n) && n.length === 0);
+      const D = typeof n == "number" && !isNaN(n);
+      return e === "dateRangePicker" && n && typeof n == "object" && (i = !!(n.startDate || n.endDate || n.start || n.end)), U(t) || e === "number" ? h.value[t.name] || i || D : i || D;
+    }, U = (t) => {
+      const n = o(t) || "text";
+      return ["text", "email", "password", "tel", "url", "search", "textarea"].includes(n);
+    }, O = (t) => {
+      const n = o(t);
+      return n === "number" ? (t.props?.variant ?? "split") === "split" ? "left-4" : "left-3" : n === "date" || n === "time" || n === "color" || n === "dateRangePicker" ? "left-10" : "left-3";
+    }, A = (t) => {
       if (s.variant !== "floating") return !1;
-      const a = o(t) || "text";
+      const n = o(t) || "text";
       return ![
         "switch",
         "check",
@@ -74,109 +74,112 @@ const te = {
         "avatarUpload",
         "fileUploader",
         "file"
-      ].includes(a);
-    }, R = (t) => {
-      const a = i(t);
-      if (!(!a || p(a)))
-        return a;
+      ].includes(n);
+    }, f = (t) => {
+      const n = c(t);
+      if (!(!n || m(n)))
+        return n;
     };
-    return (t, a) => (r(), u("div", {
-      class: v(["grid", n.variant === "floating" ? "gap-5 mt-1" : "gap-4", $.value])
+    return (t, n) => (r(), u("div", {
+      class: y(["grid", a.variant === "floating" ? "gap-5 mt-1" : "gap-4", I.value])
     }, [
-      (r(!0), u(g, null, J(n.schema, (e) => (r(), u(g, {
+      (r(!0), u(b, null, Q(a.schema, (e) => (r(), u(b, {
         key: e.name
       }, [
-        B(e) ? K([
+        T(e) ? W([
           e,
-          k(e),
-          d(e),
-          A(e),
-          V(e),
-          m.value[e.name],
-          n.variant,
-          n.size,
-          n.rounded,
-          n.isUpdate,
-          n.showRequiredAsterisk,
-          n.fieldLoading[e.name],
-          o(e)
+          x(e),
+          v(e),
+          C(e),
+          N(e),
+          h.value[e.name],
+          a.variant,
+          a.size,
+          a.rounded,
+          a.isUpdate,
+          a.showRequiredAsterisk,
+          a.fieldLoading[e.name],
+          o(e),
+          d(m)(o(e)) || o(e) === "customFields" ? a.values : null,
+          g(e.addonLeft) ? d(w)(a.values, g(e.addonLeft)) : null,
+          g(e.addonRight) ? d(w)(a.values, g(e.addonRight)) : null
         ], () => (r(), u("div", {
           key: 0,
-          class: v(["max-md:col-span-full! form-field-item", T(e)])
+          class: y(["max-md:col-span-full! form-field-item", j(e)])
         }, [
-          i(e) && o(e) !== "switch" && o(e) !== "check" && o(e) !== "customFields" && !F(e) ? (r(), h(z, {
+          c(e) && o(e) !== "switch" && o(e) !== "check" && o(e) !== "customFields" && !A(e) ? (r(), F($, {
             key: 0,
             for: e.name,
             class: "mb-2 block -text-fs-2! font-medium"
           }, {
-            default: L(() => [
-              U(p)(i(e)) ? (r(), h(D(w(i(e))), { key: 0 })) : (r(), u(g, { key: 1 }, [
-                x(y(i(e)) + " ", 1),
-                e.required && n.showRequiredAsterisk ? (r(), u("span", te, "*")) : c("", !0)
+            default: z(() => [
+              d(m)(c(e)) ? (r(), F(q(R(c(e))), { key: 0 })) : (r(), u(b, { key: 1 }, [
+                V(k(c(e)) + " ", 1),
+                e.required && a.showRequiredAsterisk ? (r(), u("span", ne, "*")) : l("", !0)
               ], 64))
             ]),
             _: 2
-          }, 1032, ["for"])) : c("", !0),
-          Q("div", {
-            class: v(["relative", ["switch", "check"].includes(o(e)) ? "w-auto" : "w-full"]),
-            onFocusin: (l) => S(e.name),
-            onFocusout: (l) => j(e.name)
+          }, 1032, ["for"])) : l("", !0),
+          X("div", {
+            class: y(["relative", ["switch", "check"].includes(o(e)) ? "w-auto" : "w-full"]),
+            onFocusin: (i) => H(e.name),
+            onFocusout: (i) => M(e.name)
           }, [
-            F(e) && R(e) && !N(e) ? (r(), u("label", {
+            A(e) && f(e) && !U(e) ? (r(), u("label", {
               key: 0,
               for: e.name,
-              class: v([
+              class: y([
                 "absolute transition-all duration-200 ease-in-out pointer-events-none z-20",
-                C(e) ? "-top-2.5 left-3 text-xs bg-background px-1 text-black shadow-[0_4px_4px_-4px_bg-background]" : `top-1/2 -translate-y-1/2 text-sm text-muted-foreground/70 ${H(e)}`
+                L(e) ? "-top-2.5 left-3 text-xs bg-background px-1 text-black shadow-[0_4px_4px_-4px_bg-background]" : `top-1/2 -translate-y-1/2 text-sm text-muted-foreground/70 ${O(e)}`
               ])
             }, [
-              U(p)(i(e)) ? (r(), h(D(w(i(e))), { key: 0 })) : (r(), u(g, { key: 1 }, [
-                x(y(i(e)) + " ", 1),
-                e.required ? (r(), u("span", se, "*")) : c("", !0)
+              d(m)(c(e)) ? (r(), F(q(R(c(e))), { key: 0 })) : (r(), u(b, { key: 1 }, [
+                V(k(c(e)) + " ", 1),
+                e.required ? (r(), u("span", re, "*")) : l("", !0)
               ], 64))
-            ], 10, ne)) : c("", !0),
-            W(_, {
+            ], 10, se)) : l("", !0),
+            Y(ee, {
               field: s.variant === "floating" ? {
                 ...e,
                 placeholder: void 0,
                 placeholderI18n: void 0,
                 props: { ...e.props || {}, id: e.name }
               } : { ...e, props: { ...e.props || {}, id: e.name } },
-              value: k(e),
-              floatingActive: C(e),
-              label: o(e) === "customFields" ? void 0 : F(e) ? R(e) : void 0,
-              values: n.values,
-              errors: n.errors,
-              variant: n.variant,
-              size: n.size,
-              rounded: n.rounded,
-              disabled: A(e),
-              readonly: V(e),
-              error: d(e),
-              isUpdate: n.isUpdate,
-              loading: n.fieldLoading[e.name],
-              onChange: (l) => I(e, l),
-              onAddonChange: E,
-              onAddonAction: P
+              value: x(e),
+              floatingActive: L(e),
+              label: o(e) === "customFields" ? void 0 : A(e) ? f(e) : void 0,
+              values: a.values,
+              errors: a.errors,
+              variant: a.variant,
+              size: a.size,
+              rounded: a.rounded,
+              disabled: C(e),
+              readonly: N(e),
+              error: v(e),
+              isUpdate: a.isUpdate,
+              loading: a.fieldLoading[e.name],
+              onChange: (i) => E(e, i),
+              onAddonChange: P,
+              onAddonAction: S
             }, null, 8, ["field", "value", "floatingActive", "label", "values", "errors", "variant", "size", "rounded", "disabled", "readonly", "error", "isUpdate", "loading", "onChange"])
           ], 42, ae),
-          i(e) && (o(e) === "switch" || o(e) === "check") ? (r(), h(z, {
+          c(e) && (o(e) === "switch" || o(e) === "check") ? (r(), F($, {
             key: 1,
             for: e.name,
             class: "ml-2 text-sm font-medium cursor-pointer"
           }, {
-            default: L(() => [
-              x(y(i(e)) + " ", 1),
-              e.required ? (r(), u("span", re, "*")) : c("", !0)
+            default: z(() => [
+              V(k(c(e)) + " ", 1),
+              e.required ? (r(), u("span", oe, "*")) : l("", !0)
             ]),
             _: 2
-          }, 1032, ["for"])) : c("", !0),
-          d(e) ? (r(), u("p", oe, y(d(e)), 1)) : c("", !0)
-        ], 2)), a, 0) : c("", !0)
+          }, 1032, ["for"])) : l("", !0),
+          v(e) ? (r(), u("p", ue, k(v(e)), 1)) : l("", !0)
+        ], 2)), n, 0) : l("", !0)
       ], 64))), 128))
     ], 2));
   }
 });
 export {
-  me as default
+  ve as default
 };

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

@@ -2,17 +2,229 @@ import { ScreenProps } from './types';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
-        title?(_: any): any;
-        description?(_: any): any;
-        'before-search'?(_: any): any;
-        actions?(_: any): any;
-        'after-add'?(_: any): any;
-        'custom-header'?(_: any): any;
-        'sub-header'?(_: any): any;
-        empty?(_: any): any;
-        table?(_: any): any;
-        list?(_: any): any;
-        grid?(_: any): any;
+        title?(_: {
+            activeView: string;
+            searchQuery: string;
+            activeFilters: Record<string, any>;
+            activeQuickFilter: string | number;
+            activeSort: {
+                field: string;
+                order: string;
+            };
+            page: number;
+            limit: number;
+            selectedRows: any[];
+            isFiltered: boolean;
+            hasData: boolean;
+            loading: boolean;
+        }): any;
+        description?(_: {
+            activeView: string;
+            searchQuery: string;
+            activeFilters: Record<string, any>;
+            activeQuickFilter: string | number;
+            activeSort: {
+                field: string;
+                order: string;
+            };
+            page: number;
+            limit: number;
+            selectedRows: any[];
+            isFiltered: boolean;
+            hasData: boolean;
+            loading: boolean;
+        }): any;
+        'before-search'?(_: {
+            activeView: string;
+            searchQuery: string;
+            activeFilters: Record<string, any>;
+            activeQuickFilter: string | number;
+            activeSort: {
+                field: string;
+                order: string;
+            };
+            page: number;
+            limit: number;
+            selectedRows: any[];
+            isFiltered: boolean;
+            hasData: boolean;
+            loading: boolean;
+        }): any;
+        actions?(_: {
+            activeView: string;
+            searchQuery: string;
+            activeFilters: Record<string, any>;
+            activeQuickFilter: string | number;
+            activeSort: {
+                field: string;
+                order: string;
+            };
+            page: number;
+            limit: number;
+            selectedRows: any[];
+            isFiltered: boolean;
+            hasData: boolean;
+            loading: boolean;
+        }): any;
+        'after-add'?(_: {
+            activeView: string;
+            searchQuery: string;
+            activeFilters: Record<string, any>;
+            activeQuickFilter: string | number;
+            activeSort: {
+                field: string;
+                order: string;
+            };
+            page: number;
+            limit: number;
+            selectedRows: any[];
+            isFiltered: boolean;
+            hasData: boolean;
+            loading: boolean;
+        }): any;
+        'custom-header'?(_: {
+            activeView: string;
+            searchQuery: string;
+            activeFilters: Record<string, any>;
+            activeQuickFilter: string | number;
+            activeSort: {
+                field: string;
+                order: string;
+            };
+            page: number;
+            limit: number;
+            selectedRows: any[];
+            isFiltered: boolean;
+            hasData: boolean;
+            loading: boolean;
+        }): any;
+        'sub-header'?(_: {
+            activeView: string;
+            searchQuery: string;
+            activeFilters: Record<string, any>;
+            activeQuickFilter: string | number;
+            activeSort: {
+                field: string;
+                order: string;
+            };
+            page: number;
+            limit: number;
+            selectedRows: any[];
+            isFiltered: boolean;
+            hasData: boolean;
+            loading: boolean;
+        }): any;
+        empty?(_: {
+            activeView: string;
+            searchQuery: string;
+            activeFilters: Record<string, any>;
+            activeQuickFilter: string | number;
+            activeSort: {
+                field: string;
+                order: string;
+            };
+            page: number;
+            limit: number;
+            selectedRows: any[];
+            isFiltered: boolean;
+            hasData: boolean;
+            loading: boolean;
+        }): any;
+        table?(_: {
+            activeView: string;
+            searchQuery: string;
+            activeFilters: Record<string, any>;
+            activeQuickFilter: string | number;
+            activeSort: {
+                field: string;
+                order: string;
+            };
+            page: number;
+            limit: number;
+            selectedRows: any[];
+            isFiltered: boolean;
+            hasData: boolean;
+            loading: boolean;
+            data: any[];
+            delete: (items: any[]) => void;
+            updateSelectedRows: (val: any[]) => any[];
+        }): any;
+        list?(_: {
+            activeView: string;
+            searchQuery: string;
+            activeFilters: Record<string, any>;
+            activeQuickFilter: string | number;
+            activeSort: {
+                field: string;
+                order: string;
+            };
+            page: number;
+            limit: number;
+            selectedRows: any[];
+            isFiltered: boolean;
+            hasData: boolean;
+            loading: boolean;
+            data: any[];
+            delete: (items: any[]) => void;
+            updateSelectedRows: (val: any[]) => any[];
+        }): any;
+        grid?(_: {
+            activeView: string;
+            searchQuery: string;
+            activeFilters: Record<string, any>;
+            activeQuickFilter: string | number;
+            activeSort: {
+                field: string;
+                order: string;
+            };
+            page: number;
+            limit: number;
+            selectedRows: any[];
+            isFiltered: boolean;
+            hasData: boolean;
+            loading: boolean;
+            data: any[];
+            delete: (items: any[]) => void;
+            updateSelectedRows: (val: any[]) => any[];
+        }): any;
+        kanban?(_: {
+            activeView: string;
+            searchQuery: string;
+            activeFilters: Record<string, any>;
+            activeQuickFilter: string | number;
+            activeSort: {
+                field: string;
+                order: string;
+            };
+            page: number;
+            limit: number;
+            selectedRows: any[];
+            isFiltered: boolean;
+            hasData: boolean;
+            loading: boolean;
+            data: any[];
+            delete: (items: any[]) => void;
+            updateSelectedRows: (val: any[]) => any[];
+        }): any;
+        calendar?(_: {
+            activeView: string;
+            searchQuery: string;
+            activeFilters: Record<string, any>;
+            activeQuickFilter: string | number;
+            activeSort: {
+                field: string;
+                order: string;
+            };
+            page: number;
+            limit: number;
+            selectedRows: any[];
+            isFiltered: boolean;
+            hasData: boolean;
+            loading: boolean;
+            data: any[];
+            delete: (items: any[]) => void;
+            updateSelectedRows: (val: any[]) => any[];
+        }): any;
     };
     refs: {
         importDataRef: {