Something went wrong. Try again.
A privacy-first, self-hosted, fully open source personal knowledge management software, written in typescript and golang. (PERSONAL FORK)
Something went wrong. Try again.
TypeScript
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418import {Tab} from "./Tab";import {getInstanceById, newModelByInitData, saveLayout} from "./util";import {getAllModels, getAllTabs} from "./getAll";import {hideAllElements, hideElements} from "../protyle/ui/hideElements";import {pdfResize} from "../asset/renderAssets";import {App} from "../index";import {Model} from "./Model";import {Editor} from "../editor";import {Asset} from "../asset";import {Graph} from "./dock/Graph";import {Files} from "./dock/Files";import {Outline} from "./dock/Outline";import {Backlink} from "./dock/Backlink";import {Bookmark} from "./dock/Bookmark";import {Tag} from "./dock/Tag";import {Search} from "../search";import {Custom} from "./dock/Custom";import {newCardModel} from "../card/newCardTab";import {isIPad, updateHotkeyTip} from "../protyle/util/compatibility";import {openSearch} from "../search/spread";import {openRecentDocs} from "../business/openRecentDocs";import {openHistory} from "../history/history";import {newFile} from "../util/newFile";import {mountHelp, newNotebook} from "../util/mount";import {Constants} from "../constants";import {fetchPost} from "../util/fetch";
export const getActiveTab = (wndActive = true) => { const activeTabElement = document.querySelector(".layout__wnd--active .item--focus"); let tab; if (activeTabElement) { tab = getInstanceById(activeTabElement.getAttribute("data-id")) as Tab; } if (!tab && !wndActive) { getAllTabs().find(item => { if (item.headElement?.classList.contains("item--focus")) { tab = item; } }); } return tab;};
export const switchTabByIndex = (index: number) => { const activeDockIcoElement = document.querySelector(".dock .dock__item--activefocus"); if (activeDockIcoElement) { let indexElement = activeDockIcoElement.parentElement.children[index]; if (index === -1) { // 最后一个 indexElement = activeDockIcoElement.parentElement.lastElementChild; if (!indexElement.getAttribute("data-type")) { indexElement = indexElement.previousElementSibling; } } else if (index === -2) { // 上一个 indexElement = activeDockIcoElement.previousElementSibling; if (!indexElement) { indexElement = activeDockIcoElement.parentElement.lastElementChild; if (indexElement.classList.contains("dock__item--pin")) { indexElement = indexElement.previousElementSibling; } } } else if (index === -3) { // 下一个 indexElement = activeDockIcoElement.nextElementSibling; if (!indexElement || indexElement.classList.contains("dock__item--pin")) { indexElement = activeDockIcoElement.parentElement.firstElementChild; } } const type = indexElement?.getAttribute("data-type") as TDock; if (type) { getDockByType(type)?.toggleModel(type, true, false); } return; } const tab = getActiveTab(false); if (tab) { let indexElement = tab.parent.headersElement.children[index]; if (index === -1) { // 最后一个 indexElement = tab.parent.headersElement.lastElementChild; } else if (index === -2) { // 上一个 indexElement = tab.headElement.previousElementSibling; if (!indexElement) { indexElement = tab.headElement.parentElement.lastElementChild; } } else if (index === -3) { // 下一个 indexElement = tab.headElement.nextElementSibling; if (!indexElement) { indexElement = tab.headElement.parentElement.firstElementChild; } } if (indexElement) { tab.parent.switchTab(indexElement as HTMLElement, true); tab.parent.showHeading(); } }};
let resizeTimeout: number;export const resizeTabs = (isSaveLayout = true) => { clearTimeout(resizeTimeout); // .layout .fn__flex-shrink {width .15s cubic-bezier(0, 0, .2, 1) 0ms} 时需要再次计算 padding // PDF 避免分屏多次调用后，页码跳转到1 https://github.com/siyuan-note/siyuan/issues/5646 resizeTimeout = window.setTimeout(() => { const models = getAllModels(); models.editor.forEach((item) => { if (item.editor && item.editor.protyle && item.element.parentElement && !item.element.classList.contains("fn__none")) { item.editor.resize(); } }); // https://github.com/siyuan-note/siyuan/issues/6250 models.backlink.forEach(item => { const mTreeElement = item.element.querySelector(".backlinkMList") as HTMLElement; if (mTreeElement.style.height && mTreeElement.style.height !== "0px" && item.element.clientHeight !== 0) { mTreeElement.style.height = (item.element.clientHeight - mTreeElement.previousElementSibling.clientHeight * 2) + "px"; } item.editors.forEach(editorItem => { hideElements(["gutter"], editorItem.protyle); editorItem.resize(); }); }); models.search.forEach(item => { if (item.element.querySelector("#searchUnRefPanel").classList.contains("fn__none")) { item.editors.edit.resize(); } else { item.editors.unRefEdit.resize(); } }); models.custom.forEach(item => { if (item.resize) { item.resize(); } }); pdfResize(); hideAllElements(["gutter"]); if (isSaveLayout) { saveLayout(); } }, 200);};
export const getDockByType = (type: TDock | string) => { if (!window.siyuan.layout.leftDock) { return undefined; } if (window.siyuan.layout.leftDock.data[type]) { return window.siyuan.layout.leftDock; } if (window.siyuan.layout.rightDock.data[type]) { return window.siyuan.layout.rightDock; } if (window.siyuan.layout.bottomDock.data[type]) { return window.siyuan.layout.bottomDock; }};
export const newCenterEmptyTab = (app: App) => { return new Tab({ panel: `<div class="layout__empty"> <div class="${!window.siyuan.config.readonly ? " fn__none" : ""}"> <div class="config-about__logo"> <img src="/stage/icon.png"> ${window.siyuan.languages.siyuanNote} </div> <div class="b3-label__text">${window.siyuan.languages.slogan}</div> </div> <div class="fn__hr"></div> <div class="b3-list" style="margin: 0 auto"> <div class="b3-list-item" id="editorEmptySearch"> <svg class="b3-list-item__graphic"><use xlink:href="#iconSearch"></use></svg> <span>${window.siyuan.languages.search}</span> <span class="b3-list-item__meta">${updateHotkeyTip(window.siyuan.config.keymap.general.globalSearch.custom)}</span> </div> <div id="editorEmptyRecent" class="b3-list-item"> <svg class="b3-list-item__graphic"><use xlink:href="#iconList"></use></svg> <span>${window.siyuan.languages.recentDocs}</span> <span class="b3-list-item__meta">${updateHotkeyTip(window.siyuan.config.keymap.general.recentDocs.custom)}</span> </div> <div id="editorEmptyHistory" class="b3-list-item${window.siyuan.config.readonly ? " fn__none" : ""}"> <svg class="b3-list-item__graphic"><use xlink:href="#iconHistory"></use></svg> <span>${window.siyuan.languages.dataHistory}</span> <span class="b3-list-item__meta">${updateHotkeyTip(window.siyuan.config.keymap.general.dataHistory.custom)}</span> </div> <div class="b3-list-item${window.siyuan.config.readonly ? " fn__none" : ""}" id="editorEmptyFile"> <svg class="b3-list-item__graphic"><use xlink:href="#iconFile"></use></svg> <span>${window.siyuan.languages.newFile}</span> <span class="b3-list-item__meta">${updateHotkeyTip(window.siyuan.config.keymap.general.newFile.custom)}</span> </div> <div class="b3-list-item${window.siyuan.config.readonly ? " fn__none" : ""}" id="editorEmptyNewNotebook"> <svg class="b3-list-item__graphic"><use xlink:href="#iconFilesRoot"></use></svg> <span>${window.siyuan.languages.newNotebook}</span> </div> <div class="b3-list-item${(isIPad() || window.siyuan.config.readonly) ? " fn__none" : ""}" id="editorEmptyHelp"> <svg class="b3-list-item__graphic"><use xlink:href="#iconHelp"></use></svg> <span>${window.siyuan.languages.userGuide}</span> </div> </div></div>`, callback(tab: Tab) { tab.panelElement.addEventListener("click", (event) => { let target = event.target as HTMLElement; while (target && !target.isEqualNode(tab.panelElement)) { if (target.id === "editorEmptySearch") { openSearch({ app, hotkey: Constants.DIALOG_GLOBALSEARCH, }); event.stopPropagation(); event.preventDefault(); break; } else if (target.id === "editorEmptyRecent") { openRecentDocs(); event.stopPropagation(); event.preventDefault(); break; } else if (target.id === "editorEmptyHistory") { openHistory(app); event.stopPropagation(); event.preventDefault(); break; } else if (target.id === "editorEmptyFile") { newFile({ app, useSavePath: true }); event.stopPropagation(); event.preventDefault(); break; } else if (target.id === "editorEmptyNewNotebook") { newNotebook(); event.stopPropagation(); event.preventDefault(); break; } else if (target.id === "editorEmptyHelp") { mountHelp(); event.stopPropagation(); event.preventDefault(); break; } target = target.parentElement; } }); } });};
export const copyTab = (app: App, tab: Tab) => { return new Tab({ icon: tab.icon, docIcon: tab.docIcon, title: tab.title, callback(newTab: Tab) { let model: Model; if (tab.model instanceof Editor) { const newAction: TProtyleAction[] = []; // https://github.com/siyuan-note/siyuan/issues/12132 tab.model.editor.protyle.block.action.forEach(item => { if (item !== Constants.CB_GET_APPEND && item !== Constants.CB_GET_BEFORE && item !== Constants.CB_GET_HTML) { newAction.push(item); } }); model = new Editor({ app, tab: newTab, blockId: tab.model.editor.protyle.block.id, rootId: tab.model.editor.protyle.block.rootID, // https://github.com/siyuan-note/siyuan/issues/12150 action: newAction, afterInitProtyle(editor) { // https://github.com/siyuan-note/siyuan/issues/13851 if (tab.model instanceof Editor) { const copyResizeTopElement = tab.model.editor.protyle.wysiwyg.element.querySelector("[data-resize-top]"); if (copyResizeTopElement) { const newElement = editor.protyle.wysiwyg.element.querySelector(`[data-node-id="${copyResizeTopElement.getAttribute("data-node-id")}"]`); if (newElement) { editor.protyle.observerLoad?.disconnect(); newElement.scrollIntoView(); editor.protyle.contentElement.scrollTop += parseInt(copyResizeTopElement.getAttribute("data-resize-top")); } } } } }); } else if (tab.model instanceof Asset) { model = new Asset({ app, tab: newTab, path: tab.model.path }); } else if (tab.model instanceof Graph) { model = new Graph({ app, tab: newTab, blockId: tab.model.blockId, rootId: tab.model.rootId, type: tab.model.type, }); } else if (tab.model instanceof Files) { model = new Files({ app, tab: newTab }); } else if (tab.model instanceof Outline) { model = new Outline({ app, tab: newTab, blockId: tab.model.blockId, type: tab.model.type, isPreview: tab.model.isPreview }); } else if (tab.model instanceof Backlink) { model = new Backlink({ app, tab: newTab, blockId: tab.model.blockId, rootId: tab.model.rootId, type: tab.model.type }); } else if (tab.model instanceof Bookmark) { model = new Bookmark(app, newTab); } else if (tab.model instanceof Tag) { model = new Tag(app, newTab); } else if (tab.model instanceof Search) { model = new Search({ app, tab: newTab, config: tab.model.config }); } else if (tab.model instanceof Custom) { const custom = tab.model as Custom; if (custom.type === "siyuan-card") { model = newCardModel({ app, tab: newTab, data: custom.data }); } else { app.plugins.find(item => { if (item.models[custom.type]) { model = item.models[custom.type]({ tab: newTab, data: custom.data }); return true; } }); } } else if (!tab.model && tab.headElement) { const initData = JSON.parse(tab.headElement.getAttribute("data-initdata") || "{}"); if (initData) { model = newModelByInitData(app, newTab, initData); } } newTab.addModel(model); } });};
const getRootID = (item: Tab) => { if (item.model instanceof Editor) { return item.model.editor.protyle.block.rootID; } else if (!item.model) { const initTab = item.headElement.getAttribute("data-initdata"); if (initTab) { try { const initTabData = JSON.parse(initTab); if (initTabData && initTabData.instance === "Editor" && initTabData.rootId) { return initTabData.rootId; } } catch (e) { console.warn("Failed to parse tab init data:", e); } } }};
export const closeTabByType = (tab: Tab, type: "closeOthers" | "closeAll" | "other", tabs?: Tab[]) => { const rootIDs: string[] = []; if (type === "closeOthers") { for (let index = 0; index < tab.parent.children.length; index++) { const item = tab.parent.children[index]; if (item.id !== tab.id && !item.headElement.classList.contains("item--pin")) { rootIDs.push(getRootID(item)); item.parent.removeTab(item.id, true, false); index--; } } } else if (type === "closeAll") { for (let index = 0; index < tab.parent.children.length; index++) { const item = tab.parent.children[index]; if (!item.headElement.classList.contains("item--pin")) { rootIDs.push(getRootID(item)); item.parent.removeTab(item.id, true); index--; } } } else if (tabs.length > 0) { for (let index = 0; index < tabs.length; index++) { if (!tabs[index].headElement.classList.contains("item--pin")) { tabs[index].parent.removeTab(tabs[index].id); } } } // 批量更新文档关闭时间 if (rootIDs.length > 0) { fetchPost("/api/storage/batchUpdateRecentDocCloseTime", {rootIDs}); } if (tab.headElement.parentElement && !tab.headElement.parentElement.querySelector(".item--focus")) { tab.parent.switchTab(tab.headElement, true); } else if (tab.parent.children.length > 0) { tab.parent.switchTab(tab.parent.children[tab.parent.children.length - 1].headElement, true); }};