props.js 4.4 KB

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