props.js 5.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182
  1. export default {
  2. props: {
  3. // 输入的值
  4. value: {
  5. type: [String, Number],
  6. default: uni.$u.props.input.value
  7. },
  8. // 输入框类型
  9. // number-数字输入键盘,app-vue下可以输入浮点数,app-nvue和小程序平台下只能输入整数
  10. // idcard-身份证输入键盘,微信、支付宝、百度、QQ小程序
  11. // digit-带小数点的数字键盘,App的nvue页面、微信、支付宝、百度、头条、QQ小程序
  12. // text-文本输入键盘
  13. type: {
  14. type: String,
  15. default: uni.$u.props.input.type
  16. },
  17. // 如果 textarea 是在一个 position:fixed 的区域,需要显示指定属性 fixed 为 true,
  18. // 兼容性:微信小程序、百度小程序、字节跳动小程序、QQ小程序
  19. fixed: {
  20. type: Boolean,
  21. default: uni.$u.props.input.fixed
  22. },
  23. // 是否禁用输入框
  24. disabled: {
  25. type: Boolean,
  26. default: uni.$u.props.input.disabled
  27. },
  28. // 禁用状态时的背景色
  29. disabledColor: {
  30. type: String,
  31. default: uni.$u.props.input.disabledColor
  32. },
  33. // 是否显示清除控件
  34. clearable: {
  35. type: Boolean,
  36. default: uni.$u.props.input.clearable
  37. },
  38. // 是否密码类型
  39. password: {
  40. type: Boolean,
  41. default: uni.$u.props.input.password
  42. },
  43. // 最大输入长度,设置为 -1 的时候不限制最大长度
  44. maxlength: {
  45. type: [String, Number],
  46. default: uni.$u.props.input.maxlength
  47. },
  48. // 输入框为空时的占位符
  49. placeholder: {
  50. type: String,
  51. default: uni.$u.props.input.placeholder
  52. },
  53. // 指定placeholder的样式类,注意页面或组件的style中写了scoped时,需要在类名前写/deep/
  54. placeholderClass: {
  55. type: String,
  56. default: uni.$u.props.input.placeholderClass
  57. },
  58. // 指定placeholder的样式
  59. placeholderStyle: {
  60. type: [String, Object],
  61. default: uni.$u.props.input.placeholderStyle
  62. },
  63. // 是否显示输入字数统计,只在 type ="text"或type ="textarea"时有效
  64. showWordLimit: {
  65. type: Boolean,
  66. default: uni.$u.props.input.showWordLimit
  67. },
  68. // 设置右下角按钮的文字,有效值:send|search|next|go|done,兼容性详见uni-app文档
  69. // https://uniapp.dcloud.io/component/input
  70. // https://uniapp.dcloud.io/component/textarea
  71. confirmType: {
  72. type: String,
  73. default: uni.$u.props.input.confirmType
  74. },
  75. // 点击键盘右下角按钮时是否保持键盘不收起,H5无效
  76. confirmHold: {
  77. type: Boolean,
  78. default: uni.$u.props.input.confirmHold
  79. },
  80. // focus时,点击页面的时候不收起键盘,微信小程序有效
  81. holdKeyboard: {
  82. type: Boolean,
  83. default: uni.$u.props.input.holdKeyboard
  84. },
  85. // 自动获取焦点
  86. // 在 H5 平台能否聚焦以及软键盘是否跟随弹出,取决于当前浏览器本身的实现。nvue 页面不支持,需使用组件的 focus()、blur() 方法控制焦点
  87. focus: {
  88. type: Boolean,
  89. default: uni.$u.props.input.focus
  90. },
  91. // 键盘收起时,是否自动失去焦点,目前仅App3.0.0+有效
  92. autoBlur: {
  93. type: Boolean,
  94. default: uni.$u.props.input.autoBlur
  95. },
  96. // 是否去掉 iOS 下的默认内边距,仅微信小程序,且type=textarea时有效
  97. disableDefaultPadding: {
  98. type: Boolean,
  99. default: uni.$u.props.input.disableDefaultPadding
  100. },
  101. // 指定focus时光标的位置
  102. cursor: {
  103. type: [String, Number],
  104. default: uni.$u.props.input.cursor
  105. },
  106. // 输入框聚焦时底部与键盘的距离
  107. cursorSpacing: {
  108. type: [String, Number],
  109. default: uni.$u.props.input.cursorSpacing
  110. },
  111. // 光标起始位置,自动聚集时有效,需与selection-end搭配使用
  112. selectionStart: {
  113. type: [String, Number],
  114. default: uni.$u.props.input.selectionStart
  115. },
  116. // 光标结束位置,自动聚集时有效,需与selection-start搭配使用
  117. selectionEnd: {
  118. type: [String, Number],
  119. default: uni.$u.props.input.selectionEnd
  120. },
  121. // 键盘弹起时,是否自动上推页面
  122. adjustPosition: {
  123. type: Boolean,
  124. default: uni.$u.props.input.adjustPosition
  125. },
  126. // 输入框内容对齐方式,可选值为:left|center|right
  127. inputAlign: {
  128. type: String,
  129. default: uni.$u.props.input.inputAlign
  130. },
  131. // 输入框字体的大小
  132. fontSize: {
  133. type: [String, Number],
  134. default: uni.$u.props.input.fontSize
  135. },
  136. // 输入框字体颜色
  137. color: {
  138. type: String,
  139. default: uni.$u.props.input.color
  140. },
  141. // 输入框前置图标
  142. prefixIcon: {
  143. type: String,
  144. default: uni.$u.props.input.prefixIcon
  145. },
  146. // 前置图标样式,对象或字符串
  147. prefixIconStyle: {
  148. type: [String, Object],
  149. default: uni.$u.props.input.prefixIconStyle
  150. },
  151. // 输入框后置图标
  152. suffixIcon: {
  153. type: String,
  154. default: uni.$u.props.input.suffixIcon
  155. },
  156. // 后置图标样式,对象或字符串
  157. suffixIconStyle: {
  158. type: [String, Object],
  159. default: uni.$u.props.input.suffixIconStyle
  160. },
  161. // 边框类型,surround-四周边框,bottom-底部边框,none-无边框
  162. border: {
  163. type: String,
  164. default: uni.$u.props.input.border
  165. },
  166. // 是否只读,与disabled不同之处在于disabled会置灰组件,而readonly则不会
  167. readonly: {
  168. type: Boolean,
  169. default: uni.$u.props.input.readonly
  170. },
  171. // 输入框形状,circle-圆形,square-方形
  172. shape: {
  173. type: String,
  174. default: uni.$u.props.input.shape
  175. },
  176. // 用于处理或者过滤输入框内容的方法
  177. formatter: {
  178. type: [Function, null],
  179. default: uni.$u.props.input.formatter
  180. }
  181. }
  182. }