dumi-theme-antd-web3
Version:
Ant Design 5.0 官网风格类似的 dumi2 主题插件
61 lines • 10.3 kB
JavaScript
import { FacebookOutlined, GithubOutlined, GitlabOutlined, LinkedinOutlined, TwitterOutlined, WeiboOutlined, YuqueOutlined, ZhihuOutlined } from '@ant-design/icons';
import { css } from '@emotion/react';
import { Tooltip } from 'antd';
import React from 'react';
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlckV4dHJhbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0JZIiwiZmlsZSI6IkhlYWRlckV4dHJhbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBGYWNlYm9va091dGxpbmVkLFxuICBHaXRodWJPdXRsaW5lZCxcbiAgR2l0bGFiT3V0bGluZWQsXG4gIExpbmtlZGluT3V0bGluZWQsXG4gIFR3aXR0ZXJPdXRsaW5lZCxcbiAgV2VpYm9PdXRsaW5lZCxcbiAgWXVxdWVPdXRsaW5lZCxcbiAgWmhpaHVPdXRsaW5lZFxufSBmcm9tICdAYW50LWRlc2lnbi9pY29ucyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBUb29sdGlwIH0gZnJvbSAnYW50ZCc7XG5pbXBvcnQgUmVhY3QsIHsgdHlwZSBGQywgdHlwZSBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBTb2NpYWxUeXBlcyB9IGZyb20gJ2R1bWkvZGlzdC9jbGllbnQvdGhlbWUtYXBpL3R5cGVzJztcbmltcG9ydCB1c2VBZGRpdGlvbmFsVGhlbWVDb25maWcgZnJvbSAnLi4vLi4vaG9va3MvdXNlQWRkaXRpb25hbFRoZW1lQ29uZmlnJztcbmltcG9ydCB1c2VTaXRlVG9rZW4gZnJvbSAnLi4vLi4vaG9va3MvdXNlU2l0ZVRva2VuJztcblxuY29uc3QgQkFTRV9TSVpFID0gJzEuMmVtJztcblxuY29uc3QgdXNlU3R5bGUgPSAoKSA9PiB7XG4gIGNvbnN0IHsgdG9rZW4gfSA9IHVzZVNpdGVUb2tlbigpO1xuICBjb25zdCB7IGNvbnRyb2xIZWlnaHQsIG1vdGlvbkR1cmF0aW9uTWlkIH0gPSB0b2tlbjtcblxuICByZXR1cm4ge1xuICAgIGJ0bjogY3NzYFxuICAgICAgY29sb3I6ICR7dG9rZW4uY29sb3JUZXh0fTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0b2tlbi5jb2xvckJvcmRlcn07XG4gICAgICBwYWRkaW5nOiAwICFpbXBvcnRhbnQ7XG4gICAgICB3aWR0aDogJHtjb250cm9sSGVpZ2h0fXB4O1xuICAgICAgaGVpZ2h0OiAke2NvbnRyb2xIZWlnaHR9cHg7XG4gICAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgIGJvcmRlcjogbm9uZTtcbiAgICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICAgICAgYm9yZGVyLXJhZGl1czogJHt0b2tlbi5ib3JkZXJSYWRpdXN9cHg7XG4gICAgICB0cmFuc2l0aW9uOiBhbGwgJHttb3Rpb25EdXJhdGlvbk1pZH07XG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XG5cbiAgICAgIC5idG4taW5uZXIge1xuICAgICAgICB0cmFuc2l0aW9uOiBhbGwgJHttb3Rpb25EdXJhdGlvbk1pZH07XG4gICAgICB9XG5cbiAgICAgICY6aG92ZXIge1xuICAgICAgICBiYWNrZ3JvdW5kOiAke3Rva2VuLmNvbG9yQmdUZXh0SG92ZXJ9O1xuICAgICAgfVxuXG4gICAgICBpbWcge1xuICAgICAgICB3aWR0aDogJHtCQVNFX1NJWkV9O1xuICAgICAgICBoZWlnaHQ6ICR7QkFTRV9TSVpFfTtcbiAgICAgIH1cblxuICAgICAgLmFudGljb24ge1xuICAgICAgICBmb250LXNpemU6ICR7QkFTRV9TSVpFfTtcbiAgICAgIH1cbiAgICBgXG4gIH07XG59O1xuXG5jb25zdCBpY29uTWFwOiBSZWNvcmQ8U29jaWFsVHlwZXMsIFJlYWN0Tm9kZT4gPSB7XG4gIGdpdGh1YjogR2l0aHViT3V0bGluZWQsXG4gIGZhY2Vib29rOiBGYWNlYm9va091dGxpbmVkLFxuICB0d2l0dGVyOiBUd2l0dGVyT3V0bGluZWQsXG4gIGdpdGxhYjogR2l0bGFiT3V0bGluZWQsXG4gIGxpbmtlZGluOiBMaW5rZWRpbk91dGxpbmVkLFxuICB6aGlodTogWmhpaHVPdXRsaW5lZCxcbiAgd2VpYm86IFdlaWJvT3V0bGluZWQsXG4gIHl1cXVlOiBZdXF1ZU91dGxpbmVkXG59O1xuXG5mdW5jdGlvbiBmb3JtYXRUaXRsZSh0aXRsZTogc3RyaW5nKSB7XG4gIHJldHVybiBgJHt0aXRsZVswXS50b1VwcGVyQ2FzZSgpfSR7dGl0bGUuc2xpY2UoMSl9YDtcbn1cblxuY29uc3QgSGVhZGVyRXh0cmE6IEZDID0gKCkgPT4ge1xuICBjb25zdCB7IGdpdGh1Yiwgc29jaWFsTGlua3MgfSA9IHVzZUFkZGl0aW9uYWxUaGVtZUNvbmZpZygpO1xuICBjb25zdCBzdHlsZSA9IHVzZVN0eWxlKCk7XG5cbiAgY29uc3QgbGlua3MgPSBSZWFjdC51c2VNZW1vKCgpID0+IHtcbiAgICBsZXQgY3VyTGlua3MgPSBzb2NpYWxMaW5rcztcbiAgICBpZiAoIWN1ckxpbmtzKSB7XG4gICAgICBjdXJMaW5rcyA9IHt9O1xuICAgIH1cbiAgICBpZiAoZ2l0aHViKSB7XG4gICAgICBjdXJMaW5rcy5naXRodWIgPSBnaXRodWI7XG4gICAgfVxuICAgIHJldHVybiBjdXJMaW5rcztcbiAgfSwgW2dpdGh1Yiwgc29jaWFsTGlua3NdKTtcbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAge09iamVjdC5rZXlzKGxpbmtzKS5tYXAoKGtleSkgPT4ge1xuICAgICAgICBjb25zdCBJY29uID0gaWNvbk1hcFtrZXldO1xuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgIDxUb29sdGlwIHRpdGxlPXtmb3JtYXRUaXRsZShrZXkpfSBrZXk9e2tleX0+XG4gICAgICAgICAgICA8YSBocmVmPXtzb2NpYWxMaW5rcz8uW2tleV19IHRhcmdldD1cIl9ibGFua1wiIHJlbD1cIm5vcmVmZXJyZXJcIj5cbiAgICAgICAgICAgICAgPGJ1dHRvbiBjc3M9e1tzdHlsZS5idG5dfSB0eXBlPVwiYnV0dG9uXCI+XG4gICAgICAgICAgICAgICAgPEljb24gLz5cbiAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICA8L2E+XG4gICAgICAgICAgPC9Ub29sdGlwPlxuICAgICAgICApO1xuICAgICAgfSl9XG4gICAgPC8+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBIZWFkZXJFeHRyYTtcbiJdfQ== */")
};
};
var iconMap = {
github: GithubOutlined,
facebook: FacebookOutlined,
twitter: TwitterOutlined,
gitlab: GitlabOutlined,
linkedin: LinkedinOutlined,
zhihu: ZhihuOutlined,
weibo: WeiboOutlined,
yuque: YuqueOutlined
};
function formatTitle(title) {
return "".concat(title[0].toUpperCase()).concat(title.slice(1));
}
var HeaderExtra = function HeaderExtra() {
var _useAdditionalThemeCo = useAdditionalThemeConfig(),
github = _useAdditionalThemeCo.github,
socialLinks = _useAdditionalThemeCo.socialLinks;
var style = useStyle();
var links = React.useMemo(function () {
var curLinks = socialLinks;
if (!curLinks) {
curLinks = {};
}
if (github) {
curLinks.github = github;
}
return curLinks;
}, [github, socialLinks]);
return ___EmotionJSX(React.Fragment, null, Object.keys(links).map(function (key) {
var Icon = iconMap[key];
return ___EmotionJSX(Tooltip, {
title: formatTitle(key),
key: key
}, ___EmotionJSX("a", {
href: socialLinks === null || socialLinks === void 0 ? void 0 : socialLinks[key],
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlckV4dHJhbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0ZzQiIsImZpbGUiOiJIZWFkZXJFeHRyYWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgRmFjZWJvb2tPdXRsaW5lZCxcbiAgR2l0aHViT3V0bGluZWQsXG4gIEdpdGxhYk91dGxpbmVkLFxuICBMaW5rZWRpbk91dGxpbmVkLFxuICBUd2l0dGVyT3V0bGluZWQsXG4gIFdlaWJvT3V0bGluZWQsXG4gIFl1cXVlT3V0bGluZWQsXG4gIFpoaWh1T3V0bGluZWRcbn0gZnJvbSAnQGFudC1kZXNpZ24vaWNvbnMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgVG9vbHRpcCB9IGZyb20gJ2FudGQnO1xuaW1wb3J0IFJlYWN0LCB7IHR5cGUgRkMsIHR5cGUgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgU29jaWFsVHlwZXMgfSBmcm9tICdkdW1pL2Rpc3QvY2xpZW50L3RoZW1lLWFwaS90eXBlcyc7XG5pbXBvcnQgdXNlQWRkaXRpb25hbFRoZW1lQ29uZmlnIGZyb20gJy4uLy4uL2hvb2tzL3VzZUFkZGl0aW9uYWxUaGVtZUNvbmZpZyc7XG5pbXBvcnQgdXNlU2l0ZVRva2VuIGZyb20gJy4uLy4uL2hvb2tzL3VzZVNpdGVUb2tlbic7XG5cbmNvbnN0IEJBU0VfU0laRSA9ICcxLjJlbSc7XG5cbmNvbnN0IHVzZVN0eWxlID0gKCkgPT4ge1xuICBjb25zdCB7IHRva2VuIH0gPSB1c2VTaXRlVG9rZW4oKTtcbiAgY29uc3QgeyBjb250cm9sSGVpZ2h0LCBtb3Rpb25EdXJhdGlvbk1pZCB9ID0gdG9rZW47XG5cbiAgcmV0dXJuIHtcbiAgICBidG46IGNzc2BcbiAgICAgIGNvbG9yOiAke3Rva2VuLmNvbG9yVGV4dH07XG4gICAgICBib3JkZXItY29sb3I6ICR7dG9rZW4uY29sb3JCb3JkZXJ9O1xuICAgICAgcGFkZGluZzogMCAhaW1wb3J0YW50O1xuICAgICAgd2lkdGg6ICR7Y29udHJvbEhlaWdodH1weDtcbiAgICAgIGhlaWdodDogJHtjb250cm9sSGVpZ2h0fXB4O1xuICAgICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICBib3JkZXI6IG5vbmU7XG4gICAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICAgIGJvcmRlci1yYWRpdXM6ICR7dG9rZW4uYm9yZGVyUmFkaXVzfXB4O1xuICAgICAgdHJhbnNpdGlvbjogYWxsICR7bW90aW9uRHVyYXRpb25NaWR9O1xuICAgICAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICAgICAuYnRuLWlubmVyIHtcbiAgICAgICAgdHJhbnNpdGlvbjogYWxsICR7bW90aW9uRHVyYXRpb25NaWR9O1xuICAgICAgfVxuXG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgYmFja2dyb3VuZDogJHt0b2tlbi5jb2xvckJnVGV4dEhvdmVyfTtcbiAgICAgIH1cblxuICAgICAgaW1nIHtcbiAgICAgICAgd2lkdGg6ICR7QkFTRV9TSVpFfTtcbiAgICAgICAgaGVpZ2h0OiAke0JBU0VfU0laRX07XG4gICAgICB9XG5cbiAgICAgIC5hbnRpY29uIHtcbiAgICAgICAgZm9udC1zaXplOiAke0JBU0VfU0laRX07XG4gICAgICB9XG4gICAgYFxuICB9O1xufTtcblxuY29uc3QgaWNvbk1hcDogUmVjb3JkPFNvY2lhbFR5cGVzLCBSZWFjdE5vZGU+ID0ge1xuICBnaXRodWI6IEdpdGh1Yk91dGxpbmVkLFxuICBmYWNlYm9vazogRmFjZWJvb2tPdXRsaW5lZCxcbiAgdHdpdHRlcjogVHdpdHRlck91dGxpbmVkLFxuICBnaXRsYWI6IEdpdGxhYk91dGxpbmVkLFxuICBsaW5rZWRpbjogTGlua2VkaW5PdXRsaW5lZCxcbiAgemhpaHU6IFpoaWh1T3V0bGluZWQsXG4gIHdlaWJvOiBXZWlib091dGxpbmVkLFxuICB5dXF1ZTogWXVxdWVPdXRsaW5lZFxufTtcblxuZnVuY3Rpb24gZm9ybWF0VGl0bGUodGl0bGU6IHN0cmluZykge1xuICByZXR1cm4gYCR7dGl0bGVbMF0udG9VcHBlckNhc2UoKX0ke3RpdGxlLnNsaWNlKDEpfWA7XG59XG5cbmNvbnN0IEhlYWRlckV4dHJhOiBGQyA9ICgpID0+IHtcbiAgY29uc3QgeyBnaXRodWIsIHNvY2lhbExpbmtzIH0gPSB1c2VBZGRpdGlvbmFsVGhlbWVDb25maWcoKTtcbiAgY29uc3Qgc3R5bGUgPSB1c2VTdHlsZSgpO1xuXG4gIGNvbnN0IGxpbmtzID0gUmVhY3QudXNlTWVtbygoKSA9PiB7XG4gICAgbGV0IGN1ckxpbmtzID0gc29jaWFsTGlua3M7XG4gICAgaWYgKCFjdXJMaW5rcykge1xuICAgICAgY3VyTGlua3MgPSB7fTtcbiAgICB9XG4gICAgaWYgKGdpdGh1Yikge1xuICAgICAgY3VyTGlua3MuZ2l0aHViID0gZ2l0aHViO1xuICAgIH1cbiAgICByZXR1cm4gY3VyTGlua3M7XG4gIH0sIFtnaXRodWIsIHNvY2lhbExpbmtzXSk7XG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIHtPYmplY3Qua2V5cyhsaW5rcykubWFwKChrZXkpID0+IHtcbiAgICAgICAgY29uc3QgSWNvbiA9IGljb25NYXBba2V5XTtcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICA8VG9vbHRpcCB0aXRsZT17Zm9ybWF0VGl0bGUoa2V5KX0ga2V5PXtrZXl9PlxuICAgICAgICAgICAgPGEgaHJlZj17c29jaWFsTGlua3M/LltrZXldfSB0YXJnZXQ9XCJfYmxhbmtcIiByZWw9XCJub3JlZmVycmVyXCI+XG4gICAgICAgICAgICAgIDxidXR0b24gY3NzPXtbc3R5bGUuYnRuXX0gdHlwZT1cImJ1dHRvblwiPlxuICAgICAgICAgICAgICAgIDxJY29uIC8+XG4gICAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgPC9hPlxuICAgICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICAgKTtcbiAgICAgIH0pfVxuICAgIDwvPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgSGVhZGVyRXh0cmE7XG4iXX0= */"],
type: "button"
}, ___EmotionJSX(Icon, null))));
}));
};
export default HeaderExtra;