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/demo//344/272/213/344/273/266/346/223/215/344/275/234//346/267/273/345/212/240/351/274/240/346/240/207/344/272/213/344/273/266/350/216/267/345/217/226/346/250/241/345/236/213.html ADDED Viewed

@@ -0,0 +1,62 @@
+<!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">
+      <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",
+      };
+      BimAir.Loader({ url: "https://static.belife-bim.com/bimAir" }).then(
+        () => {
+          let viewer = new BimAir.Viewer(options);
+          viewer
+            .loadModels(["626b4d1ebfe39e58ae7b66a2"])
+            .then((lightModels) => {
+              viewer.onLButtonUp.add(this.test);
+            });
+        }
+      );
+      function test(sender, e) {
+        let componentSelector =
+          e.viewer.operatorManager.find("ComponentSelector");
+        let segmentObject = e.viewer.selectionManager.segmentObject;
+        if (segmentObject) {
+          console.log(segmentObject.componentId);
+          console.log(segmentObject.model);
+          e.viewer.propertyManager
+            .getProperty(segmentObject)
+            .then((properties) => {
+              console.log(properties);
+            });
+          console.log(componentSelector.clickPos);
+        }
+      }
+    </script>
+  </body>
+</html>

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

@@ -0,0 +1,126 @@
+<!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>
+        <button onclick="changeLocation()">更改标签位置</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 = [];
+      let p_new = [380076.313, 39099.805, 3236.421];
+      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() {
+        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);
+      }
+      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";
+        });
+      }
+      function changeLocation() {
+        console.log(labelList);
+        labelList[0].position = p_new;
+        console.log(labelList[0].position);
+        positionList = labelList.map((item) => item.position);
+        this.viewer.updateDisplay();
+      }
+    </script>
+  </body>
+</html>

package/demo//344/272/213/344/273/266/346/223/215/344/275/234//350/247/206/347/202/271/347/256/241/347/220/206.html ADDED Viewed

@@ -0,0 +1,86 @@
+<!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="getViews()">获取视点</button>
+        <button onclick="addView1()">添加视点1</button>
+        <button onclick="addView2()">添加视点2</button>
+        <button onclick="deleteView()">删除视点</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 objectID1 = "QMD+M+4G+HYD+XDRA01+EL002";
+      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.viewer.fitWorld();
+          });
+        }
+      );
+      function getViews() {
+        this.viewer.panelManager.viewPointPanel
+          .getViewPoints()
+          .then((viewPoints) => {
+            console.log("views", viewPoints);
+          });
+      }
+      function addView1() {
+        this.viewer.panelManager.viewPointPanel.addViewPoint("new1");
+      }
+      function addView2() {
+        this.viewer.panelManager.viewPointPanel.addViewPoint("new2");
+      }
+      function deleteView() {
+        this.viewer.panelManager.viewPointPanel
+          .getViewPoints()
+          .then((viewPoints) => {
+            alert("删除视点：" + viewPoints[0].name);
+            this.viewer.panelManager.viewPointPanel.deleteViewPointById(
+              viewPoints[0].id
+            );
+          });
+      }
+    </script>
+  </body>
+</html>

package/demo//344/272/213/344/273/266/346/223/215/344/275/234//350/247/206/350/247/222/350/275/254/346/215/242.html ADDED Viewed

@@ -0,0 +1,81 @@
+<head>
+  <meta charset="UTF-8" />
+  <title>视角转换</title>
+  <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="setScene1()">设置视角1</button>
+      <button onclick="setScene2()">设置视角2</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: [379720.251, 39004.605, 3324.137],
+      target: [379993.054, 39422.028, 3082.479],
+      up: [-0.453, -0.206, -0.867],
+      field: 554.132,
+    };
+    let aboutCamera2 = {
+      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 id = "632273cbbc278049a0898a0e";
+    let model1 = "632273cfbc278049a0898a12";
+    let objectID1 = "QMD+M+4G+HYD+XDRA01+EL002";
+    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.fitWorld();
+      });
+    });
+    function setScene1() {
+      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 setScene2() {
+      this.viewer.camera.position = aboutCamera2.position;
+      this.viewer.camera.target = aboutCamera.target;
+      this.viewer.camera.up = aboutCamera.up;
+      this.viewer.camera.setField(aboutCamera2.field, aboutCamera2.field);
+      // this.viewer.fitWorld();
+      this.viewer.updateDisplay();
+    }
+  </script>
+</body>

package/demo//344/272/213/344/273/266/346/223/215/344/275/234//350/256/276/347/275/256/347/273/223/346/236/204/346/240/221/347/202/271/345/207/273/344/272/213/344/273/266.html ADDED Viewed

@@ -0,0 +1,49 @@
+<!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">
+      <viewer-wrapper elementId="viewer" style="height: 100%; width: 100%" />
+    </div>
+    <script type="text/javascript">
+      new Vue({
+        el: "#app",
+      });
+      let options = {
+        // viewerType: "project",
+        elementId: "viewer",
+        modelService: "https://static.belife-bim.com/modelApi",
+        fileService: "https://static.belife-bim.com/fileApi",
+        components: {
+          structureTree: {
+            clickFun: (node) => {
+              console.log("结构树节点信息", node); //包含节点数据和属性
+              alert(node.name);
+            },
+          },
+        },
+      };
+      BimAir.Loader({ url: "https://static.belife-bim.com/bimAir" }).then(
+        () => {
+          let viewer = new BimAir.Viewer(options);
+          viewer.loadModels(["626b4d1ebfe39e58ae7b66a2"]).then(() => {});
+        }
+      );
+    </script>
+  </body>
+</html>

package/demo//345/217/202/346/225/260/345/214/226/350/256/276/350/256/241//345/217/202/346/225/260/345/214/226/345/273/272/346/250/241.html ADDED Viewed

@@ -0,0 +1,132 @@
+<!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="funInsertExtrudeBody()">创建拉伸体</button>
+        <button onclick="funInsertRotateBody()">创建旋转体</button>
+        <button onclick="funInsertCuboid()">参数化创建长方体</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 viewer;
+      BimAir.Loader({ url: "https://static.belife-bim.com/bimAir" }).then(
+        () => {
+          viewer = new BimAir.Viewer(options);
+          viewer
+            .loadModels(["63be1645cc5b00101d8f7419"])
+            .then((lightModels) => {
+              //
+            });
+        }
+      );
+      function funInsertExtrudeBody() {
+        // 拉伸体
+        let extOrigin = new Float64Array([0, 0, 0]);
+        let extXAxis = new Float64Array([1, 0, 0]);
+        let extYAxis = new Float64Array([0, 1, 0]);
+        let extExtrudeVector = new Float64Array([0, 0, 8]);
+        let extPolygonPoints = new Float64Array([
+          8, 0, 0, 8, 4, 0, 0, 4, 0, 0, 0, 0,
+        ]);
+        let segment = viewer.sceneSegment.subsegment("parametric1");
+        segment.clearGeometries();
+        let extrudeShell = viewer.parametricGeometryManager.insertExtrudeBody(
+          segment,
+          extOrigin,
+          extXAxis,
+          extYAxis,
+          extExtrudeVector,
+          extPolygonPoints
+        );
+        viewer.locateWorld(segment);
+      }
+      function funInsertRotateBody() {
+        // 旋转体
+        let rotOrigin = new Float64Array([10, 0, 0]);
+        let rotXAxis = new Float64Array([1, 0, 0]);
+        let rotYAxis = new Float64Array([0, 1, 0]);
+        let rotRotateOrigin = new Float64Array([0, 0, 0]);
+        let rotRotateAxis = new Float64Array([1, 0, 0]);
+        let rotRotateAngle = 60;
+        let rotPolygonPoints = new Float64Array([
+          8, 0, 0, 8, 4, 0, 0, 4, 0, 0, 0, 0,
+        ]);
+        let segment = viewer.sceneSegment.subsegment("parametric2");
+        segment.clearGeometries();
+        let rotateShell = viewer.parametricGeometryManager.insertRotateBody(
+          segment,
+          rotOrigin,
+          rotXAxis,
+          rotYAxis,
+          rotRotateOrigin,
+          rotRotateAxis,
+          rotRotateAngle,
+          rotPolygonPoints
+        );
+        viewer.locateWorld(segment);
+      }
+      function funInsertCuboid() {
+        // 通过参数管理器创建长方体
+        // 添加参数及表达式.
+        viewer.parameterManager.parameterMap["width"] = "8";
+        viewer.parameterManager.parameterMap["height"] = "width / 2";
+        viewer.parameterManager.parameterMap["extrudeLength"] =
+          "width + height";
+        // 长方体
+        let cuboidOrigin = new Float64Array([0, 10, 10]);
+        let cuboidXAxis = new Float64Array([1, 0, 0]);
+        let cuboidYAxis = new Float64Array([0, 1, 0]);
+        let width = viewer.parameterManager.getParameterValue("width");
+        let height = viewer.parameterManager.getParameterValue("height");
+        let extrudeLength =
+          viewer.parameterManager.getParameterValue("extrudeLength");
+        let segment = viewer.sceneSegment.subsegment("parametric3");
+        segment.clearGeometries();
+        let cuboidShell = viewer.parametricGeometryManager.insertCuboid(
+          segment,
+          cuboidOrigin,
+          cuboidXAxis,
+          cuboidYAxis,
+          width,
+          height,
+          extrudeLength
+        );
+        viewer.locateWorld(segment);
+      }
+    </script>
+  </body>
+</html>

package/demo//346/250/241/345/236/213/344/272/244/344/272/222//346/227/213/350/275/254/345/271/263/347/247/273/347/274/251/346/224/276.html ADDED Viewed

@@ -0,0 +1,131 @@
+<!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="funMovemodel()">平移模型</button>
+    <button onclick="funRotatemodel()">旋转模型</button>
+    <button onclick="funRotateseg()">旋转组件</button>
+    <button onclick="funScalemodel()">缩放模型</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 viewer;
+  let lightModels;
+  let tag_view = true;
+  let tag_visible = true;
+  let tag_color = 118;
+  let tag_load = true;
+  let scaleTime = 1;
+  let rotateTime = 0;
+  let moveTime = 0;
+  let shengyazhanModelId = "645e06e3ae09ef7882f4ff37"; //第一次加载升压站模型
+  let xuexiaoModelId = "645e06e3ae09ef7882f4ff39";
+  BimAir.Loader({ url: "https://static.belife-bim.com/bimAir" }).then(
+          () => {
+            viewer = new BimAir.Viewer(options);
+            viewer.loadModels([shengyazhanModelId]).then((resLightModels) => {
+              viewer.setViewMode(BimAir.Longan.ViewMode.Iso, true);
+              lightModels = resLightModels;
+              let SYZ_bb = viewer.computeViewBoundingBox(lightModels[0].segment);
+              let SYZ_bbCenter = new Float64Array([
+                (SYZ_bb[0] + SYZ_bb[3]) / 2,
+                (SYZ_bb[1] + SYZ_bb[4]) / 2,
+                (SYZ_bb[2] + SYZ_bb[5]) / 2,
+              ]);
+              viewer.updateDisplay();
+            });
+          }
+  );
+  function funMovemodel() {
+    console.log("~~~~~~~~~~~移动之前");
+    moveTime++;
+    console.log("移动之后", moveTime);
+    lightModels[0].translate = [1, -9 + moveTime * 10, 3.7];
+    viewer.updateDisplay();
+  }
+  function funRotatemodel() {
+    rotateTime += 90;
+    lightModels[0].rotate = [1, 1, rotateTime];
+    viewer.updateDisplay();
+  }
+  function funRotateseg(){
+    let rotateId = ["229965", "229980", "229990", "231068", "231070",
+      "231072", "231074", "231076", "231078", "231086", "231475", "231518",
+      "231080", "231082", "231084"];
+    rotateId.forEach(element => {
+      console.log("element=>>>>" + element);
+      let component = viewer.getComponent(shengyazhanModelId, element);
+      // let bb1 = viewer.computeViewBoundingBox(component.segment);
+      // console.log("bb1:", bb1);
+      let bb = viewer.computeBoundingBox(component.segment);
+      console.log("bb:", bb);
+      let center = [
+        (bb[0] + bb[3]) / 2,
+        (bb[1] + bb[4]) / 2,
+        (bb[2] + bb[5]) / 2,
+      ];
+      // 旋转一圈的耗时(s)
+      let speedOfTime = 10;
+      let id = viewer.animationManager.segmentRotateLoop(
+              viewer,
+              component,
+              new Float64Array(center),//旋转点
+              new Float64Array([0, 0, 1]),//旋转轴
+              speedOfTime//时间
+      );
+      viewer.animationManager.run([id]);
+    });
+  }
+  function funScalemodel() {
+    if(scaleTime<=1){
+      scaleTime += 0.1;
+      lightModels[0].scale = [scaleTime, scaleTime, scaleTime];
+      viewer.updateDisplay();
+    }
+    else{
+      scaleTime -= 0.1;
+      lightModels[0].scale = [scaleTime, scaleTime, scaleTime];
+      viewer.updateDisplay();
+    }
+  }
+</script>
+</body>
+</html>