JLNTV_IPD/tmagic-editor
4
0
Fork 0
mirror of https://github.com/Tencent/tmagic-editor.git synced 2025-04-06 03:57:56 +08:00
Code Issues Projects Releases Wiki Activity

fix(stage): 修复鼠标移出画布后，highlight没有清除

Browse Source
This commit is contained in:
roymondchen 2022-04-13 15:26:10 +08:00 committed by jia000
parent f7ba716fe9
commit 9cb821c491
2 changed files with 9 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
packages/stage/src/StageHighlight.ts
View File

@ -56,6 +56,7 @@ export default class StageHighlight extends EventEmitter {
*/
public clearHighlight(): void {
if (!this.moveable) return;
this.target = undefined;
this.moveable.target = null;
this.moveable.updateTarget();
}

8
packages/stage/src/StageMask.ts
View File

@ -106,6 +106,7 @@ export default class StageMask extends Rule {
this.wrapper.appendChild(this.content);
this.content.addEventListener('wheel', this.mouseWheelHandler);
this.content.addEventListener('mousemove', this.highlightHandler);
this.content.addEventListener('mouseleave', this.mouseLeaveHandler);
}
public setMode(mode: Mode) {
@ -141,6 +142,7 @@ export default class StageMask extends Rule {
this.fixScrollValue();
this.scroll();
this.core.dr.updateMoveable();
});
this.pageResizeObserver.observe(page);
@ -180,6 +182,8 @@ export default class StageMask extends Rule {
this.pageScrollParent = null;
this.pageResizeObserver?.disconnect();
this.wrapperResizeObserver?.disconnect();
this.content.removeEventListener('mouseleave', this.mouseLeaveHandler);
super.destroy();
}
@ -301,4 +305,8 @@ export default class StageMask extends Rule {
this.emit('scroll', event);
};
private mouseLeaveHandler = () => {
setTimeout(() => this.emit('clearHighlight'), throttleTime);
};
}