siyuan/app/src/menus/index.ts

/// #if !MOBILE
import {getInstanceById, setPanelFocus} from "../layout/util";
import {Tab} from "../layout/Tab";
import {initSearchMenu} from "./search";
import {initDockMenu} from "./dock";
import {initFileMenu, initNavigationMenu} from "./navigation";
import {initTabMenu} from "./tab";
/// #endif
/// #if !BROWSER
import {ipcRenderer} from "electron";
/// #endif
import {Menu} from "./Menu";
import {hasClosestByClassName, hasTopClosestByTag} from "../protyle/util/hasClosest";
import {App} from "../index";
import {Constants} from "../constants";
import {textMenu} from "./text";
import {hideTooltip} from "../dialog/tooltip";

export class Menus {
    public menu: Menu;

    constructor(app: App) {
        this.menu = new Menu();
        /// #if !MOBILE
        window.addEventListener("contextmenu", (event) => {
            if (event.shiftKey) {
                return;
            }
            let target = event.target as HTMLElement;
            if (hasClosestByClassName(target, "av__panel") && !hasClosestByClassName(target, "b3-menu")) {
                document.querySelector(".av__panel").dispatchEvent(new CustomEvent("click", {detail: "close"}));
                event.stopPropagation();
                event.preventDefault();
                return;
            }
            if (target.classList.contains("b3-text-field") || (target.tagName === "INPUT" && (target as HTMLInputElement).type === "text")) {
                /// #if !BROWSER
                ipcRenderer.send(Constants.SIYUAN_CONTEXT_MENU, {
                    undo: window.siyuan.languages.undo,
                    redo: window.siyuan.languages.redo,
                    copy: window.siyuan.languages.copy,
                    cut: window.siyuan.languages.cut,
                    delete: window.siyuan.languages.delete,
                    paste: window.siyuan.languages.paste,
                    pasteAsPlainText: window.siyuan.languages.pasteAsPlainText,
                    selectAll: window.siyuan.languages.selectAll,
                });
                /// #endif
                event.stopPropagation();
            } else {
                event.preventDefault();
            }
            while (target && target.parentElement   // ⌃⇥ 后点击会为空
            && !target.parentElement.isEqualNode(document.querySelector("body"))) {
                const dataType = target.getAttribute("data-type");
                if (dataType === "tab-header") {
                    this.unselect();
                    initTabMenu(app, (getInstanceById(target.getAttribute("data-id")) as Tab)).popup({
                        x: event.clientX,
                        y: event.clientY
                    });
                    event.stopPropagation();
                    break;
                } else if (dataType === "navigation-root" && !window.siyuan.config.readonly) {
                    if (target.querySelector(".b3-list-item__text").classList.contains("ft__on-surface")) {
                        return;
                    }
                    this.unselect();
                    // navigation 根上：新建文档/文件夹/取消挂在/打开文件位置
                    initNavigationMenu(app, target).popup({x: event.clientX, y: event.clientY});
                    setPanelFocus(hasClosestByClassName(target, "sy__file") as HTMLElement);
                    event.stopPropagation();
                    break;
                } else if (dataType === "navigation-file") {
                    this.unselect();
                    // navigation 文件上：删除/重命名/打开文件位置/导出
                    initFileMenu(app, this.getDir(target), target.getAttribute("data-path"), target).popup({
                        x: event.clientX,
                        y: event.clientY
                    });
                    setPanelFocus(hasClosestByClassName(target, "sy__file") as HTMLElement);
                    event.stopPropagation();
                    break;
                } else if (dataType === "search-item") {
                    const nodeId = target.getAttribute("data-node-id");
                    if (nodeId) {
                        initSearchMenu(nodeId).popup({x: event.clientX, y: event.clientY});
                    }
                    event.stopPropagation();
                    break;
                } else if (dataType && target.classList.contains("dock__item")) {
                    hideTooltip();
                    initDockMenu(target).popup({x: event.clientX, y: event.clientY});
                    event.stopPropagation();
                    break;
                } else if (dataType === "textMenu") {
                    /// #if !BROWSER
                    textMenu(target).open({x: event.clientX, y: event.clientY});
                    event.stopPropagation();
                    event.preventDefault();
                    break;
                    /// #endif
                }

                target = target.parentElement;
            }
        }, false);
        /// #endif
    }

    private getDir(target: HTMLElement) {
        const rootElement = hasTopClosestByTag(target, "UL");
        if (rootElement) {
            return rootElement.getAttribute("data-url");
        }
    }

    private unselect() {
        if (getSelection().rangeCount > 0) {
            getSelection().getRangeAt(0).collapse(true);
        }
    }
}