props.js 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126
  1. import defprops from '../../libs/config/props';
  2. export default {
  3. props: {
  4. // 是否打开组件
  5. show: {
  6. type: Boolean,
  7. default: defprops.datetimePicker.show
  8. },
  9. // 是否展示顶部的操作栏
  10. showToolbar: {
  11. type: Boolean,
  12. default: defprops.datetimePicker.showToolbar
  13. },
  14. // #ifdef VUE2
  15. // 绑定值
  16. value: {
  17. type: [String, Number],
  18. default: defprops.datetimePicker.value
  19. },
  20. // #endif
  21. // #ifdef VUE3
  22. // 绑定值
  23. modelValue: {
  24. type: [String, Number],
  25. default: defprops.datetimePicker.value
  26. },
  27. // #endif
  28. // 顶部标题
  29. title: {
  30. type: String,
  31. default: defprops.datetimePicker.title
  32. },
  33. // 展示格式,mode=date为日期选择,mode=time为时间选择,mode=year-month为年月选择,mode=datetime为日期时间选择
  34. mode: {
  35. type: String,
  36. default: defprops.datetimePicker.mode
  37. },
  38. // 可选的最大时间
  39. maxDate: {
  40. type: Number,
  41. // 最大默认值为后10年
  42. default: defprops.datetimePicker.maxDate
  43. },
  44. // 可选的最小时间
  45. minDate: {
  46. type: Number,
  47. // 最小默认值为前10年
  48. default: defprops.datetimePicker.minDate
  49. },
  50. // 可选的最小小时,仅mode=time有效
  51. minHour: {
  52. type: Number,
  53. default: defprops.datetimePicker.minHour
  54. },
  55. // 可选的最大小时,仅mode=time有效
  56. maxHour: {
  57. type: Number,
  58. default: defprops.datetimePicker.maxHour
  59. },
  60. // 可选的最小分钟,仅mode=time有效
  61. minMinute: {
  62. type: Number,
  63. default: defprops.datetimePicker.minMinute
  64. },
  65. // 可选的最大分钟,仅mode=time有效
  66. maxMinute: {
  67. type: Number,
  68. default: defprops.datetimePicker.maxMinute
  69. },
  70. // 选项过滤函数
  71. filter: {
  72. type: [Function, null],
  73. default: defprops.datetimePicker.filter
  74. },
  75. // 选项格式化函数
  76. formatter: {
  77. type: [Function, null],
  78. default: defprops.datetimePicker.formatter
  79. },
  80. // 是否显示加载中状态
  81. loading: {
  82. type: Boolean,
  83. default: defprops.datetimePicker.loading
  84. },
  85. // 各列中,单个选项的高度
  86. itemHeight: {
  87. type: [String, Number],
  88. default: defprops.datetimePicker.itemHeight
  89. },
  90. // 取消按钮的文字
  91. cancelText: {
  92. type: String,
  93. default: defprops.datetimePicker.cancelText
  94. },
  95. // 确认按钮的文字
  96. confirmText: {
  97. type: String,
  98. default: defprops.datetimePicker.confirmText
  99. },
  100. // 取消按钮的颜色
  101. cancelColor: {
  102. type: String,
  103. default: defprops.datetimePicker.cancelColor
  104. },
  105. // 确认按钮的颜色
  106. confirmColor: {
  107. type: String,
  108. default: defprops.datetimePicker.confirmColor
  109. },
  110. // 每列中可见选项的数量
  111. visibleItemCount: {
  112. type: [String, Number],
  113. default: defprops.datetimePicker.visibleItemCount
  114. },
  115. // 是否允许点击遮罩关闭选择器
  116. closeOnClickOverlay: {
  117. type: Boolean,
  118. default: defprops.datetimePicker.closeOnClickOverlay
  119. },
  120. // 各列的默认索引
  121. defaultIndex: {
  122. type: Array,
  123. default: defprops.datetimePicker.defaultIndex
  124. }
  125. }
  126. }