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): 隐藏标尺后再显示标尺，拖出来的线没有吸附作用

Browse Source 
fix #548
This commit is contained in:
roymondchen 2023-11-06 14:16:16 +08:00
parent 168ec281aa
commit 7a228b13e6
1 changed files with 14 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
packages/stage/src/Rule.ts
View File

@ -21,9 +21,6 @@ export default class Rule extends EventEmitter {
this.hGuides = this.createGuides(GuidesType.HORIZONTAL, this.horizontalGuidelines);
this.vGuides = this.createGuides(GuidesType.VERTICAL, this.verticalGuidelines);
this.hGuides.on('changeGuides', this.hGuidesChangeGuidesHandler);
this.vGuides.on('changeGuides', this.vGuidesChangeGuidesHandler);
this.containerResizeObserver = new ResizeObserver(() => {
this.vGuides.resize();
this.hGuides.resize();
@ -129,8 +126,8 @@ export default class Rule extends EventEmitter {
height: type === GuidesType.HORIZONTAL ? '30px' : '100%',
});
private createGuides = (type: GuidesType, defaultGuides: number[] = []): Guides =>
new Guides(this.container, {
private createGuides = (type: GuidesType, defaultGuides: number[] = []): Guides => {
const guides = new Guides(this.container, {
type,
defaultGuides,
displayDragPos: true,
@ -141,6 +138,18 @@ export default class Rule extends EventEmitter {
showGuides: this.isShowGuides,
});
const changEventHandler = {
[GuidesType.HORIZONTAL]: this.hGuidesChangeGuidesHandler,
[GuidesType.VERTICAL]: this.vGuidesChangeGuidesHandler,
}[type];
if (changEventHandler) {
guides.on('changeGuides', changEventHandler);
}
return guides;
};
private hGuidesChangeGuidesHandler = (e: GuidesEvents['changeGuides']) => {
this.horizontalGuidelines = e.guides;
this.emit('change-guides', {