npm - gs-bim-air - Versions diffs - 2.0.0-beta.4 → 2.0.0-beta.7 - Mend

gs-bim-air 2.0.0-beta.4 → 2.0.0-beta.7

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 (111) hide show

package/demo//346/250/241/345/236/213/346/225/210/346/236/234//351/233/252/345/244/251/346/225/210/346/236/234.html CHANGED Viewed

@@ -3,28 +3,21 @@
   <head>
     <meta charset="UTF-8" />
     <title>雪天效果</title>
+    <!-- demo的样式 -->
+    <link rel="stylesheet" href="../assets/demo.css" />
     <link
       rel="stylesheet"
-      href="https://static.graphicstone.com/bimAir/BimAir.css"
+      href="https://static.belife-bim.com/bimAir/BimAir.css"
     />
-    <script src="https://static.graphicstone.com/vue.min.js"></script>
-    <script src="https://static.graphicstone.com/bimAir/BimAir.umd.min.js"></script>
+    <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>
-    <style>
-      body {
-        margin: 0;
-        padding: 0;
-        height: 100vh;
-      }
-      #app {
-        height: 100vh;
-        position: relative;
-      }
-    </style>
     <div id="app">
+      <div class="button-group">
+        <button onclick="create()">添加雪天效果</button>
+      </div>
       <viewer-wrapper elementId="viewer" style="height: 100%; width: 100%" />
     </div>
@@ -36,22 +29,25 @@
         // viewerType: "model",
         elementId: "viewer",
-        modelService: "https://static.graphicstone.com/modelApi",
-        fileService: "https://static.graphicstone.com/fileApi",
+        modelService: "https://static.belife-bim.com/modelApi",
+        fileService: "https://static.belife-bim.com/fileApi",
       };
+      let viewer;
       BimAir.Loader({ url: "https://static.graphicstone.com/bimAir" }).then(
         () => {
-          let viewer = new BimAir.Viewer(options);
+          viewer = new BimAir.Viewer(options);
           let projectId = "626b4d1ebfe39e58ae7b66a2";
-          viewer.loadModels(projectId).then(() => {
-            let snowEffectConfig = new BimAir.Animation.SnowEffectConfig(
-              viewer
-            );
-            let snowEffect = new BimAir.Animation.SnowEffect(snowEffectConfig);
-          });
+          viewer.loadModels(projectId).then(() => {});
         }
       );
+      function create() {
+        let snowEffectConfig = new BimAir.Animation.SnowEffectConfig(viewer);
+        let snowEffect = new BimAir.Animation.SnowEffect(snowEffectConfig);
+        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//345/244/232/346/236/204/344/273/266/345/211/226/345/210/207.html CHANGED Viewed

@@ -1,94 +1,89 @@
 <!DOCTYPE html>
 <html>
-<head>
-    <meta charset="UTF-8">
+  <head>
+    <meta charset="UTF-8" />
     <title>多构件剖切</title>
-    <link rel="stylesheet" href="https://static.graphicstone.com/bimAir/BimAir.css">
-    </link>
-</head>
-<body>
-    <style>
-        body {
-            margin: 0;
-            padding: 0;
-            height: 100vh;
-        }
-        #app {
-            height: 100vh;
-            position: relative;
-        }
-    </style>
+    <!-- demo的样式 -->
+    <link rel="stylesheet" href="../assets/demo.css" />
+    <link
+      rel="stylesheet"
+      href="https://static.belife-bim.com/bimAir/BimAir.css"
+    />
+  </head>
+  <body>
     <div id="app">
-        <!-- <div id="viewer">
-        </div> -->
-        <viewer-wrapper elementId="viewer" style="height: 100%; width: 100%" />
+      <div class="button-group">
+        <button onclick="create()">多构件剖切</button>
+      </div>
+      <viewer-wrapper elementId="viewer" style="height: 100%; width: 100%" />
     </div>
-    <script src="https://static.graphicstone.com/vue.min.js"></script>
-    <script src="https://static.graphicstone.com/bimAir/BimAir.umd.min.js"></script>
+    <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 timer = setTimeout(() => {
-            let options = {
-                // viewerType: "model",
-                elementId: "viewer",
-                modelService: "https://static.graphicstone.com/modelApi",
-                fileService: "https://static.graphicstone.com/fileApi",
-            }
-            BimAir.Loader({ url: "https://static.graphicstone.com/bimAir" }).then(() => {
-                let viewer = new BimAir.Viewer(options)
-                viewer.loadModels(["626b4d1ebfe39e58ae7b66a2"]).then((lightModels) => {
-                    //方式一，通过构件id和剖切选项直接创建剖切面
-                    //--------------------------------------
-                    //创建剖切面选项
-                    let cuttingOptions = new BimAir.CuttingOptions();
-                    cuttingOptions.type = BimAir.CuttingCreateType.BoundingBoxZ;
-                    cuttingOptions.ratio = 0.5;
-                    cuttingOptions.color = [186, 135, 243, 1];
-                    //通过构件id和选项设置剖面面
-                    lightModels[0].setCutting("849032", cuttingOptions);
-                    //方式二，通过结构树节点和剖切选项创建剖切面
-                    //--------------------------------------
-                    //创建剖切面选项
-                    cuttingOptions = new BimAir.CuttingOptions();
-                    cuttingOptions.type = BimAir.CuttingCreateType.BoundingBoxZ;
-                    cuttingOptions.ratio = 0.5;
-                    //通过结构树上的节点名称获取节点对象
-                    let roofNode = viewer.structureTreeManager.getTreeNodesByName("Roof Line");
-                    //通过节点创建剖切面
-                    roofNode.items[0].segmentObject.setCutting(cuttingOptions);
-                    //创建剖切面选项
-                    cuttingOptions = new BimAir.CuttingOptions();
-                    cuttingOptions.type = BimAir.CuttingCreateType.BoundingBoxZ;
-                    cuttingOptions.ratio = 0.2;
-                    cuttingOptions.color = [36, 172, 242, 1];
-                    //通过结构树上的节点名称获取节点对象
-                    let wallNode = viewer.structureTreeManager.getTreeNodesByName("SIP 202mm Wall - conc clad");
-                    //通过节点创建剖切面
-                    wallNode.items[0].segmentObject.setCutting(cuttingOptions);
-                    viewer.updateDisplay();
-                });
-            })
-        }, 1000)
+      new Vue({
+        el: "#app",
+      });
+      let options = {
+        // viewerType: "model",
+        elementId: "viewer",
+        modelService: "https://static.graphicstone.com/modelApi",
+        fileService: "https://static.graphicstone.com/fileApi",
+      };
+      let viewer, lightModels;
+      BimAir.Loader({ url: "https://static.graphicstone.com/bimAir" }).then(
+        () => {
+          viewer = new BimAir.Viewer(options);
+          viewer.loadModels(["626b4d1ebfe39e58ae7b66a2"]).then((res) => {
+            lightModels = res;
+          });
+        }
+      );
+      function create() {
+        //方式一，通过构件id和剖切选项直接创建剖切面
+        //--------------------------------------
+        //创建剖切面选项
+        let cuttingOptions = new BimAir.CuttingOptions();
+        cuttingOptions.type = BimAir.CuttingCreateType.BoundingBoxZ;
+        cuttingOptions.ratio = 0.5;
+        cuttingOptions.color = [186, 135, 243, 1];
+        //通过构件id和选项设置剖面面
+        lightModels[0].setCutting("849032", cuttingOptions);
+        //方式二，通过结构树节点和剖切选项创建剖切面
+        //--------------------------------------
+        //创建剖切面选项
+        cuttingOptions = new BimAir.CuttingOptions();
+        cuttingOptions.type = BimAir.CuttingCreateType.BoundingBoxZ;
+        cuttingOptions.ratio = 0.5;
+        //通过结构树上的节点名称获取节点对象
+        let roofNode =
+          viewer.structureTreeManager.getTreeNodesByName("Roof Line");
+        //通过节点创建剖切面
+        roofNode.items[0].segmentObject.setCutting(cuttingOptions);
+        //创建剖切面选项
+        cuttingOptions = new BimAir.CuttingOptions();
+        cuttingOptions.type = BimAir.CuttingCreateType.BoundingBoxZ;
+        cuttingOptions.ratio = 0.2;
+        cuttingOptions.color = [36, 172, 242, 1];
+        //通过结构树上的节点名称获取节点对象
+        let wallNode = viewer.structureTreeManager.getTreeNodesByName(
+          "SIP 202mm Wall - conc clad"
+        );
+        //通过节点创建剖切面
+        wallNode.items[0].segmentObject.setCutting(cuttingOptions);
+        viewer.updateDisplay();
+      }
     </script>
-</body>
-</html>
+  </body>
+</html>

package/demo//347/273/223/346/236/204/346/240/221/344/270/216/346/236/204/344/273/266//345/256/232/344/275/215/346/236/204/344/273/266.html CHANGED Viewed

@@ -1,112 +1,110 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-    <meta charset="UTF-8">
+  <head>
+    <meta charset="UTF-8" />
     <title>定位构件</title>
-    <link rel="stylesheet" href="https://static.graphicstone.com/bimAir/BimAir.css">
+    <!-- demo的样式 -->
+    <link rel="stylesheet" href="../assets/demo.css" />
+    <link
+      rel="stylesheet"
+      href="https://static.belife-bim.com/bimAir/BimAir.css"
+    />
     <script src="https://static.graphicstone.com/vue.min.js"></script>
     <script src="https://static.graphicstone.com/bimAir/BimAir.umd.min.js"></script>
-    </link>
-</head>
+  </head>
-<body>
+  <body>
     <style>
-        body {
-            margin: 0;
-            padding: 0;
-            height: 100vh;
-        }
-        #app {
-            height: 100vh;
-            position: relative;
-        }
-        button {
-            margin: 20px 20px 20px 20px;
-            width: 120px;
-            height: 40px;
-            border-radius: 3px;
-            border: none;
-            background: #006fe4;
-            color: #FFFFFF;
-            outline: none;
-        }
-        .button-group {
-            position: absolute;
-            z-index: 100;
-            top: 5px;
-            left: 70px;
-        }
-        input {
-            margin: 0 10px;
-            padding: 0 10px;
-            width: 270px;
-            height: 28px;
-            border: 1px solid #CCCCCC;
-            border-radius: 3px;
-            font-size: 14px;
-        }
+      body {
+        margin: 0;
+        padding: 0;
+        height: 100vh;
+      }
+      #app {
+        height: 100vh;
+        position: relative;
+      }
+      button {
+        margin: 20px 20px 20px 20px;
+        width: 120px;
+        height: 40px;
+        border-radius: 3px;
+        border: none;
+        background: #006fe4;
+        color: #ffffff;
+        outline: none;
+      }
+      .button-group {
+        position: absolute;
+        z-index: 100;
+        top: 5px;
+        left: 70px;
+      }
+      input {
+        margin: 0 10px;
+        padding: 0 10px;
+        width: 270px;
+        height: 28px;
+        border: 1px solid #cccccc;
+        border-radius: 3px;
+        font-size: 14px;
+      }
     </style>
     <div id="app">
-        <div class="button-group">
-            <input type="text" id="inputID" placeholder="输入构件ID,多个ID中间用英文逗号相连">
-            <button onclick="locateID()">定位构件</button>
-        </div>
-        <viewer-wrapper elementId="viewer" style="height: 100%; width: 100%" />
+      <div class="button-group">
+        <input
+          type="text"
+          id="inputID"
+          placeholder="输入构件ID,多个ID中间用英文逗号相连"
+        />
+        <button onclick="locateID()">定位构件</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.graphicstone.com/modelApi",
-            fileService: "https://static.graphicstone.com/fileApi",
+      new Vue({
+        el: "#app",
+      });
+      let options = {
+        // viewerType: "model",
+        elementId: "viewer",
+        modelService: "https://static.graphicstone.com/modelApi",
+        fileService: "https://static.graphicstone.com/fileApi",
+      };
+      let id = "632273cbbc278049a0898a0e";
+      BimAir.Loader({ url: "https://static.graphicstone.com/bimAir" }).then(
+        () => {
+          viewer = new BimAir.Viewer(options);
+          this.viewer = viewer;
+          this.viewer.loadModels([id]).then((lightModels) => {
+            this.lightModels = lightModels;
+            this.viewer.fitWorld();
+            // this.viewer.updateDisplay();
+          });
         }
-        let id = "632273cbbc278049a0898a0e";
-        BimAir.Loader({ url: "https://static.graphicstone.com/bimAir" }).then(() => {
-            viewer = new BimAir.Viewer(options);
-            this.viewer = viewer;
-            this.viewer.loadModels([id]).then((lightModels) => {
-                this.lightModels = lightModels;
-                this.viewer.fitWorld();
-                // this.viewer.updateDisplay();
-            });
-        })
-        //  构件ID：1d3c041b27e00e065855bf2a5210db3d,724c3b0f3a87e66960348b1b7d201613
-        function locateID() {
-            let ids = document.getElementById("inputID");
-            let IDList = ids.value.split(",");
-            let tempTreeNode;
-            let TreeNodes = [];
-            console.log(IDList);
-            IDList.forEach(item => {
-                tempTreeNode = this.viewer.getComponent(id, item);
-                TreeNodes.push(tempTreeNode);
-            });
-            this.viewer.locateObject(TreeNodes);
-            this.lightModels[0].setComponentsHighlight(IDList, true);
-            this.viewer.updateDisplay();
-        }
+      );
+      //  构件ID：1d3c041b27e00e065855bf2a5210db3d,724c3b0f3a87e66960348b1b7d201613
+      function locateID() {
+        let ids = document.getElementById("inputID");
+        let IDList = ids.value.split(",");
+        let tempTreeNode;
+        let TreeNodes = [];
+        console.log(IDList);
+        IDList.forEach((item) => {
+          tempTreeNode = this.viewer.getComponent(id, item);
+          TreeNodes.push(tempTreeNode);
+        });
+        this.viewer.locateObject(TreeNodes);
+        this.lightModels[0].setComponentsHighlight(IDList, true);
+        this.viewer.updateDisplay();
+      }
     </script>
-</body>
-</html>
+  </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/345/261/236/346/200/247.html CHANGED Viewed

@@ -3,28 +3,21 @@
   <head>
     <meta charset="UTF-8" />
     <title>构件属性</title>
+    <!-- demo的样式 -->
+    <link rel="stylesheet" href="../assets/demo.css" />
     <link
       rel="stylesheet"
-      href="https://static.graphicstone.com/bimAir/BimAir.css"
+      href="https://static.belife-bim.com/bimAir/BimAir.css"
     />
-    <script src="https://static.graphicstone.com/vue.min.js"></script>
-    <script src="https://static.graphicstone.com/bimAir/BimAir.umd.min.js"></script>
+    <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>
-    <style>
-      body {
-        margin: 0;
-        padding: 0;
-        height: 100vh;
-      }
-      #app {
-        height: 100vh;
-        position: relative;
-      }
-    </style>
     <div id="app">
+      <div class="button-group">
+        <button onclick="getProperties()">获取构件属性</button>
+      </div>
       <viewer-wrapper elementId="viewer" style="height: 100%; width: 100%" />
     </div>
@@ -34,27 +27,30 @@
       });
       let options = {
         elementId: "viewer",
-        modelService: "https://static.graphicstone.com/modelApi",
-        fileService: "https://static.graphicstone.com/fileApi",
+        modelService: "https://static.belife-bim.com/modelApi",
+        fileService: "https://static.belife-bim.com/fileApi",
       };
+      let viewer, lightModels;
       BimAir.Loader({ url: "https://static.graphicstone.com/bimAir" }).then(
         () => {
-          let viewer = new BimAir.Viewer(options);
-          viewer
-            .loadModels(["626b4d1ebfe39e58ae7b66a2"])
-            .then((lightModels) => {
-              let segmentObject = viewer.getComponent(
-                lightModels[0].modelId,
-                "243274"
-              );
-              viewer.propertyManager
-                .getProperty(segmentObject)
-                .then((properties) => {
-                  console.log("属性", properties);
-                });
-            });
+          viewer = new BimAir.Viewer(options);
+          viewer.loadModels(["626b4d1ebfe39e58ae7b66a2"]).then((res) => {
+            lightModels = res;
+          });
         }
       );
+      function getProperties() {
+        let segmentObject = viewer.getComponent(
+          lightModels[0].modelId,
+          "243274"
+        );
+        viewer.propertyManager.getProperty(segmentObject).then((properties) => {
+          console.log("属性", properties);
+          alert("f12在控制台查看属性");
+        });
+      }
     </script>
   </body>
 </html>