mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-25 00:08:27 +08:00
37 lines
741 B
TypeScript
37 lines
741 B
TypeScript
import type { FC } from 'react';
|
|
import React from 'react';
|
|
|
|
type DiffProps = {
|
|
show: boolean;
|
|
};
|
|
|
|
const Diff: FC<DiffProps> = ({ show }) => {
|
|
if (typeof window === 'undefined') {
|
|
return null;
|
|
}
|
|
|
|
const src = window.location.href.replace(/(https?:\/\/)[^/]+/, '$1ant.design');
|
|
|
|
return (
|
|
<iframe
|
|
title="master-diff"
|
|
style={{
|
|
position: 'absolute',
|
|
width: document.body.scrollWidth,
|
|
// width: `calc(100vw - 15px)`,
|
|
// width: '100vw',
|
|
height: document.body.scrollHeight,
|
|
top: 0,
|
|
left: 0,
|
|
pointerEvents: 'none',
|
|
opacity: show ? '30%' : '0',
|
|
zIndex: 10,
|
|
}}
|
|
src={src}
|
|
frameBorder={0}
|
|
/>
|
|
);
|
|
};
|
|
|
|
export default Diff;
|