0ct0pu5/siyuan
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

🎨 数据库不能设置布局

Browse source
This commit is contained in:
Vanessa 2023-10-14 10:01:42 +08:00
parent 69d8c93c98
commit 7d6f9bb0df
4 changed files with 41 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/src/assets/scss/business/_av.scss
View file

@ -375,7 +375,7 @@
}
img.av__cellassetimg {
max-height: 24px;
max-height: 18px;
border-radius: var(--b3-border-radius);
margin: 1px 2px;
max-width: none;

35
app/src/protyle/gutter/index.ts
View file

@ -710,7 +710,12 @@ export class Gutter {
if (!isMobile()) {
appearanceElement.lastElementChild.classList.add("b3-menu__submenu--row");
}
this.genAlign(selectsElement, protyle);
selectsElement.find((item) => {
if (!item.classList.contains("NodeAttributeView")) {
this.genAlign(selectsElement, protyle);
return true;
}
});
this.genWidths(selectsElement, protyle);
window.siyuan.menus.menu.append(new MenuItem({type: "separator"}).element);
window.siyuan.menus.menu.append(new MenuItem({
@ -1510,7 +1515,9 @@ export class Gutter {
if (!isMobile()) {
appearanceElement.lastElementChild.classList.add("b3-menu__submenu--row");
}
this.genAlign([nodeElement], protyle);
if (type !== "NodeAttributeView") {
this.genAlign([nodeElement], protyle);
}
this.genWidths([nodeElement], protyle);
}
window.siyuan.menus.menu.append(new MenuItem({type: "separator"}).element);
@ -1614,7 +1621,9 @@ export class Gutter {
accelerator: window.siyuan.config.keymap.editor.general.alignLeft.custom,
click: () => {
this.genClick(nodeElements, protyle, (e: HTMLElement) => {
e.style.textAlign = "left";
if (!e.classList.contains("NodeAttributeView")) {
e.style.textAlign = "left";
}
});
}
}, {
@ -1623,7 +1632,9 @@ export class Gutter {
accelerator: window.siyuan.config.keymap.editor.general.alignCenter.custom,
click: () => {
this.genClick(nodeElements, protyle, (e: HTMLElement) => {
e.style.textAlign = "center";
if (!e.classList.contains("NodeAttributeView")) {
e.style.textAlign = "center";
}
});
}
}, {
@ -1632,7 +1643,9 @@ export class Gutter {
accelerator: window.siyuan.config.keymap.editor.general.alignRight.custom,
click: () => {
this.genClick(nodeElements, protyle, (e: HTMLElement) => {
e.style.textAlign = "right";
if (!e.classList.contains("NodeAttributeView")) {
e.style.textAlign = "right";
}
});
}
}, {
@ -1640,7 +1653,9 @@ export class Gutter {
icon: "iconMenu",
click: () => {
this.genClick(nodeElements, protyle, (e: HTMLElement) => {
e.style.textAlign = "justify";
if (!e.classList.contains("NodeAttributeView")) {
e.style.textAlign = "justify";
}
});
}
}, {
@ -1650,7 +1665,9 @@ export class Gutter {
icon: "iconLtr",
click: () => {
this.genClick(nodeElements, protyle, (e: HTMLElement) => {
e.style.direction = "ltr";
if (!e.classList.contains("NodeAttributeView")) {
e.style.direction = "ltr";
}
});
}
}, {
@ -1658,7 +1675,9 @@ export class Gutter {
icon: "iconRtl",
click: () => {
this.genClick(nodeElements, protyle, (e: HTMLElement) => {
e.style.direction = "rtl";
if (!e.classList.contains("NodeAttributeView")) {
e.style.direction = "rtl";
}
});
}
}, {

16
app/src/protyle/render/av/render.ts
View file

@ -29,7 +29,7 @@ export const avRender = (element: Element, protyle: IProtyle, cb?: () => void) =
let html = "";
[1, 2, 3].forEach(() => {
html += `<div class="av__row">
<div style="width: 24px"></div>
<div style="width: 24px;flex-shrink: 0"></div>
<div class="av__cell" style="width: 200px"><span class="av__pulse"></span></div>
<div class="av__cell" style="width: 200px"><span class="av__pulse"></span></div>
<div class="av__cell" style="width: 200px"><span class="av__pulse"></span></div>
@ -169,8 +169,9 @@ ${cell.color ? `color:${cell.color};` : ""}">${text}</div>`;
<span class="item__text">${item.name}</span>
</div>`;
});
const paddingLeft = e.parentElement.style.paddingLeft;
const paddingRight = e.parentElement.style.paddingRight;
const setWidth = e.style.width.endsWith("%");
const paddingLeft = setWidth ? "" : e.parentElement.style.paddingLeft;
const paddingRight = setWidth ? "" : e.parentElement.style.paddingRight;
setTimeout(() => {
e.firstElementChild.outerHTML = `<div>
<div class="av__header" style="padding-left: ${paddingLeft};padding-right: ${paddingRight};">
@ -205,9 +206,14 @@ ${cell.color ? `color:${cell.color};` : ""}">${text}</div>`;
</div>
</div>`;
if (e.parentElement.clientWidth > 0) {
e.style.width = e.parentElement.clientWidth + "px";
e.style.maxWidth = e.parentElement.clientWidth + "px";
}
if (setWidth) {
e.style.alignSelf = "";
} else {
e.style.width = "";
e.style.alignSelf = "center";
}
e.style.alignSelf = "center";
e.setAttribute("data-render", "true");
if (left) {
e.querySelector(".av__scroll").scrollLeft = left;

4
app/src/protyle/util/resize.ts
View file

@ -44,8 +44,8 @@ export const resize = (protyle: IProtyle) => {
}
if (abs.padding > MIN_ABS || abs.width > MIN_ABS || isNaN(abs.padding)) {
protyle.wysiwyg.element.querySelectorAll(".av").forEach((item: HTMLElement) => {
item.style.width = item.parentElement.clientWidth + "px";
if (item.getAttribute("data-render") === "true") {
item.style.maxWidth = item.parentElement.clientWidth + "px";
if (item.getAttribute("data-render") === "true" && !item.style.width.endsWith("%")) {
const paddingLeft = item.parentElement.style.paddingLeft;
const paddingRight = item.parentElement.style.paddingRight;
const avHeaderElement = item.firstElementChild.firstElementChild as HTMLElement;