From 7a228b13e6d1137e29a24022e5b914c5813a7fd6 Mon Sep 17 00:00:00 2001
From: roymondchen <roymondchen@tencent.com>
Date: Mon, 6 Nov 2023 14:16:16 +0800
Subject: [PATCH] =?UTF-8?q?fix(stage):=20=E9=9A=90=E8=97=8F=E6=A0=87?=
 =?UTF-8?q?=E5=B0=BA=E5=90=8E=E5=86=8D=E6=98=BE=E7=A4=BA=E6=A0=87=E5=B0=BA?=
 =?UTF-8?q?=EF=BC=8C=E6=8B=96=E5=87=BA=E6=9D=A5=E7=9A=84=E7=BA=BF=E6=B2=A1?=
 =?UTF-8?q?=E6=9C=89=E5=90=B8=E9=99=84=E4=BD=9C=E7=94=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

fix #548
---
 packages/stage/src/Rule.ts | 19 ++++++++++++++-----
 1 file changed, 14 insertions(+), 5 deletions(-)

diff --git a/packages/stage/src/Rule.ts b/packages/stage/src/Rule.ts
index fd213cc6..ddf9dbf8 100644
--- a/packages/stage/src/Rule.ts
+++ b/packages/stage/src/Rule.ts
@@ -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', {