Andreas/siyuan
1
0
Fork 0
mirror of https://github.com/siyuan-note/siyuan.git synced 2026-01-05 16:28:49 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

🎨

Browse source
This commit is contained in:
Vanessa 2024-04-02 14:16:43 +08:00
parent 057659ca3d
commit cf40a99f96
1 changed files with 7 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

18
app/src/mobile/util/touch.ts
View file

@ -36,11 +36,6 @@ export const handleTouchEnd = (event: TouchEvent, app: App) => {
return;
}
const target = event.target as HTMLElement;
if (!clientX) {
// 上下滚动时防止左右滚动会将 clientX 清空
closePanel();
return;
}
if (!clientY || typeof yDiff === "undefined" ||
target.tagName === "AUDIO" ||
hasClosestByClassName(target, "b3-dialog", true) ||
@ -163,6 +158,7 @@ export const handleTouchStart = (event: TouchEvent) => {
};
let previousClientX: number;
const sideMaskElement = document.querySelector(".side-mask") as HTMLElement
export const handleTouchMove = (event: TouchEvent) => {
const target = event.target as HTMLElement;
if (!clientX || !clientY ||
@ -186,7 +182,7 @@ export const handleTouchMove = (event: TouchEvent) => {
xDiff = Math.floor(clientX - event.touches[0].clientX);
yDiff = Math.floor(clientY - event.touches[0].clientY);
// 上下滚动防止左右滑动
if (Math.abs(xDiff) < Math.abs(yDiff)) {
if (Math.abs(xDiff) < Math.abs(yDiff) && sideMaskElement.classList.contains("fn__none")) {
clientX = null;
return;
}
@ -270,11 +266,12 @@ export const handleTouchMove = (event: TouchEvent) => {
}
return;
}
if (firstDirection === "toRight") {
document.getElementById("sidebar").style.transform = `translateX(${-xDiff - windowWidth}px)`;
document.getElementById("sidebar").style.transform = `translateX(${Math.min(-xDiff - windowWidth, 0)}px)`;
transformMask((windowWidth + xDiff) / windowWidth);
} else {
document.getElementById("menu").style.transform = `translateX(${windowWidth - xDiff}px)`;
document.getElementById("menu").style.transform = `translateX(${Math.max(windowWidth - xDiff, 0)}px)`;
transformMask((windowWidth - xDiff) / windowWidth);
}
activeBlur();
@ -286,7 +283,6 @@ export const handleTouchMove = (event: TouchEvent) => {
};
const transformMask = (opacity: number) => {
const maskElement = document.querySelector(".side-mask") as HTMLElement;
maskElement.classList.remove("fn__none");
maskElement.style.opacity = Math.min((1 - opacity), 0.68).toString();
sideMaskElement.classList.remove("fn__none");
sideMaskElement.style.opacity = Math.min((1 - opacity), 0.68).toString();
};