vlite3 1.1.2 → 1.1.4

package/components/Form/FormFields.vue2.js

@@ -1,6 +1,6 @@
-import { defineComponent as J, computed as K, ref as Q, openBlock as o, createElementBlock as u, normalizeClass as y, Fragment as p, renderList as W, withMemo as X, unref as d, createBlock as b, withCtx as D, resolveDynamicComponent as z, createTextVNode as V, toDisplayString as F, createCommentVNode as l, createElementVNode as Y, createVNode as Z, markRaw as _ } from "vue";
+import { defineComponent as J, computed as K, ref as Q, openBlock as o, createElementBlock as u, normalizeClass as y, Fragment as p, renderList as W, withMemo as X, unref as d, createBlock as b, withCtx as z, resolveDynamicComponent as B, createTextVNode as V, toDisplayString as F, createCommentVNode as l, createElementVNode as Y, createVNode as Z, markRaw as _ } from "vue";
 import { isComponent as m, getNestedValue as w, resolveFieldType as ee } from "./utils/form.utils.js";
-import q from "../Label.vue.js";
+import f from "../Label.vue.js";
 import te from "./FormField.vue.js";
 import { $t as ne } from "../../utils/i18n.js";
 const ae = {
@@ -15,7 +15,7 @@ const ae = {
 }, ce = {
   key: 2,
   class: "mt-1 -text-fs-2.5 text-destructive"
-}, ge = /* @__PURE__ */ J({
+}, he = /* @__PURE__ */ J({
   __name: "FormFields",
   props: {
     schema: {},
@@ -34,8 +34,8 @@ const ae = {
     excludeTypes: { default: () => [] }
   },
   emits: ["change", "addonAction"],
-  setup(a, { emit: $ }) {
-    const s = a, k = $, B = K(() => {
+  setup(a, { emit: q }) {
+    const s = a, k = q, $ = K(() => {
       if (s.className) return s.className;
     }), r = (t) => ee(t, {
       values: s.values,
@@ -54,16 +54,16 @@ const ae = {
       k("change", t, n);
     }, H = (t) => {
       k("addonAction", t);
-    }, g = (t) => t && typeof t == "object" && t.name ? t.name : null, h = Q({}), M = (t) => {
-      h.value[t] = !0;
+    }, h = (t) => t && typeof t == "object" && t.name ? t.name : null, g = Q({}), M = (t) => {
+      g.value[t] = !0;
     }, O = (t) => {
-      h.value[t] = !1;
+      g.value[t] = !1;
     }, L = (t) => {
       const n = x(t), e = r(t);
       let i = n != null && n !== "" && !(Array.isArray(n) && n.length === 0);
-      const U = typeof n == "number" && !isNaN(n);
-      return e === "dateRangePicker" && n && typeof n == "object" && (i = !!(n.startDate || n.endDate || n.start || n.end)), f(t) || e === "number" ? h.value[t.name] || i || U : i || U;
-    }, f = (t) => {
+      const D = typeof n == "number" && !isNaN(n);
+      return e === "dateRangePicker" && n && typeof n == "object" && (i = !!(n.startDate || n.endDate || n.start || n.end)), T(t) || e === "number" ? g.value[t.name] || i || D : i || D;
+    }, T = (t) => {
       const n = r(t) || "text";
       return ["text", "email", "password", "tel", "url", "search", "textarea"].includes(n);
     }, G = (t) => {
@@ -78,15 +78,16 @@ const ae = {
         "customFields",
         "avatarUpload",
         "fileUploader",
-        "file"
+        "file",
+        "choiceBox"
       ].includes(n);
-    }, T = (t) => {
+    }, U = (t) => {
       const n = c(t);
       if (!(!n || m(n)))
         return n;
     };
     return (t, n) => (o(), u("div", {
-      class: y(["grid", a.variant === "floating" ? "gap-5 mt-1" : "gap-4", B.value])
+      class: y(["grid", a.variant === "floating" ? "gap-5 mt-1" : "gap-4", $.value])
     }, [
       (o(!0), u(p, null, W(a.schema, (e) => (o(), u(p, {
         key: e.name
@@ -97,7 +98,7 @@ const ae = {
           v(e),
           C(e),
           N(e),
-          h.value[e.name],
+          g.value[e.name],
           a.variant,
           a.size,
           a.rounded,
@@ -106,19 +107,19 @@ const ae = {
           a.fieldLoading[e.name],
           r(e),
           d(m)(r(e)) || r(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
+          h(e.addonLeft) ? d(w)(a.values, h(e.addonLeft)) : null,
+          h(e.addonRight) ? d(w)(a.values, h(e.addonRight)) : null
         ], () => (o(), u("div", {
           key: 0,
           class: y(["max-md:col-span-full! form-field-item", P(e)])
         }, [
-          c(e) && r(e) !== "switch" && r(e) !== "check" && r(e) !== "customFields" && !A(e) ? (o(), b(q, {
+          c(e) && r(e) !== "switch" && r(e) !== "check" && r(e) !== "customFields" && r(e) !== "choiceBox" && !A(e) ? (o(), b(f, {
             key: 0,
             for: e.name,
             class: "mb-2 block -text-fs-2! font-medium"
           }, {
-            default: D(() => [
-              d(m)(c(e)) ? (o(), b(z(R(c(e))), { key: 0 })) : (o(), u(p, { key: 1 }, [
+            default: z(() => [
+              d(m)(c(e)) ? (o(), b(B(R(c(e))), { key: 0 })) : (o(), u(p, { key: 1 }, [
                 V(F(c(e)) + " ", 1),
                 e.required && a.showRequiredAsterisk ? (o(), u("span", ae, "*")) : l("", !0)
               ], 64))
@@ -126,11 +127,11 @@ const ae = {
             _: 2
           }, 1032, ["for"])) : l("", !0),
           Y("div", {
-            class: y(["relative", ["switch", "check"].includes(r(e)) ? "w-auto" : "w-full"]),
+            class: y(["relative", r(e) === "check" || r(e) === "switch" && e.props?.switchVariant === "basic" ? "w-auto" : "w-full"]),
             onFocusin: (i) => M(e.name),
             onFocusout: (i) => O(e.name)
           }, [
-            A(e) && T(e) && !f(e) ? (o(), u("label", {
+            A(e) && U(e) && !T(e) ? (o(), u("label", {
               key: 0,
               for: e.name,
               class: y([
@@ -138,7 +139,7 @@ const ae = {
                 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)}`
               ])
             }, [
-              d(m)(c(e)) ? (o(), b(z(R(c(e))), { key: 0 })) : (o(), u(p, { key: 1 }, [
+              d(m)(c(e)) ? (o(), b(B(R(c(e))), { key: 0 })) : (o(), u(p, { key: 1 }, [
                 V(F(c(e)) + " ", 1),
                 e.required ? (o(), u("span", oe, "*")) : l("", !0)
               ], 64))
@@ -152,7 +153,7 @@ const ae = {
               } : { ...e, props: { ...e.props || {}, id: e.name } },
               value: x(e),
               floatingActive: L(e),
-              label: r(e) === "customFields" ? void 0 : A(e) ? T(e) : void 0,
+              label: r(e) === "customFields" ? void 0 : A(e) ? U(e) : void 0,
               values: a.values,
               errors: a.errors,
               variant: a.variant,
@@ -168,12 +169,12 @@ const ae = {
               onAddonAction: H
             }, null, 8, ["field", "value", "floatingActive", "label", "values", "errors", "variant", "size", "rounded", "disabled", "readonly", "error", "isUpdate", "loading", "onChange"])
           ], 42, se),
-          c(e) && (r(e) === "switch" || r(e) === "check") ? (o(), b(q, {
+          r(e) === "check" || r(e) === "switch" && e.props?.switchVariant === "basic" ? (o(), b(f, {
             key: 1,
             for: e.name,
             class: "ml-2 text-sm font-medium cursor-pointer"
           }, {
-            default: D(() => [
+            default: z(() => [
               V(F(c(e)) + " ", 1),
               e.required ? (o(), u("span", ue, "*")) : l("", !0)
             ]),
@@ -186,5 +187,5 @@ const ae = {
   }
 });
 export {
-  ge as default
+  he as default
 };

package/components/Form/types.d.ts

@@ -23,7 +23,7 @@ export interface IFormAddon {
 /**
  * Form field types - maps to corresponding UI components
  */
-export type IFormFieldType = 'text' | 'email' | 'password' | 'number' | 'file' | 'fileUploader' | 'tel' | 'url' | 'search' | 'date' | 'dateRangePicker' | 'textarea' | 'time' | 'iconPicker' | 'color' | 'switch' | 'check' | 'customFields' | 'select' | 'multiSelect' | 'avatarUpload' | 'thumbnailSelector' | Component;
+export type IFormFieldType = 'text' | 'email' | 'password' | 'number' | 'file' | 'fileUploader' | 'tel' | 'url' | 'search' | 'date' | 'dateRangePicker' | 'textarea' | 'time' | 'iconPicker' | 'color' | 'switch' | 'check' | 'customFields' | 'select' | 'multiSelect' | 'choiceBox' | 'avatarUpload' | 'thumbnailSelector' | 'tags' | Component;
 /**
  * Context passed to conditional functions
  */
@@ -126,7 +126,7 @@ export interface IForm {
     addonLeft?: string | IFormAddon;
     /** Right addon — plain text or an addon config object (select/button) */
     addonRight?: string | IFormAddon;
-    /** Options for select/multiSelect/dropdown fields */
+    /** Options for select/multiSelect/dropdown fields/choiceBox */
     options?: IDropdownOptions;
     /** Validation function - returns error message or empty string */
     validation?: IFormValidation;

package/components/Form/utils/form.utils.d.ts

@@ -39,9 +39,9 @@ export declare function filterNullCustomFields(value: Record<string, any>[] | un
  * Collect file fields from schema that need upload processing.
  *
  * Extended to handle `thumbnailSelector` fields:
- *   - The field value is { images: string[], thumbnail: string | null }
- *   - Each image URL that is a base64 data URI is collected for upload
- *   - After upload the images array and thumbnail are updated with resolved URLs
+ * - The field value is { images: string[], thumbnail: string | null }
+ * - Each image URL that is a base64 data URI is collected for upload
+ * - After upload the images array and thumbnail are updated with resolved URLs
  */
 export declare function collectFileFields(schema: IForm[] | IForm[][], values: Record<string, any>, globalValuesContext?: Record<string, any>, isUpdateContext?: boolean): Array<{
     name: string;

package/components/Form/utils/form.utils.js

@@ -1,4 +1,4 @@
-function x(e) {
+function E(e) {
   return !!e && typeof e == "object";
 }
 function U(e) {
@@ -13,7 +13,7 @@ function b(e, n) {
     }
   return e.type;
 }
-function p(e, n) {
+function y(e, n) {
   if (!n || !e) return;
   const i = n.split(".");
   let f = e;
@@ -34,7 +34,7 @@ function A(e, n, i) {
   return a[f[f.length - 1]] = i, o;
 }
 function k(e, n) {
-  return !x(n) || !n.name ? e : p(e, n.name) === void 0 && n.value !== void 0 ? A(e, n.name, n.value) : e;
+  return !E(n) || !n.name ? e : y(e, n.name) === void 0 && n.value !== void 0 ? A(e, n.name, n.value) : e;
 }
 async function T(e, n, i, f) {
   let o = n ? S(n) : {};
@@ -45,16 +45,16 @@ async function T(e, n, i, f) {
     if (t.when && !v(t.when, h))
       continue;
     const m = t.mapFrom || t.name;
-    let s = n ? p(n, m) : void 0;
+    let s = n ? y(n, m) : void 0;
     if (s != null) {
       const u = t.valueKey || t.key;
       u && (Array.isArray(s) ? s = s.map(
-        (r) => r && typeof r == "object" ? p(r, u) : r
-      ) : typeof s == "object" && (s = p(s, u))), t.format && (s = await t.format(s, n || {}));
+        (r) => r && typeof r == "object" ? y(r, u) : r
+      ) : typeof s == "object" && (s = y(s, u))), t.format && (s = await t.format(s, n || {}));
     }
     if (s === void 0) {
       if (t.mapFrom && n) {
-        const u = p(n, t.name);
+        const u = y(n, t.name);
         u !== void 0 && (s = u);
       }
       if (s === void 0) {
@@ -66,12 +66,12 @@ async function T(e, n, i, f) {
       Object.assign(o, A(o, t.name, s));
     if (o = k(o, t.addonLeft), o = k(o, t.addonRight), b(t, h) === "customFields" && t.props?.schema) {
       const u = t.props.schema;
-      let r = p(o, t.name);
+      let r = y(o, t.name);
       if (Array.isArray(r) && r.length > 0) {
-        const y = await Promise.all(
+        const p = await Promise.all(
           r.map((l) => T(u, l, a, f))
         );
-        Object.assign(o, A(o, t.name, y));
+        Object.assign(o, A(o, t.name, p));
       }
     }
   }
@@ -80,7 +80,7 @@ async function T(e, n, i, f) {
 function v(e, n) {
   return e === void 0 ? !1 : typeof e == "boolean" ? e : typeof e == "function" ? e(n) : !1;
 }
-function $(e, n) {
+function P(e, n) {
   return Array.isArray(e) ? e.filter((i) => i ? !n.every((o) => {
     const a = i[o.name];
     return a == null || a === "";
@@ -89,7 +89,7 @@ function $(e, n) {
 function N(e) {
   return typeof e == "string" && e.startsWith("data:image/");
 }
-function B(e, n, i, f) {
+function $(e, n, i, f) {
   const o = [], a = i || n, c = Array.isArray(e[0]) ? e.flat() : e;
   for (const t of c) {
     if (!t.name) continue;
@@ -98,7 +98,7 @@ function B(e, n, i, f) {
       continue;
     const m = b(t, h);
     if (m === "file" || m === "avatarUpload" || m === "fileUploader") {
-      const s = p(n, t.name);
+      const s = y(n, t.name);
       s && o.push({
         name: t.name,
         value: s,
@@ -107,7 +107,7 @@ function B(e, n, i, f) {
       });
     }
     if (m === "thumbnailSelector") {
-      const s = p(n, t.name);
+      const s = y(n, t.name);
       s && typeof s == "object" && Array.isArray(s.images) && s.images.some((r) => N(r)) && o.push({
         name: t.name,
         value: s,
@@ -116,17 +116,17 @@ function B(e, n, i, f) {
       });
     }
     if (m === "customFields" && t.props?.schema) {
-      const s = p(n, t.name);
+      const s = y(n, t.name);
       if (Array.isArray(s)) {
-        const r = t.props.schema.filter((y) => !U(y.type));
-        r.length > 0 && s.forEach((y, l) => {
+        const r = t.props.schema.filter((p) => !U(p.type));
+        r.length > 0 && s.forEach((p, l) => {
           r.forEach((g) => {
-            const F = { values: y || {}, globalValues: a, isUpdate: f };
+            const F = { values: p || {}, globalValues: a, isUpdate: f };
             if (g.when && !v(g.when, F))
               return;
             const d = b(g, F);
             if (d === "file" || d === "avatarUpload" || d === "fileUploader") {
-              const w = y?.[g.name];
+              const w = p?.[g.name];
               w && o.push({
                 name: `${t.name}.${l}.${g.name}`,
                 value: w,
@@ -151,11 +151,11 @@ function S(e) {
     Object.prototype.hasOwnProperty.call(e, i) && (n[i] = S(e[i]));
   return n;
 }
-function I(e, n) {
+function B(e, n) {
   const i = b(e, n);
-  return i === "multiSelect" ? [] : i === "thumbnailSelector" ? { images: [], thumbnail: null } : i === "switch" || i === "check" ? !1 : (i === "fileUploader" || i === "file" || i === "avatarUpload") && e.props?.multiple ? [] : null;
+  return i === "multiSelect" || i === "tags" || i === "choiceBox" && e.props?.multiple ? [] : i === "thumbnailSelector" ? { images: [], thumbnail: null } : i === "switch" || i === "check" ? !1 : (i === "fileUploader" || i === "file" || i === "avatarUpload") && e.props?.multiple ? [] : null;
 }
-function K(e) {
+function I(e) {
   return !!(e == null || e === "" || Array.isArray(e) && e.length === 0);
 }
 function O(e, n) {
@@ -169,33 +169,33 @@ function O(e, n) {
         O(e[i], n);
     }
 }
-async function P(e, n, i, f, o, a) {
+async function K(e, n, i, f, o, a) {
   const c = S(e), t = o || e, h = Array.isArray(n[0]) ? n.flat() : n, m = /* @__PURE__ */ new Set();
   for (const r of h) {
     if (!r.name) continue;
-    const y = { values: e, globalValues: t, isUpdate: a };
-    (!r.when || v(r.when, y)) && m.add(r.name);
+    const p = { values: e, globalValues: t, isUpdate: a };
+    (!r.when || v(r.when, p)) && m.add(r.name);
   }
   const s = i || [], u = [];
   for (const r of h) {
     if (!r.name) continue;
-    const y = { values: e, globalValues: t, isUpdate: a };
-    if (r.when && !v(r.when, y)) {
+    const p = { values: e, globalValues: t, isUpdate: a };
+    if (r.when && !v(r.when, p)) {
       m.has(r.name) || delete c[r.name];
       continue;
     }
-    let l = p(e, r.name);
-    const g = r.name.split(".")[0], F = Object.prototype.hasOwnProperty.call(e, g), d = b(r, y);
-    if (Array.isArray(l) && (d === "fileUploader" || d === "file" || d === "avatarUpload") && (l = l.filter((V) => V != null && V !== "")), K(l)) {
+    let l = y(e, r.name);
+    const g = r.name.split(".")[0], F = Object.prototype.hasOwnProperty.call(e, g), d = b(r, p);
+    if (Array.isArray(l) && (d === "fileUploader" || d === "file" || d === "avatarUpload") && (l = l.filter((V) => V != null && V !== "")), I(l)) {
       if (!F) {
         m.has(r.name) || delete c[r.name];
         continue;
       }
-      l = I(r, y);
+      l = B(r, p);
     }
     if (l = S(l), d === "customFields" && r.props?.schema && Array.isArray(l)) {
       const V = r.props.schema;
-      l = await Promise.all(l.map((E) => P(E, V, i, f, t, a)));
+      l = await Promise.all(l.map((x) => K(x, V, i, f, t, a)));
     }
     r.transform && (l = await r.transform(l, e));
     const w = r.mapTo || r.name;
@@ -204,14 +204,14 @@ async function P(e, n, i, f, o, a) {
   return s.length > 0 && O(c, s), u.length > 0 && O(c, u), c;
 }
 export {
-  P as cleanSubmitValues,
-  B as collectFileFields,
+  K as cleanSubmitValues,
+  $ as collectFileFields,
   S as deepClone,
   v as evaluateConditional,
-  $ as filterNullCustomFields,
-  p as getNestedValue,
+  P as filterNullCustomFields,
+  y as getNestedValue,
   T as initializeFormValues,
-  x as isAddonObject,
+  E as isAddonObject,
   U as isComponent,
   b as resolveFieldType,
   A as setNestedValue