表单设计优势
YH-UI 的表单组件(尤其是 FormSchema)并非简单的 UI 包装,而是一个面向复杂业务场景设计的“高效渲染引擎”。
为什么选择 YH-UI 表单?
1. 逻辑高度聚合
在传统开发模式中,表单的布局、数据联动、校验逻辑往往分散在 template、script 和冗长的 watch 中。YH-UI 通过 FormSchema 将这些逻辑统一收敛到一份 JSON 配置中:
- 声明式联动:通过
props、hidden函数直接根据当前模型状态计算 UI 表现。 - 内聚布局:内置 24 栅格系统,无需手动嵌套
Row/Col,代码行数减少约 60%。
2. 极致的类型安全 (DX)
我们为表单提供了工业级的 TypeScript 支持:
- 精确推断:导出的
FormSchemaInstance提供了完整的 API 补全。 - 零 any 约定:所有校验函数、渲染函数均有明确的参数类型,杜绝运行时错误。
3. 表单实力的安全性
- Ref 降级保护:内置
footerFormRef代理,解决了在组件挂载前访问实例可能导致的页面崩溃问题。 - 自动类型校正:支持布尔值(Switch)的自动类型识别,解决了常见的校验提示冲突。
高级应用示例
这个示例展示了 YH-UI 表单引擎处理复杂逻辑的能力:动态分组、多级联动、异步验证、自定义渲染、以及完善的类型安全。
企业级入驻表单