Web:Components: Added on tap ui disable for mobile viewer

packages/components/viewer/sub-components/mobile-viewer.js

@@ -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: {

packages/components/viewer/sub-components/viewer-image.js

@@ -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