props.js 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. import defprops from '../../libs/config/props';
  2. export default {
  3. props: {
  4. // 是否显示圆点
  5. isDot: {
  6. type: Boolean,
  7. default: defprops.badge.isDot
  8. },
  9. // 显示的内容
  10. value: {
  11. type: [Number, String],
  12. default: defprops.badge.value
  13. },
  14. // 显示的内容
  15. modelValue: {
  16. type: [Number, String],
  17. default: defprops.badge.modelValue
  18. },
  19. // 是否显示
  20. show: {
  21. type: Boolean,
  22. default: defprops.badge.show
  23. },
  24. // 最大值,超过最大值会显示 '{max}+'
  25. max: {
  26. type: [Number, String],
  27. default: defprops.badge.max
  28. },
  29. // 主题类型,error|warning|success|primary
  30. type: {
  31. type: String,
  32. default: defprops.badge.type
  33. },
  34. // 当数值为 0 时,是否展示 Badge
  35. showZero: {
  36. type: Boolean,
  37. default: defprops.badge.showZero
  38. },
  39. // 背景颜色,优先级比type高,如设置,type参数会失效
  40. bgColor: {
  41. type: [String, null],
  42. default: defprops.badge.bgColor
  43. },
  44. // 字体颜色
  45. color: {
  46. type: [String, null],
  47. default: defprops.badge.color
  48. },
  49. // 徽标形状,circle-四角均为圆角,horn-左下角为直角
  50. shape: {
  51. type: String,
  52. default: defprops.badge.shape
  53. },
  54. // 设置数字的显示方式,overflow|ellipsis|limit
  55. // overflow会根据max字段判断,超出显示`${max}+`
  56. // ellipsis会根据max判断,超出显示`${max}...`
  57. // limit会依据1000作为判断条件,超出1000,显示`${value/1000}K`,比如2.2k、3.34w,最多保留2位小数
  58. numberType: {
  59. type: String,
  60. default: defprops.badge.numberType
  61. },
  62. // 设置badge的位置偏移,格式为 [x, y],也即设置的为top和right的值,absolute为true时有效
  63. offset: {
  64. type: Array,
  65. default: defprops.badge.offset
  66. },
  67. // 是否反转背景和字体颜色
  68. inverted: {
  69. type: Boolean,
  70. default: defprops.badge.inverted
  71. },
  72. // 是否绝对定位
  73. absolute: {
  74. type: Boolean,
  75. default: defprops.badge.absolute
  76. }
  77. }
  78. }