@foormjs/vue 0.0.3 → 0.1.0

package/dist/index.d.ts

@@ -1,3 +1,6 @@
+import { TFoormEntry } from 'foorm';
+import { TFoormEntryOptions } from 'foorm';
+
 export declare const OoField: <TFormData, TFormContext>(__VLS_props: any, __VLS_ctx?: {
     attrs: any;
     emit: any;
@@ -64,7 +67,7 @@ export declare const OoField: <TFormData, TFormContext>(__VLS_props: any, __VLS_
     emit: any;
 }>) => any;
 
-export declare const OoForm: <TFormData extends object, TFormContext extends object>(__VLS_props: any, __VLS_ctx?: {
+export declare const OoForm: <TFormData = any, TFormContext = any>(__VLS_props: any, __VLS_ctx?: {
     attrs: any;
     emit: any;
     slots: Partial<Record<`field:${any}`, (_: any) => any>> & {
@@ -87,6 +90,7 @@ export declare const OoForm: <TFormData extends object, TFormContext extends obj
         }): any;
         "form.submit"?(_: {
             disabled: any;
+            text: any;
             clearErrors: any;
             reset: any;
             formContext: any;
@@ -122,6 +126,7 @@ export declare const OoForm: <TFormData extends object, TFormContext extends obj
         }): any;
         "form.submit"?(_: {
             disabled: any;
+            text: any;
             clearErrors: any;
             reset: any;
             formContext: any;
@@ -136,11 +141,11 @@ export declare const OoForm: <TFormData extends object, TFormContext extends obj
     emit: any;
 }>) => any;
 
-export declare interface TFoormComponentProps<T, TFormData, TFormContext> {
+export declare interface TFoormComponentProps<V, TFormData, TFormContext> {
     onBlur: Function;
     error?: string;
     model: {
-        value: T;
+        value: V;
     };
     formData: TFormData;
     formContext?: TFormContext;
@@ -148,16 +153,16 @@ export declare interface TFoormComponentProps<T, TFormData, TFormContext> {
     description?: string;
     hint?: string;
     placeholder?: string;
-    class?: Record<string, boolean>;
-    style?: Record<string, string>;
-    optional: boolean;
-    required: boolean;
-    disabled?: boolean;
-    hidden?: boolean;
+    class?: Record<string, boolean> | string;
+    style?: Record<string, string> | string;
+    optional?: boolean | undefined;
+    required?: boolean | undefined;
+    disabled?: boolean | undefined;
+    hidden?: boolean | undefined;
     type: string;
     altAction?: string;
     name?: string;
-    field?: string;
+    field?: TFoormEntry<V, TFormData, TFormContext, TFoormEntryOptions>;
     options?: unknown[];
     length?: number;
     autocomplete?: string;

package/dist/index.js

@@ -1,97 +1,102 @@
-import { defineComponent as q, mergeModels as I, useModel as L, inject as O, ref as k, computed as i, watch as R, onUnmounted as T, getCurrentInstance as N, renderSlot as _, unref as x, provide as W, openBlock as p, createElementBlock as V, withModifiers as G, nextTick as J, createBlock as B, withCtx as w, toDisplayString as h, createCommentVNode as j, Fragment as K, renderList as Q, normalizeProps as A, guardReactiveProps as M, resolveDynamicComponent as F, mergeProps as H, normalizeClass as X, createElementVNode as $, withDirectives as Y, vModelDynamic as Z } from "vue";
-function C(n, r) {
-  return U(n) ? n(r) : n;
-}
-function S(n, r) {
-  if (typeof n == "object" && n !== null) {
-    const o = {};
-    for (const [t, m] of Object.entries(n))
-      o[t] = C(m, r);
-    return o;
+import { defineComponent as U, mergeModels as F, useModel as T, inject as z, ref as k, computed as p, watch as I, onUnmounted as L, getCurrentInstance as O, renderSlot as D, unref as n, provide as R, openBlock as b, createElementBlock as E, withModifiers as W, nextTick as G, createBlock as B, withCtx as M, toDisplayString as g, createCommentVNode as H, Fragment as J, renderList as K, mergeProps as N, normalizeProps as Q, guardReactiveProps as X, resolveDynamicComponent as P, normalizeClass as Y, createElementVNode as w, withDirectives as Z, vModelDynamic as ee } from "vue";
+function $(i, o, t) {
+  if (typeof i == "function") {
+    if (i.__deserialized)
+      return i(o);
+    {
+      const r = t ? [o.v, o.data, o.context, o.entry] : [o.data, o.context, o.entry];
+      return i(...r);
+    }
   }
-  return U(n) ? n(r) : n;
+  return i;
 }
-function U(n) {
-  return typeof n == "function";
+function j(i, o) {
+  if (typeof i == "object" && i !== null) {
+    const t = {};
+    for (const [r, l] of Object.entries(i))
+      t[r] = $(l, o, !0);
+    return t;
+  }
+  return $(i, o, !0);
 }
-const ee = /* @__PURE__ */ q({
+const te = /* @__PURE__ */ U({
   __name: "VuilessField",
-  props: /* @__PURE__ */ I({
+  props: /* @__PURE__ */ F({
     rules: {}
   }, {
     modelValue: {},
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(n) {
-    const r = n, o = L(n, "modelValue"), t = O("vuiless"), m = k(), d = k(!1), b = k(!1), v = i(() => {
-      var a;
-      if ((a = t == null ? void 0 : t.value) != null && a.firstValidation)
-        switch (t.value.firstValidation) {
+  setup(i) {
+    const o = i, t = T(i, "modelValue"), r = z("vuiless"), l = k(), h = k(!1), v = k(!1), _ = p(() => {
+      var c;
+      if ((c = r == null ? void 0 : r.value) != null && c.firstValidation)
+        switch (r.value.firstValidation) {
           case "on-change":
-            return t.value.firstSubmitHappened || d.value;
+            return r.value.firstSubmitHappened || h.value;
           case "touched-on-blur":
-            return t.value.firstSubmitHappened || b.value && d.value;
+            return r.value.firstSubmitHappened || v.value && h.value;
           case "on-blur":
-            return t.value.firstSubmitHappened || b.value;
+            return r.value.firstSubmitHappened || v.value;
           case "on-submit":
-            return t.value.firstSubmitHappened;
+            return r.value.firstSubmitHappened;
           case "none":
             return !1;
         }
       return !1;
-    }), y = i(() => {
-      if (v.value || m.value)
-        return l();
+    }), y = p(() => {
+      if (_.value || l.value)
+        return f();
     });
-    R([o], () => {
-      m.value = void 0, d.value = !0;
-    }), T(() => {
-      var a;
-      (a = t == null ? void 0 : t.value) == null || a.unregister(N());
-    }), t != null && t.value && t.value.register(N(), {
-      validate: () => (m.value = l(), m.value || !0),
+    I([t], () => {
+      l.value = void 0, h.value = !0;
+    }), L(() => {
+      var c;
+      (c = r == null ? void 0 : r.value) == null || c.unregister(O());
+    }), r != null && r.value && r.value.register(O(), {
+      validate: () => (l.value = f(), l.value || !0),
       clearErrors: () => {
-        d.value = !1, b.value = !1, m.value = void 0;
+        h.value = !1, v.value = !1, l.value = void 0;
       },
       reset: () => {
-        o.value = "";
+        t.value = "";
       }
     });
-    function l() {
-      var a, e, f;
-      if ((a = r.rules) != null && a.length)
-        for (const g of r.rules) {
-          const u = g(
-            o.value,
-            (e = t == null ? void 0 : t.value) == null ? void 0 : e.formData,
-            (f = t == null ? void 0 : t.value) == null ? void 0 : f.formContext
+    function f() {
+      var c, a, x;
+      if ((c = o.rules) != null && c.length)
+        for (const m of o.rules) {
+          const d = m(
+            t.value,
+            (a = r == null ? void 0 : r.value) == null ? void 0 : a.formData,
+            (x = r == null ? void 0 : r.value) == null ? void 0 : x.formContext
           );
-          if (u !== !0)
-            return u || "Wrong value";
+          if (d !== !0)
+            return d || "Wrong value";
         }
     }
-    function c() {
-      b.value = !0;
+    function u() {
+      v.value = !0;
     }
-    const s = {
-      v: i({
-        get: () => o.value,
-        set: (a) => o.value = a
+    const C = {
+      v: p({
+        get: () => t.value,
+        set: (c) => t.value = c
       })
     };
-    return (a, e) => {
-      var f, g;
-      return _(a.$slots, "default", {
-        onBlur: c,
+    return (c, a) => {
+      var x, m;
+      return D(c.$slots, "default", {
+        onBlur: u,
         error: y.value,
-        formData: (f = x(t)) == null ? void 0 : f.formData,
-        formContext: (g = x(t)) == null ? void 0 : g.formContext,
-        model: s.v
+        formData: (x = n(r)) == null ? void 0 : x.formData,
+        formContext: (m = n(r)) == null ? void 0 : m.formContext,
+        model: C.v
       });
     };
   }
-}), te = /* @__PURE__ */ q({
+}), oe = /* @__PURE__ */ U({
   __name: "VuilessForm",
   props: {
     formData: {},
@@ -99,46 +104,46 @@ const ee = /* @__PURE__ */ q({
     firstValidation: { default: "on-change" }
   },
   emits: ["submit"],
-  setup(n, { emit: r }) {
-    const o = n, t = r, m = /* @__PURE__ */ new Map(), d = k(!1), b = i(() => ({
-      firstSubmitHappened: d.value,
-      firstValidation: o.firstValidation,
-      register: (c, s) => {
-        m.set(c, s);
+  setup(i, { emit: o }) {
+    const t = i, r = o, l = /* @__PURE__ */ new Map(), h = k(!1), v = p(() => ({
+      firstSubmitHappened: h.value,
+      firstValidation: t.firstValidation,
+      register: (u, C) => {
+        l.set(u, C);
       },
-      unregister: (c) => m.delete(c),
-      formData: o.formData,
-      formContext: o.formContext
+      unregister: (u) => l.delete(u),
+      formData: t.formData,
+      formContext: t.formContext
     }));
-    W("vuiless", b);
-    function v() {
-      d.value = !1;
-      for (const { clearErrors: c } of m.values())
-        c();
+    R("vuiless", v);
+    function _() {
+      h.value = !1;
+      for (const { clearErrors: u } of l.values())
+        u();
     }
     async function y() {
-      for (const { reset: c } of m.values())
-        c();
-      await J(), v();
+      for (const { reset: u } of l.values())
+        u();
+      await G(), _();
     }
-    function l() {
-      d.value = !0;
-      let c = !1;
-      if (o.firstValidation !== "none")
-        for (const { validate: s } of m.values())
-          s() !== !0 && (c = !0);
-      c || t("submit", o.formData);
+    function f() {
+      h.value = !0;
+      let u = !1;
+      if (t.firstValidation !== "none")
+        for (const { validate: C } of l.values())
+          C() !== !0 && (u = !0);
+      u || r("submit", t.formData);
     }
-    return (c, s) => (p(), V("form", {
-      onSubmit: G(l, ["prevent"])
+    return (u, C) => (b(), E("form", {
+      onSubmit: W(f, ["prevent"])
     }, [
-      _(c.$slots, "default", {
-        clearErrors: v,
+      D(u.$slots, "default", {
+        clearErrors: _,
         reset: y
       })
     ], 32));
   }
-}), oe = /* @__PURE__ */ q({
+}), re = /* @__PURE__ */ U({
   __name: "oo-field",
   props: {
     field: {},
@@ -156,88 +161,95 @@ const ee = /* @__PURE__ */ q({
     value: {},
     options: {},
     attrs: {},
-    optional: { type: Boolean },
-    disabled: { type: Boolean },
-    hidden: { type: Boolean },
+    optional: {},
+    disabled: {},
+    hidden: {},
     length: {},
-    validators: {}
+    validators: {},
+    error: {}
   },
-  setup(n) {
-    const r = n, o = O(
+  setup(i) {
+    const o = i, t = z(
       "vuiless"
-    ), t = i(
+    ), r = p(
       () => ({
-        v: o.value.formData[r.field],
-        data: o == null ? void 0 : o.value.formData,
-        context: o == null ? void 0 : o.value.formContext,
-        entry: r
+        v: t.value.formData[o.field],
+        data: t == null ? void 0 : t.value.formData,
+        context: t == null ? void 0 : t.value.formContext,
+        entry: o
       })
-    ), m = i(() => C(r.label, t.value)), d = i(() => C(r.description, t.value)), b = i(() => C(r.hint, t.value)), v = i(() => C(r.placeholder, t.value)), y = i(() => C(r.optional, t.value)), l = i(() => C(r.disabled, t.value)), c = i(() => C(r.hidden, t.value)), s = i(() => C(r.options, t.value)), a = i(() => {
-      const u = S(r.classes, t.value);
-      return typeof u == "string" ? {
-        [u]: !0,
-        disabled: l.value,
-        // error: !validation.value.passed,
-        required: !y.value
+    );
+    function l(s) {
+      return typeof s == "function" ? p(() => $(s, r.value, !0)) : k(s);
+    }
+    const h = l(o.label), v = l(o.description), _ = l(o.hint), y = l(o.placeholder), f = l(o.optional), u = l(o.disabled), C = l(o.hidden), c = l(o.options), a = p(() => {
+      const s = j(o.classes, r.value);
+      return typeof s == "string" ? {
+        [s]: !0,
+        disabled: u.value,
+        required: !f.value
       } : {
-        ...u || {},
-        disabled: l.value,
-        // error: !validation.value.passed,
-        required: !y.value
+        ...s || {},
+        disabled: u.value,
+        required: !f.value
       };
-    }), e = i(
-      () => S(r.styles, t.value)
-    ), f = i(() => S(r.attrs, t.value)), g = i(() => {
-      var u;
-      return (u = r.validators) == null ? void 0 : u.map(
-        (E) => (D, P, z) => E({
-          v: D,
-          data: P,
-          context: z,
-          entry: r
-        })
+    }), x = p(
+      () => j(o.styles, r.value)
+    ), m = p(() => j(o.attrs, r.value)), d = p(() => {
+      var s;
+      return (s = o.validators) == null ? void 0 : s.map(
+        (e) => (V, q, S) => $(
+          e,
+          {
+            v: V,
+            data: q,
+            context: S,
+            entry: o
+          },
+          !0
+        )
       );
     });
-    return (u, E) => (p(), B(x(ee), {
-      modelValue: x(o).formData[r.field],
-      "onUpdate:modelValue": E[0] || (E[0] = (D) => x(o).formData[r.field] = D),
-      rules: g.value
+    return (s, e) => (b(), B(n(te), {
+      modelValue: n(t).formData[o.field],
+      "onUpdate:modelValue": e[0] || (e[0] = (V) => n(t).formData[o.field] = V),
+      rules: d.value
     }, {
-      default: w((D) => [
-        _(u.$slots, "default", {
-          onBlur: D.onBlur,
-          error: D.error,
-          model: D.model,
-          formData: x(o).formData,
-          formContext: x(o).formContext,
-          label: m.value,
-          description: d.value,
-          hint: b.value,
-          placeholder: v.value,
+      default: M((V) => [
+        D(s.$slots, "default", {
+          onBlur: V.onBlur,
+          error: s.error || V.error,
+          model: V.model,
+          formData: n(t).formData,
+          formContext: n(t).formContext,
+          label: n(h),
+          description: n(v),
+          hint: n(_),
+          placeholder: n(y),
           classes: {
             ...a.value,
-            error: !!D.error
+            error: !!s.error || !!V.error
           },
-          styles: e.value,
-          optional: y.value,
-          disabled: l.value,
-          hidden: c.value,
-          type: u.type,
-          altAction: u.altAction,
-          component: u.component,
-          vName: u.name,
-          field: u.field,
-          options: s.value,
-          length: u.length,
-          required: !y.value,
-          autocomplete: u.autocomplete,
-          attrs: f.value
+          styles: x.value,
+          optional: n(f),
+          disabled: n(u),
+          hidden: n(C),
+          type: s.type,
+          altAction: s.altAction,
+          component: s.component,
+          vName: s.name,
+          field: s.field,
+          options: n(c),
+          length: s.length,
+          required: !n(f),
+          autocomplete: s.autocomplete,
+          attrs: m.value
         })
       ]),
       _: 3
     }, 8, ["modelValue", "rules"]));
   }
-}), re = { key: 0 }, ae = { key: 1 }, ne = { key: 0 }, le = ["onUpdate:modelValue", "onBlur", "placeholder", "autocomplete", "name", "type"], se = { class: "oo-error-slot" }, ue = { key: 4 }, ie = { key: 5 }, ce = ["disabled"], pe = /* @__PURE__ */ q({
+}), ae = { key: 0 }, ne = { key: 1 }, le = { key: 0 }, se = ["onUpdate:modelValue", "onBlur", "placeholder", "autocomplete", "name", "type"], ue = { class: "oo-error-slot" }, ie = { key: 4 }, me = { key: 5 }, ce = ["disabled"], pe = /* @__PURE__ */ U({
   __name: "oo-form",
   props: {
     form: {},
@@ -245,135 +257,156 @@ const ee = /* @__PURE__ */ q({
     formContext: {},
     firstValidation: {},
     components: {},
-    types: {}
+    types: {},
+    errors: {}
   },
-  emits: ["submit"],
-  setup(n, { emit: r }) {
-    const o = n, t = i(() => o.form.executable()), m = i(
+  emits: ["submit", "action", "unsupported-action"],
+  setup(i, { emit: o }) {
+    const t = i, r = p(() => t.form.executable()), l = p(
       () => ({
         v: void 0,
-        data: b.value,
-        context: o.formContext,
-        entry: o
+        data: v.value,
+        context: t.formContext,
+        entry: t
       })
-    ), d = k({}), b = i(() => o.formData || d.value), v = i(
-      () => C(t.value.submit.disabled, m.value)
-    ), y = r;
-    return (l, c) => (p(), B(x(te), {
-      "first-validation": l.firstValidation,
-      onSubmit: c[0] || (c[0] = (s) => y("submit", s)),
-      "form-data": b.value,
-      "form-context": l.formContext
+    ), h = k({}), v = p(() => t.formData || h.value);
+    function _(a) {
+      return typeof a == "function" ? p(() => $(a, l.value)) : k(a);
+    }
+    const y = _(r.value.submit.disabled), f = _(r.value.submit.text), u = _(r.value.title);
+    function C(a) {
+      t.form.supportsAltAction(a) ? c("action", a, v.value) : c("unsupported-action", a, v.value);
+    }
+    const c = o;
+    return (a, x) => (b(), B(n(oe), {
+      "first-validation": a.firstValidation,
+      onSubmit: x[0] || (x[0] = (m) => c("submit", m)),
+      "form-data": v.value,
+      "form-context": a.formContext
     }, {
-      default: w((s) => [
-        _(l.$slots, "form.header", {
-          clearErrors: s.clearErrors,
-          reset: s.reset,
-          title: t.value.title,
-          formContext: l.formContext,
-          disabled: v.value
+      default: M((m) => [
+        D(a.$slots, "form.header", {
+          clearErrors: m.clearErrors,
+          reset: m.reset,
+          title: n(u),
+          formContext: a.formContext,
+          disabled: n(y)
         }, () => [
-          t.value.title ? (p(), V("h2", re, h(t.value.title), 1)) : j("", !0)
+          n(u) ? (b(), E("h2", ae, g(n(u)), 1)) : H("", !0)
         ]),
-        _(l.$slots, "form.before", {
-          clearErrors: s.clearErrors,
-          reset: s.reset
+        D(a.$slots, "form.before", {
+          clearErrors: m.clearErrors,
+          reset: m.reset
         }),
-        (p(!0), V(K, null, Q(t.value.entries, (a) => (p(), B(oe, A(M(a)), {
-          default: w((e) => [
-            _(l.$slots, `field:${e.type}`, A(M(e)), () => {
-              var f, g, u;
-              return [
-                a.component && ((f = o.components) != null && f[a.component]) ? (p(), B(F(o.components[a.component]), H({
-                  key: 0,
-                  "on-blur": e.onBlur,
-                  error: e.error,
-                  model: e.model,
-                  "form-data": e.formData,
-                  "form-context": e.formContext,
-                  label: e.label,
-                  description: e.description,
-                  hint: e.hint,
-                  placeholder: e.placeholder,
-                  class: e.classes,
-                  style: e.styles,
-                  optional: e.optional,
-                  required: !e.required,
-                  disabled: e.disabled,
-                  hidden: e.hidden,
-                  type: e.type,
-                  "alt-action": e.altAction,
-                  name: e.vName,
-                  field: e,
-                  options: e.options,
-                  length: e.length,
-                  autocomplete: e.autocomplete
-                }, e.attrs), null, 16, ["on-blur", "error", "model", "form-data", "form-context", "label", "description", "hint", "placeholder", "class", "style", "optional", "required", "disabled", "hidden", "type", "alt-action", "name", "field", "options", "length", "autocomplete"])) : a.component && !((g = o.components) != null && g[a.component]) ? (p(), V("div", ae, " [" + h(e.label) + '] Component "' + h(e.component) + '" not supplied ', 1)) : (u = o.types) != null && u[a.type] ? (p(), B(F(o.types[a.type]), H({
-                  key: 2,
-                  "on-blur": e.onBlur,
-                  error: e.error,
-                  model: e.model,
-                  "form-data": e.formData,
-                  "form-context": e.formContext,
-                  label: e.label,
-                  description: e.description,
-                  hint: e.hint,
-                  placeholder: e.placeholder,
-                  class: e.classes,
-                  style: e.styles,
-                  optional: e.optional,
-                  required: !e.required,
-                  disabled: e.disabled,
-                  hidden: e.hidden,
-                  type: e.type,
-                  "alt-action": e.altAction,
-                  name: e.vName,
-                  field: e,
-                  options: e.options,
-                  length: e.length,
-                  autocomplete: e.autocomplete
-                }, e.attrs), null, 16, ["on-blur", "error", "model", "form-data", "form-context", "label", "description", "hint", "placeholder", "class", "style", "optional", "required", "disabled", "hidden", "type", "alt-action", "name", "field", "options", "length", "autocomplete"])) : ["text", "password", "number"].includes(e.type) ? (p(), V("div", {
-                  key: 3,
-                  class: X(["oo-default-field", e.classes])
-                }, [
-                  $("label", null, h(e.label), 1),
-                  e.description ? (p(), V("span", ne, h(e.description), 1)) : j("", !0),
-                  Y($("input", {
-                    "onUpdate:modelValue": (E) => e.model.value = E,
-                    onBlur: e.onBlur,
+        (b(!0), E(J, null, K(r.value.entries, (d) => {
+          var s;
+          return b(), B(re, N(d, {
+            error: (s = a.errors) == null ? void 0 : s[d.field]
+          }), {
+            default: M((e) => [
+              D(a.$slots, `field:${e.type}`, Q(X(e)), () => {
+                var V, q, S;
+                return [
+                  d.component && ((V = t.components) != null && V[d.component]) ? (b(), B(P(t.components[d.component]), N({
+                    key: 0,
+                    "on-blur": e.onBlur,
+                    error: e.error,
+                    model: e.model,
+                    "form-data": e.formData,
+                    "form-context": e.formContext,
+                    label: e.label,
+                    description: e.description,
+                    hint: e.hint,
                     placeholder: e.placeholder,
+                    class: e.classes,
+                    style: e.styles,
+                    optional: e.optional,
+                    required: !e.required,
+                    disabled: e.disabled,
+                    hidden: e.hidden,
+                    type: e.type,
+                    "alt-action": e.altAction,
+                    name: e.vName,
+                    field: e,
+                    options: e.options,
+                    length: e.length,
                     autocomplete: e.autocomplete,
+                    onAction: C
+                  }, e.attrs, {
+                    modelValue: e.model.value,
+                    "onUpdate:modelValue": (A) => e.model.value = A
+                  }), null, 16, ["on-blur", "error", "model", "form-data", "form-context", "label", "description", "hint", "placeholder", "class", "style", "optional", "required", "disabled", "hidden", "type", "alt-action", "name", "field", "options", "length", "autocomplete", "modelValue", "onUpdate:modelValue"])) : d.component && !((q = t.components) != null && q[d.component]) ? (b(), E("div", ne, " [" + g(e.label) + '] Component "' + g(e.component) + '" not supplied ', 1)) : (S = t.types) != null && S[d.type] ? (b(), B(P(t.types[d.type]), N({
+                    key: 2,
+                    "on-blur": e.onBlur,
+                    error: e.error,
+                    model: e.model,
+                    "form-data": e.formData,
+                    "form-context": e.formContext,
+                    label: e.label,
+                    description: e.description,
+                    hint: e.hint,
+                    placeholder: e.placeholder,
+                    class: e.classes,
+                    style: e.styles,
+                    optional: e.optional,
+                    required: !e.required,
+                    disabled: e.disabled,
+                    hidden: e.hidden,
+                    type: e.type,
+                    "alt-action": e.altAction,
                     name: e.vName,
-                    type: e.type
-                  }, null, 40, le), [
-                    [Z, e.model.value]
-                  ]),
-                  $("div", se, h(e.error || e.hint), 1)
-                ], 2)) : e.type === "paragraph" ? (p(), V("p", ue, h(e.description), 1)) : (p(), V("div", ie, " [" + h(e.label) + '] Not supported field type "' + h(e.type) + '" ' + h(e.component), 1))
-              ];
-            })
-          ]),
-          _: 2
-        }, 1040))), 256)),
-        _(l.$slots, "form.after", {
-          clearErrors: s.clearErrors,
-          reset: s.reset,
-          disabled: v.value,
-          formContext: l.formContext
+                    field: e,
+                    options: e.options,
+                    length: e.length,
+                    autocomplete: e.autocomplete,
+                    onAction: C
+                  }, e.attrs, {
+                    modelValue: e.model.value,
+                    "onUpdate:modelValue": (A) => e.model.value = A
+                  }), null, 16, ["on-blur", "error", "model", "form-data", "form-context", "label", "description", "hint", "placeholder", "class", "style", "optional", "required", "disabled", "hidden", "type", "alt-action", "name", "field", "options", "length", "autocomplete", "modelValue", "onUpdate:modelValue"])) : ["text", "password", "number"].includes(e.type) ? (b(), E("div", {
+                    key: 3,
+                    class: Y(["oo-default-field", e.classes])
+                  }, [
+                    w("label", null, g(e.label), 1),
+                    e.description ? (b(), E("span", le, g(e.description), 1)) : H("", !0),
+                    Z(w("input", {
+                      "onUpdate:modelValue": (A) => e.model.value = A,
+                      onBlur: e.onBlur,
+                      placeholder: e.placeholder,
+                      autocomplete: e.autocomplete,
+                      name: e.vName,
+                      type: e.type
+                    }, null, 40, se), [
+                      [ee, e.model.value]
+                    ]),
+                    w("div", ue, g(e.error || e.hint), 1)
+                  ], 2)) : e.type === "paragraph" ? (b(), E("p", ie, g(e.description), 1)) : (b(), E("div", me, " [" + g(e.label) + '] Not supported field type "' + g(e.type) + '" ' + g(e.component), 1))
+                ];
+              })
+            ]),
+            _: 2
+          }, 1040, ["error"]);
+        }), 256)),
+        D(a.$slots, "form.after", {
+          clearErrors: m.clearErrors,
+          reset: m.reset,
+          disabled: n(y),
+          formContext: a.formContext
         }),
-        _(l.$slots, "form.submit", {
-          disabled: v.value,
-          clearErrors: s.clearErrors,
-          reset: s.reset,
-          formContext: l.formContext
+        D(a.$slots, "form.submit", {
+          disabled: n(y),
+          text: n(f),
+          clearErrors: m.clearErrors,
+          reset: m.reset,
+          formContext: a.formContext
         }, () => [
-          $("button", { disabled: v.value }, h(t.value.submit.text), 9, ce)
+          w("button", { disabled: n(y) }, g(n(f)), 9, ce)
         ]),
-        _(l.$slots, "form.footer", {
-          disabled: v.value,
-          clearErrors: s.clearErrors,
-          reset: s.reset,
-          formContext: l.formContext
+        D(a.$slots, "form.footer", {
+          disabled: n(y),
+          clearErrors: m.clearErrors,
+          reset: m.reset,
+          formContext: a.formContext
         })
       ]),
       _: 3
@@ -381,6 +414,6 @@ const ee = /* @__PURE__ */ q({
   }
 });
 export {
-  oe as OoField,
+  re as OoField,
   pe as OoForm
 };

package/dist/index.umd.cjs

@@ -1 +1 @@
-(function(B,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(B=typeof globalThis<"u"?globalThis:B||self,e(B.index={},B.Vue))})(this,function(B,e){"use strict";function b(l,n){return S(l)?l(n):l}function D(l,n){if(typeof l=="object"&&l!==null){const r={};for(const[o,m]of Object.entries(l))r[o]=b(m,n);return r}return S(l)?l(n):l}function S(l){return typeof l=="function"}const E=e.defineComponent({__name:"VuilessField",props:e.mergeModels({rules:{}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(l){const n=l,r=e.useModel(l,"modelValue"),o=e.inject("vuiless"),m=e.ref(),d=e.ref(!1),f=e.ref(!1),u=e.computed(()=>{var a;if((a=o==null?void 0:o.value)!=null&&a.firstValidation)switch(o.value.firstValidation){case"on-change":return o.value.firstSubmitHappened||d.value;case"touched-on-blur":return o.value.firstSubmitHappened||f.value&&d.value;case"on-blur":return o.value.firstSubmitHappened||f.value;case"on-submit":return o.value.firstSubmitHappened;case"none":return!1}return!1}),y=e.computed(()=>{if(u.value||m.value)return s()});e.watch([r],()=>{m.value=void 0,d.value=!0}),e.onUnmounted(()=>{var a;(a=o==null?void 0:o.value)==null||a.unregister(e.getCurrentInstance())}),o!=null&&o.value&&o.value.register(e.getCurrentInstance(),{validate:()=>(m.value=s(),m.value||!0),clearErrors:()=>{d.value=!1,f.value=!1,m.value=void 0},reset:()=>{r.value=""}});function s(){var a,t,h;if((a=n.rules)!=null&&a.length)for(const g of n.rules){const c=g(r.value,(t=o==null?void 0:o.value)==null?void 0:t.formData,(h=o==null?void 0:o.value)==null?void 0:h.formContext);if(c!==!0)return c||"Wrong value"}}function p(){f.value=!0}const i={v:e.computed({get:()=>r.value,set:a=>r.value=a})};return(a,t)=>{var h,g;return e.renderSlot(a.$slots,"default",{onBlur:p,error:y.value,formData:(h=e.unref(o))==null?void 0:h.formData,formContext:(g=e.unref(o))==null?void 0:g.formContext,model:i.v})}}}),x=e.defineComponent({__name:"VuilessForm",props:{formData:{},formContext:{},firstValidation:{default:"on-change"}},emits:["submit"],setup(l,{emit:n}){const r=l,o=n,m=new Map,d=e.ref(!1),f=e.computed(()=>({firstSubmitHappened:d.value,firstValidation:r.firstValidation,register:(p,i)=>{m.set(p,i)},unregister:p=>m.delete(p),formData:r.formData,formContext:r.formContext}));e.provide("vuiless",f);function u(){d.value=!1;for(const{clearErrors:p}of m.values())p()}async function y(){for(const{reset:p}of m.values())p();await e.nextTick(),u()}function s(){d.value=!0;let p=!1;if(r.firstValidation!=="none")for(const{validate:i}of m.values())i()!==!0&&(p=!0);p||o("submit",r.formData)}return(p,i)=>(e.openBlock(),e.createElementBlock("form",{onSubmit:e.withModifiers(s,["prevent"])},[e.renderSlot(p.$slots,"default",{clearErrors:u,reset:y})],32))}}),V=e.defineComponent({__name:"oo-field",props:{field:{},altAction:{},label:{},description:{},hint:{},placeholder:{},classes:{},styles:{},type:{},component:{},autocomplete:{},name:{},value:{},options:{},attrs:{},optional:{type:Boolean},disabled:{type:Boolean},hidden:{type:Boolean},length:{},validators:{}},setup(l){const n=l,r=e.inject("vuiless"),o=e.computed(()=>({v:r.value.formData[n.field],data:r==null?void 0:r.value.formData,context:r==null?void 0:r.value.formContext,entry:n})),m=e.computed(()=>b(n.label,o.value)),d=e.computed(()=>b(n.description,o.value)),f=e.computed(()=>b(n.hint,o.value)),u=e.computed(()=>b(n.placeholder,o.value)),y=e.computed(()=>b(n.optional,o.value)),s=e.computed(()=>b(n.disabled,o.value)),p=e.computed(()=>b(n.hidden,o.value)),i=e.computed(()=>b(n.options,o.value)),a=e.computed(()=>{const c=D(n.classes,o.value);return typeof c=="string"?{[c]:!0,disabled:s.value,required:!y.value}:{...c||{},disabled:s.value,required:!y.value}}),t=e.computed(()=>D(n.styles,o.value)),h=e.computed(()=>D(n.attrs,o.value)),g=e.computed(()=>{var c;return(c=n.validators)==null?void 0:c.map(k=>(C,A,F)=>k({v:C,data:A,context:F,entry:n}))});return(c,k)=>(e.openBlock(),e.createBlock(e.unref(E),{modelValue:e.unref(r).formData[n.field],"onUpdate:modelValue":k[0]||(k[0]=C=>e.unref(r).formData[n.field]=C),rules:g.value},{default:e.withCtx(C=>[e.renderSlot(c.$slots,"default",{onBlur:C.onBlur,error:C.error,model:C.model,formData:e.unref(r).formData,formContext:e.unref(r).formContext,label:m.value,description:d.value,hint:f.value,placeholder:u.value,classes:{...a.value,error:!!C.error},styles:t.value,optional:y.value,disabled:s.value,hidden:p.value,type:c.type,altAction:c.altAction,component:c.component,vName:c.name,field:c.field,options:i.value,length:c.length,required:!y.value,autocomplete:c.autocomplete,attrs:h.value})]),_:3},8,["modelValue","rules"]))}}),_={key:0},N={key:1},$={key:0},q=["onUpdate:modelValue","onBlur","placeholder","autocomplete","name","type"],w={class:"oo-error-slot"},j={key:4},v={key:5},M=["disabled"],P=e.defineComponent({__name:"oo-form",props:{form:{},formData:{},formContext:{},firstValidation:{},components:{},types:{}},emits:["submit"],setup(l,{emit:n}){const r=l,o=e.computed(()=>r.form.executable()),m=e.computed(()=>({v:void 0,data:f.value,context:r.formContext,entry:r})),d=e.ref({}),f=e.computed(()=>r.formData||d.value),u=e.computed(()=>b(o.value.submit.disabled,m.value)),y=n;return(s,p)=>(e.openBlock(),e.createBlock(e.unref(x),{"first-validation":s.firstValidation,onSubmit:p[0]||(p[0]=i=>y("submit",i)),"form-data":f.value,"form-context":s.formContext},{default:e.withCtx(i=>[e.renderSlot(s.$slots,"form.header",{clearErrors:i.clearErrors,reset:i.reset,title:o.value.title,formContext:s.formContext,disabled:u.value},()=>[o.value.title?(e.openBlock(),e.createElementBlock("h2",_,e.toDisplayString(o.value.title),1)):e.createCommentVNode("",!0)]),e.renderSlot(s.$slots,"form.before",{clearErrors:i.clearErrors,reset:i.reset}),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.value.entries,a=>(e.openBlock(),e.createBlock(V,e.normalizeProps(e.guardReactiveProps(a)),{default:e.withCtx(t=>[e.renderSlot(s.$slots,`field:${t.type}`,e.normalizeProps(e.guardReactiveProps(t)),()=>{var h,g,c;return[a.component&&((h=r.components)!=null&&h[a.component])?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.components[a.component]),e.mergeProps({key:0,"on-blur":t.onBlur,error:t.error,model:t.model,"form-data":t.formData,"form-context":t.formContext,label:t.label,description:t.description,hint:t.hint,placeholder:t.placeholder,class:t.classes,style:t.styles,optional:t.optional,required:!t.required,disabled:t.disabled,hidden:t.hidden,type:t.type,"alt-action":t.altAction,name:t.vName,field:t,options:t.options,length:t.length,autocomplete:t.autocomplete},t.attrs),null,16,["on-blur","error","model","form-data","form-context","label","description","hint","placeholder","class","style","optional","required","disabled","hidden","type","alt-action","name","field","options","length","autocomplete"])):a.component&&!((g=r.components)!=null&&g[a.component])?(e.openBlock(),e.createElementBlock("div",N," ["+e.toDisplayString(t.label)+'] Component "'+e.toDisplayString(t.component)+'" not supplied ',1)):(c=r.types)!=null&&c[a.type]?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.types[a.type]),e.mergeProps({key:2,"on-blur":t.onBlur,error:t.error,model:t.model,"form-data":t.formData,"form-context":t.formContext,label:t.label,description:t.description,hint:t.hint,placeholder:t.placeholder,class:t.classes,style:t.styles,optional:t.optional,required:!t.required,disabled:t.disabled,hidden:t.hidden,type:t.type,"alt-action":t.altAction,name:t.vName,field:t,options:t.options,length:t.length,autocomplete:t.autocomplete},t.attrs),null,16,["on-blur","error","model","form-data","form-context","label","description","hint","placeholder","class","style","optional","required","disabled","hidden","type","alt-action","name","field","options","length","autocomplete"])):["text","password","number"].includes(t.type)?(e.openBlock(),e.createElementBlock("div",{key:3,class:e.normalizeClass(["oo-default-field",t.classes])},[e.createElementVNode("label",null,e.toDisplayString(t.label),1),t.description?(e.openBlock(),e.createElementBlock("span",$,e.toDisplayString(t.description),1)):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":k=>t.model.value=k,onBlur:t.onBlur,placeholder:t.placeholder,autocomplete:t.autocomplete,name:t.vName,type:t.type},null,40,q),[[e.vModelDynamic,t.model.value]]),e.createElementVNode("div",w,e.toDisplayString(t.error||t.hint),1)],2)):t.type==="paragraph"?(e.openBlock(),e.createElementBlock("p",j,e.toDisplayString(t.description),1)):(e.openBlock(),e.createElementBlock("div",v," ["+e.toDisplayString(t.label)+'] Not supported field type "'+e.toDisplayString(t.type)+'" '+e.toDisplayString(t.component),1))]})]),_:2},1040))),256)),e.renderSlot(s.$slots,"form.after",{clearErrors:i.clearErrors,reset:i.reset,disabled:u.value,formContext:s.formContext}),e.renderSlot(s.$slots,"form.submit",{disabled:u.value,clearErrors:i.clearErrors,reset:i.reset,formContext:s.formContext},()=>[e.createElementVNode("button",{disabled:u.value},e.toDisplayString(o.value.submit.text),9,M)]),e.renderSlot(s.$slots,"form.footer",{disabled:u.value,clearErrors:i.clearErrors,reset:i.reset,formContext:s.formContext})]),_:3},8,["first-validation","form-data","form-context"]))}});B.OoField=V,B.OoForm=P,Object.defineProperty(B,Symbol.toStringTag,{value:"Module"})});
+(function(V,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(V=typeof globalThis<"u"?globalThis:V||self,e(V.index={},V.Vue))})(this,function(V,e){"use strict";function B(c,r,o){if(typeof c=="function"){if(c.__deserialized)return c(r);{const n=o?[r.v,r.data,r.context,r.entry]:[r.data,r.context,r.entry];return c(...n)}}return c}function E(c,r){if(typeof c=="object"&&c!==null){const o={};for(const[n,l]of Object.entries(c))o[n]=B(l,r,!0);return o}return B(c,r,!0)}const A=e.defineComponent({__name:"VuilessField",props:e.mergeModels({rules:{}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(c){const r=c,o=e.useModel(c,"modelValue"),n=e.inject("vuiless"),l=e.ref(),f=e.ref(!1),u=e.ref(!1),C=e.computed(()=>{var d;if((d=n==null?void 0:n.value)!=null&&d.firstValidation)switch(n.value.firstValidation){case"on-change":return n.value.firstSubmitHappened||f.value;case"touched-on-blur":return n.value.firstSubmitHappened||u.value&&f.value;case"on-blur":return n.value.firstSubmitHappened||u.value;case"on-submit":return n.value.firstSubmitHappened;case"none":return!1}return!1}),y=e.computed(()=>{if(C.value||l.value)return b()});e.watch([o],()=>{l.value=void 0,f.value=!0}),e.onUnmounted(()=>{var d;(d=n==null?void 0:n.value)==null||d.unregister(e.getCurrentInstance())}),n!=null&&n.value&&n.value.register(e.getCurrentInstance(),{validate:()=>(l.value=b(),l.value||!0),clearErrors:()=>{f.value=!1,u.value=!1,l.value=void 0},reset:()=>{o.value=""}});function b(){var d,a,k;if((d=r.rules)!=null&&d.length)for(const m of r.rules){const p=m(o.value,(a=n==null?void 0:n.value)==null?void 0:a.formData,(k=n==null?void 0:n.value)==null?void 0:k.formContext);if(p!==!0)return p||"Wrong value"}}function i(){u.value=!0}const h={v:e.computed({get:()=>o.value,set:d=>o.value=d})};return(d,a)=>{var k,m;return e.renderSlot(d.$slots,"default",{onBlur:i,error:y.value,formData:(k=e.unref(n))==null?void 0:k.formData,formContext:(m=e.unref(n))==null?void 0:m.formContext,model:h.v})}}}),N=e.defineComponent({__name:"VuilessForm",props:{formData:{},formContext:{},firstValidation:{default:"on-change"}},emits:["submit"],setup(c,{emit:r}){const o=c,n=r,l=new Map,f=e.ref(!1),u=e.computed(()=>({firstSubmitHappened:f.value,firstValidation:o.firstValidation,register:(i,h)=>{l.set(i,h)},unregister:i=>l.delete(i),formData:o.formData,formContext:o.formContext}));e.provide("vuiless",u);function C(){f.value=!1;for(const{clearErrors:i}of l.values())i()}async function y(){for(const{reset:i}of l.values())i();await e.nextTick(),C()}function b(){f.value=!0;let i=!1;if(o.firstValidation!=="none")for(const{validate:h}of l.values())h()!==!0&&(i=!0);i||n("submit",o.formData)}return(i,h)=>(e.openBlock(),e.createElementBlock("form",{onSubmit:e.withModifiers(b,["prevent"])},[e.renderSlot(i.$slots,"default",{clearErrors:C,reset:y})],32))}}),_=e.defineComponent({__name:"oo-field",props:{field:{},altAction:{},label:{},description:{},hint:{},placeholder:{},classes:{},styles:{},type:{},component:{},autocomplete:{},name:{},value:{},options:{},attrs:{},optional:{},disabled:{},hidden:{},length:{},validators:{},error:{}},setup(c){const r=c,o=e.inject("vuiless"),n=e.computed(()=>({v:o.value.formData[r.field],data:o==null?void 0:o.value.formData,context:o==null?void 0:o.value.formContext,entry:r}));function l(s){return typeof s=="function"?e.computed(()=>B(s,n.value,!0)):e.ref(s)}const f=l(r.label),u=l(r.description),C=l(r.hint),y=l(r.placeholder),b=l(r.optional),i=l(r.disabled),h=l(r.hidden),d=l(r.options),a=e.computed(()=>{const s=E(r.classes,n.value);return typeof s=="string"?{[s]:!0,disabled:i.value,required:!b.value}:{...s||{},disabled:i.value,required:!b.value}}),k=e.computed(()=>E(r.styles,n.value)),m=e.computed(()=>E(r.attrs,n.value)),p=e.computed(()=>{var s;return(s=r.validators)==null?void 0:s.map(t=>(g,S,x)=>B(t,{v:g,data:S,context:x,entry:r},!0))});return(s,t)=>(e.openBlock(),e.createBlock(e.unref(A),{modelValue:e.unref(o).formData[r.field],"onUpdate:modelValue":t[0]||(t[0]=g=>e.unref(o).formData[r.field]=g),rules:p.value},{default:e.withCtx(g=>[e.renderSlot(s.$slots,"default",{onBlur:g.onBlur,error:s.error||g.error,model:g.model,formData:e.unref(o).formData,formContext:e.unref(o).formContext,label:e.unref(f),description:e.unref(u),hint:e.unref(C),placeholder:e.unref(y),classes:{...a.value,error:!!s.error||!!g.error},styles:k.value,optional:e.unref(b),disabled:e.unref(i),hidden:e.unref(h),type:s.type,altAction:s.altAction,component:s.component,vName:s.name,field:s.field,options:e.unref(d),length:s.length,required:!e.unref(b),autocomplete:s.autocomplete,attrs:m.value})]),_:3},8,["modelValue","rules"]))}}),$={key:0},q={key:1},w={key:0},j=["onUpdate:modelValue","onBlur","placeholder","autocomplete","name","type"],U={class:"oo-error-slot"},M={key:4},O={key:5},P=["disabled"],H=e.defineComponent({__name:"oo-form",props:{form:{},formData:{},formContext:{},firstValidation:{},components:{},types:{},errors:{}},emits:["submit","action","unsupported-action"],setup(c,{emit:r}){const o=c,n=e.computed(()=>o.form.executable()),l=e.computed(()=>({v:void 0,data:u.value,context:o.formContext,entry:o})),f=e.ref({}),u=e.computed(()=>o.formData||f.value);function C(a){return typeof a=="function"?e.computed(()=>B(a,l.value)):e.ref(a)}const y=C(n.value.submit.disabled),b=C(n.value.submit.text),i=C(n.value.title);function h(a){o.form.supportsAltAction(a)?d("action",a,u.value):d("unsupported-action",a,u.value)}const d=r;return(a,k)=>(e.openBlock(),e.createBlock(e.unref(N),{"first-validation":a.firstValidation,onSubmit:k[0]||(k[0]=m=>d("submit",m)),"form-data":u.value,"form-context":a.formContext},{default:e.withCtx(m=>[e.renderSlot(a.$slots,"form.header",{clearErrors:m.clearErrors,reset:m.reset,title:e.unref(i),formContext:a.formContext,disabled:e.unref(y)},()=>[e.unref(i)?(e.openBlock(),e.createElementBlock("h2",$,e.toDisplayString(e.unref(i)),1)):e.createCommentVNode("",!0)]),e.renderSlot(a.$slots,"form.before",{clearErrors:m.clearErrors,reset:m.reset}),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.value.entries,p=>{var s;return e.openBlock(),e.createBlock(_,e.mergeProps(p,{error:(s=a.errors)==null?void 0:s[p.field]}),{default:e.withCtx(t=>[e.renderSlot(a.$slots,`field:${t.type}`,e.normalizeProps(e.guardReactiveProps(t)),()=>{var g,S,x;return[p.component&&((g=o.components)!=null&&g[p.component])?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.components[p.component]),e.mergeProps({key:0,"on-blur":t.onBlur,error:t.error,model:t.model,"form-data":t.formData,"form-context":t.formContext,label:t.label,description:t.description,hint:t.hint,placeholder:t.placeholder,class:t.classes,style:t.styles,optional:t.optional,required:!t.required,disabled:t.disabled,hidden:t.hidden,type:t.type,"alt-action":t.altAction,name:t.vName,field:t,options:t.options,length:t.length,autocomplete:t.autocomplete,onAction:h},t.attrs,{modelValue:t.model.value,"onUpdate:modelValue":D=>t.model.value=D}),null,16,["on-blur","error","model","form-data","form-context","label","description","hint","placeholder","class","style","optional","required","disabled","hidden","type","alt-action","name","field","options","length","autocomplete","modelValue","onUpdate:modelValue"])):p.component&&!((S=o.components)!=null&&S[p.component])?(e.openBlock(),e.createElementBlock("div",q," ["+e.toDisplayString(t.label)+'] Component "'+e.toDisplayString(t.component)+'" not supplied ',1)):(x=o.types)!=null&&x[p.type]?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.types[p.type]),e.mergeProps({key:2,"on-blur":t.onBlur,error:t.error,model:t.model,"form-data":t.formData,"form-context":t.formContext,label:t.label,description:t.description,hint:t.hint,placeholder:t.placeholder,class:t.classes,style:t.styles,optional:t.optional,required:!t.required,disabled:t.disabled,hidden:t.hidden,type:t.type,"alt-action":t.altAction,name:t.vName,field:t,options:t.options,length:t.length,autocomplete:t.autocomplete,onAction:h},t.attrs,{modelValue:t.model.value,"onUpdate:modelValue":D=>t.model.value=D}),null,16,["on-blur","error","model","form-data","form-context","label","description","hint","placeholder","class","style","optional","required","disabled","hidden","type","alt-action","name","field","options","length","autocomplete","modelValue","onUpdate:modelValue"])):["text","password","number"].includes(t.type)?(e.openBlock(),e.createElementBlock("div",{key:3,class:e.normalizeClass(["oo-default-field",t.classes])},[e.createElementVNode("label",null,e.toDisplayString(t.label),1),t.description?(e.openBlock(),e.createElementBlock("span",w,e.toDisplayString(t.description),1)):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":D=>t.model.value=D,onBlur:t.onBlur,placeholder:t.placeholder,autocomplete:t.autocomplete,name:t.vName,type:t.type},null,40,j),[[e.vModelDynamic,t.model.value]]),e.createElementVNode("div",U,e.toDisplayString(t.error||t.hint),1)],2)):t.type==="paragraph"?(e.openBlock(),e.createElementBlock("p",M,e.toDisplayString(t.description),1)):(e.openBlock(),e.createElementBlock("div",O," ["+e.toDisplayString(t.label)+'] Not supported field type "'+e.toDisplayString(t.type)+'" '+e.toDisplayString(t.component),1))]})]),_:2},1040,["error"])}),256)),e.renderSlot(a.$slots,"form.after",{clearErrors:m.clearErrors,reset:m.reset,disabled:e.unref(y),formContext:a.formContext}),e.renderSlot(a.$slots,"form.submit",{disabled:e.unref(y),text:e.unref(b),clearErrors:m.clearErrors,reset:m.reset,formContext:a.formContext},()=>[e.createElementVNode("button",{disabled:e.unref(y)},e.toDisplayString(e.unref(b)),9,P)]),e.renderSlot(a.$slots,"form.footer",{disabled:e.unref(y),clearErrors:m.clearErrors,reset:m.reset,formContext:a.formContext})]),_:3},8,["first-validation","form-data","form-context"]))}});V.OoField=_,V.OoForm=H,Object.defineProperty(V,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@foormjs/vue",
-  "version": "0.0.3",
+  "version": "0.1.0",
   "description": "@foormjs/vue",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -47,7 +47,7 @@
     "type-check": "vue-tsc --build --force"
   },
   "dependencies": {
-    "foorm": "0.0.3",
+    "foorm": "0.1.0",
     "vue": "^3.3.9",
     "vuiless-forms": "^0.0.3"
   },