跳到主要内容

@whynotsnow/dynamic-form

DynamicForm

一个基于 React、TypeScript 和 Ant Design 的动态表单库,用配置描述表单结构,用 effect 链处理字段联动,并用 Runtime Layer 统一运行时参与策略。

DynamicForm configuration, runtime, and rendering workflow
npm install @whynotsnow/dynamic-form antd react react-dom

配置化表单

用 FormConfig 描述字段、分组、校验和 UI 配置,把 Ant Design Form 的使用方式收敛到稳定配置层。

联动与运行时策略

通过 form-chain-effect-engine 执行依赖链,并由 Runtime Layer 统一解析显示、提交、禁用、只读和校验能力。

扩展能力

支持自定义组件、effect result handlers、render hooks、compiler、adapter 和声明式规则层。

核心流程

DynamicForm 把输入归一化、运行时能力和 UI 渲染拆成清晰层次,便于复用、扩展和验证。

01

Adapter / Compiler

把外部 schema、metadata 或字段模块归一化为标准 FormConfig。

02

State / Runtime

保存结构与 meta,并统一解析 rendered、editable、validatable 等能力。

03

Consumer / Effects

渲染 Ant Design Form,并把字段联动结果交给语义化 handlers。