dumi-theme-antd/dist/slots/Header/Logo.js

Ant Design 5.0 官网风格类似的 dumi2 主题插件

/* eslint-disable react/jsx-closing-tag-location */
import { css } from '@emotion/react';
import { Link, useLocale, useLocation, useSiteData } from 'dumi';
import { Fragment, useMemo } from 'react';
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-inline-start: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:32px;margin-inline-end: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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxvZ28udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVlhIiwiZmlsZSI6IkxvZ28udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LWNsb3NpbmctdGFnLWxvY2F0aW9uICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBMaW5rLCB1c2VMb2NhbGUsIHVzZUxvY2F0aW9uLCB1c2VTaXRlRGF0YSB9IGZyb20gJ2R1bWknO1xuaW1wb3J0IHsgRnJhZ21lbnQsIHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgdXNlU2l0ZVRva2VuIGZyb20gJy4uLy4uL2hvb2tzL3VzZVNpdGVUb2tlbic7XG5cbmNvbnN0IHVzZVN0eWxlID0gKCkgPT4ge1xuICBjb25zdCB7IHRva2VuIH0gPSB1c2VTaXRlVG9rZW4oKTtcblxuICBjb25zdCB7IGFudENscywgaGVhZGVySGVpZ2h0LCBjb2xvclRleHRIZWFkaW5nLCBmb250RmFtaWx5LCBtb2JpbGVNYXhXaWR0aCB9ID0gdG9rZW47XG5cbiAgcmV0dXJuIHtcbiAgICBsb2dvOiBjc3NgXG4gICAgICBoZWlnaHQ6ICR7aGVhZGVySGVpZ2h0fXB4O1xuICAgICAgcGFkZGluZy1pbmxpbmUtc3RhcnQ6IDQwcHg7XG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgY29sb3I6ICR7Y29sb3JUZXh0SGVhZGluZ307XG4gICAgICBmb250LXdlaWdodDogYm9sZDtcbiAgICAgIGZvbnQtc2l6ZTogMThweDtcbiAgICAgIGZvbnQtZmFtaWx5OiBQdUh1aVRpLCAke2ZvbnRGYW1pbHl9LCBzYW5zLXNlcmlmO1xuICAgICAgbGluZS1oZWlnaHQ6ICR7aGVhZGVySGVpZ2h0fXB4O1xuICAgICAgbGV0dGVyLXNwYWNpbmc6IC0wLjE4cHg7XG4gICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgY29sb3I6ICR7Y29sb3JUZXh0SGVhZGluZ307XG4gICAgICB9XG5cbiAgICAgICR7YW50Q2xzfS1yb3ctcnRsICYge1xuICAgICAgICBmbG9hdDogcmlnaHQ7XG4gICAgICAgIHBhZGRpbmctcmlnaHQ6IDQwcHg7XG4gICAgICAgIHBhZGRpbmctbGVmdDogMDtcbiAgICAgIH1cblxuICAgICAgaW1nIHtcbiAgICAgICAgaGVpZ2h0OiAzMnB4O1xuICAgICAgICBtYXJnaW4taW5saW5lLWVuZDogMTJweDtcbiAgICAgICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcblxuICAgICAgICAke2FudENsc30tcm93LXJ0bCAmIHtcbiAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDA7XG4gICAgICAgICAgbWFyZ2luLWxlZnQ6IDE2cHg7XG4gICAgICAgIH1cbiAgICAgIH1cblxuICAgICAgQG1lZGlhIG9ubHkgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke21vYmlsZU1heFdpZHRofXB4KSB7XG4gICAgICAgIHBhZGRpbmctcmlnaHQ6IDA7XG4gICAgICAgIHBhZGRpbmctbGVmdDogMDtcbiAgICAgIH1cbiAgICBgXG4gIH07XG59O1xuXG5jb25zdCBMb2dvID0gKCkgPT4ge1xuICBjb25zdCB7IGxvZ28gfSA9IHVzZVN0eWxlKCk7XG4gIGNvbnN0IHsgdGhlbWVDb25maWcgfSA9IHVzZVNpdGVEYXRhKCk7XG4gIGNvbnN0IHsgc2VhcmNoIH0gPSB1c2VMb2NhdGlvbigpO1xuICBjb25zdCBsb2NhbGUgPSB1c2VMb2NhbGUoKTtcbiAgY29uc3QgbG9nSW1nVXJsID1cbiAgICB0aGVtZUNvbmZpZy5sb2dvIHx8ICdodHRwczovL2d3LmFsaXBheW9iamVjdHMuY29tL3pvcy9ybXNwb3J0YWwvS0RwZ3ZndU1wR2ZxYUhQamljUksuc3ZnJztcbiAgY29uc3QgY29udGVudCA9IHVzZU1lbW8oXG4gICAgKCkgPT4gKFxuICAgICAgPEZyYWdtZW50PlxuICAgICAgICB7dGhlbWVDb25maWcubG9nbyAhPT0gZmFsc2UgJiYgPGltZyBhbHQ9XCJsb2dvXCIgc3JjPXtsb2dJbWdVcmx9IC8+fVxuICAgICAgICA8c3BhbiBzdHlsZT17eyBsaW5lSGVpZ2h0OiAnMzJweCcgfX0+e3RoZW1lQ29uZmlnLm5hbWV9PC9zcGFuPlxuICAgICAgPC9GcmFnbWVudD5cbiAgICApLFxuICAgIFtsb2dJbWdVcmwsIHRoZW1lQ29uZmlnLm5hbWUsIHRoZW1lQ29uZmlnLmxvZ29dXG4gICk7XG5cbiAgY29uc3Qgc3VmZml4ID0gJ3N1ZmZpeCcgaW4gbG9jYWxlID8gbG9jYWxlLnN1ZmZpeCA6ICcnO1xuICBjb25zdCBob21lUGF0aCA9IGAvJHtzdWZmaXggPyBgaW5kZXgke3N1ZmZpeH1gIDogJyd9YDtcblxuICByZXR1cm4gKFxuICAgIDxoMT5cbiAgICAgIHt0aGVtZUNvbmZpZy5ob21lTGluayAmJiB0aGVtZUNvbmZpZy5ob21lTGluay5zdGFydHNXaXRoKCdodHRwJykgPyAoXG4gICAgICAgIDxhIGhyZWY9e3RoZW1lQ29uZmlnLmhvbWVMaW5rfSBjc3M9e2xvZ299PlxuICAgICAgICAgIHtjb250ZW50fVxuICAgICAgICA8L2E+XG4gICAgICApIDogKFxuICAgICAgICA8TGluayB0bz17dGhlbWVDb25maWcuaG9tZUxpbmsgfHwgYCR7aG9tZVBhdGh9JHtzZWFyY2h9YH0gY3NzPXtsb2dvfT5cbiAgICAgICAgICB7Y29udGVudH1cbiAgICAgICAgPC9MaW5rPlxuICAgICAgKX1cbiAgICA8L2gxPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTG9nbztcbiJdfQ== */")
  };
};
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, themeConfig.logo !== false && ___EmotionJSX("img", {
      alt: "logo",
      src: logImgUrl
    }), ___EmotionJSX("span", {
      style: {
        lineHeight: '32px'
      }
    }, themeConfig.name));
  }, [logImgUrl, themeConfig.name, themeConfig.logo]);
  var suffix = 'suffix' in locale ? locale.suffix : '';
  var homePath = "/".concat(suffix ? "index".concat(suffix) : '');
  return ___EmotionJSX("h1", null, themeConfig.homeLink && themeConfig.homeLink.startsWith('http') ? ___EmotionJSX("a", {
    href: themeConfig.homeLink,
    css: logo
  }, content) : ___EmotionJSX(Link, {
    to: themeConfig.homeLink || "".concat(homePath).concat(search),
    css: logo
  }, content));
};
export default Logo;