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(swipe): delay load cause swipe error (#10052) (#10069)

Browse Source
This commit is contained in:
chenjiangui 2021-12-28 19:57:43 +08:00 committed by GitHub
parent 8d60697ec1
commit fff5fa9fa7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 33 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
packages/vant/src/swipe/Swipe.tsx
View File

@ -8,9 +8,10 @@ import {
onDeactivated, onDeactivated,
onBeforeUnmount, onBeforeUnmount,
defineComponent, defineComponent,
type InjectionKey, nextTick,
type CSSProperties,
type ExtractPropTypes, type ExtractPropTypes,
type CSSProperties,
type InjectionKey,
} from 'vue'; } from 'vue';
// Utils // Utils
@ -248,28 +249,37 @@ export default defineComponent({
return; return;
} }
if (!isHidden(root)) { const cb = () => {
const rect = { if (!isHidden(root)) {
width: root.value.offsetWidth, const rect = {
height: root.value.offsetHeight, width: root.value!.offsetWidth,
}; height: root.value!.offsetHeight,
state.rect = rect; };
state.width = +(props.width ?? rect.width); state.rect = rect;
state.height = +(props.height ?? rect.height); state.width = +(props.width ?? rect.width);
state.height = +(props.height ?? rect.height);
}
if (count.value) {
active = Math.min(count.value - 1, active);
}
state.active = active;
state.swiping = true;
state.offset = getTargetOffset(active);
children.forEach((swipe) => {
swipe.setOffset(0);
});
autoplay();
};
// issue: https://github.com/youzan/vant/issues/10052
if (isHidden(root)) {
nextTick().then(cb);
} else {
cb();
} }
if (count.value) {
active = Math.min(count.value - 1, active);
}
state.active = active;
state.swiping = true;
state.offset = getTargetOffset(active);
children.forEach((swipe) => {
swipe.setOffset(0);
});
autoplay();
}; };
const resize = () => initialize(state.active); const resize = () => initialize(state.active);