mirror of
https://github.com/siyuan-note/siyuan.git
synced 2025-12-27 03:48:48 +01:00
This commit is contained in:
parent
d49e1a009e
commit
1493bd845d
8 changed files with 134 additions and 79 deletions
118
app/src/mobile/util/MobileBackFoward.ts
Normal file
118
app/src/mobile/util/MobileBackFoward.ts
Normal file
|
|
@ -0,0 +1,118 @@
|
|||
import {Constants} from "../../constants";
|
||||
import {hideElements} from "../../protyle/ui/hideElements";
|
||||
import {setEditMode} from "../../protyle/util/setEditMode";
|
||||
import {fetchPost} from "../../util/fetch";
|
||||
import {zoomOut} from "../../menus/protyle";
|
||||
import {processRender} from "../../protyle/util/processCode";
|
||||
import {highlightRender} from "../../protyle/markdown/highlightRender";
|
||||
import {blockRender} from "../../protyle/markdown/blockRender";
|
||||
import {disabledProtyle, enableProtyle} from "../../protyle/util/onGet";
|
||||
|
||||
const forwardStack: IBackStack[] = [];
|
||||
|
||||
const focusStack = (backStack: IBackStack) => {
|
||||
const protyle = window.siyuan.mobileEditor.protyle;
|
||||
window.localStorage.setItem(Constants.LOCAL_DOCINFO, JSON.stringify({
|
||||
id: backStack.id,
|
||||
action: backStack.callback,
|
||||
}));
|
||||
hideElements(["toolbar", "hint", "util"], window.siyuan.mobileEditor.protyle);
|
||||
if (protyle.contentElement.classList.contains("fn__none")) {
|
||||
setEditMode(protyle, "wysiwyg");
|
||||
}
|
||||
|
||||
const startEndId = backStack.endId.split(Constants.ZWSP);
|
||||
if (startEndId[0] === protyle.wysiwyg.element.firstElementChild.getAttribute("data-node-id") &&
|
||||
startEndId[1] === protyle.wysiwyg.element.lastElementChild.getAttribute("data-node-id")) {
|
||||
window.siyuan.mobileEditor.protyle.contentElement.scrollTo({
|
||||
top: backStack.scrollTop,
|
||||
behavior: "smooth"
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
if (backStack.id !== protyle.block.rootID) {
|
||||
fetchPost("/api/block/getDocInfo", {
|
||||
id: backStack.id,
|
||||
}, (response) => {
|
||||
(document.getElementById("toolbarName") as HTMLInputElement).value = response.data.name === "Untitled" ? "" : response.data.name;
|
||||
protyle.background.render(response.data.ial, protyle.block.rootID);
|
||||
protyle.wysiwyg.renderCustom(response.data.ial);
|
||||
});
|
||||
}
|
||||
|
||||
if (backStack.isZoom) {
|
||||
fetchPost("/api/block/checkBlockExist", {id: backStack.id}, existResponse => {
|
||||
if (existResponse.data) {
|
||||
zoomOut(protyle, backStack.id, undefined, false, () => {
|
||||
protyle.contentElement.scrollTop = backStack.scrollTop;
|
||||
});
|
||||
}
|
||||
});
|
||||
return;
|
||||
}
|
||||
fetchPost("/api/filetree/getDoc", {
|
||||
id: backStack.id,
|
||||
startID: startEndId[0],
|
||||
endID: startEndId[1],
|
||||
}, getResponse => {
|
||||
protyle.block.showAll = false;
|
||||
protyle.wysiwyg.element.innerHTML = getResponse.data.content;
|
||||
processRender(protyle.wysiwyg.element);
|
||||
highlightRender(protyle.wysiwyg.element);
|
||||
blockRender(protyle, protyle.wysiwyg.element);
|
||||
if (protyle.disabled) {
|
||||
disabledProtyle(protyle);
|
||||
} else {
|
||||
enableProtyle(protyle);
|
||||
}
|
||||
protyle.contentElement.scrollTop = backStack.scrollTop;
|
||||
window.siyuan.mobileEditor.protyle.breadcrumb.render(protyle);
|
||||
});
|
||||
}
|
||||
|
||||
export const pushBack = () => {
|
||||
const protyle = window.siyuan.mobileEditor.protyle;
|
||||
window.siyuan.backStack.push({
|
||||
id: protyle.block.showAll ? protyle.block.id : protyle.block.rootID,
|
||||
endId: protyle.wysiwyg.element.firstElementChild.getAttribute("data-node-id") + Constants.ZWSP + protyle.wysiwyg.element.lastElementChild.getAttribute("data-node-id"),
|
||||
scrollTop: protyle.contentElement.scrollTop,
|
||||
callback: protyle.block.action,
|
||||
isZoom: protyle.block.showAll
|
||||
});
|
||||
}
|
||||
|
||||
export const goForward = () => {
|
||||
if (window.JSAndroid && forwardStack.length < 2) {
|
||||
window.JSAndroid.returnDesktop();
|
||||
return;
|
||||
}
|
||||
if (forwardStack.length < 2) {
|
||||
return;
|
||||
}
|
||||
window.siyuan.backStack.push(forwardStack.pop())
|
||||
focusStack(forwardStack[forwardStack.length - 1])
|
||||
}
|
||||
|
||||
export const goBack = () => {
|
||||
if (window.JSAndroid && window.siyuan.backStack.length < 1) {
|
||||
window.JSAndroid.returnDesktop();
|
||||
return;
|
||||
}
|
||||
if (window.siyuan.backStack.length < 1) {
|
||||
return;
|
||||
}
|
||||
const protyle = window.siyuan.mobileEditor.protyle;
|
||||
if (forwardStack.length === 0) {
|
||||
forwardStack.push({
|
||||
id: protyle.block.showAll ? protyle.block.id : protyle.block.rootID,
|
||||
endId: protyle.wysiwyg.element.firstElementChild.getAttribute("data-node-id") + Constants.ZWSP + protyle.wysiwyg.element.lastElementChild.getAttribute("data-node-id"),
|
||||
scrollTop: protyle.contentElement.scrollTop,
|
||||
callback: protyle.block.action,
|
||||
isZoom: protyle.block.showAll
|
||||
});
|
||||
}
|
||||
const item = window.siyuan.backStack.pop();
|
||||
forwardStack.push(item);
|
||||
focusStack(item)
|
||||
};
|
||||
Loading…
Add table
Add a link
Reference in a new issue