搜索输入框组件
@beisen-phoenix/search
概述
在@beisen-phoenix/input 组件上做了一层封装。
API
参数 | 说明 | 类型 | 默认值 | 是否必传 |
---|---|---|---|---|
size | 搜索框尺寸,支持 default large small |
string | default | No |
value | 搜索框内容 | string | - | No |
defaultValue | 搜索框默认内容,若使用了 value,则 defaultValue 无效 | boolean | - | No |
placeholder | 同原生 input | string | 搜索 |
No |
status | 搜索框状态,正常、提示,支持 normal isHint |
string | 'normal' | No |
translation | 国际化,详情见下方 | object | - | No |
autoFocus | 首次挂载时是否自动获取焦点 | boolean | false | No |
onChange | 搜索框内容变化时的回调 | function(value: string) | - | No |
onFocus | 获取焦点时的回调 | function(value: string) | - | No |
onBlur | 失去焦点时的回调 | function(value: string) | - | No |
onSearch | 按下回车的回调 | function(value: string) | - | No |
onClick | 点击搜索框时的回调 | function(event) | - | No |
onClear | 点击搜索框删除按钮的回调 | function() | - | No |
extraCls | 自定义组件容器 class,一般用于覆盖组件默认样式使用 | string | - | 否 |
extend | 自定义搜索框下方扩展文字或组件 | string/ JSX.Element | - | 否 |
lang | 当前语言环境(zh_CN ,en_US ,zh_TW ) |
string | zh_CN |
否 |
translation | 国际化,详情见下方 | object | - | 否 |
showOverflowTips | 超出最大长度是否提示 | boolean | - | 否 |
translation | 国际化,详情见下方 | object | - | 否 |
注
其余属性按照@beisen-phoenix/input api 使用即可, 这里不赘述
translation
translation: {
placeholder: '搜索'
}
CHANGELOG
[5.2.1] 2022-02-15
- schema schema中增加多语言翻译属性
[version] 2020-03-23
- schema 添加schema中onClear事件