| | |
| | | |
| | | import asyncComponent from '@/utils/asyncComponent' |
| | | import MKEmitter from '@/utils/events.js' |
| | | import { resetStyle } from '@/utils/utils-custom.js' |
| | | import './index.scss' |
| | | |
| | | const SearchComponent = asyncComponent(() => import('@/menu/components/share/searchcomponent')) |
| | |
| | | show = false |
| | | } |
| | | } |
| | | let _style = resetStyle(config.headerStyle) |
| | | |
| | | return ( |
| | | <div className={'normal-header' + (!show ? ' hidden' : '')} style={config.headerStyle}> |
| | | <div className={'normal-header' + (!show ? ' hidden' : '') + (config.wrap && config.wrap.searchable === 'true' ? ' tree-search' : '')} style={_style}> |
| | | <Popover overlayClassName="mk-popover-control-wrap" mouseLeaveDelay={0.2} mouseEnterDelay={0.2} content={ |
| | | <div className="mk-popover-control"> |
| | | <Icon className="style" title="调整样式" onClick={this.changeStyle} type="font-colors" /> |
| | |
| | | } trigger="hover"> |
| | | <span className="title">{title}</span> |
| | | </Popover> |
| | | {config.wrap && config.wrap.searchable === 'true' ? <span className="ant-input-search ant-input-affix-wrapper"><span className="ant-input-suffix"><Icon type="search" /></span></span> : null} |
| | | {hideSearch !== 'true' && config.search ? <SearchComponent config={config} updatesearch={this.props.updateComponent}/> : null} |
| | | </div> |
| | | ) |