折叠面板

介绍

可以折叠 / 展开的内容区域。

API

Props

参数名	描述	类型	默认值
status	默认状态	'default' | 'hide'	'default'
items	折叠面板项	CollapseItem	[]
accordion	手风琴模式 ，开启手风琴模式，同时只能打开一个面板	boolean	false
showExpandIcon	显示展开图标	boolean	true
expandIconPosition	展开图标位置	'left' | 'right'	'left'
bordered	显示边框	boolean	true
destroyOnHide	隐藏时销毁	boolean	false
titleFontSize	Tab 标题字号	number	-
baseStyle	自定义样式	string	-
customClass	类名绑定	string	-
uniqueKey	唯一标识	string	-
loop	循环数据 , 循环渲染设置	Loop	-

Events

事件名	描述	参数
onChange	展开折叠事件	ctx params : number[]

Type

// 折叠面板项
type CollapseItem {
  title: string; // 标题 
  itemKey: string; // Key
  itemStatus: "default" | "hide"; // 默认状态
  customRenderTitle?: boolean; // 自定义标题
  titleRenderFunc?: string; // 自定义标题配置
  customRender?: boolean; // 自定义自定义额外内容
  renderFunc?: string; // 自定义额外内容配置
  expandIcon?: string; // 自定义展开图标
  show?: boolean; // 默认展开
  disabled?: boolean; // 是否禁用
}

// 循环
type Loop = {
  "data": any[],
  "paramName": string,
  "indexName": string,
  "key": string
}