容器属性
属性名解释
- 是否 json 可配置： ✔️表示同时可以在 jsx 代码和 json 代码中设置，否则只能在 jsx 代码中写。
- 是否 input 组件独有： ✔️表示当前属性只有 input 输入类型组件才有，例如
Input,ACL。 - 是否展示型组件独有： ✔️表示当前属性只有非 input 输入类型组件，非 layout 组件才有，例如
Text,Image。
Container Props
| Name | Type | Default | 是否支持 Variable Pattern | 是否 json 可配置 | 是否 input 组件独有 | 是否展示型组件独有 | Description |
|---|---|---|---|---|---|---|---|
| id | string | ✔️ | 容器的 id | ||||
| className | string | ✔️ | ✔️ | 容器的 className | |||
| style | object | ✔️ | 容器的 style | ||||
| title | string | ✔️ | 容器的 标题 | ||||
| value | any | 容器的值，也是组件的值，根据不同组件而不同 | |||||
| valueExpression | string | ✔️ | ✔️ | 组件的值通过该表达式计算，表达式支持四则运算，运算符左右必须要有空格，类似 css 的 calc，例如calc(:value1 + value2 * 3) | |||
| defaultValue | any | ✔️ | 容器的默认值，只有当整个表单都没有 value 的时候才生效 | ||||
| valueField | string | ✔️ | ✔️ | 容器的默认值，只有当整个表单都没有 value 的时候才生效 | |||
| hidden | ConditionalPropertyPropType(bool) | false | ✔️ | 是否隐藏 | |||
| disabled | ConditionalPropertyPropType(bool) | false | ✔️ | ✔️ | 是否禁止 | ||
| readonly | ConditionalPropertyPropType(bool) | false | ✔️ | ✔️ | 是否只读 | ||
| componentProps | object | ✔️ | 组件属性 | ||||
| fieldTitleProps | { showColon: bool } | ✔️ | 容器标题的属性 | ||||
| validation | { required: bool } | ✔️ | 组件的验证方式 | ||||
| status | Array<'error' | 'warning' | 'error'> | ✔️ | 组件状态信息 | ||||
| helper | string | ✔️ | ✔️ | 组件帮助信息 | |||
| onChange | func | ✔️ | 当组件值发生改变的时候调用此函数 | ||||
| onTouchChanged | func | ✔️ | 当组件发生了触碰的时候调用此函数 |
容器只支持以上属性
ref 会传递给每个组件实现相应的 api。