@bagelink/vue 1.8.76 → 1.8.78

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "1.8.76",
+  "version": "1.8.78",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Bagel Studio",

package/src/form-flow/FormFlow.vue

@@ -340,13 +340,31 @@ function validateAll(): boolean {
 }
 
 // Submit handler for the slot
-function handleSubmit() {
-	return validateAll()
+function handleSubmit(event?: Event): boolean {
+	// Prevent default form submission if event is provided
+	if (event) {
+		event.preventDefault()
+	}
+
+	const isValid = validateAll()
+
+	// If validation fails, prevent further processing
+	if (!isValid) {
+		event?.stopPropagation()
+	}
+
+	return isValid
 }
+
+// Expose methods for parent components (e.g., dialogs)
+defineExpose({
+	validate: validateAll,
+	handleSubmit
+})
 </script>
 
 <template>
-	<div :class="schema._class">
+	<form :class="schema._class" @submit="handleSubmit">
 		<div v-for="{ key, field } in visibleFields" :key="key" :class="[field._class, field._config.class]">
 			<!-- Custom slot for specific field -->
 			<slot
@@ -395,7 +413,7 @@ function handleSubmit() {
 			name="submit" :submit="handleSubmit" :validate="validateAll" :form-data="formData"
 			:errors="mergedErrors"
 		/>
-	</div>
+	</form>
 </template>
 
 <style scoped>