@doreamonjs/gate
Version:
gate for doreamonjs
54 lines (53 loc) • 3.65 kB
JavaScript
"use strict";
/*
* Author: zero (uniquecolesmith@gmail.com)
* Created At: 2019-02-01 10:36:61
* Last Modified: 2019-02-01 10:41:57
* Copyright 2019 - Zero
* MIT Licensed
*/
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const react_1 = __importDefault(require("react"));
const dva_1 = require("dva");
const classnames_1 = __importDefault(require("classnames"));
const antd_1 = require("antd");
const collapse_1 = __importDefault(require("./collapse"));
const search_1 = __importDefault(require("./search"));
const connect_1 = __importDefault(require("./connect"));
const faq_1 = __importDefault(require("./faq"));
const notice_1 = __importDefault(require("./notice"));
const user_1 = __importDefault(require("./user"));
const env_1 = __importDefault(require("./env"));
require("./index.less");
const help_1 = __importDefault(require("./help"));
const componentName = 'doreamonjs-design-gate-layout-header';
const Header = (props) => {
var _a, _b, _c, _d, _e, _f, _g;
const containerCls = classnames_1.default('layout-header', componentName, 'headerBar');
return (react_1.default.createElement(antd_1.Layout.Header, { className: containerCls },
react_1.default.createElement("div", { className: 'headerLeftItem' },
props.menuCollapseEnable && (react_1.default.createElement(collapse_1.default, { config: (_a = props === null || props === void 0 ? void 0 : props.configs) === null || _a === void 0 ? void 0 : _a['global.system.collapse'] })),
props.globalSearchEnable && (react_1.default.createElement(search_1.default, { config: (_b = props === null || props === void 0 ? void 0 : props.configs) === null || _b === void 0 ? void 0 : _b['global.system.search'] }))),
react_1.default.createElement("div", { className: 'headerRightItem' },
props.connectEnable && (react_1.default.createElement(connect_1.default, { config: (_c = props === null || props === void 0 ? void 0 : props.configs) === null || _c === void 0 ? void 0 : _c['global.system.connect'] })),
props.faqEnable && (react_1.default.createElement(faq_1.default, { config: (_d = props === null || props === void 0 ? void 0 : props.configs) === null || _d === void 0 ? void 0 : _d['global.system.faq'] })),
props.noticeEnable && (react_1.default.createElement(notice_1.default, { config: (_e = props === null || props === void 0 ? void 0 : props.configs) === null || _e === void 0 ? void 0 : _e['global.system.notice'] })),
props.envEnable && (react_1.default.createElement(env_1.default, { config: (_f = props === null || props === void 0 ? void 0 : props.configs) === null || _f === void 0 ? void 0 : _f['global.system.env'] })),
react_1.default.createElement(user_1.default, null),
props.helpEnbable && (react_1.default.createElement(help_1.default, { config: (_g = props === null || props === void 0 ? void 0 : props.configs) === null || _g === void 0 ? void 0 : _g['global.system.help'] })))));
};
const mapState = ({ functions }) => ({
envEnable: functions['global.system.env'],
menuCollapseEnable: functions['global.system.menu.collapse'],
globalSearchEnable: functions['global.system.search'],
connectEnable: functions['global.system.connect'],
faqEnable: functions['global.system.faq'],
noticeEnable: functions['global.system.notice'],
helpEnbable: functions['global.system.help'],
//
configs: functions.configs,
});
exports.default = dva_1.connect(mapState)(Header);