mirror/sunmao-ui
2
0
Fork 0
mirror of https://github.com/smartxworks/sunmao-ui.git synced 2024-11-27 08:39:59 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(editorMask): mask does'nt work because onHTMLElementsUpdated doesn't run in init

Browse Source
This commit is contained in:
Bowen Tan 2022-05-31 14:37:23 +08:00
parent 44044d2d8a
commit dde21fd556
1 changed files with 13 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
packages/editor/src/components/EditorMaskWrapper/EditorMaskManager.ts
View File

@ -54,6 +54,7 @@ export class EditorMaskManager {
this.observeIntersection();
this.observeResize();
this.refreshElementIdMap();
// listen to the DOM elements' mount and unmount events
// TODO: This is not very accurate, because sunmao runtime 'didDOMUpdate' hook is not accurate.
// We will refactor the 'didDOMUpdate' hook with components' life cycle in the future.
@ -73,7 +74,7 @@ export class EditorMaskManager {
this.refreshMaskPosition();
});
// listen mousePosition change to refreshHoverElement
// listen mousePosition change to refreshHoverElement
autorun(() => {
this.refreshHoverElement();
});
@ -125,14 +126,7 @@ export class EditorMaskManager {
private onHTMLElementsUpdated = () => {
this.observeIntersection();
this.observeResize();
// generate elementIdMap, this only aim to improving the performance of refreshHoverElement method
const elementIdMap = new Map<Element, string>();
this.eleMap.forEach((ele, id) => {
elementIdMap.set(ele, id);
});
this.elementIdMap = elementIdMap;
this.refreshElementIdMap();
this.refreshHoverElement();
this.refreshMaskPosition();
};
@ -156,6 +150,16 @@ export class EditorMaskManager {
};
}
private refreshElementIdMap() {
// generate elementIdMap, this only aim to improving the performance of refreshHoverElement method
const elementIdMap = new Map<Element, string>();
this.eleMap.forEach((ele, id) => {
elementIdMap.set(ele, id);
});
this.elementIdMap = elementIdMap;
}
private refreshHoverElement() {
const hoverElement = document.elementFromPoint(...this.mousePosition);
if (!hoverElement) return;