# 容器
容器提供了一个组件集合的封装。
内部可以拖拽多个要素，内部结构如下
```
{
"type": "controller",
"layout": true,
"model": "controller1",
"list": [
{
... 要素组件
},
{
... 要素组件
}
]
}
```
**说明**
容器内部为嵌套结构，最终容器绑定的数据结构如下
```
{
"controller1": [
{
"组件A"： 11，
"组件B"： 22
},
{
"组件A"： 22,
"组件B"： 33
}
]
}
```
## 属性
1、 样式style
配置当前容器的样式style
2、 样式class
配置当前容器的样式clss
3、 边框开关
打开开关则容器外部显示边框
4、 可新增开关
打开开关后，容器下方会显示新增按钮，点击按钮则容器可输入内容增加一条。
5、 可复制开关
打开开关后，容器内已经填好的数据可以复制一条
6、 可删除开关
打开开关后，容器内已经填好的数据可以进行删除
7、 是否隐藏
8、 是否禁用
## 示例
```
{
"list": [
{
"type": "controller",
"layout": true,
"options": {
"customStyle": "",
"customClass": "",
"bordered": true,
"add": true,
"copy": true,
"remove": true,
"hidden": false,
"disabled": false
},
"label": "容器",
"labelWidth": 0,
"width": "100%",
"span": 24,
"key": "controller_1679627047618",
"model": "controller_1679627047618",
"list": [
{
"type": "input",
"options": {
"defaultValue": "",
"prepend": "",
"append": "",
"placeholder": "请输入",
"maxLength": 0,
"clearable": false,
"hidden": false,
"disabled": false
},
"label": "名称",
"labelWidth": -1,
"width": "100%",
"span": 24,
"model": "name",
"key": "input_1679627049889",
"rules": [
{
"required": false,
"message": "必填项",
"trigger": [
"blur"
]
}
]
},
{
"type": "input",
"options": {
"defaultValue": "",
"prepend": "",
"append": "",
"placeholder": "请输入",
"maxLength": 0,
"clearable": false,
"hidden": false,
"disabled": false
},
"label": "地址",
"labelWidth": -1,
"width": "100%",
"span": 24,
"model": "地址",
"key": "input_1679627051264",
"rules": [
{
"required": false,
"message": "必填项",
"trigger": [
"blur"
]
}
]
}
]
}
],
"config": {
"labelPosition": "left",
"labelWidth": 100,
"size": "mini",
"outputHidden": true,
"hideRequiredMark": false,
"syncLabelRequired": false,
"customStyle": ""
}
}
```