@foormjs/vue 0.0.2 → 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,13 +67,16 @@ export declare const OoField: <TFormData, TFormContext>(__VLS_props: any, __VLS_
     emit: any;
 }>) => any;
 
-export declare const OoFoorm: <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>> & {
         "form.header"?(_: {
             clearErrors: any;
             reset: any;
+            title: any;
+            formContext: any;
+            disabled: any;
         }): any;
         "form.before"?(_: {
             clearErrors: any;
@@ -79,15 +85,21 @@ export declare const OoFoorm: <TFormData extends object, TFormContext extends ob
         "form.after"?(_: {
             clearErrors: any;
             reset: any;
+            disabled: any;
+            formContext: any;
         }): any;
         "form.submit"?(_: {
             disabled: any;
+            text: any;
             clearErrors: any;
             reset: any;
+            formContext: any;
         }): any;
         "form.footer"?(_: {
+            disabled: any;
             clearErrors: any;
             reset: any;
+            formContext: any;
         }): any;
     };
 }, __VLS_expose?: (exposed: any) => void, __VLS_setup?: Promise<{
@@ -98,6 +110,9 @@ export declare const OoFoorm: <TFormData extends object, TFormContext extends ob
         "form.header"?(_: {
             clearErrors: any;
             reset: any;
+            title: any;
+            formContext: any;
+            disabled: any;
         }): any;
         "form.before"?(_: {
             clearErrors: any;
@@ -106,25 +121,31 @@ export declare const OoFoorm: <TFormData extends object, TFormContext extends ob
         "form.after"?(_: {
             clearErrors: any;
             reset: any;
+            disabled: any;
+            formContext: any;
         }): any;
         "form.submit"?(_: {
             disabled: any;
+            text: any;
             clearErrors: any;
             reset: any;
+            formContext: any;
         }): any;
         "form.footer"?(_: {
+            disabled: any;
             clearErrors: any;
             reset: any;
+            formContext: any;
         }): any;
     };
     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;
@@ -132,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 u, watch as R, onUnmounted as T, getCurrentInstance as N, renderSlot as D, unref as x, provide as W, openBlock as m, createElementBlock as C, withModifiers as G, nextTick as J, createBlock as B, withCtx as w, toDisplayString as b, 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 f(n, r) {
-  return U(n) ? n(r) : n;
-}
-function S(n, r) {
-  if (typeof n == "object" && n !== null) {
-    const o = {};
-    for (const [t, c] of Object.entries(n))
-      o[t] = f(c, 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"), c = k(), d = k(!1), v = k(!1), _ = u(() => {
-      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 || v.value && d.value;
+            return r.value.firstSubmitHappened || v.value && h.value;
           case "on-blur":
-            return t.value.firstSubmitHappened || v.value;
+            return r.value.firstSubmitHappened || v.value;
           case "on-submit":
-            return t.value.firstSubmitHappened;
+            return r.value.firstSubmitHappened;
           case "none":
             return !1;
         }
       return !1;
-    }), h = u(() => {
-      if (_.value || c.value)
-        return p();
+    }), y = p(() => {
+      if (_.value || l.value)
+        return f();
     });
-    R([o], () => {
-      c.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: () => (c.value = p(), c.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, v.value = !1, c.value = void 0;
+        h.value = !1, v.value = !1, l.value = void 0;
       },
       reset: () => {
-        o.value = "";
+        t.value = "";
       }
     });
-    function p() {
-      var a, e, y;
-      if ((a = r.rules) != null && a.length)
-        for (const g of r.rules) {
-          const s = g(
-            o.value,
-            (e = t == null ? void 0 : t.value) == null ? void 0 : e.formData,
-            (y = t == null ? void 0 : t.value) == null ? void 0 : y.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 (s !== !0)
-            return s || "Wrong value";
+          if (d !== !0)
+            return d || "Wrong value";
         }
     }
-    function i() {
+    function u() {
       v.value = !0;
     }
-    const l = {
-      v: u({
-        get: () => o.value,
-        set: (a) => o.value = a
+    const C = {
+      v: p({
+        get: () => t.value,
+        set: (c) => t.value = c
       })
     };
-    return (a, e) => {
-      var y, g;
-      return D(a.$slots, "default", {
-        onBlur: i,
-        error: h.value,
-        formData: (y = x(t)) == null ? void 0 : y.formData,
-        formContext: (g = x(t)) == null ? void 0 : g.formContext,
-        model: l.v
+    return (c, a) => {
+      var x, m;
+      return D(c.$slots, "default", {
+        onBlur: u,
+        error: y.value,
+        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, c = /* @__PURE__ */ new Map(), d = k(!1), v = u(() => ({
-      firstSubmitHappened: d.value,
-      firstValidation: o.firstValidation,
-      register: (i, l) => {
-        c.set(i, l);
+  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: (i) => c.delete(i),
-      formData: o.formData,
-      formContext: o.formContext
+      unregister: (u) => l.delete(u),
+      formData: t.formData,
+      formContext: t.formContext
     }));
-    W("vuiless", v);
+    R("vuiless", v);
     function _() {
-      d.value = !1;
-      for (const { clearErrors: i } of c.values())
-        i();
+      h.value = !1;
+      for (const { clearErrors: u } of l.values())
+        u();
     }
-    async function h() {
-      for (const { reset: i } of c.values())
-        i();
-      await J(), _();
+    async function y() {
+      for (const { reset: u } of l.values())
+        u();
+      await G(), _();
     }
-    function p() {
-      d.value = !0;
-      let i = !1;
-      if (o.firstValidation !== "none")
-        for (const { validate: l } of c.values())
-          l() !== !0 && (i = !0);
-      i || 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 (i, l) => (m(), C("form", {
-      onSubmit: G(p, ["prevent"])
+    return (u, C) => (b(), E("form", {
+      onSubmit: W(f, ["prevent"])
     }, [
-      D(i.$slots, "default", {
+      D(u.$slots, "default", {
         clearErrors: _,
-        reset: h
+        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 = u(
+    ), 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
       })
-    ), c = u(() => f(r.label, t.value)), d = u(() => f(r.description, t.value)), v = u(() => f(r.hint, t.value)), _ = u(() => f(r.placeholder, t.value)), h = u(() => f(r.optional, t.value)), p = u(() => f(r.disabled, t.value)), i = u(() => f(r.hidden, t.value)), l = u(() => f(r.options, t.value)), a = u(() => {
-      const s = S(r.classes, t.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: p.value,
-        // error: !validation.value.passed,
-        required: !h.value
+        disabled: u.value,
+        required: !f.value
       } : {
         ...s || {},
-        disabled: p.value,
-        // error: !validation.value.passed,
-        required: !h.value
+        disabled: u.value,
+        required: !f.value
       };
-    }), e = u(
-      () => S(r.styles, t.value)
-    ), y = u(() => S(r.attrs, t.value)), g = u(() => {
+    }), x = p(
+      () => j(o.styles, r.value)
+    ), m = p(() => j(o.attrs, r.value)), d = p(() => {
       var s;
-      return (s = r.validators) == null ? void 0 : s.map(
-        (E) => (V, P, z) => E({
-          v: V,
-          data: P,
-          context: z,
-          entry: r
-        })
+      return (s = o.validators) == null ? void 0 : s.map(
+        (e) => (V, q, S) => $(
+          e,
+          {
+            v: V,
+            data: q,
+            context: S,
+            entry: o
+          },
+          !0
+        )
       );
     });
-    return (s, E) => (m(), B(x(ee), {
-      modelValue: x(o).formData[r.field],
-      "onUpdate:modelValue": E[0] || (E[0] = (V) => x(o).formData[r.field] = V),
-      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((V) => [
+      default: M((V) => [
         D(s.$slots, "default", {
           onBlur: V.onBlur,
-          error: V.error,
+          error: s.error || V.error,
           model: V.model,
-          formData: x(o).formData,
-          formContext: x(o).formContext,
-          label: c.value,
-          description: d.value,
-          hint: v.value,
-          placeholder: _.value,
+          formData: n(t).formData,
+          formContext: n(t).formContext,
+          label: n(h),
+          description: n(v),
+          hint: n(_),
+          placeholder: n(y),
           classes: {
             ...a.value,
-            error: !!V.error
+            error: !!s.error || !!V.error
           },
-          styles: e.value,
-          optional: h.value,
-          disabled: p.value,
-          hidden: i.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: l.value,
+          options: n(c),
           length: s.length,
-          required: !h.value,
+          required: !n(f),
           autocomplete: s.autocomplete,
-          attrs: y.value
+          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"], me = /* @__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,127 +257,156 @@ const ee = /* @__PURE__ */ q({
     formContext: {},
     firstValidation: {},
     components: {},
-    types: {}
+    types: {},
+    errors: {}
   },
-  emits: ["submit"],
-  setup(n, { emit: r }) {
-    const o = n, t = u(() => o.form.executable()), c = u(
+  emits: ["submit", "action", "unsupported-action"],
+  setup(i, { emit: o }) {
+    const t = i, r = p(() => t.form.executable()), l = p(
       () => ({
         v: void 0,
         data: v.value,
-        context: o.formContext,
-        entry: o
+        context: t.formContext,
+        entry: t
       })
-    ), d = k({}), v = u(() => o.formData || d.value), _ = u(
-      () => f(t.value.submit.disabled, c.value)
-    ), h = r;
-    return (p, i) => (m(), B(x(te), {
-      "first-validation": p.firstValidation,
-      onSubmit: i[0] || (i[0] = (l) => h("submit", l)),
+    ), 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": p.formContext
+      "form-context": a.formContext
     }, {
-      default: w((l) => [
-        D(p.$slots, "form.header", {
-          clearErrors: l.clearErrors,
-          reset: l.reset
+      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 ? (m(), C("h2", re, b(t.value.title), 1)) : j("", !0)
+          n(u) ? (b(), E("h2", ae, g(n(u)), 1)) : H("", !0)
         ]),
-        D(p.$slots, "form.before", {
-          clearErrors: l.clearErrors,
-          reset: l.reset
+        D(a.$slots, "form.before", {
+          clearErrors: m.clearErrors,
+          reset: m.reset
         }),
-        (m(!0), C(K, null, Q(t.value.entries, (a) => (m(), B(oe, A(M(a)), {
-          default: w((e) => [
-            D(p.$slots, `field:${e.type}`, A(M(e)), () => {
-              var y, g, s;
-              return [
-                a.component && ((y = o.components) != null && y[a.component]) ? (m(), 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]) ? (m(), C("div", ae, " [" + b(e.label) + '] Component "' + b(e.component) + '" not supplied ', 1)) : (s = o.types) != null && s[a.type] ? (m(), 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) ? (m(), C("div", {
-                  key: 3,
-                  class: X(["oo-default-field", e.classes])
-                }, [
-                  $("label", null, b(e.label), 1),
-                  e.description ? (m(), C("span", ne, b(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, b(e.error || e.hint), 1)
-                ], 2)) : e.type === "paragraph" ? (m(), C("p", ue, b(e.description), 1)) : (m(), C("div", ie, " [" + b(e.label) + '] Not supported field type "' + b(e.type) + '" ' + b(e.component), 1))
-              ];
-            })
-          ]),
-          _: 2
-        }, 1040))), 256)),
-        D(p.$slots, "form.after", {
-          clearErrors: l.clearErrors,
-          reset: l.reset
+                    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
         }),
-        D(p.$slots, "form.submit", {
-          disabled: _.value,
-          clearErrors: l.clearErrors,
-          reset: l.reset
+        D(a.$slots, "form.submit", {
+          disabled: n(y),
+          text: n(f),
+          clearErrors: m.clearErrors,
+          reset: m.reset,
+          formContext: a.formContext
         }, () => [
-          $("button", { disabled: _.value }, b(t.value.submit.text), 9, ce)
+          w("button", { disabled: n(y) }, g(n(f)), 9, ce)
         ]),
-        D(p.$slots, "form.footer", {
-          clearErrors: l.clearErrors,
-          reset: l.reset
+        D(a.$slots, "form.footer", {
+          disabled: n(y),
+          clearErrors: m.clearErrors,
+          reset: m.reset,
+          formContext: a.formContext
         })
       ]),
       _: 3
@@ -373,6 +414,6 @@ const ee = /* @__PURE__ */ q({
   }
 });
 export {
-  oe as OoField,
-  me as OoFoorm
+  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 f(l,n){return S(l)?l(n):l}function C(l,n){if(typeof l=="object"&&l!==null){const r={};for(const[o,p]of Object.entries(l))r[o]=f(p,n);return r}return S(l)?l(n):l}function S(l){return typeof l=="function"}const V=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"),p=e.ref(),d=e.ref(!1),u=e.ref(!1),h=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||u.value&&d.value;case"on-blur":return o.value.firstSubmitHappened||u.value;case"on-submit":return o.value.firstSubmitHappened;case"none":return!1}return!1}),y=e.computed(()=>{if(h.value||p.value)return m()});e.watch([r],()=>{p.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:()=>(p.value=m(),p.value||!0),clearErrors:()=>{d.value=!1,u.value=!1,p.value=void 0},reset:()=>{r.value=""}});function m(){var a,t,b;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,(b=o==null?void 0:o.value)==null?void 0:b.formContext);if(c!==!0)return c||"Wrong value"}}function i(){u.value=!0}const s={v:e.computed({get:()=>r.value,set:a=>r.value=a})};return(a,t)=>{var b,g;return e.renderSlot(a.$slots,"default",{onBlur:i,error:y.value,formData:(b=e.unref(o))==null?void 0:b.formData,formContext:(g=e.unref(o))==null?void 0:g.formContext,model:s.v})}}}),E=e.defineComponent({__name:"VuilessForm",props:{formData:{},formContext:{},firstValidation:{default:"on-change"}},emits:["submit"],setup(l,{emit:n}){const r=l,o=n,p=new Map,d=e.ref(!1),u=e.computed(()=>({firstSubmitHappened:d.value,firstValidation:r.firstValidation,register:(i,s)=>{p.set(i,s)},unregister:i=>p.delete(i),formData:r.formData,formContext:r.formContext}));e.provide("vuiless",u);function h(){d.value=!1;for(const{clearErrors:i}of p.values())i()}async function y(){for(const{reset:i}of p.values())i();await e.nextTick(),h()}function m(){d.value=!0;let i=!1;if(r.firstValidation!=="none")for(const{validate:s}of p.values())s()!==!0&&(i=!0);i||o("submit",r.formData)}return(i,s)=>(e.openBlock(),e.createElementBlock("form",{onSubmit:e.withModifiers(m,["prevent"])},[e.renderSlot(i.$slots,"default",{clearErrors:h,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:{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})),p=e.computed(()=>f(n.label,o.value)),d=e.computed(()=>f(n.description,o.value)),u=e.computed(()=>f(n.hint,o.value)),h=e.computed(()=>f(n.placeholder,o.value)),y=e.computed(()=>f(n.optional,o.value)),m=e.computed(()=>f(n.disabled,o.value)),i=e.computed(()=>f(n.hidden,o.value)),s=e.computed(()=>f(n.options,o.value)),a=e.computed(()=>{const c=C(n.classes,o.value);return typeof c=="string"?{[c]:!0,disabled:m.value,required:!y.value}:{...c||{},disabled:m.value,required:!y.value}}),t=e.computed(()=>C(n.styles,o.value)),b=e.computed(()=>C(n.attrs,o.value)),g=e.computed(()=>{var c;return(c=n.validators)==null?void 0:c.map(D=>(k,F,H)=>D({v:k,data:F,context:H,entry:n}))});return(c,D)=>(e.openBlock(),e.createBlock(e.unref(V),{modelValue:e.unref(r).formData[n.field],"onUpdate:modelValue":D[0]||(D[0]=k=>e.unref(r).formData[n.field]=k),rules:g.value},{default:e.withCtx(k=>[e.renderSlot(c.$slots,"default",{onBlur:k.onBlur,error:k.error,model:k.model,formData:e.unref(r).formData,formContext:e.unref(r).formContext,label:p.value,description:d.value,hint:u.value,placeholder:h.value,classes:{...a.value,error:!!k.error},styles:t.value,optional:y.value,disabled:m.value,hidden:i.value,type:c.type,altAction:c.altAction,component:c.component,vName:c.name,field:c.field,options:s.value,length:c.length,required:!y.value,autocomplete:c.autocomplete,attrs:b.value})]),_:3},8,["modelValue","rules"]))}}),x={key:0},N={key:1},$={key:0},q=["onUpdate:modelValue","onBlur","placeholder","autocomplete","name","type"],w={class:"oo-error-slot"},j={key:4},M={key:5},P=["disabled"],A=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()),p=e.computed(()=>({v:void 0,data:u.value,context:r.formContext,entry:r})),d=e.ref({}),u=e.computed(()=>r.formData||d.value),h=e.computed(()=>f(o.value.submit.disabled,p.value)),y=n;return(m,i)=>(e.openBlock(),e.createBlock(e.unref(E),{"first-validation":m.firstValidation,onSubmit:i[0]||(i[0]=s=>y("submit",s)),"form-data":u.value,"form-context":m.formContext},{default:e.withCtx(s=>[e.renderSlot(m.$slots,"form.header",{clearErrors:s.clearErrors,reset:s.reset},()=>[o.value.title?(e.openBlock(),e.createElementBlock("h2",x,e.toDisplayString(o.value.title),1)):e.createCommentVNode("",!0)]),e.renderSlot(m.$slots,"form.before",{clearErrors:s.clearErrors,reset:s.reset}),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.value.entries,a=>(e.openBlock(),e.createBlock(_,e.normalizeProps(e.guardReactiveProps(a)),{default:e.withCtx(t=>[e.renderSlot(m.$slots,`field:${t.type}`,e.normalizeProps(e.guardReactiveProps(t)),()=>{var b,g,c;return[a.component&&((b=r.components)!=null&&b[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":D=>t.model.value=D,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",M," ["+e.toDisplayString(t.label)+'] Not supported field type "'+e.toDisplayString(t.type)+'" '+e.toDisplayString(t.component),1))]})]),_:2},1040))),256)),e.renderSlot(m.$slots,"form.after",{clearErrors:s.clearErrors,reset:s.reset}),e.renderSlot(m.$slots,"form.submit",{disabled:h.value,clearErrors:s.clearErrors,reset:s.reset},()=>[e.createElementVNode("button",{disabled:h.value},e.toDisplayString(o.value.submit.text),9,P)]),e.renderSlot(m.$slots,"form.footer",{clearErrors:s.clearErrors,reset:s.reset})]),_:3},8,["first-validation","form-data","form-context"]))}});B.OoField=_,B.OoFoorm=A,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.2",
+  "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.2",
+    "foorm": "0.1.0",
     "vue": "^3.3.9",
     "vuiless-forms": "^0.0.3"
   },