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

🎨 https://github.com/siyuan-note/siyuan/issues/15089

Browse source
This commit is contained in:
Vanessa 2025-06-30 15:24:44 +08:00
parent 232c3afa6b
commit ae823547b4
1 changed files with 28 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

56
app/src/protyle/render/av/layout.ts
View file

@ -115,33 +115,6 @@ export const bindLayoutEvent = (options: {
data: checked
}]);
});
if (options.data.viewType !== "gallery") {
return;
}
const toggleFitElement = options.menuElement.querySelector('.b3-switch[data-type="toggle-gallery-fit"]') as HTMLInputElement;
toggleFitElement.addEventListener("change", () => {
const avID = options.blockElement.getAttribute("data-av-id");
const blockID = options.blockElement.getAttribute("data-node-id");
const checked = toggleFitElement.checked;
transaction(options.protyle, [{
action: "setAttrViewFitImage",
avID,
blockID,
data: checked
}], [{
action: "setAttrViewFitImage",
avID,
blockID,
data: !checked
}]);
options.blockElement.querySelectorAll(".av__gallery-img").forEach(item => {
if (checked) {
item.classList.add("av__gallery-img--fit");
} else {
item.classList.remove("av__gallery-img--fit");
}
});
});
const toggleIconElement = options.menuElement.querySelector('.b3-switch[data-type="toggle-gallery-icon"]') as HTMLInputElement;
toggleIconElement.addEventListener("change", () => {
const avID = options.blockElement.getAttribute("data-av-id");
@ -158,7 +131,7 @@ export const bindLayoutEvent = (options: {
blockID,
data: !checked
}]);
options.blockElement.querySelectorAll('.av__cell[data-dtype="block"] .b3-menu__avemoji').forEach(item => {
options.blockElement.querySelectorAll('.av__cell[data-dtype="block"] .b3-menu__avemoji,.av__cell[data-dtype="relation"] .b3-menu__avemoji').forEach(item => {
if (checked) {
item.classList.remove("fn__none");
} else {
@ -190,6 +163,33 @@ export const bindLayoutEvent = (options: {
}
});
});
if (options.data.viewType !== "gallery") {
return;
}
const toggleFitElement = options.menuElement.querySelector('.b3-switch[data-type="toggle-gallery-fit"]') as HTMLInputElement;
toggleFitElement.addEventListener("change", () => {
const avID = options.blockElement.getAttribute("data-av-id");
const blockID = options.blockElement.getAttribute("data-node-id");
const checked = toggleFitElement.checked;
transaction(options.protyle, [{
action: "setAttrViewFitImage",
avID,
blockID,
data: checked
}], [{
action: "setAttrViewFitImage",
avID,
blockID,
data: !checked
}]);
options.blockElement.querySelectorAll(".av__gallery-img").forEach(item => {
if (checked) {
item.classList.add("av__gallery-img--fit");
} else {
item.classList.remove("av__gallery-img--fit");
}
});
});
};
export const updateLayout = async (options: {