Formily 的 Form Schema 将标准的 JSON Schema 的 properties 属性进行了扩充,关键字段说明如下: 通过对比 Form Schema 和标准的 json-schema-spec ,不难发现`x-props`、`x-component`、`x-component-props` 等 x- 开头的属性是新增的,这些属性被 Formily 用来控制组件的渲染、数据校验、联动以及定义副作用等等...
支持destruct 字段解构 支持initValue 初始化值操作 支持label/slot/title 设置模板字符串 vif 在 false 情况下,自动清空组件 支持组件 props 设置联动值 object 组件内置支持 card 和 fieldset 的布局类型,array 内置支持 card 的布局方式。 支持组件之间的复杂联动,包括 vif: '表达式字符串'、inline: '表达式字符...
表单副作用,也就是由表单字段的内部事件所产生的联动,校验,异步逻辑,如何更好的管理和维护副作用逻辑,恰好就是rxjs的最大优势,所以,本方案采用了rxjs来管理副作用逻辑 表单的API中包含的effects即为表单的副作用函数,这个effects是一个功能极为强大的回调函数, 它接收了一个selector函数作为参数,我们可以用selector...
我们可以通过监听事件或者调用 API 来实现动态添加、删除或修改字段。这种灵活性使得 antd pro schemaform 在处理复杂表单场景时非常强大。 9. 高级特性 除了基本功能外,antd pro schemaform 还提供了一些高级特性,如表单联动、条件渲染、自定义校验规则等等。这些特性使得 antd pro schemaform 能够应对更复杂的业务...
uiSchema 里所有的字段都以 ui: 开始,如 ui:widget。 为了满足各用户的使用偏好,uiSchema 可以单独书写,也可以完全归并到 schema,例如: { "schema": { "type": "object", "properties": { "string": { "title": "字符串", "type": "string" } } }, "uiSchema": { "string": { ...
当我们需要对一些 结构复杂,或内容较多的JSON 进行修改配置的时候,极易容易出错。于是,就想着是否能通过表单形式进行修改,保存。最后,发现了几个JSON 编...
uiSchema 里所有的字段都以 ui: 开始,如 ui:widget。 为了满足各用户的使用偏好,uiSchema 可以单独书写,也可以完全归并到 schema,例如: { "schema": { "type": "object", "properties": { "string": { "title": "字符串", "type": "string" } } }, "uiSchema": { "string": { "ui:width"...
联动篇 字段说明 $model $model就是el-form的model $item $item是复杂对象(object、array、table)所具有的, 对于object而言$item访问的就是当前对象下的属性,但是对于 array/table 而言$item就是数组里的每个对象。# required 联动目前只支持:rules: { required: '$model.radio', message: 'hello' } 和 requi...
字段解构🌟🌟🌟 验证篇🌟 提示🌟 布局篇 🌟 弹框篇 联动篇 赋值篇 label/title/slot 模板字符串 🌟 组件props设置联动值 🌟 动态设置items 🌟 el-input-num[内置组件] 🌟🌟 object[内置组件] 🌟 array[内置组件] 🌟🌟 table[内置组件] 🌟🌟 slot篇 简单 复杂 场景篇#...
Formily 的 Form Schema 将标准的 JSON Schema 的 properties 属性进行了扩充,关键字段说明如下: 通过对比 Form Schema 和标准的 json-schema-spec ,不难发现x-props、x-component、x-component-props等 x- 开头的属性是新增的,这些属性被 Formily 用来控制组件的渲染、数据校验、联动以及定义副作用等等。