blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-05 05:42:44 +08:00
Code Issues Projects Releases Wiki Activity

fix(ImagePreview): allow user to swipe to next image when the current image is moved to the edge (#12666)

Browse Source
This commit is contained in:
inottn 2024-03-11 20:55:13 +08:00 committed by GitHub
parent 2b9abfe174
commit f70feab438
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
packages/vant/src/image-preview/ImagePreview.tsx
View File

@ -190,6 +190,7 @@ export default defineComponent({
doubleScale={props.doubleScale}
closeOnClickImage={props.closeOnClickImage}
closeOnClickOverlay={props.closeOnClickOverlay}
vertical={props.vertical}
onScale={emitScale}
onClose={emitClose}
onLongPress={() => emit('longPress', { index })}

8
packages/vant/src/image-preview/ImagePreviewItem.tsx
View File

@ -56,6 +56,7 @@ const imagePreviewItemProps = {
doubleScale: Boolean,
closeOnClickImage: Boolean,
closeOnClickOverlay: Boolean,
vertical: Boolean,
};
export type ImagePreviewItemProps = ExtractPropTypes<
@ -225,9 +226,10 @@ export default defineComponent({
// if the image is moved to the edge, no longer trigger move,
// allow user to swipe to next image
if (
(moveX > maxMoveX.value || moveX < -maxMoveX.value) &&
!isImageMoved &&
touch.isHorizontal()
(props.vertical
? touch.isVertical() && Math.abs(moveY) > maxMoveY.value
: touch.isHorizontal() && Math.abs(moveX) > maxMoveX.value) &&
!isImageMoved
) {
state.moving = false;
return;