Andreas/siyuan
1
0
Fork 0
mirror of https://github.com/siyuan-note/siyuan.git synced 2026-01-17 06:05:29 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

🎨 fix https://github.com/siyuan-note/siyuan/issues/12146

Browse source
This commit is contained in:
Vanessa 2024-08-10 18:46:05 +08:00
parent 09fb905764
commit 7bbbc8ae32
5 changed files with 125 additions and 115 deletions
Download patch file Download diff file Expand all files Collapse all files

14
app/src/plugin/loader.ts
View file

@ -114,18 +114,9 @@ export const afterLoadPlugin = (plugin: Plugin) => {
}
if (!isWindow() || isMobile()) {
const unPinMenu: IMenu[] = [];
plugin.topBarIcons.forEach(element => {
if (isMobile()) {
if (window.siyuan.storage[Constants.LOCAL_PLUGINTOPUNPIN].includes(element.id)) {
unPinMenu.push({
iconHTML: element.firstElementChild.outerHTML,
label: element.textContent.trim(),
click() {
element.dispatchEvent(new CustomEvent("click"));
}
});
} else {
if (!window.siyuan.storage[Constants.LOCAL_PLUGINTOPUNPIN].includes(element.id)) {
document.querySelector("#menuAbout").after(element);
}
} else if (!isWindow()) {
@ -135,9 +126,6 @@ export const afterLoadPlugin = (plugin: Plugin) => {
document.querySelector("#" + (element.getAttribute("data-position") === "right" ? "barPlugins" : "drag")).before(element);
}
});
if (isMobile() && unPinMenu.length > 0) {
return unPinMenu;
}
}
/// #if !MOBILE
resizeTopBar();

115
app/src/plugin/openTopBarMenu.ts Normal file
View file

@ -0,0 +1,115 @@
import {App} from "../index";
import {Menu} from "./Menu";
import {isHuawei, setStorageVal} from "../protyle/util/compatibility";
/// #if !MOBILE
import {openSetting} from "../config";
/// #endif
import {Constants} from "../constants";
export const openTopBarMenu = (app: App, target?: Element) => {
const menu = new Menu("topBarPlugin");
/// #if !MOBILE
menu.addItem({
icon: "iconSettings",
label: window.siyuan.languages.manage,
ignore: isHuawei() || window.siyuan.config.readonly,
click() {
openSetting(app).element.querySelector('.b3-tab-bar [data-name="bazaar"]').dispatchEvent(new CustomEvent("click"));
}
});
menu.addSeparator(undefined, isHuawei() || window.siyuan.config.readonly);
/// #endif
let hasPlugin = false;
app.plugins.forEach((plugin) => {
// @ts-ignore
const hasSetting = plugin.setting || plugin.__proto__.hasOwnProperty("openSetting");
let hasTopBar = false;
plugin.topBarIcons.forEach(item => {
const hasUnpin = window.siyuan.storage[Constants.LOCAL_PLUGINTOPUNPIN].includes(item.id);
const submenu = [{
icon: hasUnpin ? "iconPin" : "iconUnpin",
label: hasUnpin ? window.siyuan.languages.pin : window.siyuan.languages.unpin,
click() {
if (hasUnpin) {
window.siyuan.storage[Constants.LOCAL_PLUGINTOPUNPIN].splice(window.siyuan.storage[Constants.LOCAL_PLUGINTOPUNPIN].indexOf(item.id), 1);
item.classList.remove("fn__none");
} else {
window.siyuan.storage[Constants.LOCAL_PLUGINTOPUNPIN].push(item.id);
window.siyuan.storage[Constants.LOCAL_PLUGINTOPUNPIN] = Array.from(new Set(window.siyuan.storage[Constants.LOCAL_PLUGINTOPUNPIN]));
item.classList.add("fn__none");
}
setStorageVal(Constants.LOCAL_PLUGINTOPUNPIN, window.siyuan.storage[Constants.LOCAL_PLUGINTOPUNPIN]);
}
}];
if (hasSetting) {
submenu.push({
icon: "iconSettings",
label: window.siyuan.languages.config,
click() {
plugin.openSetting();
},
});
}
const itemLabel = target ? item.getAttribute("aria-label") : item.textContent.trim();
if (!target) {
submenu.push({
icon: "iconPlay",
label: itemLabel,
click() {
item.dispatchEvent(new CustomEvent("click"));
return true;
},
});
}
const menuOption: IMenu = {
icon: "iconInfo",
label: itemLabel,
click: target ? () => {
item.dispatchEvent(new CustomEvent("click"));
} : undefined,
type: "submenu",
submenu
};
if (item.querySelector("use")) {
menuOption.icon = item.querySelector("use").getAttribute("xlink:href").replace("#", "");
} else {
const svgElement = item.querySelector("svg").cloneNode(true) as HTMLElement;
svgElement.classList.add("b3-menu__icon");
menuOption.iconHTML = svgElement.outerHTML;
}
menu.addItem(menuOption);
hasPlugin = true;
hasTopBar = true;
});
if (!hasTopBar && hasSetting) {
hasPlugin = true;
menu.addItem({
icon: "iconSettings",
label: plugin.displayName,
click() {
plugin.openSetting();
}
});
}
});
if (!hasPlugin) {
if (target) {
window.siyuan.menus.menu.element.querySelector(".b3-menu__separator")?.remove();
} else {
menu.addItem({
iconHTML: "",
type: "readonly",
label: window.siyuan.languages.emptyContent,
});
}
}
if (target) {
let rect = target.getBoundingClientRect();
if (rect.width === 0) {
rect = document.querySelector("#barMore").getBoundingClientRect();
}
menu.open({x: rect.right, y: rect.bottom, isLeft: true});
} else {
menu.fullscreen();
}
};