@aibee/crc-bmap 0.0.85 → 0.0.87

package/lib/bmap.esm.js

@@ -410,11 +410,20 @@ function addAlphaToHexColor(hexColor, alpha) {
   let newHexColor = `#${(1 << 24 | newR << 16 | newG << 8 | newB).toString(16).slice(1)}`;
   return newHexColor;
 }
-function darkenColor(hexColor) {
-  let r = parseInt(hexColor.substring(1, 3), 16);
-  let g = parseInt(hexColor.substring(3, 5), 16);
-  let b = parseInt(hexColor.substring(5, 7), 16);
-  const factor = 0.85;
+function darkenColor(hexColor, factor = 0.85) {
+  let r;
+  let g;
+  let b;
+  if (hexColor.startsWith("#")) {
+    r = parseInt(hexColor.substring(1, 3), 16);
+    g = parseInt(hexColor.substring(3, 5), 16);
+    b = parseInt(hexColor.substring(5, 7), 16);
+  } else {
+    let numbers = hexColor.slice(4, -1).split(",");
+    r = parseInt(numbers[0].trim());
+    g = parseInt(numbers[1].trim());
+    b = parseInt(numbers[2].trim());
+  }
   r = Math.floor(r * factor);
   g = Math.floor(g * factor);
   b = Math.floor(b * factor);
@@ -471,11 +480,11 @@ function isControl(key) {
 import {
   EventDispatcher as EventDispatcher6,
   Box2,
-  Vector3 as Vector312,
+  Vector3 as Vector313,
   Vector2 as Vector23,
   Raycaster as Raycaster3,
   Box3 as Box38,
-  Color as Color4,
+  Color as Color5,
   AmbientLight as AmbientLight2
 } from "three";
 import { Group as TweenGroup, Tween } from "@tweenjs/tween.js";
@@ -513,7 +522,7 @@ var defaultOptions = {
   strokeOpacity: 1,
   // 描边透明度
   strokeWidth: 1,
-  // 描边宽度 
+  // 描边宽度
   doors: [],
   // 门配置
   locked: false,
@@ -521,6 +530,7 @@ var defaultOptions = {
   geometry: {
     type: "polygon",
     cds: [],
+    coords: [],
     curveCpt: [],
     curveIndex: []
   },
@@ -528,7 +538,9 @@ var defaultOptions = {
   zIndex: 0,
   stroke: true,
   deltaHeight: 0,
-  userData: {}
+  userData: {},
+  gradualColor: [],
+  renderType: "single"
 };
 var Graphic = class extends Object3D {
   constructor(context, options) {
@@ -541,9 +553,12 @@ var Graphic = class extends Object3D {
     __publicField(this, "lineMaterial");
     __publicField(this, "lineGeometry");
     __publicField(this, "options");
-    this.options = proxyOptions(__spreadValues(__spreadValues({}, defaultOptions), options), this);
+    this.options = proxyOptions(
+      __spreadValues(__spreadValues({}, defaultOptions), options),
+      this
+    );
     if (this.options.geometry.type === "point") {
-      const [x, y] = this.options.geometry.cds;
+      const [x, y] = this.options.geometry.coords;
       this.position.set(x, y, this.options.height + this.options.airHeight);
       return this;
     }
@@ -595,6 +610,10 @@ var Graphic = class extends Object3D {
         (_a = this.lineGeometry) == null ? void 0 : _a.dispose();
       }
     });
+    this.addEventListener("change-renderType", () => {
+      this.initMaterial();
+      this.initMesh();
+    });
   }
   getCenter() {
     if (this.options.geometry.type === "point") {
@@ -634,8 +653,8 @@ var Graphic = class extends Object3D {
   }
   initGeometry() {
     const shape = initShape(
-      this.options.geometry.cds[0],
-      this.options.geometry.cds.slice(1)
+      this.options.geometry.coords[0],
+      this.options.geometry.coords.slice(1)
     );
     const geometry = new ExtrudeGeometry(shape, {
       steps: 1,
@@ -645,12 +664,12 @@ var Graphic = class extends Object3D {
     });
     return geometry;
   }
-  initMaterial() {
+  initSingleMaterial() {
     const material = this.context.materialFactory.createMeshBasicMaterial({
       color: this.options.fillColor,
       opacity: this.options.fillOpacity
     });
-    if (this.options.height <= 1e-3) {
+    if (this.options.height <= 0.1) {
       this.material = material;
       return material;
     }
@@ -661,6 +680,42 @@ var Graphic = class extends Object3D {
     this.material = [material, material1];
     return [material, material1];
   }
+  initGradualMaterial() {
+    const { max, min } = new Box3().setFromObject(this);
+    const _max = max.clone().sub(min);
+    const maxValue = Math.max(_max.x, _max.y, _max.z) / 2;
+    const material = this.context.materialFactory.createShaderMaterial({
+      gradualColor: this.options.gradualColor,
+      center: this.getPosition(),
+      maxValue,
+      opacity: this.options.fillOpacity,
+      direction: new Vector32(-1, -1, 0),
+      max,
+      min
+    });
+    if (this.options.height <= 0.1) {
+      this.material = material;
+      return material;
+    }
+    const material1 = this.context.materialFactory.createShaderMaterial({
+      gradualColor: [darkenColor(this.options.gradualColor[0], 0.95), darkenColor(this.options.gradualColor[1], 0.95)],
+      center: this.getPosition(),
+      maxValue,
+      opacity: this.options.fillOpacity,
+      direction: new Vector32(-1, -1, 1),
+      max,
+      min
+    });
+    this.material = [material, material1];
+    return [material, material1];
+  }
+  initMaterial() {
+    if (this.options.renderType === "gradual") {
+      return this.initGradualMaterial();
+    } else {
+      return this.initSingleMaterial();
+    }
+  }
   initLineMaterial() {
     const lineMaterial = this.context.materialFactory.createLineMaterial({
       color: this.options.strokeColor,
@@ -679,9 +734,9 @@ var Graphic = class extends Object3D {
   getBorderPoints() {
     const points = [];
     const height = this.options.height + this.options.deltaHeight;
-    const { cds } = this.options.geometry;
-    for (let j = 0; j < cds.length; j++) {
-      const curCds = cds[j];
+    const { coords } = this.options.geometry;
+    for (let j = 0; j < coords.length; j++) {
+      const curCds = coords[j];
       for (let i = 0; i < curCds.length; i++) {
         const cur = curCds[i];
         const next = i + 1 === curCds.length ? curCds[0] : curCds[i + 1];
@@ -737,8 +792,8 @@ import {
   PlaneGeometry,
   Mesh as Mesh2,
   ShadowMaterial,
-  Color as Color2,
-  DoubleSide
+  Color as Color3,
+  DoubleSide as DoubleSide2
 } from "three";
 var Shadow = class extends Object3D2 {
   constructor() {
@@ -767,7 +822,7 @@ var Shadow = class extends Object3D2 {
     this.directionalLight.shadow.camera.far = Math.max(x, y);
   }
   changeLightColor(color) {
-    this.directionalLight.color = new Color2(color);
+    this.directionalLight.color = new Color3(color);
   }
   setPosition(position) {
     this.position.copy(position);
@@ -779,7 +834,7 @@ var Shadow = class extends Object3D2 {
     const material = new ShadowMaterial({
       transparent: true,
       opacity: 0,
-      side: DoubleSide
+      side: DoubleSide2
     });
     const mesh = new Mesh2(geometry, material);
     mesh.receiveShadow = true;
@@ -822,22 +877,7 @@ var Overlay = class extends EventDispatcher {
     __publicField(this, "visible", true);
     __publicField(this, "options");
     __publicField(this, "onUpdate", () => {
-      const vector = this.getPosition();
-      const { width, height, x: clientX, y: clientY } = this.context.clientSize;
-      const { x, y } = vector3ToDevice(vector, this.context.camera, width, height);
-      if (this.clientPos.x === x && this.clientPos.y === y) {
-        return;
-      }
-      this.clientPos = { x, y };
-      if (this.options.appendToBody) {
-        this.div.style.left = `${clientX}px`;
-        this.div.style.top = `${clientY + height}px`;
-      }
-      if (this.options.autoUpdate) {
-        this.div.style.transform = `translate3d(${x}px, ${-height + y}px, 0)`;
-      } else {
-        this.dispatchEvent({ type: "update-position", x, y, width, height });
-      }
+      this.updatePosition();
     });
     this.options = __spreadValues(__spreadValues({}, defaultOptions2), options);
     this.registryEvent();
@@ -887,6 +927,24 @@ var Overlay = class extends EventDispatcher {
     const { width, height } = this.context.clientSize;
     return x >= 0 && x <= width && y >= 0 && y <= height;
   }
+  updatePosition(force = false) {
+    const vector = this.getPosition();
+    const { width, height, x: clientX, y: clientY } = this.context.clientSize;
+    const { x, y } = vector3ToDevice(vector, this.context.camera, width, height);
+    if (this.clientPos.x === x && this.clientPos.y === y && !force) {
+      return;
+    }
+    this.clientPos = { x, y };
+    if (this.options.appendToBody) {
+      this.div.style.left = `${clientX}px`;
+      this.div.style.top = `${clientY + height}px`;
+    }
+    if (this.options.autoUpdate) {
+      this.div.style.transform = `translate3d(${x}px, ${-height + y}px, 0)`;
+    } else {
+      this.dispatchEvent({ type: "update-position", x, y, width, height });
+    }
+  }
   registryEvent() {
     this.context.addEventListener("update", this.onUpdate);
   }
@@ -933,6 +991,7 @@ var Poi = class extends EventDispatcher2 {
     __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);
@@ -947,6 +1006,7 @@ var Poi = class extends EventDispatcher2 {
       if (value) {
         if (!this.img) {
           this.div.appendChild(this.initIcon());
+          this._changePosition();
         } else {
           this.img.setAttribute("src", value);
         }
@@ -959,7 +1019,11 @@ var Poi = class extends EventDispatcher2 {
     });
     this.addEventListener("change-texts", ({ value }) => {
       this.div.removeChild(this.textDiv);
-      this.div.appendChild(this.initText());
+      if (this.div.firstChild) {
+        this.div.insertBefore(this.initText(), this.div.firstChild);
+      } else {
+        this.div.appendChild(this.initText());
+      }
       this.resetSize();
     });
     this.addEventListener("change-opacity", ({ value }) => {
@@ -1324,8 +1388,9 @@ var PoiLayer = class extends Layer {
     const pois = this.pois.filter((item) => item.visible && item.withinDisplayRange);
     pois.forEach((item, index) => {
       const { left, right, top, bottom } = item.getBox();
-      if (index === 0) {
+      if (index === 0 || !item.options.collision_enable) {
         range.push({ left, right, top, bottom });
+        item.parentSetVisible(true);
         return;
       }
       const valid = range.some((box) => {
@@ -1360,7 +1425,7 @@ import {
   Object3D as Object3D6,
   PlaneGeometry as PlaneGeometry2,
   Texture,
-  DoubleSide as DoubleSide2,
+  DoubleSide as DoubleSide3,
   Mesh as Mesh3,
   Matrix3,
   Vector2 as Vector22
@@ -1403,7 +1468,7 @@ var HeatmapElement = class extends Object3D6 {
     texture.needsUpdate = true;
     const material = new MeshBasicMaterial2({
       transparent: true,
-      side: DoubleSide2,
+      side: DoubleSide3,
       map: texture
     });
     material.needsUpdate = true;
@@ -1510,6 +1575,7 @@ var Floor = class extends Object3D8 {
     __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);
@@ -1551,6 +1617,7 @@ var Floor = class extends Object3D8 {
   addModel(options) {
     const model = new Model(this.context, options);
     this.models.add(model);
+    this.modelMap.set(options.id, model);
     return model;
   }
   addShadow() {
@@ -1559,7 +1626,6 @@ var Floor = class extends Object3D8 {
     const size = box.getSize(new Vector38());
     this.shadow.setPosition(center2);
     this.shadow.changeLightCamera(size);
-    this.add(this.shadow);
   }
   addGraphic(graphicOptions) {
     return this.graphicLayer.createGraphic(graphicOptions);
@@ -1600,6 +1666,7 @@ var Floor = class extends Object3D8 {
     this.groundUpper.clear();
     this.models.children.forEach((model) => model.dispose());
     this.models.clear();
+    this.modelMap.clear();
     this.clear();
   }
 };
@@ -2347,13 +2414,17 @@ var HoverHelper = class extends EventDispatcher5 {
 };
 
 // src/factory/material.ts
-import { LineBasicMaterial as LineBasicMaterial2, MeshStandardMaterial as MeshStandardMaterial2, MeshBasicMaterial as MeshBasicMaterial3 } from "three";
+import { Color as Color4, LineBasicMaterial as LineBasicMaterial2, MeshStandardMaterial as MeshStandardMaterial2, MeshBasicMaterial as MeshBasicMaterial3, ShaderMaterial as ShaderMaterial2, DoubleSide as DoubleSide4 } from "three";
+function vectorToString(vector) {
+  return `${vector.x}-${vector.y}-${vector.z}`;
+}
 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());
   }
   generateLineMaterialKey({ color, opacity }) {
     return `${color}-${opacity}`;
@@ -2377,7 +2448,7 @@ var MaterialFactory = class {
       return this.meshStandardMaterialMap.get(key);
     }
     const material = new MeshStandardMaterial2({
-      color,
+      color: new Color4(color).convertLinearToSRGB(),
       roughness: 1,
       transparent: true,
       opacity,
@@ -2400,6 +2471,72 @@ var MaterialFactory = class {
     this.meshBasicMaterialMap.set(key, material);
     return material;
   }
+  createShaderMaterial({ gradualColor, center: center2, maxValue, opacity, direction, max, min }) {
+    const key = `${gradualColor.toString()}-${vectorToString(center2)}-${maxValue}-${opacity}-${vectorToString(direction)}`;
+    if (this.shaderMaterialMap.has(key)) {
+      return this.shaderMaterialMap.get(key);
+    }
+    const vertexShader = `
+    uniform vec3 uColor;
+    uniform vec3 uGradualColor;
+    uniform vec3 center;
+    uniform vec3 uDirection;
+    uniform vec3 uMax;
+    uniform vec3 uMin;
+    uniform float maxValue;
+    varying vec3 vColor; 
+
+    void main() {
+      vec3 direction = normalize(uDirection);
+      vec3 currentPosition = position - center;
+      float colorFactor = (dot(direction, currentPosition) / maxValue) * 0.5 + 0.5;
+
+      vColor = mix(uColor, uGradualColor, colorFactor);
+      gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
+    }
+    `;
+    const fragmentShader = `
+    varying vec3 vColor;
+    uniform float opacity;
+
+    void main() {
+      gl_FragColor = vec4(vColor.x, vColor.y, vColor.z, opacity);
+    }
+    `;
+    const material = new ShaderMaterial2({
+      uniforms: {
+        uColor: {
+          value: new Color4(gradualColor[0]).convertLinearToSRGB()
+        },
+        uGradualColor: {
+          value: new Color4(gradualColor[1]).convertLinearToSRGB()
+        },
+        center: {
+          value: center2
+        },
+        maxValue: {
+          value: maxValue
+        },
+        opacity: {
+          value: opacity
+        },
+        uDirection: {
+          value: direction
+        },
+        uMax: {
+          value: max
+        },
+        uMin: {
+          value: min
+        }
+      },
+      vertexShader,
+      fragmentShader,
+      side: DoubleSide4
+    });
+    this.shaderMaterialMap.set(key, material);
+    return material;
+  }
   dispose() {
     this.lineMaterialMap.forEach((val, _) => {
       val.dispose();
@@ -2413,18 +2550,22 @@ var MaterialFactory = class {
       val.dispose();
     });
     this.meshBasicMaterialMap.clear();
+    this.shaderMaterialMap.forEach((val, _) => {
+      val.dispose();
+    });
+    this.shaderMaterialMap.clear();
   }
 };
 
 // src/utils/camera-bound.ts
-import { Box3 as Box37, Vector3 as Vector311 } from "three";
+import { Box3 as Box37, Vector3 as Vector312 } from "three";
 var CameraBound = class {
   constructor(context) {
     this.context = context;
     __publicField(this, "prevCamera", {
-      position: new Vector311(),
+      position: new Vector312(),
       zoom: 1,
-      target: new Vector311()
+      target: new Vector312()
     });
     __publicField(this, "enable", true);
     __publicField(this, "onCameraChange", () => {
@@ -2470,8 +2611,8 @@ var CameraBound = class {
     const { min, max } = box;
     const lb = vector3ToDevice(min, camera, w, h);
     const rt = vector3ToDevice(max, camera, w, h);
-    const lt = vector3ToDevice(new Vector311(min.x, max.y, max.z), camera, w, h);
-    const rb = vector3ToDevice(new Vector311(max.x, min.y, min.z), camera, w, h);
+    const lt = vector3ToDevice(new Vector312(min.x, max.y, max.z), camera, w, h);
+    const rb = vector3ToDevice(new Vector312(max.x, min.y, min.z), camera, w, h);
     const left = Math.min(lb.x, rt.x, lt.x, rb.x);
     const right = Math.max(lb.x, rt.x, lt.x, rb.x);
     const top = Math.min(lb.y, rt.y, lt.y, rb.y);
@@ -2606,7 +2747,7 @@ var Context = class extends EventDispatcher6 {
   /**
    * 获取两个点之间的像素数
    */
-  getRatio(point1 = new Vector312(0, 0, 0), point22 = new Vector312(100, 0, 0)) {
+  getRatio(point1 = new Vector313(0, 0, 0), point22 = new Vector313(100, 0, 0)) {
     const { clientWidth, clientHeight } = this.container;
     const device1 = vector3ToDevice(point1, this.camera, clientWidth, clientHeight);
     const device2 = vector3ToDevice(point22, this.camera, clientWidth, clientHeight);
@@ -2615,7 +2756,7 @@ var Context = class extends EventDispatcher6 {
   changeAmbientLightColor(color) {
     this.lights.children.forEach((item) => {
       if (item instanceof AmbientLight2) {
-        item.color = new Color4(color);
+        item.color = new Color5(color);
       }
     });
   }
@@ -2746,7 +2887,7 @@ var Context = class extends EventDispatcher6 {
     );
   }
   getCameraLookAt() {
-    return new Vector312().subVectors(this.control.target, this.camera.position);
+    return new Vector313().subVectors(this.control.target, this.camera.position);
   }
   /**
    * 按照一个中心点设置相机的放大缩小
@@ -2801,10 +2942,10 @@ var Context = class extends EventDispatcher6 {
     const boundingBox = new Box38().setFromObject(object);
     this.setPolarAngle(polar, 0);
     const { max, min } = boundingBox;
-    const leftTop = new Vector312(min.x, max.y, min.z);
-    const rightTop = new Vector312(max.x, max.y, min.z);
-    const rightBottom = new Vector312(max.x, min.y, max.z);
-    const leftBottom = new Vector312(min.x, min.y, max.z);
+    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 leftTop2d = vector3ToDevice(leftTop, this.camera, width, height);
     const rightTop2d = vector3ToDevice(rightTop, this.camera, width, height);
     const leftBottom2d = vector3ToDevice(leftBottom, this.camera, width, height);
@@ -2819,7 +2960,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 Vector312((max.x + min.x) / 2, (max.y + min.y) / 2, max.z);
+    const center2 = new Vector313((max.x + min.x) / 2, (max.y + min.y) / 2, 0);
     return { zoom: scale * this.camera.zoom, center: center2 };
   }
   /**
@@ -2942,10 +3083,10 @@ var defaultConfig = {
     time: 100
   },
   ground: {
-    color: "#FAFAFA",
+    color: "#E4E8E9",
     opacity: 1,
-    height: 3,
-    stroke: true,
+    height: 1e-3,
+    stroke: false,
     strokeColor: "#E6E6E6",
     strokeOpacity: 1
   },
@@ -3102,8 +3243,9 @@ var BMap = class extends EventDispatcher7 {
       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.cds.map((cds) => {
+            item.info.geometry.coords.map((cds) => {
               if (Array.isArray(cds)) {
                 cds.forEach((coord) => {
                   coord[0] -= center2[0];
@@ -3113,7 +3255,7 @@ var BMap = class extends EventDispatcher7 {
             });
           } else {
             const [x, y] = item.info.geometry.cds;
-            item.info.geometry.cds = [x - center2[0], y - center2[1]];
+            item.info.geometry.coords = [x - center2[0], y - center2[1]];
           }
           item.info.transformToBuildingGround = true;
         });
@@ -3212,7 +3354,8 @@ var BMap = class extends EventDispatcher7 {
     var _a;
     if (graphic.options.geometry.type === "polygon") {
       const model = (_a = this.context.currentFloor) == null ? void 0 : _a.addModel(__spreadProps(__spreadValues({}, options), {
-        position: graphic.getPosition().setZ(0.1)
+        position: graphic.getPosition().setZ(0.1),
+        id: graphic.options.id
       }));
       if (model) {
         const { facilityAngle = 0, facilityXScale = 1, facilityYScale = 1 } = graphic.options.userData;
@@ -3306,9 +3449,9 @@ var BMap = class extends EventDispatcher7 {
   resetView(duration = 300) {
     return __async(this, null, function* () {
       const time = duration / 3;
-      yield this.context.setAzimuthalAngle(0, time);
+      yield this.context.setAzimuthalAngle(this.config.control.defaultAzimuthal, time);
       yield this.changeMapType(this.type, time);
-      yield this.context.fitCameraToGround(void 0, time);
+      yield this.context.fitCameraToGround(this.config.defaultPadding, time, false);
     });
   }
   /**
@@ -3449,7 +3592,8 @@ var BMap = class extends EventDispatcher7 {
       if (this.currentBuildGround) {
         const center2 = getCenter(this.currentBuildGround.info.geometry.cds[0]);
         if (options.geometry.type === "polygon") {
-          options.geometry.cds.map((cds) => {
+          options.geometry.coords = JSON.parse(JSON.stringify(options.geometry.cds));
+          options.geometry.coords.map((cds) => {
             if (Array.isArray(cds)) {
               cds.forEach((coord) => {
                 coord[0] -= center2[0];
@@ -3459,7 +3603,7 @@ var BMap = class extends EventDispatcher7 {
           });
         } else {
           const [x, y] = options.geometry.cds;
-          options.geometry.cds = [x - center2[0], y - center2[1]];
+          options.geometry.coords = [x - center2[0], y - center2[1]];
         }
       }
     }