# ArrayCollapse
折叠面板,对于每行字段数量较多,联动较多的场景比较适合使用 ArrayCollapse
注意:该组件只适用于 Schema 场景
# Markup Schema 案例
# JSON Schema 案例
# Effects 联动案例
# JSON Schema 联动案例
# API
# ArrayCollapse
参考 https://element.eleme.io/#/zh-CN/component/collapse (opens new window)
# ArrayCollapse.Item
参考 https://element.eleme.io/#/zh-CN/component/collapse (opens new window)
# ArrayCollapse.Addition
添加按钮
扩展属性
属性名 | 类型 | 描述 | 默认值 |
---|---|---|---|
title | string | 文案 | |
method | 'push' | 'unshift' | 添加方式 | 'push' |
defaultValue | any | 默认值 |
其余参考 https://element.eleme.io/#/zh-CN/component/button (opens new window)
注意:title 属性可以接收 Field 模型中的 title 映射,也就是在 Field 上传 title 也是生效的
# ArrayCollapse.Remove
删除按钮
属性名 | 类型 | 描述 | 默认值 |
---|---|---|---|
title | string | 文案 |
其余参考 https://element.eleme.io/#/zh-CN/component/button (opens new window)
注意:title 属性可以接收 Field 模型中的 title 映射,也就是在 Field 上传 title 也是生效的
# ArrayCollapse.MoveDown
下移按钮
属性名 | 类型 | 描述 | 默认值 |
---|---|---|---|
title | string | 文案 |
其余参考 https://element.eleme.io/#/zh-CN/component/button (opens new window)
注意:title 属性可以接收 Field 模型中的 title 映射,也就是在 Field 上传 title 也是生效的
# ArrayCollapse.MoveUp
上移按钮
属性名 | 类型 | 描述 | 默认值 |
---|---|---|---|
title | string | 文案 |
其余参考 https://element.eleme.io/#/zh-CN/component/button (opens new window)
注意:title 属性可以接收 Field 模型中的 title 映射,也就是在 Field 上传 title 也是生效的
# ArrayCollapse.Index
索引渲染器
无属性
# ArrayCollapse.useIndex
读取当前渲染行索引的 Hook
# ArrayCollapse.useRecord
读取当前渲染记录的 Hook
← ArrayCards ArrayItems →