props.js 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  1. import { defineProps } from '../../libs/util/props';
  2. import theme from '../../libs/config/theme.js'
  3. export default defineProps('radioGroup', {
  4. // 绑定的值
  5. //#ifdef VUE2
  6. value: {
  7. type: [String, Number, Boolean],
  8. default: ''
  9. },
  10. // #endif
  11. // #ifdef VUE3
  12. modelValue: {
  13. type: [String, Number, Boolean],
  14. default: ''
  15. },
  16. // #endif
  17. // 是否禁用全部radio
  18. disabled: {
  19. type: Boolean,
  20. default: false
  21. },
  22. // 形状,circle-圆形,square-方形
  23. shape: {
  24. type: String,
  25. default: 'circle'
  26. },
  27. // 选中状态下的颜色,如设置此值,将会覆盖parent的activeColor值
  28. activeColor: {
  29. type: String,
  30. default: theme.primary
  31. },
  32. // 未选中的颜色
  33. inactiveColor: {
  34. type: String,
  35. default: theme.lightColor
  36. },
  37. // 标识符
  38. name: {
  39. type: String,
  40. default: ''
  41. },
  42. // 整个组件的尺寸,默认px
  43. size: {
  44. type: [String, Number],
  45. default: 18
  46. },
  47. // 布局方式,row-横向,column-纵向
  48. placement: {
  49. type: String,
  50. default: 'row'
  51. },
  52. // label的文本
  53. label: {
  54. type: [String],
  55. default: ''
  56. },
  57. // label的颜色 (默认 '#303133' )
  58. labelColor: {
  59. type: [String],
  60. default: theme.mainColor
  61. },
  62. // label的字体大小,px单位
  63. labelSize: {
  64. type: [String, Number],
  65. default: 14
  66. },
  67. // 是否禁止点击文本操作checkbox(默认 false )
  68. labelDisabled: {
  69. type: Boolean,
  70. default: false
  71. },
  72. // 图标颜色
  73. iconColor: {
  74. type: String,
  75. default: '#ffffff'
  76. },
  77. // 图标的大小,单位px
  78. iconSize: {
  79. type: [String, Number],
  80. default: 12
  81. },
  82. // 竖向配列时,是否显示下划线
  83. borderBottom: {
  84. type: Boolean,
  85. default: false
  86. },
  87. // 图标与文字的对齐方式
  88. iconPlacement: {
  89. type: String,
  90. default: 'left'
  91. },
  92. // label的颜色
  93. activeLabelColor: {
  94. type: String,
  95. default: null
  96. },
  97. plain: {
  98. type: Boolean,
  99. default: true
  100. }
  101. })