npm - @belife/belife-bim-air - Versions diffs - 1.6.1-zy.86.patch.7 → 1.6.1-zy.86.patch.9 - Mend

@belife/belife-bim-air 1.6.1-zy.86.patch.7 → 1.6.1-zy.86.patch.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (369) hide show

package/README.md CHANGED Viewed

@@ -1,10 +1,11 @@
 ## BIMAir 更新日志
-### 1.6.1-zy.86.patch.7
+### 1.6.1-zy.86.patch.9
 - feat: 所有接口添加token验证;
 - feat: 移除所有GS cookie前缀;
 - fix: 去除多余文件
+- fix: 修复属性获取接口缓存问题无法获取最新数据
 ### 1.6.1-beta.86

package/demo/assets/demo.css ADDED Viewed

@@ -0,0 +1,28 @@
+body {
+  margin: 0;
+  padding: 0;
+  height: 100vh;
+}
+#app {
+  height: 100vh;
+  position: relative;
+}
+.button-group {
+  position: absolute;
+  z-index: 100;
+  top: 5px;
+  left: 70px;
+}
+.button-group button {
+  margin: 20px 0px 0px 20px;
+  min-width: 100px;
+  height: 35px;
+  border-radius: 3px;
+  border: none;
+  background: #0066ffe4;
+  color: #ffffff;
+  outline: none;
+}

package/demo//344/272/213/344/273/266/346/223/215/344/275/234//344/277/256/346/224/271/351/242/234/350/211/262.html ADDED Viewed

@@ -0,0 +1,100 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="UTF-8" />
+  <title>修改颜色</title>
+  <!-- demo的样式 -->
+  <link rel="stylesheet" href="https://static.belife-bim.com/demo.css" />
+  <link
+          rel="stylesheet"
+          href="https://static.belife-bim.com/bimAir/BimAir.css"
+  />
+  <script src="https://static.belife-bim.com/vue.min.js"></script>
+  <script src="https://static.belife-bim.com/bimAir/BimAir.umd.min.js"></script>
+</head>
+<body>
+<div id="app">
+  <!-- <div id="viewer">
+    </div> -->
+  <div class="button-group">
+    <button onclick="setScene()">设置视角</button>
+    <button onclick="setColor()" id="btn">设置颜色</button>
+  </div>
+  <viewer-wrapper elementId="viewer" style="height: 100%; width: 100%" />
+</div>
+<script type="text/javascript">
+  new Vue({
+    el: "#app",
+  });
+  let colorTag=false;
+  let options = {
+    // viewerType: "model",
+    elementId: "viewer",
+    modelService: "https://static.belife-bim.com/modelApi",
+    fileService: "https://static.belife-bim.com/fileApi",
+  };
+  //设置相机参数
+  let aboutCamera = {
+    position: [380038.099, 39326.678, 3079.396],
+    "target": [379881.182, 39790.017, 2818.129],
+    up: [-0.141, 0.450, 0.882],
+    field: 554.132,
+  };
+  let viewer;
+  let lightModels;
+  let model1 = "632273cfbc278049a0898a12";
+  let objectID1 = "QMD+M+4G+HYD+XDRA01+EL002";
+  BimAir.Loader({ url: "https://static.belife-bim.com/bimAir" }).then(
+          () => {
+            viewer = new BimAir.Viewer(options);
+            this.viewer = viewer;
+            this.viewer.loadModels( [model1]).then((lightModels) => {
+              this.lightModels = lightModels;
+              this.viewer.fitWorld();
+            });
+          }
+  );
+  function setScene() {
+    this.viewer.camera.position = aboutCamera.position;
+    this.viewer.camera.target = aboutCamera.target;
+    this.viewer.camera.up = aboutCamera.up;
+    this.viewer.camera.setField(aboutCamera.field, aboutCamera.field);
+    this.viewer.updateDisplay();
+  }
+  let tag=false;
+  function setColor() {
+    if(tag==false){
+      let material1 = new BimAir.Material(this.viewer, "test");
+      material1.setColor(127, 250, 0, 1);
+      let material2 = new BimAir.Material(this.viewer, "test2");
+      material2.setColor(127, 0, 0, 1);
+      //this.lightModels[0].setAllComponentsVisible(false);
+      let objcet1 = this.lightModels[0].segmentObject;
+      objcet1.setMaterial(material1);
+      this.lightModels[0].setComponentsColor([objectID1], material2);
+      this.viewer.updateDisplay();
+      var obj=document.getElementById("btn");
+      obj.innerText="恢复颜色";
+      tag=true;
+    }
+    else{
+      cancelColor();
+      var obj=document.getElementById("btn");
+      obj.innerText="修改颜色";
+      tag=false;
+    }
+  }
+  function cancelColor() {
+    this.lightModels[0].setAllComponentsColor(null);
+    this.viewer.updateDisplay();
+  }
+</script>
+</body>
+</html>

package/demo//344/272/213/344/273/266/346/223/215/344/275/234//345/212/250/347/224/273/346/214/211/351/222/256.html ADDED Viewed

@@ -0,0 +1,154 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="UTF-8" />
+  <title>动画播放</title>
+  <!-- demo的样式 -->
+  <link rel="stylesheet" href="https://static.belife-bim.com/demo.css" />
+  <link
+          rel="stylesheet"
+          href="https://static.belife-bim.com/bimAir/BimAir.css"
+  />
+  <script src="https://static.belife-bim.com/vue.min.js"></script>
+  <script src="https://static.belife-bim.com/bimAir/BimAir.umd.min.js"></script>
+</head>
+<body>
+<div id="app">
+  <!-- <div id="viewer">
+    </div> -->
+  <div class="button-group">
+    <button onclick="getAnimation()" id="btn">播放动画</button>
+    <button onclick="stopAnimation()" id="btn2">结束动画</button>
+  </div>
+  <viewer-wrapper elementId="viewer" style="height: 100%; width: 100%" />
+</div>
+<script type="text/javascript">
+  new Vue({
+    el: "#app",
+  });
+  let options = {
+    // viewerType: "model",
+    elementId: "viewer",
+    modelService: "https://static.belife-bim.com/modelApi",
+    fileService: "https://static.belife-bim.com/fileApi",
+  };
+  let aboutCamera = {
+    position: [380037.8171853031, 39324.16306542623, 3080.2530399562834],
+    target: [379881.182, 39790.017, 2818.129],
+    up: [-0.141, 0.450, 0.882],
+    field: 5.132,
+  };
+  let viewer;
+  let lightModels;
+  let roamTime = 8;
+  let animation;
+  //let id = "632273cbbc278049a0898a0e";
+  let model1 = "632273cfbc278049a0898a12";
+  let objectID1 = "QMD+M+4G+HYD+XDRA01+EL002";
+  BimAir.Loader({ url: "https://static.belife-bim.com/bimAir" }).then(
+          () => {
+            viewer = new BimAir.Viewer(options);
+            this.viewer = viewer;
+            this.viewer.loadModels([model1]).then((lightModels) => {
+              this.lightModels = lightModels;
+              this.viewer.camera.position = aboutCamera.position;
+              this.viewer.camera.target = aboutCamera.target;
+              this.viewer.camera.up = aboutCamera.up;
+              this.viewer.camera.setField(aboutCamera.field, aboutCamera.field);
+              this.viewer.fitWorld();
+            });
+          }
+  );
+  let tag=false;
+  function getAnimation() {
+    var obj2=document.getElementById("btn");
+    var obj=document.getElementById("btn2")
+    //obj.innerText="恢复颜色";
+    if(obj2.innerText=="播放动画"){
+      this.lightModels[0].setAllComponentsIsolation();
+      let moveSegmentObject = this.lightModels[0].getComponent(objectID1);
+      let bb = this.viewer.computeViewBoundingBox(moveSegmentObject.segment);
+      let center = new Float64Array([
+        (bb[0] + bb[3]) / 2,
+        (bb[1] + bb[4]) / 2,
+        (bb[2] + bb[5]) / 2,
+      ]);
+      let p0 = new BimAir.Longan.Point();
+      p0[0] = center[0];
+      p0[1] = center[1];
+      p0[2] = center[2] + 10;
+      let p1 = new BimAir.Longan.Point();
+      p1[0] = center[0];
+      p1[1] = center[1];
+      p1[2] = center[2];
+      let points = new Array();
+      points.push(p0);
+      points.push(p1);
+      // this.viewer.process.animationManager.drawStraight(this.viewer, points);
+      this.animation =
+              this.viewer.process.animationManager.objectRoamWithoutRotate(
+                      this.viewer,
+                      moveSegmentObject,
+                      points,
+                      roamTime,
+                      0,
+                      () => {
+                        obj.innerText="播放动画";
+                        console.log("animation finish");
+                      }
+              );
+      this.viewer.process.animationManager.run([this.animation]);
+      obj2.innerText="暂停动画";
+      obj.innerText="结束动画";
+    }
+    else{
+      if(obj2.innerText=="暂停动画"){
+        let palyingPercent = this.viewer.process.animationManager.pauseAnime(
+                this.animation
+        );
+        obj2.innerText="继续动画";
+      }
+      else{
+        this.viewer.process.animationManager.run([this.animation]);
+        obj2.innerText="暂停动画";
+      }
+    }
+    // return animationId;
+  }
+  function  getPose(){
+    console.log("position",this.viewer.camera.position);
+    console.log("target",this.viewer.camera.target);
+    console.log("up",this.viewer.camera.up);
+  }
+  function stopAnimation() {
+    var obj=document.getElementById("btn2");
+    var obj2=document.getElementById("btn")
+    if(obj.innerText=="结束动画"){
+      this.viewer.process.animationManager.stopAnime(this.animation, true);
+      obj.innerText="重启动画";
+      obj2.innerText="播放动画";
+    }
+    else{
+      this.viewer.process.animationManager.restartAnime(this.animation, true);
+      obj.innerText="结束动画";
+      obj2.innerText="暂停动画";
+    }
+  }
+</script>
+</body>
+</html>

package/demo//344/272/213/344/273/266/346/223/215/344/275/234//346/265/213/351/207/217/351/253/230/347/250/213.html ADDED Viewed

@@ -0,0 +1,153 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <title>测量高程</title>
+    <!-- demo的样式 -->
+    <link rel="stylesheet" href="https://static.belife-bim.com/demo.css" />
+    <link
+      rel="stylesheet"
+      href="https://static.belife-bim.com/bimAir/BimAir.css"
+    />
+    <script src="https://static.belife-bim.com/vue.min.js"></script>
+    <script src="https://static.belife-bim.com/bimAir/BimAir.umd.min.js"></script>
+  </head>
+  <body>
+    <div id="app">
+      <div class="button-group">
+        <button onclick="choosing()">选择高程点</button>
+        <button onclick="addTextLabel()">测量</button>
+      </div>
+      <viewer-wrapper elementId="viewer" style="height: 100%; width: 100%" />
+    </div>
+    <script type="text/javascript">
+      new Vue({
+        el: "#app",
+      });
+      let options = {
+        // viewerType: "model",
+        elementId: "viewer",
+        modelService: "https://static.belife-bim.com/modelApi",
+        fileService: "https://static.belife-bim.com/fileApi",
+      };
+      let id = "632273cbbc278049a0898a0e";
+      let model3 = "632273cfbc278049a0898a12";
+      let model4 = "63227488bc278049a0898a89";
+      let positionList;
+      let labelArr = [];
+      let point;
+      let point2;
+      let ObjectPreSelector;
+      BimAir.Loader({ url: "https://static.belife-bim.com/bimAir" }).then(
+        () => {
+          viewer = new BimAir.Viewer(options);
+          this.viewer = viewer;
+          this.viewer.loadModels([id, model3, model4]).then((lightModels) => {
+            this.lightModels = lightModels;
+            this.viewer.fitWorld();
+            this.viewer.onLButtonDown.add(this.test);
+            // this.viewer.updateDisplay();
+          });
+        }
+      );
+      function test(sender, e) {
+        // let componentSelector = e.viewer.operatorManager.find("ComponentSelector");
+        // console.log(componentSelector);
+        // console.log(e);  // ViewerEvent {viewer: Viewer, uiEvent: MouseEvent}
+        // console.log(sender);   // viewer
+        point = e.mousePixelPos(); // mouseWorldPos();
+        point2 = BimAir.LonganCore.JS_Compute_Coordinates_By_Key(
+          this.viewer.sceneKey,
+          "pixels",
+          point,
+          "world"
+        );
+        // console.log(point);
+        // this.viewer.operatorManager.clear();
+        // let objectSelector = e.viewer.operatorManager.find("ObjectPreSelector");
+        ObjectPreSelector = new BimAir.Longan.ObjectPreSelector();
+        // point2 = ObjectPreSelector.clickPos;
+        // console.log(ObjectPreSelector);
+        // console.log(point2);
+      }
+      function choosing() {
+        this.viewer.operatorManager.clear();
+        this.viewer.onLButtonDown.add(test);
+        //  this.viewer.onLButtonDown.delete(componentSelector);
+      }
+      function addTextLabel() {
+        this.viewer.operatorManager.clear();
+        this.viewer.operatorManager.add(new BimAir.Longan.CameraMouse());
+        let text = "高度：" + point2[2] + "m";
+        labelList = [
+          {
+            properties: text,
+            position: point2,
+          },
+        ];
+        // console.log(point[2]);
+        let bimAir = document.getElementsByClassName("viewer-wrp")[0];
+        labelList.forEach((item, index) => {
+          let div = document.createElement("div");
+          // let text = document.createTextNode('location');
+          // div.appendChild(text);
+          div.style.position = "absolute";
+          div.style.width = "10px";
+          div.style.height = "10px";
+          div.style.background = "#FF0055";
+          // div.style.padding = "5px";
+          // div.style.border = "medium solid #000000";  // 边框 ,thin, medium, thick, length
+          div.style.opacity = 0.5; // 透明度
+          div.addEventListener("click", () => {
+            alert(labelList[index].properties);
+          });
+          bimAir.appendChild(div);
+          labelArr.push(div);
+        });
+        // console.log(bimAir);
+        positionList = labelList.map((item) => item.position);
+        console.log(positionList);
+        // 在视图刷新事件里添加更新标签的方法
+        this.viewer.sceneCameraChanged.add(updateLabels);
+        // 移除更新标签的方法
+        // viewer.sceneCameraChanged.remove(updateLabels)
+        //右键按下时禁用标签方法
+        this.viewer.onLButtonDown.add(() => labelDisable);
+        //右键放开时启用标签方法
+        this.viewer.onLButtonUp.add(() => labelEnable);
+      }
+      function labelDisable(sender, event) {
+        labelArr.forEach((div, i) => {
+          labelArr[i].style.pointerEvents = "none";
+        });
+      }
+      function labelEnable(sender, event) {
+        labelArr.forEach((div, i) => {
+          labelArr[i].style.pointerEvents = "auto";
+        });
+      }
+      function updateLabels() {
+        let pixelPos = viewer.worldPointToPixelPoint(positionList);
+        labelArr.forEach((div, i) => {
+          labelArr[i].style.left = pixelPos[i][0] + "px";
+          labelArr[i].style.top = pixelPos[i][1] + "px";
+        });
+      }
+    </script>
+  </body>
+</html>

package/demo//344/272/213/344/273/266/346/223/215/344/275/234//346/267/273/345/212/240/346/226/207/346/234/254/346/240/207/347/255/276.html ADDED Viewed

@@ -0,0 +1,117 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8" />
+    <title>添加文本标签</title>
+    <!-- demo的样式 -->
+    <link rel="stylesheet" href="https://static.belife-bim.com/demo.css" />
+    <link
+      rel="stylesheet"
+      href="https://static.belife-bim.com/bimAir/BimAir.css"
+    />
+    <script src="https://static.belife-bim.com/vue.min.js"></script>
+    <script src="https://static.belife-bim.com/bimAir/BimAir.umd.min.js"></script>
+  </head>
+  <body>
+    <div id="app">
+      <div class="button-group">
+        <button onclick="addTextLabel()">添加文本标签</button>
+      </div>
+      <viewer-wrapper elementId="viewer" style="height: 100%; width: 100%" />
+    </div>
+    <script type="text/javascript">
+      new Vue({
+        el: "#app",
+      });
+      let options = {
+        // viewerType: "model",
+        elementId: "viewer",
+        modelService: "https://static.belife-bim.com/modelApi",
+        fileService: "https://static.belife-bim.com/fileApi",
+      };
+      let model2 = "63228db5b1decf1fc6a353b3";
+      let model3 = "63228dd7b1decf1fc6a353cb";
+      let model4 = "63228e04b1decf1fc6a3540d";
+      let positionList;
+      let labelArr = [];
+      BimAir.Loader({ url: "https://static.belife-bim.com/bimAir" }).then(
+        () => {
+          viewer = new BimAir.Viewer(options);
+          this.viewer = viewer;
+          this.viewer
+            .loadModels([model2, model3, model4])
+            .then((lightModels) => {
+              this.lightModels = lightModels;
+              this.viewer.fitWorld();
+              // this.viewer.updateDisplay();
+            });
+        }
+      );
+      function addTextLabel() {
+        let labelList = [
+          {
+            properties: "标记点",
+            position: [380222.688, 39141.488, 3240.095],
+          },
+        ];
+        let bimAir = document.getElementsByClassName("viewer-wrp")[0];
+        labelList.forEach((item, index) => {
+          let div = document.createElement("div");
+          let text = document.createTextNode("location");
+          div.appendChild(text);
+          div.style.position = "absolute";
+          div.style.width = "70px";
+          div.style.height = "20px";
+          div.style.background = "#00FF00";
+          // div.style.padding = "5px";
+          div.style.border = "medium solid #000000"; // 边框 ,thin, medium, thick, length
+          // div.style.opacity = 0.5;  // 透明度
+          div.addEventListener("click", () => {
+            alert(labelList[index].properties);
+          });
+          bimAir.appendChild(div);
+          labelArr.push(div);
+        });
+        console.log(bimAir);
+        positionList = labelList.map((item) => item.position);
+        // 在视图刷新事件里添加更新标签的方法
+        this.viewer.sceneCameraChanged.add(updateLabels);
+        // 移除更新标签的方法
+        // viewer.sceneCameraChanged.remove(updateLabels)
+        //右键按下时禁用标签方法
+        this.viewer.onLButtonDown.add(() => labelDisable);
+        //右键放开时启用标签方法
+        this.viewer.onLButtonUp.add(() => labelEnable);
+        this.viewer.updateDisplay();
+      }
+      function labelDisable(sender, event) {
+        labelArr.forEach((div, i) => {
+          labelArr[i].style.pointerEvents = "none";
+        });
+      }
+      function labelEnable(sender, event) {
+        labelArr.forEach((div, i) => {
+          labelArr[i].style.pointerEvents = "auto";
+        });
+      }
+      function updateLabels() {
+        let pixelPos = viewer.worldPointToPixelPoint(positionList);
+        labelArr.forEach((div, i) => {
+          labelArr[i].style.left = pixelPos[i][0] + "px";
+          labelArr[i].style.top = pixelPos[i][1] + "px";
+        });
+      }
+    </script>
+  </body>
+</html>

package/demo//344/272/213/344/273/266/346/223/215/344/275/234//346/267/273/345/212/240/346/240/207/347/255/276/344/272/213/344/273/266/347/202/271/345/207/273/350/216/267/345/217/226/345/261/236/346/200/247.html ADDED Viewed

@@ -0,0 +1,102 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
+    <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
+    <!-- demo的样式 -->
+    <link rel="stylesheet" href="https://static.belife-bim.com/demo.css" />
+    <link
+      rel="stylesheet"
+      href="https://static.belife-bim.com/bimAir/BimAir.css"
+    />
+    <script src="https://static.belife-bim.com/vue.min.js"></script>
+    <script src="https://static.belife-bim.com/bimAir/BimAir.umd.min.js"></script>
+  </head>
+  <body>
+    <div id="app">
+      <viewer-wrapper elementId="viewer" style="height: 100%; width: 100%" />
+    </div>
+    <script type="text/javascript">
+      new Vue({
+        el: "#app",
+      });
+      let timer = setTimeout(() => {
+        let options = {
+          // viewerType: "model",
+          elementId: "viewer",
+          //
+          modelService: "https://static.belife-bim.com/modelApi",
+          fileService: "https://static.belife-bim.com/fileApi",
+        };
+        BimAir.Loader({ url: "https://static.belife-bim.com/bimAir" }).then(
+          () => {
+            let viewer = new BimAir.Viewer(options);
+            viewer
+              .loadModels(["626b4d1ebfe39e58ae7b66a2"])
+              .then((lightModels) => {
+                let labelList = [
+                  { properties: "属性", position: [0, 0, 0] },
+                  {
+                    properties: "属性1",
+                    position: [20, 20, 20],
+                  },
+                ];
+                let labelArr = [];
+                let bimAir = document.getElementsByClassName("viewer-wrp")[0];
+                labelList.forEach((item, index) => {
+                  let div = document.createElement("div");
+                  div.style.position = "absolute";
+                  div.style.width = "50px";
+                  div.style.height = "50px";
+                  div.style.background = "#ff0000";
+                  div.addEventListener("click", () => {
+                    alert(labelList[index].properties);
+                  });
+                  bimAir.appendChild(div);
+                  labelArr.push(div);
+                });
+                console.log(bimAir);
+                let positionList = labelList.map((item) => item.position);
+                function updateLabels() {
+                  let pixelPos = viewer.worldPointToPixelPoint(positionList);
+                  labelArr.forEach((div, i) => {
+                    labelArr[i].style.left = pixelPos[i][0] + "px";
+                    labelArr[i].style.top = pixelPos[i][1] + "px";
+                  });
+                }
+                // 在视图刷新事件里添加更新标签的方法
+                viewer.sceneCameraChanged.add(updateLabels);
+                // 移除更新标签的方法
+                // viewer.sceneCameraChanged.remove(updateLabels)
+                //右键按下时禁用标签方法
+                viewer.onLButtonDown.add(() => labelDisable);
+                function labelDisable(sender, event) {
+                  labelArr.forEach((div, i) => {
+                    labelArr[i].style.pointerEvents = "none";
+                  });
+                }
+                //右键放开时启用标签方法
+                viewer.onLButtonUp.add(() => labelEnable);
+                function labelEnable(sender, event) {
+                  labelArr.forEach((div, i) => {
+                    labelArr[i].style.pointerEvents = "auto";
+                  });
+                }
+                viewer.exeSceneCameraChanged();
+              });
+          }
+        );
+      });
+    </script>
+  </body>
+</html>