@antdp/basic-layouts
Version:
53 lines (51 loc) • 1.96 kB
JavaScript
;
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var _react = _interopRequireWildcard(require("react"));
var _max = require("@umijs/max");
var _hooks = require("../hooks");
var _interface = require("../interface");
var _jsxRuntime = require("react/jsx-runtime");
// @ts-ignore
var Logo = function Logo(props) {
var _useLayouts = (0, _hooks.useLayouts)(),
collapsed = _useLayouts.collapsed,
logo = _useLayouts.logo,
projectName = _useLayouts.projectName,
layout = _useLayouts.layout,
_useLayouts$siderWidt = _useLayouts.siderWidth,
siderWidth = _useLayouts$siderWidt === void 0 ? 260 : _useLayouts$siderWidt;
var _props$logoJumpTo = props.logoJumpTo,
logoJumpTo = _props$logoJumpTo === void 0 ? '/' : _props$logoJumpTo;
var logoRender = (0, _react.useMemo)(function () {
return logo && /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
src: logo,
alt: "logo"
});
}, [logo]);
var name = (0, _react.useMemo)(function () {
if (layout === _interface.LayoutModel.SLIDER && collapsed) {
return null;
}
return projectName && /*#__PURE__*/(0, _jsxRuntime.jsx)("h1", {
children: projectName
});
}, [projectName, collapsed, layout]);
return (0, _react.useMemo)(function () {
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
style: {
width: layout === _interface.LayoutModel.SLIDER && collapsed ? 80 : siderWidth
},
className: "antdp-global-title antdp-global-title-top ".concat(layout === _interface.LayoutModel.SLIDER && 'antdp-global-title-left' || ''),
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_max.Link, {
to: logoJumpTo,
children: [logoRender, name]
})
});
}, [collapsed]);
};
var _default = exports["default"] = Logo;
module.exports = exports.default;