Skip to content

表单设计优势

YH-UI 的表单组件(尤其是 FormSchema)并非简单的 UI 包装,而是一个面向复杂业务场景设计的“高效渲染引擎”。

为什么选择 YH-UI 表单?

1. 逻辑高度聚合

在传统开发模式中,表单的布局、数据联动、校验逻辑往往分散在 templatescript 和冗长的 watch 中。YH-UI 通过 FormSchema 将这些逻辑统一收敛到一份 JSON 配置中:

  • 声明式联动:通过 propshidden 函数直接根据当前模型状态计算 UI 表现。
  • 内聚布局:内置 24 栅格系统,无需手动嵌套 Row/Col,代码行数减少约 60%。

2. 极致的类型安全 (DX)

我们为表单提供了工业级的 TypeScript 支持:

  • 精确推断:导出的 FormSchemaInstance 提供了完整的 API 补全。
  • 零 any 约定:所有校验函数、渲染函数均有明确的参数类型,杜绝运行时错误。

3. 表单实力的安全性

  • Ref 降级保护:内置 footerFormRef 代理,解决了在组件挂载前访问实例可能导致的页面崩溃问题。
  • 自动类型校正:支持布尔值(Switch)的自动类型识别,解决了常见的校验提示冲突。

高级应用示例

这个示例展示了 YH-UI 表单引擎处理复杂逻辑的能力:动态分组、多级联动、异步验证、自定义渲染、以及完善的类型安全。

企业基本信息
联系人信息
认证协议
企业级入驻表单

Released under the MIT License.