@aibee/crc-bmap 0.0.53 → 0.0.55

package/lib/bmap.esm.js

@@ -1393,8 +1393,21 @@ var BaseSvg = class extends EventDispatcher3 {
     __publicField(this, "points", []);
     __publicField(this, "svg");
     __publicField(this, "enable", true);
+    __publicField(this, "_onResize", ({ width, height }) => {
+      if (this.svg) {
+        this.svg.setAttribute("width", `${width}`);
+        this.svg.setAttribute("height", `${height}`);
+      }
+    });
     this.svg = createSvg(`${context.container.clientWidth}`, `${context.container.clientHeight}`);
     context.container.appendChild(this.svg);
+    this._registryEvent();
+  }
+  _registryEvent() {
+    this.context.addEventListener("resize", this._onResize);
+  }
+  _unRegistryEvent() {
+    this.context.removeEventListener("resize", this._onResize);
   }
   setEnable(enable) {
     this.enable = enable;
@@ -1419,6 +1432,7 @@ var BaseSvg = class extends EventDispatcher3 {
     return coord;
   }
   dispose() {
+    this._unRegistryEvent();
     this.context.container.removeChild(this.svg);
     this.svg = null;
   }
@@ -2139,6 +2153,7 @@ var Context = class extends EventDispatcher6 {
     __publicField(this, "basicRatio");
     // zoom=1的时候，100M对应的像素个数
     __publicField(this, "materialFactory");
+    __publicField(this, "observe", null);
     __publicField(this, "clientSize", {
       width: 0,
       height: 0
@@ -2153,6 +2168,7 @@ var Context = class extends EventDispatcher6 {
       camera.updateProjectionMatrix();
       renderer.setSize(w, h);
       this.resizeClientSize(w, h);
+      this.dispatchEvent({ type: "resize", width: w, height: h });
     });
     __publicField(this, "onClick", (e) => {
       const { graphics, position } = this.getGraphicsByDeviceXy(e.offsetX, e.offsetY);
@@ -2283,8 +2299,14 @@ var Context = class extends EventDispatcher6 {
     this.container.addEventListener("pointerleave", this.onPointerleave);
     this.selection.addEventListener("select", this.onSelectionSelect);
     this.hoverHelper.addEventListener("hover-change", this.onHoverChange);
+    if (this.config.mutationObserver) {
+      const observe = new MutationObserver(this.onWindowResize);
+      observe.observe(this.container, { attributes: true, attributeFilter: ["style"] });
+      this.observe = observe;
+    }
   }
   unRegistryEvent() {
+    var _a;
     window.removeEventListener("resize", this.onWindowResize);
     this.container.removeEventListener("click", this.onClick);
     this.container.removeEventListener("pointerover", this.onPointerover);
@@ -2292,6 +2314,8 @@ var Context = class extends EventDispatcher6 {
     this.container.removeEventListener("pointerleave", this.onPointerleave);
     this.selection.removeEventListener("select", this.onSelectionSelect);
     this.hoverHelper.removeEventListener("hover-change", this.onHoverChange);
+    (_a = this.observe) == null ? void 0 : _a.disconnect();
+    this.observe = null;
   }
   /**
    * 设置纵向旋转角度
@@ -2501,6 +2525,7 @@ var defaultConfig = {
     floorGraphic: "/api/inception-map/floor/get",
     floorRange: "/api/inception-map/range/get"
   },
+  mutationObserver: false,
   heatMap: {
     radius: 50,
     gradient: {