Vue3动态表单引擎新增弹框组件支持 实现保险投保人信息联动编辑

一位拥有十余年经验的全栈开发者在保险数据中台项目中，基于Vue3自研JuanForm动态表单引擎，成功集成弹框（Dialog）组件功能，支撑投保单中投保人、被保人与受益人等多实体信息的联动编辑。该引擎采用声明式Schema配置驱动表单渲染，将Dialog定义为独立控件类型（type: 'Dialog'），支持title、width、trigger及children嵌套字段配置。弹框内表单与主表单共享同一响应式数据模型（reactive/ref），提交时自动同步变更，避免手动状态管理冗余。关键设计包括：复用相同Schema结构实现‘添加’与‘修改’操作；通过initialValues与onSubmit区分行为；触发机制支持按钮点击、字段变化或dependsOn条件联动；技术上依托组合式API与Teleport，Dialog组件通过v-model绑定子字段，emit更新数据片段；全局dialogStore统一管理可见性与堆叠顺序。相比Element Plus或formily等方案，JuanForm坚持轻量原生，仅依赖Vue3核心能力，无额外框架依赖。目前已支持基础控件、Group、List、Dialog及自定义扩展，适用于对包体积敏感与需深度定制的企业级中后台系统，显著降低重复开发成本并保障复杂业务流程的一致性与可审计性。