@ccs-design/rc-pro-component
Version:
ccs design basic react component
60 lines • 1.97 kB
JavaScript
import "antd/es/layout/style";
import _Layout from "antd/es/layout";
import React from 'react';
import UserContent from './user';
import LayoutMenu from './menu';
import { classPrefix } from '.';
export default (function (_ref) {
var logo = _ref.logo,
layout = _ref.layout,
menus = _ref.menus,
history = _ref.history,
menuData = _ref.menuData,
location = _ref.location,
userDetail = _ref.userDetail,
headerExtra = _ref.headerExtra,
layoutConfig = _ref.layoutConfig,
userOverlayMenu = _ref.userOverlayMenu,
onChangeLayout = _ref.onChangeLayout;
return /*#__PURE__*/React.createElement(_Layout.Header, {
style: {
height: 48,
lineHeight: '48px',
padding: 0,
width: '100%'
}
}, /*#__PURE__*/React.createElement("div", {
className: "".concat(classPrefix, "-header")
}, /*#__PURE__*/React.createElement("a", {
className: "".concat(classPrefix, "-header-left"),
onClick: function onClick() {
return history.push('/');
}
}, /*#__PURE__*/React.createElement("img", {
src: logo,
alt: "logo"
}), /*#__PURE__*/React.createElement("h1", {
style: {
color: '#fff'
}
}, layoutConfig === null || layoutConfig === void 0 ? void 0 : layoutConfig.AppName)), /*#__PURE__*/React.createElement("div", {
className: "".concat(classPrefix, "-header-mid")
}, layout === 'top' ? /*#__PURE__*/React.createElement(LayoutMenu, {
theme: "dark",
mode: "horizontal",
menus: menus,
collapsed: false,
location: location,
menuData: menuData || [],
layoutConfig: layoutConfig
}) : headerExtra), /*#__PURE__*/React.createElement("div", {
className: "".concat(classPrefix, "-header-right")
}, /*#__PURE__*/React.createElement(UserContent, {
history: history,
menus: menus,
layout: layout,
userDetail: userDetail,
userOverlayMenu: userOverlayMenu,
onChangeLayout: onChangeLayout
}))));
});