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

@belife/belife-bim-air 1.6.1-zy.86.patch.8 → 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/demo//347/273/223/346/236/204/346/240/221/344/270/216/346/236/204/344/273/266//346/236/204/344/273/266/351/200/211/346/213/251/344/270/216/345/256/232/344/275/215.html ADDED Viewed

@@ -0,0 +1,59 @@
+<!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"
+    />
+  </head>
+  <body>
+    <div id="app">
+      <div class="button-group">
+        <button onclick="locate()">构件定位</button>
+      </div>
+      <viewer-wrapper elementId="viewer" style="height: 100%; width: 100%" />
+    </div>
+    <script src="https://static.belife-bim.com/vue.min.js"></script>
+    <script src="https://static.belife-bim.com/bimAir/BimAir.umd.min.js"></script>
+    <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 viewer, lightModels;
+      BimAir.Loader({ url: "https://static.belife-bim.com/bimAir" }).then(
+        () => {
+          viewer = new BimAir.Viewer(options);
+          viewer.loadModels(["626b4d1ebfe39e58ae7b66a2"]).then((res) => {
+            lightModels = res;
+          });
+        }
+      );
+      function locate() {
+        let segmentObject = viewer.getComponent(
+          lightModels[0].modelId,
+          "243274"
+        );
+        viewer.locateObject([segmentObject]);
+        viewer.highlightManager.highlight([segmentObject]);
+      }
+    </script>
+  </body>
+</html>

package/demo//347/273/223/346/236/204/346/240/221/344/270/216/346/236/204/344/273/266//346/236/204/344/273/266/351/232/220/350/227/217/343/200/201/346/236/204/344/273/266/345/274/272/350/260/203.html ADDED Viewed

@@ -0,0 +1,111 @@
+<!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 id="viewer">
+    </div> -->
+  <div class="button-group">
+    <button onclick="funVisible()" id="btn1">构件隐藏</button>
+    <button onclick="funEmphasize()" 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 old_material;
+  let viewer;
+  let lightModels;
+  let tag_view = false;
+  let tag_visible = true;
+  let tag_color = 118;
+  //let bangonglouModelId = "62ba4f503a591513fe17d930";
+  BimAir.Loader({ url: "https://static.belife-bim.com/bimAir" }).then(
+          () => {
+            viewer = new BimAir.Viewer(options);
+            this.viewer = viewer;
+            //viewer.isUpdateTt = true;
+            let bangonglouModelId = "6466d7f7d83967080f32b48e";
+            this.viewer
+                    .loadModels([bangonglouModelId])
+                    .then((lightModels) => {
+                      lightModels[0].rotate = [1, 1, 270];
+                      lightModels[0].translate = [40, 40, 0.45];
+                      lightModels[0].scale = [1.2, 1.2, 1.2];
+                      this.viewer.setViewMode(BimAir.Longan.ViewMode.Iso, true);
+                      this.lightModels = lightModels;
+                      this.viewer.updateDisplay();
+                      old_material=viewer.getComponent(lightModels[0].modelId,"384603").materials;
+                      console.log("old",old_material);
+                    });
+          }
+  );
+  function funVisible() {
+    var obj1=document.getElementById("btn1");
+    if (tag_visible) {
+      this.lightModels[0].setComponentsVisible(["538236"], false);
+      this.viewer.updateDisplay();
+      tag_visible = !tag_visible;
+      obj1.innerText="构件取消隐藏";
+    } else {
+      this.lightModels[0].setComponentsVisible(["538236"], true);
+      this.viewer.updateDisplay();
+      tag_visible = !tag_visible;
+      obj1.innerText="构件隐藏";
+    }
+  }
+  function funEmphasize() {
+    var obj2=document.getElementById("btn2");
+    console.log("old_material",old_material);
+    console.log("funEmphasize##########", tag_color);
+    let material = new BimAir.Material(this.viewer, "test");
+    setInterval(() => {
+      let color_R = 0;
+      let color_G = tag_color;
+      let color_U = 0;
+      if (color_G >= 102) {
+        color_U = 255;
+        color_R = (color_G - 102) * 1.6;
+      } else {
+        color_R = 0;
+        color_U = 255 - (102 - color_G) * 2.5;
+      }
+      material.setColor(color_R, color_G, color_U, 1);
+      this.lightModels[0].setComponentsColor(["384359"], material);
+      this.viewer.updateDisplay();
+      tag_color += 20;
+      tag_color %= 254;
+    }, 100);
+  }
+</script>
+</body>
+</html>

package/demo//347/273/223/346/236/204/346/240/221/344/270/216/346/236/204/344/273/266//346/236/204/344/273/266/351/232/224/347/246/273.html ADDED Viewed

@@ -0,0 +1,105 @@
+<!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="setAllIsolation()" id="btn1">设置模型隔离</button>
+    <button onclick="setComponentsColor()" 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: new Float64Array([379633.85, 39084.71, 3129.943]),
+    target: new Float64Array([380036.613, 39459.857, 3066.088]),
+    up: new Float64Array([0.084, 0.079, 0.993]),
+    field: 554.132,
+  };
+  let viewer;
+  let lightModels;
+  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([id, 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.fitWorld();
+  }
+  function setAllIsolation() {
+    var obj1=document.getElementById("btn1");
+    if(obj1.innerText=="设置模型隔离"){
+      this.lightModels[0].setAllComponentsIsolation(true);
+      this.viewer.updateDisplay();
+      obj1.innerText="取消隔离";
+    }
+    else{
+      this.lightModels[0].setAllComponentsIsolation(false);
+      this.viewer.updateDisplay();
+      obj1.innerText="设置模型隔离";
+    }
+  }
+  function setComponentsColor() {
+    var obj2=document.getElementById("btn2")
+    if(obj2.innerText=="设置构建颜色"){
+      let material2 = new BimAir.Material(this.viewer, "test2");
+      material2.setColor(127, 250, 0, 1);
+      this.lightModels[1].setAllComponentsColor(material2);
+      this.viewer.updateDisplay();
+      obj2.innerText="取消颜色";
+    }else{
+      this.lightModels[1].setAllComponentsColor(null);
+      this.viewer.updateDisplay();
+      obj2.innerText="设置构建颜色";
+    }
+  }
+</script>
+</body>
+</html>

package/demo//347/273/223/346/236/204/346/240/221/344/270/216/346/236/204/344/273/266//350/216/267/345/217/226/346/236/204/344/273/266/345/214/205/345/233/264/347/233/222.html ADDED Viewed

@@ -0,0 +1,109 @@
+<!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"
+  />
+</head>
+<body>
+<div id="app">
+  <div class="button-group">
+    <button onclick="getBb()">获取构件包围盒</button>
+  </div>
+  <viewer-wrapper elementId="viewer" style="height: 100%; width: 100%" />
+</div>
+<script src="https://static.belife-bim.com/vue.min.js"></script>
+<script src="https://static.belife-bim.com/bimAir/BimAir.umd.min.js"></script>
+<script type="text/javascript">
+  new Vue({
+    el: "#app",
+  });
+  let options = {
+    elementId: "viewer",
+    modelService: "https://static.belife-bim.com/modelApi",
+    fileService: "https://static.belife-bim.com/fileApi",
+  };
+  let viewer, lightModels,segId;
+  BimAir.Loader({ url: "https://static.belife-bim.com/bimAir" }).then(
+          () => {
+            viewer = new BimAir.Viewer(options);
+            viewer.loadModels(["626b4d1ebfe39e58ae7b66a2"]).then((res) => {
+              lightModels = res;
+              viewer.onLButtonUp.add(this.test);
+            });
+          }
+  );
+  function getBb() {
+    if(segId){
+      let segmentObject = viewer.getComponent(
+              lightModels[0].modelId,
+              segId
+      );
+      let bb = viewer.computeObjectViewBoundingBox(segmentObject);
+      console.log("构件包围盒", bb);
+      viewer.locateObject([segmentObject]);
+      alert("构件包围盒:" + bb);
+      drawSide(bb);
+      viewer.updateDisplay();
+    }
+    else{
+      let segmentObject = viewer.getComponent(
+              lightModels[0].modelId,
+              "243274"
+      );
+      let bb = viewer.computeObjectViewBoundingBox(segmentObject);
+      console.log("构件包围盒", bb);
+      viewer.locateObject([segmentObject]);
+      alert("构件包围盒:" + bb);
+      drawSide(bb);
+      viewer.updateDisplay();
+    }
+  }
+  function drawSide(bb){
+    let pa=[bb[0],bb[1],bb[2]];
+    let pg=[bb[3],bb[4],bb[5]];
+    let pb=[pa[0],pg[1],pa[2]];
+    let pc=[pg[0],pg[1],pa[2]];
+    let pd=[pg[0],pa[1],pa[2]];
+    let pe=[pa[0],pa[1],pg[2]];
+    let pf=[pa[0],pg[1],pg[2]];
+    let ph=[pg[0],pa[1],pg[2]];
+    drawLine(pa,pb);
+    drawLine(pb,pc);
+    drawLine(pc,pd);
+    drawLine(pd,pa);
+    drawLine(pe,pf);
+    drawLine(pf,pg);
+    drawLine(pg,ph);
+    drawLine(ph,pe);
+    drawLine(pa,pe);
+    drawLine(pb,pf);
+    drawLine(pc,pg);
+    drawLine(pd,ph);
+  }
+  function drawLine(vp1,vp2){
+    let cubeSeg = viewer.utilitySegment.subsegment("cubeSeg");
+    cubeSeg.insertLine(vp1,vp2);
+  }
+  function test(sender,e){
+    let segmentObject = e.viewer.selectionManager.segmentObject;
+    if(segmentObject){
+      console.log(segmentObject.componentId);
+      segId=segmentObject.componentId;
+    }
+  }
+</script>
+</body>
+</html>

package/demo//347/273/223/346/236/204/346/240/221/344/270/216/346/236/204/344/273/266//350/256/276/347/275/256/346/250/241/345/236/213/351/242/234/350/211/262.html ADDED Viewed

@@ -0,0 +1,68 @@
+<!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"
+    />
+</head>
+<body>
+<div id="app">
+    <div class="button-group">
+        <button onclick="setColor()" id="btn1">设置模型颜色</button>
+    </div>
+    <viewer-wrapper elementId="viewer" style="height: 100%; width: 100%" />
+</div>
+<script src="https://static.belife-bim.com/vue.min.js"></script>
+<script src="https://static.belife-bim.com/bimAir/BimAir.umd.min.js"></script>
+<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 viewer, lightModels;
+    BimAir.Loader({ url: "https://static.belife-bim.com/bimAir" }).then(
+        () => {
+            viewer = new BimAir.Viewer(options);
+            viewer.loadModels(["626b4d1ebfe39e58ae7b66a2"]).then((res) => {
+                lightModels = res;
+            });
+        }
+    );
+    function setColor() {
+        var obj1=document.getElementById("btn1");
+        if(obj1.innerText=="设置模型颜色"){
+            let material = new BimAir.Material(viewer, "test");
+            material.setColor(127, 0, 0, 0.5);
+            let lightModel = lightModels[0];
+            //添加所有
+            lightModel.setAllComponentsColor(material);
+            viewer.updateDisplay();
+            obj1.innerText="取消模型颜色";
+        }else{
+            let lightModel = lightModels[0];
+            lightModel.setAllComponentsColor();
+            viewer.updateDisplay();
+            obj1.innerText="设置模型颜色";
+        }
+    }
+</script>
+</body>
+</html>

package/demo//347/273/223/346/236/204/346/240/221/344/270/216/346/236/204/344/273/266//350/256/276/347/275/256/351/200/217/346/230/216/345/272/246.html ADDED Viewed

@@ -0,0 +1,75 @@
+<!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">
+        <input
+          type="number"
+          min="0"
+          max="100"
+          id="inputNum"
+          placeholder="输入透明度，为大于0小于100的数"
+        />
+        <button onclick="setTransparency()">设置透明度</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 model1 = "632273cfbc278049a0898a12";
+      let model2 = "63227488bc278049a0898a89";
+      let model3 = "632274dabc278049a0898ac1";
+      let model4 = "6322749bbc278049a0898aa4";
+      BimAir.Loader({ url: "https://static.belife-bim.com/bimAir" }).then(
+        () => {
+          viewer = new BimAir.Viewer(options);
+          this.viewer = viewer;
+          this.viewer
+            .loadModels([id, model1, model2, model3, model4])
+            .then((lightModels) => {
+              this.lightModels = lightModels;
+              this.viewer.fitWorld();
+            });
+        }
+      );
+      function setTransparency() {
+        let num = document.getElementById("inputNum").value;
+        console.log(num);
+        let material = new BimAir.Material(viewer, "test");
+        material.setTransparency(num / 100);
+        let treeNode = this.viewer.structureTreeManager.getTreeNodesByName(
+          "MED-C-01-CF-ZCF-002-001(2#机组)"
+        );
+        let seg = treeNode.items[0].segmentObject;
+        seg.setMaterial(material);
+        this.viewer.updateDisplay();
+      }
+    </script>
+  </body>
+</html>

package/demo//347/273/223/346/236/204/346/240/221/344/270/216/346/236/204/344/273/266//350/256/276/347/275/256/351/232/224/347/246/273/346/240/267/345/274/217.html ADDED Viewed

@@ -0,0 +1,79 @@
+<!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="setIsolationStyle()">设置隔离样式</button>
+        <button onclick="setIsolation()">隔离肘管</button>
+      </div>
+      <viewer-wrapper elementId="viewer" style="height: 100%; width: 100%" />
+    </div>
+    <script type="text/javascript">
+      new Vue({
+        el: "#app",
+      });
+      let options = {
+        elementId: "viewer",
+        modelService: "https://static.belife-bim.com/modelApi",
+        fileService: "https://static.belife-bim.com/fileApi",
+      };
+      let aboutCamera = {
+        position: [380545.319, 39418.008, 3073.72],
+        target: [379991.188, 39417.578, 3073.291],
+        up: [-0.001, -0.285, 0.959],
+        field: 554.132,
+      };
+      let id = "632273cbbc278049a0898a0e";
+      let model1 = "632273cfbc278049a0898a12";
+      let viewer;
+      let lightModels;
+      BimAir.Loader({ url: "https://static.belife-bim.com/bimAir" }).then(
+        () => {
+          viewer = new BimAir.Viewer(options);
+          this.viewer = viewer;
+          this.viewer.loadModels([id, 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.updateDisplay();
+          });
+        }
+      );
+      function setIsolationStyle() {
+        this.viewer.isolationManager.material.setColor(120, 250, 0, 0, 5);
+      }
+      function setIsolation() {
+        this.lightModels[0].setAllComponentsVisible(false);
+        let object1 = this.lightModels[1].segmentObject;
+        this.viewer.isolationManager.isolation([object1]);
+        this.viewer.updateDisplay();
+      }
+    </script>
+  </body>
+</html>

package/demo//347/273/223/346/236/204/346/240/221/344/270/216/346/236/204/344/273/266//351/232/220/350/227/217/346/236/204/344/273/266.html ADDED Viewed

@@ -0,0 +1,70 @@
+<!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"
+    />
+  </head>
+  <body>
+    <div id="app">
+      <div class="button-group">
+        <button onclick="setVisible()">隐藏构件</button>
+        <button onclick="resetVisible()">显示构件</button>
+      </div>
+      <viewer-wrapper elementId="viewer" style="height: 100%; width: 100%" />
+    </div>
+    <script src="https://static.belife-bim.com/vue.min.js"></script>
+    <script src="https://static.belife-bim.com/bimAir/BimAir.umd.min.js"></script>
+    <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 viewer, lightModels;
+      BimAir.Loader({ url: "https://static.belife-bim.com/bimAir" }).then(
+        () => {
+          viewer = new BimAir.Viewer(options);
+          viewer.loadModels(["626b4d1ebfe39e58ae7b66a2"]).then((res) => {
+            lightModels = res;
+          });
+        }
+      );
+      function setVisible() {
+        let lightModel = lightModels[0];
+        //设置多构件隐藏
+        // lightModel.setComponentsVisible(["243274"], true)
+        //设置其他构件隐藏
+        lightModel.setComponentsVisible(["243274"], false);
+        //设置所有隐藏
+        // lightModel.setAllComponentsVisible(true);
+        viewer.updateDisplay();
+      }
+      function resetVisible() {
+        let lightModel = lightModels[0];
+        lightModel.setComponentsVisible(["243274"], true);
+        viewer.updateDisplay();
+      }
+    </script>
+  </body>
+</html>