@appmax_npm/ds-prime 1.0.0-alpha.104 → 1.0.0-alpha.106

package/amfield/index.js

@@ -1,11 +1,11 @@
-import { defineComponent as m, createPropsRestProxy as d, useAttrs as i, openBlock as o, createBlock as s, unref as b, withCtx as t, createVNode as c, resolveDynamicComponent as u, mergeProps as f } from "vue";
-import { _ } from "../AmFieldWrapper.vue_vue_type_script_setup_true_lang-DO4K4-35.js";
-import h from "primevue/inputtext";
-import { FormField as y } from "@primevue/forms";
-const P = { name: "AmField" }, A = /* @__PURE__ */ m({
-  ...P,
+import { defineComponent as m, createPropsRestProxy as p, openBlock as o, createBlock as s, unref as d, withCtx as t, createVNode as i, resolveDynamicComponent as b, mergeProps as u } from "vue";
+import { _ as c } from "../AmFieldWrapper.vue_vue_type_script_setup_true_lang-DO4K4-35.js";
+import f from "primevue/inputtext";
+import { FormField as _ } from "@primevue/forms";
+const h = { name: "AmField" }, g = /* @__PURE__ */ m({
+  ...h,
   props: {
-    as: { default: () => h },
+    as: { default: () => f },
     name: {},
     class: {},
     style: {},
@@ -14,21 +14,21 @@ const P = { name: "AmField" }, A = /* @__PURE__ */ m({
     disabled: { type: Boolean }
   },
   setup(n) {
-    const a = d(n, ["as", "help", "label"]), p = { ...i(), ...a };
-    return (e, B) => (o(), s(b(y), {
+    const a = p(n, ["as", "help", "label"]);
+    return (e, y) => (o(), s(d(_), {
       name: a.name
     }, {
       default: t((r) => {
         var l;
         return [
-          c(_, {
+          i(c, {
             help: e.help,
             label: e.label,
             error: (l = r == null ? void 0 : r.error) == null ? void 0 : l.message,
             disabled: a.disabled
           }, {
             default: t(() => [
-              (o(), s(u(e.as), f(p, { disabled: e.disabled }), null, 16, ["disabled"]))
+              (o(), s(b(e.as), u({ ...e.$attrs, ...a }, { disabled: e.disabled }), null, 16, ["disabled"]))
             ]),
             _: 2
           }, 1032, ["help", "label", "error", "disabled"])
@@ -39,5 +39,5 @@ const P = { name: "AmField" }, A = /* @__PURE__ */ m({
   }
 });
 export {
-  A as default
+  g as default
 };

package/amform/index.d.ts

@@ -1,15 +1,47 @@
-import { AllowedComponentProps, Component, DefineComponent, VNode } from 'vue';
+import type { FormFieldState, FormSubmitEvent } from '@primevue/forms';
+import type { DefineComponent, VNode } from 'vue';
 import type { ZodObject } from 'zod';
 
 export interface AmFormProps {
   schema: ZodObject;
+  modelValue?: Record<string, unknown>;
 }
 
 export interface AmFormSlots {
-  default: () => VNode[];
+  default: (
+    scope: {
+      /**
+       * Registers a form field for validation and tracking.
+       * @param field - The name of the form field to register.
+       * @param options - Configuration options for the field, such as validation rules.
+       * @returns - Returns an object or value representing the registered field.
+       */
+      register: (field: string, options: any) => any;
+      /**
+       * Resets the entire form state, clearing values and validation statuses.
+       */
+      reset: () => void;
+      /**
+       * Indicates whether the form is valid, returning `true` if all fields pass validation.
+       */
+      valid: boolean;
+      /**
+       * Each value from the form fields.
+       */
+      values: Record<string, unknown>;
+    } & {
+      /**
+       * Stores the state of each form field, with the field name as the key and its state as the value.
+       */
+      [key: string]: FormFieldState;
+    }
+  ) => VNode[];
 }
 
-export interface AmFormEmits {}
+export interface AmFormEmits {
+  submit: (event: FormSubmitEvent) => void;
+  'update:modelValue': (value: Record<string, unknown>) => void;
+}
 
 /**
  * **DS Prime - AmForm**

package/amform/index.js

@@ -1,40 +1,41 @@
-import { defineComponent as v, mergeModels as p, ref as n, useModel as _, computed as h, watch as f, nextTick as m, openBlock as k, createBlock as w, unref as c, withCtx as y, renderSlot as R, normalizeProps as V, guardReactiveProps as g } from "vue";
-import { Form as x } from "@primevue/forms";
-import { zodResolver as M } from "@primevue/forms/resolvers/zod";
-const b = { name: "AmForm" }, C = /* @__PURE__ */ v({
-  ...b,
-  props: /* @__PURE__ */ p({
-    schema: {}
+import { defineComponent as v, mergeModels as i, ref as m, useModel as p, computed as _, watch as n, openBlock as h, createBlock as V, unref as d, withCtx as R, renderSlot as g, normalizeProps as k, guardReactiveProps as M } from "vue";
+import { Form as b } from "@primevue/forms";
+import { zodResolver as j } from "@primevue/forms/resolvers/zod";
+const w = { name: "AmForm" }, B = /* @__PURE__ */ v({
+  ...w,
+  props: /* @__PURE__ */ i({
+    schema: {},
+    modelValue: {}
   }, {
     modelValue: { type: Object, default: () => ({}) },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(s) {
-    const d = M(s.schema), r = n(), l = _(s, "modelValue"), t = n(!1), i = h(() => {
-      var o;
-      const e = (o = r.value) == null ? void 0 : o.states;
-      return e ? Object.keys(e).reduce((a, u) => (a[u] = e[u].value, a), {}) : {};
+  setup(l) {
+    const f = j(l.schema), t = m(), o = p(l, "modelValue"), s = m(!1), c = _(() => {
+      var a;
+      const e = (a = t.value) == null ? void 0 : a.states;
+      return e ? Object.keys(e).reduce((r, u) => (r[u] = e[u].value, r), {}) : {};
     });
-    return f(
-      () => l.value,
-      async (e) => {
-        !r.value || t.value || (t.value = !0, r.value.setValues(e), await m(), t.value = !1);
+    return n(
+      () => o.value,
+      (e) => {
+        t.value && (s.value = !0, t.value.setValues(e));
       }
-    ), f(i, async (e) => {
-      t.value || (t.value = !0, l.value = e, await m(), t.value = !1);
-    }), (e, o) => (k(), w(c(x), {
+    ), n(c, (e) => {
+      s.value = !0, o.value = e;
+    }), (e, a) => (h(), V(d(b), {
       ref_key: "formRef",
-      ref: r,
-      resolver: c(d)
+      ref: t,
+      resolver: d(f)
     }, {
-      default: y((a) => [
-        R(e.$slots, "default", V(g(a)))
+      default: R((r) => [
+        g(e.$slots, "default", k(M({ ...r, values: o.value })))
       ]),
       _: 3
     }, 8, ["resolver"]));
   }
 });
 export {
-  C as default
+  B as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appmax_npm/ds-prime",
-  "version": "1.0.0-alpha.104",
+  "version": "1.0.0-alpha.106",
   "description": "Design System da Appmax baseado no Primevue",
   "author": "Appmax",
   "exports": {