vlite3 1.4.20 → 1.4.22

package/components/Form/FormField.vue.js

@@ -1,27 +1,27 @@
-import { defineComponent as E, computed as s, markRaw as M, openBlock as c, createBlock as m, mergeProps as p, toHandlers as L, createSlots as q, unref as P, withCtx as u, createVNode as N, createTextVNode as b, toDisplayString as y, createCommentVNode as B, resolveDynamicComponent as G } from "vue";
-import { resolveFieldType as J, isComponent as R, isAddonObject as x } from "./utils/form.utils.js";
-import K from "../NumberInput.vue.js";
+import { defineComponent as E, computed as f, markRaw as O, openBlock as c, createBlock as m, mergeProps as p, toHandlers as C, createSlots as M, unref as P, withCtx as u, createVNode as L, createTextVNode as x, toDisplayString as y, createCommentVNode as N, resolveDynamicComponent as q } from "vue";
+import { resolveFieldType as G, isComponent as k, isAddonObject as T } from "./utils/form.utils.js";
+import J from "../NumberInput.vue.js";
 import z from "../Button.vue.js";
-import { $t as Q } from "../../utils/i18n.js";
+import { resolveI18nText as K } from "../../utils/i18n.js";
 import V from "../Input.vue.js";
 /* empty css            */
-import W from "../Switch.vue.js";
-import X from "../CheckBox.vue.js";
-import Y from "../FilePicker/index.vue.js";
-import Z from "../AvatarUploader/AvatarUploader.vue.js";
-import _ from "../ThumbnailSelector/ThumbnailSelector.vue.js";
-import ee from "../TagInput/TagInput.vue.js";
-import w from "../Dropdown/Dropdown.vue.js";
-import ae from "../MultiSelect/MultiSelect.vue.js";
-import le from "../DatePicker.vue.js";
-import ie from "../DateRangePicker.vue.js";
-import te from "../ColorPicker/ColorPicker.vue.js";
-import re from "../IconPicker.vue.js";
-import ne from "./index.vue.js";
-import de from "../ChoiceBox/ChoiceBox.vue.js";
-import oe from "../RichTextEditor/RichTextEditor.vue.js";
+import Q from "../Switch.vue.js";
+import W from "../CheckBox.vue.js";
+import X from "../FilePicker/index.vue.js";
+import Y from "../AvatarUploader/AvatarUploader.vue.js";
+import Z from "../ThumbnailSelector/ThumbnailSelector.vue.js";
+import _ from "../TagInput/TagInput.vue.js";
+import R from "../Dropdown/Dropdown.vue.js";
+import ee from "../MultiSelect/MultiSelect.vue.js";
+import ae from "../DatePicker.vue.js";
+import le from "../DateRangePicker.vue.js";
+import ie from "../ColorPicker/ColorPicker.vue.js";
+import te from "../IconPicker.vue.js";
+import re from "./index.vue.js";
+import ne from "../ChoiceBox/ChoiceBox.vue.js";
+import de from "../RichTextEditor/RichTextEditor.vue.js";
 /* empty css                                    */
-const Be = /* @__PURE__ */ E({
+const Ne = /* @__PURE__ */ E({
   __name: "FormField",
   props: {
     field: {},
@@ -40,21 +40,21 @@ const Be = /* @__PURE__ */ E({
     loading: { type: Boolean, default: !1 }
   },
   emits: ["change", "addonChange", "addonAction"],
-  setup(i, { emit: T }) {
-    const e = i, v = T, d = (a, l) => {
+  setup(i, { emit: B }) {
+    const e = i, v = B, d = (a, l) => {
       v("change", { value: a, data: l });
     }, S = (a) => {
       v("change", { value: a });
-    }, f = s(() => J(e.field, {
+    }, o = f(() => G(e.field, {
       values: e.values,
       globalValues: e.values,
       isUpdate: e.isUpdate
-    })), k = s(
-      () => f.value === "number" && e.field.isSensitiveField === !0
-    ), U = s(() => {
-      const a = f.value;
-      if (R(a))
-        return M(a);
+    })), b = f(
+      () => o.value === "number" && e.field.isSensitiveField === !0
+    ), U = f(() => {
+      const a = o.value;
+      if (k(a))
+        return O(a);
       switch (a) {
         case "text":
         case "email":
@@ -65,57 +65,61 @@ const Be = /* @__PURE__ */ E({
         case "textarea":
           return V;
         case "number":
-          return k.value ? V : K;
+          return b.value ? V : J;
         case "switch":
-          return W;
+          return Q;
         case "check":
-          return X;
+          return W;
         case "select":
-          return w;
+          return R;
         case "multiSelect":
-          return ae;
+          return ee;
         case "choiceBox":
-          return de;
+          return ne;
         case "date":
         case "time":
-          return le;
+          return ae;
         case "dateRangePicker":
-          return ie;
+          return le;
         case "file":
         case "fileUploader":
-          return Y;
+          return X;
         case "avatarUpload":
-          return Z;
+          return Y;
         case "color":
-          return te;
+          return ie;
         case "iconPicker":
-          return re;
+          return te;
         case "customFields":
-          return ne;
+          return re;
         case "thumbnailSelector":
-          return _;
+          return Z;
         case "tags":
-          return ee;
+          return _;
         case "richTextEditor":
-          return oe;
+          return de;
         default:
           return V;
       }
-    }), A = s(() => {
-      const a = f.value, { disabled: l, readonly: r, ...g } = e.field, t = {
+    }), w = f(() => {
+      const a = o.value, { disabled: l, readonly: r, ...g } = e.field, t = {
         ...g,
         disabled: e.disabled || l === !0,
         readonly: e.readonly || r === !0,
         ...e.field.props || {},
         label: "",
-        labelI18n: ""
-      }, h = e.field.placeholderI18n ? Q(e.field.placeholderI18n) : e.field.placeholder, I = e.variant === "floating" && e.label && !e.floatingActive, o = I ? "" : h;
+        labelI18n: void 0,
+        placeholderI18n: void 0
+      }, h = K(
+        e.field.placeholderI18n,
+        e.field.placeholder
+      ), I = e.variant === "floating" && e.label && !e.floatingActive, s = I ? "" : h;
       if (a === "text" || a === "email" || a === "password" || a === "tel" || a === "url" || a === "search" || a === "textarea" || !a)
         return {
           ...t,
           modelValue: e.value ?? "",
           type: a || "text",
-          placeholder: o,
+          placeholder: s,
           label: e.label,
           icon: e.field.icon,
           iconRight: e.field.iconRight,
@@ -131,14 +135,14 @@ const Be = /* @__PURE__ */ E({
           rows: a === "textarea" ? e.field.props?.rows || 3 : void 0,
           class: `${e.field.className || ""}`
         };
-      if (a === "number" && k.value)
+      if (a === "number" && b.value)
         return {
           ...t,
           // Convert numeric value to string so Input.vue (string-based) displays it correctly
           modelValue: e.value !== void 0 && e.value !== null ? String(e.value) : "",
           // 'password' activates the eye-toggle inside Input.vue
           type: "password",
-          placeholder: o,
+          placeholder: s,
           label: e.label,
           variant: e.variant,
           size: e.size,
@@ -159,15 +163,15 @@ const Be = /* @__PURE__ */ E({
           mode: e.field.props?.mode ?? (e.variant === "transparent" ? "ghost" : "outline"),
           size: e.size,
           rounded: e.rounded,
-          placeholder: o,
+          placeholder: s,
           class: e.field.className
         };
       if (a === "switch") {
         const {
           variant: n,
-          rounded: se,
-          error: ue,
-          switchVariant: fe,
+          rounded: oe,
+          error: se,
+          switchVariant: ue,
           ...D
         } = t;
         return {
@@ -194,7 +198,7 @@ const Be = /* @__PURE__ */ E({
           ...t,
           modelValue: e.value,
           options: e.field.options || [],
-          placeholder: o,
+          placeholder: s,
           selectable: !0,
           closeOnSelect: !0,
           triggerProps: {
@@ -243,7 +247,7 @@ const Be = /* @__PURE__ */ E({
           ...t,
           modelValue: e.value,
           mode: a === "time" ? "time" : "date",
-          placeholder: o,
+          placeholder: s,
           btnProps: {
             variant: e.variant === "floating" ? "outline-floating" : e.variant || "outline",
             size: e.size,
@@ -267,7 +271,7 @@ const Be = /* @__PURE__ */ E({
           fileTypes: e.field.props?.accept ? e.field.props.accept.split(",") : [],
           returnFormat: "base64",
           variant: e.field.props?.variant ?? (a === "file" ? "input" : "dropzone"),
-          placeholder: o,
+          placeholder: s,
           size: e.size,
           rounded: e.rounded,
           maxSize: e.field.maxFileSize ? e.field.maxFileSize * 1024 * 1024 : void 0,
@@ -287,7 +291,7 @@ const Be = /* @__PURE__ */ E({
         return {
           ...t,
           modelValue: Array.isArray(e.value) ? e.value : [],
-          placeholder: o,
+          placeholder: s,
           variant: e.variant,
           size: e.size,
           rounded: e.rounded,
@@ -298,7 +302,7 @@ const Be = /* @__PURE__ */ E({
         return {
           ...t,
           modelValue: e.value ?? "",
-          placeholder: o,
+          placeholder: s,
           label: void 0,
           error: e.error,
           minHeight: e.field.props?.minHeight || "140px",
@@ -348,16 +352,16 @@ const Be = /* @__PURE__ */ E({
           label: e.field.label
         };
       }
-      return R(a) ? {
+      return k(a) ? {
         ...t,
         value: e.field.props?.multiple && (e.value === null || e.value === void 0) ? [] : e.value,
         values: e.values
       } : t;
-    }), $ = s(() => {
-      const a = f.value;
+    }), A = f(() => {
+      const a = o.value;
       return a === "text" || a === "email" || a === "password" || a === "tel" || a === "url" || a === "search" || a === "textarea" || a === "switch" || a === "check" || !a ? {
         "update:modelValue": S
-      } : a === "number" && k.value ? {
+      } : a === "number" && b.value ? {
         "update:modelValue": (l) => {
           const r = l === "" ? void 0 : Number(l);
           v("change", { value: isNaN(r) ? void 0 : r });
@@ -417,27 +421,24 @@ const Be = /* @__PURE__ */ E({
           const r = e.value && typeof e.value == "object" ? e.value : { images: [], thumbnail: null };
           d({ ...r, thumbnail: l });
         }
-      } : R(a) ? {
+      } : k(a) ? {
         onChange: (l) => {
           d(l.value, l.data);
         }
       } : {};
-    }), j = s(() => x(e.field.addonLeft) || x(e.field.addonRight)), H = s(() => {
-      const a = f.value;
+    }), H = f(() => {
+      const a = o.value;
       return a === "text" || a === "email" || a === "password" || a === "tel" || a === "url" || a === "search" || !a;
-    }), O = s(() => j.value && H.value), F = (a, l) => {
+    }), j = f(() => H.value || o.value === "textarea" || b.value), F = (a, l) => {
       v("addonChange", a.name, { value: l.value });
-    }, C = (a) => {
+    }, $ = (a) => {
       a.action && v("addonAction", a.action);
     };
-    return (a, l) => O.value ? (c(), m(V, p({ key: 0 }, {
-      ...A.value,
-      ...i.field?.props || {}
-    }, L($.value)), q({ _: 2 }, [
-      P(x)(i.field.addonLeft) ? {
+    return (a, l) => j.value ? (c(), m(V, p({ key: 0 }, w.value, C(A.value)), M({ _: 2 }, [
+      P(T)(i.field.addonLeft) ? {
         name: "addon-left",
         fn: u(() => [
-          i.field.addonLeft.type === "select" ? (c(), m(w, p({
+          i.field.addonLeft.type === "select" ? (c(), m(R, p({
             key: 0,
             modelValue: i.field.addonLeft.name ? i.values[i.field.addonLeft.name] : void 0,
             options: i.field.addonLeft.options || []
@@ -445,9 +446,9 @@ const Be = /* @__PURE__ */ E({
             onOnSelect: l[0] || (l[0] = (r) => F(i.field.addonLeft, r))
           }), {
             trigger: u(({ selectedLabel: r }) => [
-              N(z, { variant: "outline" }, {
+              L(z, { variant: "outline" }, {
                 default: u(() => [
-                  b(y(r), 1)
+                  x(y(r), 1)
                 ]),
                 _: 2
               }, 1024)
@@ -457,20 +458,20 @@ const Be = /* @__PURE__ */ E({
             key: 1,
             variant: "outline"
           }, i.field.addonLeft.props || {}, {
-            onClick: l[1] || (l[1] = (r) => C(i.field.addonLeft))
+            onClick: l[1] || (l[1] = (r) => $(i.field.addonLeft))
           }), {
             default: u(() => [
-              b(y(i.field.addonLeft.text), 1)
+              x(y(i.field.addonLeft.text), 1)
             ]),
             _: 1
-          }, 16)) : B("", !0)
+          }, 16)) : N("", !0)
         ]),
         key: "0"
       } : void 0,
-      P(x)(i.field.addonRight) ? {
+      P(T)(i.field.addonRight) ? {
         name: "addon-right",
         fn: u(() => [
-          i.field.addonRight.type === "select" ? (c(), m(w, p({
+          i.field.addonRight.type === "select" ? (c(), m(R, p({
             key: 0,
             modelValue: i.field.addonRight.name ? i.values[i.field.addonRight.name] : void 0,
             options: i.field.addonRight.options || []
@@ -478,9 +479,9 @@ const Be = /* @__PURE__ */ E({
             onOnSelect: l[2] || (l[2] = (r) => F(i.field.addonRight, r))
           }), {
             trigger: u(({ selectedLabel: r }) => [
-              N(z, { variant: "outline" }, {
+              L(z, { variant: "outline" }, {
                 default: u(() => [
-                  b(y(r), 1)
+                  x(y(r), 1)
                 ]),
                 _: 2
               }, 1024)
@@ -490,25 +491,22 @@ const Be = /* @__PURE__ */ E({
             key: 1,
             variant: "outline"
           }, i.field.addonRight.props || {}, {
-            onClick: l[3] || (l[3] = (r) => C(i.field.addonRight))
+            onClick: l[3] || (l[3] = (r) => $(i.field.addonRight))
           }), {
             default: u(() => [
-              b(y(i.field.addonRight.text), 1)
+              x(y(i.field.addonRight.text), 1)
             ]),
             _: 1
-          }, 16)) : B("", !0)
+          }, 16)) : N("", !0)
         ]),
         key: "1"
       } : void 0
-    ]), 1040)) : (c(), m(G(U.value), p({
+    ]), 1040)) : (c(), m(q(U.value), p({
       key: 1,
-      class: f.value === "check" || f.value === "switch" && i.field.props?.switchVariant === "basic" ? "" : "w-full"
-    }, {
-      ...A.value,
-      ...i.field?.props || {}
-    }, L($.value)), null, 16, ["class"]));
+      class: o.value === "check" || o.value === "switch" && i.field.props?.switchVariant === "basic" ? "" : "w-full"
+    }, w.value, C(A.value)), null, 16, ["class"]));
   }
 });
 export {
-  Be as default
+  Ne 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 p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-539d8be7"]]);
+const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-d4db8f9b"]]);
 export {
-  p as default
+  f as default
 };

package/components/Form/FormFields.vue2.js

@@ -1,8 +1,8 @@
-import { defineComponent as J, computed as K, ref as Q, openBlock as o, createElementBlock as u, normalizeClass as d, Fragment as p, renderList as W, withMemo as X, unref as m, createBlock as b, withCtx as U, resolveDynamicComponent as D, createTextVNode as A, toDisplayString as x, createCommentVNode as c, createElementVNode as Y, createVNode as Z, renderSlot as _, markRaw as ee } from "vue";
+import { defineComponent as J, computed as K, ref as Q, openBlock as o, createElementBlock as u, normalizeClass as d, Fragment as b, renderList as W, withMemo as X, unref as m, createBlock as p, withCtx as U, resolveDynamicComponent as D, createTextVNode as A, toDisplayString as x, createCommentVNode as c, createElementVNode as Y, createVNode as Z, renderSlot as _, markRaw as ee } from "vue";
 import { isComponent as v, getNestedValue as V, resolveFieldType as te } from "./utils/form.utils.js";
 import B from "../Label.vue.js";
 import ae from "./FormField.vue.js";
-import { $t as ne } from "../../utils/i18n.js";
+import { resolveI18nText as ne } from "../../utils/i18n.js";
 const se = {
   key: 0,
   class: "text-destructive ml-0.5"
@@ -32,18 +32,21 @@ const se = {
     layout: { default: "vertical" }
   },
   emits: ["change", "addonAction"],
-  setup(n, { emit: $ }) {
-    const r = n, k = $, q = K(() => {
+  setup(n, { emit: q }) {
+    const r = n, k = q, E = K(() => {
       if (r.className) return r.className;
     }), s = (t) => te(t, {
       values: r.values,
       globalValues: r.values,
       isUpdate: r.isUpdate
-    }), E = (t) => {
+    }), I = (t) => {
       if (!r.excludeTypes || r.excludeTypes.length === 0) return !0;
       const a = s(t);
       return !a || !r.excludeTypes.includes(a);
-    }, F = (t) => V(r.values, t.name), h = (t) => r.errors[t.name] || "", I = (t) => r.isFieldVisible ? r.isFieldVisible(t) : !0, C = (t) => r.isFieldDisabled ? r.isFieldDisabled(t) : t.disabled === !0, N = (t) => r.isFieldReadonly ? r.isFieldReadonly(t) : t.readonly === !0, l = (t) => t.labelI18n ? ne(t.labelI18n) : t.label, R = (t) => {
+    }, F = (t) => V(r.values, t.name), h = (t) => r.errors[t.name] || "", $ = (t) => r.isFieldVisible ? r.isFieldVisible(t) : !0, C = (t) => r.isFieldDisabled ? r.isFieldDisabled(t) : t.disabled === !0, N = (t) => r.isFieldReadonly ? r.isFieldReadonly(t) : t.readonly === !0, l = (t) => t.labelI18n ? ne(
+      t.labelI18n,
+      typeof t.label == "string" ? t.label : void 0
+    ) ?? t.label : t.label, R = (t) => {
       if (t)
         return v(t) ? ee(t) : t;
     }, S = (t, a) => {
@@ -60,8 +63,8 @@ const se = {
       const a = F(t), e = s(t);
       let i = a != null && a !== "" && !(Array.isArray(a) && a.length === 0);
       const z = typeof a == "number" && !isNaN(a);
-      return e === "dateRangePicker" && a && typeof a == "object" && (i = !!(a.startDate || a.endDate || a.start || a.end)), f(t) || e === "number" ? y.value[t.name] || i || z : i || z;
-    }, f = (t) => {
+      return e === "dateRangePicker" && a && typeof a == "object" && (i = !!(a.startDate || a.endDate || a.start || a.end)), T(t) || e === "number" ? y.value[t.name] || i || z : i || z;
+    }, T = (t) => {
       const a = s(t) || "text";
       return ["text", "email", "password", "tel", "url", "search", "textarea"].includes(a);
     }, G = (t) => {
@@ -80,7 +83,7 @@ const se = {
         "choiceBox",
         "richTextEditor"
       ].includes(a);
-    }, T = (t) => {
+    }, f = (t) => {
       const a = l(t);
       if (!(!a || v(a)))
         return a;
@@ -89,13 +92,13 @@ const se = {
       class: d([
         n.layout === "inline" ? "flex flex-row flex-wrap items-end w-full " : "grid",
         n.variant === "floating" ? "gap-5 mt-1" : "gap-4",
-        q.value
+        E.value
       ])
     }, [
-      (o(!0), u(p, null, W(n.schema, (e) => (o(), u(p, {
+      (o(!0), u(b, null, W(n.schema, (e) => (o(), u(b, {
         key: e.name
       }, [
-        I(e) && E(e) ? X([
+        $(e) && I(e) ? X([
           e,
           F(e),
           h(e),
@@ -120,14 +123,14 @@ const se = {
             n.layout === "inline" ? " " : ""
           ])
         }, [
-          l(e) && s(e) !== "switch" && s(e) !== "check" && s(e) !== "customFields" && s(e) !== "choiceBox" && !w(e) ? (o(), b(B, {
+          l(e) && s(e) !== "switch" && s(e) !== "check" && s(e) !== "customFields" && s(e) !== "choiceBox" && !w(e) ? (o(), p(B, {
             key: 0,
             size: "md",
             for: e.name,
             class: "mb-2 block font-medium"
           }, {
             default: U(() => [
-              m(v)(l(e)) ? (o(), b(D(R(l(e))), { key: 0 })) : (o(), u(p, { key: 1 }, [
+              m(v)(l(e)) ? (o(), p(D(R(l(e))), { key: 0 })) : (o(), u(b, { key: 1 }, [
                 A(x(l(e)) + " ", 1),
                 e.required && n.showRequiredAsterisk ? (o(), u("span", se, "*")) : c("", !0)
               ], 64))
@@ -142,7 +145,7 @@ const se = {
             onFocusin: (i) => M(e.name),
             onFocusout: (i) => O(e.name)
           }, [
-            w(e) && T(e) && !f(e) ? (o(), u("label", {
+            w(e) && f(e) && !T(e) ? (o(), u("label", {
               key: 0,
               for: e.name,
               class: d([
@@ -150,7 +153,7 @@ const se = {
                 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 ${G(e)}`
               ])
             }, [
-              m(v)(l(e)) ? (o(), b(D(R(l(e))), { key: 0 })) : (o(), u(p, { key: 1 }, [
+              m(v)(l(e)) ? (o(), p(D(R(l(e))), { key: 0 })) : (o(), u(b, { key: 1 }, [
                 A(x(l(e)) + " ", 1),
                 e.required ? (o(), u("span", ue, "*")) : c("", !0)
               ], 64))
@@ -164,7 +167,7 @@ const se = {
               } : { ...e, props: { ...e.props || {}, id: e.name } },
               value: F(e),
               floatingActive: L(e),
-              label: s(e) === "customFields" ? void 0 : w(e) ? T(e) : void 0,
+              label: s(e) === "customFields" ? void 0 : w(e) ? f(e) : void 0,
               values: n.values,
               errors: n.errors,
               variant: n.variant,
@@ -180,7 +183,7 @@ const se = {
               onAddonAction: H
             }, null, 8, ["field", "value", "floatingActive", "label", "values", "errors", "variant", "size", "rounded", "disabled", "readonly", "error", "isUpdate", "loading", "onChange"])
           ], 42, re),
-          s(e) === "check" || s(e) === "switch" && e.props?.switchVariant === "basic" ? (o(), b(B, {
+          s(e) === "check" || s(e) === "switch" && e.props?.switchVariant === "basic" ? (o(), p(B, {
             key: 1,
             for: e.name,
             class: "ml-2 text-sm font-medium cursor-pointer"