折叠面板

介绍

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

API

Props

参数	字段名	描述	类型	默认值
默认状态	status	组件的显隐状态控制	default / hide	'default'
折叠面板项	items	折叠面板项配置	CollapseItem	[]
手风琴模式	accordion	开启手风琴模式，同时只能打开一个面板	boolean	false
显示展开图标	showExpandIcon	是否显示展开图标	boolean	true
展开图标位置	expandIconPosition	展开图标位置	left / right	left
显示边框	bordered	是否显示边框	boolean	true
隐藏时销毁	destroyOnHide	隐藏时是否销毁	boolean	false

Props 样式

参数	字段名	说明	类型	默认值
Tab 标题字号	titleFontSize	Tab 标题字号	number	-
自定义样式	baseStyle	表格整体自定义样式	string	-
类名绑定	customClass	组件绑定类名	string	-

Props 高级

参数	字段名	说明	类型	默认值
唯一标识	组件的唯一标识	string	-
循环	循环渲染设置	-	-

events

事件名	说明	回调参数
onChange	展开折叠事件	ctx(页面上下文)，params（展开面板key值数组）

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