Andreas/siyuan
1
0
Fork 0
mirror of https://github.com/siyuan-note/siyuan.git synced 2025-12-22 17:40:13 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

🎨 https://github.com/siyuan-note/siyuan/issues/9620 drag

Browse source
This commit is contained in:
Vanessa 2023-11-10 12:08:21 +08:00
parent 180dce0a78
commit 2a082ad59e
2 changed files with 17 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

2
app/src/protyle/render/av/openMenuPanel.ts
View file

@ -92,7 +92,7 @@ export const openMenuPanel = (options: {
bindEditEvent({protyle: options.protyle, data, menuElement}); bindEditEvent({protyle: options.protyle, data, menuElement});
} }
} }
avPanelElement.addEventListener("dragstart", (event) => { avPanelElement.addEventListener("dragstart", (event: DragEvent) => {
window.siyuan.dragElement = event.target as HTMLElement; window.siyuan.dragElement = event.target as HTMLElement;
window.siyuan.dragElement.style.opacity = ".1"; window.siyuan.dragElement.style.opacity = ".1";
return; return;

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

@ -733,16 +733,29 @@ export const dropEvent = (protyle: IProtyle, editorElement: HTMLElement) => {
} }
const rowElement = target.parentElement.parentElement; const rowElement = target.parentElement.parentElement;
const selectIds = []; const selectIds = [];
const rowElements = []
if (rowElement.classList.contains("av__row--select")) { if (rowElement.classList.contains("av__row--select")) {
rowElement.parentElement.querySelectorAll(".av__row--select:not(.av__row--header)").forEach((item) => { rowElement.parentElement.querySelectorAll(".av__row--select:not(.av__row--header)").forEach((item) => {
selectIds.push(item.getAttribute("data-id")); selectIds.push(item.getAttribute("data-id"));
rowElements.push(item)
}); });
} else { } else {
selectIds.push(rowElement.getAttribute("data-id")); selectIds.push(rowElement.getAttribute("data-id"));
rowElements.push(rowElement)
} }
if (selectIds.length === 1) {
event.dataTransfer.setDragImage(rowElement, 0, 0); const ghostElement = document.createElement("div");
} ghostElement.className = protyle.wysiwyg.element.className;
rowElements.forEach(item => {
ghostElement.append(item.cloneNode(true));
})
ghostElement.setAttribute("style", `position:fixed;opacity:.1;width:${rowElements[0].clientWidth}px;padding:0;`)
document.body.append(ghostElement);
event.dataTransfer.setDragImage(ghostElement, 0, 0);
setTimeout(() => {
ghostElement.remove();
});
window.siyuan.dragElement = rowElement; window.siyuan.dragElement = rowElement;
event.dataTransfer.setData(`${Constants.SIYUAN_DROP_GUTTER}NodeAttributeView${Constants.ZWSP}Row${Constants.ZWSP}${selectIds}`, event.dataTransfer.setData(`${Constants.SIYUAN_DROP_GUTTER}NodeAttributeView${Constants.ZWSP}Row${Constants.ZWSP}${selectIds}`,
rowElement.innerHTML); rowElement.innerHTML);