@beisen-phoenix/input

> @beisen-phoenix/input

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
@beisen-phoenix/input
3.3.553 years ago4 years agoMinified + gzip package size for @beisen-phoenix/input in KB

Readme

基础输入框
@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 | 当前语言环境(zhCN,enUS,zhTW) | string | zhCN | 否 |

translation

translation: {
  placeholder: '请输入'
}

2019-11-19

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

2019-09-12

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

2019-09-18

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