props.js 5.5 KB

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