@aibee/crc-bmap 0.0.17 → 0.0.20

package/lib/bmap.esm.js

@@ -374,7 +374,7 @@ import {
   Vector3 as Vector38,
   Vector2 as Vector23,
   Raycaster as Raycaster3,
-  Box3 as Box35,
+  Box3 as Box36,
   Color as Color4,
   AmbientLight as AmbientLight2
 } from "three";
@@ -1435,6 +1435,103 @@ var SvgPolygon = class extends BaseSvg {
   }
 };
 
+// src/elements/select-box.ts
+import { Box3 as Box35 } from "three";
+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 Box35().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);
+    for (let i = 0; i < 4; i++) {
+      this.cornerRect[i] = createRect(line.stroke, "#ffffff");
+      this.centerRect[i] = createRect(line.stroke, "#ffffff");
+      this.svg.appendChild(this.cornerRect[i]);
+      this.svg.appendChild(this.centerRect[i]);
+    }
+    this.registryEvent();
+  }
+  setEnable(enable) {
+    super.setEnable(enable);
+    if (enable) {
+      this.registryEvent();
+    } else {
+      this.unRegistryEvent();
+    }
+  }
+  registryEvent() {
+    this.context.addEventListener("update", this.onUpdate);
+  }
+  unRegistryEvent() {
+    this.context.removeEventListener("update", this.onUpdate);
+  }
+  selectGraphic(graphic) {
+    this.graphic = graphic;
+  }
+  dispose() {
+    super.dispose();
+    this.unRegistryEvent();
+    this.rect = null;
+    this.cornerRect = [];
+    this.centerRect = [];
+  }
+};
+
 // src/operations/selection/box-selection.ts
 import { Frustum } from "three";
 var BoxSelection = class extends BaseSvg {
@@ -1921,7 +2018,7 @@ var Context = class extends EventDispatcher5 {
   fitCameraToObject(object, padding = [20, 20, 20, 20], duration = 500) {
     const [top, right, bottom, left] = padding;
     const { clientWidth, clientHeight } = this.container;
-    const boundingBox = new Box35().setFromObject(object);
+    const boundingBox = new Box36().setFromObject(object);
     const { max, min } = boundingBox;
     const max2d = vector3ToDevice(max, this.camera, clientWidth, clientHeight);
     const min2d = vector3ToDevice(min, this.camera, clientWidth, clientHeight);
@@ -2077,9 +2174,9 @@ var BMap = class extends EventDispatcher6 {
     this.context.render();
   }
   loadGraphics(_0) {
-    return __async(this, arguments, function* ({ brand, project, phase, building, floor, ts }) {
+    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=`;
+      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 || [];
@@ -2110,18 +2207,18 @@ var BMap = class extends EventDispatcher6 {
       return data;
     });
   }
-  getFloorKey({ brand, project, phase, building, floor, ts }) {
-    const floorKey = `${brand}-${project}-${phase}-${building}-${floor}-${ts}`;
+  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 }) {
-      const floorKey = this.getFloorKey({ brand, project, phase, building, floor, ts });
+    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 }),
+        this.loadGraphics({ brand, project, phase, building, floor, ts, resource_type_list }),
         this.loadBuildingGround({ brand, project, phase, building })
       ]);
       if (buildGround) {
@@ -2170,8 +2267,8 @@ var BMap = class extends EventDispatcher6 {
     return { curFloor, graphics };
   }
   switchFloor(_0) {
-    return __async(this, arguments, function* ({ brand, project, phase, building, floor, ts }) {
-      const floorKey = this.getFloorKey({ brand, project, phase, building, floor, ts });
+    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 });
       const curFloorData = this.floorDataMap.get(floorKey);
       if (curFloorData) {
         const buildingKey = this.getBuildingKey({ brand, project, phase, building });
@@ -2427,6 +2524,7 @@ export {
   Overlay,
   Poi,
   PoiLayer,
+  SelectBox,
   Selection,
   Shadow,
   SvgLine,