haojianlong před 4 roky
rodič
revize
de276b70cc

+ 1 - 2
docs/.vuepress/components/GitCode.vue

@@ -26,7 +26,7 @@
             },
             type: {
                 type: String,
-                default: 'js'
+                default: 'typescript'
             }
         },
         data(){
@@ -55,7 +55,6 @@
                     }
                 }).then(res => {
                     this.code = res.data;
-                    console.log(Prism)
                     this.$nextTick(()=>{
                         document.querySelectorAll("pre code").forEach(block => {
                             Prism.highlightElement(block)

+ 5 - 5
docs/.vuepress/components/engine/style/shadow.vue

@@ -1,9 +1,9 @@
 <template>
-    <div>
-        阴影扩散范围:<el-input-number @change="changeblur" v-model="blurl" size="mini" style="width: 100px"></el-input-number>
-        x轴偏移量:<el-input-number @change="changeX" v-model="X" size="mini" style="width: 100px"></el-input-number>
-        y轴偏移量:<el-input-number @change="changeY" v-model="Y" size="mini" style="width: 100px"></el-input-number>
-        <el-color-picker @change="changeColor" v-model="color" size="mini" style="vertical-align: middle"></el-color-picker>
+    <div style="margin-top: 10px;">
+        阴影扩散范围 : <el-input-number @change="changeblur" v-model="blurl" size="mini" style="width: 100px"></el-input-number> &nbsp;
+        x轴偏移量 : <el-input-number @change="changeX" v-model="X" size="mini" style="width: 100px"></el-input-number> &nbsp;
+        y轴偏移量 : <el-input-number @change="changeY" v-model="Y" size="mini" style="width: 100px"></el-input-number> &nbsp;
+        阴影颜色 : <el-color-picker @change="changeColor" v-model="color" size="mini" style="vertical-align: middle"></el-color-picker>
         <canvas id="shadow" width="740" height="400" tabindex="0"></canvas>
     </div>
 </template>

+ 42 - 0
docs/.vuepress/components/format/style.vue

@@ -0,0 +1,42 @@
+<template>
+    <div>
+        <el-table :data="tableData" style="width: 100%">
+            <el-table-column prop="date" label="item enabled 属性值" width="180"></el-table-column>
+            <el-table-column prop="name" label="item selected 属性值" width="180"></el-table-column>
+            <el-table-column prop="address" label="item 当前状态"></el-table-column>
+        </el-table>
+    </div>
+</template>
+
+<script>
+    export default {
+        name: "style",
+        data() {
+            return {
+                tableData:[
+                    {
+                        date: 'false',
+                        name: 'false',
+                        address: 'Disabled'
+                    },{
+                        date: 'false',
+                        name: 'true',
+                        address: 'Disabled'
+                    },{
+                        date: 'true',
+                        name: 'false',
+                        address: 'Default'
+                    },{
+                        date: 'true',
+                        name: 'true',
+                        address: 'Selected'
+                    },
+                ]
+            }
+        }
+    }
+</script>
+
+<style scoped>
+
+</style>

+ 1 - 1
docs/.vuepress/components/scene/items/rect.vue

@@ -1,5 +1,5 @@
 <template>
-    <div>
+    <div style="margin-top: 10px;">
         <el-button size="small" @click="changeEnable">切换item1禁用状态</el-button>
         <canvas id="rect" width="740" height="400" />
     </div>

+ 16 - 16
docs/.vuepress/public/plugin/prism.css

@@ -8,7 +8,7 @@ https://prismjs.com/download.html#themes=prism-okaidia&languages=markup+css+clik
 
 code[class*="language-"],
 pre[class*="language-"] {
-	color: #f8f8f2;
+	color: #f8f8f2 !important;
 	background: none;
 	text-shadow: 0 1px rgba(0, 0, 0, 0.3);
 	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
@@ -54,11 +54,11 @@ pre[class*="language-"] {
 .token.prolog,
 .token.doctype,
 .token.cdata {
-	color: #8292a2;
+	color: #8292a2 !important;;
 }
 
 .token.punctuation {
-	color: #f8f8f2;
+	color: #f8f8f2 !important;;
 }
 
 .token.namespace {
@@ -70,12 +70,12 @@ pre[class*="language-"] {
 .token.constant,
 .token.symbol,
 .token.deleted {
-	color: #f92672;
+	color: #f92672 !important;;
 }
 
 .token.boolean,
 .token.number {
-	color: #ae81ff;
+	color: #ae81ff !important;;
 }
 
 .token.selector,
@@ -84,7 +84,7 @@ pre[class*="language-"] {
 .token.char,
 .token.builtin,
 .token.inserted {
-	color: #a6e22e;
+	color: #a6e22e !important;;
 }
 
 .token.operator,
@@ -93,23 +93,23 @@ pre[class*="language-"] {
 .language-css .token.string,
 .style .token.string,
 .token.variable {
-	color: #f8f8f2;
+	color: #f8f8f2 !important;;
 }
 
 .token.atrule,
 .token.attr-value,
 .token.function,
 .token.class-name {
-	color: #e6db74;
+	color: #e6db74 !important;;
 }
 
 .token.keyword {
-	color: #66d9ef;
+	color: #66d9ef !important;;
 }
 
 .token.regex,
 .token.important {
-	color: #fd971f;
+	color: #fd971f !important;;
 }
 
 .token.important,
@@ -154,7 +154,7 @@ pre[data-line] {
 		min-width: 1em;
 		padding: 0 .5em;
 		background-color: hsla(24, 20%, 50%,.4);
-		color: hsl(24, 20%, 95%);
+		color: hsl(24, 20%, 95%) !important;;
 		font: bold 65%/1.5 sans-serif;
 		text-align: center;
 		vertical-align: .3em;
@@ -181,7 +181,7 @@ pre[id].linkable-line-numbers span.line-numbers-rows > span:before {
 	cursor: pointer;
 }
 pre[id].linkable-line-numbers span.line-numbers-rows > span:hover:before {
-	background-color: rgba(128, 128, 128, .2);
+	background-color: rgba(128, 128, 128, .2) !important;;
 }
 
 pre[class*="language-"].line-numbers {
@@ -218,7 +218,7 @@ pre[class*="language-"].line-numbers > code {
 
 		.line-numbers-rows > span:before {
 			content: counter(linenumber);
-			color: #999;
+			color: #999 !important;;
 			display: block;
 			padding-right: 0.8em;
 			text-align: right;
@@ -270,10 +270,10 @@ div.code-toolbar > .toolbar button {
 div.code-toolbar > .toolbar a,
 div.code-toolbar > .toolbar button,
 div.code-toolbar > .toolbar span {
-	color: #bbb;
+	color: #bbb !important;;
 	font-size: .8em;
 	padding: 0 .5em;
-	background: #f5f2f0;
+	background: #f5f2f0 !important;;
 	background: rgba(224, 224, 224, 0.2);
 	box-shadow: 0 2px 0 0 rgba(0,0,0,0.2);
 	border-radius: .5em;
@@ -285,7 +285,7 @@ div.code-toolbar > .toolbar button:hover,
 div.code-toolbar > .toolbar button:focus,
 div.code-toolbar > .toolbar span:hover,
 div.code-toolbar > .toolbar span:focus {
-	color: inherit;
+	color: inherit !important;;
 	text-decoration: none;
 }
 

+ 1 - 0
docs/.vuepress/styles/palette.styl

@@ -1,4 +1,5 @@
 body{
+  font-family:"黑体"
   //user-select :none;
 }
 .theme-default-content:not(.custom),

+ 4 - 0
docs/guides/README.md

@@ -1,3 +1,7 @@
 # 简介
 
 ## 安装
+
+测试
+
+<GitCode />

+ 1 - 1
docs/guides/big/downloadFile.md

@@ -6,4 +6,4 @@
 
 手工下载地址例:[http://adm.sagacloud.cn/image-service/common/file_get?systemId=revit&key=Fl11010500011b85b9eeff8211e8b8b087ac5144d0ef20191108102222bim.jsonz](http://adm.sagacloud.cn/image-service/common/file_get?systemId=revit&key=Fl11010500011b85b9eeff8211e8b8b087ac5144d0ef20191108102222bim.jsonz) <br />
 
-下载后为无后缀压缩文件,直接打开是乱码,需手工添加zip后缀并解压方可得到json文件
+下载后为无后缀压缩文件,直接打开是乱码,需手工添加<font color=red> zip </font>后缀并解压方可得到<font color=red> json </font>文件

+ 17 - 17
docs/guides/big/items/column.md

@@ -14,21 +14,21 @@
 ## 代码说明
     
 ### 数据说明
-```
-    Columns:[
-        {
-            Name: '',                           // 名称
-            OutLine: [
-                [{X:0,Y:0,Z:0},...],            // 外轮廓 
-                ...                             // 内轮廓
-            ],                                  // 轮廓线
-            RoomBoundary: '',                   // 房间边界
-            Location: {X:0,Y:0,Z:0},            // 位置
-            ModelId: '',                        // 模型id
-            SourceId: '',                       // 对应Revit模型id
-        },
-        ...
-    ]
+``` json5
+Columns:[
+    {
+        Name: '',                           // 名称
+        OutLine: [
+            [{X:0,Y:0,Z:0},...],            // 外轮廓 
+            ...                             // 内轮廓
+        ],                                  // 轮廓线
+        RoomBoundary: '',                   // 房间边界
+        Location: {X:0,Y:0,Z:0},            // 位置
+        ModelId: '',                        // 模型id
+        SourceId: '',                       // 对应Revit模型id
+    },
+    ...
+]
 ```
 ::: tip
 1、柱子可能有多个块组成 <br/>
@@ -39,10 +39,10 @@
 
 ### 计算边界矩阵
 不能在绘制的时候计算,因为绘制是高频调用方法,尽量不要在绘制方法中做大量计算工作;<br/>
-计算方法一般在数据变化的时候做,如果只是展示的话,则只需要在构造函数中计算一次;
+计算方法一般在数据变化的时候做,如果只是展示的话,则<font color=orange>只需要在构造函数中计算一次</font>;
 
 ### Y轴取反
-revit 坐标使用的是数学坐标系, Y 轴方向是向上的, canvas 坐标使用的绘图坐标系, Y 轴方向是向下的;<br/>
+<font color=orange>revit 使用的坐标系与 canvas 使用的坐标系 Y 轴是相反的</font>; revit 坐标使用的是数学坐标系, Y 轴方向是向上的, canvas 坐标使用的绘图坐标系, Y 轴方向是向下的;<br/>
 数据是通过 revit 模型导出
 
 ## 绘制示例

+ 26 - 26
docs/guides/big/items/door.md

@@ -14,46 +14,46 @@
 ## 代码说明
     
 ### 数据说明
-```
-    Doors:[
-        {
-            FaceDirection: {X:0,Y:0,Z:0},       // 面朝方向
-            HandDirection: {X:0,Y:0,Z:0},       // 把手方向
-            Location: {X:0,Y:0,Z:0},            // 位置
-            ModelId: '',                        // 模型id
-            Name: '',                           // 名称
-            OutLine: [
-                [{X:0,Y:0,Z:0},...],            // 外轮廓 
-                ...                             // 内轮廓
-            ],                                  // 轮廓线
-            Owner: '',                          // 拥有者的RevitId
-            SourceId: '',                       // 对应Revit模型id
-            Thick: 200,                         // 厚度
-            WallId: '',                         // 所属墙
-            Width: 200,                         // 宽度
-        },
-        ...
-    ]
+``` json5
+Doors:[
+    {
+        FaceDirection: {X:0,Y:0,Z:0},       // 面朝方向
+        HandDirection: {X:0,Y:0,Z:0},       // 把手方向
+        Location: {X:0,Y:0,Z:0},            // 位置
+        ModelId: '',                        // 模型id
+        Name: '',                           // 名称
+        OutLine: [
+            [{X:0,Y:0,Z:0},...],            // 外轮廓 
+            ...                             // 内轮廓
+        ],                                  // 轮廓线
+        Owner: '',                          // 拥有者的RevitId
+        SourceId: '',                       // 对应Revit模型id
+        Thick: 200,                         // 厚度
+        WallId: '',                         // 所属墙
+        Width: 200,                         // 宽度
+    },
+    ...
+]
 ```
 ::: tip
 1、根据把手方向确定门的转轴 <br/>
 2、根据面朝方向确定门朝哪边开 <br/>
-3、outline 仅有一项,且只有2个点 <br/>
+3、<font color=red> outline </font> 仅有一项,且只有2个点 <br/>
 5、轮廓数据单位均为毫米
 :::
 
 ### 计算边界矩阵
 不能在绘制的时候计算,因为绘制是高频调用方法,尽量不要在绘制方法中做大量计算工作;<br/>
-计算方法一般在数据变化的时候做,如果只是展示的话,则只需要在构造函数中计算一次;
+计算方法一般在数据变化的时候做,如果只是展示的话,则<font color=orange>只需要在构造函数中计算一次</font>;
 
 ### 计算门开的方向及旋转方向
-使用向量点乘 => x1 * x2 + y1 * y2,计算得到,大于0同向,则旋转点使用第二个点;否则使用第一个 <br />
+使用向量点乘 => ```x1 * x2 + y1 * y2```,计算得到,大于0同向,则旋转点使用第二个点;否则使用第一个 <br />
 计算两点间距离,从而得到门的长度 <br />
-利用arctan计算得到,门展开方向与水平方向夹角<br />
-使用向量叉乘 => x1 * y2 - x2 * y1, 计算得到, 小于0代表门顺时针展开,同时确定了展开的弧线绘制起始和结束角度 <br /> 
+利用``` arctan ```计算得到,门展开方向与水平方向夹角<br />
+使用向量叉乘 => ```x1 * y2 - x2 * y1```, 计算得到, 小于0代表门顺时针展开,同时确定了展开的弧线绘制起始和结束角度 <br /> 
 
 ### Y轴取反
-revit 坐标使用的是数学坐标系, Y 轴方向是向上的, canvas 坐标使用的绘图坐标系, Y 轴方向是向下的;<br/>
+<font color=orange>revit 使用的坐标系与 canvas 使用的坐标系 Y 轴是相反的</font>; revit 坐标使用的是数学坐标系, Y 轴方向是向上的, canvas 坐标使用的绘图坐标系, Y 轴方向是向下的;<br/>
 数据是通过 revit 模型导出
 
 ## 绘制示例

+ 21 - 21
docs/guides/big/items/space.md

@@ -14,37 +14,37 @@
 ## 代码说明
     
 ### 数据说明
-```
-    Spaces:[
-        {
-            BoundarySegments: [[''],...],       // 轮廓线段
-            Location: {X:0,Y:0,Z:0},            // 位置
-            ModelId: '',                        // 模型id
-            Name: '',                           // 名称
-            OutLine: [
-                [{X:0,Y:0,Z:0},...],            // 外轮廓 
-                ...                             // 内轮廓
-            ],                                  // 轮廓线
-            SourceId: '',                       // 对应Revit模型id
-            Tag: '',                            // 补充信息
-            Height: 200,                        // 高度
-        },
-        ...
-    ]
+``` json5
+Spaces:[
+    {
+        BoundarySegments: [[''],...],       // 轮廓线段
+        Location: {X:0,Y:0,Z:0},            // 位置
+        ModelId: '',                        // 模型id
+        Name: '',                           // 名称
+        OutLine: [
+            [{X:0,Y:0,Z:0},...],            // 外轮廓 
+            ...                             // 内轮廓
+        ],                                  // 轮廓线
+        SourceId: '',                       // 对应Revit模型id
+        Tag: '',                            // 补充信息
+        Height: 200,                        // 高度
+    },
+    ...
+]
 ```
 ::: tip 注
-1、空间会挖洞,所以 outline 是二维数组 <br/>
-2、outline 中第一项是外轮廓,从第二项开始均为内轮廓,内轮廓即为挖洞 <br/>
+1、空间会挖洞,所以<font color=red> outline </font>是二维数组 <br/>
+2、<font color=red> outline </font>中第一项是外轮廓,从第二项开始均为内轮廓,内轮廓即为挖洞 <br/>
 3、外轮廓数据顺时针排序,内轮廓为逆时针排序 <br/>
 4、轮廓数据单位均为毫米
 :::
 
 ### 计算边界矩阵
 不能在绘制的时候计算,因为绘制是高频调用方法,尽量不要在绘制方法中做大量计算工作;<br/>
-计算方法一般在数据变化的时候做,如果只是展示的话,则只需要在构造函数中计算一次;
+计算方法一般在数据变化的时候做,如果只是展示的话,则<font color=orange>只需要在构造函数中计算一次</font>;
 
 ### Y轴取反
-revit 坐标使用的是数学坐标系, Y 轴方向是向上的, canvas 坐标使用的绘图坐标系, Y 轴方向是向下的;<br/>
+<font color=orange>revit 使用的坐标系与 canvas 使用的坐标系 Y 轴是相反的</font>; revit 坐标使用的是数学坐标系, Y 轴方向是向上的, canvas 坐标使用的绘图坐标系, Y 轴方向是向下的;<br/>
 数据是通过 revit 模型导出
 
 ## 绘制示例

+ 18 - 18
docs/guides/big/items/virtualWall.md

@@ -14,34 +14,34 @@
 ## 代码说明
     
 ### 数据说明
-```
-    VirtualWalls:[
-        {
-            Location: {X:0,Y:0,Z:0},            // 位置
-            ModelId: '',                        // 模型id
-            Name: '',                           // 名称
-            OutLine: [
-                [{X:0,Y:0,Z:0},...],            // 外轮廓 
-                ...                             // 内轮廓
-            ],                                  // 轮廓线
-            SourceId: '',                       // 对应Revit模型id
-        },
-        ...
-    ]
+``` json5
+VirtualWalls:[
+    {
+        Location: {X:0,Y:0,Z:0},            // 位置
+        ModelId: '',                        // 模型id
+        Name: '',                           // 名称
+        OutLine: [
+            [{X:0,Y:0,Z:0},...],            // 外轮廓 
+            ...                             // 内轮廓
+        ],                                  // 轮廓线
+        SourceId: '',                       // 对应Revit模型id
+    },
+    ...
+]
 ```
 ::: tip 注
 1、虚拟墙是一段一段组成的 <br/>
-2、outline是二维代表是由多段虚拟墙组成 <br/>
-3、outline无排序要求 <br/>
+2、<font color=red> outline </font>是二维代表是由多段虚拟墙组成 <br/>
+3、<font color=red> outline </font>无排序要求 <br/>
 4、轮廓数据单位均为毫米
 :::
 
 ### 计算边界矩阵
 不能在绘制的时候计算,因为绘制是高频调用方法,尽量不要在绘制方法中做大量计算工作;<br/>
-计算方法一般在数据变化的时候做,如果只是展示的话,则只需要在构造函数中计算一次;
+计算方法一般在数据变化的时候做,如果只是展示的话,则<font color=orange>只需要在构造函数中计算一次</font>;
 
 ### Y轴取反
-revit 坐标使用的是数学坐标系, Y 轴方向是向上的, canvas 坐标使用的绘图坐标系, Y 轴方向是向下的;<br/>
+<font color=orange>revit 使用的坐标系与 canvas 使用的坐标系 Y 轴是相反的</font>; revit 坐标使用的是数学坐标系, Y 轴方向是向上的, canvas 坐标使用的绘图坐标系, Y 轴方向是向下的;<br/>
 数据是通过 revit 模型导出
 
 ## 绘制示例

+ 21 - 21
docs/guides/big/items/wall.md

@@ -14,38 +14,38 @@
 ## 代码说明
     
 ### 数据说明
-```
-    Walls:[
-        {
-            LevelId: '',                        // 层id
-            Location: {X:0,Y:0,Z:0},            // 位置
-            ModelId: '',                        // 模型id
-            Name: '',                           // 名称
-            OutLine: [
-                [{X:0,Y:0,Z:0},...],            // 外轮廓 
-                ...                             // 内轮廓
-            ],                                  // 轮廓线
-            SourceId: '',                       // 对应Revit模型id
-            Tag: '',                            // 补充信息
-            Width: 200,                         // 厚度
-        },
-        ...
-    ]
+``` json5
+Walls:[
+    {
+        LevelId: '',                        // 层id
+        Location: {X:0,Y:0,Z:0},            // 位置
+        ModelId: '',                        // 模型id
+        Name: '',                           // 名称
+        OutLine: [
+            [{X:0,Y:0,Z:0},...],            // 外轮廓 
+            ...                             // 内轮廓
+        ],                                  // 轮廓线
+        SourceId: '',                       // 对应Revit模型id
+        Tag: '',                            // 补充信息
+        Width: 200,                         // 厚度
+    },
+    ...
+]
 ```
 ::: tip 注
 1、墙是一段一段组成的 <br/>
-2、每段墙都可能挖洞,所以 outline 是二维数组 <br/>
-3、outline 中第一项是外轮廓,从第二项开始均为内轮廓,内轮廓即为挖洞 <br/>
+2、每段墙都可能挖洞,所以<font color=red> outline </font>是二维数组 <br/>
+3、<font color=red> outline </font>中第一项是外轮廓,从第二项开始均为内轮廓,内轮廓即为挖洞 <br/>
 4、外轮廓数据顺时针排序,内轮廓为逆时针排序 <br/>
 5、轮廓数据单位均为毫米
 :::
 
 ### 计算边界矩阵
 不能在绘制的时候计算,因为绘制是高频调用方法,尽量不要在绘制方法中做大量计算工作;<br/>
-计算方法一般在数据变化的时候做,如果只是展示的话,则只需要在构造函数中计算一次;
+计算方法一般在数据变化的时候做,如果只是展示的话,则<font color=orange>只需要在构造函数中计算一次</font>;
 
 ### Y轴取反
-revit 坐标使用的是数学坐标系, Y 轴方向是向上的, canvas 坐标使用的绘图坐标系, Y 轴方向是向下的;<br/>
+<font color=orange>revit 使用的坐标系与 canvas 使用的坐标系 Y 轴是相反的</font>; revit 坐标使用的是数学坐标系, Y 轴方向是向上的, canvas 坐标使用的绘图坐标系, Y 轴方向是向下的;<br/>
 数据是通过 revit 模型导出
 
 ## 绘制示例

+ 19 - 19
docs/guides/big/items/window.md

@@ -14,31 +14,31 @@
 ## 代码说明
     
 ### 数据说明
-```
-    Walls:[
-        {
-            LevelId: '',                        // 层id
-            Location: {X:0,Y:0,Z:0},            // 位置
-            ModelId: '',                        // 模型id
-            Name: '',                           // 名称
-            OutLine: [
-                [{X:0,Y:0,Z:0},...],            // 外轮廓 
-                ...                             // 内轮廓
-            ],                                  // 轮廓线
-            SourceId: '',                       // 对应Revit模型id
-            Tag: '',                            // 补充信息
-            Width: 200,                         // 厚度
-        },
-        ...
-    ]
+``` json5
+Walls:[
+    {
+        LevelId: '',                        // 层id
+        Location: {X:0,Y:0,Z:0},            // 位置
+        ModelId: '',                        // 模型id
+        Name: '',                           // 名称
+        OutLine: [
+            [{X:0,Y:0,Z:0},...],            // 外轮廓 
+            ...                             // 内轮廓
+        ],                                  // 轮廓线
+        SourceId: '',                       // 对应Revit模型id
+        Tag: '',                            // 补充信息
+        Width: 200,                         // 厚度
+    },
+    ...
+]
 ```
 
 ### 计算边界矩阵
 不能在绘制的时候计算,因为绘制是高频调用方法,尽量不要在绘制方法中做大量计算工作;<br/>
-计算方法一般在数据变化的时候做,如果只是展示的话,则只需要在构造函数中计算一次;
+计算方法一般在数据变化的时候做,如果只是展示的话,则<font color=orange>只需要在构造函数中计算一次</font>;
 
 ### Y轴取反
-revit 坐标使用的是数学坐标系, Y 轴方向是向上的, canvas 坐标使用的绘图坐标系, Y 轴方向是向下的;<br/>
+<font color=orange>revit 使用的坐标系与 canvas 使用的坐标系 Y 轴是相反的</font>; revit 坐标使用的是数学坐标系, Y 轴方向是向上的, canvas 坐标使用的绘图坐标系, Y 轴方向是向下的;<br/>
 数据是通过 revit 模型导出
 
 ## 绘制示例

+ 19 - 19
docs/guides/big/items/zone.md

@@ -14,36 +14,36 @@
 ## 代码说明
     
 ### 数据说明
-```
-    Zone: {
-            xxx: xxx,                           // 等业务空间属性
-            OutLine: [
-                [
-                    [{X:0,Y:0,Z:0},...],        // 第一个空间的外轮廓
-                    ...                         // 第一个空间的内轮廓
-                ],
-                [
-                    [{X:0,Y:0,Z:0},...],        // 第二个空间的外轮廓
-                    ...                         // 第二个空间的内轮廓
-                ],
-                ...                             // ...
-            ],                                  // 轮廓线
-        }
+``` json5
+Zone: {
+        xxx: xxx,                           // 等业务空间属性
+        OutLine: [
+            [
+                [{X:0,Y:0,Z:0},...],        // 第一个空间的外轮廓
+                ...                         // 第一个空间的内轮廓
+            ],
+            [
+                [{X:0,Y:0,Z:0},...],        // 第二个空间的外轮廓
+                ...                         // 第二个空间的内轮廓
+            ],
+            ...                             // ...
+        ],                                  // 轮廓线
+    }
 ```
 ::: tip 注
 1、业务空间由多个空间组成 <br/>
-2、每个空间可能挖洞,所以 outline 是三维数组 <br/>
+2、每个空间可能挖洞,所以<font color=red> outline </font>   是三维数组 <br/>
 3、外轮廓数据顺时针排序,内轮廓为逆时针排序 <br/>
 4、轮廓数据单位均为毫米
 :::
 
 ### 计算边界矩阵
 不能在绘制的时候计算,因为绘制是高频调用方法,尽量不要在绘制方法中做大量计算工作;<br/>
-计算方法一般在数据变化的时候做,如果只是展示的话,则只需要在构造函数中计算一次;
+计算方法一般在数据变化的时候做,如果只是展示的话,则<font color=orange>只需要在构造函数中计算一次</font>;
 
 ### Y轴取反
-业务空间轮廓线由空间轮廓线直接组成或者由空间轮廓线计算而来<br />
-revit 坐标使用的是数学坐标系, Y 轴方向是向上的, canvas 坐标使用的绘图坐标系, Y 轴方向是向下的;<br/>
+业务空间轮廓线由空间轮廓线直接组成或者由空间轮廓线计算而来 <br />
+<font color=orange>revit 使用的坐标系与 canvas 使用的坐标系 Y 轴是相反的</font>; revit 坐标使用的是数学坐标系, Y 轴方向是向上的, canvas 坐标使用的绘图坐标系, Y 轴方向是向下的;<br/>
 数据是通过 revit 模型导出
 
 ## 绘制示例

+ 53 - 53
docs/guides/big/workLine.md

@@ -10,18 +10,18 @@
 
 ## 下载底图数据
 
-### 方式1 通过楼层对象floormap信息点,直接从文件服务器获取压缩数据
+### 方式1 通过楼层对象<font color=red> floorMap </font>信息点,直接从文件服务器获取压缩数据
 
-引擎中已封装好函数loadUrl,直接传入文件服务器路径即可;并且会将压缩数据自动解压
+引擎中已封装好函数```loadUrl```,直接传入文件服务器路径即可;并且会将压缩数据自动解压
 
-```
+``` json5
 loadUrl(url: string): Promise<void> {}
 ```
 
 ### 方式2 通过模型后台接口 /base-graph/query 传入模型id 直接获取未压缩数据
-引擎中已封装好函数getFloorData,直接传入模型id,url为接口地址
+引擎中已封装好函数```getFloorData```,直接传入模型<font color=red> id </font>,<font color=red> url </font>为接口地址
 
-```
+``` json5
 getFloorData(url: string, data: { ModelId: string }) {}
 ```
 
@@ -32,11 +32,11 @@ getFloorData(url: string, data: { ModelId: string }) {}
 
 如设备数据
 
-```
-    Equip:{
-        ...
-        BIMLocation:'0,0,0',                    // 如果设备有位置,则会在设备对象中存在此数据
-    }
+``` json5
+Equip:{
+    ...
+    BIMLocation:'0,0,0',                    // 如果设备有位置,则会在设备对象中存在此数据
+}
 ```    
 
 根据此坐标生成设备位置
@@ -44,16 +44,16 @@ getFloorData(url: string, data: { ModelId: string }) {}
 ![工作流程图](./img/equipLocation.png)
 
 业务空间数据
-```
-    Space:{
-        ...
-        OutLine: [                              
-            [
-                [{X:0,Y:0,Z:0},...],            // 外轮廓 
-                ...                             // 内轮廓
-            ]
-        ],                                      // 轮廓线
-    }
+``` json5
+Space:{
+    ...
+    OutLine: [                              
+        [
+            [{X:0,Y:0,Z:0},...],            // 外轮廓 
+            ...                             // 内轮廓
+        ]
+    ],                                      // 轮廓线
+}
 ```
 
 根据轮廓线生成业务空间
@@ -63,40 +63,40 @@ getFloorData(url: string, data: { ModelId: string }) {}
 ## 解析
 引擎中会读取下载好的数据,按数据将不同的对象分发到引擎中各个添加对象的方法中
 
-```
+``` typescript
 private addBaseMapItem(data: FloorData): void {
-        if (data.Walls) {
-            data.Walls.forEach((t: Wall): void => {
-                this.addWall(t);
-            });
-        }
-        if (data.Columns) {
-            data.Columns.forEach((t: Column): void => {
-                this.addColumn(t);
-            });
-        }
-        if (data.Windows) {
-            data.Windows.forEach((t: Casement): void => {
-                this.addCasement(t);
-            });
-        }
-        if (data.VirtualWalls) {
-            data.VirtualWalls.forEach((t: VirtualWall): void => {
-                this.addVirtualWall(t);
-            });
-        }
-        if (data.Doors) {
-            data.Doors.forEach((t: Door): void => {
-                this.addDoor(t);
-            });
-        }
-        if (data.Spaces) {
-            data.Spaces.forEach((t: Space): void => {
-                this.addSpace(t);
-            });
-        }
-    } // Function addBaseMapItem()
+    if (data.Walls) {
+        data.Walls.forEach((t: Wall): void => {
+            this.addWall(t);
+        });
+    }
+    if (data.Columns) {
+        data.Columns.forEach((t: Column): void => {
+            this.addColumn(t);
+        });
+    }
+    if (data.Windows) {
+        data.Windows.forEach((t: Casement): void => {
+            this.addCasement(t);
+        });
+    }
+    if (data.VirtualWalls) {
+        data.VirtualWalls.forEach((t: VirtualWall): void => {
+            this.addVirtualWall(t);
+        });
+    }
+    if (data.Doors) {
+        data.Doors.forEach((t: Door): void => {
+            this.addDoor(t);
+        });
+    }
+    if (data.Spaces) {
+        data.Spaces.forEach((t: Space): void => {
+            this.addSpace(t);
+        });
+    }
+} // Function addBaseMapItem()
 ```
 
 ## 生成
-当视图监听到需要刷新时,就会触发update()方法,刷新视图,用户就可以在页面中看到相应的楼层平面图了
+当视图监听到需要刷新时,就会触发``` update() ```方法,刷新视图,用户就可以在页面中看到相应的楼层平面图了

+ 4 - 0
docs/guides/engine/style.md

@@ -91,3 +91,7 @@ SColor 内置了一些常用颜色。见下表:
 
 <engine-style-shadow /> 
 
+::: details 查看代码
+<<< @/docs/.vuepress/components/engine/style/shadow.vue
+:::
+

+ 7 - 7
docs/guides/format/floorMap.md

@@ -6,7 +6,7 @@
 
 ## 整体数据格式
 
-```
+``` json5
     {
         EntityList:[
             Elements:{                          // 底图展示所需数据
@@ -26,7 +26,7 @@
 
 ## 柱子具体数据内容
 
-```
+``` json5
     Columns:[
         {
             Name: '',                           // 名称
@@ -45,7 +45,7 @@
 
 ## 门具体数据
 
-```
+``` json5
     Doors:[
         {
             FaceDirection: {X:0,Y:0,Z:0},       // 面朝方向
@@ -69,7 +69,7 @@
 
 ## 空间具体数据
 
-```
+``` json5
     Spaces:[
         {
             BoundarySegments: [[''],...],       // 轮廓线段
@@ -90,7 +90,7 @@
 
 ## 虚拟墙具体数据
 
-```
+``` json5
     VirtualWalls:[
         {
             Location: {X:0,Y:0,Z:0},            // 位置
@@ -108,7 +108,7 @@
 
 ## 墙具体数据
 
-```
+``` json5
     Walls:[
         {
             LevelId: '',                        // 层id
@@ -129,7 +129,7 @@
 
 ## 窗户具体数据
 
-```
+``` json5
     Windows:[
         {
             Location: {X:0,Y:0,Z:0},            // 位置

+ 5 - 10
docs/guides/format/style.md

@@ -34,12 +34,12 @@
 
 2.如果需要其他状态的风格, 则需要在 item 中添加对应状态, 并在绘制时确定 item 当前处于何种状态, 同时风格数据中增加对应的状态及风格
 
-3.<font face="黑体" color="red"> Stroke </font> 为线条颜色, 其值为16进制的颜色字符串, 目前只支持6位和8位颜色字符串, 该字符串的生成方式,
-  调用引擎中``` SColor ```类型中 toVal() 方法可生成6位16进制颜色; 调用 value 属性可得到8位16进制颜色
+3.<font color="red"> Stroke </font> 为线条颜色, 其值为16进制的颜色字符串, 目前只支持6位和8位颜色字符串, 该字符串的生成方式,
+  调用引擎中``` SColor ```类型中``` toVal() ```方法可生成6位16进制颜色; 调用<font color="red"> value </font>属性可得到8位16进制颜色
   
 4.<font face="黑体" color="red"> Fill </font> 为渐变时, 其值为描述渐变的字符串,如
     ```'SLinearGradient{0,0;0,1000;0,#ff483bff;0.5,#04ff00ff;1,#3d4effff;}'```
-    ```'SRadialGradient{500,500,50;500,500,500;0,#ff483bff;0.5,#04ff00ff;1,#3d4effff;}' ```该字符串生成方式, 调用``` SGradient ```类型的 value() 方法即可生成;格式严格遵循示例,尽量不要手动拼接;
+    ```'SRadialGradient{500,500,50;500,500,500;0,#ff483bff;0.5,#04ff00ff;1,#3d4effff;}' ```该字符串生成方式, 调用``` SGradient ```类型的``` value() ```方法即可生成;格式严格遵循示例,尽量不要手动拼接;
   <br /><font face="黑体" color="red"> Fill </font> 为普通颜色时, 其值与 <font face="黑体" color="red"> Stroke </font> 一致
   
 5.<font face="黑体" color="red"> LineWidth </font> 为线条宽度, 数字类型
@@ -47,11 +47,6 @@
 6.详情使用方式,参阅 [场景管理- item 示例-矩形](../scene/items/rect.md)
 
 
-## 基本状态与item属性对应关系
+## 基本状态与 item 属性对应关系
 
-| enabled | selected | 状态 |
-|:--:|:--:|:--:|
-| false | false | Disabled |
-| false | true | Disabled |
-| true | false | Default |
-| true | true | Selected |
+<format-style />

+ 4 - 4
docs/guides/format/systemJson.md

@@ -6,7 +6,7 @@
 
 ## 整体数据格式
 
-```
+``` json5
 {
     Data:[
         {
@@ -42,7 +42,7 @@
 
 ## 图例节点
 
-```
+``` json5
     Nodes:[
         {   
             ID: '',                             // ID
@@ -74,7 +74,7 @@
 
 ## 标识对象
 
-```
+``` json5
     Markers:[
         {
             ID: '',                             // ID
@@ -92,7 +92,7 @@
 
 ## 对象关系
 
-```
+``` json5
     Relations: [
         {
             ID: '',                             // ID

+ 3 - 3
docs/guides/index.js

@@ -6,9 +6,9 @@ const content = [
     {
         title: "数据格式",
         children: [
-            ["/guides/format/floorMap", "底图数据格式"],
-            ["/guides/format/systemJson", "系统图数据格式"],
-            ["/guides/format/style", "底图风格格式"],
+            ["/guides/format/floorMap", "底图数据"],
+            ["/guides/format/systemJson", "系统图数据"],
+            ["/guides/format/style", "底图风格"],
         ]
     },
     {

+ 33 - 31
docs/guides/scene/items/rect.md

@@ -5,48 +5,50 @@
 
 :::
 
+## item 实例
+
 <scene-items-rect />
 
 示例中展示了 一种渐变风格的 json 传参
 
-``` 
-    "Default":{
-        "Stroke": "#cccccc",
-        "Fill": "SLinearGradient{0,0;0,1000;0,#ff483bff;0.5,#04ff00ff;1,#3d4effff;}",
-        "LineWidth": 2,
-        "Effect": {}
-    },
-    "Selected": {
-        "Stroke": "#66ff66",
-        "Fill": "SRadialGradient{500,500,50;500,500,500;0,#ff483bff;0.5,#04ff00ff;1,#3d4effff;}",
-        "LineWidth": 3,
-        "Effect": {}
-    },
+``` json
+"Default":{
+    "Stroke": "#cccccc",
+    "Fill": "SLinearGradient{0,0;0,1000;0,#ff483bff;0.5,#04ff00ff;1,#3d4effff;}",
+    "LineWidth": 2,
+    "Effect": {}
+},
+"Selected": {
+    "Stroke": "#66ff66",
+    "Fill": "SRadialGradient{500,500,50;500,500,500;0,#ff483bff;0.5,#04ff00ff;1,#3d4effff;}",
+    "LineWidth": 3,
+    "Effect": {}
+},
 ```
 
 一种普通纯色风格的 json 传参
 
-```
-    "Default":{
-        "Stroke": "#cccccc",
-        "Fill": "SLinearGradient{0,0;0,1000;0,#ff483bff;0.5,#04ff00ff;1,#3d4effff;}",
-        "LineWidth": 2,
-        "Effect": {}
-    },
-    "Selected": {
-        "Stroke": "#66ff66",
-        "Fill": "SRadialGradient{500,500,50;500,500,500;0,#ff483bff;0.5,#04ff00ff;1,#3d4effff;}",
-        "LineWidth": 3,
-        "Effect": {}
-    },
+``` json
+"Default":{
+    "Stroke": "#cccccc",
+    "Fill": "SLinearGradient{0,0;0,1000;0,#ff483bff;0.5,#04ff00ff;1,#3d4effff;}",
+    "LineWidth": 2,
+    "Effect": {}
+},
+"Selected": {
+    "Stroke": "#66ff66",
+    "Fill": "SRadialGradient{500,500,50;500,500,500;0,#ff483bff;0.5,#04ff00ff;1,#3d4effff;}",
+    "LineWidth": 3,
+    "Effect": {}
+},
 ```
 
 ::: details 查看代码
 <<< @/docs/.vuepress/components/scene/items/rect.vue
 :::
 
-::: tip item 展示
-    item 状态切换参考 建筑信息图-底图风格
-    item 传入的数据 data 大写跟随数据字典
-    保存item的时候,保存类型为 string,调用渐变类的 value() 方法即可返回当前渐变类的字符串;
-:::
+## item 传参注意
+
+item 传入的数据 data 大写跟随数据字典 <br />
+保存item的时候,保存类型为<font color=red> String </font>,调用渐变类的``` value() ```方法即可返回当前渐变类的字符串; <br />
+item 状态切换及<font color=red> Style </font>内容详情参考 [建筑信息图-底图风格](../../format/style.md)

+ 1 - 1
package.json

@@ -13,7 +13,7 @@
   },
   "dependencies": {
     "@persagy-web/base": "2.2.1",
-    "@persagy-web/big": "2.2.1",
+    "@persagy-web/big": "2.2.2",
     "@persagy-web/draw": "2.2.3",
     "@persagy-web/graph": "2.2.4",
     "axios": "^0.19.2",