@ccs-design/rc-pro/lib/CcsBasicLayout/header.js

ccs design basic react component

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _react = _interopRequireDefault(require("react"));

var _antd = require("antd");

var _user = _interopRequireDefault(require("./user"));

var _menu = _interopRequireDefault(require("./menu"));

var _ = require(".");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var _default = function _default(_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,
      renderChildrenMenu = _ref.renderChildrenMenu;
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_antd.Layout.Header, {
    style: {
      top: 0,
      right: 0,
      padding: 0,
      height: 48,
      width: '100%',
      position: 'fixed',
      lineHeight: '48px',
      zIndex: 105
    }
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "".concat(_.classPrefix, "-header")
  }, /*#__PURE__*/_react.default.createElement("a", {
    className: "".concat(_.classPrefix, "-header-left"),
    onClick: function onClick() {
      return history.push('/');
    }
  }, logo && typeof logo === 'string' ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("img", {
    src: logo,
    alt: "logo"
  }), /*#__PURE__*/_react.default.createElement("h1", {
    style: {
      color: '#fff'
    }
  }, layoutConfig === null || layoutConfig === void 0 ? void 0 : layoutConfig.AppName)) : logo), /*#__PURE__*/_react.default.createElement("div", {
    className: "".concat(_.classPrefix, "-header-mid")
  }, layout === 'top' ? /*#__PURE__*/_react.default.createElement(_menu.default, {
    theme: "dark",
    mode: "horizontal",
    menus: menus,
    collapsed: false,
    location: location,
    menuData: menuData || [],
    layoutConfig: layoutConfig,
    renderChildrenMenu: renderChildrenMenu
  }) : headerExtra), /*#__PURE__*/_react.default.createElement("div", {
    className: "".concat(_.classPrefix, "-header-right")
  }, /*#__PURE__*/_react.default.createElement(_user.default, {
    history: history,
    menus: menus,
    layout: layout,
    userDetail: userDetail,
    layoutChange: layoutConfig.LayoutChange,
    userOverlayMenu: userOverlayMenu,
    onChangeLayout: onChangeLayout
  })))));
};

exports.default = _default;