adverich-kun-ui 0.1.478 → 0.1.480

package/dist/components/KunForm/src/components/KunForm.vue.js

@@ -1,5 +1,5 @@
-import { ref as l, provide as s, createElementBlock as h, openBlock as y, mergeProps as x, withModifiers as S, renderSlot as w } from "vue";
-const b = {
+import { ref as u, computed as b, provide as w, watch as x, createElementBlock as S, openBlock as E, mergeProps as F, withModifiers as O, renderSlot as _ } from "vue";
+const k = {
   __name: "KunForm",
   props: {
     gap: {
@@ -13,51 +13,77 @@ const b = {
     maxWidth: {
       type: String,
       default: "max-w-full"
+    },
+    modelValue: {
+      // v-model para exponer validez
+      type: Boolean,
+      default: !0
+    },
+    validateOn: {
+      // submit, lazy, input
+      type: String,
+      default: "submit"
     }
   },
-  emits: ["submit"],
-  setup(o, { expose: u, emit: f }) {
-    const i = o, d = f, a = l([]), r = l(!0);
-    function p(e) {
-      a.value.push(e);
+  emits: ["update:modelValue", "submit"],
+  setup(s, { expose: d, emit: f }) {
+    const i = s, n = f, a = u([]), l = u(!0), c = u(!1), p = u(null), m = b(() => l.value);
+    function v(e) {
+      a.value.includes(e) || a.value.push(e);
     }
-    function c(e) {
+    function y(e) {
       a.value = a.value.filter((t) => t !== e);
     }
-    async function n() {
+    async function o() {
       const e = await Promise.all(
-        a.value.map(async (t) => await t.validate())
+        a.value.map(async (t) => typeof t.validate == "function" ? await t.validate() : !0)
       );
-      return r.value = e.every((t) => t === !0), { valid: r.value };
+      return l.value = e.every((t) => t === !0), n("update:modelValue", l.value), { valid: l.value };
     }
-    function m() {
+    function g() {
       a.value.forEach((e) => {
-        e.reset && e.reset();
-      });
+        typeof e.reset == "function" && e.reset();
+      }), r();
     }
-    function v() {
+    function r() {
       a.value.forEach((e) => {
-        e.resetValidation && e.resetValidation();
-      });
-    }
-    function g(e) {
-      e && typeof e.preventDefault == "function" && e.preventDefault(), n().then(({ valid: t }) => {
-        t && d("submit", e);
-      });
-    }
-    return s("registerField", p), s("unregisterField", c), u({
-      validate: n,
-      reset: m,
-      resetValidation: v
-    }), (e, t) => (y(), h("form", x({
-      onSubmit: S(g, ["prevent"]),
+        typeof e.resetValidation == "function" && e.resetValidation();
+      }), l.value = !0, n("update:modelValue", !0);
+    }
+    async function h(e) {
+      if (i.validateOn === "submit") {
+        const { valid: t } = await o();
+        t && n("submit", e);
+      } else
+        n("submit", e);
+    }
+    function V() {
+      i.validateOn === "input" && o();
+    }
+    return w("kunForm", {
+      registerField: v,
+      unregisterField: y,
+      onFieldChange: V,
+      validateOn: i.validateOn
+    }), d({
+      validate: o,
+      reset: g,
+      resetValidation: r,
+      valid: m,
+      isDirty: c
+    }), x(l, (e) => {
+      n("update:modelValue", e);
+    }), (e, t) => (E(), S("form", F({
+      ref_key: "formEl",
+      ref: p,
+      class: `flex flex-col w-full ${i.gap} ${i.padding} ${i.maxWidth}`,
       novalidate: "",
-      class: `flex flex-col w-full ${i.gap} ${i.padding} ${i.maxWidth}`
+      onSubmit: O(h, ["prevent"])
     }, e.$attrs), [
-      w(e.$slots, "default")
+      _(e.$slots, "default")
     ], 16));
   }
 };
 export {
-  b as default
+  k as default
 };

package/dist/utils/tableFormatters.js

@@ -58,7 +58,7 @@ const e = {
       hour: "2-digit",
       minute: "2-digit",
       second: "2-digit",
-      hourCycle: "h24"
+      hourCycle: "h23"
     }).format(n);
   },
   secondsToTime: (t) => m(t ?? 0)

package/package.json

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