props.js 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. import { defineProps } from '../../libs/util/props';
  2. export default defineProps('checkbox', {
  3. // checkbox的名称
  4. name: {
  5. type: [String, Number, Boolean],
  6. default: ''
  7. },
  8. // 形状,square为方形,circle为圆型
  9. shape: {
  10. type: String,
  11. default: ''
  12. },
  13. // 整体的大小
  14. size: {
  15. type: [String, Number],
  16. default: ''
  17. },
  18. // 是否默认选中
  19. checked: {
  20. type: Boolean,
  21. default: false
  22. },
  23. // 是否为中间状态
  24. indeterminate: {
  25. type: Boolean,
  26. default: false
  27. },
  28. // 是否禁用
  29. disabled: {
  30. type: [String, Boolean],
  31. default: ''
  32. },
  33. // 选中状态下的颜色,如设置此值,将会覆盖parent的activeColor值
  34. activeColor: {
  35. type: String,
  36. default: ''
  37. },
  38. // 未选中的颜色
  39. inactiveColor: {
  40. type: String,
  41. default: ''
  42. },
  43. icon: {
  44. type: String,
  45. default: ''
  46. },
  47. // 图标的大小,单位px
  48. iconSize: {
  49. type: [String, Number],
  50. default: ''
  51. },
  52. // 图标颜色
  53. iconColor: {
  54. type: String,
  55. default: ''
  56. },
  57. // label提示文字,因为nvue下,直接slot进来的文字,由于特殊的结构,无法修改样式
  58. label: {
  59. type: [String, Number],
  60. default: ''
  61. },
  62. // label的字体大小,px单位
  63. labelSize: {
  64. type: [String, Number],
  65. default: ''
  66. },
  67. // label的颜色
  68. labelColor: {
  69. type: String,
  70. default: ''
  71. },
  72. // label的颜色
  73. activeLabelColor: {
  74. type: String,
  75. default: ''
  76. },
  77. // 是否禁止点击提示语选中复选框
  78. labelDisabled: {
  79. type: [String, Boolean],
  80. default: ''
  81. },
  82. plain: {
  83. type: Boolean,
  84. default: true
  85. }
  86. })