IlyaSobolev/DocSpace-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Web:Common:Components:MediaViewer:Sub-Components:ImageViewer Fixed the wheel event and removed useless code

Browse Source
This commit is contained in:
Akmal Isomadinov 2023-03-06 11:59:41 +05:00
parent ff18523e43
commit 7ee3770bd2
1 changed files with 2 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
packages/common/components/MediaViewer/sub-components/ImageViewer/index.tsx
View File

@ -61,7 +61,6 @@ function ImageViewer({
const isDoubleTapRef = useRef<boolean>(false); const isDoubleTapRef = useRef<boolean>(false);
const setTimeoutIDTapRef = useRef<NodeJS.Timeout>(); const setTimeoutIDTapRef = useRef<NodeJS.Timeout>();
const startAngleRef = useRef<number>(0); const startAngleRef = useRef<number>(0);
const scaleRef = useRef<number>(1);
const toolbarRef = useRef<ImperativeHandle>(null); const toolbarRef = useRef<ImperativeHandle>(null);
const [scale, setScale] = useState(1); const [scale, setScale] = useState(1);
@ -702,8 +701,6 @@ function ImageViewer({
const point = calculateAdjustBounds(dx, dy, ratio, dRotate); const point = calculateAdjustBounds(dx, dy, ratio, dRotate);
scaleRef.current = dScale;
api.start({ api.start({
...point, ...point,
scale: dScale, scale: dScale,
@ -813,7 +810,6 @@ function ImageViewer({
onWheel: ({ onWheel: ({
first, first,
offset: [, yWheel], offset: [, yWheel],
lastOffset: [, lYWheel],
movement: [, mYWheel], movement: [, mYWheel],
pinching, pinching,
memo, memo,
@ -827,8 +823,8 @@ function ImageViewer({
) )
return memo; return memo;
resetToolbarVisibleTimer();
const dScale = (-1 * yWheel) / RatioWheel; const dScale = (-1 * yWheel) / RatioWheel;
const lScale = (-1 * lYWheel) / RatioWheel;
const mScale = (-1 * mYWheel) / RatioWheel; const mScale = (-1 * mYWheel) / RatioWheel;
if (first || !memo) { if (first || !memo) {
@ -845,7 +841,7 @@ function ImageViewer({
const dx = memo[0] - mScale * memo[2]; const dx = memo[0] - mScale * memo[2];
const dy = memo[1] - mScale * memo[3]; const dy = memo[1] - mScale * memo[3];
const ratio = dScale / lScale; const ratio = dScale / style.scale.get();
const point = calculateAdjustImage( const point = calculateAdjustImage(
calculateAdjustBounds(dx, dy, ratio), calculateAdjustBounds(dx, dy, ratio),