0ct0pu5/siyuan
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

📱 preview outline

Browse source
This commit is contained in:
Vanessa 2023-06-18 23:02:04 +08:00
parent d297e7e1b7
commit 1b68092ca3
2 changed files with 22 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
app/src/mobile/dock/MobileOutline.ts
View file

@ -4,6 +4,7 @@ import {openMobileFileById} from "../editor";
import {Constants} from "../../constants";
import {getEventName} from "../../protyle/util/compatibility";
import {App} from "../../index";
import {closePanel} from "../util/closePanel";
export class MobileOutline {
private tree: Tree;
@ -28,9 +29,14 @@ export class MobileOutline {
data: null,
click: (element: HTMLElement) => {
const id = element.getAttribute("data-node-id");
fetchPost("/api/block/checkBlockFold", {id}, (foldResponse) => {
openMobileFileById(app, id, foldResponse.data ? [Constants.CB_GET_FOCUS, Constants.CB_GET_ALL, Constants.CB_GET_HTML] : [Constants.CB_GET_FOCUS, Constants.CB_GET_SETID, Constants.CB_GET_CONTEXT, Constants.CB_GET_HTML]);
});
if (!window.siyuan.mobile.editor.protyle.preview.element.classList.contains("fn__none")) {
closePanel();
document.getElementById(id)?.scrollIntoView();
} else {
fetchPost("/api/block/checkBlockFold", {id}, (foldResponse) => {
openMobileFileById(app, id, foldResponse.data ? [Constants.CB_GET_FOCUS, Constants.CB_GET_ALL, Constants.CB_GET_HTML] : [Constants.CB_GET_FOCUS, Constants.CB_GET_SETID, Constants.CB_GET_CONTEXT, Constants.CB_GET_HTML]);
});
}
}
});
this.element.firstElementChild.querySelector('[data-type="collapse"]').addEventListener(getEventName(), () => {
@ -49,6 +55,12 @@ export class MobileOutline {
}
public update() {
if (!window.siyuan.mobile.editor.protyle.preview.element.classList.contains("fn__none")) {
window.siyuan.mobile.editor.protyle.preview.render(window.siyuan.mobile.editor.protyle, (outlineData) => {
this.tree.updateData(outlineData);
});
return;
}
fetchPost("/api/outline/getDocOutline", {
id: window.siyuan.mobile.editor.protyle.block.rootID,
}, response => {

10
app/src/protyle/preview/index.ts
View file

@ -150,7 +150,7 @@ export class Preview {
this.previewElement = previewElement;
}
public render(protyle: IProtyle) {
public render(protyle: IProtyle, cb?: (outlineData: IBlockTree[]) => void) {
if (this.element.style.display === "none") {
return;
}
@ -159,14 +159,18 @@ export class Preview {
fetchPost("/api/export/preview", {
id: protyle.block.parentID || protyle.options.blockId,
}, response => {
const oldScrollTop = protyle.preview.previewElement.scrollTop;
const oldScrollTop = protyle.preview.previewElement.scrollTop;
protyle.preview.previewElement.innerHTML = response.data.html;
processRender(protyle.preview.previewElement);
highlightRender(protyle.preview.previewElement);
avRender(protyle.preview.previewElement);
speechRender(protyle.preview.previewElement, protyle.options.lang);
protyle.preview.previewElement.scrollTop = oldScrollTop;
/// #if !MOBILE
/// #if MOBILE
if (cb) {
cb(response.data.outline);
}
/// #else
response.data = response.data.outline;
getAllModels().outline.forEach(item => {
if (item.type === "pin" || (item.type === "local" && item.blockId === protyle.block.rootID)) {