mirror of
https://github.com/siyuan-note/siyuan.git
synced 2025-05-11 14:41:51 +08:00
307 lines
14 KiB
TypeScript
307 lines
14 KiB
TypeScript
import {lockFile} from "../../dialog/processSystem";
|
||
import {Constants} from "../../constants";
|
||
import {hideElements} from "../ui/hideElements";
|
||
import {genEmptyElement} from "../../block/util";
|
||
import {transaction} from "../wysiwyg/transaction";
|
||
import {fetchPost} from "../../util/fetch";
|
||
import {processRender} from "./processCode";
|
||
import {highlightRender} from "../markdown/highlightRender";
|
||
import {blockRender} from "../markdown/blockRender";
|
||
import {highlightById} from "../../util/highlightById";
|
||
/// #if !MOBILE
|
||
import {pushBack} from "../../util/backForward";
|
||
/// #endif
|
||
import {focusBlock} from "./selection";
|
||
import {hasClosestByAttribute, hasClosestByClassName} from "./hasClosest";
|
||
import {preventScroll} from "../scroll/preventScroll";
|
||
import {restoreScroll} from "../scroll/saveScroll";
|
||
import {removeLoading} from "../ui/initUI";
|
||
|
||
export const onGet = (data: IWebSocketData, protyle: IProtyle, action: string[] = [], scrollAttr?: IScrollAttr, renderTitle = false) => {
|
||
protyle.wysiwyg.element.removeAttribute("data-top");
|
||
if (data.code === 1) {
|
||
// 其他报错
|
||
if (protyle.model) {
|
||
protyle.model.parent.parent.removeTab(protyle.model.parent.id, false, false);
|
||
} else {
|
||
protyle.element.innerHTML = `<div class="ft__smaller ft__secondary b3-form__space--small" contenteditable="false">${window.siyuan.languages.refExpired}</div>`;
|
||
}
|
||
return;
|
||
}
|
||
if (data.code === 3) {
|
||
// block not found
|
||
return;
|
||
}
|
||
protyle.notebookId = data.data.box;
|
||
protyle.path = data.data.path;
|
||
if (data.code === 2) {
|
||
// 文件被锁定
|
||
protyle.block.rootID = data.data;
|
||
lockFile(data.data);
|
||
return;
|
||
}
|
||
|
||
if (data.data.eof) {
|
||
if (action.includes(Constants.CB_GET_BEFORE)) {
|
||
protyle.wysiwyg.element.firstElementChild.setAttribute("data-eof", "true");
|
||
} else {
|
||
protyle.wysiwyg.element.lastElementChild.setAttribute("data-eof", "true");
|
||
}
|
||
if (data.data.mode !== 4) {
|
||
return;
|
||
}
|
||
}
|
||
hideElements(["gutter"], protyle);
|
||
let html = data.data.content;
|
||
if (html === "" && !action) {
|
||
const element = genEmptyElement(false, false);
|
||
html = element.outerHTML;
|
||
transaction(protyle, [{
|
||
action: "insert",
|
||
id: element.getAttribute("data-node-id"),
|
||
data: html,
|
||
parentID: data.data.parentID
|
||
}]);
|
||
}
|
||
|
||
protyle.block.parentID = data.data.parentID;
|
||
protyle.block.parent2ID = data.data.parent2ID;
|
||
protyle.block.rootID = data.data.rootID;
|
||
protyle.block.showAll = false;
|
||
protyle.block.mode = data.data.mode;
|
||
protyle.block.blockCount = data.data.blockCount;
|
||
protyle.block.childBlockCount = data.data.childBlockCount;
|
||
protyle.block.action = action;
|
||
if (!action.includes(Constants.CB_GET_UNCHANGEID)) {
|
||
protyle.block.id = data.data.id;
|
||
protyle.scroll.lastScrollTop = 0;
|
||
protyle.contentElement.scrollTop = 0;
|
||
protyle.wysiwyg.element.setAttribute("data-doc-type", data.data.type);
|
||
}
|
||
|
||
// 防止动态加载加载过多的内容
|
||
if (action.includes(Constants.CB_GET_APPEND) || action.includes(Constants.CB_GET_BEFORE) || action.includes(Constants.CB_GET_HTML)) {
|
||
setHTML({
|
||
content: html,
|
||
action,
|
||
unScroll: false,
|
||
}, protyle);
|
||
removeLoading(protyle);
|
||
return;
|
||
}
|
||
|
||
fetchPost("/api/block/getDocInfo", {
|
||
id: protyle.block.rootID
|
||
}, (response) => {
|
||
if (protyle.options.render.title) {
|
||
// 页签没有打开
|
||
protyle.title.render(protyle, response, renderTitle);
|
||
} else if (protyle.options.render.background) {
|
||
protyle.background.render(response.data.ial, protyle.block.rootID);
|
||
protyle.wysiwyg.renderCustom(response.data.ial);
|
||
}
|
||
|
||
let scrollObj = scrollAttr;
|
||
if (!scrollObj) {
|
||
if (action.includes(Constants.CB_GET_SCROLL) && response.data.ial.scroll) {
|
||
try {
|
||
scrollObj = JSON.parse(response.data.ial.scroll.replace(/"/g, '"'));
|
||
} catch (e) {
|
||
scrollObj = undefined;
|
||
}
|
||
}
|
||
}
|
||
|
||
setHTML({
|
||
content: html,
|
||
action,
|
||
unScroll: (scrollObj && scrollObj.focusId) ? true : false,
|
||
}, protyle);
|
||
|
||
if (scrollObj && protyle.options.mode !== "preview") {
|
||
restoreScroll(protyle, scrollObj);
|
||
}
|
||
removeLoading(protyle);
|
||
});
|
||
};
|
||
|
||
const setHTML = (options: { content: string, action?: string[], unScroll?: boolean }, protyle: IProtyle) => {
|
||
if (protyle.contentElement.classList.contains("fn__none")) {
|
||
return;
|
||
}
|
||
protyle.block.showAll = options.action.includes(Constants.CB_GET_ALL);
|
||
const REMOVED_OVER_HEIGHT = protyle.contentElement.clientHeight * 8;
|
||
if (options.action.includes(Constants.CB_GET_APPEND)) {
|
||
// 动态加载移除
|
||
if (!protyle.wysiwyg.element.querySelector(".protyle-wysiwyg--select") && !protyle.scroll.keepLazyLoad && protyle.contentElement.scrollHeight > REMOVED_OVER_HEIGHT) {
|
||
let removeElement = protyle.wysiwyg.element.firstElementChild as HTMLElement;
|
||
const removeElements = [];
|
||
while (protyle.wysiwyg.element.childElementCount > 2 && removeElements && !protyle.wysiwyg.element.lastElementChild.isSameNode(removeElement)) {
|
||
if (protyle.contentElement.scrollHeight - removeElement.offsetTop > REMOVED_OVER_HEIGHT) {
|
||
removeElements.push(removeElement);
|
||
} else {
|
||
break;
|
||
}
|
||
removeElement = removeElement.nextElementSibling as HTMLElement;
|
||
}
|
||
const lastRemoveTop = removeElement.getBoundingClientRect().top;
|
||
removeElements.forEach(item => {
|
||
item.remove();
|
||
});
|
||
protyle.contentElement.scrollTop = protyle.contentElement.scrollTop + (removeElement.getBoundingClientRect().top - lastRemoveTop);
|
||
protyle.scroll.lastScrollTop = protyle.contentElement.scrollTop;
|
||
hideElements(["toolbar"], protyle);
|
||
}
|
||
protyle.wysiwyg.element.insertAdjacentHTML("beforeend", options.content);
|
||
} else if (options.action.includes(Constants.CB_GET_BEFORE)) {
|
||
const lastElement = protyle.wysiwyg.element.firstElementChild as HTMLElement;
|
||
const lastTop = lastElement.getBoundingClientRect().top;
|
||
protyle.wysiwyg.element.insertAdjacentHTML("afterbegin", options.content);
|
||
protyle.contentElement.scrollTop = protyle.contentElement.scrollTop + (lastElement.getBoundingClientRect().top - lastTop);
|
||
protyle.scroll.lastScrollTop = protyle.contentElement.scrollTop;
|
||
// 动态加载移除
|
||
if (!protyle.wysiwyg.element.querySelector(".protyle-wysiwyg--select") && !protyle.scroll.keepLazyLoad) {
|
||
while (protyle.wysiwyg.element.childElementCount > 2 && protyle.contentElement.scrollHeight > REMOVED_OVER_HEIGHT &&
|
||
protyle.wysiwyg.element.lastElementChild.getBoundingClientRect().top > window.innerHeight) {
|
||
protyle.wysiwyg.element.lastElementChild.remove();
|
||
}
|
||
hideElements(["toolbar"], protyle);
|
||
}
|
||
} else {
|
||
protyle.wysiwyg.element.innerHTML = options.content;
|
||
}
|
||
processRender(protyle.wysiwyg.element);
|
||
highlightRender(protyle.wysiwyg.element);
|
||
blockRender(protyle, protyle.wysiwyg.element);
|
||
if (options.action.includes(Constants.CB_GET_HISTORY)) {
|
||
return;
|
||
}
|
||
if (protyle.options.render.scroll) {
|
||
protyle.scroll.update(protyle);
|
||
}
|
||
if (options.action.includes(Constants.CB_GET_HL) && !options.unScroll) {
|
||
preventScroll(protyle); // 搜索页签滚动会导致再次请求
|
||
const hlElement = highlightById(protyle, protyle.block.id, true);
|
||
/// #if !MOBILE
|
||
if (hlElement && !options.action.includes(Constants.CB_GET_UNUNDO)) {
|
||
pushBack(protyle, undefined, hlElement);
|
||
}
|
||
/// #endif
|
||
} else if (options.action.includes(Constants.CB_GET_FOCUS) && !options.unScroll) {
|
||
let focusElement: Element;
|
||
Array.from(protyle.wysiwyg.element.querySelectorAll(`[data-node-id="${protyle.block.id}"]`)).find((item: HTMLElement) => {
|
||
if (!hasClosestByAttribute(item, "data-type", "block-render", true)) {
|
||
focusElement = item;
|
||
return true;
|
||
}
|
||
});
|
||
if (protyle.block.mode === 4) {
|
||
preventScroll(protyle);
|
||
focusElement = protyle.wysiwyg.element.lastElementChild;
|
||
}
|
||
if (focusElement && !protyle.wysiwyg.element.firstElementChild.isSameNode(focusElement)) {
|
||
focusBlock(focusElement);
|
||
/// #if !MOBILE
|
||
if (!options.action.includes(Constants.CB_GET_UNUNDO)) {
|
||
pushBack(protyle, undefined, focusElement);
|
||
}
|
||
/// #endif
|
||
focusElement.scrollIntoView();
|
||
// 减少抖动 https://ld246.com/article/1654263598088
|
||
setTimeout(() => {
|
||
focusElement.scrollIntoView();
|
||
}, Constants.TIMEOUT_BLOCKLOAD);
|
||
} else {
|
||
focusBlock(protyle.wysiwyg.element.firstElementChild);
|
||
/// #if !MOBILE
|
||
if (!options.action.includes(Constants.CB_GET_UNUNDO)) {
|
||
pushBack(protyle, undefined, protyle.wysiwyg.element.firstElementChild);
|
||
}
|
||
/// #endif
|
||
}
|
||
} else if (options.action.includes(Constants.CB_GET_FOCUSFIRST) && !options.unScroll) {
|
||
// settimeout 时间需短一点，否则定位后快速滚动无效
|
||
const headerHeight = protyle.wysiwyg.element.offsetTop - 16;
|
||
preventScroll(protyle, headerHeight, 256);
|
||
protyle.contentElement.scrollTop = headerHeight;
|
||
focusBlock(protyle.wysiwyg.element.firstElementChild);
|
||
/// #if !MOBILE
|
||
if (!options.action.includes(Constants.CB_GET_UNUNDO)) {
|
||
pushBack(protyle, undefined, protyle.wysiwyg.element.firstElementChild);
|
||
}
|
||
/// #endif
|
||
}
|
||
if (protyle.disabled) {
|
||
disabledProtyle(protyle);
|
||
} else {
|
||
enableProtyle(protyle);
|
||
}
|
||
if (options.action.includes(Constants.CB_GET_SETID)) {
|
||
// 点击大纲后，如果需要动态加载，在定位后，需要重置 block.id https://github.com/siyuan-note/siyuan/issues/4487
|
||
protyle.block.id = protyle.block.rootID;
|
||
protyle.wysiwyg.element.setAttribute("data-doc-type", "NodeDocument");
|
||
}
|
||
if (protyle.options.defId) {
|
||
protyle.wysiwyg.element.querySelectorAll(`[data-id="${protyle.options.defId}"]`).forEach(item => {
|
||
item.classList.add("def--mark");
|
||
});
|
||
protyle.options.defId = undefined;
|
||
}
|
||
// https://ld246.com/article/1653639418266
|
||
if (protyle.element.classList.contains("block__edit") && (protyle.element.nextElementSibling || protyle.element.previousElementSibling)) {
|
||
protyle.element.style.minHeight = Math.min(30 + protyle.wysiwyg.element.clientHeight, window.innerHeight / 3) + "px";
|
||
}
|
||
// 屏幕太高的页签 https://github.com/siyuan-note/siyuan/issues/5018
|
||
if (!protyle.scroll.element.classList.contains("fn__none") &&
|
||
protyle.wysiwyg.element.lastElementChild.getAttribute("data-eof") !== "true" &&
|
||
protyle.contentElement.scrollHeight > 0 && // 没有激活的页签 https://github.com/siyuan-note/siyuan/issues/5255
|
||
!options.action.includes(Constants.CB_GET_FOCUSFIRST) && // 防止 eof 为true https://github.com/siyuan-note/siyuan/issues/5291
|
||
protyle.contentElement.scrollHeight <= protyle.contentElement.clientHeight) {
|
||
fetchPost("/api/filetree/getDoc", {
|
||
id: protyle.wysiwyg.element.lastElementChild.getAttribute("data-node-id"),
|
||
mode: 2,
|
||
k: protyle.options.key || "",
|
||
size: Constants.SIZE_GET,
|
||
}, getResponse => {
|
||
onGet(getResponse, protyle, [Constants.CB_GET_APPEND, Constants.CB_GET_UNCHANGEID]);
|
||
});
|
||
}
|
||
if (options.action.includes(Constants.CB_GET_APPEND) || options.action.includes(Constants.CB_GET_BEFORE)) {
|
||
return;
|
||
}
|
||
if (protyle.options.render.breadcrumb) {
|
||
protyle.breadcrumb.render(protyle);
|
||
}
|
||
};
|
||
|
||
/** 禁用编辑器 */
|
||
export const disabledProtyle = (protyle: IProtyle) => {
|
||
hideElements(["gutter", "toolbar", "select", "hint", "util"], protyle);
|
||
protyle.disabled = true;
|
||
if (protyle.title) {
|
||
protyle.title.element.querySelector(".protyle-title__input").setAttribute("contenteditable", "false");
|
||
}
|
||
protyle.wysiwyg.element.setAttribute("contenteditable", "false");
|
||
protyle.wysiwyg.element.querySelectorAll('[contenteditable="true"][spellcheck="false"]').forEach(item => {
|
||
item.setAttribute("contenteditable", "false");
|
||
});
|
||
};
|
||
|
||
/** 解除编辑器禁用 */
|
||
export const enableProtyle = (protyle: IProtyle) => {
|
||
protyle.disabled = false;
|
||
if (navigator && navigator.maxTouchPoints > 1 && ["MacIntel", "iPhone"].includes(navigator.platform)) {
|
||
// iPhone，iPad 端输入 contenteditable 为 true 时会在块中间插入 span
|
||
} else {
|
||
if (protyle.title) {
|
||
protyle.title.element.querySelector(".protyle-title__input").setAttribute("contenteditable", "true");
|
||
}
|
||
protyle.wysiwyg.element.setAttribute("contenteditable", "true");
|
||
}
|
||
protyle.wysiwyg.element.querySelectorAll('[contenteditable="false"][spellcheck="false"]').forEach(item => {
|
||
if (!hasClosestByClassName(item, "protyle-wysiwyg__embed")) {
|
||
item.setAttribute("contenteditable", "true");
|
||
}
|
||
});
|
||
};
|