@groupteknology/vuno 0.3.0 → 0.6.0

package/dist/runtime/app/components/Form/FormModal.vue

@@ -33,50 +33,51 @@ function onSubmit(event) {
 </script>
 
 <template>
-    <UModal
-        v-model:open="open"
-        :description="props.description"
-        :dismissible="!props.loading"
-        scrollable
-        :title="props.title"
-        :ui="modalUi"
-    >
-        <slot name="trigger" />
-
-        <template #body>
-            <Form
-                :id="formId"
-                ref="form"
-                v-model:state="state"
-                :definition="props.definition"
-                :schema="props.schema"
-                :ui="props.formUi"
-                @submit="onSubmit"
-            />
-        </template>
-
-        <template #footer>
-            <slot
-                :close="close"
-                :dirty="form?.dirty ?? false"
-                :loading="props.loading ?? false"
-                name="footer"
-                :reset="() => form?.reset?.()"
-            >
-                <UButton
-                    color="neutral"
-                    :disabled="props.loading"
-                    :label="messages.cancel"
-                    variant="ghost"
-                    @click="close"
-                />
-                <UButton
-                    :form="formId"
-                    :label="messages.save"
-                    :loading="props.loading"
-                    type="submit"
-                />
-            </slot>
-        </template>
-    </UModal>
+    <UModal
+        v-model:open="open"
+        :description="props.description"
+        :dismissible="!props.loading"
+        scrollable
+        :title="props.title"
+        :ui="modalUi"
+    >
+        <slot name="trigger" />
+
+        <template #body>
+            <Form
+                :id="formId"
+                ref="form"
+                v-model:state="state"
+                :definition="props.definition"
+                :schema="props.schema"
+                :ui="props.formUi"
+                @submit="onSubmit"
+            />
+        </template>
+
+        <template #footer>
+            <slot
+                :close="close"
+                :dirty="form?.dirty ?? false"
+                :formId="formId"
+                :loading="props.loading ?? false"
+                name="footer"
+                :reset="() => form?.reset?.()"
+            >
+                <UButton
+                    color="neutral"
+                    :disabled="props.loading"
+                    :label="messages.cancel"
+                    variant="ghost"
+                    @click="close"
+                />
+                <UButton
+                    :form="formId"
+                    :label="messages.save"
+                    :loading="props.loading"
+                    type="submit"
+                />
+            </slot>
+        </template>
+    </UModal>
 </template>

package/dist/runtime/app/components/Form/FormModal.vue.d.ts

@@ -32,8 +32,14 @@ declare const __VLS_export: <TState extends VunoFormState>(__VLS_props: NonNulla
     expose: (exposed: {}) => void;
     attrs: any;
     slots: {
+        /**
+         * `formId` es imprescindible, no un extra: el pie del modal vive fuera
+         * del `<form>`, así que un botón propio solo puede enviarlo con
+         * `:form="formId"`. Sin exponerlo, cualquier pie a medida queda mudo.
+         */
         footer?: (props: {
             dirty: boolean;
+            formId: string;
             loading: boolean;
             close: () => void;
             reset: () => void;