@grc/business
Version:
更新sider选项 : forceSubMenuRender
28 lines (27 loc) • 2.15 kB
JavaScript
import React from "react";
import { ConfigConsumer } from "@grc/base/components/config-provider";
import { Avatar } from "@grc/base/components/avatar";
import { Layout } from "@grc/base/components/layout";
import { Icon } from "@grc/base/components/icon";
import { IntlFormattedMessageEnhance } from "@grc/base/components/intl";
var Header = Layout.Header;
export default function HeaderComponent(props) {
var user = props.user, logout = props.logout, title = props.title, children = props.children, controls = props.controls;
return (React.createElement(ConfigConsumer, null, function (config) {
var getPrefixCls = config.getPrefixCls;
var prefixCls = getPrefixCls("header", "", true);
return (React.createElement(Header, { prefixCls: prefixCls },
React.createElement("div", { className: prefixCls + "-wrapper" },
React.createElement("div", { className: prefixCls + "-title" }, title),
React.createElement("div", { className: prefixCls + "-children" }, children),
React.createElement("div", { className: prefixCls + "-control" }, controls ? controls : (React.createElement(React.Fragment, null,
React.createElement("ul", { className: prefixCls + "-control-items" },
React.createElement("li", { className: prefixCls + "-control-item " + prefixCls + "-control-user" },
React.createElement(Avatar, { icon: "user", shape: "circle", src: user ? user.avatar : "" }),
React.createElement("span", { className: prefixCls + "-control-text" }, user ? user.name : "")),
React.createElement("li", { className: prefixCls + "-control-item " + prefixCls + "-control-logout", onClick: function () { logout && logout(); } },
React.createElement(Icon, { type: "poweroff" }),
React.createElement("span", { className: prefixCls + "-control-text" },
React.createElement(IntlFormattedMessageEnhance, { intlId: "gbc.component.header.logout" }))))))))));
}));
}