UNPKG

dumi-theme-nocobase

Version:
48 lines 5.59 kB
/* eslint-disable react/jsx-closing-tag-location */ import { css } from '@emotion/react'; import { useLocale, useLocation, useSiteData } from 'dumi'; import { Fragment, useMemo } from 'react'; import ExternalLink from "../../common/ExternalLink"; import useSiteToken from "../../hooks/useSiteToken"; import { jsx as ___EmotionJSX } from "@emotion/react"; var useStyle = function useStyle() { var _useSiteToken = useSiteToken(), token = _useSiteToken.token; var antCls = token.antCls, headerHeight = token.headerHeight, colorTextHeading = token.colorTextHeading, fontFamily = token.fontFamily, mobileMaxWidth = token.mobileMaxWidth; return { logo: /*#__PURE__*/css("height:", headerHeight, "px;padding-left:40px;overflow:hidden;color:", colorTextHeading, ";font-weight:bold;font-size:18px;font-family:PuHuiTi,", fontFamily, ",sans-serif;line-height:", headerHeight, "px;letter-spacing:-0.18px;white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;&:hover{color:", colorTextHeading, ";}", antCls, "-row-rtl &{float:right;padding-right:40px;padding-left:0;}img{height:24px;margin-right:12px;vertical-align:middle;", antCls, "-row-rtl &{margin-right:0;margin-left:16px;}}@media only screen and (max-width: ", mobileMaxWidth, "px){padding-right:0;padding-left:0;}" + (process.env.NODE_ENV === "production" ? "" : ";label:logo;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxvZ28udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFhIiwiZmlsZSI6IkxvZ28udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LWNsb3NpbmctdGFnLWxvY2F0aW9uICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyB1c2VMb2NhbGUsIHVzZUxvY2F0aW9uLCB1c2VTaXRlRGF0YSB9IGZyb20gJ2R1bWknO1xuaW1wb3J0IHsgRnJhZ21lbnQsIHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgRXh0ZXJuYWxMaW5rIGZyb20gJy4uLy4uL2NvbW1vbi9FeHRlcm5hbExpbmsnO1xuaW1wb3J0IHVzZVNpdGVUb2tlbiBmcm9tICcuLi8uLi9ob29rcy91c2VTaXRlVG9rZW4nO1xuXG5jb25zdCB1c2VTdHlsZSA9ICgpID0+IHtcbiAgY29uc3QgeyB0b2tlbiB9ID0gdXNlU2l0ZVRva2VuKCk7XG5cbiAgY29uc3QgeyBhbnRDbHMsIGhlYWRlckhlaWdodCwgY29sb3JUZXh0SGVhZGluZywgZm9udEZhbWlseSwgbW9iaWxlTWF4V2lkdGggfSA9IHRva2VuO1xuXG4gIHJldHVybiB7XG4gICAgbG9nbzogY3NzYFxuICAgICAgaGVpZ2h0OiAke2hlYWRlckhlaWdodH1weDtcbiAgICAgIHBhZGRpbmctbGVmdDogNDBweDtcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICBjb2xvcjogJHtjb2xvclRleHRIZWFkaW5nfTtcbiAgICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgICAgZm9udC1zaXplOiAxOHB4O1xuICAgICAgZm9udC1mYW1pbHk6IFB1SHVpVGksICR7Zm9udEZhbWlseX0sIHNhbnMtc2VyaWY7XG4gICAgICBsaW5lLWhlaWdodDogJHtoZWFkZXJIZWlnaHR9cHg7XG4gICAgICBsZXR0ZXItc3BhY2luZzogLTAuMThweDtcbiAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICAgICY6aG92ZXIge1xuICAgICAgICBjb2xvcjogJHtjb2xvclRleHRIZWFkaW5nfTtcbiAgICAgIH1cblxuICAgICAgJHthbnRDbHN9LXJvdy1ydGwgJiB7XG4gICAgICAgIGZsb2F0OiByaWdodDtcbiAgICAgICAgcGFkZGluZy1yaWdodDogNDBweDtcbiAgICAgICAgcGFkZGluZy1sZWZ0OiAwO1xuICAgICAgfVxuXG4gICAgICBpbWcge1xuICAgICAgICBoZWlnaHQ6IDI0cHg7XG4gICAgICAgIG1hcmdpbi1yaWdodDogMTJweDtcbiAgICAgICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcblxuICAgICAgICAke2FudENsc30tcm93LXJ0bCAmIHtcbiAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDA7XG4gICAgICAgICAgbWFyZ2luLWxlZnQ6IDE2cHg7XG4gICAgICAgIH1cbiAgICAgIH1cblxuICAgICAgQG1lZGlhIG9ubHkgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke21vYmlsZU1heFdpZHRofXB4KSB7XG4gICAgICAgIHBhZGRpbmctcmlnaHQ6IDA7XG4gICAgICAgIHBhZGRpbmctbGVmdDogMDtcbiAgICAgIH1cbiAgICBgXG4gIH07XG59O1xuXG5jb25zdCBMb2dvID0gKCkgPT4ge1xuICBjb25zdCB7IGxvZ28gfSA9IHVzZVN0eWxlKCk7XG4gIGNvbnN0IHsgdGhlbWVDb25maWcgfSA9IHVzZVNpdGVEYXRhKCk7XG4gIGNvbnN0IHsgc2VhcmNoIH0gPSB1c2VMb2NhdGlvbigpO1xuICBjb25zdCBsb2NhbGUgPSB1c2VMb2NhbGUoKTtcbiAgY29uc3QgbG9nSW1nVXJsID1cbiAgICB0aGVtZUNvbmZpZy5sb2dvIHx8ICdodHRwczovL2d3LmFsaXBheW9iamVjdHMuY29tL3pvcy9ybXNwb3J0YWwvS0RwZ3ZndU1wR2ZxYUhQamljUksuc3ZnJztcbiAgY29uc3QgY29udGVudCA9IHVzZU1lbW8oXG4gICAgKCkgPT4gKFxuICAgICAgPEZyYWdtZW50PlxuICAgICAgICA8aW1nIGFsdD1cImxvZ29cIiBzcmM9e2xvZ0ltZ1VybH0gLz5cbiAgICAgICAgPHNwYW4gc3R5bGU9e3sgbGluZUhlaWdodDogMzIgfX0+e3RoZW1lQ29uZmlnLm5hbWV9PC9zcGFuPlxuICAgICAgPC9GcmFnbWVudD5cbiAgICApLFxuICAgIFtsb2dJbWdVcmwsIHRoZW1lQ29uZmlnLm5hbWVdXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8aDEgc3R5bGU9e3sgbWFyZ2luQm90dG9tOiAwIH19PlxuICAgICAgPEV4dGVybmFsTGlua1xuICAgICAgICB0bz17dGhlbWVDb25maWcuaG9tZUxpbmsgfHwgKCdiYXNlJyBpbiBsb2NhbGUgPyBgJHtsb2NhbGUuYmFzZX0ke3NlYXJjaH1gIDogYC8ke3NlYXJjaH1gKX1cbiAgICAgICAgY3NzPXtsb2dvfVxuICAgICAgPlxuICAgICAgICB7Y29udGVudH1cbiAgICAgIDwvRXh0ZXJuYWxMaW5rPlxuICAgIDwvaDE+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBMb2dvO1xuIl19 */") }; }; var Logo = function Logo() { var _useStyle = useStyle(), logo = _useStyle.logo; var _useSiteData = useSiteData(), themeConfig = _useSiteData.themeConfig; var _useLocation = useLocation(), search = _useLocation.search; var locale = useLocale(); var logImgUrl = themeConfig.logo || 'https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg'; var content = useMemo(function () { return ___EmotionJSX(Fragment, null, ___EmotionJSX("img", { alt: "logo", src: logImgUrl }), ___EmotionJSX("span", { style: { lineHeight: 32 } }, themeConfig.name)); }, [logImgUrl, themeConfig.name]); return ___EmotionJSX("h1", { style: { marginBottom: 0 } }, ___EmotionJSX(ExternalLink, { to: themeConfig.homeLink || ('base' in locale ? "".concat(locale.base).concat(search) : "/".concat(search)), css: logo }, content)); }; export default Logo;