Teamix Avatar （迁移自旧版 AT Avatar 组件）

开发指南

样式前缀

如需给 Avatar 内部所用到的 @teamix/ui 组件指定 prefix，可添加 uiPrefix 参数（如 uiPrefix='aone-'）

API

Avatar

| 参数 | 说明 | 类型 | 默认值 | |------|-----|-----|-------| |style|设置组件样式| Object | - | |className|设置组件className| String | - | |size|设置组件尺寸，可选值 'xs', 'small', 'medium', 'large', 'xl'| String|'medium'| |img|设置头像图片地址，必填| String|-| |text|设置头像旁文案，必填| String|-| |closable|是否显示关闭按钮| Boolean|true| |onClose|点击关闭回调| Function|() => {}| |onClick|点击头像回调| Function|() => {}|

Avatar.TextAvatar

| 参数 | 说明 | 类型 | 默认值 | |------|-----|-----|-------| |style|设置组件样式| Object | - | |className|设置组件className| String | - | |size|设置组件尺寸，可选值 'xs', 'small', 'medium', 'large', 'xl'| String|'medium'| |text|设置头像文案，必填| String|-| |colorSets|头像背景色集，会根据text的charCode选取其中一个作为背景色|String数组|['#D3B0E7', '#B0B2E7', '#88ACDE', '#91D0E3', '#82D4BE', '#AFD492']|

Avatar.ImageAvatar

| 参数 | 说明 | 类型 | 默认值 | |------|-----|-----|-------| |style|设置组件样式| Object | - | |className|设置组件className| String | - | |size|设置组件尺寸，可选值 'xs', 'small', 'medium', 'large', 'xl'| String|'medium'| |img|设置头像图片地址，必填| String|-|

Avatar.ClusterAvatar

| 参数 | 说明 | 类型 | 默认值 | |------|-----|-----|-------| |style|设置组件样式| Object | - | |className|设置组件className| String | - | |dataSource|头像群数据源，数组成员见下方，必填| Array|-| |colorSets|头像背景色集，img不存在时会根据text的charCode选取其中一个作为背景色|String数组|['#D3B0E7', '#B0B2E7', '#88ACDE', '#91D0E3', '#82D4BE', '#AFD492']| |onSelect|点击单个头像回调，入参为该头像相关参数| Function|(data) => {}| |onClose|关闭单个头像回调，入参为该头像相关参数| Function|(data) => {}| |onAdd|点击添加回调| Function|() => {}|

Avatar.GroupAvatar

| 参数 | 说明 | 类型 | 默认值 | |------|-----|-----|-------| |style|设置组件样式| Object | - | |className|设置组件className| String | - | |colorSets|头像背景色集，img不存在时会根据text的charCode选取其中一个作为背景色|String数组|['#D3B0E7', '#B0B2E7', '#88ACDE', '#91D0E3', '#82D4BE', '#AFD492']| |dataSource|头像群数据源，数组成员见下方，必填| Array|-| |onClickMore|点击更多回调| Function|() => {}| |showMore|hover到...是否显示更多用户| Boolean | false | |align|用户名字展示位置| Enum | 'b', (参考：https://teamix.space-x.alibaba-inc.com/ui/balloon?theme=yunxiao) |

dataSource成员

| 参数 | 说明 | 类型 | 默认值 | |------|-----|-----|-------| |img|头像图片地址| String | - | |text|头像对应文案，必填| String | - | |id|头像对应id，必填| String or Number|-|