基础输入框

@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 | 否 |