1.0.2 • Published 3 years ago
ai-search-header v1.0.2
Header
import { Header } from 'ai-search-header';
<Header
sysName="测试系统"
sysVersion="v1.0"
appName="AI智能测试"
userPic="https://img.alicdn.com/tfs/TB1UV54NMHqK1RjSZFEXXcGMXXa-120-120.jpg"
userName="焱骏"
moreList={[
{ name: '退出登录', link: '/'},
{ name: '运营概览', link: '/'}
]}
endList={[
{ name: '权限提升/审批', link: '/'}
]}
selectList={[
{text: '小型汽车', value: 's'},
{text: '大型汽车', value: 'x'}
]}
defaultSelected="s"
defaultInput="测试"
searchProps={{
onSearch: (val) => {
alert(val);
}
}}
/>
props
参数 | 类型 | 说明 | 必填 | 默认值 |
---|---|---|---|---|
className | string | 组件自定义样式 | 否 | - |
sysName | string | 系统名称 | 否 | "警务操作系统" |
sysVersion | string | 系统版本号 | 否 | "v2.0" |
appName | string | 应用名称 | 否 | "AI智能搜索" |
userPic | string | 用户头像地址 | 否 | - |
userName | string | 用户名称 | 否 | - |
moreList | <name: string, link?: string, onClick?: Function>Array | 用户名下拉列表 | 否 | [] |
endList | <name: string, link?: string, onClick?: Function>Array | 头部快捷入口 | 否 | [] |
selectList | <text: string, value: string>Array | 下拉列表data | 否 | [] |
defaultSelected | string | 下拉默认值(受控) | 否 | - |
onSelect | Function(val: string) | 下拉事件监听 | 否 | () => {} |
searchProps | object | antd Input.Search组件props,value和onChange已失效 | 否 | - |
defaultInput | string | 输入框搜索词(受控) | 否 | - |
changeInput | Function(e) | 输入框内容改变监听事件 | 否 | () => {} |