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

package/docs/enums/Longan.SelectabilityType.md

@@ -0,0 +1,31 @@
+[gs-bim-air](../gs-bim-air.md) / [Longan](../modules/Longan.md) / SelectabilityType
+
+# Enumeration: SelectabilityType
+
+[Longan](../modules/Longan.md).SelectabilityType
+
+## Table of contents
+
+### Enumeration Members
+
+- [Off](Longan.SelectabilityType.md#off)
+- [On](Longan.SelectabilityType.md#on)
+- [OnInvisibility](Longan.SelectabilityType.md#oninvisibility)
+
+## Enumeration Members
+
+### Off
+
+• **Off** = ``1``
+
+___
+
+### On
+
+• **On** = ``0``
+
+___
+
+### OnInvisibility
+
+• **OnInvisibility** = ``2``

package/docs/enums/Longan.UvType.md

@@ -0,0 +1,24 @@
+[gs-bim-air](../gs-bim-air.md) / [Longan](../modules/Longan.md) / UvType
+
+# Enumeration: UvType
+
+[Longan](../modules/Longan.md).UvType
+
+## Table of contents
+
+### Enumeration Members
+
+- [Fill](Longan.UvType.md#fill)
+- [Title](Longan.UvType.md#title)
+
+## Enumeration Members
+
+### Fill
+
+• **Fill** = ``1``
+
+___
+
+### Title
+
+• **Title** = ``0``

package/docs/enums/Longan.ViewportType.md

@@ -0,0 +1,24 @@
+[gs-bim-air](../gs-bim-air.md) / [Longan](../modules/Longan.md) / ViewportType
+
+# Enumeration: ViewportType
+
+[Longan](../modules/Longan.md).ViewportType
+
+## Table of contents
+
+### Enumeration Members
+
+- [window](Longan.ViewportType.md#window)
+- [world](Longan.ViewportType.md#world)
+
+## Enumeration Members
+
+### window
+
+• **window** = ``"window"``
+
+___
+
+### world
+
+• **world** = ``"world"``

package/docs/enums/ModelStatus.md

@@ -0,0 +1,85 @@
+[gs-bim-air](../gs-bim-air.md) / ModelStatus
+
+# Enumeration: ModelStatus
+
+## Table of contents
+
+### Enumeration Members
+
+- [ConvertDone](ModelStatus.md#convertdone)
+- [ConvertFail](ModelStatus.md#convertfail)
+- [ConvertNo](ModelStatus.md#convertno)
+- [ConvertWait](ModelStatus.md#convertwait)
+- [Converting](ModelStatus.md#converting)
+- [SeparateDone](ModelStatus.md#separatedone)
+- [SeparateFail](ModelStatus.md#separatefail)
+- [SeparateNo](ModelStatus.md#separateno)
+- [Separating](ModelStatus.md#separating)
+- [UploadFail](ModelStatus.md#uploadfail)
+- [Uploading](ModelStatus.md#uploading)
+
+## Enumeration Members
+
+### ConvertDone
+
+• **ConvertDone** = ``"转换完成"``
+
+___
+
+### ConvertFail
+
+• **ConvertFail** = ``"转换失败"``
+
+___
+
+### ConvertNo
+
+• **ConvertNo** = ``"未转换"``
+
+___
+
+### ConvertWait
+
+• **ConvertWait** = ``"等待转换"``
+
+___
+
+### Converting
+
+• **Converting** = ``"正在转换"``
+
+___
+
+### SeparateDone
+
+• **SeparateDone** = ``"分离完成"``
+
+___
+
+### SeparateFail
+
+• **SeparateFail** = ``"分离失败"``
+
+___
+
+### SeparateNo
+
+• **SeparateNo** = ``"未分离"``
+
+___
+
+### Separating
+
+• **Separating** = ``"正在分离"``
+
+___
+
+### UploadFail
+
+• **UploadFail** = ``"上传失败"``
+
+___
+
+### Uploading
+
+• **Uploading** = ``"正在上传"``

package/docs/enums/PathType.md

@@ -0,0 +1,22 @@
+[gs-bim-air](../gs-bim-air.md) / PathType
+
+# Enumeration: PathType
+
+## Table of contents
+
+### Enumeration Members
+
+- [Curve](PathType.md#curve)
+- [Straight](PathType.md#straight)
+
+## Enumeration Members
+
+### Curve
+
+• **Curve** = ``1``
+
+___
+
+### Straight
+
+• **Straight** = ``0``

package/docs/enums/ShowBorder.md

@@ -0,0 +1,29 @@
+[gs-bim-air](../gs-bim-air.md) / ShowBorder
+
+# Enumeration: ShowBorder
+
+## Table of contents
+
+### Enumeration Members
+
+- [Default](ShowBorder.md#default)
+- [Off](ShowBorder.md#off)
+- [On](ShowBorder.md#on)
+
+## Enumeration Members
+
+### Default
+
+• **Default** = ``2``
+
+___
+
+### Off
+
+• **Off** = ``1``
+
+___
+
+### On
+
+• **On** = ``0``

package/docs/enums/SkyboxType.md

@@ -0,0 +1,36 @@
+[gs-bim-air](../gs-bim-air.md) / SkyboxType
+
+# Enumeration: SkyboxType
+
+## Table of contents
+
+### Enumeration Members
+
+- [Dark](SkyboxType.md#dark)
+- [Default](SkyboxType.md#default)
+- [Desert](SkyboxType.md#desert)
+- [Sunset](SkyboxType.md#sunset)
+
+## Enumeration Members
+
+### Dark
+
+• **Dark** = ``"dark"``
+
+___
+
+### Default
+
+• **Default** = ``"default"``
+
+___
+
+### Desert
+
+• **Desert** = ``"desert"``
+
+___
+
+### Sunset
+
+• **Sunset** = ``"sunset"``

package/docs/enums/ViewerType.md

@@ -0,0 +1,22 @@
+[gs-bim-air](../gs-bim-air.md) / ViewerType
+
+# Enumeration: ViewerType
+
+## Table of contents
+
+### Enumeration Members
+
+- [Model](ViewerType.md#model)
+- [Project](ViewerType.md#project)
+
+## Enumeration Members
+
+### Model
+
+• **Model** = ``"model"``
+
+___
+
+### Project
+
+• **Project** = ``"project"``

package/docs/feature/README.md

@@ -0,0 +1,104 @@
+# 创建Viewer控件
+轻量化云平台图形绘制主要是通过Viewer控件去呈现的，控件主要包括图形显示，属性设置等操作。
+
+## 创建控件
+由于控件需要一个载体，这里创建一个id为viewer的div元素。
+```html
+<div id="viewer">
+</div>
+```
+
+根据页面添加JavaScript代码。
+```html
+<script type="text/javascript">
+    GraStoneCloud.DevModule.onReady = function () {
+        $("#viewer").css("height", window.innerHeight);
+
+        $(window).resize(function () {
+            $("#viewer").css("height", window.innerHeight);
+        });
+
+        let viewer = new GraStoneCloud.DevFx.Viewer("viewer");
+
+        viewer.backgroundColor([0.9, 0.9, 0.9]);
+        viewer.updateDisplay();
+    }
+</script>
+```
+
+## Viewer创建环境。
+由于Viewer依赖于轻量化云平台模块资源，所以Viewer创建需要在轻量化云平台模块环境初始化完毕后才能进行。
+```js
+// Viewer创建需要在GraStoneCloud.DevModule.onReady函数内进行。
+GraStoneCloud.DevModule.onReady = function () {
+let viewer = new GraStoneCloud.DevFx.Viewer("viewer");
+}
+```
+
+## Viewer构造函数
+在Viewer创建时需要输入Viewer所在的容器id，一般是div。
+```js
+// “viewer”是div的id。
+GraStoneCloud.DevFx.Viewer("viewer");
+```
+
+
+## 设置Viewer绘制背景颜色
+可以调用Viewr的backgroundColor函数进行背景颜色设置，参数为0~1的rgb值，具体说明请查看API说明文档。
+```js
+viewer.backgroundColor([0.9, 0.9, 0.9]);
+```
+
+也可以调用无参数backgroundColor函数返回当前背景颜色值,返回结果为0~1的rgb数组，具体说明请查看API说明文档。
+```js
+let bgcolor = viewer.backgroundColor();
+```
+
+## 更新Viewer绘制
+在Viewer绘制场景内容发生改变，包括模型改变，属性改变等，都需要更新绘制场景，这是需要调用Viewer的updateDisplay函数。
+```js
+viewer.updateDisplay();
+```
+
+## 实例HTML下载
+
+可直接<a :href="$withBase('/demo/创建Viewer.html')" target="_blank"><b>预览创建Viewer实例</b></a>
+
+或者复制以下代码保存成html格式打开实例
+```html
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title>首页</title>
+
+    <script src="http://120.78.129.125:8111/js/jquery.js"></script>
+    <script src="http://120.78.129.125:8111/js/gs.dev.js"></script>
+    <script src="http://120.78.129.125:8111/js/longan/longan.js"></script>
+
+</head>
+<body style="margin:0px">
+    <div>
+        <div id="viewer">
+        </div>
+    </div>
+
+    <script type="text/javascript">
+        GraStoneCloud.DevModule.onReady = function () {
+            $("#viewer").css("height", window.innerHeight);
+
+            $(window).resize(function () {
+                $("#viewer").css("height", window.innerHeight);
+            });
+
+            let viewer = new GraStoneCloud.DevFx.Viewer("viewer");
+            
+			viewer.backgroundColor([41/255, 153/255, 153/255]);					
+			viewer.updateDisplay();
+		}
+    </script>
+
+</body>
+</html>
+```
+

package/docs/feature//346/223/215/344/275/234/345/231/250.md

@@ -0,0 +1,66 @@
+# 添加操作器
+在Viewer里有个叫OperatorManager的操作管理器，在管理器里可以添加一个或多个ViewerOperator，ViewerOperator通过接收鼠标和键盘的消息来处理各种操作。
+
+## 视图操作器CameraMouse
+CameraMouse负责接收鼠标事件，进行视图操作。
+```js
+viewer.operatorManager.add(new GraStoneCloud.DevFx.CameraMouse());
+```
+
+CameraMouse添加后，用户可以在视图进行以下操作：
+按下中建，进行视图移动操作，
+按下右键，进行视图旋转操作，
+点击中建，进行视图旋转中心设置操作。
+
+## 实例HTML下载
+
+可直接<a :href="$withBase('/demo/操作器.html')" target="_blank"><b>预览操作器实例</b></a>
+
+或者复制以下代码保存成html格式打开实例
+```html
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title>首页</title>
+
+    <script src="http://120.78.129.125:8111/js/jquery.js"></script>
+    <script src="http://120.78.129.125:8111/js/gs.dev.js"></script>
+    <script src="http://120.78.129.125:8111/js/longan/longan.js"></script>
+
+</head>
+<body style="margin:0px">
+    <div>
+        <div id="viewer">
+        </div>
+    </div>
+
+    <script type="text/javascript">
+        GraStoneCloud.DevModule.onReady = function () {
+            $("#viewer").css("height", window.innerHeight);
+
+            $(window).resize(function () {
+                $("#viewer").css("height", window.innerHeight);
+            });
+
+            let viewer = new GraStoneCloud.DevFx.Viewer("viewer");
+            viewer.backgroundColor([0.9, 0.9, 0.9]);
+			
+			let viewModel = new GraStoneCloud.DevFx.ViewModel();
+
+			viewModel.viewer(viewer);
+			viewModel.modelServiceHost("120.78.129.125:8111");
+
+			viewModel.loadModelByPath("3f67fd8baf95428fb25b845909d1c738", "demo.mca");
+
+			viewer.setViewMode(Longan.ViewMode.Iso, true);
+			viewer.updateDisplay();
+			
+			viewer.operatorManager.add(new GraStoneCloud.DevFx.CameraMouse());
+		}
+    </script>
+
+</body>
+</html>
+```
+

package/docs/feature//346/236/204/344/273/266/345/256/232/344/275/215.md

@@ -0,0 +1,180 @@
+# 构件定位
+可通过构件的id去搜索构件，通过镜头的拉进移动来使目标构件显示在镜头中心。
+
+## 具体实现
+通过key搜索构件及子构件的id列表，把id列表传入viewModel的locateComponents函数即可定位构件
+```js
+let ids = model.getComponentIdsByKey(key);
+viewModel.locateComponents(ids); //核心就是这行，定位构件
+```
+
+通常会配合构件高亮和构件浮起来使用，使搜索出的构件更显眼
+```js
+let ids = model.getComponentIdsByKey(key);
+viewModel.locateComponents(ids);
+for (let i = 0; i < ids.length; i++) {
+    model.setComponentColor(ids[i], 0, 138, 255, 0.8); // 构件高亮
+    model.setComponentFloat(ids[i]); // 构件浮起
+}
+viewer.updateDisplay();
+```
+
+
+## 实例HTML下载
+
+可直接<a :href="$withBase('/demo/构件定位.html')" target="_blank"><b>预览构件定位实例</b></a>
+
+或者复制以下代码保存成html格式打开实例
+```html{139-140}
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="UTF-8">
+    <title>构件定位实例</title>
+
+    <script src="http://120.78.129.125:8111/js/jquery.js"></script>
+    <script src="http://120.78.129.125:8111/js/gs.dev.js"></script>
+    <script src="http://120.78.129.125:8111/js/longan/longan.js"></script>
+    <link href="http://120.78.129.125:8092/demo/plugin/jquery.treemenu.css" rel="stylesheet" type="text/css">
+    <script src="http://120.78.129.125:8092/demo/plugin/jquery.treemenu.js"></script>
+
+    <style>
+        .property-box {
+            color: #46CFB0;
+            margin: auto auto;
+            padding: 10px;
+            position: absolute;
+            right: 20px;
+            top: 20px;
+            background-color: #2C3E50;
+            min-width: 300px;
+            height: auto;
+            min-height: 50px;
+            border-radius: 5px;
+            box-shadow: 0 0 10px #555;
+        }
+
+        .property-box .title {
+            font-weight: bold;
+        }
+
+        .property-box li {
+            list-style: none;
+            font-size: 13px;
+        }
+    </style>
+</head>
+
+<body style="margin:0px">
+    <div>
+        <div id="viewer">
+        </div>
+        <div class="property-box">
+            <div class="title">属性：</div>
+            <div class="property-list"></div>
+        </div>
+        <ul class="tree"></ul>
+    </div>
+
+    <script type="text/javascript">
+        alert("点击左边结构树跳转至相应构件")
+        let viewer, viewModel, model;
+
+        GraStoneCloud.DevModule.onReady = function () {
+            $("#viewer").css("height", window.innerHeight);
+
+            $(window).resize(function () {
+                $("#viewer").css("height", window.innerHeight);
+            });
+
+            viewer = new GraStoneCloud.DevFx.Viewer("viewer");
+            viewer.backgroundColor([0.9, 0.9, 0.9]);
+
+            viewModel = new GraStoneCloud.DevFx.ViewModel();
+
+            viewModel.viewer(viewer);
+            viewModel.modelServiceHost("120.78.129.125:8111");
+
+            viewModel.loadModelByPath("3f67fd8baf95428fb25b845909d1c738", "demo.mca");
+
+            viewer.setViewMode(Longan.ViewMode.Iso, true);
+            viewer.updateDisplay();
+
+            viewer.operatorManager.add(new GraStoneCloud.DevFx.CameraMouse());
+
+            let componentSelector = new GraStoneCloud.DevFx.ComponentSelector();
+            componentSelector.objectSelected.add(function (cs) {
+                let id = cs.getComponentId();
+                let props = cs.getComponentProperties();
+
+                $('.property-list').empty();
+                let propList = "";
+                for (var key in props) {
+                    propList += '<li><div style="min-width:80px; display:inline-block;">' + key + "：</div>" + props[key] + '</li>';
+                }
+                $('.property-list').append(propList);
+            });
+            viewer.operatorManager.add(componentSelector);
+
+            model = viewModel.findObjectByType("LightModel");
+
+            model.modelLoaded.add(function (model) {
+                let modelStructure = model.getStructure();
+
+                makeTree(0, [modelStructure]);
+                $('.tree').append(menu);
+
+                $(function () {
+                    $(".tree").treemenu({ delay: 300 }).openActive();
+                });
+
+            });
+        }
+
+        let menu = "";
+        function getParent(key, structure) {
+            var parent = [];
+            for (var i in structure) {
+                if (structure[i].key == key) {
+                    parent.push(structure[i]);
+                }
+            }
+            return parent;
+        }
+
+        function makeTree(key, structure) {
+            var topMenu = structure;
+            if (topMenu.length > 0) {
+                for (var i in topMenu) {
+                    menu += `<li><a href="#" onclick="locateComponentClick(${topMenu[i].key})">${topMenu[i].name}</a>`;
+                    if (topMenu[i].childNodes && topMenu[i].childNodes.length > 0) {
+                        menu += '<ul>'
+                        makeTree(topMenu[i].key, topMenu[i].childNodes);
+                        menu += '</ul></li>'
+                    }
+                }
+            }
+        }
+
+        let ids = [];
+        function locateComponentClick(key) {
+            for (let i = 0; i < ids.length; i++) {
+                model.unsetComponentColor(ids[i]);
+                model.unsetComponentFloat(ids[i]);
+            }
+
+            ids = model.getComponentIdsByKey(key);
+            viewModel.locateComponents(ids); //核心就是这行，定位构件
+
+            for (let i = 0; i < ids.length; i++) {
+                model.setComponentColor(ids[i], 0, 138, 255, 0.8); // 构件变色
+                model.setComponentFloat(ids[i]);
+            }
+            viewer.updateDisplay();
+        }
+    </script>
+</body>
+
+</html>
+```