Enhance Form Management with Dynamic Configuration Updates

- Added a new watcher in `OpenCompleteForm.vue` to monitor changes to the form prop and update the form manager accordingly, ensuring that the form manager reflects the latest configuration.
- Introduced an `updateConfig` method in `useFormManager.js` to handle updates to the form configuration, resetting the form state and reinitializing with the new config. This improves the flexibility and responsiveness of the form management system.

These changes aim to enhance the user experience by ensuring that form updates are seamlessly integrated into the form management workflow, allowing for more dynamic interactions.
This commit is contained in:
Julien Nahum
2025-05-23 19:15:19 +02:00
parent 7918134c08
commit 591d21d888
2 changed files with 33 additions and 0 deletions

View File

@@ -266,6 +266,18 @@ if (props.form) {
})
}
// Watch for changes to the form prop and update formManager
watch(() => props.form, (newForm) => {
// Only update if the form has changed and formManager is initialized
if (formManager && newForm) {
// Update form manager with the new config
formManager.updateConfig(newForm, {
submissionId: submissionId.value,
urlParams: import.meta.client ? new URLSearchParams(window.location.search) : null,
})
}
})
// Share the structure service with the working form store only when in admin edit context
watch(() => formManager?.strategy?.value?.admin?.showAdminControls, (showAdminControls) => {
if (workingFormStore && formManager?.structure && showAdminControls) {