搜索框
开发者未提供任何描述性文档
Storybook
SUCCESS0 DEPENDENCIES0

搜索输入框组件

@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事件