# 容器
容器提供了一個組件集合的封裝。
內部可以拖拽多個要素，內部結構如下
```
{
"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": ""
}
}
```