Jayden/AFFiNE-Mirror
1
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-02-12 20:38:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor(editor): move file drop manager to components (#9264)

Browse Source
This commit is contained in:
Saul-Mirone
2024-12-24 02:20:03 +00:00
parent 74a168222c
commit b29cb5945a
16 changed files with 321 additions and 261 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
blocksuite/framework/block-std/src/event/control/pointer.ts
View File

@@ -272,6 +272,22 @@ class DragController extends PointerControllerBase {
);
};
private readonly _nativeDragOver = (event: DragEvent) => {
const dndEventState = new DndEventState({ event });
this._dispatcher.run(
'nativeDragOver',
this._createContext(event, dndEventState)
);
};
private readonly _nativeDragLeave = (event: DragEvent) => {
const dndEventState = new DndEventState({ event });
this._dispatcher.run(
'nativeDragLeave',
this._createContext(event, dndEventState)
);
};
private readonly _nativeDrop = (event: DragEvent) => {
this._reset();
this._nativeDragging = false;
@@ -354,6 +370,8 @@ class DragController extends PointerControllerBase {
disposables.addFromEvent(host, 'dragend', this._nativeDragEnd);
disposables.addFromEvent(host, 'drag', this._nativeDragMove);
disposables.addFromEvent(host, 'drop', this._nativeDrop);
disposables.addFromEvent(host, 'dragover', this._nativeDragOver);
disposables.addFromEvent(host, 'dragleave', this._nativeDragLeave);
}
}

14
blocksuite/framework/block-std/src/event/dispatcher.ts
View File

@@ -58,6 +58,8 @@ const eventNames = [
'nativeDragMove',
'nativeDragEnd',
'nativeDrop',
'nativeDragOver',
'nativeDragLeave',
...bypassEventNames,
] as const;
@@ -175,12 +177,22 @@ export class UIEventDispatcher extends LifeCycleWatcher {
this._setActive(false);
});
this.disposables.addFromEvent(this.host, 'dragover', () => {
_dragging = true;
this._setActive(true);
});
this.disposables.addFromEvent(this.host, 'dragenter', () => {
_dragging = true;
this._setActive(true);
});
this.disposables.addFromEvent(this.host, 'dragstart', () => {
_dragging = true;
this._setActive(true);
});
this.disposables.addFromEvent(this.host, 'dragend', () => {
this._setActive(false);
_dragging = false;
});
this.disposables.addFromEvent(this.host, 'drop', () => {
_dragging = false;
this._setActive(true);
});
this.disposables.addFromEvent(this.host, 'pointerenter', () => {