mirror of
https://github.com/siyuan-note/siyuan.git
synced 2025-05-18 18:10:43 +08:00
529 lines
24 KiB
TypeScript
529 lines
24 KiB
TypeScript
import {openSearch} from "../search/spread";
|
|
import {exportLayout, JSONToLayout, resetLayout, resizeDrag, resizeTabs} from "../layout/util";
|
|
import {hotKey2Electron, updateHotkeyTip} from "../protyle/util/compatibility";
|
|
/// #if !BROWSER
|
|
import {dialog, getCurrentWindow} from "@electron/remote";
|
|
import {ipcRenderer, OpenDialogReturnValue} from "electron";
|
|
import * as fs from "fs";
|
|
import * as path from "path";
|
|
import {afterExport} from "../protyle/export/util";
|
|
import {destroyPrintWindow} from "../protyle/export";
|
|
/// #endif
|
|
import {Constants} from "../constants";
|
|
import {appearance} from "../config/appearance";
|
|
import {globalShortcut} from "./globalShortcut";
|
|
import {fetchPost} from "./fetch";
|
|
import {mountHelp, newDailyNote} from "./mount";
|
|
import {MenuItem} from "../menus/Menu";
|
|
import {addGA, initAssets, setInlineStyle, setMode} from "./assets";
|
|
import {renderSnippet} from "../config/util/snippets";
|
|
import {getOpenNotebookCount} from "./pathName";
|
|
import {openFileById} from "../editor/util";
|
|
import {focusByRange} from "../protyle/util/selection";
|
|
import {exitSiYuan} from "../dialog/processSystem";
|
|
import {openSetting} from "../config";
|
|
import {getSearch} from "./functions";
|
|
import {openHistory} from "./history";
|
|
import {initStatus} from "../layout/status";
|
|
import {syncGuide} from "../sync/syncGuide";
|
|
import {showMessage} from "../dialog/message";
|
|
import {replaceLocalPath} from "../editor/rename";
|
|
import {editor} from "../config/editor";
|
|
import {goBack, goForward} from "./backForward";
|
|
|
|
const matchKeymap = (keymap: Record<string, IKeymapItem>, key1: "general" | "editor", key2?: "general" | "insert" | "heading" | "list" | "table") => {
|
|
if (key1 === "general") {
|
|
if (!window.siyuan.config.keymap[key1]) {
|
|
window.siyuan.config.keymap[key1] = keymap;
|
|
return false;
|
|
}
|
|
} else {
|
|
if (!window.siyuan.config.keymap[key1]) {
|
|
window.siyuan.config.keymap[key1] = JSON.parse(JSON.stringify(Constants.SIYUAN_KEYMAP.editor));
|
|
return false;
|
|
}
|
|
if (!window.siyuan.config.keymap[key1][key2]) {
|
|
window.siyuan.config.keymap[key1][key2] = keymap;
|
|
return false;
|
|
}
|
|
}
|
|
let match = true;
|
|
Object.keys(keymap).forEach(key => {
|
|
if (key1 === "general") {
|
|
if (!window.siyuan.config.keymap[key1][key] || window.siyuan.config.keymap[key1][key].default !== keymap[key].default) {
|
|
match = false;
|
|
window.siyuan.config.keymap[key1][key] = keymap[key];
|
|
}
|
|
} else {
|
|
if (!window.siyuan.config.keymap[key1][key2][key] || window.siyuan.config.keymap[key1][key2][key].default !== keymap[key].default) {
|
|
match = false;
|
|
window.siyuan.config.keymap[key1][key2][key] = keymap[key];
|
|
}
|
|
}
|
|
});
|
|
return match;
|
|
};
|
|
|
|
const hasKeymap = (keymap: Record<string, IKeymapItem>, key1: "general" | "editor", key2?: "general" | "insert" | "heading" | "list" | "table") => {
|
|
let match = true;
|
|
if (key1 === "editor") {
|
|
if (Object.keys(window.siyuan.config.keymap[key1][key2]).length !== Object.keys(Constants.SIYUAN_KEYMAP[key1][key2]).length) {
|
|
Object.keys(window.siyuan.config.keymap[key1][key2]).forEach(item => {
|
|
if (!Constants.SIYUAN_KEYMAP[key1][key2][item]) {
|
|
match = false;
|
|
delete window.siyuan.config.keymap[key1][key2][item];
|
|
}
|
|
});
|
|
}
|
|
} else {
|
|
if (Object.keys(window.siyuan.config.keymap[key1]).length !== Object.keys(Constants.SIYUAN_KEYMAP[key1]).length) {
|
|
Object.keys(window.siyuan.config.keymap[key1]).forEach(item => {
|
|
if (!Constants.SIYUAN_KEYMAP[key1][item]) {
|
|
match = false;
|
|
delete window.siyuan.config.keymap[key1][item];
|
|
}
|
|
});
|
|
}
|
|
}
|
|
return match;
|
|
};
|
|
|
|
export const setProxy = () => {
|
|
/// #if !BROWSER
|
|
if ("" === window.siyuan.config.system.networkProxy.scheme) {
|
|
console.log("network proxy [system]");
|
|
return
|
|
}
|
|
|
|
const session = getCurrentWindow().webContents.session;
|
|
session.closeAllConnections().then(() => {
|
|
const proxyURL = `${window.siyuan.config.system.networkProxy.scheme}://${window.siyuan.config.system.networkProxy.host}:${window.siyuan.config.system.networkProxy.port}`
|
|
session.setProxy({proxyRules: proxyURL}).then(
|
|
() => console.log("network proxy [" + proxyURL + "]"),
|
|
);
|
|
});
|
|
/// #endif
|
|
};
|
|
|
|
export const onGetConfig = (isStart: boolean) => {
|
|
const matchKeymap1 = matchKeymap(Constants.SIYUAN_KEYMAP.general, "general");
|
|
const matchKeymap2 = matchKeymap(Constants.SIYUAN_KEYMAP.editor.general, "editor", "general");
|
|
const matchKeymap3 = matchKeymap(Constants.SIYUAN_KEYMAP.editor.insert, "editor", "insert");
|
|
const matchKeymap4 = matchKeymap(Constants.SIYUAN_KEYMAP.editor.heading, "editor", "heading");
|
|
const matchKeymap5 = matchKeymap(Constants.SIYUAN_KEYMAP.editor.list, "editor", "list");
|
|
const matchKeymap6 = matchKeymap(Constants.SIYUAN_KEYMAP.editor.table, "editor", "table");
|
|
|
|
const hasKeymap1 = hasKeymap(Constants.SIYUAN_KEYMAP.general, "general");
|
|
const hasKeymap2 = hasKeymap(Constants.SIYUAN_KEYMAP.editor.general, "editor", "general");
|
|
const hasKeymap3 = hasKeymap(Constants.SIYUAN_KEYMAP.editor.insert, "editor", "insert");
|
|
const hasKeymap4 = hasKeymap(Constants.SIYUAN_KEYMAP.editor.heading, "editor", "heading");
|
|
const hasKeymap5 = hasKeymap(Constants.SIYUAN_KEYMAP.editor.list, "editor", "list");
|
|
const hasKeymap6 = hasKeymap(Constants.SIYUAN_KEYMAP.editor.table, "editor", "table");
|
|
if (!window.siyuan.config.readonly && (!matchKeymap1 || !matchKeymap2 || !matchKeymap3 || !matchKeymap4 || !matchKeymap5 || !matchKeymap6) &&
|
|
(!hasKeymap1 || !hasKeymap2 || !hasKeymap3 || !hasKeymap4 || !hasKeymap5 || !hasKeymap6)) {
|
|
fetchPost("/api/setting/setKeymap", {
|
|
data: window.siyuan.config.keymap
|
|
}, () => {
|
|
/// #if !BROWSER
|
|
ipcRenderer.send(Constants.SIYUAN_HOTKEY, hotKey2Electron(window.siyuan.config.keymap.general.toggleWin.custom));
|
|
/// #endif
|
|
});
|
|
}
|
|
/// #if !BROWSER
|
|
ipcRenderer.send(Constants.SIYUAN_CONFIG_CLOSE, window.siyuan.config.appearance.closeButtonBehavior);
|
|
ipcRenderer.send(Constants.SIYUAN_INIT);
|
|
ipcRenderer.send(Constants.SIYUAN_HOTKEY, hotKey2Electron(window.siyuan.config.keymap.general.toggleWin.custom));
|
|
/// #endif
|
|
if (!window.siyuan.config.uiLayout || (window.siyuan.config.uiLayout && !window.siyuan.config.uiLayout.left)) {
|
|
window.siyuan.config.uiLayout = Constants.SIYUAN_EMPTY_LAYOUT;
|
|
}
|
|
globalShortcut();
|
|
fetchPost("/api/system/getEmojiConf", {}, response => {
|
|
window.siyuan.emojis = response.data as IEmoji[];
|
|
try {
|
|
JSONToLayout(isStart);
|
|
} catch (e) {
|
|
resetLayout();
|
|
}
|
|
});
|
|
initBar();
|
|
initStatus();
|
|
initWindow();
|
|
appearance.onSetappearance(window.siyuan.config.appearance, false);
|
|
initAssets();
|
|
renderSnippet();
|
|
setInlineStyle();
|
|
let resizeTimeout = 0;
|
|
window.addEventListener("resize", () => {
|
|
window.clearTimeout(resizeTimeout);
|
|
resizeTimeout = window.setTimeout(() => {
|
|
resizeTabs();
|
|
resizeDrag();
|
|
}, 200);
|
|
});
|
|
if (window.siyuan.config.newbie) {
|
|
mountHelp();
|
|
}
|
|
addGA();
|
|
};
|
|
|
|
const initBar = () => {
|
|
document.querySelector(".toolbar").innerHTML = `<div id="toolbarVIP" class="fn__flex"></div>
|
|
<div id="barSync" class="toolbar__item b3-tooltips b3-tooltips__se" aria-label="${window.siyuan.config.sync.stat || (window.siyuan.languages.syncNow + " " + updateHotkeyTip(window.siyuan.config.keymap.general.syncNow.custom))}">
|
|
<svg><use xlink:href="#iconCloud"></use></svg>
|
|
</div>
|
|
<div id="barHistory" class="toolbar__item b3-tooltips b3-tooltips__se" aria-label="${window.siyuan.languages.dataHistory} ${updateHotkeyTip(window.siyuan.config.keymap.general.dataHistory.custom)}">
|
|
<svg><use xlink:href="#iconHistory"></use></svg>
|
|
</div>
|
|
<div id="barDailyNote" data-menu="true" aria-label="${window.siyuan.languages.dailyNote} ${updateHotkeyTip(window.siyuan.config.keymap.general.dailyNote.custom)}" class="toolbar__item b3-tooltips b3-tooltips__se${window.siyuan.config.readonly ? " fn__none" : ""}">
|
|
<svg><use xlink:href="#iconCalendar"></use></svg>
|
|
</div>
|
|
<button id="barBack" data-menu="true" class="toolbar__item toolbar__item--disabled b3-tooltips b3-tooltips__se" aria-label="${window.siyuan.languages.goBack} ${updateHotkeyTip(window.siyuan.config.keymap.general.goBack.custom)}">
|
|
<svg><use xlink:href="#iconBack"></use></svg>
|
|
</button>
|
|
<button id="barForward" data-menu="true" class="toolbar__item toolbar__item--disabled b3-tooltips b3-tooltips__se" aria-label="${window.siyuan.languages.goForward} ${updateHotkeyTip(window.siyuan.config.keymap.general.goForward.custom)}">
|
|
<svg><use xlink:href="#iconForward"></use></svg>
|
|
</button>
|
|
<div class="fn__flex-1 fn__ellipsis" id="drag"><span class="fn__none">开发版，使用前请进行备份 Development version, please backup before use</span></div>
|
|
<div id="barSearch" class="toolbar__item b3-tooltips b3-tooltips__sw" aria-label="${window.siyuan.languages.globalSearch} ${updateHotkeyTip(window.siyuan.config.keymap.general.globalSearch.custom)}">
|
|
<svg><use xlink:href="#iconSearch"></use></svg>
|
|
</div>
|
|
<div id="barReadonly" class="toolbar__item b3-tooltips b3-tooltips__sw" aria-label="${window.siyuan.languages.use} ${window.siyuan.config.editor.readOnly ? window.siyuan.languages.editMode : window.siyuan.languages.editReadonly}">
|
|
<svg><use xlink:href="#icon${window.siyuan.config.editor.readOnly ? "Preview" : "Edit"}"></use></svg>
|
|
</div>
|
|
<div id="barMode" class="toolbar__item b3-tooltips b3-tooltips__sw" aria-label="${window.siyuan.languages.appearanceMode}">
|
|
<svg><use xlink:href="#icon${window.siyuan.config.appearance.modeOS ? "Mode" : (window.siyuan.config.appearance.mode === 0 ? "Light" : "Dark")}"></use></svg>
|
|
</div>
|
|
<div id="barSetting" class="toolbar__item b3-tooltips b3-tooltips__sw${window.siyuan.config.readonly ? " fn__none" : ""}" aria-label="${window.siyuan.languages.config} ${updateHotkeyTip(window.siyuan.config.keymap.general.config.custom)}">
|
|
<svg><use xlink:href="#iconSettings"></use></svg>
|
|
</div>
|
|
<div id="barTopHelp" class="toolbar__item b3-tooltips b3-tooltips__sw" aria-label="${window.siyuan.languages.openBy} ${window.siyuan.languages.help}">
|
|
<svg><use xlink:href="#iconHelp"></use></svg>
|
|
</div>
|
|
<div class="fn__flex" id="windowControls"></div>`;
|
|
document.querySelector(".toolbar").addEventListener("click", (event: MouseEvent) => {
|
|
let target = event.target as HTMLElement;
|
|
while (!target.classList.contains("toolbar")) {
|
|
if (target.id === "barBack") {
|
|
goBack();
|
|
event.stopPropagation();
|
|
break;
|
|
} else if (target.id === "barForward") {
|
|
goForward();
|
|
event.stopPropagation();
|
|
break;
|
|
} else if (target.id === "barSync") {
|
|
syncGuide(target);
|
|
event.stopPropagation();
|
|
break;
|
|
} else if (target.id === "barReadonly") {
|
|
editor.setMode();
|
|
event.stopPropagation();
|
|
break;
|
|
} else if (target.id === "barMode") {
|
|
window.siyuan.menus.menu.remove();
|
|
window.siyuan.menus.menu.append(new MenuItem({
|
|
label: window.siyuan.languages.themeLight,
|
|
icon: "iconLight",
|
|
current: window.siyuan.config.appearance.mode === 0 && !window.siyuan.config.appearance.modeOS,
|
|
click: () => {
|
|
setMode(0);
|
|
}
|
|
}).element);
|
|
window.siyuan.menus.menu.append(new MenuItem({
|
|
label: window.siyuan.languages.themeDark,
|
|
current: window.siyuan.config.appearance.mode === 1 && !window.siyuan.config.appearance.modeOS,
|
|
icon: "iconDark",
|
|
click: () => {
|
|
setMode(1);
|
|
}
|
|
}).element);
|
|
window.siyuan.menus.menu.append(new MenuItem({
|
|
label: window.siyuan.languages.themeOS,
|
|
current: window.siyuan.config.appearance.modeOS,
|
|
icon: "iconMode",
|
|
click: () => {
|
|
setMode(2);
|
|
}
|
|
}).element);
|
|
window.siyuan.menus.menu.popup({x: event.clientX, y: event.clientY + 18});
|
|
event.stopPropagation();
|
|
break;
|
|
} else if (target.id === "barHistory") {
|
|
openHistory();
|
|
event.stopPropagation();
|
|
break;
|
|
} else if (target.id === "barSetting") {
|
|
openSetting();
|
|
event.stopPropagation();
|
|
break;
|
|
} else if (target.id === "barTopHelp") {
|
|
mountHelp();
|
|
event.stopPropagation();
|
|
break;
|
|
} else if (target.id === "toolbarVIP") {
|
|
const dialogSetting = openSetting();
|
|
dialogSetting.element.querySelector('.b3-tab-bar [data-name="account"]').dispatchEvent(new CustomEvent("click"));
|
|
event.stopPropagation();
|
|
break;
|
|
} else if (target.id === "barSearch") {
|
|
openSearch(window.siyuan.config.keymap.general.globalSearch.custom);
|
|
event.stopPropagation();
|
|
break;
|
|
} else if (target.id === "barDailyNote") {
|
|
if (getOpenNotebookCount() < 2) {
|
|
newDailyNote();
|
|
} else {
|
|
window.siyuan.menus.menu.remove();
|
|
window.siyuan.notebooks.forEach(item => {
|
|
if (!item.closed) {
|
|
window.siyuan.menus.menu.append(new MenuItem({
|
|
label: item.name,
|
|
click: () => {
|
|
fetchPost("/api/filetree/createDailyNote", {
|
|
notebook: item.id,
|
|
app: Constants.SIYUAN_APPID,
|
|
});
|
|
localStorage.setItem(Constants.LOCAL_DAILYNOTEID, item.id);
|
|
}
|
|
}).element);
|
|
}
|
|
});
|
|
window.siyuan.menus.menu.popup({x: event.clientX, y: event.clientY + 18});
|
|
}
|
|
event.stopPropagation();
|
|
break;
|
|
}
|
|
target = target.parentElement;
|
|
}
|
|
});
|
|
setProxy();
|
|
};
|
|
|
|
const winOnFocus = () => {
|
|
if (getSelection().rangeCount > 0) {
|
|
const range = getSelection().getRangeAt(0);
|
|
const startNode = range.startContainer.childNodes[range.startOffset] as HTMLElement;
|
|
if (startNode && startNode.nodeType !== 3 && (startNode.tagName === "TEXTAREA" || startNode.tagName === "INPUT")) {
|
|
startNode.focus();
|
|
} else {
|
|
focusByRange(getSelection().getRangeAt(0));
|
|
}
|
|
}
|
|
exportLayout(false);
|
|
window.siyuan.altIsPressed = false;
|
|
window.siyuan.ctrlIsPressed = false;
|
|
window.siyuan.shiftIsPressed = false;
|
|
document.body.classList.remove("body--blur");
|
|
};
|
|
|
|
const winOnClose = (currentWindow: Electron.BrowserWindow, close = false) => {
|
|
/// #if !BROWSER
|
|
exportLayout(false, () => {
|
|
if (window.siyuan.config.appearance.closeButtonBehavior === 1 && !close) {
|
|
// 最小化
|
|
if ("windows" === window.siyuan.config.system.os) {
|
|
ipcRenderer.send(Constants.SIYUAN_CONFIG_TRAY);
|
|
} else {
|
|
if (currentWindow.isFullScreen()) {
|
|
currentWindow.once("leave-full-screen", () => currentWindow.hide());
|
|
currentWindow.setFullScreen(false);
|
|
} else {
|
|
currentWindow.hide();
|
|
}
|
|
}
|
|
} else {
|
|
exitSiYuan();
|
|
}
|
|
});
|
|
/// #endif
|
|
};
|
|
|
|
const initWindow = () => {
|
|
/// #if !BROWSER
|
|
const currentWindow = getCurrentWindow();
|
|
currentWindow.on("focus", winOnFocus);
|
|
currentWindow.on("blur", () => {
|
|
document.body.classList.add("body--blur");
|
|
});
|
|
ipcRenderer.on(Constants.SIYUAN_OPENURL, (event, url) => {
|
|
if (!/^siyuan:\/\/blocks\/\d{14}-\w{7}/.test(url)) {
|
|
return;
|
|
}
|
|
openFileById({
|
|
id: url.substr(16, 22),
|
|
action: [Constants.CB_GET_FOCUS, Constants.CB_GET_CONTEXT],
|
|
zoomIn: getSearch("focus", url) === "1"
|
|
});
|
|
});
|
|
ipcRenderer.on(Constants.SIYUAN_SAVE_CLOSE, (event, close) => {
|
|
winOnClose(currentWindow, close);
|
|
});
|
|
ipcRenderer.on(Constants.SIYUAN_EXPORT_CLOSE, () => {
|
|
destroyPrintWindow();
|
|
});
|
|
ipcRenderer.on(Constants.SIYUAN_EXPORT_PDF, (e, ipcData) => {
|
|
dialog.showOpenDialog({
|
|
title: window.siyuan.languages.export + " PDF",
|
|
properties: ["createDirectory", "openDirectory"],
|
|
}).then((result: OpenDialogReturnValue) => {
|
|
if (result.canceled) {
|
|
destroyPrintWindow();
|
|
return;
|
|
}
|
|
const msgId = showMessage(window.siyuan.languages.exporting, -1);
|
|
const filePath = result.filePaths[0].endsWith(ipcData.rootTitle) ? result.filePaths[0] : path.join(result.filePaths[0], replaceLocalPath(ipcData.rootTitle));
|
|
localStorage.setItem(Constants.LOCAL_EXPORTPDF, JSON.stringify(Object.assign(ipcData.pdfOptions, {
|
|
removeAssets: ipcData.removeAssets,
|
|
keepFold: ipcData.keepFold
|
|
})));
|
|
try {
|
|
window.siyuan.printWin.webContents.printToPDF(ipcData.pdfOptions).then((pdfData) => {
|
|
fetchPost("/api/export/exportHTML", {
|
|
id: ipcData.rootId,
|
|
pdf: true,
|
|
removeAssets: ipcData.removeAssets,
|
|
savePath: filePath
|
|
}, () => {
|
|
const pdfFilePath = path.join(filePath, path.basename(filePath) + ".pdf");
|
|
fs.writeFileSync(pdfFilePath, pdfData);
|
|
destroyPrintWindow();
|
|
fetchPost("/api/export/addPDFOutline", {
|
|
id: ipcData.rootId,
|
|
path: pdfFilePath
|
|
}, () => {
|
|
afterExport(pdfFilePath, msgId);
|
|
if (ipcData.removeAssets) {
|
|
const removePromise = (dir: string) => {
|
|
return new Promise(function (resolve) {
|
|
//先读文件夹
|
|
fs.stat(dir, function (err, stat) {
|
|
if (stat) {
|
|
if (stat.isDirectory()) {
|
|
fs.readdir(dir, function (err, files) {
|
|
files = files.map(file => path.join(dir, file)); // a/b a/m
|
|
Promise.all(files.map(file => removePromise(file))).then(function () {
|
|
fs.rmdir(dir, resolve);
|
|
});
|
|
});
|
|
} else {
|
|
fs.unlink(dir, resolve);
|
|
}
|
|
}
|
|
});
|
|
});
|
|
};
|
|
removePromise(path.join(filePath, "assets"));
|
|
}
|
|
});
|
|
});
|
|
}).catch((error: string) => {
|
|
showMessage("Export PDF error:" + error, 0, "error", msgId);
|
|
destroyPrintWindow();
|
|
});
|
|
} catch (e) {
|
|
showMessage("Export PDF failed: " + e, 0, "error", msgId);
|
|
destroyPrintWindow();
|
|
}
|
|
window.siyuan.printWin.hide();
|
|
});
|
|
});
|
|
window.addEventListener("beforeunload", () => {
|
|
currentWindow.off("focus", winOnFocus);
|
|
}, false);
|
|
if ("windows" !== window.siyuan.config.system.os && "linux" !== window.siyuan.config.system.os) {
|
|
document.getElementById("drag").addEventListener("dblclick", () => {
|
|
if (currentWindow.isMaximized()) {
|
|
currentWindow.unmaximize();
|
|
} else {
|
|
currentWindow.maximize();
|
|
}
|
|
});
|
|
const toolbarElement = document.getElementById("toolbar");
|
|
currentWindow.on("enter-full-screen", () => {
|
|
toolbarElement.style.paddingLeft = "0";
|
|
});
|
|
currentWindow.on("leave-full-screen", () => {
|
|
toolbarElement.setAttribute("style", "");
|
|
});
|
|
|
|
if (currentWindow.isFullScreen()) {
|
|
toolbarElement.style.paddingLeft = "0";
|
|
}
|
|
return;
|
|
}
|
|
const controlsElement = document.querySelector("#windowControls");
|
|
document.body.classList.add("body--win32");
|
|
controlsElement.innerHTML = `<div class="toolbar__item b3-tooltips b3-tooltips__sw" aria-label="${window.siyuan.languages.min}" id="minWindow">
|
|
<svg>
|
|
<use xlink:href="#iconMin"></use>
|
|
</svg>
|
|
</div>
|
|
<div aria-label="${window.siyuan.languages.max}" class="b3-tooltips b3-tooltips__sw toolbar__item" id="maxWindow">
|
|
<svg>
|
|
<use xlink:href="#iconMax"></use>
|
|
</svg>
|
|
</div>
|
|
<div aria-label="${window.siyuan.languages.restore}" class="b3-tooltips b3-tooltips__sw toolbar__item" id="restoreWindow">
|
|
<svg>
|
|
<use xlink:href="#iconRestore"></use>
|
|
</svg>
|
|
</div>
|
|
<div aria-label="${window.siyuan.languages.close}" class="b3-tooltips b3-tooltips__sw toolbar__item toolbar__item--close" id="closeWindow">
|
|
<svg>
|
|
<use xlink:href="#iconClose"></use>
|
|
</svg>
|
|
</div>`;
|
|
const maxBtnElement = document.getElementById("maxWindow");
|
|
const restoreBtnElement = document.getElementById("restoreWindow");
|
|
|
|
restoreBtnElement.addEventListener("click", () => {
|
|
if (currentWindow.isFullScreen()) {
|
|
currentWindow.setFullScreen(false);
|
|
} else {
|
|
currentWindow.unmaximize();
|
|
}
|
|
});
|
|
maxBtnElement.addEventListener("click", () => {
|
|
currentWindow.maximize();
|
|
});
|
|
|
|
const toggleMaxRestoreButtons = () => {
|
|
if (currentWindow.isMaximized() || currentWindow.isFullScreen()) {
|
|
restoreBtnElement.style.display = "flex";
|
|
maxBtnElement.style.display = "none";
|
|
} else {
|
|
restoreBtnElement.style.display = "none";
|
|
maxBtnElement.style.display = "flex";
|
|
}
|
|
};
|
|
toggleMaxRestoreButtons();
|
|
currentWindow.on("maximize", toggleMaxRestoreButtons);
|
|
currentWindow.on("unmaximize", toggleMaxRestoreButtons);
|
|
currentWindow.on("enter-full-screen", () => {
|
|
restoreBtnElement.style.display = "flex";
|
|
maxBtnElement.style.display = "none";
|
|
});
|
|
currentWindow.on("leave-full-screen", toggleMaxRestoreButtons);
|
|
const minBtnElement = document.getElementById("minWindow");
|
|
const closeBtnElement = document.getElementById("closeWindow");
|
|
minBtnElement.addEventListener("click", () => {
|
|
if (minBtnElement.classList.contains("window-controls__item--disabled")) {
|
|
return;
|
|
}
|
|
currentWindow.minimize();
|
|
});
|
|
closeBtnElement.addEventListener("click", () => {
|
|
winOnClose(currentWindow);
|
|
});
|
|
/// #else
|
|
document.querySelector(".toolbar").classList.add("toolbar--browser");
|
|
window.addEventListener("beforeunload", () => {
|
|
exportLayout(false);
|
|
}, false);
|
|
window.addEventListener("pagehide", () => {
|
|
exportLayout(false);
|
|
}, false);
|
|
/// #endif
|
|
};
|