@aibee/crc-bmap 0.0.92 → 0.0.94

package/lib/bmap.esm.js

@@ -1,60 +1,13 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __pow = Math.pow;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-
 // src/bmap.ts
-import { EventDispatcher as EventDispatcher7 } from "three";
+import { EventDispatcher as EventDispatcher7, Vector3 as Vector314 } from "three";
 
 // src/utils/timer.ts
 var Timer = class {
-  constructor() {
-    __publicField(this, "tasks", {
-      requestAnimation: /* @__PURE__ */ new Set(),
-      timeout: /* @__PURE__ */ new Set(),
-      interval: /* @__PURE__ */ new Set()
-    });
-  }
+  tasks = {
+    requestAnimation: /* @__PURE__ */ new Set(),
+    timeout: /* @__PURE__ */ new Set(),
+    interval: /* @__PURE__ */ new Set()
+  };
   requestAnimationFrame(fn) {
     const timer = window.requestAnimationFrame(() => {
       this.tasks.requestAnimation.delete(timer);
@@ -187,7 +140,6 @@ function initDirectionalLight(color = 16777215, intensity = 1) {
 
 // src/utils/dispose.ts
 function dispose(o, recursive) {
-  var _a;
   if (recursive && o.children && o.children.length) {
     o.children.forEach((child) => {
       dispose(child, recursive);
@@ -208,7 +160,7 @@ function dispose(o, recursive) {
     }
   }
   if (o.isLight) {
-    (_a = o.dispose) == null ? void 0 : _a.call(o);
+    o.dispose?.();
   }
 }
 
@@ -476,6 +428,76 @@ function isControl(key) {
   return key === "Control";
 }
 
+// src/utils/events.ts
+var oncePrefix = "__once__";
+var Events = class {
+  events = /* @__PURE__ */ new Map();
+  on(type, callback) {
+    if (typeof callback !== "function")
+      return void 0;
+    const events = this.events.get(type);
+    if (events) {
+      return events.add(callback);
+    }
+    return this.events.set(type, /* @__PURE__ */ new Set([callback]));
+  }
+  once(type, callback) {
+    if (typeof callback !== "function")
+      return void 0;
+    const event = `${oncePrefix}${type}`;
+    const events = this.events.get(event);
+    if (events) {
+      return events.add(callback);
+    }
+    return this.events.set(event, /* @__PURE__ */ new Set([callback]));
+  }
+  off(type, callback) {
+    const events = this.events.get(type);
+    const onceEvents = this.events.get(`${oncePrefix}${type}`);
+    if (!events && !onceEvents) {
+      return;
+    }
+    if (callback === void 0) {
+      events?.clear();
+      onceEvents?.clear();
+    }
+    if (events?.has(callback)) {
+      events.delete(callback);
+    }
+    if (onceEvents?.has(callback)) {
+      onceEvents.delete(callback);
+    }
+  }
+  offAll() {
+    this.events.clear();
+  }
+  emit(type, ...args) {
+    const events = this.events.get(type);
+    const onceEvents = this.events.get(`${oncePrefix}${type}`);
+    if (!events && !onceEvents) {
+      return;
+    }
+    events?.forEach((fn) => {
+      if (typeof fn === "function") {
+        fn(...args);
+      }
+    });
+    onceEvents?.forEach((fn) => {
+      if (typeof fn === "function") {
+        fn(...args);
+      }
+    });
+    onceEvents?.clear();
+  }
+};
+
+// src/utils/event-name.ts
+var EventName = /* @__PURE__ */ ((EventName2) => {
+  EventName2["SWITCH_FLOOR_BEFORE"] = "switch_floor_before";
+  EventName2["SWITCH_FLOOR_AFTER"] = "switch_floor_after";
+  return EventName2;
+})(EventName || {});
+
 // src/context.ts
 import {
   EventDispatcher as EventDispatcher6,
@@ -548,15 +570,8 @@ var Graphic = class extends Object3D {
   constructor(context, options) {
     super();
     this.context = context;
-    __publicField(this, "geometry");
-    __publicField(this, "material");
-    __publicField(this, "mesh");
-    __publicField(this, "line");
-    __publicField(this, "lineMaterial");
-    __publicField(this, "lineGeometry");
-    __publicField(this, "options");
     this.options = proxyOptions(
-      __spreadValues(__spreadValues({}, defaultOptions), options),
+      { ...defaultOptions, ...options },
       this
     );
     if (this.options.geometry.type === "point") {
@@ -599,7 +614,6 @@ var Graphic = class extends Object3D {
       this.visible = value;
     });
     this.addEventListener("change-stroke", ({ value }) => {
-      var _a;
       if (value) {
         if (this.line) {
           return;
@@ -609,7 +623,7 @@ var Graphic = class extends Object3D {
         this.createBorder();
       } else if (this.line) {
         this.remove(this.line);
-        (_a = this.lineGeometry) == null ? void 0 : _a.dispose();
+        this.lineGeometry?.dispose();
       }
     });
     this.addEventListener("change-renderType", () => {
@@ -621,6 +635,13 @@ var Graphic = class extends Object3D {
       this.initMesh();
     });
   }
+  geometry;
+  material;
+  mesh;
+  line;
+  lineMaterial;
+  lineGeometry;
+  options;
   getCenter() {
     if (this.options.geometry.type === "point") {
       return this.position.clone();
@@ -821,9 +842,8 @@ var Graphic = class extends Object3D {
     return false;
   }
   dispose() {
-    var _a;
     this.geometry.dispose();
-    (_a = this.line) == null ? void 0 : _a.geometry.dispose();
+    this.line?.geometry.dispose();
     this.clear();
   }
 };
@@ -838,11 +858,11 @@ import {
   DoubleSide as DoubleSide2
 } from "three";
 var Shadow = class extends Object3D2 {
+  directionalLight;
+  plane;
+  basicOpacity = 0.07;
   constructor() {
     super();
-    __publicField(this, "directionalLight");
-    __publicField(this, "plane");
-    __publicField(this, "basicOpacity", 0.07);
     this.directionalLight = this.initLight();
     this.initPlane();
   }
@@ -914,22 +934,7 @@ var Overlay = class extends EventDispatcher {
   constructor(context, options = {}) {
     super();
     this.context = context;
-    __publicField(this, "div");
-    __publicField(this, "element");
-    __publicField(this, "position", new Vector34());
-    __publicField(this, "clientPos", { x: 0, y: 0 });
-    __publicField(this, "visible", true);
-    __publicField(this, "options");
-    __publicField(this, "placement", "top");
-    __publicField(this, "observer", null);
-    __publicField(this, "onUpdate", () => {
-      if (this.options.autoChangePlacement) {
-        this.usePlacement();
-      } else {
-        this.updatePosition();
-      }
-    });
-    this.options = __spreadValues(__spreadValues({}, defaultOptions2), options);
+    this.options = { ...defaultOptions2, ...options };
     this.registryEvent();
     this.div = this.initDiv();
     if (this.options.appendToBody) {
@@ -938,10 +943,20 @@ var Overlay = class extends EventDispatcher {
       this.context.container.appendChild(this.div);
     }
   }
+  div;
+  element;
+  position = new Vector34();
+  clientPos = { x: 0, y: 0 };
+  visible = true;
+  options;
+  placement = "top";
+  observer = null;
   initObserver() {
     const observer = new MutationObserver(
       debounce(() => {
-        this.usePlacement();
+        if (this.div) {
+          this.usePlacement();
+        }
       }, 100)
     );
     observer.observe(this.div, {
@@ -1166,6 +1181,13 @@ var Overlay = class extends EventDispatcher {
     }
     this._updatePosition(x, y);
   }
+  onUpdate = () => {
+    if (this.options.autoChangePlacement) {
+      this.usePlacement();
+    } else {
+      this.updatePosition();
+    }
+  };
   registryEvent() {
     this.context.addEventListener("update", this.onUpdate);
   }
@@ -1173,11 +1195,10 @@ var Overlay = class extends EventDispatcher {
     this.context.removeEventListener("update", this.onUpdate);
   }
   dispose() {
-    var _a, _b;
     this.unRegistryEvent();
     this.unBindElement();
-    (_a = this.observer) == null ? void 0 : _a.disconnect();
-    (_b = this.div) == null ? void 0 : _b.remove();
+    this.observer?.disconnect();
+    this.div?.remove();
     this.div = null;
   }
 };
@@ -1200,24 +1221,10 @@ var defaultOptions3 = {
 };
 var Poi = class extends EventDispatcher2 {
   constructor(context, options) {
-    var _a, _b, _c;
     super();
     this.context = context;
-    __publicField(this, "div");
-    __publicField(this, "textDiv");
-    __publicField(this, "img");
-    __publicField(this, "overlay");
-    __publicField(this, "options");
-    __publicField(this, "visible", true);
-    __publicField(this, "size", { width: 0, height: 0 });
-    __publicField(this, "position", new Vector35());
-    __publicField(this, "userData", {});
-    __publicField(this, "showTextStatus", true);
-    __publicField(this, "_changePosition", () => {
-      this.overlay.updatePosition(true);
-    });
-    this.options = proxyOptions(__spreadValues(__spreadValues({}, defaultOptions3), options), this);
-    this.position.set(((_a = options.position) == null ? void 0 : _a.x) || 0, ((_b = options.position) == null ? void 0 : _b.y) || 0, ((_c = options.position) == null ? void 0 : _c.z) || 0);
+    this.options = proxyOptions({ ...defaultOptions3, ...options }, this);
+    this.position.set(options.position?.x || 0, options.position?.y || 0, options.position?.z || 0);
     this.overlay = new Overlay(this.context, { autoUpdate: false });
     this.overlay.addEventListener("update-position", ({ x, y, height }) => {
       this.overlay.div.style.transform = `translate3d(calc(${x}px - 50%), calc(${-height + y}px - ${this.options.icon ? "100%" : "50%"}), 0)`;
@@ -1250,8 +1257,8 @@ var Poi = class extends EventDispatcher2 {
     });
     this.addEventListener("change-icon_size", ({ value }) => {
       if (this.img) {
-        this.img.style.width = `${(value == null ? void 0 : value[0]) || 32}px`;
-        this.img.style.height = `${(value == null ? void 0 : value[1]) || 32}px`;
+        this.img.style.width = `${value?.[0] || 32}px`;
+        this.img.style.height = `${value?.[1] || 32}px`;
         this.resetSize();
       }
     });
@@ -1269,29 +1276,37 @@ var Poi = class extends EventDispatcher2 {
       this.div.style.background = value;
     });
   }
+  div;
+  textDiv;
+  img;
+  overlay;
+  options;
+  visible = true;
+  size = { width: 0, height: 0 };
+  position = new Vector35();
+  userData = {};
+  showTextStatus = true;
   get withinDisplayRange() {
     return this.overlay.withinDisplayRange;
   }
-  resetSize() {
-    return __async(this, null, function* () {
-      yield sleepOnePromise();
-      if (this.options.box_only_icon) {
-        if (!this.img) {
-          return;
-        }
-        const { width, height } = this.img.getBoundingClientRect();
-        this.size = {
-          width: width + 2,
-          height: height + 2
-        };
-      } else {
-        const { width, height } = this.div.getBoundingClientRect();
-        this.size = {
-          width: width + 2,
-          height: height + 2
-        };
+  async resetSize() {
+    await sleepOnePromise();
+    if (this.options.box_only_icon) {
+      if (!this.img) {
+        return;
       }
-    });
+      const { width, height } = this.img.getBoundingClientRect();
+      this.size = {
+        width: width + 2,
+        height: height + 2
+      };
+    } else {
+      const { width, height } = this.div.getBoundingClientRect();
+      this.size = {
+        width: width + 2,
+        height: height + 2
+      };
+    }
   }
   renderHelperBox() {
   }
@@ -1371,11 +1386,10 @@ var Poi = class extends EventDispatcher2 {
     return f;
   }
   initIcon() {
-    var _a, _b;
     const img = document.createElement("img");
     img.setAttribute("src", this.options.icon);
-    img.style.width = `${((_a = this.options.icon_size) == null ? void 0 : _a[0]) || 32}px`;
-    img.style.height = `${((_b = this.options.icon_size) == null ? void 0 : _b[1]) || 32}px`;
+    img.style.width = `${this.options.icon_size?.[0] || 32}px`;
+    img.style.height = `${this.options.icon_size?.[1] || 32}px`;
     img.style.opacity = `${this.options.icon_opacity}px`;
     img.style.borderRadius = "50%";
     if (this.options.icon_border.width) {
@@ -1387,6 +1401,9 @@ var Poi = class extends EventDispatcher2 {
     this.img = img;
     return img;
   }
+  _changePosition = () => {
+    this.overlay.updatePosition(true);
+  };
   registryEvent() {
   }
   unRegistryEvent() {
@@ -1474,9 +1491,9 @@ var Layer = class extends Object3D5 {
 
 // src/layer/graphic-layer.ts
 var GraphicLayer = class extends Layer {
+  graphicMap = /* @__PURE__ */ new Map();
   constructor(context) {
     super(context);
-    __publicField(this, "graphicMap", /* @__PURE__ */ new Map());
   }
   getCenter() {
     const box = new Box33().setFromObject(this);
@@ -1535,16 +1552,11 @@ var GraphicLayer = class extends Layer {
 // src/layer/poi-layer.ts
 import { debounce as debounce2 } from "lodash";
 var PoiLayer = class extends Layer {
+  pois = [];
+  debounceCollisionDetection;
+  timer = new Timer();
   constructor(context) {
     super(context);
-    __publicField(this, "pois", []);
-    __publicField(this, "debounceCollisionDetection");
-    __publicField(this, "timer", new Timer());
-    __publicField(this, "onUpdate", () => {
-      this.timer.requestAnimationFrame(() => {
-        this.collisionDetection();
-      });
-    });
     this.registryEvent();
     this.debounceCollisionDetection = debounce2(this.collisionDetection, 10);
   }
@@ -1625,6 +1637,11 @@ var PoiLayer = class extends Layer {
     });
     return pois;
   }
+  onUpdate = () => {
+    this.timer.requestAnimationFrame(() => {
+      this.collisionDetection();
+    });
+  };
   /**
    * 碰撞检测
    */
@@ -1681,11 +1698,11 @@ var HeatmapElement = class extends Object3D6 {
   constructor(context) {
     super();
     this.context = context;
-    __publicField(this, "heatmap");
-    __publicField(this, "div");
-    __publicField(this, "plane");
     this.div = document.createElement("div");
   }
+  heatmap;
+  div;
+  plane;
   clearHeatmap() {
     if (this.div.firstChild) {
       this.div.removeChild(this.div.firstChild);
@@ -1695,11 +1712,12 @@ var HeatmapElement = class extends Object3D6 {
   loadData(data) {
     this.clearHeatmap();
     const { width, height, leftTop, center: center2 } = this.getBox(data);
-    this.heatmap = create(__spreadValues({
+    this.heatmap = create({
       width,
       height,
-      container: this.div
-    }, this.context.config.heatMap));
+      container: this.div,
+      ...this.context.config.heatMap
+    });
     this.heatmap.setData(this.transformData(data, leftTop));
     this.initPlane(width, height);
     this.position.set(center2[0], center2[1], this.position.z);
@@ -1767,26 +1785,23 @@ var Model = class extends Object3D7 {
     super();
     this.context = context;
     this.options = options;
-    __publicField(this, "poi", null);
-    __publicField(this, "model", null);
     this.position.copy(options.position || new Vector37(0, 0, 0));
     this.loadModel();
   }
-  loadModel() {
-    return __async(this, null, function* () {
-      const object = yield loadModel(this.options.modelUrl);
-      object.scene.rotation.set(Math.PI / 2, Math.PI / 2, 0);
-      this.add(object.scene);
-      this.model = object;
-      this.initPoi();
-    });
+  poi = null;
+  model = null;
+  async loadModel() {
+    const object = await loadModel(this.options.modelUrl);
+    object.scene.rotation.set(Math.PI / 2, Math.PI / 2, 0);
+    this.add(object.scene);
+    this.model = object;
+    this.initPoi();
   }
   initPoi() {
-    var _a;
     if (!this.options.icon) {
       return;
     }
-    const poi = (_a = this.context.currentFloor) == null ? void 0 : _a.addPoi({
+    const poi = this.context.currentFloor?.addPoi({
       icon: this.options.icon,
       icon_size: this.options.icon_size,
       built_in: true,
@@ -1798,11 +1813,10 @@ var Model = class extends Object3D7 {
     }
   }
   dispose() {
-    var _a;
     dispose(this);
     this.model = null;
     if (this.poi) {
-      (_a = this.context.currentFloor) == null ? void 0 : _a.poiLayer.removePoi(this.poi);
+      this.context.currentFloor?.poiLayer.removePoi(this.poi);
       this.poi = null;
     }
   }
@@ -1813,15 +1827,6 @@ var Floor = class extends Object3D8 {
   constructor(context) {
     super();
     this.context = context;
-    __publicField(this, "graphicLayer");
-    __publicField(this, "poiLayer");
-    __publicField(this, "grounds", /* @__PURE__ */ new Set());
-    __publicField(this, "shadow", new Shadow());
-    __publicField(this, "heatmap");
-    __publicField(this, "groundUpper", new Object3D8());
-    __publicField(this, "models", new Object3D8());
-    __publicField(this, "modelMap", /* @__PURE__ */ new Map());
-    __publicField(this, "groundMaxHeight", 0);
     this.graphicLayer = new GraphicLayer(this.context);
     this.poiLayer = new PoiLayer(this.context);
     this.groundUpper.add(this.graphicLayer);
@@ -1829,6 +1834,15 @@ var Floor = class extends Object3D8 {
     this.add(this.groundUpper);
     this.add(this.models);
   }
+  graphicLayer;
+  poiLayer;
+  grounds = /* @__PURE__ */ new Set();
+  shadow = new Shadow();
+  heatmap;
+  groundUpper = new Object3D8();
+  models = new Object3D8();
+  modelMap = /* @__PURE__ */ new Map();
+  groundMaxHeight = 0;
   getPosition() {
     const box = new Box35().setFromObject(this.groundUpper);
     return box.getCenter(new Vector38());
@@ -1902,12 +1916,11 @@ var Floor = class extends Object3D8 {
     this.shadow.visible = visible;
   }
   dispose() {
-    var _a;
     this.shadow.dispose();
     this.graphicLayer.dispose();
     this.poiLayer.dispose();
     this.grounds.forEach((ground) => ground.dispose());
-    (_a = this.heatmap) == null ? void 0 : _a.dispose();
+    this.heatmap?.dispose();
     this.groundUpper.clear();
     this.models.children.forEach((model) => model.dispose());
     this.models.clear();
@@ -1922,19 +1935,19 @@ var BaseSvg = class extends EventDispatcher3 {
   constructor(context) {
     super();
     this.context = context;
-    __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();
   }
+  points = [];
+  svg;
+  enable = true;
+  _onResize = ({ width, height }) => {
+    if (this.svg) {
+      this.svg.setAttribute("width", `${width}`);
+      this.svg.setAttribute("height", `${height}`);
+    }
+  };
   _registryEvent() {
     this.context.addEventListener("resize", this._onResize);
   }
@@ -1975,48 +1988,6 @@ var SvgLine = class extends BaseSvg {
   constructor(context) {
     super(context);
     this.context = context;
-    __publicField(this, "circles");
-    __publicField(this, "line");
-    __publicField(this, "onUpdate", () => {
-      if (this.points[0]) {
-        const point1 = this.getSvgCoordinate(this.points[0]);
-        setCirclePosition(this.circles[0], point1.x, point1.y);
-        setLineStartEnd(this.line, point1);
-      }
-      if (this.points[1]) {
-        const point22 = this.getSvgCoordinate(this.points[1]);
-        setCirclePosition(this.circles[1], point22.x, point22.y);
-        setLineStartEnd(this.line, void 0, point22);
-      }
-    });
-    __publicField(this, "onPointermove", (e) => {
-      if (this.points.length !== 1) {
-        return;
-      }
-      this.line.style.display = "block";
-      setLineStartEnd(this.line, void 0, { x: e.offsetX, y: e.offsetY });
-    });
-    __publicField(this, "onPointerleave", () => {
-      if (this.points[1]) {
-        return;
-      }
-      this.line.style.display = "none";
-    });
-    __publicField(this, "onPointerdown", (e) => {
-      if (this.points[1]) {
-        return;
-      }
-      const point3 = this.getIntersectByPointerEvent(e);
-      if (point3) {
-        const { offsetX: x, offsetY: y } = e;
-        const circle = this.circles[this.points.length];
-        setCirclePosition(circle, x, y);
-        if (!this.points.length) {
-          setLineStartEnd(this.line, { x, y }, { x, y });
-        }
-        this.addPoint(point3);
-      }
-    });
     const { config: { svg: { circle, line } } } = context;
     this.circles = [createCircle(circle.radius, circle.fill), createCircle(circle.radius, circle.fill)];
     this.line = createLine(line.stroke);
@@ -2025,6 +1996,8 @@ var SvgLine = class extends BaseSvg {
     this.svg.appendChild(this.line);
     this.registryEvent();
   }
+  circles;
+  line;
   setEnable(enable) {
     super.setEnable(enable);
     if (enable) {
@@ -2047,6 +2020,46 @@ var SvgLine = class extends BaseSvg {
     this.context.container.removeEventListener("pointerdown", this.onPointerdown);
     this.context.removeEventListener("update", this.onUpdate);
   }
+  onUpdate = () => {
+    if (this.points[0]) {
+      const point1 = this.getSvgCoordinate(this.points[0]);
+      setCirclePosition(this.circles[0], point1.x, point1.y);
+      setLineStartEnd(this.line, point1);
+    }
+    if (this.points[1]) {
+      const point22 = this.getSvgCoordinate(this.points[1]);
+      setCirclePosition(this.circles[1], point22.x, point22.y);
+      setLineStartEnd(this.line, void 0, point22);
+    }
+  };
+  onPointermove = (e) => {
+    if (this.points.length !== 1) {
+      return;
+    }
+    this.line.style.display = "block";
+    setLineStartEnd(this.line, void 0, { x: e.offsetX, y: e.offsetY });
+  };
+  onPointerleave = () => {
+    if (this.points[1]) {
+      return;
+    }
+    this.line.style.display = "none";
+  };
+  onPointerdown = (e) => {
+    if (this.points[1]) {
+      return;
+    }
+    const point3 = this.getIntersectByPointerEvent(e);
+    if (point3) {
+      const { offsetX: x, offsetY: y } = e;
+      const circle = this.circles[this.points.length];
+      setCirclePosition(circle, x, y);
+      if (!this.points.length) {
+        setLineStartEnd(this.line, { x, y }, { x, y });
+      }
+      this.addPoint(point3);
+    }
+  };
   addPoint(vector) {
     this.points.push(vector);
     if (this.points.length >= 2) {
@@ -2059,7 +2072,7 @@ var SvgLine = class extends BaseSvg {
    */
   calculatedDistance() {
     const [{ x: x1, y: y1 }, { x: x2, y: y2 }] = this.points;
-    return Math.sqrt(__pow(x2 - x1, 2) + __pow(y2 - y1, 2));
+    return Math.sqrt((x2 - x1) ** 2 + (y2 - y1) ** 2);
   }
   dispose() {
     super.dispose();
@@ -2071,69 +2084,11 @@ var SvgLine = class extends BaseSvg {
 
 // src/elements/svg-polygon.ts
 var SvgPolygon = class extends BaseSvg {
+  circles = [];
+  lines = [];
+  isClose = false;
   constructor(context) {
     super(context);
-    __publicField(this, "circles", []);
-    __publicField(this, "lines", []);
-    __publicField(this, "isClose", false);
-    __publicField(this, "onUpdate", () => {
-      if (this.points.length) {
-        this.points.forEach((point3, index) => {
-          const devicePoint = this.getSvgCoordinate(point3);
-          if (this.circles[index]) {
-            setCirclePosition(this.circles[index], devicePoint.x, devicePoint.y);
-          }
-          if (index !== 0) {
-            setLineStartEnd(this.lines[index - 1], void 0, devicePoint);
-          }
-          if (this.lines[index]) {
-            setLineStartEnd(this.lines[index], devicePoint);
-          }
-        });
-      }
-    });
-    __publicField(this, "onPointermove", (e) => {
-      if (!this.lastLine || this.isClose) {
-        return;
-      }
-      this.lastLine.style.display = "block";
-      setLineStartEnd(this.lastLine, void 0, { x: e.offsetX, y: e.offsetY });
-    });
-    __publicField(this, "onPointerleave", () => {
-      if (this.isClose) {
-        return;
-      }
-      this.lastLine.style.display = "none";
-    });
-    __publicField(this, "onPointerdown", (e) => {
-      if (this.isClose) {
-        return;
-      }
-      const point3 = this.getIntersectByPointerEvent(e);
-      if (point3) {
-        const { offsetX: x, offsetY: y } = e;
-        if (this.checkAdsorb(x, y)) {
-          this.isClose = true;
-          this.addPoint(this.points[0]);
-        } else {
-          this.addPoint(point3);
-        }
-        const { circle: { fill, radius }, line: { stroke } } = this.context.config.svg;
-        if (!this.isClose) {
-          const circle = createCircle(radius, fill);
-          setCirclePosition(circle, x, y);
-          this.addCircle(circle);
-        }
-        if (this.lines.length) {
-          setLineStartEnd(this.lastLine, void 0, { x, y });
-        }
-        if (!this.isClose) {
-          const line = createLine(stroke);
-          setLineStartEnd(line, { x, y }, { x, y });
-          this.addLine(line);
-        }
-      }
-    });
     this.registryEvent();
   }
   setEnable(enable) {
@@ -2169,6 +2124,64 @@ var SvgPolygon = class extends BaseSvg {
     this.context.container.removeEventListener("pointerdown", this.onPointerdown);
     this.context.removeEventListener("update", this.onUpdate);
   }
+  onUpdate = () => {
+    if (this.points.length) {
+      this.points.forEach((point3, index) => {
+        const devicePoint = this.getSvgCoordinate(point3);
+        if (this.circles[index]) {
+          setCirclePosition(this.circles[index], devicePoint.x, devicePoint.y);
+        }
+        if (index !== 0) {
+          setLineStartEnd(this.lines[index - 1], void 0, devicePoint);
+        }
+        if (this.lines[index]) {
+          setLineStartEnd(this.lines[index], devicePoint);
+        }
+      });
+    }
+  };
+  onPointermove = (e) => {
+    if (!this.lastLine || this.isClose) {
+      return;
+    }
+    this.lastLine.style.display = "block";
+    setLineStartEnd(this.lastLine, void 0, { x: e.offsetX, y: e.offsetY });
+  };
+  onPointerleave = () => {
+    if (this.isClose) {
+      return;
+    }
+    this.lastLine.style.display = "none";
+  };
+  onPointerdown = (e) => {
+    if (this.isClose) {
+      return;
+    }
+    const point3 = this.getIntersectByPointerEvent(e);
+    if (point3) {
+      const { offsetX: x, offsetY: y } = e;
+      if (this.checkAdsorb(x, y)) {
+        this.isClose = true;
+        this.addPoint(this.points[0]);
+      } else {
+        this.addPoint(point3);
+      }
+      const { circle: { fill, radius }, line: { stroke } } = this.context.config.svg;
+      if (!this.isClose) {
+        const circle = createCircle(radius, fill);
+        setCirclePosition(circle, x, y);
+        this.addCircle(circle);
+      }
+      if (this.lines.length) {
+        setLineStartEnd(this.lastLine, void 0, { x, y });
+      }
+      if (!this.isClose) {
+        const line = createLine(stroke);
+        setLineStartEnd(line, { x, y }, { x, y });
+        this.addLine(line);
+      }
+    }
+  };
   /**
    * 检测是否可以吸附
    * 坐标点最少3个  传入的坐标点和第一个坐标的像素相差不超过5个像素
@@ -2180,7 +2193,7 @@ var SvgPolygon = class extends BaseSvg {
     const circle = this.circles[0];
     const cx = +circle.getAttribute("cx");
     const cy = +circle.getAttribute("cy");
-    return Math.sqrt(__pow(x - cx, 2) + __pow(y - cy, 2)) <= 5;
+    return Math.sqrt((x - cx) ** 2 + (y - cy) ** 2) <= 5;
   }
   addPoint(vector) {
     this.points.push(vector);
@@ -2214,60 +2227,6 @@ var SelectBox = class extends BaseSvg {
   constructor(context) {
     super(context);
     this.context = context;
-    __publicField(this, "rect");
-    __publicField(this, "cornerRect", []);
-    // 四个角上的方块
-    __publicField(this, "centerRect", []);
-    // 四个线中间的方块
-    __publicField(this, "graphic");
-    __publicField(this, "onUpdate", () => {
-      if (!this.graphic) {
-        setRectPosition(this.rect, 0, 0, 0, 0);
-        for (let i = 0; i < this.cornerRect.length; i++) {
-          setRectPosition(this.cornerRect[i], 0, 0, 0, 0);
-          setRectPosition(this.centerRect[i], 0, 0, 0, 0);
-        }
-      } else {
-        const box = new Box36().setFromObject(this.graphic);
-        const { camera, container: { clientWidth: w, clientHeight: h } } = this.context;
-        const { min, max } = box;
-        const leftBottom = vector3ToDevice(min, camera, w, h);
-        const rightTop = vector3ToDevice(max, camera, w, h);
-        setRectPosition(this.rect, leftBottom.x, rightTop.y, Math.abs(rightTop.x - leftBottom.x), Math.abs(rightTop.y - leftBottom.y));
-        const { x: left, y: bottom } = leftBottom;
-        const { x: right, y: top } = rightTop;
-        const halfWidth = 5;
-        const corners = [
-          { x: left - halfWidth, y: top - halfWidth },
-          // 左上角
-          { x: right - halfWidth, y: top - halfWidth },
-          // 右上角
-          { x: left - halfWidth, y: bottom - halfWidth },
-          // 左下角
-          { x: right - halfWidth, y: bottom - halfWidth }
-          // 右下角  
-        ];
-        for (let i = 0; i < corners.length; i++) {
-          setRectPosition(this.cornerRect[i], corners[i].x, corners[i].y, halfWidth * 2, halfWidth * 2);
-        }
-        const centerHalfWidth = 4;
-        const centerX = (left + right) / 2;
-        const centerY = (bottom + top) / 2;
-        const centers = [
-          { x: centerX - centerHalfWidth, y: top - centerHalfWidth },
-          // 上
-          { x: left - centerHalfWidth, y: centerY - centerHalfWidth },
-          // 左
-          { x: right - centerHalfWidth, y: centerY - centerHalfWidth },
-          // 右
-          { x: centerX - centerHalfWidth, y: bottom - centerHalfWidth }
-          // 下
-        ];
-        for (let i = 0; i < centers.length; i++) {
-          setRectPosition(this.centerRect[i], centers[i].x, centers[i].y, centerHalfWidth * 2, centerHalfWidth * 2);
-        }
-      }
-    });
     const { config: { svg: { line } } } = context;
     this.rect = createRect(line.stroke, "transparent");
     this.svg.appendChild(this.rect);
@@ -2279,6 +2238,12 @@ var SelectBox = class extends BaseSvg {
     }
     this.registryEvent();
   }
+  rect;
+  cornerRect = [];
+  // 四个角上的方块
+  centerRect = [];
+  // 四个线中间的方块
+  graphic;
   setEnable(enable) {
     super.setEnable(enable);
     if (enable) {
@@ -2293,6 +2258,54 @@ var SelectBox = class extends BaseSvg {
   unRegistryEvent() {
     this.context.removeEventListener("update", this.onUpdate);
   }
+  onUpdate = () => {
+    if (!this.graphic) {
+      setRectPosition(this.rect, 0, 0, 0, 0);
+      for (let i = 0; i < this.cornerRect.length; i++) {
+        setRectPosition(this.cornerRect[i], 0, 0, 0, 0);
+        setRectPosition(this.centerRect[i], 0, 0, 0, 0);
+      }
+    } else {
+      const box = new Box36().setFromObject(this.graphic);
+      const { camera, container: { clientWidth: w, clientHeight: h } } = this.context;
+      const { min, max } = box;
+      const leftBottom = vector3ToDevice(min, camera, w, h);
+      const rightTop = vector3ToDevice(max, camera, w, h);
+      setRectPosition(this.rect, leftBottom.x, rightTop.y, Math.abs(rightTop.x - leftBottom.x), Math.abs(rightTop.y - leftBottom.y));
+      const { x: left, y: bottom } = leftBottom;
+      const { x: right, y: top } = rightTop;
+      const halfWidth = 5;
+      const corners = [
+        { x: left - halfWidth, y: top - halfWidth },
+        // 左上角
+        { x: right - halfWidth, y: top - halfWidth },
+        // 右上角
+        { x: left - halfWidth, y: bottom - halfWidth },
+        // 左下角
+        { x: right - halfWidth, y: bottom - halfWidth }
+        // 右下角  
+      ];
+      for (let i = 0; i < corners.length; i++) {
+        setRectPosition(this.cornerRect[i], corners[i].x, corners[i].y, halfWidth * 2, halfWidth * 2);
+      }
+      const centerHalfWidth = 4;
+      const centerX = (left + right) / 2;
+      const centerY = (bottom + top) / 2;
+      const centers = [
+        { x: centerX - centerHalfWidth, y: top - centerHalfWidth },
+        // 上
+        { x: left - centerHalfWidth, y: centerY - centerHalfWidth },
+        // 左
+        { x: right - centerHalfWidth, y: centerY - centerHalfWidth },
+        // 右
+        { x: centerX - centerHalfWidth, y: bottom - centerHalfWidth }
+        // 下
+      ];
+      for (let i = 0; i < centers.length; i++) {
+        setRectPosition(this.centerRect[i], centers[i].x, centers[i].y, centerHalfWidth * 2, centerHalfWidth * 2);
+      }
+    }
+  };
   selectGraphic(graphic) {
     this.graphic = graphic;
   }
@@ -2308,57 +2321,12 @@ var SelectBox = class extends BaseSvg {
 // src/operations/selection/box-selection.ts
 import { Frustum } from "three";
 var BoxSelection = class extends BaseSvg {
+  startPoint;
+  endPoint;
+  rect;
+  frustum = new Frustum();
   constructor(context) {
     super(context);
-    __publicField(this, "startPoint");
-    __publicField(this, "endPoint");
-    __publicField(this, "rect");
-    __publicField(this, "frustum", new Frustum());
-    __publicField(this, "onPointerDown", (e) => {
-      if (!this.enable) {
-        return;
-      }
-      const point3 = this.getIntersectByPointerEvent(e);
-      if (point3) {
-        this.startPoint = point3;
-      }
-      this.endPoint = void 0;
-    });
-    __publicField(this, "onPointerMove", (e) => {
-      if (!this.enable || !this.startPoint) {
-        return;
-      }
-      const point3 = this.getIntersectByPointerEvent(e);
-      if (point3) {
-        this.endPoint = point3;
-      }
-    });
-    __publicField(this, "onPointerUp", (e) => {
-      if (!this.enable) {
-        return;
-      }
-      const point3 = this.getIntersectByPointerEvent(e);
-      if (point3) {
-        this.endPoint = point3;
-      }
-      this.doSelect();
-      this.startPoint = void 0;
-    });
-    __publicField(this, "onUpdate", () => {
-      if (this.startPoint) {
-        const startPoint = this.getSvgCoordinate(this.startPoint);
-        let endPoint = __spreadValues({}, startPoint);
-        if (this.endPoint) {
-          endPoint = this.getSvgCoordinate(this.endPoint);
-        }
-        const leftTop = { x: Math.min(startPoint.x, endPoint.x), y: Math.min(startPoint.y, endPoint.y) };
-        const width = Math.abs(endPoint.x - startPoint.x);
-        const height = Math.abs(endPoint.y - startPoint.y);
-        setRectPosition(this.rect, leftTop.x, leftTop.y, width, height);
-      } else {
-        setRectPosition(this.rect, 0, 0, 0, 0);
-      }
-    });
     const { config: { selectBox: { fill, stroke } } } = context;
     this.rect = createRect(stroke, fill);
     this.svg.appendChild(this.rect);
@@ -2374,6 +2342,51 @@ var BoxSelection = class extends BaseSvg {
       this.unRegistryEvent();
     }
   }
+  onPointerDown = (e) => {
+    if (!this.enable) {
+      return;
+    }
+    const point3 = this.getIntersectByPointerEvent(e);
+    if (point3) {
+      this.startPoint = point3;
+    }
+    this.endPoint = void 0;
+  };
+  onPointerMove = (e) => {
+    if (!this.enable || !this.startPoint) {
+      return;
+    }
+    const point3 = this.getIntersectByPointerEvent(e);
+    if (point3) {
+      this.endPoint = point3;
+    }
+  };
+  onPointerUp = (e) => {
+    if (!this.enable) {
+      return;
+    }
+    const point3 = this.getIntersectByPointerEvent(e);
+    if (point3) {
+      this.endPoint = point3;
+    }
+    this.doSelect();
+    this.startPoint = void 0;
+  };
+  onUpdate = () => {
+    if (this.startPoint) {
+      const startPoint = this.getSvgCoordinate(this.startPoint);
+      let endPoint = { ...startPoint };
+      if (this.endPoint) {
+        endPoint = this.getSvgCoordinate(this.endPoint);
+      }
+      const leftTop = { x: Math.min(startPoint.x, endPoint.x), y: Math.min(startPoint.y, endPoint.y) };
+      const width = Math.abs(endPoint.x - startPoint.x);
+      const height = Math.abs(endPoint.y - startPoint.y);
+      setRectPosition(this.rect, leftTop.x, leftTop.y, width, height);
+    } else {
+      setRectPosition(this.rect, 0, 0, 0, 0);
+    }
+  };
   registryEvent() {
     this.context.container.addEventListener("pointerdown", this.onPointerDown);
     this.context.container.addEventListener("pointermove", this.onPointerMove);
@@ -2402,11 +2415,10 @@ var BoxSelection = class extends BaseSvg {
     }
   }
   searchMapInFrustum(leftTop, rightBottom) {
-    var _a;
     const { context } = this;
-    return ((_a = context.currentFloor) == null ? void 0 : _a.graphicLayer.children.filter((item) => {
+    return context.currentFloor?.graphicLayer.children.filter((item) => {
       return item instanceof Graphic && this.searchChildInFrustum(item, leftTop, rightBottom);
-    })) || [];
+    }) || [];
   }
   searchChildInFrustum(object, leftTop, rightBottom) {
     const { context: { camera, container: { clientWidth: w, clientHeight: h } } } = this;
@@ -2448,68 +2460,16 @@ var Selection = class extends EventDispatcher4 {
   constructor(context) {
     super();
     this.context = context;
-    __publicField(this, "_list", /* @__PURE__ */ new Set());
-    __publicField(this, "boxSelection");
-    __publicField(this, "prevPanStatus");
-    __publicField(this, "prevRotateStatus");
-    __publicField(this, "downPoint", null);
-    __publicField(this, "isMultipleSelect", false);
-    __publicField(this, "onPointerDown", (e) => {
-      this.downPoint = { x: e.offsetX, y: e.offsetY };
-    });
-    __publicField(this, "onPointerUp", (e) => {
-      if (!this.downPoint) {
-        return;
-      }
-      const { offsetX, offsetY } = e;
-      const { x, y } = this.downPoint;
-      if (Math.sqrt(__pow(x - offsetX, 2) + __pow(y - offsetY, 2)) > 3) {
-        return;
-      }
-      const { graphics } = this.context.getGraphicsByDeviceXy(offsetX, offsetY);
-      const graphicIdSet = new Set(graphics.map((item) => item.options.id));
-      const pois = this.context.getPoisByDeviceXy(offsetX, offsetY);
-      pois.forEach((item) => {
-        var _a;
-        if (!graphicIdSet.has(item.options.id)) {
-          const graphic = ((_a = this.context.currentFloor) == null ? void 0 : _a.graphicLayer.graphicMap.get(item.options.id)) || null;
-          if (graphic && graphic.options.geometry.type === "point") {
-            graphics.push(graphic);
-            graphicIdSet.add(item.options.id);
-          }
-        }
-      });
-      if (!(isMac ? e.metaKey : e.ctrlKey)) {
-        this._list.clear();
-      }
-      graphics.forEach((item) => this._list.add(item));
-      this.selectEnd();
-      this.downPoint = null;
-    });
-    __publicField(this, "onPointerOut", (e) => {
-      this.disableBoxSelection();
-    });
-    __publicField(this, "onKeyDown", (e) => {
-      if (isControl(e.key)) {
-        this.enableBoxSelection();
-      }
-    });
-    __publicField(this, "onKeyUp", (e) => {
-      if (isControl(e.key)) {
-        this.disableBoxSelection();
-      }
-    });
-    __publicField(this, "onBoxSelected", ({ list }) => {
-      this._list.clear();
-      list.forEach((item) => {
-        this._list.add(item);
-      });
-      this.selectEnd();
-    });
     this.boxSelection = new BoxSelection(context);
     this.boxSelection.setEnable(false);
     this.registryEvent();
   }
+  _list = /* @__PURE__ */ new Set();
+  boxSelection;
+  prevPanStatus;
+  prevRotateStatus;
+  downPoint = null;
+  isMultipleSelect = false;
   get list() {
     return this._list;
   }
@@ -2532,6 +2492,57 @@ var Selection = class extends EventDispatcher4 {
       this.context.control.enableRotate = !!this.prevRotateStatus;
     }
   }
+  onPointerDown = (e) => {
+    this.downPoint = { x: e.offsetX, y: e.offsetY };
+  };
+  onPointerUp = (e) => {
+    if (!this.downPoint) {
+      return;
+    }
+    const { offsetX, offsetY } = e;
+    const { x, y } = this.downPoint;
+    if (Math.sqrt((x - offsetX) ** 2 + (y - offsetY) ** 2) > 3) {
+      return;
+    }
+    const { graphics } = this.context.getGraphicsByDeviceXy(offsetX, offsetY);
+    const graphicIdSet = new Set(graphics.map((item) => item.options.id));
+    const pois = this.context.getPoisByDeviceXy(offsetX, offsetY);
+    pois.forEach((item) => {
+      if (!graphicIdSet.has(item.options.id)) {
+        const graphic = this.context.currentFloor?.graphicLayer.graphicMap.get(item.options.id) || null;
+        if (graphic && graphic.options.geometry.type === "point") {
+          graphics.push(graphic);
+          graphicIdSet.add(item.options.id);
+        }
+      }
+    });
+    if (!(isMac ? e.metaKey : e.ctrlKey)) {
+      this._list.clear();
+    }
+    graphics.forEach((item) => this._list.add(item));
+    this.selectEnd();
+    this.downPoint = null;
+  };
+  onPointerOut = (e) => {
+    this.disableBoxSelection();
+  };
+  onKeyDown = (e) => {
+    if (isControl(e.key)) {
+      this.enableBoxSelection();
+    }
+  };
+  onKeyUp = (e) => {
+    if (isControl(e.key)) {
+      this.disableBoxSelection();
+    }
+  };
+  onBoxSelected = ({ list }) => {
+    this._list.clear();
+    list.forEach((item) => {
+      this._list.add(item);
+    });
+    this.selectEnd();
+  };
   selectEnd() {
     this.dispatchEvent({ type: "select", graphics: [...this._list], isMultipleSelect: this.isMultipleSelect });
   }
@@ -2570,75 +2581,72 @@ var HoverHelper = class extends EventDispatcher5 {
   constructor(context) {
     super();
     this.context = context;
-    __publicField(this, "curGraphics", /* @__PURE__ */ new Set());
-    __publicField(this, "timer", new Timer());
-    __publicField(this, "graphicTimerMap", /* @__PURE__ */ new Map());
-    __publicField(this, "onPointerMove", ({ graphics, pois, e }) => {
-      const poiGraphics = pois.map((item) => {
-        var _a;
-        return (_a = this.context.currentFloor) == null ? void 0 : _a.graphicLayer.graphicMap.get(item.options.id);
-      }).filter((graphic) => graphic && graphic.options.geometry.type === "point");
-      if (!graphics.length && !poiGraphics.length && this.curGraphics.size) {
-        this.curGraphics.clear();
-        this.handleHoverGraphicsChange();
+    this.registryEvent();
+  }
+  curGraphics = /* @__PURE__ */ new Set();
+  timer = new Timer();
+  graphicTimerMap = /* @__PURE__ */ new Map();
+  onPointerMove = ({ graphics, pois, e }) => {
+    const poiGraphics = pois.map((item) => this.context.currentFloor?.graphicLayer.graphicMap.get(item.options.id)).filter((graphic) => graphic && graphic.options.geometry.type === "point");
+    if (!graphics.length && !poiGraphics.length && this.curGraphics.size) {
+      this.curGraphics.clear();
+      this.handleHoverGraphicsChange();
+      return;
+    }
+    const { time } = this.context.config.hover;
+    const allGraphics = /* @__PURE__ */ new Set();
+    if (poiGraphics.length) {
+      let resGraphic;
+      let distance = 1e4;
+      poiGraphics.forEach((graphic) => {
+        const poi = pois.find((poi2) => poi2.options.id === graphic.options.id);
+        const { x, y } = poi.clientPos;
+        let curDistance = Math.sqrt((x - e.offsetX) ** 2 + (y - e.offsetY) ** 2);
+        if (curDistance < distance) {
+          distance = curDistance;
+          resGraphic = graphic;
+        }
+      });
+      allGraphics.add(resGraphic);
+    }
+    if (!allGraphics.size) {
+      graphics.forEach((graphic) => allGraphics.add(graphic));
+    }
+    allGraphics.forEach((graphic) => {
+      if (this.graphicTimerMap.get(graphic)) {
         return;
       }
-      const { time } = this.context.config.hover;
-      const allGraphics = /* @__PURE__ */ new Set();
-      if (poiGraphics.length) {
-        let resGraphic;
-        let distance = 1e4;
-        poiGraphics.forEach((graphic) => {
-          const poi = pois.find((poi2) => poi2.options.id === graphic.options.id);
-          const { x, y } = poi.clientPos;
-          let curDistance = Math.sqrt(__pow(x - e.offsetX, 2) + __pow(y - e.offsetY, 2));
-          if (curDistance < distance) {
-            distance = curDistance;
-            resGraphic = graphic;
-          }
-        });
-        allGraphics.add(resGraphic);
-      }
-      if (!allGraphics.size) {
-        graphics.forEach((graphic) => allGraphics.add(graphic));
+      if (this.curGraphics.has(graphic)) {
+        return;
       }
-      allGraphics.forEach((graphic) => {
-        if (this.graphicTimerMap.get(graphic)) {
-          return;
-        }
-        if (this.curGraphics.has(graphic)) {
-          return;
-        }
-        const timer = this.timer.setTimeout(() => {
-          this.curGraphics.add(graphic);
-          this.graphicTimerMap.delete(graphic);
-          this.timer.clearTimeout(timer);
-          this.handleHoverGraphicsChange();
-        }, time);
-        this.graphicTimerMap.set(graphic, timer);
-      });
-      this.graphicTimerMap.forEach((timer, graphic) => {
-        if (!allGraphics.has(graphic)) {
-          this.timer.clearTimeout(timer);
-          this.graphicTimerMap.delete(graphic);
-        }
-      });
-      const size = this.curGraphics.size;
-      this.curGraphics.forEach((graphic) => {
-        if (!allGraphics.has(graphic)) {
-          this.curGraphics.delete(graphic);
-        }
-      });
-      if (size !== this.curGraphics.size) {
+      const timer = this.timer.setTimeout(() => {
+        this.curGraphics.add(graphic);
+        this.graphicTimerMap.delete(graphic);
+        this.timer.clearTimeout(timer);
         this.handleHoverGraphicsChange();
+      }, time);
+      this.graphicTimerMap.set(graphic, timer);
+    });
+    this.graphicTimerMap.forEach((timer, graphic) => {
+      if (!allGraphics.has(graphic)) {
+        this.timer.clearTimeout(timer);
+        this.graphicTimerMap.delete(graphic);
       }
     });
-    __publicField(this, "onPointerLevel", () => {
-      this.curGraphics.clear();
-      this.handleHoverGraphicsChange();
+    const size = this.curGraphics.size;
+    this.curGraphics.forEach((graphic) => {
+      if (!allGraphics.has(graphic)) {
+        this.curGraphics.delete(graphic);
+      }
     });
-    this.registryEvent();
-  }
+    if (size !== this.curGraphics.size) {
+      this.handleHoverGraphicsChange();
+    }
+  };
+  onPointerLevel = () => {
+    this.curGraphics.clear();
+    this.handleHoverGraphicsChange();
+  };
   handleHoverGraphicsChange(graphics = this.curGraphics) {
     this.dispatchEvent({ type: "hover-change", graphics: Array.from(graphics) });
   }
@@ -2673,11 +2681,11 @@ function vectorToString(vector) {
 var MaterialFactory = class {
   constructor(context) {
     this.context = context;
-    __publicField(this, "lineMaterialMap", /* @__PURE__ */ new Map());
-    __publicField(this, "meshStandardMaterialMap", /* @__PURE__ */ new Map());
-    __publicField(this, "meshBasicMaterialMap", /* @__PURE__ */ new Map());
-    __publicField(this, "shaderMaterialMap", /* @__PURE__ */ new Map());
   }
+  lineMaterialMap = /* @__PURE__ */ new Map();
+  meshStandardMaterialMap = /* @__PURE__ */ new Map();
+  meshBasicMaterialMap = /* @__PURE__ */ new Map();
+  shaderMaterialMap = /* @__PURE__ */ new Map();
   generateLineMaterialKey({ color, opacity }) {
     return `${color}-${opacity}`;
   }
@@ -2836,17 +2844,15 @@ import { Box3 as Box37, Vector3 as Vector312 } from "three";
 var CameraBound = class {
   constructor(context) {
     this.context = context;
-    __publicField(this, "prevCamera", {
-      position: new Vector312(),
-      zoom: 1,
-      target: new Vector312()
-    });
-    __publicField(this, "enable", true);
-    __publicField(this, "onCameraChange", () => {
-    });
     this.registryEvent();
     this.changePrevCamera();
   }
+  prevCamera = {
+    position: new Vector312(),
+    zoom: 1,
+    target: new Vector312()
+  };
+  enable = true;
   setEnable(enable) {
     this.enable = enable;
     if (enable) {
@@ -2903,6 +2909,8 @@ var CameraBound = class {
     const [pt, pr, pb, pl] = this.context.config.cameraBound.padding;
     return left <= pl && width - right <= pr && top <= pt && height - bottom <= pb;
   }
+  onCameraChange = () => {
+  };
   dispose() {
     this.unRegistryEvent();
   }
@@ -2914,74 +2922,6 @@ var Context = class extends EventDispatcher6 {
     super();
     this.container = container;
     this.config = config;
-    __publicField(this, "scene", initScene());
-    __publicField(this, "renderer", initRenderer());
-    __publicField(this, "camera");
-    __publicField(this, "control");
-    __publicField(this, "lights", initLight());
-    // 管理任务，防止内存泄漏
-    __publicField(this, "timer", new Timer());
-    __publicField(this, "tweenGroup", new TweenGroup());
-    __publicField(this, "currentFloor");
-    __publicField(this, "selection");
-    __publicField(this, "hoverHelper");
-    __publicField(this, "basicRatio");
-    // zoom=1的时候，100M对应的像素个数
-    __publicField(this, "materialFactory");
-    __publicField(this, "cameraBound");
-    __publicField(this, "clientSize", {
-      width: 0,
-      height: 0,
-      x: 0,
-      y: 0
-    });
-    __publicField(this, "onWindowResize", () => {
-      const { container, camera, renderer } = this;
-      let { clientWidth: w, clientHeight: h } = container;
-      w = Math.max(1, w);
-      h = Math.max(1, h);
-      camera.left = -w / 2;
-      camera.right = w / 2;
-      camera.top = h / 2;
-      camera.bottom = -h / 2;
-      camera.updateProjectionMatrix();
-      renderer.setSize(w, h);
-      this.resizeClientSize();
-      this.dispatchEvent({ type: "resize", width: w, height: h });
-    });
-    __publicField(this, "onClick", (e) => {
-      const { graphics, position } = this.getGraphicsByDeviceXy(e.offsetX, e.offsetY);
-      if (graphics.length) {
-        this.dispatchEvent({
-          type: "graphic-click",
-          graphics,
-          position
-        });
-      }
-      const pois = this.getPoisByDeviceXy(e.offsetX, e.offsetY);
-      if (pois.length) {
-        this.dispatchEvent({ type: "poi-click", pois });
-      }
-    });
-    __publicField(this, "onPointerover", (e) => {
-      const { graphics, position } = this.getGraphicsByDeviceXy(e.offsetX, e.offsetY);
-      const pois = this.getPoisByDeviceXy(e.offsetX, e.offsetY);
-      this.dispatchEvent({ type: "pointer-over", e, graphics, pois, position });
-    });
-    __publicField(this, "onPointermove", (e) => {
-      const { graphics, position } = this.getGraphicsByDeviceXy(e.offsetX, e.offsetY);
-      const pois = this.getPoisByDeviceXy(e.offsetX, e.offsetY);
-      this.dispatchEvent({ type: "pointer-move", e, graphics, pois, position });
-    });
-    __publicField(this, "onPointerleave", () => {
-      this.dispatchEvent({ type: "pointer-level" });
-    });
-    __publicField(this, "onSelectionSelect", ({ graphics, isMultipleSelect }) => {
-      this.dispatchEvent({ type: "select-graphic", graphics, isMultipleSelect });
-    });
-    __publicField(this, "onHoverChange", ({ graphics }) => {
-      this.dispatchEvent({ type: "hover", graphics });
-    });
     this.container.style.position = "relative";
     this.container.style.overflow = "hidden";
     this.init();
@@ -2991,6 +2931,27 @@ var Context = class extends EventDispatcher6 {
     this.resizeClientSize();
     this.registryEvent();
   }
+  scene = initScene();
+  renderer = initRenderer();
+  camera;
+  control;
+  lights = initLight();
+  // 管理任务，防止内存泄漏
+  timer = new Timer();
+  tweenGroup = new TweenGroup();
+  currentFloor;
+  selection;
+  hoverHelper;
+  basicRatio;
+  // zoom=1的时候，100M对应的像素个数
+  materialFactory;
+  cameraBound;
+  clientSize = {
+    width: 0,
+    height: 0,
+    x: 0,
+    y: 0
+  };
   resizeClientSize() {
     const { x, y, width, height } = this.container.getBoundingClientRect();
     this.clientSize = {
@@ -3010,9 +2971,8 @@ var Context = class extends EventDispatcher6 {
     this.scene.add(this.lights);
     this.basicRatio = this.getRatio();
     this.control.addEventListener("change", () => {
-      var _a;
       const polarAngle = this.control.getPolarAngle();
-      (_a = this.currentFloor) == null ? void 0 : _a.setShadowOpacity(polarAngle / this.config.control.maxPolar);
+      this.currentFloor?.setShadowOpacity(polarAngle / this.config.control.maxPolar);
       this.dispatchEvent({ type: "change-ratio", px: (this.basicRatio || 0) * this.camera.zoom });
       this.dispatchEvent({ type: "control-change" });
     });
@@ -3025,7 +2985,7 @@ var Context = class extends EventDispatcher6 {
     const { clientWidth, clientHeight } = this.container;
     const device1 = vector3ToDevice(point1, this.camera, clientWidth, clientHeight);
     const device2 = vector3ToDevice(point22, this.camera, clientWidth, clientHeight);
-    return Math.ceil(Math.sqrt(__pow(device2.x - device1.x, 2) + __pow(device2.y - device1.y, 2)));
+    return Math.ceil(Math.sqrt((device2.x - device1.x) ** 2 + (device2.y - device1.y) ** 2));
   }
   changeAmbientLightColor(color) {
     this.lights.children.forEach((item) => {
@@ -3047,6 +3007,34 @@ var Context = class extends EventDispatcher6 {
       this.lights.position.y = position.y;
     }
   }
+  onWindowResize = () => {
+    const { container, camera, renderer } = this;
+    let { clientWidth: w, clientHeight: h } = container;
+    w = Math.max(1, w);
+    h = Math.max(1, h);
+    camera.left = -w / 2;
+    camera.right = w / 2;
+    camera.top = h / 2;
+    camera.bottom = -h / 2;
+    camera.updateProjectionMatrix();
+    renderer.setSize(w, h);
+    this.resizeClientSize();
+    this.dispatchEvent({ type: "resize", width: w, height: h });
+  };
+  onClick = (e) => {
+    const { graphics, position } = this.getGraphicsByDeviceXy(e.offsetX, e.offsetY);
+    if (graphics.length) {
+      this.dispatchEvent({
+        type: "graphic-click",
+        graphics,
+        position
+      });
+    }
+    const pois = this.getPoisByDeviceXy(e.offsetX, e.offsetY);
+    if (pois.length) {
+      this.dispatchEvent({ type: "poi-click", pois });
+    }
+  };
   /**
    * 获取屏幕坐标对应的graphic
    * @param x
@@ -3054,13 +3042,12 @@ var Context = class extends EventDispatcher6 {
    * @returns
    */
   getGraphicsByDeviceXy(x, y) {
-    var _a;
     const point3 = new Vector23();
     point3.x = x / this.clientSize.width * 2 - 1;
     point3.y = y / this.clientSize.height * -2 + 1;
     const raycaster = new Raycaster3();
     raycaster.setFromCamera(point3, this.camera);
-    const res = (_a = this.currentFloor) == null ? void 0 : _a.graphicLayer.getGraphicByRaycaster(raycaster);
+    const res = this.currentFloor?.graphicLayer.getGraphicByRaycaster(raycaster);
     return res || { graphics: [], position: null };
   }
   /**
@@ -3070,10 +3057,28 @@ var Context = class extends EventDispatcher6 {
    * @returns
    */
   getPoisByDeviceXy(x, y) {
-    var _a;
-    const pois = (_a = this.currentFloor) == null ? void 0 : _a.poiLayer.getPoiByDeviceXy(x, y);
+    const pois = this.currentFloor?.poiLayer.getPoiByDeviceXy(x, y);
     return pois || [];
   }
+  onPointerover = (e) => {
+    const { graphics, position } = this.getGraphicsByDeviceXy(e.offsetX, e.offsetY);
+    const pois = this.getPoisByDeviceXy(e.offsetX, e.offsetY);
+    this.dispatchEvent({ type: "pointer-over", e, graphics, pois, position });
+  };
+  onPointermove = (e) => {
+    const { graphics, position } = this.getGraphicsByDeviceXy(e.offsetX, e.offsetY);
+    const pois = this.getPoisByDeviceXy(e.offsetX, e.offsetY);
+    this.dispatchEvent({ type: "pointer-move", e, graphics, pois, position });
+  };
+  onPointerleave = () => {
+    this.dispatchEvent({ type: "pointer-level" });
+  };
+  onSelectionSelect = ({ graphics, isMultipleSelect }) => {
+    this.dispatchEvent({ type: "select-graphic", graphics, isMultipleSelect });
+  };
+  onHoverChange = ({ graphics }) => {
+    this.dispatchEvent({ type: "hover", graphics });
+  };
   registryEvent() {
     window.addEventListener("resize", this.onWindowResize);
     this.container.addEventListener("click", this.onClick);
@@ -3216,10 +3221,10 @@ var Context = class extends EventDispatcher6 {
     const boundingBox = new Box38().setFromObject(object);
     this.setPolarAngle(polar, 0);
     const { max, min } = boundingBox;
-    const leftTop = new Vector313(min.x, max.y, min.z);
-    const rightTop = new Vector313(max.x, max.y, min.z);
-    const rightBottom = new Vector313(max.x, min.y, max.z);
-    const leftBottom = new Vector313(min.x, min.y, max.z);
+    const leftTop = new Vector313(min.x, max.y, max.z);
+    const rightTop = new Vector313(max.x, max.y, max.z);
+    const rightBottom = new Vector313(max.x, min.y, min.z);
+    const leftBottom = new Vector313(min.x, min.y, min.z);
     const leftTop2d = vector3ToDevice(leftTop, this.camera, width, height);
     const rightTop2d = vector3ToDevice(rightTop, this.camera, width, height);
     const leftBottom2d = vector3ToDevice(leftBottom, this.camera, width, height);
@@ -3234,7 +3239,7 @@ var Context = class extends EventDispatcher6 {
     const xScale = (width - right - left) / size.x;
     const yScale = (height - top - bottom) / size.y;
     const scale = Math.min(xScale, yScale);
-    const center2 = new Vector313((max.x + min.x) / 2, (max.y + min.y) / 2, 0);
+    const center2 = new Vector313((max.x + min.x) / 2, (max.y + min.y) / 2, (max.z + min.z) / 2);
     return { zoom: scale * this.camera.zoom, center: center2 };
   }
   /**
@@ -3321,7 +3326,8 @@ var defaultConfig = {
   apiInfo: {},
   apiPath: {
     floorGraphic: "/api/inception-map/floor/get",
-    floorRange: "/api/inception-map/range/get"
+    floorRange: "/api/inception-map/range/get",
+    equipmentList: "/api/inception-map/equipment/get"
   },
   resizeObserver: false,
   initTransToMark: false,
@@ -3388,6 +3394,118 @@ function getConfig(config) {
 
 // src/bmap.ts
 import { debounce as debounce3 } from "lodash";
+
+// src/plugins/base.ts
+var Plugin = class {
+  bmap;
+  constructor(bmap) {
+    this.bmap = bmap;
+  }
+  dispose() {
+  }
+};
+
+// src/plugins/equipment/equipment.ts
+var Equipment = class extends Plugin {
+  equipmentList = [];
+  equipmentMap = /* @__PURE__ */ new Map();
+  constructor(bmap) {
+    super(bmap);
+    this.fetchEquipment();
+    this.bmap.event.on("switch_floor_after" /* SWITCH_FLOOR_AFTER */, this.onSwitchFloor);
+  }
+  async fetchEquipment() {
+    const {
+      apiDomain,
+      apiPath: { equipmentList },
+      apiInfo
+    } = this.bmap.config;
+    const url = `${apiDomain}${equipmentList}`;
+    await fetch(url, apiInfo).then((res) => res.json()).then((res) => res.data).then((res) => {
+      this.equipmentList = res;
+      this.equipmentMap = new Map(
+        res.map((item) => [item.equipment_id, item])
+      );
+    });
+    if (this.bmap.context.currentFloor) {
+      this.changeGraphicToEquipment(
+        this.bmap.context.currentFloor.graphicLayer.children
+      );
+    }
+  }
+  onSwitchFloor = (floor) => {
+    if (!this.equipmentList.length) {
+      return;
+    }
+    this.changeGraphicToEquipment(floor.graphics);
+  };
+  getGraphicEquipment(graphic) {
+    return graphic.userData.data.info.userData.equipment;
+  }
+  changeGraphicToEquipment(graphics) {
+    console.log(graphics);
+    graphics.filter((graphic) => {
+      const equipment = this.getGraphicEquipment(graphic);
+      return equipment && this.equipmentMap.has(equipment);
+    }).forEach((graphic) => {
+      const equipment = this.equipmentMap.get(
+        this.getGraphicEquipment(graphic)
+      );
+      const poi = this.bmap.createGraphicPoi(graphic, {
+        icon: equipment?.equipment_icon,
+        built_in: true,
+        icon_size: [14, 14]
+      });
+    });
+  }
+  dispose() {
+    this.bmap.event.off("switch_floor_after" /* SWITCH_FLOOR_AFTER */, this.onSwitchFloor);
+  }
+};
+
+// src/plugins/navigation/path.worker.ts
+var workerCode = `
+self.onmessage = (e) => {
+  console.log(e.data)
+  loadRoad("");
+  getPath("", "")
+}
+
+function loadRoad(project) { 
+  // \u8BF7\u6C42\u5168\u90E8\u697C\u5C42\u7684\u8DEF\u7F51
+  console.log(project)
+  self.postMessage("project")
+}
+
+function getPath(start, end) { 
+  // \u89C4\u5212\u8DEF\u7EBF
+  console.log(start, end)
+  self.postMessage("getPath")
+}
+`;
+var path_worker_default = workerCode;
+
+// src/plugins/navigation/navigation.ts
+var Navigation = class extends Plugin {
+  worker_url = window.URL.createObjectURL(new Blob([path_worker_default], { type: "text/javascript" }));
+  worker = new Worker(this.worker_url);
+  constructor(bmap) {
+    super(bmap);
+    console.log(this.worker);
+    this.worker.postMessage("initial");
+    this.worker.onmessage = (e) => {
+      console.log("onmessage", e.data);
+    };
+  }
+  fetchRoad() {
+  }
+  dispose() {
+    this.worker.terminate();
+    window.URL.revokeObjectURL(this.worker_url);
+  }
+};
+
+// src/bmap.ts
 var MapTypePolar = /* @__PURE__ */ ((MapTypePolar2) => {
   MapTypePolar2[MapTypePolar2["D2"] = 0] = "D2";
   MapTypePolar2[MapTypePolar2["D3"] = 1.1] = "D3";
@@ -3397,178 +3515,196 @@ var BMap = class extends EventDispatcher7 {
   constructor(container, config = {}) {
     super();
     this.container = container;
-    __publicField(this, "config");
-    __publicField(this, "context");
-    __publicField(this, "polarKeys", []);
-    __publicField(this, "azimuthalKeys", []);
-    __publicField(this, "svgLine");
-    __publicField(this, "svgPolygon");
-    __publicField(this, "basicZoom", 1);
-    __publicField(this, "prevCameraZoom", 1);
-    __publicField(this, "type", "2d");
-    __publicField(this, "floorDataMap", /* @__PURE__ */ new Map());
-    __publicField(this, "buildingGroundMap", /* @__PURE__ */ new Map());
-    __publicField(this, "currentBuildGround", null);
-    __publicField(this, "observe", null);
-    __publicField(this, "onControlChange", () => {
-      const { camera: { zoom } } = this.context;
-      if (zoom !== this.prevCameraZoom) {
-        this.dispatchEvent({
-          type: "zoom-change",
-          basicZoom: this.basicZoom,
-          cameraZoom: this.context.camera.zoom
-        });
-        this.prevCameraZoom = zoom;
-      }
-    });
-    __publicField(this, "onKeydown", (e) => {
-      if (this.polarKeys.includes(e.code)) {
-        this.context.control.maxPolarAngle = this.config.control.maxPolar;
-        this.context.control.minPolarAngle = 0;
-      }
-      if (this.azimuthalKeys.includes(e.code)) {
-        this.context.control.maxAzimuthAngle = Infinity;
-        this.context.control.minAzimuthAngle = Infinity;
-      }
-    });
-    __publicField(this, "onKeyUp", (e) => {
-      if (this.polarKeys.includes(e.code)) {
-        const polar = this.context.control.getPolarAngle();
-        this.context.control.maxPolarAngle = polar;
-        this.context.control.minPolarAngle = polar;
-      }
-      if (this.azimuthalKeys.includes(e.code)) {
-        const azimuthal = this.context.control.getAzimuthalAngle();
-        this.context.control.maxAzimuthAngle = azimuthal;
-        this.context.control.minAzimuthAngle = azimuthal;
-      }
-    });
-    __publicField(this, "resize", () => {
-      this.context.cameraBound.setEnable(false);
-      this.context.onWindowResize();
-      const azimuthal = this.context.control.getAzimuthalAngle();
-      const zoom = this.context.camera.zoom;
-      this.context.control.minZoom = 0;
-      this.context.control.maxZoom = Infinity;
-      this.context.camera.zoom = 1;
-      this.context.setAzimuthalAngle(0, 0);
-      const basicZoom = this.context.getFitCameraToGroundZoom(void 0, 0);
-      this.basicZoom = basicZoom || 0;
-      this.context.control.minZoom = this.basicZoom;
-      this.context.control.maxZoom = this.basicZoom * 25;
-      this.context.camera.zoom = zoom;
-      this.context.control.addEventListener("change", this.onControlChange);
-      this.context.setAzimuthalAngle(azimuthal, 0);
-      this.context.cameraBound.setEnable(true);
-    });
     this.config = getConfig(config);
     this.context = new Context(container, this.config);
     this.registryEvent();
     this.context.render();
   }
-  loadGraphics(_0) {
-    return __async(this, arguments, function* ({ brand, project, phase, building, floor, ts, resource_type_list }) {
-      const { apiDomain, apiPath: { floorGraphic }, apiInfo } = this.config;
-      const url = `${apiDomain}${floorGraphic}?brand=${brand}&project=${project}&phase=${phase}&building=${building}&floor=${floor}&ts=${ts}&resource_type_list=${resource_type_list}`;
-      const data = yield fetch(url, apiInfo).then((res) => res.json()).then((res) => res.data).then((res) => {
-        (res || []).map((item) => item.info = JSON.parse(item.info));
-        return res || [];
-      });
-      return data;
+  config;
+  context;
+  polarKeys = [];
+  azimuthalKeys = [];
+  svgLine;
+  svgPolygon;
+  basicZoom = 1;
+  prevCameraZoom = 1;
+  type = "2d";
+  floorDataMap = /* @__PURE__ */ new Map();
+  buildingGroundMap = /* @__PURE__ */ new Map();
+  currentBuildGround = null;
+  observe = null;
+  event = new Events();
+  timer = new Timer();
+  plugins = [];
+  async loadGraphics({
+    brand,
+    project,
+    phase,
+    building,
+    floor,
+    ts,
+    resource_type_list
+  }) {
+    const {
+      apiDomain,
+      apiPath: { floorGraphic },
+      apiInfo
+    } = this.config;
+    const url = `${apiDomain}${floorGraphic}?brand=${brand}&project=${project}&phase=${phase}&building=${building}&floor=${floor}&ts=${ts}&resource_type_list=${resource_type_list}`;
+    const data = await fetch(url, apiInfo).then((res) => res.json()).then((res) => res.data).then((res) => {
+      (res || []).map((item) => item.info = JSON.parse(item.info));
+      return res || [];
     });
+    return data;
   }
-  getBuildingKey({ brand, project, phase, building }) {
+  getBuildingKey({
+    brand,
+    project,
+    phase,
+    building
+  }) {
     const key = `${brand}-${project}-${phase}-${building}`;
     return key;
   }
-  loadBuildingGround(_0) {
-    return __async(this, arguments, function* ({ brand, project, phase, building }) {
-      const key = this.getBuildingKey({ brand, project, phase, building });
-      if (this.buildingGroundMap.get(key)) {
-        return this.buildingGroundMap.get(key) || null;
+  async loadBuildingGround({
+    brand,
+    project,
+    phase,
+    building
+  }) {
+    const key = this.getBuildingKey({ brand, project, phase, building });
+    if (this.buildingGroundMap.get(key)) {
+      return this.buildingGroundMap.get(key) || null;
+    }
+    const {
+      apiDomain,
+      apiPath: { floorRange },
+      apiInfo
+    } = this.config;
+    const url = `${apiDomain}${floorRange}?brand=${brand}&project=${project}&phase=${phase}&building=${building}`;
+    const data = await fetch(url, apiInfo).then((res) => res.json()).then((res) => res.data).then((res) => {
+      const data2 = (res || [])[0];
+      if (data2) {
+        data2.info = JSON.parse(data2.info);
       }
-      const { apiDomain, apiPath: { floorRange }, apiInfo } = this.config;
-      const url = `${apiDomain}${floorRange}?brand=${brand}&project=${project}&phase=${phase}&building=${building}`;
-      const data = yield fetch(url, apiInfo).then((res) => res.json()).then((res) => res.data).then((res) => {
-        const data2 = (res || [])[0];
-        if (data2) {
-          data2.info = JSON.parse(data2.info);
-        }
-        return data2;
-      });
-      this.buildingGroundMap.set(key, data);
-      return data;
+      return data2;
     });
-  }
-  getFloorKey({ brand, project, phase, building, floor, ts, resource_type_list }) {
+    this.buildingGroundMap.set(key, data);
+    return data;
+  }
+  getFloorKey({
+    brand,
+    project,
+    phase,
+    building,
+    floor,
+    ts,
+    resource_type_list
+  }) {
     const floorKey = `${brand}-${project}-${phase}-${building}-${floor}-${ts}-${resource_type_list}`;
     return floorKey;
   }
-  load(_0) {
-    return __async(this, arguments, function* ({ brand, project, phase, building, floor, ts, resource_type_list }) {
-      const floorKey = this.getFloorKey({ brand, project, phase, building, floor, ts, resource_type_list });
-      if (this.floorDataMap.get(floorKey)) {
-        return;
-      }
-      const [data, buildGround] = yield Promise.all([
-        this.loadGraphics({ brand, project, phase, building, floor, ts, resource_type_list }),
-        this.loadBuildingGround({ brand, project, phase, building })
-      ]);
-      if (buildGround) {
-        const center2 = getCenter(buildGround.info.geometry.cds[0]);
-        data.forEach((item) => {
-          item.info.geometry.coords = JSON.parse(JSON.stringify(item.info.geometry.cds));
-          if (item.info.geometry.type === "polygon") {
-            item.info.geometry.coords.map((cds) => {
-              if (Array.isArray(cds)) {
-                cds.forEach((coord) => {
-                  coord[0] -= center2[0];
-                  coord[1] -= center2[1];
-                });
-              }
+  async load({
+    brand,
+    project,
+    phase,
+    building,
+    floor,
+    ts,
+    resource_type_list
+  }) {
+    const floorKey = this.getFloorKey({
+      brand,
+      project,
+      phase,
+      building,
+      floor,
+      ts,
+      resource_type_list
+    });
+    if (this.floorDataMap.get(floorKey)) {
+      return;
+    }
+    const [data, buildGround] = await Promise.all([
+      this.loadGraphics({
+        brand,
+        project,
+        phase,
+        building,
+        floor,
+        ts,
+        resource_type_list
+      }),
+      this.loadBuildingGround({ brand, project, phase, building })
+    ]);
+    const center2 = buildGround ? getCenter(
+      buildGround.info.geometry.cds[0]
+    ) : [0, 0];
+    data.forEach((item) => {
+      item.info.geometry.coords = JSON.parse(
+        JSON.stringify(item.info.geometry.cds)
+      );
+      if (item.info.geometry.type === "polygon") {
+        item.info.geometry.coords.map((cds) => {
+          if (Array.isArray(cds)) {
+            cds.forEach((coord) => {
+              coord[0] -= center2[0];
+              coord[1] -= center2[1];
             });
-          } else {
-            const [x, y] = item.info.geometry.cds;
-            item.info.geometry.coords = [x - center2[0], y - center2[1]];
           }
-          item.info.transformToBuildingGround = true;
         });
+      } else {
+        const [x, y] = item.info.geometry.cds;
+        item.info.geometry.coords = [x - center2[0], y - center2[1]];
       }
-      const { ground, markGraphic, graphic } = this.config;
-      for (let i = 0; i < data.length; i++) {
-        const item = data[i];
-        item.info.deltaHeight = 1e-5 * (i + 1);
-        if (item.info.group === "ground") {
-          item.info.fillColor = ground.color;
-          item.info.fillOpacity = ground.opacity;
-          item.info.height = ground.height;
-          item.info.stroke = ground.stroke;
-          item.info.strokeColor = ground.strokeColor;
-          item.info.strokeOpacity = ground.strokeOpacity;
-        } else if (item.info.userData.mark) {
+      item.info.transformToBuildingGround = !!buildGround;
+    });
+    const { ground, markGraphic, graphic } = this.config;
+    for (let i = 0; i < data.length; i++) {
+      const item = data[i];
+      item.info.deltaHeight = 1e-5 * (i + 1);
+      if (item.info.group === "ground") {
+        item.info.fillColor = ground.color;
+        item.info.fillOpacity = ground.opacity;
+        item.info.height = ground.height;
+        item.info.stroke = ground.stroke;
+        item.info.strokeColor = ground.strokeColor;
+        item.info.strokeOpacity = ground.strokeOpacity;
+      } else if (item.info.userData.mark) {
+        item.info.height = markGraphic.height;
+        item.info.fillColor = markGraphic.color;
+        item.info.fillOpacity = markGraphic.opacity;
+        item.info.stroke = markGraphic.stroke;
+        item.info.strokeColor = markGraphic.strokeColor;
+        item.info.strokeOpacity = markGraphic.strokeOpacity;
+      } else {
+        item.info.fillOpacity = graphic.fillOpacity;
+        if (this.config.initTransToMark) {
           item.info.height = markGraphic.height;
           item.info.fillColor = markGraphic.color;
-          item.info.fillOpacity = markGraphic.opacity;
           item.info.stroke = markGraphic.stroke;
           item.info.strokeColor = markGraphic.strokeColor;
           item.info.strokeOpacity = markGraphic.strokeOpacity;
-        } else {
-          item.info.fillOpacity = graphic.fillOpacity;
-          if (this.config.initTransToMark) {
-            item.info.height = markGraphic.height;
-            item.info.fillColor = markGraphic.color;
-            item.info.stroke = markGraphic.stroke;
-            item.info.strokeColor = markGraphic.strokeColor;
-            item.info.strokeOpacity = markGraphic.strokeOpacity;
-          }
         }
       }
-      if (!this.config.useFloorCache) {
-        this.floorDataMap.clear();
-      }
-      this.floorDataMap.set(floorKey, data);
-      return data;
-    });
+    }
+    if (!this.config.useFloorCache) {
+      this.floorDataMap.clear();
+    }
+    this.floorDataMap.set(floorKey, data);
+    return data;
+  }
+  loadEquipment() {
+    const equipment = new Equipment(this);
+    this.plugins.push(equipment);
+  }
+  use(plugin) {
+    plugin.bmap = this;
+    this.plugins.push(plugin);
+  }
+  loadNavigation() {
+    const navigation = new Navigation(this);
+    this.plugins.push(navigation);
   }
   createFloor(data) {
     const curFloor = new Floor(this.context);
@@ -3590,15 +3726,37 @@ var BMap = class extends EventDispatcher7 {
     curFloor.userData.legacyToGraphicMap = legacyToGraphicMap;
     return { curFloor, graphics };
   }
-  switchFloor({ brand, project, phase, building, floor, ts, resource_type_list }) {
-    const floorKey = this.getFloorKey({ brand, project, phase, building, floor, ts, resource_type_list });
+  switchFloor({
+    brand,
+    project,
+    phase,
+    building,
+    floor,
+    ts,
+    resource_type_list
+  }) {
+    const floorKey = this.getFloorKey({
+      brand,
+      project,
+      phase,
+      building,
+      floor,
+      ts,
+      resource_type_list
+    });
     const curFloorData = this.floorDataMap.get(floorKey);
     this.context.control.removeEventListener("change", this.onControlChange);
     if (curFloorData) {
-      const buildingKey = this.getBuildingKey({ brand, project, phase, building });
+      const buildingKey = this.getBuildingKey({
+        brand,
+        project,
+        phase,
+        building
+      });
       this.currentBuildGround = this.buildingGroundMap.get(buildingKey) || null;
       const createdFloor = this.createFloor(curFloorData);
       if (createdFloor) {
+        this.event.emit("switch_floor_before" /* SWITCH_FLOOR_BEFORE */, createdFloor);
         this.context.cameraBound.setEnable(false);
         this.context.switchFloor(createdFloor.curFloor);
         this.context.control.minZoom = 0;
@@ -3615,43 +3773,62 @@ var BMap = class extends EventDispatcher7 {
         }
         this.onControlChange();
         this.context.cameraBound.setEnable(true);
+        this.event.emit("switch_floor_after" /* SWITCH_FLOOR_AFTER */, createdFloor);
       } else {
         console.warn("[switchFloor error] [" + floor + "] \u697C\u5C42\u6CA1\u6709\u6570\u636E");
       }
     } else {
-      console.warn("[switchFloor error] \u6CA1\u6709\u8FD9\u4E2A\u697C\u5C42\uFF0C\u8BF7\u5148\u8C03\u7528load\u65B9\u6CD5\u52A0\u8F7D\u697C\u5C42");
+      console.warn(
+        "[switchFloor error] \u6CA1\u6709\u8FD9\u4E2A\u697C\u5C42\uFF0C\u8BF7\u5148\u8C03\u7528load\u65B9\u6CD5\u52A0\u8F7D\u697C\u5C42"
+      );
     }
   }
+  onControlChange = () => {
+    const {
+      camera: { zoom }
+    } = this.context;
+    if (zoom !== this.prevCameraZoom) {
+      this.dispatchEvent({
+        type: "zoom-change",
+        basicZoom: this.basicZoom,
+        cameraZoom: this.context.camera.zoom
+      });
+      this.prevCameraZoom = zoom;
+    }
+  };
   // 扶梯
   addModel(graphic, options) {
-    var _a;
     if (graphic.options.geometry.type === "polygon") {
-      const model = (_a = this.context.currentFloor) == null ? void 0 : _a.addModel(__spreadProps(__spreadValues({}, options), {
+      const model = this.context.currentFloor?.addModel({
+        ...options,
         position: graphic.getPosition().setZ(0.1),
         id: graphic.options.id
-      }));
+      });
       if (model) {
-        const { facilityAngle = 0, facilityXScale = 1, facilityYScale = 1 } = graphic.options.userData;
+        const {
+          facilityAngle = 0,
+          facilityXScale = 1,
+          facilityYScale = 1
+        } = graphic.options.userData;
         model.rotateZ((180 - facilityAngle) / 180 * Math.PI);
         model.scale.set(facilityXScale, facilityYScale, 1);
       }
     }
   }
   addHeatmap(data) {
-    var _a;
-    return (_a = this.context.currentFloor) == null ? void 0 : _a.addHeatmap(data);
+    return this.context.currentFloor?.addHeatmap(data);
   }
   getLegacyToGraphicMap() {
-    var _a;
-    return ((_a = this.context.currentFloor) == null ? void 0 : _a.userData.legacyToGraphicMap) || /* @__PURE__ */ new Map();
+    return this.context.currentFloor?.userData.legacyToGraphicMap || /* @__PURE__ */ new Map();
   }
   /**
    * 获取当前楼层全部的graphic
-   * @returns 
+   * @returns
    */
   getFloorAllGraphics() {
-    var _a;
-    return ((_a = this.context.currentFloor) == null ? void 0 : _a.graphicLayer.children.filter((item) => item instanceof Graphic)) || [];
+    return this.context.currentFloor?.graphicLayer.children.filter(
+      (item) => item instanceof Graphic
+    ) || [];
   }
   createGraphicPoi(graphic, options) {
     if (this.context.currentFloor) {
@@ -3659,16 +3836,16 @@ var BMap = class extends EventDispatcher7 {
         options.id = graphic.options.id;
       }
       const position = graphic.getCenter();
-      const poi = this.context.currentFloor.addPoi(__spreadProps(__spreadValues({}, options), {
-        position: __spreadProps(__spreadValues({}, position), { z: position.z + graphic.options.height / 2 })
-      }));
+      const poi = this.context.currentFloor.addPoi({
+        ...options,
+        position: { ...position, z: position.z + graphic.options.height / 2 }
+      });
       return poi;
     }
     return null;
   }
   removeHeatMap() {
-    var _a;
-    (_a = this.context.currentFloor) == null ? void 0 : _a.removeHeatMap();
+    this.context.currentFloor?.removeHeatMap();
   }
   /**
    * 移动相机位置让选中的元素居中显示
@@ -3684,14 +3861,26 @@ var BMap = class extends EventDispatcher7 {
    * @param ele { Graphic | Poi }
    * @param duration
    */
-  translateElementToCenterX(ele, duration = 500) {
-    return __async(this, null, function* () {
-      const { y, z } = this.context.control.target;
+  async translateElementToCenterX(ele, duration = 500) {
+    return timeoutPromise(new Promise((resolve) => {
+      const target = this.context.control.target.clone();
       const position = ele.getPosition();
-      position.setY(y);
-      position.setZ(z);
-      yield this.context.setCameraPosition(position, duration);
-    });
+      this.timer.requestAnimationFrame(() => {
+        const {
+          clientSize: { width, height },
+          camera
+        } = this.context;
+        console.log("width", width, height);
+        const device = vector3ToDevice(position, camera, width, height);
+        const offsetX = device.x - width / 2;
+        const v3 = new Vector314();
+        v3.setFromMatrixColumn(this.context.camera.matrix, 0);
+        v3.normalize();
+        v3.multiplyScalar(offsetX / this.context.camera.zoom);
+        target.add(v3);
+        this.context.setCameraPosition(target, duration).then(resolve);
+      });
+    }), duration + 500);
   }
   /**
    * 获取物体的屏幕坐标
@@ -3719,13 +3908,18 @@ var BMap = class extends EventDispatcher7 {
       return this.context.setPolarAngle(1.1 /* D3 */, duration);
     }
   }
-  resetView(duration = 300) {
-    return __async(this, null, function* () {
-      const time = duration / 3;
-      yield this.context.setAzimuthalAngle(this.config.control.defaultAzimuthal, time);
-      yield this.changeMapType(this.type, time);
-      yield this.context.fitCameraToGround(this.config.defaultPadding, time, false);
-    });
+  async resetView(duration = 300) {
+    const time = duration / 3;
+    await this.context.setAzimuthalAngle(
+      this.config.control.defaultAzimuthal,
+      time
+    );
+    await this.changeMapType(this.type, time);
+    await this.context.fitCameraToGround(
+      this.config.defaultPadding,
+      time,
+      false
+    );
   }
   /**
    * 缩小地图
@@ -3755,6 +3949,28 @@ var BMap = class extends EventDispatcher7 {
       duration
     );
   }
+  onKeydown = (e) => {
+    if (this.polarKeys.includes(e.code)) {
+      this.context.control.maxPolarAngle = this.config.control.maxPolar;
+      this.context.control.minPolarAngle = 0;
+    }
+    if (this.azimuthalKeys.includes(e.code)) {
+      this.context.control.maxAzimuthAngle = Infinity;
+      this.context.control.minAzimuthAngle = Infinity;
+    }
+  };
+  onKeyUp = (e) => {
+    if (this.polarKeys.includes(e.code)) {
+      const polar = this.context.control.getPolarAngle();
+      this.context.control.maxPolarAngle = polar;
+      this.context.control.minPolarAngle = polar;
+    }
+    if (this.azimuthalKeys.includes(e.code)) {
+      const azimuthal = this.context.control.getAzimuthalAngle();
+      this.context.control.maxAzimuthAngle = azimuthal;
+      this.context.control.minAzimuthAngle = azimuthal;
+    }
+  };
   registryEvent() {
     window.addEventListener("keydown", this.onKeydown);
     window.addEventListener("keyup", this.onKeyUp);
@@ -3765,10 +3981,9 @@ var BMap = class extends EventDispatcher7 {
     }
   }
   unRegistryEvent() {
-    var _a;
     window.removeEventListener("keydown", this.onKeydown);
     window.removeEventListener("keyup", this.onKeyUp);
-    (_a = this.observe) == null ? void 0 : _a.disconnect();
+    this.observe?.disconnect();
     this.observe = null;
   }
   /**
@@ -3789,23 +4004,21 @@ var BMap = class extends EventDispatcher7 {
   }
   /**
    * 测量距离
-   * @returns 
+   * @returns
    */
-  measureDistance() {
-    return __async(this, null, function* () {
-      this.cancelDistance();
-      return new Promise((resolve, reject) => {
-        this.changeMapType("2d", 0);
-        this.context.control.enableRotate = false;
-        this.svgLine = new SvgLine(this.context);
-        const dispose2 = this.svgLine.dispose.bind(this.svgLine);
-        this.svgLine.dispose = function() {
-          dispose2();
-          reject("cancel");
-        };
-        this.svgLine.addEventListener("distance", ({ distance }) => {
-          resolve(distance);
-        });
+  async measureDistance() {
+    this.cancelDistance();
+    return new Promise((resolve, reject) => {
+      this.changeMapType("2d", 0);
+      this.context.control.enableRotate = false;
+      this.svgLine = new SvgLine(this.context);
+      const dispose2 = this.svgLine.dispose.bind(this.svgLine);
+      this.svgLine.dispose = function() {
+        dispose2();
+        reject("cancel");
+      };
+      this.svgLine.addEventListener("distance", ({ distance }) => {
+        resolve(distance);
       });
     });
   }
@@ -3852,20 +4065,21 @@ var BMap = class extends EventDispatcher7 {
    * 根据nodeId 获取graphic
    */
   getGraphicByNodeId(nodeId) {
-    var _a;
-    return ((_a = this.context.currentFloor) == null ? void 0 : _a.graphicLayer.getGraphicByNodeId(nodeId)) || null;
+    return this.context.currentFloor?.graphicLayer.getGraphicByNodeId(nodeId) || null;
   }
   deleteGraphic(graphic) {
-    var _a;
-    (_a = this.context.currentFloor) == null ? void 0 : _a.graphicLayer.removeGraphic(graphic);
+    this.context.currentFloor?.graphicLayer.removeGraphic(graphic);
   }
   createGraphicByOptions(options) {
-    var _a;
     if (!options.transformToBuildingGround) {
       if (this.currentBuildGround) {
-        const center2 = getCenter(this.currentBuildGround.info.geometry.cds[0]);
+        const center2 = getCenter(
+          this.currentBuildGround.info.geometry.cds[0]
+        );
         if (options.geometry.type === "polygon") {
-          options.geometry.coords = JSON.parse(JSON.stringify(options.geometry.cds));
+          options.geometry.coords = JSON.parse(
+            JSON.stringify(options.geometry.cds)
+          );
           options.geometry.coords.map((cds) => {
             if (Array.isArray(cds)) {
               cds.forEach((coord) => {
@@ -3880,19 +4094,18 @@ var BMap = class extends EventDispatcher7 {
         }
       }
     }
-    return (_a = this.context.currentFloor) == null ? void 0 : _a.graphicLayer.createGraphic(options);
+    return this.context.currentFloor?.graphicLayer.createGraphic(options);
   }
   removePoiById(id) {
-    var _a;
-    return (_a = this.context.currentFloor) == null ? void 0 : _a.poiLayer.removePoiById(id);
+    return this.context.currentFloor?.poiLayer.removePoiById(id);
   }
   getPoiById(id) {
-    var _a;
-    return (_a = this.context.currentFloor) == null ? void 0 : _a.poiLayer.getPoiById(id);
+    return this.context.currentFloor?.poiLayer.getPoiById(id);
   }
   getPois() {
-    var _a;
-    return (((_a = this.context.currentFloor) == null ? void 0 : _a.poiLayer.pois) || []).filter((item) => !item.options.built_in);
+    return (this.context.currentFloor?.poiLayer.pois || []).filter(
+      (item) => !item.options.built_in
+    );
   }
   clearPoi() {
     if (this.context.currentFloor) {
@@ -3902,7 +4115,27 @@ var BMap = class extends EventDispatcher7 {
   removeSelectGraphic(graphic) {
     this.context.selection.remove(graphic);
   }
+  resize = () => {
+    this.context.cameraBound.setEnable(false);
+    this.context.onWindowResize();
+    const azimuthal = this.context.control.getAzimuthalAngle();
+    const zoom = this.context.camera.zoom;
+    this.context.control.minZoom = 0;
+    this.context.control.maxZoom = Infinity;
+    this.context.camera.zoom = 1;
+    this.context.setAzimuthalAngle(0, 0);
+    const basicZoom = this.context.getFitCameraToGroundZoom(void 0, 0);
+    this.basicZoom = basicZoom || 0;
+    this.context.control.minZoom = this.basicZoom;
+    this.context.control.maxZoom = this.basicZoom * 25;
+    this.context.camera.zoom = zoom;
+    this.context.control.addEventListener("change", this.onControlChange);
+    this.context.setAzimuthalAngle(azimuthal, 0);
+    this.context.cameraBound.setEnable(true);
+  };
   dispose() {
+    this.timer.dispose();
+    this.plugins.forEach((plugin) => plugin.dispose());
     this.context.dispose();
     this.floorDataMap.clear();
     this.buildingGroundMap.clear();
@@ -3916,6 +4149,9 @@ export {
   BMap,
   BaseSvg,
   Context,
+  Equipment,
+  EventName,
+  Events,
   Floor,
   Graphic,
   GraphicLayer,
@@ -3924,6 +4160,7 @@ export {
   Layer,
   MapTypePolar,
   Model,
+  Navigation,
   Overlay,
   Poi,
   PoiLayer,