mirror of
https://github.com/siyuan-note/siyuan.git
synced 2025-12-20 16:40:13 +01:00
84 lines
4.1 KiB
TypeScript
84 lines
4.1 KiB
TypeScript
import {hideElements} from "../ui/hideElements";
|
||
import {setPadding} from "../ui/initUI";
|
||
import {hasClosestBlock} from "./hasClosest";
|
||
import {Constants} from "../../constants";
|
||
import {lineNumberRender} from "../render/highlightRender";
|
||
|
||
export const resize = (protyle: IProtyle) => {
|
||
hideElements(["gutter"], protyle);
|
||
const abs = setPadding(protyle);
|
||
const MIN_ABS = 4;
|
||
// 不能 clearTimeout，否则 split 时左侧无法 resize
|
||
setTimeout(() => {
|
||
if (abs.width > MIN_ABS || isNaN(abs.width)) {
|
||
if (typeof window.echarts !== "undefined") {
|
||
protyle.wysiwyg.element.querySelectorAll('[data-subtype="echarts"], [data-subtype="mindmap"]').forEach((chartItem: HTMLElement) => {
|
||
const chartInstance = window.echarts.getInstanceById(chartItem.firstElementChild.nextElementSibling.getAttribute("_echarts_instance_"));
|
||
if (chartInstance) {
|
||
chartInstance.resize();
|
||
}
|
||
});
|
||
}
|
||
if (window.siyuan.config.editor.codeSyntaxHighlightLineNum) {
|
||
protyle.wysiwyg.element.querySelectorAll(".code-block .protyle-linenumber").forEach((block: HTMLElement) => {
|
||
lineNumberRender(block);
|
||
});
|
||
}
|
||
// 保持光标位置不变 https://ld246.com/article/1673704873983/comment/1673765814595#comments
|
||
if (!protyle.disabled && protyle.toolbar.range) {
|
||
let rangeRect = protyle.toolbar.range.getBoundingClientRect();
|
||
if (rangeRect.height === 0) {
|
||
const blockElement = hasClosestBlock(protyle.toolbar.range.startContainer);
|
||
if (blockElement) {
|
||
rangeRect = blockElement.getBoundingClientRect();
|
||
}
|
||
}
|
||
if (rangeRect.height === 0) {
|
||
return;
|
||
}
|
||
const protyleRect = protyle.element.getBoundingClientRect();
|
||
if (protyleRect.top + 30 > rangeRect.top || protyleRect.bottom < rangeRect.bottom) {
|
||
protyle.toolbar.range.startContainer.parentElement.scrollIntoView(protyleRect.top > rangeRect.top);
|
||
}
|
||
}
|
||
}
|
||
if (abs.padding > MIN_ABS || abs.width > MIN_ABS || isNaN(abs.padding)) {
|
||
protyle.wysiwyg.element.querySelectorAll(".av").forEach((item: HTMLElement) => {
|
||
resizeAV(item);
|
||
});
|
||
}
|
||
}, Constants.TIMEOUT_TRANSITION); // 等待 setPadding 动画结束
|
||
};
|
||
|
||
export const resizeAV = (item: HTMLElement) => {
|
||
if (!item.classList.contains("av") || item.getAttribute("data-render") !== "true") {
|
||
return;
|
||
}
|
||
if (item.style.width.endsWith("%") || item.style.margin) {
|
||
const avHeaderElement = item.firstElementChild.firstElementChild as HTMLElement;
|
||
avHeaderElement.style.paddingLeft = "";
|
||
avHeaderElement.style.paddingRight = "";
|
||
const avBodyElement = item.querySelector(".av__scroll").firstElementChild as HTMLElement;
|
||
avBodyElement.style.paddingLeft = "";
|
||
avBodyElement.style.paddingRight = "";
|
||
item.style.alignSelf = "";
|
||
if (!item.style.width.endsWith("%")) {
|
||
item.style.width = "";
|
||
item.style.maxWidth = "100%";
|
||
}
|
||
} else {
|
||
const paddingLeft = item.parentElement.style.paddingLeft;
|
||
const paddingRight = item.parentElement.style.paddingRight;
|
||
const avHeaderElement = item.firstElementChild.firstElementChild as HTMLElement;
|
||
avHeaderElement.style.paddingLeft = paddingLeft;
|
||
avHeaderElement.style.paddingRight = paddingRight;
|
||
const avBodyElement = item.querySelector(".av__scroll").firstElementChild as HTMLElement;
|
||
avBodyElement.style.paddingLeft = paddingLeft;
|
||
avBodyElement.style.paddingRight = paddingRight;
|
||
item.style.alignSelf = "center";
|
||
if (item.parentElement.clientWidth > 0) {
|
||
item.style.width = item.parentElement.clientWidth + "px";
|
||
item.style.maxWidth = "";
|
||
}
|
||
}
|
||
};
|