dumi-theme-antd
Version:
Ant Design 5.0 官网风格类似的 dumi2 主题插件
85 lines • 12.4 kB
JavaScript
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
import { css } from '@emotion/react';
import { Tooltip } from 'antd';
import React from 'react';
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN3aXRjaEJ0bi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0JZIiwiZmlsZSI6IlN3aXRjaEJ0bi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBUb29sdGlwIH0gZnJvbSAnYW50ZCc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHVzZVNpdGVUb2tlbiBmcm9tICcuLi8uLi9ob29rcy91c2VTaXRlVG9rZW4nO1xuXG5leHBvcnQgaW50ZXJmYWNlIExhbmdCdG5Qcm9wcyB7XG4gIGxhYmVsMTogUmVhY3QuUmVhY3ROb2RlO1xuICBsYWJlbDI6IFJlYWN0LlJlYWN0Tm9kZTtcbiAgdG9vbHRpcDE/OiBSZWFjdC5SZWFjdE5vZGU7XG4gIHRvb2x0aXAyPzogUmVhY3QuUmVhY3ROb2RlO1xuICB2YWx1ZTogMSB8IDI7XG4gIHB1cmU/OiBib29sZWFuO1xuICBvbkNsaWNrPzogUmVhY3QuTW91c2VFdmVudEhhbmRsZXI7XG59XG5cbmNvbnN0IEJBU0VfU0laRSA9ICcxLjJlbSc7XG5cbmNvbnN0IHVzZVN0eWxlID0gKCkgPT4ge1xuICBjb25zdCB7IHRva2VuIH0gPSB1c2VTaXRlVG9rZW4oKTtcbiAgY29uc3QgeyBjb250cm9sSGVpZ2h0LCBtb3Rpb25EdXJhdGlvbk1pZCB9ID0gdG9rZW47XG5cbiAgcmV0dXJuIHtcbiAgICBidG46IGNzc2BcbiAgICAgIGNvbG9yOiAke3Rva2VuLmNvbG9yVGV4dH07XG4gICAgICBib3JkZXItY29sb3I6ICR7dG9rZW4uY29sb3JCb3JkZXJ9O1xuICAgICAgcGFkZGluZzogMCAhaW1wb3J0YW50O1xuICAgICAgd2lkdGg6ICR7Y29udHJvbEhlaWdodH1weDtcbiAgICAgIGhlaWdodDogJHtjb250cm9sSGVpZ2h0fXB4O1xuICAgICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICBib3JkZXI6IG5vbmU7XG4gICAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICAgIGJvcmRlci1yYWRpdXM6ICR7dG9rZW4uYm9yZGVyUmFkaXVzfXB4O1xuICAgICAgdHJhbnNpdGlvbjogYWxsICR7bW90aW9uRHVyYXRpb25NaWR9O1xuICAgICAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICAgICAuYnRuLWlubmVyIHtcbiAgICAgICAgdHJhbnNpdGlvbjogYWxsICR7bW90aW9uRHVyYXRpb25NaWR9O1xuICAgICAgfVxuXG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgYmFja2dyb3VuZDogJHt0b2tlbi5jb2xvckJnVGV4dEhvdmVyfTtcbiAgICAgIH1cblxuICAgICAgaW1nIHtcbiAgICAgICAgd2lkdGg6ICR7QkFTRV9TSVpFfTtcbiAgICAgICAgaGVpZ2h0OiAke0JBU0VfU0laRX07XG4gICAgICB9XG5cbiAgICAgIC5hbnRpY29uIHtcbiAgICAgICAgZm9udC1zaXplOiAke0JBU0VfU0laRX07XG4gICAgICB9XG4gICAgYFxuICB9O1xufTtcblxuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gU3dpdGNoQnRuKHtcbiAgbGFiZWwxLFxuICBsYWJlbDIsXG4gIHRvb2x0aXAxLFxuICB0b29sdGlwMixcbiAgdmFsdWUsXG4gIHB1cmUsXG4gIG9uQ2xpY2tcbn06IExhbmdCdG5Qcm9wcykge1xuICBjb25zdCB7IHRva2VuIH0gPSB1c2VTaXRlVG9rZW4oKTtcbiAgY29uc3Qgc3R5bGUgPSB1c2VTdHlsZSgpO1xuXG4gIGxldCBsYWJlbDFTdHlsZTogUmVhY3QuQ1NTUHJvcGVydGllcztcbiAgbGV0IGxhYmVsMlN0eWxlOiBSZWFjdC5DU1NQcm9wZXJ0aWVzO1xuXG4gIGNvbnN0IGljb25TdHlsZTogUmVhY3QuQ1NTUHJvcGVydGllcyA9IHtcbiAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICBmb250U2l6ZTogQkFTRV9TSVpFLFxuICAgIGxpbmVIZWlnaHQ6IDEsXG4gICAgYm9yZGVyOiBgMXB4IHNvbGlkICR7dG9rZW4uY29sb3JUZXh0fWAsXG4gICAgY29sb3I6IHRva2VuLmNvbG9yVGV4dFxuICB9O1xuXG4gIGNvbnN0IGZvbnRTdHlsZTogUmVhY3QuQ1NTUHJvcGVydGllcyA9IHtcbiAgICBsZWZ0OiAnLTUlJyxcbiAgICB0b3A6IDAsXG4gICAgekluZGV4OiAxLFxuICAgIGJhY2tncm91bmQ6IHRva2VuLmNvbG9yVGV4dCxcbiAgICBjb2xvcjogdG9rZW4uY29sb3JCZ0NvbnRhaW5lcixcbiAgICB0cmFuc2Zvcm1PcmlnaW46ICcwIDAnLFxuICAgIHRyYW5zZm9ybTogJ3NjYWxlKDAuNyknXG4gIH07XG4gIGNvbnN0IGJhY2tTdHlsZTogUmVhY3QuQ1NTUHJvcGVydGllcyA9IHtcbiAgICByaWdodDogJy01JScsXG4gICAgYm90dG9tOiAwLFxuICAgIHpJbmRleDogMCxcbiAgICB0cmFuc2Zvcm1PcmlnaW46ICcxMDAlIDEwMCUnLFxuICAgIHRyYW5zZm9ybTogJ3NjYWxlKDAuNSknXG4gIH07XG5cbiAgaWYgKHZhbHVlID09PSAxKSB7XG4gICAgbGFiZWwxU3R5bGUgPSBmb250U3R5bGU7XG4gICAgbGFiZWwyU3R5bGUgPSBiYWNrU3R5bGU7XG4gIH0gZWxzZSB7XG4gICAgbGFiZWwxU3R5bGUgPSBiYWNrU3R5bGU7XG4gICAgbGFiZWwyU3R5bGUgPSBmb250U3R5bGU7XG4gIH1cblxuICBsZXQgbm9kZSA9IChcbiAgICA8YnV0dG9uIG9uQ2xpY2s9e29uQ2xpY2t9IGNzcz17W3N0eWxlLmJ0bl19IGtleT1cImxhbmctYnV0dG9uXCIgZGF0YS12YWx1ZT17dmFsdWV9IHR5cGU9XCJidXR0b25cIj5cbiAgICAgIDxkaXYgY2xhc3NOYW1lPVwiYnRuLWlubmVyXCI+XG4gICAgICAgIHtwdXJlICYmICh2YWx1ZSA9PT0gMSA/IGxhYmVsMSA6IGxhYmVsMil9XG4gICAgICAgIHshcHVyZSAmJiAoXG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgICAgICAgICAgIHdpZHRoOiBCQVNFX1NJWkUsXG4gICAgICAgICAgICAgIGhlaWdodDogQkFTRV9TSVpFXG4gICAgICAgICAgICB9fVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICAgICAgLi4uaWNvblN0eWxlLFxuICAgICAgICAgICAgICAgIC4uLmxhYmVsMVN0eWxlXG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtsYWJlbDF9XG4gICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgICAgIC4uLmljb25TdHlsZSxcbiAgICAgICAgICAgICAgICAuLi5sYWJlbDJTdHlsZVxuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7bGFiZWwyfVxuICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICApfVxuICAgICAgPC9kaXY+XG4gICAgPC9idXR0b24+XG4gICk7XG5cbiAgaWYgKHRvb2x0aXAxIHx8IHRvb2x0aXAyKSB7XG4gICAgbm9kZSA9IDxUb29sdGlwIHRpdGxlPXt2YWx1ZSA9PT0gMSA/IHRvb2x0aXAxIDogdG9vbHRpcDJ9Pntub2RlfTwvVG9vbHRpcD47XG4gIH1cblxuICByZXR1cm4gbm9kZTtcbn1cbiJdfQ== */")
};
};
export default function SwitchBtn(_ref) {
var label1 = _ref.label1,
label2 = _ref.label2,
tooltip1 = _ref.tooltip1,
tooltip2 = _ref.tooltip2,
value = _ref.value,
pure = _ref.pure,
onClick = _ref.onClick;
var _useSiteToken2 = useSiteToken(),
token = _useSiteToken2.token;
var style = useStyle();
var label1Style;
var label2Style;
var iconStyle = {
position: 'absolute',
fontSize: BASE_SIZE,
lineHeight: 1,
border: "1px solid ".concat(token.colorText),
color: token.colorText
};
var fontStyle = {
left: '-5%',
top: 0,
zIndex: 1,
background: token.colorText,
color: token.colorBgContainer,
transformOrigin: '0 0',
transform: 'scale(0.7)'
};
var backStyle = {
right: '-5%',
bottom: 0,
zIndex: 0,
transformOrigin: '100% 100%',
transform: 'scale(0.5)'
};
if (value === 1) {
label1Style = fontStyle;
label2Style = backStyle;
} else {
label1Style = backStyle;
label2Style = fontStyle;
}
var node = ___EmotionJSX("button", {
onClick: onClick,
css: [style.btn, process.env.NODE_ENV === "production" ? "" : ";label:node;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN3aXRjaEJ0bi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEc4QiIsImZpbGUiOiJTd2l0Y2hCdG4udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgVG9vbHRpcCB9IGZyb20gJ2FudGQnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB1c2VTaXRlVG9rZW4gZnJvbSAnLi4vLi4vaG9va3MvdXNlU2l0ZVRva2VuJztcblxuZXhwb3J0IGludGVyZmFjZSBMYW5nQnRuUHJvcHMge1xuICBsYWJlbDE6IFJlYWN0LlJlYWN0Tm9kZTtcbiAgbGFiZWwyOiBSZWFjdC5SZWFjdE5vZGU7XG4gIHRvb2x0aXAxPzogUmVhY3QuUmVhY3ROb2RlO1xuICB0b29sdGlwMj86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgdmFsdWU6IDEgfCAyO1xuICBwdXJlPzogYm9vbGVhbjtcbiAgb25DbGljaz86IFJlYWN0Lk1vdXNlRXZlbnRIYW5kbGVyO1xufVxuXG5jb25zdCBCQVNFX1NJWkUgPSAnMS4yZW0nO1xuXG5jb25zdCB1c2VTdHlsZSA9ICgpID0+IHtcbiAgY29uc3QgeyB0b2tlbiB9ID0gdXNlU2l0ZVRva2VuKCk7XG4gIGNvbnN0IHsgY29udHJvbEhlaWdodCwgbW90aW9uRHVyYXRpb25NaWQgfSA9IHRva2VuO1xuXG4gIHJldHVybiB7XG4gICAgYnRuOiBjc3NgXG4gICAgICBjb2xvcjogJHt0b2tlbi5jb2xvclRleHR9O1xuICAgICAgYm9yZGVyLWNvbG9yOiAke3Rva2VuLmNvbG9yQm9yZGVyfTtcbiAgICAgIHBhZGRpbmc6IDAgIWltcG9ydGFudDtcbiAgICAgIHdpZHRoOiAke2NvbnRyb2xIZWlnaHR9cHg7XG4gICAgICBoZWlnaHQ6ICR7Y29udHJvbEhlaWdodH1weDtcbiAgICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgICBib3JkZXItcmFkaXVzOiAke3Rva2VuLmJvcmRlclJhZGl1c31weDtcbiAgICAgIHRyYW5zaXRpb246IGFsbCAke21vdGlvbkR1cmF0aW9uTWlkfTtcbiAgICAgIGN1cnNvcjogcG9pbnRlcjtcblxuICAgICAgLmJ0bi1pbm5lciB7XG4gICAgICAgIHRyYW5zaXRpb246IGFsbCAke21vdGlvbkR1cmF0aW9uTWlkfTtcbiAgICAgIH1cblxuICAgICAgJjpob3ZlciB7XG4gICAgICAgIGJhY2tncm91bmQ6ICR7dG9rZW4uY29sb3JCZ1RleHRIb3Zlcn07XG4gICAgICB9XG5cbiAgICAgIGltZyB7XG4gICAgICAgIHdpZHRoOiAke0JBU0VfU0laRX07XG4gICAgICAgIGhlaWdodDogJHtCQVNFX1NJWkV9O1xuICAgICAgfVxuXG4gICAgICAuYW50aWNvbiB7XG4gICAgICAgIGZvbnQtc2l6ZTogJHtCQVNFX1NJWkV9O1xuICAgICAgfVxuICAgIGBcbiAgfTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIFN3aXRjaEJ0bih7XG4gIGxhYmVsMSxcbiAgbGFiZWwyLFxuICB0b29sdGlwMSxcbiAgdG9vbHRpcDIsXG4gIHZhbHVlLFxuICBwdXJlLFxuICBvbkNsaWNrXG59OiBMYW5nQnRuUHJvcHMpIHtcbiAgY29uc3QgeyB0b2tlbiB9ID0gdXNlU2l0ZVRva2VuKCk7XG4gIGNvbnN0IHN0eWxlID0gdXNlU3R5bGUoKTtcblxuICBsZXQgbGFiZWwxU3R5bGU6IFJlYWN0LkNTU1Byb3BlcnRpZXM7XG4gIGxldCBsYWJlbDJTdHlsZTogUmVhY3QuQ1NTUHJvcGVydGllcztcblxuICBjb25zdCBpY29uU3R5bGU6IFJlYWN0LkNTU1Byb3BlcnRpZXMgPSB7XG4gICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgZm9udFNpemU6IEJBU0VfU0laRSxcbiAgICBsaW5lSGVpZ2h0OiAxLFxuICAgIGJvcmRlcjogYDFweCBzb2xpZCAke3Rva2VuLmNvbG9yVGV4dH1gLFxuICAgIGNvbG9yOiB0b2tlbi5jb2xvclRleHRcbiAgfTtcblxuICBjb25zdCBmb250U3R5bGU6IFJlYWN0LkNTU1Byb3BlcnRpZXMgPSB7XG4gICAgbGVmdDogJy01JScsXG4gICAgdG9wOiAwLFxuICAgIHpJbmRleDogMSxcbiAgICBiYWNrZ3JvdW5kOiB0b2tlbi5jb2xvclRleHQsXG4gICAgY29sb3I6IHRva2VuLmNvbG9yQmdDb250YWluZXIsXG4gICAgdHJhbnNmb3JtT3JpZ2luOiAnMCAwJyxcbiAgICB0cmFuc2Zvcm06ICdzY2FsZSgwLjcpJ1xuICB9O1xuICBjb25zdCBiYWNrU3R5bGU6IFJlYWN0LkNTU1Byb3BlcnRpZXMgPSB7XG4gICAgcmlnaHQ6ICctNSUnLFxuICAgIGJvdHRvbTogMCxcbiAgICB6SW5kZXg6IDAsXG4gICAgdHJhbnNmb3JtT3JpZ2luOiAnMTAwJSAxMDAlJyxcbiAgICB0cmFuc2Zvcm06ICdzY2FsZSgwLjUpJ1xuICB9O1xuXG4gIGlmICh2YWx1ZSA9PT0gMSkge1xuICAgIGxhYmVsMVN0eWxlID0gZm9udFN0eWxlO1xuICAgIGxhYmVsMlN0eWxlID0gYmFja1N0eWxlO1xuICB9IGVsc2Uge1xuICAgIGxhYmVsMVN0eWxlID0gYmFja1N0eWxlO1xuICAgIGxhYmVsMlN0eWxlID0gZm9udFN0eWxlO1xuICB9XG5cbiAgbGV0IG5vZGUgPSAoXG4gICAgPGJ1dHRvbiBvbkNsaWNrPXtvbkNsaWNrfSBjc3M9e1tzdHlsZS5idG5dfSBrZXk9XCJsYW5nLWJ1dHRvblwiIGRhdGEtdmFsdWU9e3ZhbHVlfSB0eXBlPVwiYnV0dG9uXCI+XG4gICAgICA8ZGl2IGNsYXNzTmFtZT1cImJ0bi1pbm5lclwiPlxuICAgICAgICB7cHVyZSAmJiAodmFsdWUgPT09IDEgPyBsYWJlbDEgOiBsYWJlbDIpfVxuICAgICAgICB7IXB1cmUgJiYgKFxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICAgICAgICAgICAgICB3aWR0aDogQkFTRV9TSVpFLFxuICAgICAgICAgICAgICBoZWlnaHQ6IEJBU0VfU0laRVxuICAgICAgICAgICAgfX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgICAgIC4uLmljb25TdHlsZSxcbiAgICAgICAgICAgICAgICAuLi5sYWJlbDFTdHlsZVxuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7bGFiZWwxfVxuICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgICAgICAuLi5pY29uU3R5bGUsXG4gICAgICAgICAgICAgICAgLi4ubGFiZWwyU3R5bGVcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge2xhYmVsMn1cbiAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgKX1cbiAgICAgIDwvZGl2PlxuICAgIDwvYnV0dG9uPlxuICApO1xuXG4gIGlmICh0b29sdGlwMSB8fCB0b29sdGlwMikge1xuICAgIG5vZGUgPSA8VG9vbHRpcCB0aXRsZT17dmFsdWUgPT09IDEgPyB0b29sdGlwMSA6IHRvb2x0aXAyfT57bm9kZX08L1Rvb2x0aXA+O1xuICB9XG5cbiAgcmV0dXJuIG5vZGU7XG59XG4iXX0= */"],
key: "lang-button",
"data-value": value,
type: "button"
}, ___EmotionJSX("div", {
className: "btn-inner"
}, pure && (value === 1 ? label1 : label2), !pure && ___EmotionJSX("div", {
style: {
position: 'relative',
width: BASE_SIZE,
height: BASE_SIZE
}
}, ___EmotionJSX("span", {
style: _objectSpread(_objectSpread({}, iconStyle), label1Style)
}, label1), ___EmotionJSX("span", {
style: _objectSpread(_objectSpread({}, iconStyle), label2Style)
}, label2))));
if (tooltip1 || tooltip2) {
node = ___EmotionJSX(Tooltip, {
title: value === 1 ? tooltip1 : tooltip2
}, node);
}
return node;
}