vlite3 1.4.31 → 1.4.33

package/components/Form/FormField.vue.js

@@ -1,27 +1,27 @@
-import { defineComponent as E, computed as f, markRaw as O, openBlock as c, createBlock as m, mergeProps as p, toHandlers as P, createSlots as M, unref as L, withCtx as u, createVNode as N, createTextVNode as y, toDisplayString as x, createCommentVNode as T, resolveDynamicComponent as q } from "vue";
-import { resolveFieldType as G, isComponent as R, isAddonObject as B } from "./utils/form.utils.js";
-import J from "../NumberInput.vue.js";
-import z from "../Button.vue.js";
-import { resolveI18nText as K } from "../../utils/i18n.js";
-import V from "../Input.vue.js";
+import { defineComponent as q, markRaw as t, computed as c, openBlock as p, createBlock as v, mergeProps as g, toHandlers as T, createSlots as G, unref as B, withCtx as m, createVNode as U, createTextVNode as z, toDisplayString as V, createCommentVNode as E, resolveDynamicComponent as J } from "vue";
+import { resolveFieldType as K, isComponent as A, isAddonObject as D } from "./utils/form.utils.js";
+import Q from "../NumberInput.vue.js";
+import S from "../Button.vue.js";
+import { resolveI18nText as X } from "../../utils/i18n.js";
+import s from "../Input.vue.js";
 /* empty css            */
-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 w 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 Z from "../Switch.vue.js";
+import _ from "../CheckBox.vue.js";
+import O from "../FilePicker/index.vue.js";
+import ee from "../AvatarUploader/AvatarUploader.vue.js";
+import ae from "../ThumbnailSelector/ThumbnailSelector.vue.js";
+import le from "../TagInput/TagInput.vue.js";
+import F from "../Dropdown/Dropdown.vue.js";
+import ie from "../MultiSelect/MultiSelect.vue.js";
+import H from "../DatePicker.vue.js";
+import te from "../DateRangePicker.vue.js";
+import de from "../ColorPicker/ColorPicker.vue.js";
+import ne from "../IconPicker.vue.js";
 import re from "./index.vue.js";
-import ne from "../ChoiceBox/ChoiceBox.vue.js";
-import de from "../RichTextEditor/RichTextEditor.vue.js";
+import oe from "../ChoiceBox/ChoiceBox.vue.js";
+import se from "../RichTextEditor/RichTextEditor.vue.js";
 /* empty css                                    */
-const Ne = /* @__PURE__ */ E({
+const Be = /* @__PURE__ */ q({
   __name: "FormField",
   props: {
     field: {},
@@ -40,86 +40,65 @@ const Ne = /* @__PURE__ */ E({
     loading: { type: Boolean, default: !1 }
   },
   emits: ["change", "addonChange", "addonAction"],
-  setup(t, { emit: U }) {
-    const e = t, v = U, d = (a, l) => {
-      v("change", { value: a, data: l });
-    }, S = (a) => {
-      v("change", { value: a });
-    }, o = f(() => G(e.field, {
+  setup(d, { emit: j }) {
+    const I = {
+      text: t(s),
+      email: t(s),
+      password: t(s),
+      tel: t(s),
+      url: t(s),
+      search: t(s),
+      textarea: t(s),
+      number: t(Q),
+      switch: t(Z),
+      check: t(_),
+      select: t(F),
+      multiSelect: t(ie),
+      choiceBox: t(oe),
+      date: t(H),
+      time: t(H),
+      dateRangePicker: t(te),
+      file: t(O),
+      fileUploader: t(O),
+      avatarUpload: t(ee),
+      color: t(de),
+      iconPicker: t(ne),
+      customFields: t(re),
+      thumbnailSelector: t(ae),
+      tags: t(le),
+      richTextEditor: t(se)
+    }, P = t(s), e = d, h = j, o = (a, l) => {
+      h("change", { value: a, data: l });
+    }, R = (a) => {
+      h("change", { value: a });
+    }, u = c(() => K(e.field, {
       values: e.values,
       globalValues: e.values,
       isUpdate: e.isUpdate
-    })), b = f(
-      () => o.value === "number" && e.field.isSensitiveField === !0
-    ), D = f(() => {
-      const a = o.value;
-      if (R(a))
-        return O(a);
-      switch (a) {
-        case "text":
-        case "email":
-        case "password":
-        case "tel":
-        case "url":
-        case "search":
-        case "textarea":
-          return V;
-        case "number":
-          return b.value ? V : J;
-        case "switch":
-          return Q;
-        case "check":
-          return W;
-        case "select":
-          return w;
-        case "multiSelect":
-          return ee;
-        case "choiceBox":
-          return ne;
-        case "date":
-        case "time":
-          return ae;
-        case "dateRangePicker":
-          return le;
-        case "file":
-        case "fileUploader":
-          return X;
-        case "avatarUpload":
-          return Y;
-        case "color":
-          return ie;
-        case "iconPicker":
-          return te;
-        case "customFields":
-          return re;
-        case "thumbnailSelector":
-          return Z;
-        case "tags":
-          return _;
-        case "richTextEditor":
-          return de;
-        default:
-          return V;
-      }
-    }), A = f(() => {
-      const a = o.value, { disabled: l, readonly: r, ...g } = e.field, i = {
-        ...g,
+    })), x = c(
+      () => u.value === "number" && e.field.isSensitiveField === !0
+    ), M = c(() => {
+      const a = u.value;
+      return A(a) ? t(a) : a === "number" ? x.value ? P : I.number : typeof a == "string" && a in I ? I[a] : P;
+    }), C = c(() => {
+      const a = u.value, { disabled: l, readonly: n, ...b } = e.field, i = {
+        ...b,
         disabled: e.disabled || l === !0,
-        readonly: e.readonly || r === !0,
+        readonly: e.readonly || n === !0,
         ...e.field.props || {},
         label: "",
         labelI18n: void 0,
         placeholderI18n: void 0
-      }, h = K(
+      }, y = X(
         e.field.placeholderI18n,
         e.field.placeholder
-      ), I = e.variant === "floating" && e.label && !e.floatingActive, s = I ? "" : h;
+      ), k = e.variant === "floating" && e.label && !e.floatingActive, f = k ? "" : y;
       if (a === "text" || a === "email" || a === "password" || a === "tel" || a === "url" || a === "search" || a === "textarea" || !a)
         return {
           ...i,
           modelValue: e.value ?? "",
           type: a || "text",
-          placeholder: s,
+          placeholder: f,
           label: e.label,
           icon: e.field.icon,
           iconRight: e.field.iconRight,
@@ -135,14 +114,14 @@ const Ne = /* @__PURE__ */ E({
           rows: a === "textarea" ? e.field.props?.rows || 3 : void 0,
           class: `${e.field.className || ""}`
         };
-      if (a === "number" && b.value)
+      if (a === "number" && x.value)
         return {
           ...i,
           // 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: s,
+          placeholder: f,
           label: e.label,
           variant: e.variant,
           size: e.size,
@@ -163,20 +142,20 @@ const Ne = /* @__PURE__ */ E({
           mode: e.field.props?.mode ?? (e.variant === "transparent" ? "ghost" : "outline"),
           size: e.size,
           rounded: e.rounded,
-          placeholder: s,
+          placeholder: f,
           class: e.field.className
         };
       if (a === "switch") {
         const {
-          variant: n,
-          rounded: oe,
-          error: se,
-          switchVariant: ue,
-          ...k
+          variant: r,
+          rounded: ue,
+          error: fe,
+          switchVariant: me,
+          ...w
         } = i;
         return {
-          ...k,
-          disabled: k.disabled || k.readonly,
+          ...w,
+          disabled: w.disabled || w.readonly,
           modelValue: !!e.value,
           label: e.field.label,
           labelI18n: e.field.labelI18n,
@@ -200,13 +179,13 @@ const Ne = /* @__PURE__ */ E({
           ...i,
           modelValue: e.value,
           options: e.field.options || [],
-          placeholder: s,
+          placeholder: f,
           selectable: !0,
           closeOnSelect: !0,
           triggerProps: {
             variant: e.variant === "floating" ? "outline-floating" : e.variant || "outline",
             size: e.size,
-            ...I ? { text: "​" } : {}
+            ...k ? { text: "​" } : {}
           }
         };
       if (a === "multiSelect")
@@ -214,7 +193,7 @@ const Ne = /* @__PURE__ */ E({
           ...i,
           modelValue: Array.isArray(e.value) ? e.value : [],
           options: e.field.options || [],
-          placeholder: h,
+          placeholder: y,
           variant: e.variant,
           size: e.size,
           rounded: e.rounded
@@ -227,17 +206,17 @@ const Ne = /* @__PURE__ */ E({
           titleI18n: e.field.labelI18n,
           description: e.field.props?.description,
           descriptionI18n: e.field.props?.descriptionI18n,
-          options: (e.field.options || []).map((n) => ({
-            id: n.value ?? n.label,
-            title: n.label,
-            titleI18n: n.labelI18n,
-            description: n.description || n.subtitle,
-            descriptionI18n: n.descriptionI18n || n.subtitleI18n,
-            icon: n.icon,
-            disabled: n.disabled,
-            badge: n.badge || n.data?.badge,
-            badgeI18n: n.badgeI18n || n.data?.badgeI18n,
-            data: n.data
+          options: (e.field.options || []).map((r) => ({
+            id: r.value ?? r.label,
+            title: r.label,
+            titleI18n: r.labelI18n,
+            description: r.description || r.subtitle,
+            descriptionI18n: r.descriptionI18n || r.subtitleI18n,
+            icon: r.icon,
+            disabled: r.disabled,
+            badge: r.badge || r.data?.badge,
+            badgeI18n: r.badgeI18n || r.data?.badgeI18n,
+            data: r.data
           })),
           multiple: e.field.props?.multiple || !1,
           grid: e.field.props?.grid || 1,
@@ -249,12 +228,12 @@ const Ne = /* @__PURE__ */ E({
           ...i,
           modelValue: e.value,
           mode: a === "time" ? "time" : "date",
-          placeholder: s,
+          placeholder: f,
           btnProps: {
             variant: e.variant === "floating" ? "outline-floating" : e.variant || "outline",
             size: e.size,
             class: "px-3!",
-            ...I ? { text: "​" } : {}
+            ...k ? { text: "​" } : {}
           }
         };
       if (a === "dateRangePicker")
@@ -273,7 +252,7 @@ const Ne = /* @__PURE__ */ E({
           fileTypes: e.field.props?.accept ? e.field.props.accept.split(",") : [],
           returnFormat: "base64",
           variant: e.field.props?.variant ?? (a === "file" ? "input" : "dropzone"),
-          placeholder: s,
+          placeholder: f,
           size: e.size,
           rounded: e.rounded,
           maxSize: e.field.maxFileSize ? e.field.maxFileSize * 1024 * 1024 : void 0,
@@ -293,7 +272,7 @@ const Ne = /* @__PURE__ */ E({
         return {
           ...i,
           modelValue: Array.isArray(e.value) ? e.value : [],
-          placeholder: s,
+          placeholder: f,
           variant: e.variant,
           size: e.size,
           rounded: e.rounded,
@@ -304,7 +283,7 @@ const Ne = /* @__PURE__ */ E({
         return {
           ...i,
           modelValue: e.value ?? "",
-          placeholder: s,
+          placeholder: f,
           label: void 0,
           error: e.error,
           minHeight: e.field.props?.minHeight || "140px",
@@ -319,7 +298,8 @@ const Ne = /* @__PURE__ */ E({
           modelValue: e.value || "#000000",
           variant: e.variant,
           size: e.size,
-          rounded: e.rounded
+          rounded: e.rounded,
+          allowReset: e.field.props?.allowReset ?? !1
         };
       if (a === "iconPicker")
         return {
@@ -344,172 +324,172 @@ const Ne = /* @__PURE__ */ E({
           isUpdate: e.isUpdate
         };
       if (a === "thumbnailSelector") {
-        const n = e.value && typeof e.value == "object" ? e.value : { images: [], thumbnail: null };
+        const r = e.value && typeof e.value == "object" ? e.value : { images: [], thumbnail: null };
         return {
           ...i,
-          images: Array.isArray(n.images) ? n.images : [],
-          thumbnail: n.thumbnail ?? null,
+          images: Array.isArray(r.images) ? r.images : [],
+          thumbnail: r.thumbnail ?? null,
           disabled: e.disabled || l === !0,
           loading: e.loading,
           maxSize: e.field.maxFileSize,
           label: e.field.label
         };
       }
-      return R(a) ? {
+      return A(a) ? {
         ...i,
         value: e.field.props?.multiple && (e.value === null || e.value === void 0) ? [] : e.value,
         values: e.values
       } : i;
-    }), F = f(() => {
-      const a = o.value;
+    }), N = c(() => {
+      const a = u.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" && b.value ? {
+        "update:modelValue": R
+      } : a === "number" && x.value ? {
         "update:modelValue": (l) => {
-          const r = l === "" ? void 0 : Number(l);
-          v("change", { value: isNaN(r) ? void 0 : r });
+          const n = l === "" ? void 0 : Number(l);
+          h("change", { value: isNaN(n) ? void 0 : n });
         }
       } : a === "number" ? {
-        "update:modelValue": S
+        "update:modelValue": R
       } : a === "select" ? {
         onSelect: (l) => {
-          d(l.value, l.data);
+          o(l.value, l.data);
         }
       } : a === "multiSelect" ? {
-        change: (l) => d(l)
+        change: (l) => o(l)
       } : a === "choiceBox" ? {
         change: (l) => {
-          const r = e.field.props?.multiple;
-          let g = null;
-          r && Array.isArray(l) ? g = l.map(
-            (i) => e.field.options?.find((h) => (h.value ?? h.label) === i)?.data
-          ) : g = e.field.options?.find((i) => (i.value ?? i.label) === l)?.data, d(l, g);
+          const n = e.field.props?.multiple;
+          let b = null;
+          n && Array.isArray(l) ? b = l.map(
+            (i) => e.field.options?.find((y) => (y.value ?? y.label) === i)?.data
+          ) : b = e.field.options?.find((i) => (i.value ?? i.label) === l)?.data, o(l, b);
         }
       } : a === "date" || a === "time" || a === "dateRangePicker" ? {
-        change: (l) => d(l)
+        change: (l) => o(l)
       } : a === "fileUploader" || a === "file" ? {
         change: (l) => {
-          d(l);
+          o(l);
         },
         "update:modelValue": (l) => {
-          d(l);
+          o(l);
         }
       } : a === "avatarUpload" ? {
         change: (l) => {
-          d(l);
+          o(l);
         },
         "update:modelValue": (l) => {
-          d(l);
+          o(l);
         }
       } : a === "tags" ? {
-        "update:modelValue": S,
-        change: (l) => d(l)
+        "update:modelValue": R,
+        change: (l) => o(l)
       } : a === "richTextEditor" ? {
-        "update:modelValue": (l) => d(l)
+        "update:modelValue": (l) => o(l)
       } : a === "color" ? {
-        change: (l) => d(l)
+        change: (l) => o(l)
       } : a === "iconPicker" ? {
-        onSelect: (l) => d(l)
+        onSelect: (l) => o(l)
       } : a === "customFields" ? {
-        change: (l) => d(l)
+        change: (l) => o(l)
       } : a === "thumbnailSelector" ? {
         change: (l) => {
-          d(l);
+          o(l);
         },
         "update:images": (l) => {
-          const r = e.value && typeof e.value == "object" ? e.value : { images: [], thumbnail: null };
-          d({ ...r, images: l });
+          const n = e.value && typeof e.value == "object" ? e.value : { images: [], thumbnail: null };
+          o({ ...n, images: l });
         },
         "update:thumbnail": (l) => {
-          const r = e.value && typeof e.value == "object" ? e.value : { images: [], thumbnail: null };
-          d({ ...r, thumbnail: l });
+          const n = e.value && typeof e.value == "object" ? e.value : { images: [], thumbnail: null };
+          o({ ...n, thumbnail: l });
         }
-      } : R(a) ? {
+      } : A(a) ? {
         onChange: (l) => {
-          d(l.value, l.data);
+          o(l.value, l.data);
         }
       } : {};
-    }), H = f(() => {
-      const a = o.value;
+    }), Y = c(() => {
+      const a = u.value;
       return a === "text" || a === "email" || a === "password" || a === "tel" || a === "url" || a === "search" || !a;
-    }), j = f(() => H.value || o.value === "textarea" || b.value), C = (a, l) => {
-      v("addonChange", a.name, { value: l.value });
-    }, $ = (a) => {
-      a.action && v("addonAction", a.action);
+    }), W = c(() => Y.value || u.value === "textarea" || x.value), $ = (a, l) => {
+      h("addonChange", a.name, { value: l.value });
+    }, L = (a) => {
+      a.action && h("addonAction", a.action);
     };
-    return (a, l) => j.value ? (c(), m(V, p({ key: 0 }, A.value, P(F.value)), M({ _: 2 }, [
-      L(B)(t.field.addonLeft) ? {
+    return (a, l) => W.value ? (p(), v(s, g({ key: 0 }, C.value, T(N.value)), G({ _: 2 }, [
+      B(D)(d.field.addonLeft) ? {
         name: "addon-left",
-        fn: u(() => [
-          t.field.addonLeft.type === "select" ? (c(), m(w, p({
+        fn: m(() => [
+          d.field.addonLeft.type === "select" ? (p(), v(F, g({
             key: 0,
-            modelValue: t.field.addonLeft.name ? t.values[t.field.addonLeft.name] : void 0,
-            options: t.field.addonLeft.options || []
-          }, t.field.addonLeft.props || {}, {
-            onOnSelect: l[0] || (l[0] = (r) => C(t.field.addonLeft, r))
+            modelValue: d.field.addonLeft.name ? d.values[d.field.addonLeft.name] : void 0,
+            options: d.field.addonLeft.options || []
+          }, d.field.addonLeft.props || {}, {
+            onOnSelect: l[0] || (l[0] = (n) => $(d.field.addonLeft, n))
           }), {
-            trigger: u(({ selectedLabel: r }) => [
-              N(z, { variant: "outline" }, {
-                default: u(() => [
-                  y(x(r), 1)
+            trigger: m(({ selectedLabel: n }) => [
+              U(S, { variant: "outline" }, {
+                default: m(() => [
+                  z(V(n), 1)
                 ]),
                 _: 2
               }, 1024)
             ]),
             _: 1
-          }, 16, ["modelValue", "options"])) : t.field.addonLeft.type === "button" ? (c(), m(z, p({
+          }, 16, ["modelValue", "options"])) : d.field.addonLeft.type === "button" ? (p(), v(S, g({
             key: 1,
             variant: "outline"
-          }, t.field.addonLeft.props || {}, {
-            onClick: l[1] || (l[1] = (r) => $(t.field.addonLeft))
+          }, d.field.addonLeft.props || {}, {
+            onClick: l[1] || (l[1] = (n) => L(d.field.addonLeft))
           }), {
-            default: u(() => [
-              y(x(t.field.addonLeft.text), 1)
+            default: m(() => [
+              z(V(d.field.addonLeft.text), 1)
             ]),
             _: 1
-          }, 16)) : T("", !0)
+          }, 16)) : E("", !0)
         ]),
         key: "0"
       } : void 0,
-      L(B)(t.field.addonRight) ? {
+      B(D)(d.field.addonRight) ? {
         name: "addon-right",
-        fn: u(() => [
-          t.field.addonRight.type === "select" ? (c(), m(w, p({
+        fn: m(() => [
+          d.field.addonRight.type === "select" ? (p(), v(F, g({
             key: 0,
-            modelValue: t.field.addonRight.name ? t.values[t.field.addonRight.name] : void 0,
-            options: t.field.addonRight.options || []
-          }, t.field.addonRight.props || {}, {
-            onOnSelect: l[2] || (l[2] = (r) => C(t.field.addonRight, r))
+            modelValue: d.field.addonRight.name ? d.values[d.field.addonRight.name] : void 0,
+            options: d.field.addonRight.options || []
+          }, d.field.addonRight.props || {}, {
+            onOnSelect: l[2] || (l[2] = (n) => $(d.field.addonRight, n))
           }), {
-            trigger: u(({ selectedLabel: r }) => [
-              N(z, { variant: "outline" }, {
-                default: u(() => [
-                  y(x(r), 1)
+            trigger: m(({ selectedLabel: n }) => [
+              U(S, { variant: "outline" }, {
+                default: m(() => [
+                  z(V(n), 1)
                 ]),
                 _: 2
               }, 1024)
             ]),
             _: 1
-          }, 16, ["modelValue", "options"])) : t.field.addonRight.type === "button" ? (c(), m(z, p({
+          }, 16, ["modelValue", "options"])) : d.field.addonRight.type === "button" ? (p(), v(S, g({
             key: 1,
             variant: "outline"
-          }, t.field.addonRight.props || {}, {
-            onClick: l[3] || (l[3] = (r) => $(t.field.addonRight))
+          }, d.field.addonRight.props || {}, {
+            onClick: l[3] || (l[3] = (n) => L(d.field.addonRight))
           }), {
-            default: u(() => [
-              y(x(t.field.addonRight.text), 1)
+            default: m(() => [
+              z(V(d.field.addonRight.text), 1)
             ]),
             _: 1
-          }, 16)) : T("", !0)
+          }, 16)) : E("", !0)
         ]),
         key: "1"
       } : void 0
-    ]), 1040)) : (c(), m(q(D.value), p({
+    ]), 1040)) : (p(), v(J(M.value), g({
       key: 1,
-      class: o.value === "check" || o.value === "switch" && t.field.props?.switchVariant === "basic" ? "" : "w-full"
-    }, A.value, P(F.value)), null, 16, ["class"]));
+      class: u.value === "check" || u.value === "switch" && d.field.props?.switchVariant === "basic" ? "" : "w-full"
+    }, C.value, T(N.value)), null, 16, ["class"]));
   }
 });
 export {
-  Ne as default
+  Be 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 f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-d4db8f9b"]]);
+const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-eef10419"]]);
 export {
   f as default
 };