luulam/AFFiNE
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

fix(plugin): use rxjs throttle

Browse Source
This commit is contained in:
austaras
2022-08-08 14:41:26 +08:00
committed by Austaras
parent 07e6e9fe98
commit fdeae3d432
1 changed files with 11 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
libs/components/editor-plugins/src/menu/left-menu/LeftMenuPlugin.tsx
View File

@@ -1,12 +1,15 @@
import { BlockDomInfo, HookType } from '@toeverything/framework/virgo'; import {
BlockDomInfo,
HookType,
BlockDropPlacement,
} from '@toeverything/framework/virgo';
import { StrictMode } from 'react'; import { StrictMode } from 'react';
import { BasePlugin } from '../../base-plugin'; import { BasePlugin } from '../../base-plugin';
import { ignoreBlockTypes } from './menu-config'; import { ignoreBlockTypes } from './menu-config';
import { LineInfoSubject, LeftMenuDraggable } from './LeftMenuDraggable'; import { LineInfoSubject, LeftMenuDraggable } from './LeftMenuDraggable';
import { PluginRenderRoot } from '../../utils'; import { PluginRenderRoot } from '../../utils';
import { Subject } from 'rxjs'; import { Subject, throttleTime } from 'rxjs';
import { domToRect, last, Point, throttle } from '@toeverything/utils'; import { domToRect, last, Point } from '@toeverything/utils';
import { BlockDropPlacement } from '@toeverything/framework/virgo';
const DRAG_THROTTLE_DELAY = 150; const DRAG_THROTTLE_DELAY = 150;
export class LeftMenuPlugin extends BasePlugin { export class LeftMenuPlugin extends BasePlugin {
private _mousedown?: boolean; private _mousedown?: boolean;
@@ -58,15 +61,10 @@ export class LeftMenuPlugin extends BasePlugin {
this.hooks.get(HookType.ON_ROOTNODE_DROP).subscribe(this._onDrop) this.hooks.get(HookType.ON_ROOTNODE_DROP).subscribe(this._onDrop)
); );
this.sub.add( this.sub.add(
this.hooks.get(HookType.ON_ROOTNODE_DRAG_OVER).subscribe( this.hooks
throttle( .get(HookType.ON_ROOTNODE_DRAG_OVER)
this._handleRootNodeDragover.bind(this), .pipe(throttleTime(DRAG_THROTTLE_DELAY))
DRAG_THROTTLE_DELAY, .subscribe(this._handleRootNodeDragover)
{
leading: true,
}
)
)
); );
} }