From a308277997098bcf338d37259c9164e6ba2002af Mon Sep 17 00:00:00 2001
From: Vanessa <lly219@gmail.com>
Date: Thu, 26 Jun 2025 11:11:14 +0800
Subject: [PATCH] :art: https://github.com/siyuan-note/siyuan/issues/15135

---
 app/src/assets/scss/business/_av.scss     | 41 ++++++++++++-----------
 app/src/protyle/util/editorCommonEvent.ts | 14 +++++---
 2 files changed, 32 insertions(+), 23 deletions(-)

diff --git a/app/src/assets/scss/business/_av.scss b/app/src/assets/scss/business/_av.scss
index 660837007..098aa337e 100644
--- a/app/src/assets/scss/business/_av.scss
+++ b/app/src/assets/scss/business/_av.scss
@@ -300,25 +300,6 @@
         z-index: 1;
         position: absolute;
       }
-
-      &.dragover__left::after,
-      &.dragover__right::after {
-        top: 0;
-        bottom: 0;
-        width: 4px;
-        content: '';
-        position: absolute;
-        background-color: var(--b3-theme-primary-lighter);
-        z-index: 3;
-      }
-
-      &.dragover__left::after {
-        left: -11px;
-      }
-
-      &.dragover__right::after {
-        right: -11px;
-      }
     }
 
     &-cover {
@@ -468,6 +449,7 @@
       color: var(--b3-theme-on-surface);
       cursor: pointer;
       transition: background 100ms ease-out, color 100ms ease-out;
+      position: relative;
 
       &:hover {
         background-color: var(--b3-list-hover);
@@ -509,6 +491,27 @@
         font-size: 1em;
       }
     }
+
+    &-item, &-add {
+      &.dragover__left::after,
+      &.dragover__right::after {
+        top: 0;
+        bottom: 0;
+        width: 4px;
+        content: '';
+        position: absolute;
+        background-color: var(--b3-theme-primary-lighter);
+        z-index: 3;
+      }
+
+      &.dragover__left::after {
+        left: -10px;
+      }
+
+      &.dragover__right::after {
+        right: -10px;
+      }
+    }
   }
 
   &__layout {
diff --git a/app/src/protyle/util/editorCommonEvent.ts b/app/src/protyle/util/editorCommonEvent.ts
index fe611296c..42b9c4c29 100644
--- a/app/src/protyle/util/editorCommonEvent.ts
+++ b/app/src/protyle/util/editorCommonEvent.ts
@@ -1054,7 +1054,7 @@ export const dropEvent = (protyle: IProtyle, editorElement: HTMLElement) => {
                             insertAttrViewBlockAnimation(protyle, blockElement, sourceIds, previousID);
                         }
                     }
-                } else if (targetElement.classList.contains("av__gallery-item")) {
+                } else if (targetElement.classList.contains("av__gallery-item") || targetElement.classList.contains("av__gallery-add")) {
                     // 拖拽到属性视图 gallery 内
                     const blockElement = hasClosestBlock(targetElement);
                     if (blockElement) {
@@ -1374,11 +1374,10 @@ export const dropEvent = (protyle: IProtyle, editorElement: HTMLElement) => {
         }
         // 编辑器内文字拖拽或资源文件拖拽或按住 alt/shift 拖拽反链图标进入编辑器时不能运行 event.preventDefault()， 否则无光标; 需放在 !window.siyuan.dragElement 之后
         event.preventDefault();
-        targetElement = hasClosestByClassName(event.target, "av__gallery-item") ||
+        targetElement = hasClosestByClassName(event.target, "av__gallery-item") || hasClosestByClassName(event.target, "av__gallery-add") ||
             hasClosestByClassName(event.target, "av__row") || hasClosestByClassName(event.target, "av__row--util") ||
             hasClosestBlock(event.target);
-        if (targetElement && targetElement.getAttribute("data-av-type") === "gallery" &&
-            (event.target.classList.contains("av__gallery") || event.target.classList.contains("av__gallery-add"))) {
+        if (targetElement && targetElement.getAttribute("data-av-type") === "gallery" && event.target.classList.contains("av__gallery")) {
             // 拖拽到属性视图 gallery 内，但没选中 item
             return;
         }
@@ -1461,6 +1460,7 @@ export const dropEvent = (protyle: IProtyle, editorElement: HTMLElement) => {
                 });
             }
         }
+
         if (!targetElement) {
             return;
         }
@@ -1515,6 +1515,7 @@ export const dropEvent = (protyle: IProtyle, editorElement: HTMLElement) => {
                 }
                 return;
             }
+            // gallery
             if (targetElement.classList.contains("av__gallery-item")) {
                 const midLeft = nodeRect.left + nodeRect.width / 2;
                 if (event.clientX < midLeft && event.clientX > nodeRect.left - 13) {
@@ -1524,6 +1525,11 @@ export const dropEvent = (protyle: IProtyle, editorElement: HTMLElement) => {
                 }
                 return;
             }
+            if (targetElement.classList.contains("av__gallery-add")) {
+                targetElement.classList.add("dragover__left");
+                return;
+            }
+
             if (event.clientX < nodeRect.left + 32 && event.clientX >= nodeRect.left - 1 &&
                 !targetElement.classList.contains("av__row")) {
                 targetElement.classList.add("dragover__left");