adverich-kun-ui 0.1.183 → 0.1.184

package/dist/components/KunTextarea/src/composables/KunTextareaProps.js

@@ -1,15 +1,16 @@
 const e = {
-  modelValue: [String, Number],
+  modelValue: [String, Number, Array, Object, Boolean],
+  formatModel: {
+    type: String,
+    default: "auto"
+    // auto | raw | json
+  },
   label: String,
   placeholder: String,
-  rows: {
-    type: [String, Number],
-    default: 1
-  },
+  rows: { type: [String, Number], default: 1 },
   autoGrow: Boolean,
   noResize: Boolean,
   maxRows: [Number, String],
-  // 🔧 Agregado
   clearable: Boolean,
   clearIcon: {
     type: [String, Function, Object],
@@ -17,14 +18,8 @@ const e = {
   },
   disabled: Boolean,
   readonly: Boolean,
-  variant: {
-    type: String,
-    default: "filled"
-  },
-  density: {
-    type: String,
-    default: "default"
-  },
+  variant: { type: String, default: "filled" },
+  density: { type: String, default: "default" },
   // Estilo
   rounded: [Boolean, String, Number],
   tile: Boolean,
@@ -60,17 +55,11 @@ const e = {
   validateOn: String,
   hint: String,
   persistentHint: Boolean,
-  hideDetails: {
-    type: [Boolean, String],
-    default: !1
-  },
+  hideDetails: { type: [Boolean, String], default: !1 },
   persistentCounter: Boolean,
   // Loader
   loading: Boolean,
-  loadingColor: {
-    type: String,
-    default: "bg-slate-500"
-  }
+  loadingColor: { type: String, default: "bg-slate-500" }
 };
 export {
   e as kunTextareaProps

package/dist/components/KunTextarea/src/composables/useKunTextareaComposable.js

@@ -1,58 +1,76 @@
-import { ref as i, watch as E, nextTick as m, onMounted as k, computed as y } from "vue";
-function F(t, n, h) {
-  const f = i(!1), s = i(t.modelValue ?? "");
-  E(() => t.modelValue, (e) => {
-    s.value = e ?? "", t.autoGrow && m(c);
+import { ref as n, watch as N, nextTick as M, onMounted as T, computed as V } from "vue";
+function k(t, s, l) {
+  const h = n(!1), w = n(t.modelValue), g = (e) => {
+    if (t.formatModel === "raw") return String(e ?? "");
+    if ((t.formatModel === "json" || t.formatModel === "auto") && typeof e == "object" && e !== null)
+      try {
+        return JSON.stringify(e, null, 2);
+      } catch {
+        return String(e);
+      }
+    return String(e ?? "");
+  }, m = (e) => {
+    if (t.formatModel === "raw") return e;
+    try {
+      const a = JSON.parse(e);
+      if (t.formatModel === "json" || t.formatModel === "auto")
+        return a;
+    } catch {
+    }
+    return e;
+  }, o = n(g(t.modelValue));
+  N(() => t.modelValue, (e) => {
+    w.value = e, o.value = g(e), t.autoGrow && M(c);
   });
-  const g = (e) => {
-    s.value = e, n("update:modelValue", e);
-  }, x = () => {
-    g(""), n("click:clear");
+  const v = (e) => {
+    o.value = e;
+    const a = m(e);
+    s("update:modelValue", a);
+  }, H = () => {
+    v(""), s("click:clear");
   }, c = () => {
-    if (!h.value) return;
-    const e = h.value;
-    e.style.height = "auto", e.style.overflowY = "hidden";
-    const u = e.scrollHeight, d = getComputedStyle(e).lineHeight, o = parseFloat(d) || 24, l = Number(t.maxRows || 0);
-    if (t.maxRows && l > 0) {
-      const r = l * o;
-      e.style.height = Math.min(u, r) + "px";
+    if (!l.value) return;
+    l.value.style.height = "auto", l.value.style.overflowY = "hidden";
+    const e = l.value.scrollHeight, a = parseFloat(getComputedStyle(l.value).lineHeight || "24"), i = Number(t.maxRows || 0);
+    if (t.maxRows && i > 0) {
+      const u = i * a;
+      l.value.style.height = Math.min(e, u) + "px";
     } else
-      e.style.height = u + "px";
+      l.value.style.height = e + "px";
   };
-  k(() => {
-    t.autoGrow && m(c);
+  T(() => {
+    t.autoGrow && M(c);
   });
-  const a = i([]), V = i(!0), w = (e = !1) => {
-    const u = t.validationValue ?? s.value, d = t.rules ?? [], o = [];
-    for (const l of d) {
-      const r = typeof l == "function" ? l(u) : l;
-      typeof r == "string" ? o.push(r) : r === !1 && o.push("Campo inválido");
+  const r = n([]), S = n(!0), j = (e = !1) => {
+    const a = t.validationValue ?? m(o.value), i = t.rules ?? [], u = [];
+    for (const d of i) {
+      const f = typeof d == "function" ? d(a) : d;
+      typeof f == "string" ? u.push(f) : f === !1 && u.push("Campo inválido");
     }
-    return a.value = o.slice(0, t.maxErrors ?? 1), e || n("update:focused", f.value), a.value;
-  }, v = () => {
-    a.value = [];
-  }, H = () => {
-    s.value = "", v(), n("update:modelValue", "");
-  }, M = y(() => t.error || a.value.length > 0), C = y(() => {
+    return r.value = u.slice(0, t.maxErrors ?? 1), e || s("update:focused", h.value), r.value;
+  }, y = () => {
+    r.value = [];
+  }, x = () => {
+    o.value = "", y(), s("update:modelValue", "");
+  }, C = V(() => t.error || r.value.length > 0), E = V(() => {
     var e;
-    return (e = t.errorMessages) != null && e.length ? Array.isArray(t.errorMessages) ? t.errorMessages : [t.errorMessages] : a.value;
+    return (e = t.errorMessages) != null && e.length ? Array.isArray(t.errorMessages) ? t.errorMessages : [t.errorMessages] : r.value;
   });
   return {
-    isFocused: f,
-    internalValue: s,
-    updateValue: g,
-    handleClear: x,
+    isFocused: h,
+    internalValue: o,
+    updateValue: v,
+    handleClear: H,
     adjustHeight: c,
-    // validación
-    isPristine: V,
-    validate: w,
-    reset: H,
-    resetValidation: v,
-    validationErrors: a,
-    hasError: M,
-    displayedMessages: C
+    isPristine: S,
+    validate: j,
+    reset: x,
+    resetValidation: y,
+    validationErrors: r,
+    hasError: C,
+    displayedMessages: E
   };
 }
 export {
-  F as useKunTextarea
+  k as useKunTextarea
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adverich-kun-ui",
-  "version": "0.1.183",
+  "version": "0.1.184",
   "type": "module",
   "description": "Una librería de componentes Vue.js con Tailwind CSS",
   "main": "dist/index.js",