@beisen-phoenix/pop-search

成员|说明|类型|默认值 ---|:--:|:--:|--- value|输入框的取值|string|- defaultValue|输入框的初始取值|string|- onChange|value|输入框的值变化时的回调函数|Function|- onClick|确定按钮的回调函数|Function|- | validateSearch | 搜索框中数据的验证，在搜索行为发生前执行，参数为输入框的value，该回调函数应该return一个对象{value: '处理后的value', info: '验证的提示信息，会显示在输入框下方', clearTipAfter: '提示信息自动消失的时间间隔'} | (val:string) => {value:string,info:string,clearTipAfter?:number} | 无 | footerExtend|自定义内容，插入到底部按钮前方|() => string | JSX.Element|-

Usage no npm install needed!

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

README

搜索弹层

API属性如下：

成员	说明	类型	默认值
value	输入框的取值	string	-
defaultValue	输入框的初始取值	string	-
onChange	value	输入框的值变化时的回调函数	Function
onClick	确定按钮的回调函数	Function	-
validateSearch	搜索框中数据的验证，在搜索行为发生前执行，参数为输入框的value，该回调函数应该return一个对象{value: '处理后的value', info: '验证的提示信息，会显示在输入框下方', clearTipAfter: '提示信息自动消失的时间间隔'}	(val:string) => {value:string,info:string,clearTipAfter?:number}	无
footerExtend	自定义内容，插入到底部按钮前方	() => string	JSX.Element

代码示例

<UnmodeledLayer
  size="large"
  footer={null}
  trigger={['click']}
  visible={visible}
  onVisibleChange={this.onVisibleChange}
  content={<PopSearch value={value} defaultValue={defaultValue} onClick={this.onClick} />}
  >
  <Button>打开</Button>
</UnmodeledLayer>

2019-11-18 3.3.31

新增 footerExtend|自定义内容，插入到底部按钮前方|() => string | JSX.Element|-