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//347/273/223/346/236/204/346/240/221/344/270/216/346/236/204/344/273/266//351/242/234/350/211/262/346/214/211/351/222/256.html ADDED Viewed

@@ -0,0 +1,95 @@
+<!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="setAllColor()">设置模型颜色</button>
+        <button onclick="setComponentsColor()">设置构件颜色</button>
+        <button onclick="cancelAllColor()">取消颜色</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.updateDisplay();
+      }
+      function setAllColor() {
+        let material1 = new BimAir.Material(this.viewer, "test");
+        material1.setColor(127, 250, 0, 1);
+        this.lightModels[0].setAllComponentsVisible(false);
+        let objcet1 = this.lightModels[1].segmentObject;
+        objcet1.setMaterial(material1);
+        this.viewer.updateDisplay();
+      }
+      function setComponentsColor() {
+        let material2 = new BimAir.Material(this.viewer, "test2");
+        material2.setColor(127, 0, 0, 1);
+        this.lightModels[1].setComponentsColor([objectID1], material2);
+        this.viewer.updateDisplay();
+      }
+      function cancelAllColor() {
+        this.lightModels[1].setAllComponentsColor(null);
+        this.viewer.updateDisplay();
+      }
+    </script>
+  </body>
+</html>

package/docs/.nojekyll ADDED Viewed

	@@ -0,0 +1 @@
1	+ TypeDoc added this file to prevent GitHub Pages from using Jekyll. You can turn off this behavior by setting the `githubPages` option to false.

package/docs/.vuepress/config.js ADDED Viewed

@@ -0,0 +1,357 @@
+module.exports = {
+  base: "/apiDocsHtml/webDocsHtml/",
+  title: "JavaScript API",
+  markdown: {
+    lineNumbers: true,
+  },
+  dest: "public/apiDocsHtml/webDocsHtml",
+  // home: "/快速上手/",
+  themeConfig: {
+    sidebarDepth: 0,
+    smoothScroll: true,
+    sidebar: [
+      {
+        title: "简介",
+        collapsable: true,
+        children: ["/简介.md"],
+      },
+      {
+        title: "教程",
+        collapsable: true,
+        children: [
+          {
+            title: "加载显示模型",
+            path: "/",
+          },
+          // "/加载显示模型.md",
+          {
+            title: "结构树与构件",
+            collapsable: true,
+            children: [
+              "/结构树与构件/结构树.md",
+              "/结构树与构件/构件样式设置.md",
+              "/结构树与构件/构件隐藏、隔离、高亮.md",
+              "/结构树与构件/构件定位、属性显示.md",
+            ],
+          },
+          {
+            title: "模型交互",
+            collapsable: true,
+            children: [
+              "/模型交互/事件监听.md",
+              "/模型交互/视图设置.md",
+              "/模型交互/选择管理器.md",
+            ],
+          },
+          {
+            title: "配置",
+            collapsable: true,
+            children: [
+              {
+                title: "Loader的配置",
+                path: "/配置/LoaderOptions.md",
+              },
+              {
+                title: "Viewer的配置",
+                path: "/配置/Options.md",
+              },
+            ],
+          },
+        ],
+      },
+      // {
+      //   title: "接口文档",
+      //   collapsable: true,
+      //   //设置不展开任何分组，默认值是0，默认展开第一个分组
+      //   initialOpenGroupIndex: -1,
+      //   sidebarDepth: 1,
+      //   smoothScroll: true,
+      //   children: [
+      //     "/web端/动画.md",
+      //     "/web端/管理器.md",
+      //     "/web端/对象.md",
+      //     "/web端/加载.md",
+      //     "/web端/配置.md",
+      //     "/web端/其他.md"
+      //   ],
+      // },
+      {
+        title: "接口文档",
+        collapsable: true,
+        initialOpenGroupIndex: -1,
+        // sidebarDepth: 2,
+        smoothScroll: true,
+        children: [
+          {
+            title: "动画",
+            collapsable: true,
+            sidebarDepth: 1,
+            children: [
+              "/web端/动画-扇形扫描（FanScan）.md",
+              "/web端/动画-控高分析（HeightLimit）.md",
+              "/web端/动画-分段染色（RegionLimit）.md",
+              "/web端/动画-立体锚点（Anchor）.md",
+              "/web端/动画-填挖方分析（CutFillAnalysis）.md",
+              "/web端/动画-热力图（HeatMap）.md",
+              "/web端/动画-路径效果（PathEffect）.md",
+              "/web端/动画-天空盒（Skybox）.md",
+              "/web端/动画-雪天（SnowEffect）.md",
+              "/web端/动画-聚光灯（SpotLight）.md",
+              "/web端/动画-围墙（WallScan）.md",
+              "/web端/动画-水面效果（WaterEffect）.md",
+              "/web端/动画-UV效果（UvEffect）.md",
+              "/web端/动画-可视性分析（SightlineAnalysis）.md"
+            ]
+          },
+          {
+            title: "对象",
+            collapsable: true,
+            sidebarDepth: 1,
+            children: [
+              "/web端/对象-树节点对象（TreeNodeObject）.md",
+              "/web端/对象-轻量化模型（lightModel）.md",
+              "/web端/对象-模型节点对象（segmentObject）.md",
+              "/web端/对象-钻孔组对象（BoreholeObjects）.md"
+            ]
+          },
+          {
+            title: "管理器",
+            collapsable: true,
+            sidebarDepth: 1,
+            children: [
+              "/web端/管理器-动画管理器（AnimationManager）.md",
+              "/web端/管理器-材质管理器（MaterialManager）.md",
+              "/web端/管理器-构件管理器（ComponentManager）.md",
+              "/web端/管理器-高亮管理器（HighlightManager）.md",
+              "/web端/管理器-隔离管理器（IsolationManager）.md",
+              "/web端/管理器-可视性管理器（InvisibleManager）.md",
+              "/web端/管理器-面板管理器（PanelManager）.md",
+              "/web端/管理器-参数管理器（ParameterManager）.md",
+              "/web端/管理器-参数化几何管理器（ParametricGeometryManager）.md",
+              "/web端/管理器-属性管理器（PropertyManager）.md",
+              "/web端/管理器-选择管理器（SelectionManager）.md",
+              "/web端/管理器-结构树管理器（StructureTreeManager）.md",
+              "/web端/管理器-临时对象管理器（TemporaryObjectManager）.md"
+            ]
+          },
+          {
+            title: "加载",
+            collapsable: true,
+            sidebarDepth: 1,
+            children: [
+              "/web端/加载-视图（Viewer）.md",
+              "/web端/加载-视点面板（ViewPointPanel）.md",
+              "/web端/加载-相机（Camera）.md"
+            ]
+          },
+          {
+            title: "配置",
+            collapsable: true,
+            sidebarDepth: 1,
+            children: [
+              "/web端/配置-显示边框（ShowBorder）.md",
+              "/web端/配置-加载选项（LoaderOptions）.md",
+              "/web端/配置-视图选项（viewerOptions）.md"
+            ]
+          },
+          {
+            title: "其他",
+            collapsable: true,
+            sidebarDepth: 1,
+            children: [
+              "/web端/其他-路径漫游（PathRoam）.md",
+              "/web端/其他-材质（Material）.md",
+              "/web端/其他-构件选择器（ComponentSelector）.md",
+              "/web端/其他-事件监听（EventListener）"
+            ]
+          },
+        ],
+      },
+      // {
+      //   title: "BimAir文档",
+      //   collapsable: true,
+      //   children: [
+      //     {
+      //       title: "BimAir",
+      //       path: "/gs-bim-air.md",
+      //     },
+      //     {
+      //       title: "模型视图Viewer",
+      //       path: "/classes/Viewer.md",
+      //     },
+      //     {
+      //       title: "配置Options",
+      //       collapsable: true,
+      //       children: [
+      //         {
+      //           title: "ViewerOptions",
+      //           path: "/interfaces/ViewerOptions.md",
+      //         },
+      //         {
+      //           title: "ToolbarVisible",
+      //           path: "/interfaces/ToolbarVisible.md",
+      //         },
+      //       ],
+      //     },
+      //     {
+      //       title: "绘制对象",
+      //       collapsable: true,
+      //       children: [
+      //         {
+      //           title: "LightModel",
+      //           path: "/classes/LightModel.md",
+      //         },
+      //         {
+      //           title: "TreeNodeObject",
+      //           path: "/classes/TreeNodeObject.md",
+      //         },
+      //         {
+      //           title: "SegmentObject",
+      //           path: "/classes/SegmentObject.md",
+      //         },
+      //         {
+      //           title: "Material",
+      //           path: "/classes/Material.md",
+      //         },
+      //       ],
+      //     },
+      //     {
+      //       title: "管理器",
+      //       collapsable: true,
+      //       children: [
+      //         {
+      //           title: "ComponentManager",
+      //           path: "/classes/ComponentManager.md",
+      //         },
+      //         {
+      //           title: "HighlightManager",
+      //           path: "/classes/HighlightManager.md",
+      //         },
+      //         {
+      //           title: "InvisibleManager",
+      //           path: "/classes/InvisibleManager.md",
+      //         },
+      //         {
+      //           title: "IsolationManager",
+      //           path: "/classes/IsolationManager.md",
+      //         },
+      //         {
+      //           title: "PanelManager",
+      //           path: "/classes/PanelManager.md",
+      //         },
+      //         {
+      //           title: "PropertyManager",
+      //           path: "/classes/PropertyManager.md",
+      //         },
+      //         {
+      //           title: "SelectionManager",
+      //           path: "/classes/SelectionManager.md",
+      //         },
+      //         {
+      //           title: "StructureTreeManager",
+      //           path: "/classes/StructureTreeManager.md",
+      //         },
+      //       ],
+      //     },
+      //     {
+      //       title: "操作器",
+      //       collapsable: true,
+      //       children: [
+      //         {
+      //           title: "ComponentSelector",
+      //           path: "/classes/ComponentSelector.md",
+      //         },
+      //       ],
+      //     },
+      //     {
+      //       title: "动画效果Animation",
+      //       collapsable: true,
+      //       children: [
+      //         {
+      //           title: "HeightLimitEffect",
+      //           path: "/classes/Animation.HeightLimitEffect.md",
+      //         },
+      //         {
+      //           title: "HeightLimitEffectConfig",
+      //           path: "/classes/Animation.HeightLimitEffectConfig.md",
+      //         },
+      //         {
+      //           title: "PathEffect",
+      //           path: "/classes/Animation.PathEffect.md",
+      //         },
+      //         {
+      //           title: "PathEffectConfig",
+      //           path: "/classes/Animation.PathEffectConfig.md",
+      //         },
+      //         {
+      //           title: "SkyboxEffect",
+      //           path: "/classes/Animation.SkyboxEffect.md",
+      //         },
+      //         {
+      //           title: "SkyboxEffectConfig",
+      //           path: "/classes/Animation.SkyboxEffectConfig.md",
+      //         },
+      //         {
+      //           title: "SnowEffect",
+      //           path: "/classes/Animation.SnowEffect.md",
+      //         },
+      //         {
+      //           title: "SnowEffectConfig.md",
+      //           path: "/classes/Animation.SnowEffectConfig.md",
+      //         },
+      //         {
+      //           title: "WallEffect",
+      //           path: "/classes/Animation.WallEffect.md",
+      //         },
+      //         {
+      //           title: "WallEffectConfig",
+      //           path: "/classes/Animation.WallEffectConfig.md",
+      //         },
+      //         {
+      //           title: "WaterEffect",
+      //           path: "/classes/Animation.WaterEffect.md",
+      //         },
+      //         {
+      //           title: "WaterEffectConfig",
+      //           path: "/classes/Animation.WaterEffectConfig.md",
+      //         },
+      //         {
+      //           title: "CircleScanEffect",
+      //           path: "/classes/Animation.CircleScanEffect.md",
+      //         },
+      //         {
+      //           title: "CircleScanEffectConfig",
+      //           path: "/classes/Animation.CircleScanEffectConfig.md",
+      //         },
+      //         {
+      //           title: "FanScanEffect",
+      //           path: "/classes/Animation.FanScanEffect.md",
+      //         },
+      //         {
+      //           title: "FanScanEffectConfig",
+      //           path: "/classes/Animation.FanScanEffectConfig.md",
+      //         },
+      //       ],
+      //     },
+      //   ],
+      // }
+    ],
+  },
+  plugins: [
+    "vuepress-plugin-mermaidjs",
+    // [
+    //   "vuepress-plugin-typedoc",
+    //   // Plugin / TypeDoc options
+    //   {
+    //     entryPoints: ["../../../packages/bimAir/src/index.ts"],
+    //     tsconfig: "../../../packages/bimAir/src/tsconfig.json",
+    //     // 插件选项
+    //     out: "api",
+    //     sidebar: {
+    //       fullNames: true,
+    //       parentCategory: "API",
+    //     },
+    //   },
+    // ],
+  ],
+};

package/docs/.vuepress/styles/palette.styl ADDED Viewed

@@ -0,0 +1,12 @@
+.sidebar-group.is-sub-group > .sidebar-heading:not(.clickable){
+  opacity :1
+}
+.sidebar {
+  //background-color: #f0f0f0;
+  //border: 1px solid #ccc;
+  width: 350px;
+}
+ .theme-default-content:not(.custom) {
+  max-width: 1000px;
+}

package/docs/README.md ADDED Viewed

@@ -0,0 +1,99 @@
+# 加载显示模型
+要显示一个模型首先需要先加载 BimAir 的全部依赖，调用 `BimAir.Loader()` 加载 Longan 内核的和其他必要的文件，在 `BimAir.Loader()` 返回的 Promise 内创建一个 `BimAir.Viewer` 来作为承载模型的容器，最后执行 `viewer.loadModels()` 请求加载模型
+## 加载依赖
+```js
+BimAir.Loader({
+  /**
+   * 配置是否开启SharedArrayBuffer，若关闭，viewer.isUpdateTt 需要同步设 false，
+   * 若开启，则需要在请求头添加以下两行
+   * "Cross-Origin-Embedder-Policy": *"require-corp",
+   * "Cross-Origin-Opener-Policy": "same-origin",
+   */
+  isShareArrayBuffer: false,
+  url: "https://static.graphicstone.com/bimAir", // url 是 longan依赖文件路径前缀，若文件已放到 /public/js 则不需要设置，函数内部拼成的完整url实际是 https://static.graphicstone.com/bimAir/js/longan/longan.js
+  isInitDataBase: false, //通常我们会在创建 Viewer 的时候执行 InitDataBase 初始化图形数据库，如果你不需要创建 Viewer 而想要直接管理数据，可提前 InitDataBase
+});
+```
+完整配置可查看[Options](./配置/LoaderOptions.md)
+## 创建 Viewer 容器
+三维模型需要显示在一个容器上，Viewer 就是一个通过 id 与 html 元素绑定的容器。
+```js
+let options = {
+  elementId: "viewer", //与html元素的id一致
+  modelService: "https://static.graphicstone.com/modelApi", //模型加载的后台服务
+  fileService: "https://static.graphicstone.com/fileApi", //文件管理的后台服务
+};
+let viewer = new BimAir.Viewer(options);
+```
+完整配置可查看[Options](./配置/Options.md)
+## 加载模型
+创建完 viewer 后需要通过 loadModels 加载模型，需要传入模型 id 和模型版本，版本可不传，默认为当前版本
+```js
+viewer.loadModels([{ id: "6253e9d6b0545a0a6e49bf85", version: 0 }], true, true);
+```
+完整接口可查看[Viewer.loadModels](./classes/Viewer.md#loadmodels)
+#### 完整例子
+```html
+<template>
+  <div id="app">
+    <div id="viewerWrapper">
+      <viewer-wrapper elementId="viewer"></viewer-wrapper>
+    </div>
+  </div>
+</template>
+<script>
+  import Vue from "vue";
+  import BimAir from "gs-bim-air";
+  import "gs-bim-air/lib/BimAir.css";
+  Vue.use(BimAir.ViewerWrapper);
+  export default {
+    name: "App",
+    components: {},
+    methods: {},
+    mounted() {
+      let options = {
+        elementId: "viewer",
+        modelService: "https://static.graphicstone.com/modelApi",
+        fileService: "https://static.graphicstone.com/fileApi",
+      };
+      BimAir.Loader().then(() => {
+        let viewer = new BimAir.Viewer(options);
+        viewer.loadModels(["6253e9d6b0545a0a6e49bf85"]).then(() => {
+          viewer.fitWorld();
+        });
+      });
+    },
+  };
+</script>
+<style>
+  #app {
+    margin: 0;
+    padding: 0;
+    height: 100vh;
+  }
+  #viewerWrapper {
+    height: 100vh;
+  }
+</style>
+```