<input type="checkbox" id="" disabled=""

<a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/us

[comp: collapse] add collapse component about idux HOT 5 CLOSED

iduxfe commented on August 17, 2024

[comp: collapse] add collapse component

from idux.

Comments (5)

Usualminds commented on August 17, 2024 2

collapse

accordion 和 borderless 支持一下全局配置？另外borderless 的默认值应该是 false 吧

change 这个事件，周一跟大家在讨论下，是否需要提供。

v-model:activeName 是在 item 配置了 name 的情况下才生效吧，手风琴模式下为 string, 其他情况为 string[], 这个需要在备注中说明。

collapse-item

icon 支持全局配置, 还需要支持 slot

应该需要添加一个 showIcon 的配置？支持全局配置

title 支持 slot

同时支持 v-model:active

`collapse`

accordion 和 borderless 支持全局配置，默认值为 false
支持 change
已修改

`collapse-item`

icon支持 slot
这里 icon 传空就不显示，可以组件内部处理
title 支持 slot
这里似乎没有必要支持 v-model:active ? 展开项可通过 collapse 中 activeName(v-model) 指定

from idux.

Usualminds commented on August 17, 2024 1

ix-collapse

Props

名称	说明	类型	默认值	全局配置	备注
`accordion`	是否开启手风琴模式	`boolean`	`false`	✅	只能展开一个 tab
`active(v-model)`	当前激活面板对应的 name	`string[] \| string`	-	-	仅手风琴模式为 `string`，其它为 `string[]`
`borderless`	是否显示边框	`boolean`	`false`	✅	-

Events

名称	说明	参数类型	备注
`change`	激活面板时触发	`function`	参数 `active`

ix-collapse-item

Props

名称	说明	类型	默认值	全局配置	备注
`name`	唯一标识符	`string`	-	-	-
`title`	折叠面板标题	`string` \| `slot`	-	-	-
`disabled`	是否禁用该面板	`boolean`	`false`	-	-
`icon`	自定义左侧图标	`string` \| `slot`	-	-	-

Slots

名称	说明	类型	默认值	备注
`default`	面板内容	-	-	-

from idux.

danranVm commented on August 17, 2024

@coolyuantao @danranVm 负责此组件的 review， API 设计完成后请 @ 他们

from idux.

Usualminds commented on August 17, 2024

@coolyuantao @danranVm API 设计完成，请帮忙 review 下

from idux.

danranVm commented on August 17, 2024

collapse
- accordion 和 borderless 支持一下全局配置？另外borderless 的默认值应该是 false 吧
- change 这个事件，周一跟大家在讨论下，是否需要提供。
- v-model:activeName 是在 item 配置了 name 的情况下才生效吧，手风琴模式下为 string, 其他情况为 string[], 这个需要在备注中说明。
collapse-item
- icon 支持全局配置, 还需要支持 slot
- 应该需要添加一个 showIcon 的配置？支持全局配置
- title 支持 slot
- 同时支持 v-model:active