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

🚨

Browse source
This commit is contained in:
Vanessa 2023-03-03 10:39:58 +08:00
parent e93fd2ba10
commit c8604cf19e
6 changed files with 16 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

3
app/src/mobile/util/initFramework.ts
View file

@ -8,7 +8,6 @@ import {fetchPost} from "../../util/fetch";
import {setInlineStyle} from "../../util/assets";
import {renderSnippet} from "../../config/util/snippets";
import {setEmpty} from "./setEmpty";
import {disabledProtyle, enableProtyle} from "../../protyle/util/onGet";
import {getOpenNotebookCount} from "../../util/pathName";
import {popMenu} from "./menu";
import {MobileFiles} from "./MobileFiles";
@ -76,7 +75,7 @@ export const initFramework = () => {
});
});
window.siyuan.mobile.files = new MobileFiles();
document.getElementById("toolbarFile").addEventListener("click", (event) => {
document.getElementById("toolbarFile").addEventListener("click", () => {
hideKeyboardToolbar();
hideKeyboard();
sidebarElement.style.left = "0";

20
app/src/mobile/util/keyboardToolbar.ts
View file

@ -55,7 +55,7 @@ export const renderKeyboardToolbar = (protyle: IProtyle, range: Range) => {
<button data-type="tag"><svg><use xlink:href="#iconTags"></use></svg></button>
<button data-type="inline-math"><svg><use xlink:href="#iconMath"></use></svg></button>
<button data-type="inline-memo"><svg><use xlink:href="#iconM"></use></svg></button>
<button data-type="indent"><svg><use xlink:href="#iconClose"></use></svg></button>`
<button data-type="indent"><svg><use xlink:href="#iconClose"></use></svg></button>`;
const html = `<button data-type="add"><svg><use xlink:href="#iconAdd"></use></svg></button>
<button data-type="indent"><svg class="keyboard__svg--big"><use xlink:href="#iconBIU"></use></svg></button>
<button data-type="indent"><svg><use xlink:href="#iconTrashcan"></use></svg></button>
@ -69,14 +69,14 @@ export const renderKeyboardToolbar = (protyle: IProtyle, range: Range) => {
<button data-type="redo"><svg><use xlink:href="#iconOutdent"></use></svg></button>
<button data-type="redo"><svg><use xlink:href="#iconUp"></use></svg></button>
<button data-type="redo"><svg><use xlink:href="#iconDown"></use></svg></button>
`
`;
toolbarElement.innerHTML = `<div class="fn__flex-1">
<div class="keyboard__dynamic">${html}</div>
<div class="fn__none keyboard__dynamic">${inlineHTML}</div>
</div>
<span class="keyboard__split"></span>
<button data-type="done"><svg style="width: 36px"><use xlink:href="#iconKeyboardHide"></use></svg></button>`
}
<button data-type="done"><svg style="width: 36px"><use xlink:href="#iconKeyboardHide"></use></svg></button>`;
};
export const hideKeyboardToolbar = () => {
const toolbarElement = document.getElementById("keyboardToolbar");
@ -93,21 +93,21 @@ const disabledKeyboardToolbar = () => {
item.setAttribute("disabled", "disabled");
}
});
}
};
const enKeyboardToolbar = () => {
document.querySelectorAll("#keyboardToolbar button").forEach(item => {
item.removeAttribute("disabled");
});
}
};
export const initKeyboardToolbar = () => {
window.addEventListener('focus', (event) => {
const target = event.target as HTMLElement
window.addEventListener("focus", (event) => {
const target = event.target as HTMLElement;
if (["INPUT", "TEXTAREA"].includes(target.tagName)) {
disabledKeyboardToolbar()
disabledKeyboardToolbar();
} else if (target.classList.contains("protyle-wysiwyg")) {
enKeyboardToolbar()
enKeyboardToolbar();
}
}, true);