@bagelink/vue 1.15.333 → 1.15.337

package/package.json

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

package/src/form-flow/FormFlow.vue

@@ -389,6 +389,13 @@ function getFieldProps(field: FieldBuilder, key: string) {
 	return baseProps
 }
 
+function getCustomFieldProps(field: FieldBuilder, key: string) {
+	return {
+		...(field._component?.props ?? {}),
+		...getFieldProps(field, key),
+	}
+}
+
 function resolveComponent(componentRef: any): any {
 	if (typeof componentRef === 'string') {
 		if (props.components?.[componentRef] != null) {
@@ -556,9 +563,7 @@ defineExpose({
 					<template v-else-if="usesCustomComponent(field)">
 						<component
 							:is="resolveComponent(field._component!.component)"
-							:model-value="getFieldValue(key)"
-							v-bind="field._component!.props"
-							@update:model-value="(val: any) => updateField(key, val, field)"
+							v-bind="getCustomFieldProps(field, key)"
 						/>
 					</template>
 

package/src/form-flow/form-flow.ts

@@ -759,6 +759,7 @@ interface JSONSchemaProperty {
 	'title'?: string
 	'description'?: string
 	'default'?: any
+	'const'?: any
 	'enum'?: any[]
 	'format'?: string
 	'minimum'?: number
@@ -1065,6 +1066,27 @@ function createFieldFromProperty(
 			field = $.text(config)
 	}
 
+	// Rendering is orthogonal to semantics: a checkbox may use a branded
+	// component while remaining a checkbox for validation and serialization.
+	if (
+		xUi.component
+		&& fieldType !== 'component'
+		&& fieldType !== 'display'
+	) {
+		field._component = {
+			component: xUi.component,
+			props: xUi.componentProps || {},
+		}
+	}
+
+	if (resolvedProp.const !== undefined) {
+		field.validate(value =>
+			value === resolvedProp.const
+				? true
+				: config.requiredMessage || 'form.required'
+		)
+	}
+
 	// Apply class
 	if (xUi.class) {
 		field.class(xUi.class)

package/src/form-flow/schema-fields.ts

@@ -101,6 +101,7 @@ export interface FormField {
 export interface JSONSchemaProperty {
 	type?: string | string[]
 	items?: JSONSchemaProperty
+	const?: any
 	title?: string
 	description?: string
 	format?: string
@@ -354,7 +355,12 @@ export function fieldsToSchema(fields: FormField[]): JSONSchemaObject {
 			if (field.validation?.pattern !== undefined) prop.pattern = field.validation.pattern
 
 			// Required
-			if (field.required) required.push(field.key)
+			if (field.required) {
+				required.push(field.key)
+				// Required checkboxes represent explicit acceptance, not merely
+				// presence of a boolean key.
+				if (field.type === 'checkbox') prop.const = true
+			}
 		}
 
 		// Placeholder