blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +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} doubleScale={props.doubleScale}
closeOnClickImage={props.closeOnClickImage} closeOnClickImage={props.closeOnClickImage}
closeOnClickOverlay={props.closeOnClickOverlay} closeOnClickOverlay={props.closeOnClickOverlay}
vertical={props.vertical}
onScale={emitScale} onScale={emitScale}
onClose={emitClose} onClose={emitClose}
onLongPress={() => emit('longPress', { index })} onLongPress={() => emit('longPress', { index })}

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

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