Andreas/siyuan
1
0
Fork 0
mirror of https://github.com/siyuan-note/siyuan.git synced 2025-12-20 00:20:12 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

:mobile: preview outline

Browse source
This commit is contained in:
Vanessa 2023-06-18 21:18:14 +08:00
parent 23e6f86236
commit 9b6fe676ab
4 changed files with 12 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

2
app/src/layout/dock/Outline.ts
View file

@ -4,7 +4,7 @@ import {Tree} from "../../util/Tree";
import {getDockByType, setPanelFocus} from "../util"; import {getDockByType, setPanelFocus} from "../util";
import {fetchPost} from "../../util/fetch"; import {fetchPost} from "../../util/fetch";
import {getAllModels} from "../getAll"; import {getAllModels} from "../getAll";
import {hasClosestBlock, hasClosestByClassName} from "../../protyle/util/hasClosest"; import {hasClosestBlock, hasClosestByClassName, hasTopClosestByClassName} from "../../protyle/util/hasClosest";
import {updateHotkeyTip} from "../../protyle/util/compatibility"; import {updateHotkeyTip} from "../../protyle/util/compatibility";
import {openFileById} from "../../editor/util"; import {openFileById} from "../../editor/util";
import {Constants} from "../../constants"; import {Constants} from "../../constants";

4
app/src/protyle/breadcrumb/index.ts
View file

@ -16,6 +16,7 @@ import {getEditorRange} from "../util/selection";
import {setPadding} from "../ui/initUI"; import {setPadding} from "../ui/initUI";
/// #if !MOBILE /// #if !MOBILE
import {openFileById} from "../../editor/util"; import {openFileById} from "../../editor/util";
import {setPanelFocus} from "../../layout/util";
/// #endif /// #endif
/// #if !BROWSER /// #if !BROWSER
import {getCurrentWindow, systemPreferences} from "@electron/remote"; import {getCurrentWindow, systemPreferences} from "@electron/remote";
@ -25,7 +26,6 @@ import {hideElements} from "../ui/hideElements";
import {confirmDialog} from "../../dialog/confirmDialog"; import {confirmDialog} from "../../dialog/confirmDialog";
import {reloadProtyle} from "../util/reload"; import {reloadProtyle} from "../util/reload";
import {deleteFile} from "../../editor/deleteFile"; import {deleteFile} from "../../editor/deleteFile";
import {setPanelFocus} from "../../layout/util";
export class Breadcrumb { export class Breadcrumb {
public element: HTMLElement; public element: HTMLElement;
@ -44,9 +44,11 @@ export class Breadcrumb {
<button class="b3-tooltips b3-tooltips__w block__icon block__icon--show fn__flex-center" data-menu="true" aria-label="${window.siyuan.languages.more}"><svg><use xlink:href="#iconMore"></use></svg></button>`; <button class="b3-tooltips b3-tooltips__w block__icon block__icon--show fn__flex-center" data-menu="true" aria-label="${window.siyuan.languages.more}"><svg><use xlink:href="#iconMore"></use></svg></button>`;
this.element = element.firstElementChild as HTMLElement; this.element = element.firstElementChild as HTMLElement;
element.addEventListener("click", (event) => { element.addEventListener("click", (event) => {
/// #if !MOBILE
if (protyle.model) { if (protyle.model) {
setPanelFocus(protyle.model.element.parentElement.parentElement); setPanelFocus(protyle.model.element.parentElement.parentElement);
} }
/// #endif
let target = event.target as HTMLElement; let target = event.target as HTMLElement;
while (target && !target.isEqualNode(element)) { while (target && !target.isEqualNode(element)) {
const id = target.getAttribute("data-node-id"); const id = target.getAttribute("data-node-id");

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

@ -11,14 +11,14 @@ import {shell} from "electron";
/// #endif /// #endif
/// #if !MOBILE /// #if !MOBILE
import {openAsset, openBy} from "../../editor/util"; import {openAsset, openBy} from "../../editor/util";
import {getAllModels} from "../../layout/getAll";
import {setPanelFocus} from "../../layout/util";
/// #endif /// #endif
import {fetchPost} from "../../util/fetch"; import {fetchPost} from "../../util/fetch";
import {processRender} from "../util/processCode"; import {processRender} from "../util/processCode";
import {highlightRender} from "../render/highlightRender"; import {highlightRender} from "../render/highlightRender";
import {speechRender} from "../render/speechRender"; import {speechRender} from "../render/speechRender";
import {avRender} from "../render/av/render"; import {avRender} from "../render/av/render";
import {setPanelFocus} from "../../layout/util";
import {getAllModels} from "../../layout/getAll";
export class Preview { export class Preview {
public element: HTMLElement; public element: HTMLElement;
@ -166,17 +166,18 @@ export class Preview {
avRender(protyle.preview.previewElement); avRender(protyle.preview.previewElement);
speechRender(protyle.preview.previewElement, protyle.options.lang); speechRender(protyle.preview.previewElement, protyle.options.lang);
protyle.preview.previewElement.scrollTop = oldScrollTop; protyle.preview.previewElement.scrollTop = oldScrollTop;
getAllModels().outline.find(item => { /// #if !MOBILE
response.data = response.data.outline;
getAllModels().outline.forEach(item => {
if (item.type === "pin" || (item.type === "local" && item.blockId === protyle.block.rootID)) { if (item.type === "pin" || (item.type === "local" && item.blockId === protyle.block.rootID)) {
response.data = response.data.outline;
item.isPreview = true; item.isPreview = true;
item.update(response, protyle.block.rootID); item.update(response, protyle.block.rootID);
if (item.type === "pin") { if (item.type === "pin") {
item.updateDocTitle(protyle.background.ial); item.updateDocTitle(protyle.background.ial);
} }
return;
} }
}); });
/// #endif
}); });
}, protyle.options.preview.delay); }, protyle.options.preview.delay);
} }

2
app/src/protyle/util/setEditMode.ts
View file

@ -31,7 +31,9 @@ export const setEditMode = (protyle: IProtyle, type: TEditorMode) => {
protyle.breadcrumb?.element.classList.remove("fn__none"); protyle.breadcrumb?.element.classList.remove("fn__none");
protyle.breadcrumb.toggleExit(!protyle.block.showAll); protyle.breadcrumb.toggleExit(!protyle.block.showAll);
} }
/// #if !MOBILE
updateOutline(getAllModels(), protyle, true); updateOutline(getAllModels(), protyle, true);
/// #endif
} }
hideElements(["gutter", "toolbar", "select", "hint", "util"], protyle); hideElements(["gutter", "toolbar", "select", "hint", "util"], protyle);
}; };