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

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

import { GithubOutlined } from '@ant-design/icons';
import { css } from '@emotion/react';
import { Tooltip } from 'antd';
import useAdditionalThemeConfig from "../../hooks/useAdditionalThemeConfig";
import useSiteToken from "../../hooks/useSiteToken";
import { jsx as ___EmotionJSX } from "@emotion/react";
var BASE_SIZE = '1.2em';
var useStyle = function useStyle() {
  var _useSiteToken = useSiteToken(),
    token = _useSiteToken.token;
  var controlHeight = token.controlHeight,
    motionDurationMid = token.motionDurationMid;
  return {
    btn: /*#__PURE__*/css("color:", token.colorText, ";border-color:", token.colorBorder, ";padding:0!important;width:", controlHeight, "px;height:", controlHeight, "px;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:", token.borderRadius, "px;transition:all ", motionDurationMid, ";cursor:pointer;.btn-inner{transition:all ", motionDurationMid, ";}&:hover{background:", token.colorBgTextHover, ";}img{width:", BASE_SIZE, ";height:", BASE_SIZE, ";}.anticon{font-size:", BASE_SIZE, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:btn;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlckV4dHJhbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY1kiLCJmaWxlIjoiSGVhZGVyRXh0cmFsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEdpdGh1Yk91dGxpbmVkIH0gZnJvbSAnQGFudC1kZXNpZ24vaWNvbnMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgVG9vbHRpcCB9IGZyb20gJ2FudGQnO1xuaW1wb3J0IHsgdHlwZSBGQyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB1c2VBZGRpdGlvbmFsVGhlbWVDb25maWcgZnJvbSAnLi4vLi4vaG9va3MvdXNlQWRkaXRpb25hbFRoZW1lQ29uZmlnJztcbmltcG9ydCB1c2VTaXRlVG9rZW4gZnJvbSAnLi4vLi4vaG9va3MvdXNlU2l0ZVRva2VuJztcblxuY29uc3QgQkFTRV9TSVpFID0gJzEuMmVtJztcblxuY29uc3QgdXNlU3R5bGUgPSAoKSA9PiB7XG4gIGNvbnN0IHsgdG9rZW4gfSA9IHVzZVNpdGVUb2tlbigpO1xuICBjb25zdCB7IGNvbnRyb2xIZWlnaHQsIG1vdGlvbkR1cmF0aW9uTWlkIH0gPSB0b2tlbjtcblxuICByZXR1cm4ge1xuICAgIGJ0bjogY3NzYFxuICAgICAgY29sb3I6ICR7dG9rZW4uY29sb3JUZXh0fTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0b2tlbi5jb2xvckJvcmRlcn07XG4gICAgICBwYWRkaW5nOiAwICFpbXBvcnRhbnQ7XG4gICAgICB3aWR0aDogJHtjb250cm9sSGVpZ2h0fXB4O1xuICAgICAgaGVpZ2h0OiAke2NvbnRyb2xIZWlnaHR9cHg7XG4gICAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgIGJvcmRlcjogbm9uZTtcbiAgICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICAgICAgYm9yZGVyLXJhZGl1czogJHt0b2tlbi5ib3JkZXJSYWRpdXN9cHg7XG4gICAgICB0cmFuc2l0aW9uOiBhbGwgJHttb3Rpb25EdXJhdGlvbk1pZH07XG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XG5cbiAgICAgIC5idG4taW5uZXIge1xuICAgICAgICB0cmFuc2l0aW9uOiBhbGwgJHttb3Rpb25EdXJhdGlvbk1pZH07XG4gICAgICB9XG5cbiAgICAgICY6aG92ZXIge1xuICAgICAgICBiYWNrZ3JvdW5kOiAke3Rva2VuLmNvbG9yQmdUZXh0SG92ZXJ9O1xuICAgICAgfVxuXG4gICAgICBpbWcge1xuICAgICAgICB3aWR0aDogJHtCQVNFX1NJWkV9O1xuICAgICAgICBoZWlnaHQ6ICR7QkFTRV9TSVpFfTtcbiAgICAgIH1cblxuICAgICAgLmFudGljb24ge1xuICAgICAgICBmb250LXNpemU6ICR7QkFTRV9TSVpFfTtcbiAgICAgIH1cbiAgICBgXG4gIH07XG59O1xuXG5jb25zdCBIZWFkZXJFeHRyYTogRkMgPSAoKSA9PiB7XG4gIGNvbnN0IHsgZ2l0aHViLCBzb2NpYWxMaW5rcyB9ID0gdXNlQWRkaXRpb25hbFRoZW1lQ29uZmlnKCk7XG4gIGNvbnN0IHN0eWxlID0gdXNlU3R5bGUoKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2PlxuICAgICAge2dpdGh1YiB8fCBzb2NpYWxMaW5rcz8uZ2l0aHViID8gKFxuICAgICAgICA8VG9vbHRpcCB0aXRsZT1cIkdpdGh1YlwiPlxuICAgICAgICAgIDxhIGtleT1cImdpdGh1YlwiIGhyZWY9e2dpdGh1YiB8fCBzb2NpYWxMaW5rcz8uZ2l0aHVifSB0YXJnZXQ9XCJfYmxhbmtcIiByZWw9XCJub3JlZmVycmVyXCI+XG4gICAgICAgICAgICA8YnV0dG9uIGNzcz17W3N0eWxlLmJ0bl19IHR5cGU9XCJidXR0b25cIj5cbiAgICAgICAgICAgICAgPEdpdGh1Yk91dGxpbmVkIC8+XG4gICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICA8L2E+XG4gICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICkgOiBudWxsfVxuICAgIDwvZGl2PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgSGVhZGVyRXh0cmE7XG4iXX0= */")
  };
};
var HeaderExtra = function HeaderExtra() {
  var _useAdditionalThemeCo = useAdditionalThemeConfig(),
    github = _useAdditionalThemeCo.github,
    socialLinks = _useAdditionalThemeCo.socialLinks;
  var style = useStyle();
  return ___EmotionJSX("div", null, github || socialLinks !== null && socialLinks !== void 0 && socialLinks.github ? ___EmotionJSX(Tooltip, {
    title: "Github"
  }, ___EmotionJSX("a", {
    key: "github",
    href: github || (socialLinks === null || socialLinks === void 0 ? void 0 : socialLinks.github),
    target: "_blank",
    rel: "noreferrer"
  }, ___EmotionJSX("button", {
    css: [style.btn, process.env.NODE_ENV === "production" ? "" : ";label:HeaderExtra;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlckV4dHJhbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeURvQiIsImZpbGUiOiJIZWFkZXJFeHRyYWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgR2l0aHViT3V0bGluZWQgfSBmcm9tICdAYW50LWRlc2lnbi9pY29ucyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBUb29sdGlwIH0gZnJvbSAnYW50ZCc7XG5pbXBvcnQgeyB0eXBlIEZDIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHVzZUFkZGl0aW9uYWxUaGVtZUNvbmZpZyBmcm9tICcuLi8uLi9ob29rcy91c2VBZGRpdGlvbmFsVGhlbWVDb25maWcnO1xuaW1wb3J0IHVzZVNpdGVUb2tlbiBmcm9tICcuLi8uLi9ob29rcy91c2VTaXRlVG9rZW4nO1xuXG5jb25zdCBCQVNFX1NJWkUgPSAnMS4yZW0nO1xuXG5jb25zdCB1c2VTdHlsZSA9ICgpID0+IHtcbiAgY29uc3QgeyB0b2tlbiB9ID0gdXNlU2l0ZVRva2VuKCk7XG4gIGNvbnN0IHsgY29udHJvbEhlaWdodCwgbW90aW9uRHVyYXRpb25NaWQgfSA9IHRva2VuO1xuXG4gIHJldHVybiB7XG4gICAgYnRuOiBjc3NgXG4gICAgICBjb2xvcjogJHt0b2tlbi5jb2xvclRleHR9O1xuICAgICAgYm9yZGVyLWNvbG9yOiAke3Rva2VuLmNvbG9yQm9yZGVyfTtcbiAgICAgIHBhZGRpbmc6IDAgIWltcG9ydGFudDtcbiAgICAgIHdpZHRoOiAke2NvbnRyb2xIZWlnaHR9cHg7XG4gICAgICBoZWlnaHQ6ICR7Y29udHJvbEhlaWdodH1weDtcbiAgICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgICBib3JkZXItcmFkaXVzOiAke3Rva2VuLmJvcmRlclJhZGl1c31weDtcbiAgICAgIHRyYW5zaXRpb246IGFsbCAke21vdGlvbkR1cmF0aW9uTWlkfTtcbiAgICAgIGN1cnNvcjogcG9pbnRlcjtcblxuICAgICAgLmJ0bi1pbm5lciB7XG4gICAgICAgIHRyYW5zaXRpb246IGFsbCAke21vdGlvbkR1cmF0aW9uTWlkfTtcbiAgICAgIH1cblxuICAgICAgJjpob3ZlciB7XG4gICAgICAgIGJhY2tncm91bmQ6ICR7dG9rZW4uY29sb3JCZ1RleHRIb3Zlcn07XG4gICAgICB9XG5cbiAgICAgIGltZyB7XG4gICAgICAgIHdpZHRoOiAke0JBU0VfU0laRX07XG4gICAgICAgIGhlaWdodDogJHtCQVNFX1NJWkV9O1xuICAgICAgfVxuXG4gICAgICAuYW50aWNvbiB7XG4gICAgICAgIGZvbnQtc2l6ZTogJHtCQVNFX1NJWkV9O1xuICAgICAgfVxuICAgIGBcbiAgfTtcbn07XG5cbmNvbnN0IEhlYWRlckV4dHJhOiBGQyA9ICgpID0+IHtcbiAgY29uc3QgeyBnaXRodWIsIHNvY2lhbExpbmtzIH0gPSB1c2VBZGRpdGlvbmFsVGhlbWVDb25maWcoKTtcbiAgY29uc3Qgc3R5bGUgPSB1c2VTdHlsZSgpO1xuICByZXR1cm4gKFxuICAgIDxkaXY+XG4gICAgICB7Z2l0aHViIHx8IHNvY2lhbExpbmtzPy5naXRodWIgPyAoXG4gICAgICAgIDxUb29sdGlwIHRpdGxlPVwiR2l0aHViXCI+XG4gICAgICAgICAgPGEga2V5PVwiZ2l0aHViXCIgaHJlZj17Z2l0aHViIHx8IHNvY2lhbExpbmtzPy5naXRodWJ9IHRhcmdldD1cIl9ibGFua1wiIHJlbD1cIm5vcmVmZXJyZXJcIj5cbiAgICAgICAgICAgIDxidXR0b24gY3NzPXtbc3R5bGUuYnRuXX0gdHlwZT1cImJ1dHRvblwiPlxuICAgICAgICAgICAgICA8R2l0aHViT3V0bGluZWQgLz5cbiAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgIDwvYT5cbiAgICAgICAgPC9Ub29sdGlwPlxuICAgICAgKSA6IG51bGx9XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBIZWFkZXJFeHRyYTtcbiJdfQ== */"],
    type: "button"
  }, ___EmotionJSX(GithubOutlined, null)))) : null);
};
export default HeaderExtra;