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.
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384import {escapeAriaLabel, escapeGreat, escapeHtml} from "../../util/escape";import {Tab} from "../Tab";import {Model} from "../Model";import {setPanelFocus} from "../util";import {getDockByType} from "../tabUtil";import {Constants} from "../../constants";import {getDisplayName, pathPosix, setNoteBook} from "../../util/pathName";import {newFile} from "../../util/newFile";import {initFileMenu, initNavigationMenu, sortMenu} from "../../menus/navigation";import {MenuItem} from "../../menus/Menu";import {showMessage} from "../../dialog/message";import {fetchPost, fetchSyncPost} from "../../util/fetch";import {openEmojiPanel, unicode2Emoji} from "../../emoji";import {mountHelp, newNotebook} from "../../util/mount";import {isNotCtrl, isOnlyMeta, setStorageVal, updateHotkeyAfterTip} from "../../protyle/util/compatibility";import {openFileById} from "../../editor/util";import { hasClosestByAttribute, hasClosestByClassName, hasClosestByTag, hasTopClosestByTag} from "../../protyle/util/hasClosest";import {isTouchDevice} from "../../util/functions";import {App} from "../../index";import {refreshFileTree} from "../../dialog/processSystem";/// #if !BROWSERimport {ipcRenderer} from "electron";/// #endifimport {hideTooltip, showTooltip} from "../../dialog/tooltip";import {selectOpenTab} from "./util";
export class Files extends Model { public element: HTMLElement; public parent: Tab; public closeElement: HTMLElement; public lastSelectedElement: Element = null; private actionsElement: HTMLElement;
constructor(options: { tab: Tab, app: App }) { super({ app: options.app, type: "filetree", id: options.tab.id, msgCallback(data) { if (data) { switch (data.cmd) { case "reloadDocInfo": this.updateDocInfo(data); break; case "moveDoc": this.onMove(data); break; case "reloadFiletree": setNoteBook(() => { this.init(false); }); break; case "mount": this.onMount(data); options.app.plugins.forEach((item) => { item.eventBus.emit("opened-notebook", data); }); break; case "createnotebook": setNoteBook((notebooks) => { let previousId: string; notebooks.find(item => { if (!item.closed) { if (item.id === data.data.box.id) { if (previousId) { this.element.querySelector(`.b3-list[data-url="${previousId}"]`).insertAdjacentHTML("afterend", this.genNotebook(data.data.box)); } else { this.element.insertAdjacentHTML("afterbegin", this.genNotebook(data.data.box)); } return true; } previousId = item.id; } }); }); break; case "unmount": this.onRemove(data); options.app.plugins.forEach((item) => { item.eventBus.emit("closed-notebook", data); }); break; case "removeDoc": this.onRemove(data); break; case "create": if (data.data.listDocTree) { this.selectItem(data.data.box.id, data.data.path); } else { this.updateItemArrow(data.data.box.id, data.data.path); } break; case "createdailynote": case "heading2doc": case "li2doc": this.selectItem(data.data.box.id, data.data.path); break; case "renamenotebook": this.element.querySelector(`[data-url="${data.data.box}"] .b3-list-item__text`).innerHTML = escapeHtml(data.data.name); break; case "rename": this.onRename(data.data); break; } } }, }); options.tab.panelElement.classList.add("fn__flex-column", "file-tree", "sy__file", "dockPanel"); options.tab.panelElement.innerHTML = `<div class="block__icons"> <div class="block__logo"> <svg class="block__logoicon"><use xlink:href="#iconFiles"></use></svg>${window.siyuan.languages.fileTree} </div> <span class="fn__flex-1 fn__space"></span> <span data-type="focus" class="block__icon b3-tooltips b3-tooltips__sw" aria-label="${window.siyuan.languages.selectOpen1}${updateHotkeyAfterTip(window.siyuan.config.keymap.general.selectOpen1.custom)}"><svg><use xlink:href='#iconFocus'></use></svg></span> <span class="fn__space"></span> <span data-type="collapse" class="block__icon b3-tooltips b3-tooltips__sw" aria-label="${window.siyuan.languages.collapse}${updateHotkeyAfterTip(window.siyuan.config.keymap.editor.general.collapse.custom)}"> <svg><use xlink:href="#iconContract"></use></svg> </span> <div class="fn__space${window.siyuan.config.readonly ? " fn__none" : ""}"></div> <div data-type="more" class="b3-tooltips b3-tooltips__sw block__icon${window.siyuan.config.readonly ? " fn__none" : ""}" aria-label="${window.siyuan.languages.more}"> <svg><use xlink:href="#iconMore"></use></svg> </div> <span class="fn__space"></span> <span data-type="min" class="block__icon b3-tooltips b3-tooltips__sw" aria-label="${window.siyuan.languages.min}${updateHotkeyAfterTip(window.siyuan.config.keymap.general.closeTab.custom)}"><svg><use xlink:href='#iconMin'></use></svg></span></div><div class="fn__flex-1" style="padding-top: 2px;"></div><ul class="b3-list fn__flex-column" style="min-height: auto;height:30px;transition: height .2s cubic-bezier(0, 0, .2, 1) 0ms"> <li class="b3-list-item" data-type="toggle"> <span class="b3-list-item__toggle"> <svg class="b3-list-item__arrow"><use xlink:href="#iconRight"></use></svg> </span> <span class="b3-list-item__text">${window.siyuan.languages.closeNotebook}</span> <span class="counter" style="cursor: auto"></span> </li> <ul class="fn__none fn__flex-1"></ul></ul>`; this.actionsElement = options.tab.panelElement.firstElementChild as HTMLElement; this.element = this.actionsElement.nextElementSibling as HTMLElement; this.closeElement = options.tab.panelElement.lastElementChild as HTMLElement; this.closeElement.addEventListener("click", (event) => { setPanelFocus(this.element.parentElement); let target = event.target as HTMLElement; while (target && !target.isEqualNode(this.closeElement)) { const type = target.getAttribute("data-type"); if (target.classList.contains("b3-list-item__icon")) { event.preventDefault(); event.stopPropagation(); const rect = target.getBoundingClientRect(); openEmojiPanel(target.parentElement.getAttribute("data-url"), "notebook", { x: rect.left, y: rect.bottom, h: rect.height, w: rect.width, }, undefined, target.querySelector("img")); break; } else if (type === "toggle") { const svgElement = target.querySelector("svg"); if (svgElement.classList.contains("b3-list-item__arrow--open")) { this.closeElement.style.height = "30px"; svgElement.classList.remove("b3-list-item__arrow--open"); this.closeElement.lastElementChild.classList.add("fn__none"); } else { this.closeElement.style.height = "40%"; svgElement.classList.add("b3-list-item__arrow--open"); this.closeElement.lastElementChild.classList.remove("fn__none"); } window.siyuan.menus.menu.remove(); event.stopPropagation(); event.preventDefault(); break; } else if (type === "open") { fetchPost("/api/notebook/openNotebook", { notebook: target.getAttribute("data-url") }); window.siyuan.menus.menu.remove(); event.stopPropagation(); event.preventDefault(); break; } target = target.parentElement; } }); // 为了快捷键的 dispatch this.actionsElement.querySelector('[data-type="collapse"]').addEventListener("click", () => { Array.from(this.element.children).forEach(item => { const liElement = item.firstElementChild; const toggleElement = liElement.querySelector(".b3-list-item__arrow"); if (toggleElement.classList.contains("b3-list-item__arrow--open")) { toggleElement.classList.remove("b3-list-item__arrow--open"); liElement.nextElementSibling.remove(); } }); window.siyuan.storage[Constants.LOCAL_FILESPATHS] = []; setStorageVal(Constants.LOCAL_FILESPATHS, []); }); this.actionsElement.addEventListener("click", (event: MouseEvent & { target: HTMLElement }) => { let target = event.target as HTMLElement; while (target && !target.isEqualNode(this.actionsElement)) { const type = target.getAttribute("data-type"); if (type === "min") { getDockByType("file").toggleModel("file", false, true); event.preventDefault(); event.stopPropagation(); window.siyuan.menus.menu.remove(); break; } else if (type === "focus") { selectOpenTab(); event.preventDefault(); break; } else if (type === "more") { this.initMoreMenu().popup({x: event.clientX, y: event.clientY}); event.preventDefault(); event.stopPropagation(); break; } target = target.parentElement; } setPanelFocus(this.element.parentElement); }); this.element.addEventListener("mousedown", (event) => { // 点击鼠标滚轮关闭 if (event.button !== 1 || !window.siyuan.config.fileTree.openFilesUseCurrentTab) { return; } let target = event.target as HTMLElement; while (target && !target.isEqualNode(this.element)) { if (target.tagName === "LI" && !target.getAttribute("data-opening")) { target.setAttribute("data-opening", "true"); openFileById({ app: options.app, removeCurrentTab: false, id: target.getAttribute("data-node-id"), action: [Constants.CB_GET_FOCUS, Constants.CB_GET_SCROLL], afterOpen() { target.removeAttribute("data-opening"); } }); event.stopPropagation(); event.preventDefault(); break; } target = target.parentElement; } }); this.element.addEventListener("click", (event) => { let target = event.target as HTMLElement; const ulElement = hasTopClosestByTag(target, "UL"); let needFocus = true; if (ulElement) { const notebookId = ulElement.getAttribute("data-url"); while (target && !target.isEqualNode(this.element)) { if (isNotCtrl(event) && target.classList.contains("b3-list-item__icon") && window.siyuan.config.system.container !== "ios") { event.preventDefault(); event.stopPropagation(); const rect = target.getBoundingClientRect(); if (target.parentElement.getAttribute("data-type") === "navigation-file") { openEmojiPanel(target.parentElement.getAttribute("data-node-id"), "doc", { x: rect.left, y: rect.bottom, h: rect.height, w: rect.width, }, undefined, target.querySelector("img")); } else { openEmojiPanel(target.parentElement.parentElement.getAttribute("data-url"), "notebook", { x: rect.left, y: rect.bottom, h: rect.height, w: rect.width, }, undefined, target.querySelector("img")); } break; } else if (isNotCtrl(event) && target.classList.contains("b3-list-item__toggle")) { this.getLeaf(target.parentElement, notebookId); event.preventDefault(); event.stopPropagation(); window.siyuan.menus.menu.remove(); break; } else if (isNotCtrl(event) && target.classList.contains("b3-list-item__action")) { const type = target.getAttribute("data-type"); const pathString = target.parentElement.getAttribute("data-path"); if (!window.siyuan.config.readonly) { if (type === "new") { newFile({ app: options.app, notebookId, currentPath: pathString, useSavePath: false, listDocTree: true, }); } else if (type === "more-root") { initNavigationMenu(options.app, target.parentElement).popup({ x: event.clientX, y: event.clientY }); } else if (type === "addLocal") { fetchPost("/api/filetree/moveLocalShorthands", { "notebook": notebookId }); this.element.querySelectorAll('[data-type="addLocal"]').forEach(item => { item.remove(); }); } } if (type === "more-file") { initFileMenu(options.app, notebookId, pathString, target.parentElement).popup({ x: event.clientX, y: event.clientY }); } event.preventDefault(); event.stopPropagation(); break; } else if (target.tagName === "LI") { if (isOnlyMeta(event) && !event.altKey && !event.shiftKey) { target.classList.toggle("b3-list-item--focus"); this.lastSelectedElement = target; } else if (event.shiftKey && !event.altKey && isNotCtrl(event)) { // Shift+click 多选文档 if (!document.contains(this.lastSelectedElement)) { this.lastSelectedElement = null; } if (!this.lastSelectedElement) { this.lastSelectedElement = this.element.querySelector(".b3-list-item--focus"); } if (!this.lastSelectedElement) { this.lastSelectedElement = target.parentElement.firstElementChild; } this.element.querySelectorAll(".b3-list-item--focus").forEach(item => { item.classList.remove("b3-list-item--focus"); });
// 获取所有文档项 const allFiles = Array.from(this.element.querySelectorAll("li.b3-list-item"));
// 获取起始和结束索引 const startIndex = allFiles.indexOf(this.lastSelectedElement); const endIndex = allFiles.indexOf(target);
// 确定选择范围 const start = Math.min(startIndex, endIndex); const end = Math.max(startIndex, endIndex);
// 添加新选择 for (let i = start; i <= end; i++) { (allFiles[i] as HTMLElement).classList.add("b3-list-item--focus"); } } else { this.lastSelectedElement = target; this.setCurrent(target, false); if (target.getAttribute("data-type") === "navigation-file") { // 更新最后点击的文档项 needFocus = false; if (target.getAttribute("data-opening")) { return; } target.setAttribute("data-opening", "true"); if (event.altKey && isNotCtrl(event) && !event.shiftKey) { openFileById({ app: options.app, id: target.getAttribute("data-node-id"), position: "right", action: [Constants.CB_GET_FOCUS, Constants.CB_GET_SCROLL], afterOpen() { target.removeAttribute("data-opening"); } }); } else if (!event.altKey && isOnlyMeta(event) && event.shiftKey) { openFileById({ app: options.app, id: target.getAttribute("data-node-id"), position: "bottom", action: [Constants.CB_GET_FOCUS, Constants.CB_GET_SCROLL], afterOpen() { target.removeAttribute("data-opening"); } }); } else if (window.siyuan.config.fileTree.openFilesUseCurrentTab && event.altKey && isOnlyMeta(event) && !event.shiftKey) { openFileById({ app: options.app, removeCurrentTab: false, id: target.getAttribute("data-node-id"), action: [Constants.CB_GET_FOCUS, Constants.CB_GET_SCROLL], afterOpen() { target.removeAttribute("data-opening"); } }); } else { openFileById({ app: options.app, id: target.getAttribute("data-node-id"), action: [Constants.CB_GET_FOCUS, Constants.CB_GET_SCROLL], afterOpen() { target.removeAttribute("data-opening"); } }); } } else if (target.getAttribute("data-type") === "navigation-root") { this.getLeaf(target, notebookId); } } this.element.querySelector('[select-end="true"]')?.removeAttribute("select-end"); this.element.querySelector('[select-start="true"]')?.removeAttribute("select-start"); window.siyuan.menus.menu.remove(); event.stopPropagation(); event.preventDefault(); break; } target = target.parentElement; } } if (needFocus) { setPanelFocus(this.element.parentElement); } }); this.element.addEventListener("dragstart", (event: DragEvent & { target: HTMLElement }) => { if (isTouchDevice()) { event.stopPropagation(); event.preventDefault(); return; } window.getSelection().removeAllRanges(); hideTooltip(); const liElement = hasClosestByTag(event.target, "LI"); if (liElement) { this.parent.panelElement.classList.add("sy__file--disablehover"); let selectElements: Element[] = Array.from(this.element.querySelectorAll(".b3-list-item--focus")); if (!liElement.classList.contains("b3-list-item--focus")) { selectElements.forEach((item) => { item.classList.remove("b3-list-item--focus"); }); liElement.classList.add("b3-list-item--focus"); selectElements = [liElement]; } let ids = ""; const ghostElement = document.createElement("ul"); selectElements.forEach((item: HTMLElement, index) => { ghostElement.append(item.cloneNode(true)); item.style.opacity = "0.38"; const itemNodeId = item.dataset.nodeId || item.dataset.path; // 拖拽笔记本时值不能为空，否则 drop 就不会继续排序 if (itemNodeId) { ids += itemNodeId; if (index < selectElements.length - 1) { ids += ","; } } }); ghostElement.setAttribute("style", `width: 219px;position: fixed;top:-${selectElements.length * 30}px`); ghostElement.setAttribute("class", "b3-list b3-list--background"); document.body.append(ghostElement); event.dataTransfer.setDragImage(ghostElement, 16, 16); event.dataTransfer.setData(Constants.SIYUAN_DROP_FILE, ids); event.dataTransfer.dropEffect = "move"; window.siyuan.dragElement = document.createElement("div"); window.siyuan.dragElement.innerText = ids; setTimeout(() => { ghostElement.remove(); }); } }); this.element.addEventListener("dragend", (event) => { this.parent.panelElement.classList.remove("sy__file--disablehover"); this.element.querySelectorAll('.b3-list-item[style*="opacity: 0.38;"]').forEach((item: HTMLElement, index) => { item.style.opacity = ""; // https://github.com/siyuan-note/siyuan/issues/11587 if (index === 0 && hasClosestByClassName(document.elementFromPoint(event.clientX, event.clientY), "sy__file")) { const ariaLabelElement = item.querySelector(".ariaLabel"); if (ariaLabelElement) { showTooltip(ariaLabelElement.getAttribute("aria-label"), ariaLabelElement); } } }); window.siyuan.dragElement = undefined; /// #if !BROWSER ipcRenderer.send(Constants.SIYUAN_SEND_WINDOWS, {cmd: "resetTabsStyle", data: "rmDragStyle"}); /// #else document.querySelectorAll(".layout-tab-bars--drag").forEach(item => { item.classList.remove("layout-tab-bars--drag"); }); /// #endif }); const dragOverLastObj: { element: HTMLElement, positionY: number, rafId: number, sourceOnlyRoot: boolean, } = { element: null, positionY: null, rafId: null, sourceOnlyRoot: null }; this.element.addEventListener("dragover", (event: DragEvent & { target: HTMLElement }) => { if (window.siyuan.config.readonly || !window.siyuan.dragElement || event.dataTransfer.types.includes(Constants.SIYUAN_DROP_TAB)) { event.preventDefault(); return; } if (dragOverLastObj.rafId) { event.preventDefault(); return; } let gutterType = ""; for (const item of event.dataTransfer.items) { if (item.type.startsWith(Constants.SIYUAN_DROP_GUTTER)) { gutterType = item.type; } } dragOverLastObj.rafId = requestAnimationFrame(() => { dragOverLastObj.rafId = null; let liElement = event.target.closest("li"); if (!liElement) { liElement = document.elementFromPoint(event.clientX, event.clientY - 1).closest("li"); } if (!liElement) { dragOverLastObj.element = null; event.preventDefault(); return; } const targetType = liElement.getAttribute("data-type"); if (dragOverLastObj.element !== liElement) { dragOverLastObj.element?.classList.remove("dragover", "dragover__bottom", "dragover__top"); if (gutterType) { // 块标拖拽 const gutterTypes = gutterType.replace(Constants.SIYUAN_DROP_GUTTER, "").split(Constants.ZWSP); if (!["nodelistitem", "nodeheading"].includes(gutterTypes[0])) { event.preventDefault(); return; } } else if (liElement.classList.contains("b3-list-item--focus")) { // 选中的文档不能拖拽到自己上，但允许标题拖拽到文档树的选中文档上 https://github.com/siyuan-note/siyuan/issues/6552 event.preventDefault(); return; }
dragOverLastObj.sourceOnlyRoot = gutterType ? false : true; if (dragOverLastObj.sourceOnlyRoot) { const focusItems = this.element.querySelectorAll(".b3-list-item--focus"); for (let i = 0; i < focusItems.length; i++) { if (focusItems[i].getAttribute("data-type") === "navigation-file") { dragOverLastObj.sourceOnlyRoot = false; break; } } } if (dragOverLastObj.sourceOnlyRoot && targetType !== "navigation-root") { event.preventDefault(); return; } } if (dragOverLastObj.element && dragOverLastObj.element === liElement && dragOverLastObj.positionY !== event.clientY) { const notebookElement = hasClosestByAttribute(liElement, "data-sortmode", null); if (!notebookElement) { event.preventDefault(); return; } const notebookSort = notebookElement.getAttribute("data-sortmode"); if ((dragOverLastObj.sourceOnlyRoot && targetType === "navigation-root" && window.siyuan.config.fileTree.sort === 6) || (!dragOverLastObj.sourceOnlyRoot && targetType !== "navigation-root" && (notebookSort === "6" || (window.siyuan.config.fileTree.sort === 6 && notebookSort === "15"))) ) { const nodeRect = liElement.getBoundingClientRect(); const dragHeight = nodeRect.height * .2; if (targetType === "navigation-root" && dragOverLastObj.sourceOnlyRoot) { if (event.clientY > nodeRect.top + nodeRect.height / 2) { liElement.classList.remove("dragover"); liElement.classList.add("dragover__bottom"); } else { liElement.classList.remove("dragover"); liElement.classList.add("dragover__top"); } } else if (event.clientY > nodeRect.bottom - dragHeight) { liElement.classList.remove("dragover"); liElement.classList.add("dragover__bottom"); } else if (event.clientY < nodeRect.top + dragHeight) { liElement.classList.remove("dragover"); liElement.classList.add("dragover__top"); } else { liElement.classList.remove("dragover__top", "dragover__bottom"); } } if (liElement.classList.contains("dragover__top") || liElement.classList.contains("dragover__bottom") || (targetType === "navigation-root" && dragOverLastObj.sourceOnlyRoot)) { // do nothing } else { liElement.classList.add("dragover"); } } if (dragOverLastObj.element !== liElement) { dragOverLastObj.element = liElement; } dragOverLastObj.positionY = event.clientY; event.preventDefault(); }); event.preventDefault(); }); let counter = 0; this.element.addEventListener("dragleave", () => { counter--; if (counter === 0) { this.element.querySelectorAll(".dragover, .dragover__bottom, .dragover__top").forEach((item: HTMLElement) => { item.classList.remove("dragover", "dragover__bottom", "dragover__top"); }); } }); this.element.addEventListener("dragenter", (event) => { event.preventDefault(); counter++; }); this.element.addEventListener("drop", async (event: DragEvent & { target: HTMLElement }) => { counter = 0; const newElement = this.element.querySelector(".dragover, .dragover__bottom, .dragover__top"); if (!newElement) { return; } const newUlElement = hasTopClosestByTag(newElement, "UL"); if (!newUlElement) { return; } const oldScrollTop = this.element.scrollTop; const toURL = newUlElement.getAttribute("data-url"); const toPath = newElement.getAttribute("data-path"); let gutterType = ""; for (const item of event.dataTransfer.items) { if (item.type.startsWith(Constants.SIYUAN_DROP_GUTTER)) { gutterType = item.type; } } // 块标拖拽 if (gutterType) { const gutterTypes = gutterType.replace(Constants.SIYUAN_DROP_GUTTER, "").split(Constants.ZWSP); if (["nodelistitem", "nodeheading"].includes(gutterTypes[0])) { const toDocOptions: { targetNoteBook: string; pushMode: number; srcHeadingID?: string; srcListItemID?: string; targetPath?: string; previousPath?: string; } = { targetNoteBook: toURL, pushMode: 0, }; if (newElement.classList.contains("dragover")) { toDocOptions.targetPath = toPath; } else if (newElement.classList.contains("dragover__bottom")) { toDocOptions.previousPath = toPath; } else if (newElement.classList.contains("dragover__top")) { if (newElement.previousElementSibling) { toDocOptions.previousPath = newElement.previousElementSibling.getAttribute("data-path"); } else { toDocOptions.targetPath = newElement.parentElement.previousElementSibling.getAttribute("data-path"); } } if (gutterTypes[0] === "nodeheading") { toDocOptions.srcHeadingID = gutterTypes[2].split(",")[0]; fetchPost("/api/filetree/heading2Doc", toDocOptions); } else { toDocOptions.srcListItemID = gutterTypes[2].split(",")[0]; fetchPost("/api/filetree/li2Doc", toDocOptions); } } newElement.classList.remove("dragover", "dragover__bottom", "dragover__top"); window.siyuan.dragElement = undefined; return; } window.siyuan.dragElement = undefined; if (!event.dataTransfer.getData(Constants.SIYUAN_DROP_FILE)) { newElement.classList.remove("dragover", "dragover__bottom", "dragover__top"); return; } const selectRootElements: HTMLElement[] = []; const selectFileElements: HTMLElement[] = []; const fromPaths: string[] = []; this.element.querySelectorAll(".b3-list-item--focus").forEach((item: HTMLElement) => { if (item.getAttribute("data-type") === "navigation-root") { selectRootElements.push(item); } else { const dataPath = item.getAttribute("data-path"); const isChild = fromPaths.find(itemPath => { if (dataPath.startsWith(itemPath.replace(".sy", ""))) { return true; } }); if (!isChild) { // 禁止父节点移动到子节点 https://github.com/siyuan-note/siyuan/issues/12539 if (newElement.getAttribute("data-path").startsWith(item.dataset.path.replace(".sy", ""))) { return; } selectFileElements.push(item); fromPaths.push(dataPath); } } }); if (newElement.classList.contains("dragover")) { fetchPost("/api/filetree/moveDocs", { toNotebook: toURL, fromPaths, toPath, }); newElement.classList.remove("dragover", "dragover__bottom", "dragover__top"); return; } if (newElement.classList.contains("dragover__bottom") || newElement.classList.contains("dragover__top")) { const ulSort = newUlElement.getAttribute("data-sortmode"); if (window.siyuan.config.fileTree.sort === 6 && selectRootElements.length > 0 && newElement.getAttribute("data-path") === "/") { if (newElement.classList.contains("dragover__top")) { selectRootElements.forEach(item => { newElement.parentElement.before(item.parentElement); }); } else { selectRootElements.reverse().forEach(item => { newElement.parentElement.after(item.parentElement); }); } const notebooks: string[] = []; Array.from(this.element.children).forEach(item => { notebooks.push(item.getAttribute("data-url")); }); fetchPost("/api/notebook/changeSortNotebook", { notebooks, }); } else if ((ulSort === "6" || (window.siyuan.config.fileTree.sort === 6 && ulSort === "15")) && selectFileElements.length > 0) { let hasMove = false; const toDir = pathPosix().dirname(toPath); if (fromPaths.length > 0) { await fetchSyncPost("/api/filetree/moveDocs", { toNotebook: toURL, fromPaths, toPath: toDir === "/" ? "/" : toDir + ".sy", callback: Constants.CB_MOVE_NOLIST, }); selectFileElements.forEach(item => { item.setAttribute("data-path", pathPosix().join(toDir, item.getAttribute("data-node-id") + ".sy")); }); hasMove = true; } if (newElement.classList.contains("dragover__top")) { selectFileElements.forEach(item => { let nextULElement; if (item.nextElementSibling && item.nextElementSibling.tagName === "UL") { nextULElement = item.nextElementSibling; } newElement.before(item); if (nextULElement) { item.after(nextULElement); } }); } else if (newElement.classList.contains("dragover__bottom")) { selectFileElements.reverse().forEach(item => { let nextULElement; if (item.nextElementSibling && item.nextElementSibling.tagName === "UL") { nextULElement = item.nextElementSibling; } if (newElement.nextElementSibling && newElement.nextElementSibling.tagName === "UL") { newElement.nextElementSibling.after(item); } else { newElement.after(item); } if (nextULElement) { item.after(nextULElement); } }); } const paths: string[] = []; Array.from(newElement.parentElement.children).forEach(item => { if (item.tagName === "LI") { paths.push(item.getAttribute("data-path")); } }); fetchPost("/api/filetree/changeSort", { paths, notebook: toURL }, () => { if (hasMove) { fetchPost("/api/filetree/listDocsByPath", { notebook: toURL, path: toDir === "/" ? "/" : toDir + ".sy", app: Constants.SIYUAN_APPID, }, response => { if (response.data.path === "/" && response.data.files.length === 0) { showMessage(window.siyuan.languages.emptyContent); return; } this.onLsHTML(response.data, oldScrollTop); }); } }); } } newElement.classList.remove("dragover", "dragover__bottom", "dragover__top"); }); this.init(); if (window.siyuan.config.openHelp) { // 需等待链接建立，不能放在 ongetconfig 中 mountHelp(); } }
private updateDocInfo(data: IWebSocketData) { const liElement = this.element.querySelector(`li[data-node-id="${data.data.rootID}"]`); if (liElement) { liElement.setAttribute("data-count", data.data.subFileCount); liElement.querySelector(".ariaLabel")?.setAttribute("aria-label", this.genDocAriaLabel(data.data, escapeGreat)); if (data.data.subFileCount === 0) { liElement.querySelector(".b3-list-item__toggle")?.classList.add("fn__hidden"); } else { liElement.querySelector(".b3-list-item__toggle")?.classList.remove("fn__hidden"); } } }
private updateItemArrow(notebookId: string, filePath: string) { const treeElement = this.element.querySelector(`[data-url="${notebookId}"]`); if (!treeElement) { return; } let currentPath = filePath; let liElement; while (!liElement) { liElement = treeElement.querySelector(`[data-path="${currentPath}"]`); if (!liElement) { const dirname = pathPosix().dirname(currentPath); if (dirname === "/") { if (treeElement.firstElementChild.querySelector(".b3-list-item__arrow--open")) { this.getLeaf(treeElement.firstElementChild, notebookId, true); } break; } else { currentPath = dirname + ".sy"; } } else { const hiddenElement = liElement.querySelector(".fn__hidden"); if (hiddenElement) { hiddenElement.classList.remove("fn__hidden"); } else { this.getLeaf(liElement, notebookId, true); } break; } } }
private genNotebook(item: INotebook) { const emojiHTML = `<span class="b3-list-item__icon b3-tooltips b3-tooltips__e" aria-label="${window.siyuan.languages.changeIcon}">${unicode2Emoji(item.icon || window.siyuan.storage[Constants.LOCAL_IMAGES].note)}</span>`; if (item.closed) { return `<li data-url="${item.id}" class="b3-list-item b3-list-item--hide-action"> <span class="b3-list-item__toggle fn__hidden"> <svg class="b3-list-item__arrow"><use xlink:href="#iconRight"></use></svg> </span> ${emojiHTML} <span class="b3-list-item__text" style="cursor: default;">${escapeHtml(item.name)}</span> <span data-type="open" data-url="${item.id}" class="b3-list-item__action b3-tooltips b3-tooltips__w${(window.siyuan.config.readonly) ? " fn__none" : ""}" aria-label="${window.siyuan.languages.openBy}"> <svg><use xlink:href="#iconOpen"></use></svg> </span></li>`; } else { return `<ul class="b3-list b3-list--background" data-url="${item.id}" data-sort="${item.sort}" data-sortmode="${item.sortMode}"><li class="b3-list-item b3-list-item--hide-action" ${window.siyuan.config.fileTree.sort === 6 ? 'draggable="true"' : ""} style="--file-toggle-width:22px" data-type="navigation-root" data-path="/"> <span class="b3-list-item__toggle b3-list-item__toggle--hl"> <svg class="b3-list-item__arrow"><use xlink:href="#iconRight"></use></svg> </span> ${emojiHTML} <span class="b3-list-item__text ariaLabel" data-position="parentE">${escapeHtml(item.name)}</span> <span data-type="more-root" class="b3-list-item__action b3-tooltips b3-tooltips__w${(window.siyuan.config.readonly) ? " fn__none" : ""}" aria-label="${window.siyuan.languages.more}"> <svg><use xlink:href="#iconMore"></use></svg> </span> <span data-type="new" class="b3-list-item__action b3-tooltips b3-tooltips__w${(window.siyuan.config.readonly) ? " fn__none" : ""}" aria-label="${window.siyuan.languages.newSubDoc}"> <svg><use xlink:href="#iconAdd"></use></svg> </span></li></ul>`; } }
public init(init = true) { let html = ""; let closeHtml = ""; let closeCounter = 0; window.siyuan.notebooks.forEach((item) => { if (item.closed) { closeCounter++; closeHtml += this.genNotebook(item); } else { html += this.genNotebook(item); } }); this.element.innerHTML = html; this.closeElement.lastElementChild.innerHTML = closeHtml; const counterElement = this.closeElement.querySelector(".counter"); counterElement.textContent = closeCounter.toString(); if (closeCounter) { this.closeElement.classList.remove("fn__none"); } else { this.closeElement.classList.add("fn__none"); } window.siyuan.storage[Constants.LOCAL_FILESPATHS].forEach((item: IFilesPath) => { item.openPaths.forEach((openPath) => { this.selectItem(item.notebookId, openPath, undefined, false, false); }); }); if (!init) { return; } const svgElement = this.closeElement.querySelector("svg"); if (html !== "") { this.closeElement.style.height = "30px"; svgElement.classList.remove("b3-list-item__arrow--open"); this.closeElement.lastElementChild.classList.add("fn__none"); } else { this.closeElement.style.height = "40%"; svgElement.classList.add("b3-list-item__arrow--open"); this.closeElement.lastElementChild.classList.remove("fn__none"); } }
private onRemove(data: IWebSocketData) { // "doc2heading" 后删除文件或挂载帮助文档前的 unmount if (data.cmd === "unmount") { setNoteBook((notebooks) => { const targetElement = this.element.querySelector(`ul[data-url="${data.data.box}"] li[data-path="${"/"}"]`); if (targetElement) { targetElement.parentElement.remove(); if (Constants.CB_MOUNT_REMOVE !== data.callback) { let closeHTML = ""; notebooks.find(item => { if (item.closed) { closeHTML += this.genNotebook(item); } }); this.closeElement.lastElementChild.innerHTML = closeHTML; const counterElement = this.closeElement.querySelector(".counter"); counterElement.textContent = (parseInt(counterElement.textContent) + 1).toString(); this.closeElement.classList.remove("fn__none"); } } }); if (Constants.CB_MOUNT_REMOVE === data.callback) { const removeElement = this.closeElement.querySelector(`li[data-url="${data.data.box}"]`); if (removeElement) { removeElement.remove(); const counterElement = this.closeElement.querySelector(".counter"); counterElement.textContent = (parseInt(counterElement.textContent) - 1).toString(); if (counterElement.textContent === "0") { this.closeElement.classList.add("fn__none"); } } } return; } data.data.ids.forEach((item: string) => { const targetElement = this.element.querySelector(`li.b3-list-item[data-node-id="${item}"]`); if (targetElement) { // 子节点展开则删除 if (targetElement.nextElementSibling?.tagName === "UL") { targetElement.nextElementSibling.remove(); } // 移除当前节点 const parentElement = targetElement.parentElement.previousElementSibling as HTMLElement; if (targetElement.parentElement.childElementCount === 1) { if (parentElement) { const iconElement = parentElement.querySelector("svg"); iconElement.classList.remove("b3-list-item__arrow--open"); if (parentElement.dataset.type !== "navigation-root") { iconElement.parentElement.classList.add("fn__hidden"); } const emojiElement = iconElement.parentElement.nextElementSibling; if (emojiElement.innerHTML === unicode2Emoji(window.siyuan.storage[Constants.LOCAL_IMAGES].folder)) { emojiElement.innerHTML = unicode2Emoji(window.siyuan.storage[Constants.LOCAL_IMAGES].file); } } targetElement.parentElement.remove(); } else { targetElement.remove(); } } }); }
private onMount(data: { data: { box: INotebook, existed?: boolean }, callback?: string }) { if (data.data.existed) { return; } const liElement = this.closeElement.querySelector(`li[data-url="${data.data.box.id}"]`) as HTMLElement; if (liElement) { const counterElement = this.closeElement.querySelector(".counter"); counterElement.textContent = (parseInt(counterElement.textContent) - 1).toString(); if (counterElement.textContent === "0") { this.closeElement.classList.add("fn__none"); } liElement.remove(); } setNoteBook((notebooks: INotebook[]) => { const html = this.genNotebook(data.data.box); if (this.element.childElementCount === 0) { this.element.innerHTML = html; } else { let previousId; notebooks.find((item, index) => { if (item.id === data.data.box.id) { while (index > 0) { if (!notebooks[index - 1].closed) { previousId = notebooks[index - 1].id; break; } else { index--; } } return true; } }); if (previousId) { this.element.querySelector(`[data-url="${previousId}"]`).insertAdjacentHTML("afterend", html); } else { this.element.insertAdjacentHTML("afterbegin", html); } } }); }
public onRename(data: { path: string, title: string, box: string }) { const fileItemElement = this.element.querySelector(`ul[data-url="${data.box}"] li[data-path="${data.path}"]`); if (!fileItemElement) { return; } fileItemElement.setAttribute("data-name", Lute.EscapeHTMLStr(data.title)); fileItemElement.querySelector(".b3-list-item__text").innerHTML = escapeHtml(data.title); }
private onMove(response: IWebSocketData) { const sourceElement = this.element.querySelector(`ul[data-url="${response.data.fromNotebook}"] li[data-path="${response.data.fromPath}"]`) as HTMLElement; if (sourceElement) { if (sourceElement.nextElementSibling && sourceElement.nextElementSibling.tagName === "UL") { sourceElement.nextElementSibling.remove(); } if (sourceElement.parentElement.childElementCount === 1) { if (sourceElement.parentElement.previousElementSibling) { const parentLiElement = sourceElement.parentElement.previousElementSibling; if (parentLiElement.getAttribute("data-type") !== "navigation-root") { parentLiElement.querySelector(".b3-list-item__toggle").classList.add("fn__hidden"); } parentLiElement.querySelector(".b3-list-item__arrow").classList.remove("b3-list-item__arrow--open"); const emojiElement = parentLiElement.querySelector(".b3-list-item__icon"); if (emojiElement.innerHTML === unicode2Emoji(window.siyuan.storage[Constants.LOCAL_IMAGES].folder)) { emojiElement.innerHTML = unicode2Emoji(window.siyuan.storage[Constants.LOCAL_IMAGES].file); } } sourceElement.parentElement.remove(); } else { sourceElement.remove(); } } else { const parentElement = this.element.querySelector(`ul[data-url="${response.data.fromNotebook}"] li[data-path="${pathPosix().dirname(response.data.fromPath)}.sy"]`) as HTMLElement; if (parentElement && parentElement.getAttribute("data-count") === "1") { parentElement.querySelector(".b3-list-item__toggle").classList.add("fn__hidden"); parentElement.querySelector(".b3-list-item__arrow").classList.remove("b3-list-item__arrow--open"); } } const newElement = this.element.querySelector(`[data-url="${response.data.toNotebook}"] li[data-path="${response.data.toPath}"]`) as HTMLElement; // 更新移动到的新文件夹 if (newElement) { newElement.querySelector(".b3-list-item__toggle").classList.remove("fn__hidden"); const emojiElement = newElement.querySelector(".b3-list-item__icon"); if (emojiElement.innerHTML === unicode2Emoji(window.siyuan.storage[Constants.LOCAL_IMAGES].file)) { emojiElement.innerHTML = unicode2Emoji(window.siyuan.storage[Constants.LOCAL_IMAGES].folder); } const arrowElement = newElement.querySelector(".b3-list-item__arrow"); if (arrowElement.classList.contains("b3-list-item__arrow--open") && response.callback !== Constants.CB_MOVE_NOLIST) { this.getLeaf(newElement, response.data.toNotebook, true); } } }
private onLsHTML(data: { files: IFile[], box: string, path: string }, scrollTop?: number) { if (data.files.length === 0) { return; } const liElement = this.element.querySelector(`ul[data-url="${data.box}"] li[data-path="${data.path}"]`); if (!liElement) { return; } let fileHTML = ""; data.files.forEach((item: IFile) => { fileHTML += this.genFileHTML(item); }); let nextElement = liElement.nextElementSibling; if (nextElement && nextElement.tagName === "UL") { // 文件展开时，刷新 const tempElement = document.createElement("template"); tempElement.innerHTML = fileHTML; // 保持文件夹展开状态 nextElement.querySelectorAll(":scope > .b3-list-item > .b3-list-item__toggle> .b3-list-item__arrow--open").forEach(item => { const openLiElement = hasClosestByClassName(item, "b3-list-item"); if (openLiElement) { const tempOpenLiElement = tempElement.content.querySelector(`.b3-list-item[data-node-id="${openLiElement.getAttribute("data-node-id")}"]`); tempOpenLiElement.after(openLiElement.nextElementSibling); tempOpenLiElement.querySelector(".b3-list-item__arrow").classList.add("b3-list-item__arrow--open"); } }); nextElement.innerHTML = tempElement.innerHTML; if (typeof scrollTop === "number") { this.element.scroll({top: scrollTop, behavior: "smooth"}); } return; } liElement.querySelector(".b3-list-item__arrow").classList.add("b3-list-item__arrow--open"); liElement.insertAdjacentHTML("afterend", `<ul class="file-tree__sliderDown">${fileHTML}</ul>`); nextElement = liElement.nextElementSibling; setTimeout(() => { nextElement.setAttribute("style", `top: -1px;position: relative;height:${nextElement.childElementCount * (liElement.clientHeight + 1) - 1}px;`); setTimeout(() => { this.element.querySelectorAll(".file-tree__sliderDown").forEach(item => { item.classList.remove("file-tree__sliderDown"); item.removeAttribute("style"); }); if (typeof scrollTop === "number") { this.element.scroll({top: scrollTop, behavior: "smooth"}); } }, 120); }, 2); }
private async onLsSelect(data: { files: IFile[], box: string, path: string }, filePath: string, setStorage: boolean, isSetCurrent: boolean) { let fileHTML = ""; data.files.forEach((item: IFile) => { fileHTML += this.genFileHTML(item); }); if (fileHTML === "") { return; } const liElement = this.element.querySelector(`ul[data-url="${data.box}"] li[data-path="${data.path}"]`); if (!liElement) { return; } if (liElement.nextElementSibling && liElement.nextElementSibling.tagName === "UL") { // 文件展开时，刷新 liElement.nextElementSibling.remove(); } const arrowElement = liElement.querySelector(".b3-list-item__arrow"); arrowElement.classList.add("b3-list-item__arrow--open"); arrowElement.parentElement.classList.remove("fn__hidden"); const emojiElement = liElement.querySelector(".b3-list-item__icon"); if (emojiElement.textContent === unicode2Emoji(window.siyuan.storage[Constants.LOCAL_IMAGES].file)) { emojiElement.textContent = unicode2Emoji(window.siyuan.storage[Constants.LOCAL_IMAGES].folder); } liElement.insertAdjacentHTML("afterend", `<ul>${fileHTML}</ul>`); let newLiElement; for (let i = 0; i < data.files.length; i++) { const item = data.files[i]; if (filePath === item.path) { newLiElement = await this.selectItem(data.box, filePath, undefined, setStorage, isSetCurrent); } else if (filePath.startsWith(item.path.replace(".sy", ""))) { const response = await fetchSyncPost("/api/filetree/listDocsByPath", { notebook: data.box, path: item.path, app: Constants.SIYUAN_APPID, }); newLiElement = await this.selectItem(response.data.box, filePath, response.data, setStorage, isSetCurrent); } } if (isSetCurrent) { this.setCurrent(newLiElement); } return newLiElement; }
public setCurrent(target: HTMLElement, isScroll = true) { if (!target) { return; } this.element.querySelectorAll("li.b3-list-item--focus").forEach((liItem) => { liItem.classList.remove("b3-list-item--focus"); }); target.classList.add("b3-list-item--focus");
if (isScroll) { const elementRect = this.element.getBoundingClientRect(); this.element.scrollTop = this.element.scrollTop + (target.getBoundingClientRect().top - (elementRect.top + elementRect.height / 2)); } }
public getLeaf(liElement: Element, notebookId: string, focusUpdate = false) { const toggleElement = liElement.querySelector(".b3-list-item__arrow"); if (toggleElement.classList.contains("b3-list-item__arrow--open") && !focusUpdate) { toggleElement.classList.remove("b3-list-item__arrow--open"); liElement.nextElementSibling?.remove(); this.getOpenPaths(); return; } fetchPost("/api/filetree/listDocsByPath", { notebook: notebookId, path: liElement.getAttribute("data-path"), app: Constants.SIYUAN_APPID, }, response => { if (response.data.path === "/" && response.data.files.length === 0) { newFile({ app: this.app, notebookId, currentPath: "/", useSavePath: false, listDocTree: true, }); return; } this.onLsHTML(response.data); this.getOpenPaths(); }); }
public async selectItem(notebookId: string, filePath: string, data?: { files: IFile[], box: string, path: string }, setStorage = true, isSetCurrent = true) { const treeElement = this.element.querySelector(`[data-url="${notebookId}"]`); if (!treeElement) { // 有文件树和编辑器的布局初始化时，文件树还未挂载 return; } let currentPath = filePath; let liElement: HTMLElement; while (!liElement) { liElement = treeElement.querySelector(`[data-path="${currentPath}"]`); if (!liElement) { const dirname = pathPosix().dirname(currentPath); if (dirname === "/") { currentPath = dirname; } else { currentPath = dirname + ".sy"; } } }
if (liElement.getAttribute("data-path") === filePath) { if (setStorage) { this.getOpenPaths(); } if (isSetCurrent) { this.setCurrent(liElement); } return liElement; }
if (data && data.path === currentPath) { liElement = await this.onLsSelect(data, filePath, setStorage, isSetCurrent); } else { const response = await fetchSyncPost("/api/filetree/listDocsByPath", { notebook: notebookId, path: currentPath, app: Constants.SIYUAN_APPID, }); liElement = await this.onLsSelect(response.data, filePath, setStorage, isSetCurrent); } return liElement; }
private getOpenPaths() { const filesPaths: IFilesPath[] = []; this.element.querySelectorAll(".b3-list[data-url]").forEach((item: HTMLElement) => { const notebookPaths: IFilesPath = { notebookId: item.getAttribute("data-url"), openPaths: [] }; item.querySelectorAll(".b3-list-item__arrow--open").forEach((openItem) => { const liElement = hasClosestByTag(openItem, "LI"); if (liElement) { notebookPaths.openPaths.push(liElement.getAttribute("data-path")); } }); if (notebookPaths.openPaths.length > 0) { for (let i = 0; i < notebookPaths.openPaths.length; i++) { for (let j = i + 1; j < notebookPaths.openPaths.length; j++) { if (notebookPaths.openPaths[j].startsWith(notebookPaths.openPaths[i].replace(".sy", ""))) { notebookPaths.openPaths.splice(i, 1); j--; } } } notebookPaths.openPaths.forEach((openPath, index) => { const nextPath = this.element.querySelector(`[data-url="${notebookPaths.notebookId}"] li[data-path="${openPath}"]`)?.nextElementSibling?.firstElementChild?.getAttribute("data-path"); if (nextPath) { notebookPaths.openPaths[index] = nextPath; } }); filesPaths.push(notebookPaths); } }); window.siyuan.storage[Constants.LOCAL_FILESPATHS] = filesPaths; setStorageVal(Constants.LOCAL_FILESPATHS, filesPaths); }
private genDocAriaLabel(item: IFile, escapeMethod: (text: string) => string) { return `${escapeMethod(getDisplayName(item.name, true, true))} <small class='ft__on-surface'>${item.hSize}</small>${item.bookmark ? "<br>" + window.siyuan.languages.bookmark + " " + escapeMethod(item.bookmark) : ""}${item.name1 ? "<br>" + window.siyuan.languages.name + " " + escapeMethod(item.name1) : ""}${item.alias ? "<br>" + window.siyuan.languages.alias + " " + escapeMethod(item.alias) : ""}${item.memo ? "<br>" + window.siyuan.languages.memo + " " + escapeMethod(item.memo) : ""}${item.subFileCount !== 0 ? window.siyuan.languages.includeSubFile.replace("x", item.subFileCount) : ""}<br>${window.siyuan.languages.modifiedAt} ${item.hMtime}<br>${window.siyuan.languages.createdAt} ${item.hCtime}`; }
private genFileHTML(item: IFile) { let countHTML = ""; if (item.count && item.count > 0) { countHTML = `<span class="popover__block counter b3-tooltips b3-tooltips__nw" aria-label="${window.siyuan.languages.ref}">${item.count}</span>`; } const ariaLabel = this.genDocAriaLabel(item, escapeAriaLabel); const paddingLeft = (item.path.split("/").length - 1) * 18; return `<li data-node-id="${item.id}" data-name="${Lute.EscapeHTMLStr(item.name)}" draggable="true" data-count="${item.subFileCount}" data-type="navigation-file" style="--file-toggle-width:${paddingLeft + 18}px" class="b3-list-item b3-list-item--hide-action" data-path="${item.path}"> <span style="padding-left: ${paddingLeft}px" class="b3-list-item__toggle b3-list-item__toggle--hl${item.subFileCount === 0 ? " fn__hidden" : ""}"> <svg class="b3-list-item__arrow"><use xlink:href="#iconRight"></use></svg> </span> <span class="b3-list-item__icon b3-tooltips b3-tooltips__n popover__block" data-id="${item.id}" aria-label="${window.siyuan.languages.changeIcon}">${unicode2Emoji(item.icon || (item.subFileCount === 0 ? window.siyuan.storage[Constants.LOCAL_IMAGES].file : window.siyuan.storage[Constants.LOCAL_IMAGES].folder))}</span> <span class="b3-list-item__text ariaLabel" data-position="parentE"aria-label="${ariaLabel}">${getDisplayName(item.name, true, true)}</span> <span data-type="more-file" class="b3-list-item__action b3-tooltips b3-tooltips__nw" aria-label="${window.siyuan.languages.more}"> <svg><use xlink:href="#iconMore"></use></svg> </span> <span data-type="new" class="b3-list-item__action b3-tooltips b3-tooltips__nw${window.siyuan.config.readonly ? " fn__none" : ""}" aria-label="${window.siyuan.languages.newSubDoc}"> <svg><use xlink:href="#iconAdd"></use></svg> </span> ${countHTML}</li>`; }
private initMoreMenu() { window.siyuan.menus.menu.remove(); if (!window.siyuan.config.readonly) { window.siyuan.menus.menu.append(new MenuItem({ icon: "iconFilesRoot", label: window.siyuan.languages.newNotebook, click: () => { newNotebook(); } }).element); } window.siyuan.menus.menu.append(new MenuItem({ icon: "iconRefresh", label: window.siyuan.languages.rebuildIndex, click: () => { if (!this.element.getAttribute("disabled")) { this.element.setAttribute("disabled", "disabled"); refreshFileTree(() => { this.element.removeAttribute("disabled"); this.init(false); }); } } }).element); if (!window.siyuan.config.readonly) { const subMenu = sortMenu("notebooks", window.siyuan.config.fileTree.sort, (sort: number) => { window.siyuan.config.fileTree.sort = sort; fetchPost("/api/setting/setFiletree", { sort: window.siyuan.config.fileTree.sort, alwaysSelectOpenedFile: window.siyuan.config.fileTree.alwaysSelectOpenedFile, refCreateSavePath: window.siyuan.config.fileTree.refCreateSavePath, docCreateSavePath: window.siyuan.config.fileTree.docCreateSavePath, openFilesUseCurrentTab: window.siyuan.config.fileTree.openFilesUseCurrentTab, maxListCount: window.siyuan.config.fileTree.maxListCount, }, () => { setNoteBook(() => { this.init(false); }); }); }); window.siyuan.menus.menu.append(new MenuItem({ icon: "iconSort", label: window.siyuan.languages.sort, type: "submenu", submenu: subMenu, }).element); } return window.siyuan.menus.menu; }}