Andreas/siyuan
1
0
Fork 0
mirror of https://github.com/siyuan-note/siyuan.git synced 2026-01-22 08:16:10 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

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

Browse source
This commit is contained in:
Vanessa 2025-07-09 23:02:20 +08:00
parent f2e57f7028
commit b8535f23aa
4 changed files with 14 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

3
app/src/protyle/render/av/action.ts
View file

@ -36,6 +36,7 @@ import {scrollCenter} from "../../../util/highlightById";
import {escapeHtml} from "../../../util/escape";
import {editGalleryItem, openGalleryItemMenu} from "./gallery/util";
import {clearSelect} from "../../util/clearSelect";
import {removeCompressURL} from "../../../util/image";
export const avClick = (protyle: IProtyle, event: MouseEvent & { target: HTMLElement }) => {
if (isOnlyMeta(event)) {
@ -70,7 +71,7 @@ export const avClick = (protyle: IProtyle, event: MouseEvent & { target: HTMLEle
const imgElement = hasClosestByClassName(event.target, "av__cellassetimg");
if (imgElement) {
previewAttrViewImages(
(imgElement as HTMLImageElement).src,
removeCompressURL((imgElement as HTMLImageElement).src),
blockElement.getAttribute("data-av-id"),
blockElement.getAttribute(Constants.CUSTOM_SY_AV_VIEW),
(blockElement.querySelector('[data-type="av-search"]') as HTMLInputElement)?.value.trim() || ""

4
app/src/protyle/render/av/asset.ts
View file

@ -60,8 +60,8 @@ export const getAssetHTML = (cellElements: HTMLElement[]) => {
genCellValueByElement("mAsset", cellElements[0]).mAsset.forEach((item, index) => {
let contentHTML;
if (item.type === "image") {
contentHTML = `<span data-type="openAssetItem" class="fn__flex-1 ariaLabel" aria-label="${getCompressURL(item.content)}">
<img style="max-height: 180px;max-width: 360px;border-radius: var(--b3-border-radius);margin: 4px 0;" src="${item.content}"/>
contentHTML = `<span data-type="openAssetItem" class="fn__flex-1 ariaLabel" aria-label="${item.content}">
<img style="max-height: 180px;max-width: 360px;border-radius: var(--b3-border-radius);margin: 4px 0;" src="${getCompressURL(item.content)}"/>
</span>`;
} else {
contentHTML = `<span data-type="openAssetItem" class="fn__ellipsis b3-menu__label ariaLabel" aria-label="${escapeAttr(item.content)}" style="max-width: 360px">${item.name || item.content}</span>`;

4
app/src/protyle/render/av/cell.ts
View file

@ -18,7 +18,7 @@ import {escapeAttr, escapeHtml} from "../../../util/escape";
import {electronUndo} from "../../undo";
import {getFieldIdByCellElement} from "./row";
import {getFieldsByData} from "./view";
import {getCompressURL} from "../../../util/image";
import {getCompressURL, removeCompressURL} from "../../../util/image";
const renderCellURL = (urlContent: string) => {
let host = urlContent;
@ -131,7 +131,7 @@ export const genCellValueByElement = (colType: TAVCol, cellElement: HTMLElement)
const isImg = item.classList.contains("av__cellassetimg");
mAsset.push({
type: isImg ? "image" : "file",
content: isImg ? item.getAttribute("src") : item.getAttribute("data-url"),
content: isImg ? removeCompressURL(item.getAttribute("src")) : item.getAttribute("data-url"),
name: isImg ? "" : item.getAttribute("data-name")
});
});

8
app/src/util/image.ts
View file

@ -4,3 +4,11 @@ export const getCompressURL = (url: string) => {
return url + "?style=thumb";
}
};
export const removeCompressURL = (url: string) => {
if (url.startsWith("assets/") &&
(url.endsWith(".png?style=thumb") || url.endsWith(".jpg?style=thumb") || url.endsWith(".jpeg?style=thumb"))) {
return url.replace("?style=thumb", "");
}
return url;
};