Container properties
Attribute name explanation
- Is json configurable: ✔️ means that it can be set in both jsx code and json code, otherwise it can only be written in jsx code.
- Is the input component unique?: ✔️ means that the current attribute is only available in the input input type component, such as
Input,ACL. - Whether the display component is unique: ✔️ means that the current attribute is only available for non-input input type components, and non-layout components, such as
Text,Image.
Container Props
| Name | Type | Default | Supports Variable Pattern | Whether the json is configurable | Whether the input component is unique | Whether or not it is unique to the display component | Description |
|---|---|---|---|---|---|---|---|
| id | string | ✔️ | The ID of the container | ||||
| className | string | ✔️ | ✔️ | The className of the container | |||
| style | object | ✔️ | The style of the container | ||||
| title | string | ✔️ | The title of the container | ||||
| value | any | The value of the container is also the value of the component, and it varies according to different components. | |||||
| valueExpression | string | ✔️ | ✔️ | The value of the component is calculated by this expression. The expression supports four operations. There must be spaces on the left and right operators, similar to calc of css, such as calc(:value1 + value2 * 3) | |||
| defaultValue | any | ✔️ | The default value of the container will only take effect when the entire form does not have a value. | ||||
| valueField | string | ✔️ | ✔️ | The default value of the container will only take effect when the entire form does not have a value. | |||
| hidden | ConditionalPropertyPropType(bool) | false | ✔️ | Whether it is hidden or not | |||
| disabled | ConditionalPropertyPropType(bool) | false | ✔️ | ✔️ | Whether it is forbidden or not | ||
| readonly | ConditionalPropertyPropType(bool) | false | ✔️ | ✔️ | Whether it is read-only or not | ||
| componentProps | object | ✔️ | Component properties | ||||
| fieldTitleProps | { showColon: bool } | ✔️ | Properties of the container title | ||||
| validation | { required: bool } | ✔️ | Component verification method | ||||
| status | Array<'error' | 'warning' | 'error'> | ✔️ | Component status information | ||||
| helper | string | ✔️ | ✔️ | Component Help Information | |||
| onChange | func | ✔️ | Call this function when the component value changes | ||||
| onTouchChanged | func | ✔️ | Call this function when a component touches |
The container only supports the above attributes
ref will be passed to each component to implement the corresponding API.