feat(edgeless): support consistent dragging behavior

toeverything · Dec 8, 2023 · 73e2c03 · 73e2c03
1 parent 957031b
commit 73e2c03
Show file tree

Hide file tree

Showing 13 changed files with 504 additions and 160 deletions.
diff --git a/packages/blocks/src/_common/utils/query.ts b/packages/blocks/src/_common/utils/query.ts
@@ -425,6 +425,10 @@ function isEdgelessChildNote({ classList }: Element) {
   return classList.contains('edgeless-block-portal-note');
 }
 
+function isEdgelessChildImage({ classList }: Element) {
+  return classList.contains('edgeless-block-portal-image');
+}
+
 /**
  * Returns the closest block element by a point in the rect.
  *
@@ -717,6 +721,16 @@ export function getHoveringNote(point: Point) {
   );
 }
 
+/**
+ * Get hovering note with given a point in edgeless mode.
+ */
+export function getHoveringImage(point: Point) {
+  return (
+    document.elementsFromPoint(point.x, point.y).find(isEdgelessChildImage) ||
+    null
+  );
+}
+
 /**
  * Gets the table of the database.
  */

diff --git a/packages/blocks/src/_common/widgets/drag-handle/config.ts b/packages/blocks/src/_common/widgets/drag-handle/config.ts
@@ -39,7 +39,15 @@ export type DragHandleOption = {
   ) => boolean;
   onDragEnd?: (
     state: PointerEventState,
-    draggingElements: BlockElement[]
+    {
+      draggingElements,
+      dropBlockId,
+      dropType,
+    }: {
+      draggingElements: BlockElement[];
+      dropBlockId: string;
+      dropType: DropType | null;
+    }
   ) => boolean;
 };