@evanschleret/formforgeclient 1.1.0 → 1.1.2

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": ">=4.0.0"
   },
-  "version": "1.1.0",
+  "version": "1.1.2",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/renderers/default/FormForgeRenderer.vue

@@ -137,12 +137,55 @@ function getResolvedZodSchema() {
   }
   return internalForm.zodSchema.value;
 }
+function resolveSchemaFieldNames(schema) {
+  const names = /* @__PURE__ */ new Set();
+  if (Array.isArray(schema.fields)) {
+    for (const field of schema.fields) {
+      if (typeof field.name === "string" && field.name !== "") {
+        names.add(field.name);
+      }
+    }
+  }
+  if (Array.isArray(schema.pages)) {
+    for (const page of schema.pages) {
+      if (!Array.isArray(page.fields)) {
+        continue;
+      }
+      for (const field of page.fields) {
+        if (typeof field.name === "string" && field.name !== "") {
+          names.add(field.name);
+        }
+      }
+    }
+  }
+  return names;
+}
+function sanitizePayloadWithSchema(value, schema) {
+  if (typeof value !== "object" || value === null || Array.isArray(value)) {
+    return {};
+  }
+  const allowedFieldNames = resolveSchemaFieldNames(schema);
+  const sanitizedPayload = {};
+  for (const [key, entryValue] of Object.entries(value)) {
+    if (!allowedFieldNames.has(key)) {
+      continue;
+    }
+    sanitizedPayload[key] = entryValue;
+  }
+  return sanitizedPayload;
+}
 const formState = computed({
   get: () => {
     const value = usesExternalModel.value ? unwrapModelValueProp(props.modelValue) : internalForm.state.value;
     if (typeof value !== "object" || value === null || Array.isArray(value)) {
       return {};
     }
+    if (usesExternalModel.value) {
+      const schema = getResolvedSchema();
+      if (schema !== null) {
+        return sanitizePayloadWithSchema(value, schema);
+      }
+    }
     return value;
   },
   set: (value) => {
@@ -153,6 +196,23 @@ const formState = computed({
     internalForm.replaceState(value);
   }
 });
+watch(
+  () => [usesExternalModel.value, getResolvedSchema(), unwrapModelValueProp(props.modelValue)],
+  ([externalModel, schema, modelValue]) => {
+    if (!externalModel || schema === null) {
+      return;
+    }
+    const sanitizedValue = sanitizePayloadWithSchema(modelValue, schema);
+    if (areValuesEqual(modelValue, sanitizedValue)) {
+      return;
+    }
+    emit("update:modelValue", sanitizedValue);
+  },
+  {
+    immediate: true,
+    deep: true
+  }
+);
 const displayPages = computed(() => {
   const schema = getResolvedSchema();
   if (schema === null) {
@@ -861,6 +921,20 @@ function getFieldMetaUi(field) {
     component: componentUi
   };
 }
+function mergeUiClass(defaultClass, value) {
+  if (typeof value !== "string" || value.trim() === "") {
+    return defaultClass;
+  }
+  return `${defaultClass} ${value}`;
+}
+function getResolvedFormFieldUi(field) {
+  const metaUi = getFieldMetaUi(field).formField;
+  return {
+    ...metaUi,
+    label: mergeUiClass("text-default", metaUi?.label),
+    help: mergeUiClass("text-muted", metaUi?.help)
+  };
+}
 function getFieldValue(field) {
   return formState.value[field.name];
 }
@@ -1098,7 +1172,7 @@ async function onSubmit() {
         >
           <h3
             v-if="page.title !== ''"
-            class="text-base font-semibold"
+            class="text-base font-semibold text-default"
           >
             {{ page.title }}
           </h3>
@@ -1119,7 +1193,7 @@ async function onSubmit() {
             :label="field.label"
             :help="field.help_text"
             :required="isFieldRequired(field)"
-            :ui="getFieldMetaUi(field).formField"
+            :ui="getResolvedFormFieldUi(field)"
             @focusout="() => onFieldBlur(field.name)"
           >
             <UInput

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@evanschleret/formforgeclient",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "description": "Nuxt module and runtime client for FormForge",
   "license": "MIT",
   "type": "module",