@aibee/crc-bmap 0.0.94 → 0.0.95

package/lib/bmap.esm.js

@@ -492,11 +492,16 @@ var Events = class {
 };
 
 // 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 || {});
+var HooksName = /* @__PURE__ */ ((HooksName2) => {
+  HooksName2["SWITCH_FLOOR_BEFORE"] = "switch_floor_before";
+  HooksName2["SWITCH_FLOOR_AFTER"] = "switch_floor_after";
+  return HooksName2;
+})(HooksName || {});
+
+// src/utils/obj-utils.ts
+function generatorKeyByObj(obj) {
+  return Object.keys(obj).sort().map((key) => `${key}=${obj[key]}`).join("&");
+}
 
 // src/context.ts
 import {
@@ -1286,10 +1291,14 @@ var Poi = class extends EventDispatcher2 {
   position = new Vector35();
   userData = {};
   showTextStatus = true;
+  disposed = false;
   get withinDisplayRange() {
     return this.overlay.withinDisplayRange;
   }
   async resetSize() {
+    if (this.disposed) {
+      return;
+    }
     await sleepOnePromise();
     if (this.options.box_only_icon) {
       if (!this.img) {
@@ -1467,6 +1476,7 @@ var Poi = class extends EventDispatcher2 {
     this.textDiv = null;
     this.img = void 0;
     this.overlay.dispose();
+    this.disposed = true;
   }
 };
 
@@ -1843,6 +1853,7 @@ var Floor = class extends Object3D8 {
   models = new Object3D8();
   modelMap = /* @__PURE__ */ new Map();
   groundMaxHeight = 0;
+  name = "";
   getPosition() {
     const box = new Box35().setFromObject(this.groundUpper);
     return box.getCenter(new Vector38());
@@ -3443,7 +3454,6 @@ var Equipment = class extends Plugin {
     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);
@@ -3463,47 +3473,42 @@ var Equipment = class extends Plugin {
   }
 };
 
-// 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")
+// src/api/floor.ts
+async function loadBuildingGround({ brand, project }, config) {
+  const {
+    apiDomain,
+    apiPath: { floorRange },
+    apiInfo
+  } = config;
+  const url = `${apiDomain}${floorRange}?brand=${brand}&project=${project}&phase=${project}&building=${project}`;
+  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);
+    }
+    return data2;
+  });
+  return data;
 }
-
-function getPath(start, end) { 
-  // \u89C4\u5212\u8DEF\u7EBF
-  console.log(start, end)
-  self.postMessage("getPath")
+async function loadGraphics({
+  brand,
+  project,
+  floor,
+  ts,
+  resource_type_list
+}, config) {
+  const {
+    apiDomain,
+    apiPath: { floorGraphic },
+    apiInfo
+  } = config;
+  const url = `${apiDomain}${floorGraphic}?brand=${brand}&project=${project}&phase=${project}&building=${project}&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;
 }
-`;
-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) => {
@@ -3539,107 +3544,66 @@ var BMap = class extends EventDispatcher7 {
   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 || [];
-    });
+    const data = await loadGraphics({
+      brand,
+      project,
+      floor,
+      ts,
+      resource_type_list
+    }, this.config);
     return data;
   }
-  getBuildingKey({
-    brand,
-    project,
-    phase,
-    building
-  }) {
-    const key = `${brand}-${project}-${phase}-${building}`;
-    return key;
-  }
   async loadBuildingGround({
     brand,
-    project,
-    phase,
-    building
+    project
   }) {
-    const key = this.getBuildingKey({ brand, project, phase, building });
+    const key = generatorKeyByObj({ brand, project });
     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);
-      }
-      return data2;
-    });
+    const data = await loadBuildingGround({ brand, project }, this.config);
     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;
-  }
   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 floorKey = generatorKeyByObj({ brand, project, floor, ts, resource_type_list });
+    if (this.floorDataMap.has(floorKey)) {
+      return this.floorDataMap.get(floorKey);
     }
     const [data, buildGround] = await Promise.all([
       this.loadGraphics({
         brand,
         project,
-        phase,
-        building,
         floor,
         ts,
         resource_type_list
       }),
-      this.loadBuildingGround({ brand, project, phase, building })
+      this.loadBuildingGround({ brand, project })
     ]);
     const center2 = buildGround ? getCenter(
       buildGround.info.geometry.cds[0]
     ) : [0, 0];
+    this.transformGraphicData(data, center2);
+    data.forEach((item) => {
+      item.info.transformToBuildingGround = !!buildGround;
+    });
+    if (!this.config.useFloorCache) {
+      this.floorDataMap.clear();
+    }
+    this.floorDataMap.set(floorKey, data);
+    return data;
+  }
+  transformGraphicData(data, center2) {
     data.forEach((item) => {
       item.info.geometry.coords = JSON.parse(
         JSON.stringify(item.info.geometry.cds)
@@ -3657,7 +3621,6 @@ var BMap = class extends EventDispatcher7 {
         const [x, y] = item.info.geometry.cds;
         item.info.geometry.coords = [x - center2[0], y - center2[1]];
       }
-      item.info.transformToBuildingGround = !!buildGround;
     });
     const { ground, markGraphic, graphic } = this.config;
     for (let i = 0; i < data.length; i++) {
@@ -3688,11 +3651,6 @@ var BMap = class extends EventDispatcher7 {
         }
       }
     }
-    if (!this.config.useFloorCache) {
-      this.floorDataMap.clear();
-    }
-    this.floorDataMap.set(floorKey, data);
-    return data;
   }
   loadEquipment() {
     const equipment = new Equipment(this);
@@ -3702,10 +3660,6 @@ var BMap = class extends EventDispatcher7 {
     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);
     if (!data.length) {
@@ -3726,20 +3680,19 @@ var BMap = class extends EventDispatcher7 {
     curFloor.userData.legacyToGraphicMap = legacyToGraphicMap;
     return { curFloor, graphics };
   }
+  triggerHooks(hooks, ...args) {
+    this.event.emit(hooks, ...args);
+  }
   switchFloor({
     brand,
     project,
-    phase,
-    building,
     floor,
     ts,
     resource_type_list
   }) {
-    const floorKey = this.getFloorKey({
+    const floorKey = generatorKeyByObj({
       brand,
       project,
-      phase,
-      building,
       floor,
       ts,
       resource_type_list
@@ -3747,33 +3700,14 @@ var BMap = class extends EventDispatcher7 {
     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 = generatorKeyByObj({ brand, project });
       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.triggerHooks("switch_floor_before" /* SWITCH_FLOOR_BEFORE */, createdFloor);
         this.context.switchFloor(createdFloor.curFloor);
-        this.context.control.minZoom = 0;
-        this.context.control.maxZoom = Infinity;
-        this.context.camera.zoom = 1;
-        this.context.setAzimuthalAngle(this.config.control.defaultAzimuthal, 0);
-        this.context.fitCameraToGround(void 0, 0);
-        this.basicZoom = this.context.camera.zoom;
-        this.context.control.minZoom = this.basicZoom;
-        this.context.control.maxZoom = this.basicZoom * 25;
-        this.context.control.addEventListener("change", this.onControlChange);
-        if (this.type === "3d") {
-          this.context.fitCameraToGround(this.config.defaultPadding, 0, false);
-        }
-        this.onControlChange();
-        this.context.cameraBound.setEnable(true);
-        this.event.emit("switch_floor_after" /* SWITCH_FLOOR_AFTER */, createdFloor);
+        this.initialFloorCamera();
+        this.triggerHooks("switch_floor_after" /* SWITCH_FLOOR_AFTER */, createdFloor);
       } else {
         console.warn("[switchFloor error] [" + floor + "] \u697C\u5C42\u6CA1\u6709\u6570\u636E");
       }
@@ -3783,6 +3717,24 @@ var BMap = class extends EventDispatcher7 {
       );
     }
   }
+  // 切换楼层后初始化相机
+  initialFloorCamera() {
+    this.context.cameraBound.setEnable(false);
+    this.context.control.minZoom = 0;
+    this.context.control.maxZoom = Infinity;
+    this.context.camera.zoom = 1;
+    this.context.setAzimuthalAngle(this.config.control.defaultAzimuthal, 0);
+    this.context.fitCameraToGround(void 0, 0);
+    this.basicZoom = this.context.camera.zoom;
+    this.context.control.minZoom = this.basicZoom;
+    this.context.control.maxZoom = this.basicZoom * 25;
+    this.context.control.addEventListener("change", this.onControlChange);
+    if (this.type === "3d") {
+      this.context.fitCameraToGround(this.config.defaultPadding, 0, false);
+    }
+    this.onControlChange();
+    this.context.cameraBound.setEnable(true);
+  }
   onControlChange = () => {
     const {
       camera: { zoom }
@@ -4145,17 +4097,145 @@ var BMap = class extends EventDispatcher7 {
     this.unRegistryEvent();
   }
 };
+
+// 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/plugins/split-load/split-load.ts
+var SplitLoad = class extends Plugin {
+  cacheData = /* @__PURE__ */ new Map();
+  async load(query) {
+    const cacheKey = generatorKeyByObj(query);
+    if (this.cacheData.has(cacheKey)) {
+      return this.cacheData.get(cacheKey);
+    }
+    console.time("floor/get\u8BF7\u6C42" + query.resource_type_list);
+    const data = await loadGraphics(query, this.bmap.config);
+    console.timeEnd("floor/get\u8BF7\u6C42" + query.resource_type_list);
+    this.bmap.transformGraphicData(data, [0, 0]);
+    data.forEach((item) => item.info.transformToBuildingGround = false);
+    this.cacheData.set(cacheKey, data);
+    return data;
+  }
+  isSameFloor(query) {
+    return this.bmap.context.currentFloor?.name === generatorKeyByObj(query);
+  }
+  switchFloorByData(data, query) {
+    if (!this.isSameFloor(query)) {
+      const floorName = generatorKeyByObj(query);
+      const { curFloor, graphics } = this.bmap.createFloor(data);
+      curFloor.name = floorName;
+      const graphicMap = /* @__PURE__ */ new Map();
+      data.forEach((graphicInfo) => {
+        graphicMap.set(graphicInfo.element_uuid, graphicInfo);
+      });
+      curFloor.userData.graphicMap = graphicMap;
+      this.bmap.triggerHooks("switch_floor_before" /* SWITCH_FLOOR_BEFORE */, { curFloor, graphics });
+      this.bmap.context.switchFloor(curFloor);
+      this.bmap.initialFloorCamera();
+      this.bmap.triggerHooks("switch_floor_after" /* SWITCH_FLOOR_AFTER */, { curFloor, graphics });
+    } else {
+      if (!data.length) {
+        return;
+      }
+      const curFloor = this.bmap.context.currentFloor;
+      const legacyToGraphicMap = curFloor.userData.legacyToGraphicMap;
+      const graphicMap = curFloor.userData.graphicMap;
+      const graphics = [];
+      for (const item of data) {
+        if (item.info.group === "ground") {
+          curFloor.createGround(item.info);
+        } else {
+          const graphic = curFloor.addGraphic(item.info);
+          graphic.userData.data = item;
+          legacyToGraphicMap.set(item.legacy_id, graphic);
+          graphics.push(graphic);
+        }
+        graphicMap.set(item.element_uuid, item);
+      }
+      this.bmap.triggerHooks("switch_floor_before" /* SWITCH_FLOOR_BEFORE */, { curFloor, graphics });
+      this.bmap.initialFloorCamera();
+      this.bmap.triggerHooks("switch_floor_after" /* SWITCH_FLOOR_AFTER */, { curFloor, graphics });
+    }
+  }
+  filterData(data, query) {
+    if (!this.isSameFloor(query)) {
+      return data;
+    }
+    const graphicMap = this.bmap.context.currentFloor.userData.graphicMap;
+    return data.filter((graphic) => !graphicMap.has(graphic.element_uuid));
+  }
+  async switchFloorByStoreData(query) {
+    const storeData = await this.load({ ...query, resource_type_list: "6" });
+    const filterData = this.filterData(storeData, query);
+    this.switchFloorByData(filterData, query);
+  }
+  async switchFloorByOtherData(query) {
+    const otherData = await this.load({
+      ...query,
+      resource_type_list: "1,2,3,4"
+    });
+    const filterData = this.filterData(otherData, query);
+    this.switchFloorByData(filterData, query);
+  }
+  async changeFloor(query) {
+    await Promise.all([
+      this.switchFloorByStoreData(query),
+      this.switchFloorByOtherData(query)
+    ]);
+    return Array.from(this.bmap.context.currentFloor.userData.graphicMap.values());
+  }
+};
 export {
   BMap,
   BaseSvg,
   Context,
   Equipment,
-  EventName,
   Events,
   Floor,
   Graphic,
   GraphicLayer,
   HeatmapElement,
+  HooksName,
   HoverHelper,
   Layer,
   MapTypePolar,
@@ -4167,6 +4247,7 @@ export {
   SelectBox,
   Selection,
   Shadow,
+  SplitLoad,
   SvgLine,
   SvgPolygon,
   Timer,
@@ -4183,6 +4264,7 @@ export {
   defaultConfig,
   dispose,
   disposeLoader,
+  generatorKeyByObj,
   getCenter,
   getConfig,
   getLongestSideDir,
@@ -4199,6 +4281,8 @@ export {
   isContain,
   isControl,
   isMac,
+  loadBuildingGround,
+  loadGraphics,
   loadModel,
   proxyOptions,
   setCirclePosition,