props.js 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. import { defineProps } from '../../libs/util/props';
  2. export default defineProps('avatarGroup', {
  3. // 头像图片组
  4. urls: {
  5. type: Array,
  6. default: () => []
  7. },
  8. // 最多展示的头像数量
  9. maxCount: {
  10. type: [String, Number],
  11. default: 5
  12. },
  13. // 头像形状
  14. shape: {
  15. type: String,
  16. default: 'circle'
  17. },
  18. // 图片裁剪模式
  19. mode: {
  20. type: String,
  21. default: 'scaleToFill'
  22. },
  23. // 超出maxCount时是否显示查看更多的提示
  24. showMore: {
  25. type: Boolean,
  26. default: true
  27. },
  28. // 头像大小
  29. size: {
  30. type: [String, Number],
  31. default: 40
  32. },
  33. // 指定从数组的对象元素中读取哪个属性作为图片地址
  34. keyName: {
  35. type: String,
  36. default: ''
  37. },
  38. // 头像之间的遮挡比例
  39. gap: {
  40. type: [String, Number],
  41. validator(value) {
  42. return value >= 0 && value <= 1
  43. },
  44. default: 0.5
  45. },
  46. // 需额外显示的值
  47. extraValue: {
  48. type: [Number, String],
  49. default: 0
  50. }
  51. })