@tmagic/stage 1.3.0-beta.7 → 1.3.0

package/dist/tmagic-stage.js

@@ -1791,8 +1791,6 @@ class Rule extends EventEmitter {
     this.container = container;
     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();
@@ -1879,16 +1877,26 @@ class Rule extends EventEmitter {
     width: type === GuidesType.HORIZONTAL ? "100%" : "30px",
     height: type === GuidesType.HORIZONTAL ? "30px" : "100%"
   });
-  createGuides = (type, defaultGuides = []) => new Guides(this.container, {
-    type,
-    defaultGuides,
-    displayDragPos: true,
-    backgroundColor: "#fff",
-    lineColor: "#000",
-    textColor: "#000",
-    style: this.getGuidesStyle(type),
-    showGuides: this.isShowGuides
-  });
+  createGuides = (type, defaultGuides = []) => {
+    const guides = new Guides(this.container, {
+      type,
+      defaultGuides,
+      displayDragPos: true,
+      backgroundColor: "#fff",
+      lineColor: "#000",
+      textColor: "#000",
+      style: this.getGuidesStyle(type),
+      showGuides: this.isShowGuides
+    });
+    const changEventHandler = {
+      [GuidesType.HORIZONTAL]: this.hGuidesChangeGuidesHandler,
+      [GuidesType.VERTICAL]: this.vGuidesChangeGuidesHandler
+    }[type];
+    if (changEventHandler) {
+      guides.on("changeGuides", changEventHandler);
+    }
+    return guides;
+  };
   hGuidesChangeGuidesHandler = (e) => {
     this.horizontalGuidelines = e.guides;
     this.emit("change-guides", {