vlite3 0.7.11 → 0.7.13

package/components/Form/FormField.vue.js

@@ -1,21 +1,21 @@
-import { defineComponent as U, computed as o, markRaw as I, openBlock as r, createBlock as f, mergeProps as s, toHandlers as S, createSlots as N, unref as z, withCtx as n, createVNode as R, createTextVNode as c, toDisplayString as m, createCommentVNode as L, resolveDynamicComponent as B } from "vue";
-import { isComponent as h, isAddonObject as p } from "./utils/form.utils.js";
-import O from "../NumberInput.vue.js";
-import v from "../Button.vue.js";
-import { $t as T } from "../../utils/i18n.js";
-import g from "../Input.vue.js";
+import { defineComponent as B, computed as o, markRaw as N, openBlock as r, createBlock as s, mergeProps as f, toHandlers as R, createSlots as O, unref as L, withCtx as n, createVNode as $, createTextVNode as m, toDisplayString as p, createCommentVNode as w, resolveDynamicComponent as T } from "vue";
+import { isComponent as y, isAddonObject as v } from "./utils/form.utils.js";
+import j from "../NumberInput.vue.js";
+import h from "../Button.vue.js";
+import { $t as D } from "../../utils/i18n.js";
+import x from "../Input.vue.js";
 /* empty css            */
-import j from "../Switch.vue.js";
-import D from "../CheckBox.vue.js";
-import E from "../FilePicker/FilePicker.vue.js";
-import H from "../AvatarUploader/AvatarUploader.vue.js";
-import y from "../Dropdown/Dropdown.vue.js";
-import q from "../MultiSelect/MultiSelect.vue.js";
-import G from "../DatePicker.vue.js";
-import J from "../ColorPicker/ColorPicker.vue.js";
-import K from "../IconPicker.vue.js";
-import M from "./CustomFields.vue.js";
-const ue = /* @__PURE__ */ U({
+import E from "../Switch.vue.js";
+import H from "../CheckBox.vue.js";
+import q from "../FilePicker/FilePicker.vue.js";
+import G from "../AvatarUploader/AvatarUploader.vue.js";
+import b from "../Dropdown/Dropdown.vue.js";
+import J from "../MultiSelect/MultiSelect.vue.js";
+import K from "../DatePicker.vue.js";
+import M from "../ColorPicker/ColorPicker.vue.js";
+import Q from "../IconPicker.vue.js";
+import W from "./CustomFields.vue.js";
+const me = /* @__PURE__ */ B({
   __name: "FormField",
   props: {
     field: {},
@@ -28,18 +28,19 @@ const ue = /* @__PURE__ */ U({
     readonly: { type: Boolean, default: !1 },
     error: { default: "" },
     isUpdate: { type: Boolean, default: !1 },
-    label: {}
+    label: {},
+    floatingActive: { type: Boolean, default: !0 }
   },
   emits: ["change", "addonChange", "addonAction"],
-  setup(l, { emit: $ }) {
-    const e = l, u = $, d = (t, a) => {
-      u("change", { value: t, data: a });
-    }, w = (t) => {
-      u("change", { value: t });
-    }, C = o(() => {
+  setup(l, { emit: A }) {
+    const e = l, c = A, d = (t, a) => {
+      c("change", { value: t, data: a });
+    }, C = (t) => {
+      c("change", { value: t });
+    }, F = o(() => {
       const t = e.field.type;
-      if (h(t))
-        return I(t);
+      if (y(t))
+        return N(t);
       switch (t) {
         case "text":
         case "email":
@@ -48,47 +49,47 @@ const ue = /* @__PURE__ */ U({
         case "url":
         case "search":
         case "textarea":
-          return g;
+          return x;
         case "number":
-          return O;
-        case "switch":
           return j;
+        case "switch":
+          return E;
         case "check":
-          return D;
+          return H;
         case "select":
-          return y;
+          return b;
         case "multiSelect":
-          return q;
+          return J;
         case "date":
         case "time":
-          return G;
+          return K;
         case "file":
         case "fileUploader":
-          return E;
+          return q;
         case "avatarUpload":
-          return H;
+          return G;
         case "color":
-          return J;
+          return M;
         case "iconPicker":
-          return K;
+          return Q;
         case "customFields":
-          return M;
+          return W;
         default:
-          return g;
+          return x;
       }
-    }), b = o(() => {
+    }), z = o(() => {
       const t = e.field.type, a = {
         disabled: e.disabled || e.field.disabled === !0,
         ...e?.field || {},
         ...e.field.props || {},
         label: "",
         labelI18n: ""
-      }, i = e.field.placeholderI18n ? T(e.field.placeholderI18n) : e.field.placeholder;
+      }, i = e.field.placeholderI18n ? D(e.field.placeholderI18n) : e.field.placeholder, g = e.variant === "floating" && e.label && !e.floatingActive, u = g ? "" : i;
       return t === "text" || t === "email" || t === "password" || t === "tel" || t === "url" || t === "search" || t === "textarea" || !t ? {
         ...a,
         modelValue: e.value ?? "",
         type: t || "text",
-        placeholder: i,
+        placeholder: u,
         label: e.label,
         icon: e.field.icon,
         iconRight: e.field.iconRight,
@@ -110,11 +111,11 @@ const ue = /* @__PURE__ */ U({
         min: e.field.min,
         max: e.field.max,
         step: e.field.props?.step ?? 1,
-        variant: e.field.props?.variant ?? "split",
+        variant: e.field.props?.variant ?? "stacked",
         mode: e.field.props?.mode ?? (e.variant === "transparent" ? "ghost" : "outline"),
         size: e.size,
         rounded: e.rounded,
-        placeholder: i,
+        placeholder: u,
         class: e.field.className
       } : t === "switch" ? {
         ...a,
@@ -131,25 +132,32 @@ const ue = /* @__PURE__ */ U({
         ...a,
         modelValue: e.value,
         options: e.field.options || [],
-        placeholder: i,
+        placeholder: u,
         selectable: !0,
         closeOnSelect: !0,
         triggerProps: {
-          variant: e.variant === "floating" ? "outline-floating" : e.variant || "outline"
+          variant: e.variant === "floating" ? "outline-floating" : e.variant || "outline",
+          size: e.size,
+          ...g ? { text: "​" } : {}
         }
       } : t === "multiSelect" ? {
         ...a,
         modelValue: Array.isArray(e.value) ? e.value : [],
         options: e.field.options || [],
         placeholder: i,
-        variant: e.variant
+        variant: e.variant,
+        size: e.size,
+        rounded: e.rounded
       } : t === "date" || t === "time" ? {
         ...a,
         modelValue: e.value,
         mode: t === "time" ? "time" : "date",
-        placeholder: i,
+        placeholder: u,
         btnProps: {
-          variant: e.variant === "floating" ? "outline-floating" : e.variant || "outline"
+          variant: e.variant === "floating" ? "outline-floating" : e.variant || "outline",
+          size: e.size,
+          class: "px-3!",
+          ...g ? { text: "​" } : {}
         }
       } : t === "fileUploader" || t === "file" ? {
         ...a,
@@ -159,7 +167,7 @@ const ue = /* @__PURE__ */ U({
         fileTypes: e.field.props?.accept ? e.field.props.accept.split(",") : [],
         returnFormat: "base64",
         variant: t === "file" ? "input" : "dropzone",
-        placeholder: i,
+        placeholder: u,
         size: e.size,
         rounded: e.rounded,
         maxSize: e.field.maxFileSize ? e.field.maxFileSize * 1024 * 1024 : void 0
@@ -187,15 +195,15 @@ const ue = /* @__PURE__ */ U({
         size: e.size,
         rounded: e.rounded,
         isUpdate: e.isUpdate
-      } : h(t) ? {
+      } : y(t) ? {
         ...a,
         value: e.value,
         values: e.values
       } : a;
-    }), x = o(() => {
+    }), k = o(() => {
       const t = e.field.type;
       return t === "text" || t === "email" || t === "password" || t === "tel" || t === "url" || t === "search" || t === "textarea" || t === "switch" || t === "check" || t === "number" || !t ? {
-        "update:modelValue": w
+        "update:modelValue": C
       } : t === "select" ? {
         onSelect: (a) => {
           d(a.value, a.data);
@@ -224,27 +232,27 @@ const ue = /* @__PURE__ */ U({
         onSelect: (a) => d(a)
       } : t === "customFields" ? {
         change: (a) => d(a)
-      } : h(t) ? {
+      } : y(t) ? {
         onChange: (a) => {
           d(a.value, a.data);
         }
       } : {};
-    }), F = o(() => p(e.field.addonLeft) || p(e.field.addonRight)), A = o(() => {
+    }), P = o(() => v(e.field.addonLeft) || v(e.field.addonRight)), U = o(() => {
       const t = e.field.type;
       return t === "text" || t === "email" || t === "password" || t === "tel" || t === "url" || t === "search" || !t;
-    }), P = o(() => F.value && A.value), V = (t, a) => {
-      u("addonChange", t.name, { value: a.value });
-    }, k = (t) => {
-      t.action && u("addonAction", t.action);
+    }), I = o(() => P.value && U.value), V = (t, a) => {
+      c("addonChange", t.name, { value: a.value });
+    }, S = (t) => {
+      t.action && c("addonAction", t.action);
     };
-    return (t, a) => P.value ? (r(), f(g, s({ key: 0 }, {
-      ...b.value,
+    return (t, a) => I.value ? (r(), s(x, f({ key: 0 }, {
+      ...z.value,
       ...l.field?.props || {}
-    }, S(x.value)), N({ _: 2 }, [
-      z(p)(l.field.addonLeft) ? {
+    }, R(k.value)), O({ _: 2 }, [
+      L(v)(l.field.addonLeft) ? {
         name: "addon-left",
         fn: n(() => [
-          l.field.addonLeft.type === "select" ? (r(), f(y, s({
+          l.field.addonLeft.type === "select" ? (r(), s(b, f({
             key: 0,
             modelValue: l.field.addonLeft.name ? l.values[l.field.addonLeft.name] : void 0,
             options: l.field.addonLeft.options || []
@@ -252,32 +260,32 @@ const ue = /* @__PURE__ */ U({
             onOnSelect: a[0] || (a[0] = (i) => V(l.field.addonLeft, i))
           }), {
             trigger: n(({ selectedLabel: i }) => [
-              R(v, { variant: "outline" }, {
+              $(h, { variant: "outline" }, {
                 default: n(() => [
-                  c(m(i), 1)
+                  m(p(i), 1)
                 ]),
                 _: 2
               }, 1024)
             ]),
             _: 1
-          }, 16, ["modelValue", "options"])) : l.field.addonLeft.type === "button" ? (r(), f(v, s({
+          }, 16, ["modelValue", "options"])) : l.field.addonLeft.type === "button" ? (r(), s(h, f({
             key: 1,
             variant: "outline"
           }, l.field.addonLeft.props || {}, {
-            onClick: a[1] || (a[1] = (i) => k(l.field.addonLeft))
+            onClick: a[1] || (a[1] = (i) => S(l.field.addonLeft))
           }), {
             default: n(() => [
-              c(m(l.field.addonLeft.text), 1)
+              m(p(l.field.addonLeft.text), 1)
             ]),
             _: 1
-          }, 16)) : L("", !0)
+          }, 16)) : w("", !0)
         ]),
         key: "0"
       } : void 0,
-      z(p)(l.field.addonRight) ? {
+      L(v)(l.field.addonRight) ? {
         name: "addon-right",
         fn: n(() => [
-          l.field.addonRight.type === "select" ? (r(), f(y, s({
+          l.field.addonRight.type === "select" ? (r(), s(b, f({
             key: 0,
             modelValue: l.field.addonRight.name ? l.values[l.field.addonRight.name] : void 0,
             options: l.field.addonRight.options || []
@@ -285,37 +293,37 @@ const ue = /* @__PURE__ */ U({
             onOnSelect: a[2] || (a[2] = (i) => V(l.field.addonRight, i))
           }), {
             trigger: n(({ selectedLabel: i }) => [
-              R(v, { variant: "outline" }, {
+              $(h, { variant: "outline" }, {
                 default: n(() => [
-                  c(m(i), 1)
+                  m(p(i), 1)
                 ]),
                 _: 2
               }, 1024)
             ]),
             _: 1
-          }, 16, ["modelValue", "options"])) : l.field.addonRight.type === "button" ? (r(), f(v, s({
+          }, 16, ["modelValue", "options"])) : l.field.addonRight.type === "button" ? (r(), s(h, f({
             key: 1,
             variant: "outline"
           }, l.field.addonRight.props || {}, {
-            onClick: a[3] || (a[3] = (i) => k(l.field.addonRight))
+            onClick: a[3] || (a[3] = (i) => S(l.field.addonRight))
           }), {
             default: n(() => [
-              c(m(l.field.addonRight.text), 1)
+              m(p(l.field.addonRight.text), 1)
             ]),
             _: 1
-          }, 16)) : L("", !0)
+          }, 16)) : w("", !0)
         ]),
         key: "1"
       } : void 0
-    ]), 1040)) : (r(), f(B(C.value), s({
+    ]), 1040)) : (r(), s(T(F.value), f({
       key: 1,
       class: ["switch", "check"].includes(l.field?.type) ? "" : "w-full"
     }, {
-      ...b.value,
+      ...z.value,
       ...l.field?.props || {}
-    }, S(x.value)), null, 16, ["class"]));
+    }, R(k.value)), null, 16, ["class"]));
   }
 });
 export {
-  ue as default
+  me as default
 };

package/components/Form/FormFields.vue.js

@@ -1,7 +1,7 @@
 import o from "./FormFields.vue2.js";
 /* empty css                */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ r(o, [["__scopeId", "data-v-0fe8a23f"]]);
+const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-a86554e2"]]);
 export {
-  a as default
+  e as default
 };

package/components/Form/FormFields.vue2.js

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

package/components/List/ListFieldRow.vue.d.ts

@@ -31,6 +31,10 @@ declare function __VLS_template(): {
         value: any;
         resolved: string;
         data: Record<string, any>;
+    }) => any>> & Partial<Record<string, (_: {
+        value: any;
+        resolved: string;
+        data: Record<string, any>;
     }) => any>>;
     refs: {};
     rootEl: any;