@beisen-phoenix/search

@beisen-phoenix/search

Usage no npm install needed!

<script type="module">
  import beisenPhoenixSearch from 'https://cdn.skypack.dev/@beisen-phoenix/search';
</script>

README

搜索输入框组件

@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
extraCls 自定义组件容器class,一般用于覆盖组件默认样式使用 string - 否
extend 自定义搜索框下方扩展文字或组件 string/ JSX.Element - 否

translation

translation: {
  placeholder: '搜索'
}

2019-08-19

去掉极限值打点出tips状态；