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) | 输入框内容改变监听事件 | 否 | () => {} |