综合办公系统
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

props.js 2.5KB

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