fix: block body scroll when view version

main
jialin 11 months ago
parent db0a5875fa
commit 9ac679d437

@ -1,13 +1,7 @@
import { INPUT_WIDTH } from '@/constants';
import { InfoCircleOutlined } from '@ant-design/icons';
import {
Form,
InputNumber,
Slider,
Tooltip,
type SliderSingleProps
} from 'antd';
import { Form, InputNumber, Slider, type SliderSingleProps } from 'antd';
import React from 'react';
import LabelInfo from './components/label-info';
import FieldWrapper from './field-wrapper';
import SliderStyles from './styles/slider.less';
@ -61,16 +55,7 @@ const SealSlider: React.FC<SealSliderProps> = (props) => {
style={{ width: labelWidth || INPUT_WIDTH.mini }}
>
<span className="text">
{description ? (
<Tooltip title={description}>
<span> {label}</span>
<span className="m-l-5">
<InfoCircleOutlined />
</span>
</Tooltip>
) : (
<span>{label}</span>
)}
<LabelInfo label={label} description={description}></LabelInfo>
</span>
{inputnumber ? (

@ -7,6 +7,7 @@ import ShortCuts, {
} from '@/components/short-cuts';
import VersionInfo, { modalConfig } from '@/components/version-info';
import routeCachekey from '@/config/route-cachekey';
import useBodyScroll from '@/hooks/use-body-scroll';
import useOverlayScroller from '@/hooks/use-overlay-scroller';
import { logout } from '@/pages/login/apis';
import { useAccessMarkedRoutes } from '@@/plugin-access';
@ -97,6 +98,7 @@ export default (props: any) => {
const { initialize: initialize } = useOverlayScroller({
defer: false
});
const { saveScrollHeight, restoreScrollHeight } = useBodyScroll();
const { initialize: initializeMenu } = useOverlayScroller();
const [userInfo] = useAtom(userAtom);
const [routeCache] = useAtom(routeCacheAtom);
@ -127,10 +129,12 @@ export default (props: any) => {
};
const showVersion = () => {
saveScrollHeight();
Modal.info({
...modalConfig,
width: 460,
content: <VersionInfo intl={intl} />
content: <VersionInfo intl={intl} />,
onCancel: restoreScrollHeight
});
};

Loading…
Cancel
Save