test/ant-design-vue
1
0
Fork 0
mirror of https://gitee.com/ant-design-vue/ant-design-vue.git synced 2024-11-30 02:57:50 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

perf: mobile scroll, close #5191

Browse Source
This commit is contained in:
tangjinzhou 2022-01-22 14:19:36 +08:00
parent 1418422bcf
commit 41fe8be1f6
1 changed files with 10 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
components/vc-virtual-list/hooks/useMobileTouchMove.ts
View File

@ -1,9 +1,7 @@
import supportsPassive from '../../_util/supportsPassive';
import type { Ref } from 'vue';
import { watch, onMounted } from 'vue';
import { onBeforeUnmount, watch, onMounted } from 'vue';
const SMOOTH_PTG = 14 / 15;
export default function useMobileTouchMove(
inVirtual: Ref<boolean>,
listRef: Ref<HTMLDivElement | undefined>,
@ -19,15 +17,7 @@ export default function useMobileTouchMove(
const cleanUpEvents = () => {
if (element) {
element.removeEventListener(
'touchmove',
onTouchMove,
supportsPassive
? ({
passive: false,
} as EventListenerOptions)
: false,
);
element.removeEventListener('touchmove', onTouchMove);
element.removeEventListener('touchend', onTouchEnd);
}
};
@ -68,47 +58,28 @@ export default function useMobileTouchMove(
touchY = Math.ceil(e.touches[0].pageY);
element = e.target as HTMLElement;
element!.addEventListener(
'touchmove',
onTouchMove,
supportsPassive
? ({
passive: false,
} as EventListenerOptions)
: false,
);
element!.addEventListener('touchmove', onTouchMove, { passive: false });
element!.addEventListener('touchend', onTouchEnd);
}
};
const noop = () => {};
onMounted(() => {
document.addEventListener('touchmove', noop, { passive: false });
watch(
inVirtual,
val => {
listRef.value.removeEventListener(
'touchstart',
onTouchStart,
supportsPassive
? ({
passive: false,
} as EventListenerOptions)
: false,
);
listRef.value.removeEventListener('touchstart', onTouchStart);
cleanUpEvents();
clearInterval(interval);
if (val) {
listRef.value.addEventListener(
'touchstart',
onTouchStart,
supportsPassive
? ({
passive: false,
} as EventListenerOptions)
: false,
);
listRef.value.addEventListener('touchstart', onTouchStart, { passive: false });
}
},
{ immediate: true },
);
});
onBeforeUnmount(() => {
document.removeEventListener('touchmove', noop);
});
}