props.js 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143
  1. import { defineProps } from '../../libs/util/props';
  2. export default defineProps('numberBox', {
  3. // 步进器标识符,在change回调返回
  4. name: {
  5. type: [String, Number],
  6. default: ''
  7. },
  8. // 用于双向绑定的值,初始化时设置设为默认min值(最小值)
  9. // #ifdef VUE2
  10. value: {
  11. type: [String, Number],
  12. default: 0
  13. },
  14. // #endif
  15. // #ifdef VUE3
  16. modelValue: {
  17. type: [String, Number],
  18. default: 0
  19. },
  20. // #endif
  21. // 最小值
  22. min: {
  23. type: [String, Number],
  24. default: 1
  25. },
  26. // 最大值
  27. max: {
  28. type: [String, Number],
  29. default: Number.MAX_SAFE_INTEGER
  30. },
  31. // 加减的步长,可为小数
  32. step: {
  33. type: [String, Number],
  34. default: 1
  35. },
  36. // 是否只允许输入整数
  37. integer: {
  38. type: Boolean,
  39. default: false
  40. },
  41. // 是否禁用,包括输入框,加减按钮
  42. disabled: {
  43. type: Boolean,
  44. default: false
  45. },
  46. // 是否禁用输入框
  47. disabledInput: {
  48. type: Boolean,
  49. default: false
  50. },
  51. // 是否开启异步变更,开启后需要手动控制输入值
  52. asyncChange: {
  53. type: Boolean,
  54. default: false
  55. },
  56. // 输入框宽度,单位为px
  57. inputWidth: {
  58. type: [String, Number],
  59. default: 35
  60. },
  61. // 是否显示减少按钮
  62. showMinus: {
  63. type: Boolean,
  64. default: true
  65. },
  66. // 是否显示增加按钮
  67. showPlus: {
  68. type: Boolean,
  69. default: true
  70. },
  71. // 显示的小数位数
  72. decimalLength: {
  73. type: [String, Number, null],
  74. default: null
  75. },
  76. // 是否开启长按加减手势
  77. longPress: {
  78. type: Boolean,
  79. default: true
  80. },
  81. // 输入框文字和加减按钮图标的颜色
  82. color: {
  83. type: String,
  84. default: '#323233'
  85. },
  86. // 按钮大小,宽高等于此值,单位px,输入框高度和此值保持一致
  87. buttonSize: {
  88. type: [String, Number],
  89. default: 30
  90. },
  91. // 输入框和按钮的背景颜色
  92. bgColor: {
  93. type: String,
  94. default: '#EBECEE'
  95. },
  96. // 按钮禁用后的背景颜色
  97. disableBgColor: {
  98. type: String,
  99. default: '#f7f8fa'
  100. },
  101. // 按钮禁用后的字体颜色
  102. disableColor: {
  103. type: String,
  104. default: '#c8c9cc'
  105. },
  106. // 指定光标于键盘的距离,避免键盘遮挡输入框,单位px
  107. cursorSpacing: {
  108. type: [String, Number],
  109. default: 100
  110. },
  111. // 是否禁用增加按钮
  112. disablePlus: {
  113. type: Boolean,
  114. default: false
  115. },
  116. // 是否禁用减少按钮
  117. disableMinus: {
  118. type: Boolean,
  119. default: false
  120. },
  121. // 加减按钮图标的样式
  122. iconStyle: {
  123. type: [Object, String],
  124. default: ''
  125. },
  126. // 加减按钮圆角,单位px
  127. buttonRound: {
  128. type: [String, Number],
  129. default: 0
  130. },
  131. // 输入框背景颜色
  132. inputBgColor: {
  133. type: String,
  134. default: ''
  135. },
  136. // 加减按钮图标大小,单位px
  137. iconSize: {
  138. type: [String, Number],
  139. default: 15
  140. }
  141. })