vlite3 1.3.11 → 1.4.2

package/components/Form/FormField.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as H, computed as o, markRaw as M, openBlock as c, createBlock as m, mergeProps as p, toHandlers as L, createSlots as q, unref as P, withCtx as s, createVNode as N, createTextVNode as b, toDisplayString as y, createCommentVNode as B, resolveDynamicComponent as G } from "vue";
+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 z from "../Button.vue.js";
@@ -16,10 +16,12 @@ 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 ne from "../IconPicker.vue.js";
-import re from "./CustomFields.vue.js";
+import re from "../IconPicker.vue.js";
+import ne from "./CustomFields.vue.js";
 import de from "../ChoiceBox/ChoiceBox.vue.js";
-const Le = /* @__PURE__ */ H({
+import oe from "../RichTextEditor/RichTextEditor.vue.js";
+/* empty css                                    */
+const Be = /* @__PURE__ */ E({
   __name: "FormField",
   props: {
     field: {},
@@ -38,19 +40,19 @@ const Le = /* @__PURE__ */ H({
     loading: { type: Boolean, default: !1 }
   },
   emits: ["change", "addonChange", "addonAction"],
-  setup(i, { emit: U }) {
-    const e = i, v = U, d = (a, l) => {
+  setup(i, { emit: T }) {
+    const e = i, v = T, d = (a, l) => {
       v("change", { value: a, data: l });
     }, S = (a) => {
       v("change", { value: a });
-    }, u = o(() => J(e.field, {
+    }, f = s(() => J(e.field, {
       values: e.values,
       globalValues: e.values,
       isUpdate: e.isUpdate
-    })), k = o(
-      () => u.value === "number" && e.field.isSensitiveField === !0
-    ), T = o(() => {
-      const a = u.value;
+    })), k = s(
+      () => f.value === "number" && e.field.isSensitiveField === !0
+    ), U = s(() => {
+      const a = f.value;
       if (R(a))
         return M(a);
       switch (a) {
@@ -87,31 +89,33 @@ const Le = /* @__PURE__ */ H({
         case "color":
           return te;
         case "iconPicker":
-          return ne;
-        case "customFields":
           return re;
+        case "customFields":
+          return ne;
         case "thumbnailSelector":
           return _;
         case "tags":
           return ee;
+        case "richTextEditor":
+          return oe;
         default:
           return V;
       }
-    }), A = o(() => {
-      const a = u.value, { disabled: l, readonly: n, ...g } = e.field, t = {
+    }), A = s(() => {
+      const a = f.value, { disabled: l, readonly: r, ...g } = e.field, t = {
         ...g,
         disabled: e.disabled || l === !0,
-        readonly: e.readonly || n === !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, f = I ? "" : h;
+      }, h = e.field.placeholderI18n ? Q(e.field.placeholderI18n) : e.field.placeholder, I = e.variant === "floating" && e.label && !e.floatingActive, o = 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: f,
+          placeholder: o,
           label: e.label,
           icon: e.field.icon,
           iconRight: e.field.iconRight,
@@ -134,7 +138,7 @@ const Le = /* @__PURE__ */ H({
           modelValue: e.value !== void 0 && e.value !== null ? String(e.value) : "",
           // 'password' activates the eye-toggle inside Input.vue
           type: "password",
-          placeholder: f,
+          placeholder: o,
           label: e.label,
           variant: e.variant,
           size: e.size,
@@ -155,13 +159,19 @@ const Le = /* @__PURE__ */ H({
           mode: e.field.props?.mode ?? (e.variant === "transparent" ? "ghost" : "outline"),
           size: e.size,
           rounded: e.rounded,
-          placeholder: f,
+          placeholder: o,
           class: e.field.className
         };
       if (a === "switch") {
-        const { variant: r, rounded: oe, error: se, switchVariant: ue, ...E } = t;
+        const {
+          variant: n,
+          rounded: se,
+          error: ue,
+          switchVariant: fe,
+          ...D
+        } = t;
         return {
-          ...E,
+          ...D,
           modelValue: !!e.value,
           label: e.field.label,
           labelI18n: e.field.labelI18n,
@@ -184,7 +194,7 @@ const Le = /* @__PURE__ */ H({
           ...t,
           modelValue: e.value,
           options: e.field.options || [],
-          placeholder: f,
+          placeholder: o,
           selectable: !0,
           closeOnSelect: !0,
           triggerProps: {
@@ -211,17 +221,17 @@ const Le = /* @__PURE__ */ H({
           titleI18n: e.field.labelI18n,
           description: e.field.props?.description,
           descriptionI18n: e.field.props?.descriptionI18n,
-          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
+          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
           })),
           multiple: e.field.props?.multiple || !1,
           grid: e.field.props?.grid || 1,
@@ -233,7 +243,7 @@ const Le = /* @__PURE__ */ H({
           ...t,
           modelValue: e.value,
           mode: a === "time" ? "time" : "date",
-          placeholder: f,
+          placeholder: o,
           btnProps: {
             variant: e.variant === "floating" ? "outline-floating" : e.variant || "outline",
             size: e.size,
@@ -257,7 +267,7 @@ const Le = /* @__PURE__ */ H({
           fileTypes: e.field.props?.accept ? e.field.props.accept.split(",") : [],
           returnFormat: "base64",
           variant: a === "file" ? "input" : "dropzone",
-          placeholder: f,
+          placeholder: o,
           size: e.size,
           rounded: e.rounded,
           maxSize: e.field.maxFileSize ? e.field.maxFileSize * 1024 * 1024 : void 0,
@@ -277,17 +287,32 @@ const Le = /* @__PURE__ */ H({
         return {
           ...t,
           modelValue: Array.isArray(e.value) ? e.value : [],
-          placeholder: f,
+          placeholder: o,
           variant: e.variant,
           size: e.size,
           rounded: e.rounded,
           maxTags: e.field.props?.maxTags,
           class: e.field.className
         };
+      if (a === "richTextEditor")
+        return {
+          ...t,
+          modelValue: e.value ?? "",
+          placeholder: o,
+          label: void 0,
+          error: e.error,
+          minHeight: e.field.props?.minHeight || "140px",
+          maxHeight: e.field.props?.maxHeight || "220px",
+          tools: e.field.props?.tools,
+          class: e.field.className
+        };
       if (a === "color")
         return {
           ...t,
-          modelValue: e.value || "#000000"
+          modelValue: e.value || "#000000",
+          variant: e.variant,
+          size: e.size,
+          rounded: e.rounded
         };
       if (a === "iconPicker")
         return {
@@ -312,11 +337,11 @@ const Le = /* @__PURE__ */ H({
           isUpdate: e.isUpdate
         };
       if (a === "thumbnailSelector") {
-        const r = e.value && typeof e.value == "object" ? e.value : { images: [], thumbnail: null };
+        const n = e.value && typeof e.value == "object" ? e.value : { images: [], thumbnail: null };
         return {
           ...t,
-          images: Array.isArray(r.images) ? r.images : [],
-          thumbnail: r.thumbnail ?? null,
+          images: Array.isArray(n.images) ? n.images : [],
+          thumbnail: n.thumbnail ?? null,
           disabled: e.disabled || l === !0,
           loading: e.loading,
           maxSize: e.field.maxFileSize,
@@ -328,14 +353,14 @@ const Le = /* @__PURE__ */ H({
         value: e.field.props?.multiple && (e.value === null || e.value === void 0) ? [] : e.value,
         values: e.values
       } : t;
-    }), F = o(() => {
-      const a = u.value;
+    }), $ = s(() => {
+      const a = f.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 ? {
         "update:modelValue": (l) => {
-          const n = l === "" ? void 0 : Number(l);
-          v("change", { value: isNaN(n) ? void 0 : n });
+          const r = l === "" ? void 0 : Number(l);
+          v("change", { value: isNaN(r) ? void 0 : r });
         }
       } : a === "number" ? {
         "update:modelValue": S
@@ -347,9 +372,11 @@ const Le = /* @__PURE__ */ H({
         change: (l) => d(l)
       } : a === "choiceBox" ? {
         change: (l) => {
-          const n = e.field.props?.multiple;
+          const r = e.field.props?.multiple;
           let g = null;
-          n && Array.isArray(l) ? g = l.map((t) => e.field.options?.find((h) => (h.value ?? h.label) === t)?.data) : g = e.field.options?.find((t) => (t.value ?? t.label) === l)?.data, d(l, g);
+          r && Array.isArray(l) ? g = l.map(
+            (t) => e.field.options?.find((h) => (h.value ?? h.label) === t)?.data
+          ) : g = e.field.options?.find((t) => (t.value ?? t.label) === l)?.data, d(l, g);
         }
       } : a === "date" || a === "time" || a === "dateRangePicker" ? {
         change: (l) => d(l)
@@ -370,6 +397,8 @@ const Le = /* @__PURE__ */ H({
       } : a === "tags" ? {
         "update:modelValue": S,
         change: (l) => d(l)
+      } : a === "richTextEditor" ? {
+        "update:modelValue": (l) => d(l)
       } : a === "color" ? {
         change: (l) => d(l)
       } : a === "iconPicker" ? {
@@ -381,44 +410,44 @@ const Le = /* @__PURE__ */ H({
           d(l);
         },
         "update:images": (l) => {
-          const n = e.value && typeof e.value == "object" ? e.value : { images: [], thumbnail: null };
-          d({ ...n, images: l });
+          const r = e.value && typeof e.value == "object" ? e.value : { images: [], thumbnail: null };
+          d({ ...r, images: l });
         },
         "update:thumbnail": (l) => {
-          const n = e.value && typeof e.value == "object" ? e.value : { images: [], thumbnail: null };
-          d({ ...n, thumbnail: l });
+          const r = e.value && typeof e.value == "object" ? e.value : { images: [], thumbnail: null };
+          d({ ...r, thumbnail: l });
         }
       } : R(a) ? {
         onChange: (l) => {
           d(l.value, l.data);
         }
       } : {};
-    }), j = o(() => x(e.field.addonLeft) || x(e.field.addonRight)), O = o(() => {
-      const a = u.value;
+    }), j = s(() => x(e.field.addonLeft) || x(e.field.addonRight)), H = s(() => {
+      const a = f.value;
       return a === "text" || a === "email" || a === "password" || a === "tel" || a === "url" || a === "search" || !a;
-    }), D = o(() => j.value && O.value), $ = (a, l) => {
+    }), O = s(() => j.value && H.value), F = (a, l) => {
       v("addonChange", a.name, { value: l.value });
     }, C = (a) => {
       a.action && v("addonAction", a.action);
     };
-    return (a, l) => D.value ? (c(), m(V, p({ key: 0 }, {
+    return (a, l) => O.value ? (c(), m(V, p({ key: 0 }, {
       ...A.value,
       ...i.field?.props || {}
-    }, L(F.value)), q({ _: 2 }, [
+    }, L($.value)), q({ _: 2 }, [
       P(x)(i.field.addonLeft) ? {
         name: "addon-left",
-        fn: s(() => [
+        fn: u(() => [
           i.field.addonLeft.type === "select" ? (c(), m(w, p({
             key: 0,
             modelValue: i.field.addonLeft.name ? i.values[i.field.addonLeft.name] : void 0,
             options: i.field.addonLeft.options || []
           }, i.field.addonLeft.props || {}, {
-            onOnSelect: l[0] || (l[0] = (n) => $(i.field.addonLeft, n))
+            onOnSelect: l[0] || (l[0] = (r) => F(i.field.addonLeft, r))
           }), {
-            trigger: s(({ selectedLabel: n }) => [
+            trigger: u(({ selectedLabel: r }) => [
               N(z, { variant: "outline" }, {
-                default: s(() => [
-                  b(y(n), 1)
+                default: u(() => [
+                  b(y(r), 1)
                 ]),
                 _: 2
               }, 1024)
@@ -428,9 +457,9 @@ const Le = /* @__PURE__ */ H({
             key: 1,
             variant: "outline"
           }, i.field.addonLeft.props || {}, {
-            onClick: l[1] || (l[1] = (n) => C(i.field.addonLeft))
+            onClick: l[1] || (l[1] = (r) => C(i.field.addonLeft))
           }), {
-            default: s(() => [
+            default: u(() => [
               b(y(i.field.addonLeft.text), 1)
             ]),
             _: 1
@@ -440,18 +469,18 @@ const Le = /* @__PURE__ */ H({
       } : void 0,
       P(x)(i.field.addonRight) ? {
         name: "addon-right",
-        fn: s(() => [
+        fn: u(() => [
           i.field.addonRight.type === "select" ? (c(), m(w, p({
             key: 0,
             modelValue: i.field.addonRight.name ? i.values[i.field.addonRight.name] : void 0,
             options: i.field.addonRight.options || []
           }, i.field.addonRight.props || {}, {
-            onOnSelect: l[2] || (l[2] = (n) => $(i.field.addonRight, n))
+            onOnSelect: l[2] || (l[2] = (r) => F(i.field.addonRight, r))
           }), {
-            trigger: s(({ selectedLabel: n }) => [
+            trigger: u(({ selectedLabel: r }) => [
               N(z, { variant: "outline" }, {
-                default: s(() => [
-                  b(y(n), 1)
+                default: u(() => [
+                  b(y(r), 1)
                 ]),
                 _: 2
               }, 1024)
@@ -461,9 +490,9 @@ const Le = /* @__PURE__ */ H({
             key: 1,
             variant: "outline"
           }, i.field.addonRight.props || {}, {
-            onClick: l[3] || (l[3] = (n) => C(i.field.addonRight))
+            onClick: l[3] || (l[3] = (r) => C(i.field.addonRight))
           }), {
-            default: s(() => [
+            default: u(() => [
               b(y(i.field.addonRight.text), 1)
             ]),
             _: 1
@@ -471,15 +500,15 @@ const Le = /* @__PURE__ */ H({
         ]),
         key: "1"
       } : void 0
-    ]), 1040)) : (c(), m(G(T.value), p({
+    ]), 1040)) : (c(), m(G(U.value), p({
       key: 1,
-      class: u.value === "check" || u.value === "switch" && i.field.props?.switchVariant === "basic" ? "" : "w-full"
+      class: f.value === "check" || f.value === "switch" && i.field.props?.switchVariant === "basic" ? "" : "w-full"
     }, {
       ...A.value,
       ...i.field?.props || {}
-    }, L(F.value)), null, 16, ["class"]));
+    }, L($.value)), null, 16, ["class"]));
   }
 });
 export {
-  Le 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 p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-0497a604"]]);
+const d = /* @__PURE__ */ r(o, [["__scopeId", "data-v-ed7f8d6a"]]);
 export {
-  p as default
+  d as default
 };

package/components/Form/FormFields.vue2.js

@@ -59,8 +59,8 @@ const se = {
     }, L = (t) => {
       const a = F(t), e = s(t);
       let i = a != null && a !== "" && !(Array.isArray(a) && a.length === 0);
-      const T = 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 || T : i || T;
+      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) => {
       const a = s(t) || "text";
       return ["text", "email", "password", "tel", "url", "search", "textarea"].includes(a);
@@ -77,9 +77,10 @@ const se = {
         "avatarUpload",
         "fileUploader",
         "file",
-        "choiceBox"
+        "choiceBox",
+        "richTextEditor"
       ].includes(a);
-    }, z = (t) => {
+    }, T = (t) => {
       const a = l(t);
       if (!(!a || v(a)))
         return a;
@@ -141,7 +142,7 @@ const se = {
             onFocusin: (i) => M(e.name),
             onFocusout: (i) => O(e.name)
           }, [
-            w(e) && z(e) && !f(e) ? (o(), u("label", {
+            w(e) && T(e) && !f(e) ? (o(), u("label", {
               key: 0,
               for: e.name,
               class: d([
@@ -163,7 +164,7 @@ const se = {
               } : { ...e, props: { ...e.props || {}, id: e.name } },
               value: F(e),
               floatingActive: L(e),
-              label: s(e) === "customFields" ? void 0 : w(e) ? z(e) : void 0,
+              label: s(e) === "customFields" ? void 0 : w(e) ? T(e) : void 0,
               values: n.values,
               errors: n.errors,
               variant: n.variant,