From dbba9c9d15e1804066f38f5e1a021ba192147ec1 Mon Sep 17 00:00:00 2001 From: Gimmy <975402925@qq.com> Date: Mon, 30 Oct 2023 23:37:14 -0700 Subject: [PATCH] fix(components): [image-viewer] fix img url not match bug --- packages/renderless/src/image-viewer/index.ts | 4 ++-- packages/renderless/src/image-viewer/vue.ts | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/packages/renderless/src/image-viewer/index.ts b/packages/renderless/src/image-viewer/index.ts index fb763453cd..b1248d6459 100644 --- a/packages/renderless/src/image-viewer/index.ts +++ b/packages/renderless/src/image-viewer/index.ts @@ -438,7 +438,7 @@ export const handleVisible = state.transform.deg = 0 setTimeout(() => { - if (props.startPosition !== 0) { + if (props.startPosition > 0) { state.index = (props.startPosition - 1 + state.urlList.length) % state.urlList.length state.imageTransform = state.index * state.imageItemWidth state.imageTransformSize = -state.index * state.imageItemWidth @@ -481,7 +481,7 @@ export const getImageWidth = state.imageAllWidth = state.urlList.length * imageW if (mode !== 'mobile-first') { - if (props.startPosition !== 0) { + if (props.startPosition > 0) { state.index = props.startPosition state.imageTransition = 0 diff --git a/packages/renderless/src/image-viewer/vue.ts b/packages/renderless/src/image-viewer/vue.ts index 6a48185990..8cd51475ab 100644 --- a/packages/renderless/src/image-viewer/vue.ts +++ b/packages/renderless/src/image-viewer/vue.ts @@ -91,7 +91,7 @@ const initState = ({ reactive, computed, api, mode, props, constants, inject }) infinite: true, loading: false, transform: { scale: 1, deg: 0, offsetX: 0, offsetY: 0, objfit: 'contain', enableTransition: false }, - urlList: inject('urlList', null) || props.urlList, + urlList: props.urlList || inject('urlList', null), mode: constants.MODE.CONTAIN, previewVisible: props.previewVisible, fullScreen: props.imageFullCurrent,