What problem does this feature solve?
当使用avatar组件时， <Avatar>xxxxxxxxxxx</Avatar> 如果用户全名很长就很不友好。
What does the proposed API look like?
正常情况应该是取用户名字的given name和family name的首字母大写组成。希望做出修改，这应该是内置功能，而不是让使用者自己去拼接，我看Chakra和fluent都是如此。
当使用avatar组件时， <Avatar>xxxxxxxxxxx</Avatar> 如果用户全名很长就很不友好。
正常情况应该是取用户名字的given name和family name的首字母大写组成。希望做出修改，这应该是内置功能，而不是让使用者自己去拼接，我看Chakra和fluent都是如此。
2条答案
按热度按时间rmbxnbpk1#
中英文语境下设计是会有差异的，antd 的选择是自动调整文字大小：
https://ant-design.antgroup.com/components/avatar-cn#components-avatar-demo-dynamic
不过的确太长的英文名字做缩放似乎不太合理，感觉需要去讨论一下。可以暂时先 HOC ：
https://stackblitz.com/edit/react-k2e5hk?file=demo.tsx
w6mmgewl2#
多谢