TS接口文档可以查看同文件夹下的types.ts, demo可以访问/demo777进行查看
Props
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| data | 人员列表数据 | Array | — | [] |
| size? | 头像尺寸 | number | — | 48 |
| round? | 是否为圆形头像 | boolean | — | true |
| statusOptions? | 用户身份下拉数据项 | {label: string; value: string | number}[] | — |
| isHandling? | 是否处于事务处理中，设为true会禁用右边操作 | boolean | — | false |
| isManager? | 当前用户是否为管理员 | boolean | — | false |
| showTags? | 是否显示身份标签 | boolean | — | true |
Emits
注意：以下事件都是组件内部对应的按钮点击触发，如果用插槽自定义对应区域的内容的话，事件自行监听即可
| 方法 | 说明 | 返回值 |
|---|---|---|
| cancelInvited | 取消邀请 | { data: MemberItemData; index: number } |
| exitProject | 退出项目 | { data: MemberItemData; index: number } |
| removeMember | 移除成员 | { data: MemberItemData; index: number } |
| applyPass | 通过申请 | { data: MemberItemData; index: number } |
| applyRefuse | 拒绝申请 | { data: MemberItemData; index: number } |
| statusChange | 成员身份变化 | { data: MemberItemData; index: number } |
Slots
| 名称 | 说明 |
|---|---|
| avatar | 组件头像区域插槽 |
| name | 组件名称区域插槽 |
| tags | 组件标签区域插槽 |
| extra-tags | 组件额外标签区域插槽，在只对当前组件标签进行拓展时可以使用 |
| status | 组件成员身份选择区域插槽 |
| action | 组件动作区域插槽 |
| extra-action | 组件额外动作区域插槽，在只对当前组件标签进行拓展时可以使用 |