ai-search-header
TypeScript icon, indicating that this package has built-in type declarations

1.0.2 • Public • Published

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

Package Sidebar

Install

npm i ai-search-header

Weekly Downloads

2

Version

1.0.2

License

MIT

Unpacked Size

23.8 kB

Total Files

12

Last publish

Collaborators

  • zhoushaojun
  • gaiyanhang
  • yuanff