@beisen-phoenix/input

基础输入框

@beisen-phoenix/input

概述

通过鼠标或键盘输入内容，是最基础的表单域的包装。

API

参数	说明	类型	默认值	是否必传
type	输入框类型，仅支持 text password hidden	string	text	否
size	输入框尺寸，支持 default large small	string	default	否
value	输入框内容	string	-	否
defaultValue	输入框默认内容，若使用了 value，则 defaultValue 无效	boolean	-	否
placeholder	同原生 input	string	请输入	否
status	输入框状态，正常、禁用、提示、错误，支持 normal disabled isHint error	string	normal	否
readOnly	只读状态，不能输入，不显示清除按钮	boolean	false	否
autoFocus	首次挂载时是否自动获取焦点	boolean	false	否
maxLength	最大输入字符数，同原生 input	number	-	否
prefix	前缀元素	React.ReactNode	-	否
suffix	后缀元素，同 prefix	React.ReactNode	-	否
translation	国际化，详情见下方	object	-	否
onChange	输入框内容变化时的回调	function(value: string)	-	否
onFocus	获取焦点时的回调	function(value: string)	-	否
onBlur	失去焦点时的回调	function(value: string)	-	否
onEnter	按下回车的回调	function(value: string)	-	否
onClear	按下清除图标的回调	function()	-	否
onClick	点击输入框时的回调	function(event)	-	否
extraCls	自定义组件容器 class,一般用于覆盖组件默认样式使用	string	-	否
clearFocus	输入框激活时 点击清除按钮 输入框是否激活	boolean	false	否
allowPoprationOnClear	点击清除按钮时,click 事件是否冒泡	boolean	false	否
lang	当前语言环境(zh_CN,en_US,zh_TW)	string	zh_CN	否

translation

translation: {
  placeholder: '请输入'
}

2019-11-19

新增 lang 属性，用于表示当前的语言环境，取值范围为“zh_CN,zh_TW,en_US”内部新增中文简体、英文、中文繁体语言包。

2019-09-12

更新设计： 可操作输入框文字超长时打点【保证 chrome 能正常打点即可】,不显示 tooltip 仅在禁用，只读时显示 tooltip

2019-09-18

新增 api | clearFocus | 输入框激活时 点击清除按钮 输入框是否激活 | boolean | false | 否 |