github/siyuan
4
0
Fork 0
mirror of https://github.com/siyuan-note/siyuan.git synced 2025-05-17 01:21:14 +08:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Vanessa 2024-09-19 22:37:12 +08:00
parent 3cd7d9fd3e
commit 199b34f4d1
2 changed files with 14 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/src/assets/scss/business/_drag.scss
View File

@ -1,5 +1,5 @@
.dragover { .dragover {
background-color: var(--b3-theme-primary-lightest); background-color: var(--b3-theme-primary-lightest) !important;
// 需要 !important，否则拖拽到闪卡无效果 // 需要 !important，否则拖拽到闪卡无效果
&__top { &__top {

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

@ -797,7 +797,7 @@ export const dropEvent = (protyle: IProtyle, editorElement: HTMLElement) => {
} }
const targetElement = editorElement.querySelector(".dragover__left, .dragover__right, .dragover__bottom, .dragover__top"); const targetElement = editorElement.querySelector(".dragover__left, .dragover__right, .dragover__bottom, .dragover__top");
if (targetElement) { if (targetElement) {
targetElement.classList.remove("protyle-wysiwyg--select"); targetElement.classList.remove("protyle-wysiwyg--select", "dragover");
targetElement.removeAttribute("select-start"); targetElement.removeAttribute("select-start");
targetElement.removeAttribute("select-end"); targetElement.removeAttribute("select-end");
} }
@ -1227,7 +1227,8 @@ export const dropEvent = (protyle: IProtyle, editorElement: HTMLElement) => {
} }
} else if (targetElement && gutterType && gutterType.startsWith(`${Constants.SIYUAN_DROP_GUTTER}NodeAttributeViewRowMenu${Constants.ZWSP}`.toLowerCase())) { } else if (targetElement && gutterType && gutterType.startsWith(`${Constants.SIYUAN_DROP_GUTTER}NodeAttributeViewRowMenu${Constants.ZWSP}`.toLowerCase())) {
// 行只能拖拽当前 av 中 // 行只能拖拽当前 av 中
if (!targetElement.classList.contains("av__row") || !window.siyuan.dragElement.contains(targetElement)) { if ((!targetElement.classList.contains("av__row") && !targetElement.classList.contains("av__row--util")) ||
!window.siyuan.dragElement.contains(targetElement)) {
targetElement = false; targetElement = false;
} }
} }
@ -1280,14 +1281,20 @@ export const dropEvent = (protyle: IProtyle, editorElement: HTMLElement) => {
!targetElement.classList.contains("av__row")) { !targetElement.classList.contains("av__row")) {
targetElement.classList.add("dragover__right", "dragover"); targetElement.classList.add("dragover__right", "dragover");
} else if (targetElement.classList.contains("av__row--header")) { } else if (targetElement.classList.contains("av__row--header")) {
targetElement.classList.add("dragover__bottom", "dragover"); targetElement.classList.add("dragover__bottom");
} else if (targetElement.classList.contains("av__row--util")) { } else if (targetElement.classList.contains("av__row--util")) {
targetElement.previousElementSibling.classList.add("dragover__bottom", "dragover"); targetElement.previousElementSibling.classList.add("dragover__bottom");
} else { } else {
if (event.clientY > nodeRect.top + nodeRect.height / 2 && disabledPosition !== "bottom") { if (event.clientY > nodeRect.top + nodeRect.height / 2 && disabledPosition !== "bottom") {
targetElement.classList.add("dragover__bottom", "dragover"); targetElement.classList.add("dragover__bottom");
if (!targetElement.classList.contains("av__row")) {
targetElement.classList.add("dragover");
}
} else if (disabledPosition !== "top") { } else if (disabledPosition !== "top") {
targetElement.classList.add("dragover__top", "dragover"); targetElement.classList.add("dragover__top");
if (!targetElement.classList.contains("av__row")) {
targetElement.classList.add("dragover");
}
} }
} }
return; return;