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

package/amform/index.d.ts

@@ -1,15 +1,48 @@
-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;
+  debug?: boolean;
+  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,42 @@
-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 { defineComponent as p, mergeModels as g, ref as n, useModel as V, computed as b, watch as d, nextTick as f, openBlock as h, createBlock as y, unref as c, withCtx as k, renderSlot as x, normalizeProps as R, guardReactiveProps as w } from "vue";
+import { Form as B } from "@primevue/forms";
 import { zodResolver as M } from "@primevue/forms/resolvers/zod";
-const b = { name: "AmForm" }, C = /* @__PURE__ */ v({
-  ...b,
-  props: /* @__PURE__ */ p({
-    schema: {}
+const _ = { name: "AmForm" }, F = /* @__PURE__ */ p({
+  ..._,
+  props: /* @__PURE__ */ g({
+    schema: {},
+    debug: { type: Boolean },
+    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, { expose: m }) {
+    const i = M(l.schema), t = n(), o = V(l, "modelValue"), a = n(!1), v = b(() => {
+      var r;
+      const e = (r = t.value) == null ? void 0 : r.states;
+      return e ? Object.keys(e).reduce((u, s) => (u[s] = e[s].value, u), {}) : {};
     });
-    return f(
-      () => l.value,
+    return d(
+      () => o.value,
       async (e) => {
-        !r.value || t.value || (t.value = !0, r.value.setValues(e), await m(), t.value = !1);
+        !t.value || a.value || (a.value = !0, t.value.setValues(e), l.debug && console.log("Values updated: down", e), await f(), a.value = !1);
       }
-    ), f(i, async (e) => {
-      t.value || (t.value = !0, l.value = e, await m(), t.value = !1);
-    }), (e, o) => (k(), w(c(x), {
+    ), d(v, async (e) => {
+      a.value || (a.value = !0, o.value = e, l.debug && console.log("Values updated: up", e), await f(), a.value = !1);
+    }), m({ ...t.value, values: o }), (e, r) => (h(), y(c(B), {
       ref_key: "formRef",
-      ref: r,
-      resolver: c(d)
+      ref: t,
+      resolver: c(i)
     }, {
-      default: y((a) => [
-        R(e.$slots, "default", V(g(a)))
+      default: k((u) => [
+        x(e.$slots, "default", R(w({ ...u, values: o.value })))
       ]),
       _: 3
     }, 8, ["resolver"]));
   }
 });
 export {
-  C as default
+  F 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.105",
   "description": "Design System da Appmax baseado no Primevue",
   "author": "Appmax",
   "exports": {