Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[comp: collapse] add collapse component #70

Closed
1 task done
Usualminds opened this issue Dec 25, 2020 · 5 comments · Fixed by #292
Closed
1 task done

[comp: collapse] add collapse component #70

Usualminds opened this issue Dec 25, 2020 · 5 comments · Fixed by #292
Assignees
Labels
enhancement New feature or request
Milestone

Comments

@Usualminds
Copy link
Member

  • I have searched the issues of this repository and believe that this is not a duplicate.

What problem does this feature solve?

What does the proposed API look like?

@Usualminds Usualminds added the enhancement New feature or request label Dec 25, 2020
@danranVm danranVm mentioned this issue Dec 25, 2020
95 tasks
@danranVm
Copy link
Member

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

@danranVm danranVm added this to the v1.0.0 milestone Dec 25, 2020
@Usualminds
Copy link
Member Author

Usualminds commented Jan 21, 2021

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 面板内容 - - -

@Usualminds
Copy link
Member Author

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

@Usualminds Usualminds pinned this issue Jan 22, 2021
@Usualminds Usualminds unpinned this issue Jan 22, 2021
@danranVm
Copy link
Member

danranVm commented Jan 23, 2021

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

@Usualminds
Copy link
Member Author

  • collapse

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

    • icon 支持全局配置, 还需要支持 slot
    • 应该需要添加一个 showIcon 的配置?支持全局配置
    • title 支持 slot
    • 同时支持 v-model:active

collapse

  • accordionborderless 支持全局配置,默认值为 false
  • 支持 change
  • 已修改

collapse-item

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants