| 
									
										
										
										
											2025-03-23 09:29:40 +08:00
										 |  |  |  | export default { | 
					
						
							|  |  |  |  | 	props: { | 
					
						
							|  |  |  |  | 		// 输入的值
 | 
					
						
							|  |  |  |  | 		value: { | 
					
						
							|  |  |  |  | 			type: [String, Number], | 
					
						
							|  |  |  |  | 			default: uni.$u.props.input.value | 
					
						
							|  |  |  |  | 		}, | 
					
						
							|  |  |  |  | 		// 输入框类型
 | 
					
						
							|  |  |  |  | 		// number-数字输入键盘,app-vue下可以输入浮点数,app-nvue和小程序平台下只能输入整数
 | 
					
						
							|  |  |  |  | 		// idcard-身份证输入键盘,微信、支付宝、百度、QQ小程序
 | 
					
						
							|  |  |  |  | 		// digit-带小数点的数字键盘,App的nvue页面、微信、支付宝、百度、头条、QQ小程序
 | 
					
						
							|  |  |  |  | 		// text-文本输入键盘
 | 
					
						
							|  |  |  |  | 		type: { | 
					
						
							|  |  |  |  | 			type: String, | 
					
						
							|  |  |  |  | 			default: uni.$u.props.input.type | 
					
						
							|  |  |  |  | 		}, | 
					
						
							|  |  |  |  | 		// 如果 textarea 是在一个 position:fixed 的区域,需要显示指定属性 fixed 为 true,
 | 
					
						
							|  |  |  |  | 		// 兼容性:微信小程序、百度小程序、字节跳动小程序、QQ小程序
 | 
					
						
							|  |  |  |  | 		fixed: { | 
					
						
							|  |  |  |  | 			type: Boolean, | 
					
						
							|  |  |  |  | 			default: uni.$u.props.input.fixed | 
					
						
							|  |  |  |  | 		}, | 
					
						
							|  |  |  |  | 		// 是否禁用输入框
 | 
					
						
							|  |  |  |  | 		disabled: { | 
					
						
							|  |  |  |  | 			type: Boolean, | 
					
						
							|  |  |  |  | 			default: uni.$u.props.input.disabled | 
					
						
							|  |  |  |  | 		}, | 
					
						
							|  |  |  |  | 		// 禁用状态时的背景色
 | 
					
						
							|  |  |  |  | 		disabledColor: { | 
					
						
							|  |  |  |  | 			type: String, | 
					
						
							|  |  |  |  | 			default: uni.$u.props.input.disabledColor | 
					
						
							|  |  |  |  | 		}, | 
					
						
							|  |  |  |  | 		// 是否显示清除控件
 | 
					
						
							|  |  |  |  | 		clearable: { | 
					
						
							|  |  |  |  | 			type: Boolean, | 
					
						
							|  |  |  |  | 			default: uni.$u.props.input.clearable | 
					
						
							|  |  |  |  | 		}, | 
					
						
							|  |  |  |  | 		// 是否密码类型
 | 
					
						
							|  |  |  |  | 		password: { | 
					
						
							|  |  |  |  | 			type: Boolean, | 
					
						
							|  |  |  |  | 			default: uni.$u.props.input.password | 
					
						
							|  |  |  |  | 		}, | 
					
						
							|  |  |  |  | 		// 最大输入长度,设置为 -1 的时候不限制最大长度
 | 
					
						
							|  |  |  |  | 		maxlength: { | 
					
						
							|  |  |  |  | 			type: [String, Number], | 
					
						
							|  |  |  |  | 			default: uni.$u.props.input.maxlength | 
					
						
							|  |  |  |  | 		}, | 
					
						
							|  |  |  |  | 		// 	输入框为空时的占位符
 | 
					
						
							|  |  |  |  | 		placeholder: { | 
					
						
							|  |  |  |  | 			type: String, | 
					
						
							|  |  |  |  | 			default: uni.$u.props.input.placeholder | 
					
						
							|  |  |  |  | 		}, | 
					
						
							| 
									
										
										
										
											2025-04-01 17:06:24 +08:00
										 |  |  |  | 		// 指定placeholder的样式类,注意页面或组件的style中写了scoped时,需要在类名前写:v-deep
 | 
					
						
							| 
									
										
										
										
											2025-03-23 09:29:40 +08:00
										 |  |  |  | 		placeholderClass: { | 
					
						
							|  |  |  |  | 			type: String, | 
					
						
							|  |  |  |  | 			default: uni.$u.props.input.placeholderClass | 
					
						
							|  |  |  |  | 		}, | 
					
						
							|  |  |  |  | 		// 指定placeholder的样式
 | 
					
						
							|  |  |  |  | 		placeholderStyle: { | 
					
						
							|  |  |  |  | 			type: [String, Object], | 
					
						
							|  |  |  |  | 			default: uni.$u.props.input.placeholderStyle | 
					
						
							|  |  |  |  | 		}, | 
					
						
							|  |  |  |  | 		// 是否显示输入字数统计,只在 type ="text"或type ="textarea"时有效
 | 
					
						
							|  |  |  |  | 		showWordLimit: { | 
					
						
							|  |  |  |  | 			type: Boolean, | 
					
						
							|  |  |  |  | 			default: uni.$u.props.input.showWordLimit | 
					
						
							|  |  |  |  | 		}, | 
					
						
							|  |  |  |  | 		// 设置右下角按钮的文字,有效值:send|search|next|go|done,兼容性详见uni-app文档
 | 
					
						
							|  |  |  |  | 		// https://uniapp.dcloud.io/component/input
 | 
					
						
							|  |  |  |  | 		// https://uniapp.dcloud.io/component/textarea
 | 
					
						
							|  |  |  |  | 		confirmType: { | 
					
						
							|  |  |  |  | 			type: String, | 
					
						
							|  |  |  |  | 			default: uni.$u.props.input.confirmType | 
					
						
							|  |  |  |  | 		}, | 
					
						
							|  |  |  |  | 		// 点击键盘右下角按钮时是否保持键盘不收起,H5无效
 | 
					
						
							|  |  |  |  | 		confirmHold: { | 
					
						
							|  |  |  |  | 			type: Boolean, | 
					
						
							|  |  |  |  | 			default: uni.$u.props.input.confirmHold | 
					
						
							|  |  |  |  | 		}, | 
					
						
							|  |  |  |  | 		// focus时,点击页面的时候不收起键盘,微信小程序有效
 | 
					
						
							|  |  |  |  | 		holdKeyboard: { | 
					
						
							|  |  |  |  | 			type: Boolean, | 
					
						
							|  |  |  |  | 			default: uni.$u.props.input.holdKeyboard | 
					
						
							|  |  |  |  | 		}, | 
					
						
							|  |  |  |  | 		// 自动获取焦点
 | 
					
						
							|  |  |  |  | 		// 在 H5 平台能否聚焦以及软键盘是否跟随弹出,取决于当前浏览器本身的实现。nvue 页面不支持,需使用组件的 focus()、blur() 方法控制焦点
 | 
					
						
							|  |  |  |  | 		focus: { | 
					
						
							|  |  |  |  | 			type: Boolean, | 
					
						
							|  |  |  |  | 			default: uni.$u.props.input.focus | 
					
						
							|  |  |  |  | 		}, | 
					
						
							|  |  |  |  | 		// 键盘收起时,是否自动失去焦点,目前仅App3.0.0+有效
 | 
					
						
							|  |  |  |  | 		autoBlur: { | 
					
						
							|  |  |  |  | 			type: Boolean, | 
					
						
							|  |  |  |  | 			default: uni.$u.props.input.autoBlur | 
					
						
							|  |  |  |  | 		}, | 
					
						
							|  |  |  |  | 		// 是否去掉 iOS 下的默认内边距,仅微信小程序,且type=textarea时有效
 | 
					
						
							|  |  |  |  | 		disableDefaultPadding: { | 
					
						
							|  |  |  |  | 			type: Boolean, | 
					
						
							|  |  |  |  | 			default: uni.$u.props.input.disableDefaultPadding | 
					
						
							|  |  |  |  | 		}, | 
					
						
							|  |  |  |  | 		// 指定focus时光标的位置
 | 
					
						
							|  |  |  |  | 		cursor: { | 
					
						
							|  |  |  |  | 			type: [String, Number], | 
					
						
							|  |  |  |  | 			default: uni.$u.props.input.cursor | 
					
						
							|  |  |  |  | 		}, | 
					
						
							|  |  |  |  | 		// 输入框聚焦时底部与键盘的距离
 | 
					
						
							|  |  |  |  | 		cursorSpacing: { | 
					
						
							|  |  |  |  | 			type: [String, Number], | 
					
						
							|  |  |  |  | 			default: uni.$u.props.input.cursorSpacing | 
					
						
							|  |  |  |  | 		}, | 
					
						
							|  |  |  |  | 		// 光标起始位置,自动聚集时有效,需与selection-end搭配使用
 | 
					
						
							|  |  |  |  | 		selectionStart: { | 
					
						
							|  |  |  |  | 			type: [String, Number], | 
					
						
							|  |  |  |  | 			default: uni.$u.props.input.selectionStart | 
					
						
							|  |  |  |  | 		}, | 
					
						
							|  |  |  |  | 		// 光标结束位置,自动聚集时有效,需与selection-start搭配使用
 | 
					
						
							|  |  |  |  | 		selectionEnd: { | 
					
						
							|  |  |  |  | 			type: [String, Number], | 
					
						
							|  |  |  |  | 			default: uni.$u.props.input.selectionEnd | 
					
						
							|  |  |  |  | 		}, | 
					
						
							|  |  |  |  | 		// 键盘弹起时,是否自动上推页面
 | 
					
						
							|  |  |  |  | 		adjustPosition: { | 
					
						
							|  |  |  |  | 			type: Boolean, | 
					
						
							|  |  |  |  | 			default: uni.$u.props.input.adjustPosition | 
					
						
							|  |  |  |  | 		}, | 
					
						
							|  |  |  |  | 		// 输入框内容对齐方式,可选值为:left|center|right
 | 
					
						
							|  |  |  |  | 		inputAlign: { | 
					
						
							|  |  |  |  | 			type: String, | 
					
						
							|  |  |  |  | 			default: uni.$u.props.input.inputAlign | 
					
						
							|  |  |  |  | 		}, | 
					
						
							|  |  |  |  | 		// 输入框字体的大小
 | 
					
						
							|  |  |  |  | 		fontSize: { | 
					
						
							|  |  |  |  | 			type: [String, Number], | 
					
						
							|  |  |  |  | 			default: uni.$u.props.input.fontSize | 
					
						
							|  |  |  |  | 		}, | 
					
						
							|  |  |  |  | 		// 输入框字体颜色
 | 
					
						
							|  |  |  |  | 		color: { | 
					
						
							|  |  |  |  | 			type: String, | 
					
						
							|  |  |  |  | 			default: uni.$u.props.input.color | 
					
						
							|  |  |  |  | 		}, | 
					
						
							|  |  |  |  | 		// 输入框前置图标
 | 
					
						
							|  |  |  |  | 		prefixIcon: { | 
					
						
							|  |  |  |  | 			type: String, | 
					
						
							|  |  |  |  | 			default: uni.$u.props.input.prefixIcon | 
					
						
							|  |  |  |  | 		}, | 
					
						
							|  |  |  |  | 		// 前置图标样式,对象或字符串
 | 
					
						
							|  |  |  |  | 		prefixIconStyle: { | 
					
						
							|  |  |  |  | 			type: [String, Object], | 
					
						
							|  |  |  |  | 			default: uni.$u.props.input.prefixIconStyle | 
					
						
							|  |  |  |  | 		}, | 
					
						
							|  |  |  |  | 		// 输入框后置图标
 | 
					
						
							|  |  |  |  | 		suffixIcon: { | 
					
						
							|  |  |  |  | 			type: String, | 
					
						
							|  |  |  |  | 			default: uni.$u.props.input.suffixIcon | 
					
						
							|  |  |  |  | 		}, | 
					
						
							|  |  |  |  | 		// 后置图标样式,对象或字符串
 | 
					
						
							|  |  |  |  | 		suffixIconStyle: { | 
					
						
							|  |  |  |  | 			type: [String, Object], | 
					
						
							|  |  |  |  | 			default: uni.$u.props.input.suffixIconStyle | 
					
						
							|  |  |  |  | 		}, | 
					
						
							|  |  |  |  | 		// 边框类型,surround-四周边框,bottom-底部边框,none-无边框
 | 
					
						
							|  |  |  |  | 		border: { | 
					
						
							|  |  |  |  | 			type: String, | 
					
						
							|  |  |  |  | 			default: uni.$u.props.input.border | 
					
						
							|  |  |  |  | 		}, | 
					
						
							|  |  |  |  | 		// 是否只读,与disabled不同之处在于disabled会置灰组件,而readonly则不会
 | 
					
						
							|  |  |  |  | 		readonly: { | 
					
						
							|  |  |  |  | 			type: Boolean, | 
					
						
							|  |  |  |  | 			default: uni.$u.props.input.readonly | 
					
						
							|  |  |  |  | 		}, | 
					
						
							|  |  |  |  | 		// 输入框形状,circle-圆形,square-方形
 | 
					
						
							|  |  |  |  | 		shape: { | 
					
						
							|  |  |  |  | 			type: String, | 
					
						
							|  |  |  |  | 			default: uni.$u.props.input.shape | 
					
						
							|  |  |  |  | 		}, | 
					
						
							|  |  |  |  | 		// 用于处理或者过滤输入框内容的方法
 | 
					
						
							|  |  |  |  | 		formatter: { | 
					
						
							|  |  |  |  | 			type: [Function, null], | 
					
						
							|  |  |  |  | 			default: uni.$u.props.input.formatter | 
					
						
							|  |  |  |  | 		}, | 
					
						
							|  |  |  |  | 		// 是否忽略组件内对文本合成系统事件的处理
 | 
					
						
							|  |  |  |  | 		ignoreCompositionEvent: { | 
					
						
							|  |  |  |  | 			type: Boolean, | 
					
						
							|  |  |  |  | 			default: true | 
					
						
							|  |  |  |  | 		} | 
					
						
							|  |  |  |  | 	} | 
					
						
							|  |  |  |  | } |