feat(edgeless): support consistent dragging behavior

toeverything · Dec 8, 2023 · c3abd0d · c3abd0d
1 parent 82627a4
commit c3abd0d
Show file tree

Hide file tree

Showing 15 changed files with 510 additions and 168 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;
 };