# 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

Last Updated: 10/15/2021, 2:16:01 PM