Web:Components: Added on tap ui disable for mobile viewer
This commit is contained in:
parent
8936ec1563
commit
0bc8c3e773
@ -13,6 +13,7 @@ function MobileViewer({
|
||||
onMask,
|
||||
isFistImage,
|
||||
isLastImage,
|
||||
setPanelVisible,
|
||||
}) {
|
||||
const imgRef = React.useRef(null);
|
||||
const lastTapTime = React.useRef(0);
|
||||
@ -94,7 +95,9 @@ function MobileViewer({
|
||||
|
||||
useGesture(
|
||||
{
|
||||
onDragStart: () => {
|
||||
onDragStart: ({ pinching }) => {
|
||||
if (pinching) return;
|
||||
|
||||
const time = new Date().getTime();
|
||||
|
||||
if (time - lastTapTime.current < 300) {
|
||||
@ -221,6 +224,9 @@ function MobileViewer({
|
||||
});
|
||||
setCrop((pre) => ({ ...pre, ...newPoint }));
|
||||
},
|
||||
onClick: (event) => {
|
||||
setPanelVisible((visible) => !visible);
|
||||
},
|
||||
},
|
||||
{
|
||||
drag: {
|
||||
|
@ -435,6 +435,7 @@ translateX(${props.left !== null ? props.left + "px" : "auto"}) translateY(${
|
||||
onMask={props.onMaskClick}
|
||||
isFistImage={playlistPos === 0}
|
||||
isLastImage={playlistPos === playlist.length - 1}
|
||||
setPanelVisible={setPanelVisible}
|
||||
/>
|
||||
) : (
|
||||
<img
|
||||
|
Loading…
Reference in New Issue
Block a user