# 表单列表

为了满足自增项表单的场景，设计了表单列表，通过配置`type`为`Array`并且在`children`配置表单母版实现，有两种展示方式：`Table`（默认）和`Card`：

```javascript

export default [
    {
        key: 'array',
        type: 'Array',
        ui: {
            label: '表单列表'
        },
        props: {
            type: 'Card'
        },
        children: [
            {
                key: 'name',
                type: 'Input',
                ui: {
                    label: '姓名'
                }
            },
            {
                key: 'age',
                type: 'InputNumber',
                ui: {
                    label: '年龄'
                }
            },
            {
                key: 'gender',
                type: 'Radio',
                ui: {
                    label: '性别'
                },
                options: [
                    {
                        name: '男',
                        value: 'male'
                    },
                    {
                        name: '女',
                        value: 'female'
                    }
                ]
            }
        ]
    }
]
```

> 注意每一条自增项为一个`XForm`实例，所以联动只能在同一行上联动

效果图如下：

![](https://p1.music.126.net/TT4XdOVuq4-3oM0zNTChjQ==/109951164808500925.gif)

![](https://p1.music.126.net/124vG69upyx-HF72vWDwKA==/109951164808501026.gif)