@tmagic/stage 1.3.0-beta.7 → 1.3.0

package/dist/tmagic-stage.umd.cjs

@@ -1788,8 +1788,6 @@
       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();
@@ -1876,16 +1874,26 @@
       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", {