mirror of
https://github.com/siyuan-note/siyuan.git
synced 2026-01-02 06:48:49 +01:00
233 lines
10 KiB
TypeScript
233 lines
10 KiB
TypeScript
import {Constants} from "../../constants";
|
||
import {closeModel, closePanel} from "./closePanel";
|
||
import {openMobileFileById} from "../editor";
|
||
import {validateName} from "../../editor/rename";
|
||
import {getEventName} from "../../protyle/util/compatibility";
|
||
import {fetchPost} from "../../util/fetch";
|
||
import {setInlineStyle} from "../../util/assets";
|
||
import {renderSnippet} from "../../config/util/snippets";
|
||
import {setEmpty} from "./setEmpty";
|
||
import {getIdZoomInByPath, getOpenNotebookCount} from "../../util/pathName";
|
||
import {popMenu} from "../menu";
|
||
import {MobileFiles} from "../dock/MobileFiles";
|
||
import {MobileOutline} from "../dock/MobileOutline";
|
||
import {hasTopClosestByTag} from "../../protyle/util/hasClosest";
|
||
import {MobileBacklinks} from "../dock/MobileBacklinks";
|
||
import {MobileBookmarks} from "../dock/MobileBookmarks";
|
||
import {MobileTags} from "../dock/MobileTags";
|
||
import {activeBlur, initKeyboardToolbar} from "./keyboardToolbar";
|
||
import {syncGuide} from "../../sync/syncGuide";
|
||
import {Inbox} from "../../layout/dock/Inbox";
|
||
import {App} from "../../index";
|
||
import {setTitle} from "../../dialog/processSystem";
|
||
import {checkFold} from "../../util/noRelyPCFunction";
|
||
import {MobileCustom} from "../dock/MobileCustom";
|
||
import {Menu} from "../../plugin/Menu";
|
||
import {showMessage} from "../../dialog/message";
|
||
|
||
let custom: MobileCustom;
|
||
const openDockMenu = (app: App) => {
|
||
const menu = new Menu(Constants.MENU_DOCK_MOBILE);
|
||
if (menu.isOpen) {
|
||
return;
|
||
}
|
||
app.plugins.forEach((plugin) => {
|
||
Object.keys(plugin.docks).forEach((dockId) => {
|
||
menu.addItem({
|
||
label: plugin.docks[dockId].config.title,
|
||
icon: plugin.docks[dockId].config.icon,
|
||
click() {
|
||
if (custom?.type === dockId) {
|
||
return;
|
||
} else {
|
||
if (custom) {
|
||
if (custom.destroy) {
|
||
custom.destroy();
|
||
}
|
||
}
|
||
custom = plugin.docks[dockId].mobileModel(document.querySelector('#sidebar [data-type="sidebar-plugin"]'));
|
||
window.siyuan.mobile.docks[dockId] = custom;
|
||
}
|
||
}
|
||
});
|
||
});
|
||
});
|
||
menu.fullscreen();
|
||
if (menu.element.lastElementChild.innerHTML === "") {
|
||
showMessage(window.siyuan.languages._kernel[122]);
|
||
}
|
||
};
|
||
|
||
export const initFramework = (app: App, isStart: boolean) => {
|
||
setInlineStyle();
|
||
renderSnippet();
|
||
initKeyboardToolbar();
|
||
const sidebarElement = document.getElementById("sidebar");
|
||
// 不能使用 getEventName，否则点击返回会展开右侧栏
|
||
const firstToolbarElement = sidebarElement.querySelector(".toolbar--border");
|
||
firstToolbarElement.addEventListener("click", (event: MouseEvent) => {
|
||
const target = event.target as HTMLElement;
|
||
let svgElement: HTMLElement;
|
||
if (typeof event.detail === "string") {
|
||
svgElement = firstToolbarElement.querySelector(`svg[data-type="sidebar-${event.detail}-tab"]`) as HTMLElement;
|
||
} else {
|
||
svgElement = hasTopClosestByTag(target, "svg") as HTMLElement;
|
||
}
|
||
if (!svgElement) {
|
||
return;
|
||
}
|
||
const type = svgElement.getAttribute("data-type");
|
||
if (svgElement.classList.contains("toolbar__icon--active")) {
|
||
if (type === "sidebar-plugin-tab") {
|
||
openDockMenu(app);
|
||
}
|
||
return;
|
||
}
|
||
if (!type) {
|
||
closePanel();
|
||
return;
|
||
}
|
||
firstToolbarElement.querySelectorAll(".toolbar__icon").forEach(item => {
|
||
const itemType = item.getAttribute("data-type");
|
||
if (!itemType) {
|
||
return;
|
||
}
|
||
const tabPanelElement = sidebarElement.lastElementChild.querySelector(`[data-type="${itemType.replace("-tab", "")}"]`);
|
||
if (itemType === type) {
|
||
if (type === "sidebar-outline-tab") {
|
||
if (!window.siyuan.mobile.docks.outline) {
|
||
window.siyuan.mobile.docks.outline = new MobileOutline({
|
||
app,
|
||
blockId: window.siyuan.mobile.editor?.protyle.block.rootID,
|
||
isPreview: window.siyuan.mobile.editor ? !window.siyuan.mobile.editor.protyle.preview.element.classList.contains("fn__none") : false
|
||
});
|
||
} else {
|
||
fetchPost("/api/outline/getDocOutline", {
|
||
id: window.siyuan.mobile.editor.protyle.block.rootID,
|
||
preview: window.siyuan.mobile.editor.protyle.preview.element.classList.contains("fn__none")
|
||
}, response => {
|
||
window.siyuan.mobile.docks.outline.update(response);
|
||
});
|
||
}
|
||
} else if (type === "sidebar-backlink-tab") {
|
||
if (!window.siyuan.mobile.docks.backlink) {
|
||
window.siyuan.mobile.docks.backlink = new MobileBacklinks(app);
|
||
} else {
|
||
window.siyuan.mobile.docks.backlink.update();
|
||
}
|
||
} else if (type === "sidebar-bookmark-tab") {
|
||
if (!window.siyuan.mobile.docks.bookmark) {
|
||
window.siyuan.mobile.docks.bookmark = new MobileBookmarks(app);
|
||
} else {
|
||
window.siyuan.mobile.docks.bookmark.update();
|
||
}
|
||
} else if (type === "sidebar-tag-tab") {
|
||
if (!window.siyuan.mobile.docks.tag) {
|
||
window.siyuan.mobile.docks.tag = new MobileTags(app);
|
||
} else {
|
||
window.siyuan.mobile.docks.tag.update();
|
||
}
|
||
} else if (type === "sidebar-inbox-tab" && !window.siyuan.mobile.docks.inbox) {
|
||
window.siyuan.mobile.docks.inbox = new Inbox(app, document.querySelector('#sidebar [data-type="sidebar-inbox"]'));
|
||
} else if (type === "sidebar-plugin-tab") {
|
||
if (!custom) {
|
||
tabPanelElement.innerHTML = `<div class="b3-list--empty">${window.siyuan.languages.emptyContent}</div>`;
|
||
openDockMenu(app);
|
||
} else if (custom.update) {
|
||
custom.update();
|
||
}
|
||
}
|
||
svgElement.classList.add("toolbar__icon--active");
|
||
tabPanelElement.classList.remove("fn__none");
|
||
} else {
|
||
item.classList.remove("toolbar__icon--active");
|
||
tabPanelElement.classList.add("fn__none");
|
||
}
|
||
});
|
||
});
|
||
window.siyuan.mobile.docks.file = new MobileFiles(app);
|
||
document.getElementById("toolbarFile").addEventListener("click", () => {
|
||
activeBlur();
|
||
sidebarElement.style.transform = "translateX(0px)";
|
||
const type = sidebarElement.querySelector(".toolbar--border .toolbar__icon--active").getAttribute("data-type");
|
||
if (type === "sidebar-outline-tab") {
|
||
fetchPost("/api/outline/getDocOutline", {
|
||
id: window.siyuan.mobile.editor.protyle.block.rootID,
|
||
preview: window.siyuan.mobile.editor.protyle.preview.element.classList.contains("fn__none")
|
||
}, response => {
|
||
window.siyuan.mobile.docks.outline.update(response);
|
||
});
|
||
} else if (type === "sidebar-backlink-tab") {
|
||
window.siyuan.mobile.docks.backlink.update();
|
||
} else if (type === "sidebar-bookmark-tab") {
|
||
window.siyuan.mobile.docks.bookmark.update();
|
||
} else if (type === "sidebar-tag-tab") {
|
||
window.siyuan.mobile.docks.tag.update();
|
||
}
|
||
});
|
||
// 用 touchstart 会导致键盘不收起
|
||
document.getElementById("toolbarMore").addEventListener("click", () => {
|
||
popMenu();
|
||
});
|
||
document.getElementById("toolbarSync").addEventListener(getEventName(), () => {
|
||
syncGuide(app);
|
||
});
|
||
document.getElementById("modelClose").addEventListener("click", () => {
|
||
closeModel();
|
||
});
|
||
initEditorName();
|
||
if (getOpenNotebookCount() > 0) {
|
||
if (window.JSAndroid && window.openFileByURL(window.JSAndroid.getBlockURL())) {
|
||
return;
|
||
}
|
||
const idZoomIn = getIdZoomInByPath();
|
||
if (idZoomIn.id) {
|
||
openMobileFileById(app, idZoomIn.id,
|
||
idZoomIn.isZoomIn ? [Constants.CB_GET_ALL] : [Constants.CB_GET_HL, Constants.CB_GET_CONTEXT, Constants.CB_GET_ROOTSCROLL]);
|
||
return;
|
||
}
|
||
if (window.siyuan.config.fileTree.closeTabsOnStart && isStart) {
|
||
setEmpty(app);
|
||
return;
|
||
}
|
||
const localDoc = window.siyuan.storage[Constants.LOCAL_DOCINFO];
|
||
fetchPost("/api/block/checkBlockExist", {id: localDoc.id}, existResponse => {
|
||
if (existResponse.data) {
|
||
openMobileFileById(app, localDoc.id, [Constants.CB_GET_SCROLL]);
|
||
} else {
|
||
fetchPost("/api/block/getRecentUpdatedBlocks", {}, (response) => {
|
||
if (response.data.length !== 0) {
|
||
checkFold(response.data[0].id, (zoomIn) => {
|
||
openMobileFileById(app, response.data[0].id, zoomIn ? [Constants.CB_GET_ALL] : [Constants.CB_GET_CONTEXT, Constants.CB_GET_ROOTSCROLL]);
|
||
});
|
||
} else {
|
||
setEmpty(app);
|
||
}
|
||
});
|
||
}
|
||
});
|
||
return;
|
||
}
|
||
setEmpty(app);
|
||
};
|
||
|
||
const initEditorName = () => {
|
||
const inputElement = document.getElementById("toolbarName") as HTMLInputElement;
|
||
inputElement.setAttribute("placeholder", window.siyuan.languages._kernel[16]);
|
||
inputElement.addEventListener("blur", () => {
|
||
if (inputElement.getAttribute("readonly") === "readonly") {
|
||
return;
|
||
}
|
||
if (!validateName(inputElement.value)) {
|
||
inputElement.value = inputElement.value.substring(0, Constants.SIZE_TITLE);
|
||
return false;
|
||
}
|
||
|
||
fetchPost("/api/filetree/renameDoc", {
|
||
notebook: window.siyuan.mobile.editor.protyle.notebookId,
|
||
path: window.siyuan.mobile.editor.protyle.path,
|
||
title: inputElement.value,
|
||
});
|
||
setTitle(inputElement.value);
|
||
});
|
||
};
|