Andreas/siyuan
1
0
Fork 0
mirror of https://github.com/siyuan-note/siyuan.git synced 2026-02-11 17:54:20 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

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

Browse source
This commit is contained in:
Vanessa 2025-07-01 13:27:45 +08:00
parent 96d32d758a
commit 863bd7d78a
2 changed files with 11 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -345,6 +345,7 @@
object-fit: cover;
width: 100%;
object-position: center;
pointer-events: none;
&--fit {
object-fit: contain;

16
app/src/protyle/util/editorCommonEvent.ts
View file

@ -850,12 +850,16 @@ export const dropEvent = (protyle: IProtyle, editorElement: HTMLElement) => {
} else if (target.classList.contains("av__gallery-item")) {
const blockElement = hasClosestBlock(target);
if (blockElement) {
target.classList.add("av__gallery-item--select");
const ghostElement = document.createElement("div");
ghostElement.className = "protyle-wysiwyg protyle-wysiwyg--attr";
ghostElement.append(processClonePHElement(target.cloneNode(true) as Element));
ghostElement.setAttribute("style", `position:fixed;opacity:.1;padding:0;
width:${target.clientWidth}px;;height:${target.clientHeight}px;`);
ghostElement.querySelector(".av__gallery-fields").setAttribute("style", "background-color: var(--b3-theme-background)");
ghostElement.className = "protyle-wysiwyg protyle-wysiwyg--attr " + target.parentElement.className;
blockElement.querySelectorAll(".av__gallery-item--select").forEach(item => {
const cloneItem = processClonePHElement(item.cloneNode(true) as Element);
cloneItem.setAttribute("style", `width:${item.clientWidth}px;;height:${item.clientHeight}px;`);
cloneItem.querySelector(".av__gallery-fields").setAttribute("style", "background-color: var(--b3-theme-background)");
ghostElement.append(cloneItem);
});
ghostElement.setAttribute("style", "position:fixed;opacity:.1;padding:0;z-index:1;");
document.body.append(ghostElement);
event.dataTransfer.setDragImage(ghostElement, -10, -10);
setTimeout(() => {
@ -870,7 +874,7 @@ width:${target.clientWidth}px;;height:${target.clientHeight}px;`);
selectIds.push(target.getAttribute("data-id"));
}
event.dataTransfer.setData(`${Constants.SIYUAN_DROP_GUTTER}NodeAttributeView${Constants.ZWSP}GalleryItem${Constants.ZWSP}${selectIds}`,
target.outerHTML);
ghostElement.outerHTML);
}
return;
}