Bläddra i källkod

建筑信息 vue组件 ts更改

haojianlong 4 år sedan
förälder
incheckning
22f4f25477

+ 28 - 30
docs/.vuepress/components/big/MapDemo.vue

@@ -6,40 +6,38 @@
     </div>
 </template>
 
-<script>
+<script lang="ts">
     import { SGraphScene, SGraphView } from "@persagy-web/graph/lib";
     import { SFloorParser } from "@persagy-web/big/lib";
-    export default {
-        name: "mapDemo",
-        data(){
-            return{
-                view:null,
-                scene:null,
-                map1: require('../../../public/assets/map/1.json'),
-                map2: require('../../../public/assets/map/2.json'),
-            }
-        },
-        mounted(){
+    import { Component, Vue } from "vue-property-decorator";
+
+    @Component
+    export default class MapDemoCanvas extends Vue {
+        view: SGraphView | undefined;
+        scene: SGraphScene | undefined;
+        map1 = require('../../../public/assets/map/1.json');
+        map2 = require('../../../public/assets/map/2.json');
+
+        mounted():void{
             this.view = new SGraphView("mapDemo");
             this.init()
-        },
-        methods:{
-            init(){
-                this.showMap(1);
-            },
-            showMap(id){
-                this.scene = new SGraphScene();
-                this.view.scene = this.scene;
-                let parser = new SFloorParser();
-                parser.parseData(this[`map${id}`].EntityList[0].Elements);
-                parser.spaceList.forEach(t => this.scene.addItem(t));
-                parser.wallList.forEach(t => this.scene.addItem(t));
-                parser.virtualWallList.forEach(t => this.scene.addItem(t));
-                parser.doorList.forEach(t => this.scene.addItem(t));
-                parser.columnList.forEach(t => this.scene.addItem(t));
-                parser.casementList.forEach(t => this.scene.addItem(t));
-                this.view.fitSceneToView();
-            }
+        };
+        init(){
+            this.showMap('1');
+        };
+        showMap(id:string){
+            const scene = new SGraphScene();
+            this.view!!.scene = scene;
+            let parser = new SFloorParser();
+            // @ts-ignore
+            parser.parseData(this[`map${id}`].EntityList[0].Elements);
+            parser.spaceList.forEach(t => scene.addItem(t));
+            parser.wallList.forEach(t => scene.addItem(t));
+            parser.virtualWallList.forEach(t => scene.addItem(t));
+            parser.doorList.forEach(t => scene.addItem(t));
+            parser.columnList.forEach(t => scene.addItem(t));
+            parser.casementList.forEach(t => scene.addItem(t));
+            this.view!!.fitSceneToView();
         }
     }
 </script>

+ 26 - 32
docs/.vuepress/components/big/items/column.vue

@@ -4,42 +4,36 @@
     </div>
 </template>
 
-<script>
+<script lang="ts">
     import {SGraphScene, SGraphView} from "@persagy-web/graph/";
     import {SColumnItem} from "@persagy-web/big/lib/items/floor/SColumnItem";
+    import { Component, Vue } from "vue-property-decorator";
 
-
-    export default {
-        name: "wall",
-        data(){
-            return {
-                view: null,
-                // 图中靠上位置的黑色矩形轮廓
-                outline1:[[{X:120,Y:10},{X:120,Y:30},{X:10,Y:30},{X:10,Y:10}]],
-                // 图中靠下位置的,绘制多个图形,会覆盖
-                outline2:[
-                    [{X:120,Y:-30},{X:120,Y:-50},{X:10,Y:-50},{X:10,Y:-30}],
-                    [{X:20,Y:-30},{X:20,Y:-85},{X:110,Y:-85},{X:110,Y:-40}]
-                ]
-            }
-        },
-        mounted() {
+    @Component
+    export default class ColumnCanvas extends Vue {
+        view: SGraphView | undefined;
+        // 图中靠上位置的黑色矩形轮廓
+        outline1 = [[{X:120,Y:10},{X:120,Y:30},{X:10,Y:30},{X:10,Y:10}]];
+        // 图中靠下位置的,绘制多个图形,会覆盖
+        outline2 = [
+            [{X:120,Y:-30},{X:120,Y:-50},{X:10,Y:-50},{X:10,Y:-30}],
+            [{X:20,Y:-30},{X:20,Y:-85},{X:110,Y:-85},{X:110,Y:-40}]
+        ];
+        mounted(): void {
             this.init();
-        },
-        methods:{
-            init(){
-                this.view = new SGraphView('wall');
-                const scene = new SGraphScene();
-                this.view.scene = scene;
-                // 只模拟了轮廓数据
-                const item = new SColumnItem(null,{OutLine:this.outline1});
-                scene.addItem(item);
-                // 只模拟了轮廓数据
-                const item2 = new SColumnItem(null,{OutLine:this.outline2});
-                scene.addItem(item2);
-                this.view.fitSceneToView();
-                this.view.scalable = false;
-            }
+        };
+        init(): void {
+            this.view = new SGraphView('wall');
+            const scene = new SGraphScene();
+            this.view.scene = scene;
+            // 只模拟了轮廓数据
+            const item = new SColumnItem(null,{OutLine:this.outline1});
+            scene.addItem(item);
+            // 只模拟了轮廓数据
+            const item2 = new SColumnItem(null,{OutLine:this.outline2});
+            scene.addItem(item2);
+            this.view.fitSceneToView();
+            this.view.scalable = false;
         }
     }
 </script>

+ 24 - 44
docs/.vuepress/components/big/items/door.vue

@@ -4,54 +4,34 @@
     </div>
 </template>
 
-<script>
+<script lang="ts">
     import {SGraphScene, SGraphView} from "@persagy-web/graph/";
     import {SDoorItem} from "@persagy-web/big/lib/items/floor/SDoorItem";
+    import { Component, Vue } from "vue-property-decorator";
 
-
-    export default {
-        name: "wall",
-        data(){
-            return {
-                view: null,
-                // 图中靠上位置的黑色矩形轮廓
-                outline1:[[{X:12000,Y:10000},{X:12000,Y:30000}]],
-                // 图中靠下位置的,绘制多个图形,会覆盖
-                // outline2:[
-                //     [{X:120,Y:-30},{X:120,Y:-50},{X:10,Y:-50},{X:10,Y:-30}],
-                //     [{X:20,Y:-30},{X:20,Y:-85},{X:110,Y:-85},{X:110,Y:-40}]
-                // ]
-            }
-        },
-        mounted() {
+    @Component
+    export default class WallCanvas extends Vue {
+        view: SGraphView | undefined;
+        outline1 = [[{X:12000,Y:10000},{X:12000,Y:30000}]];
+        mounted(): void {
             this.init();
-        },
-        methods:{
-            init(){
-                this.view = new SGraphView('wall');
-                const scene = new SGraphScene();
-                this.view.scene = scene;
-                // 只模拟了轮廓数据
-                const item = new SDoorItem(null,
-                        {
-                            OutLine:this.outline1,
-                            FaceDirection: {X: 0, Y: -1, Z: 0},
-                            HandDirection: {X: 1, Y: 0, Z: 0}
-                        }
-                );
-                scene.addItem(item);
-                // 只模拟了轮廓数据
-                // const item2 = new SDoorItem(null,
-                //     {
-                //         OutLine:this.outline2,
-                //         FaceDirection: {X: -1, Y: 1, Z: 0},
-                //         HandDirection: {X: 1, Y: 1, Z: 0}
-                //     }
-                // );
-                // scene.addItem(item2);
-                this.view.fitSceneToView();
-                // this.view.scalable = false;
-            }
+        };
+        init(): void {
+            this.view = new SGraphView('wall');
+            const scene = new SGraphScene();
+            this.view.scene = scene;
+            // 只模拟了轮廓数据
+            // @ts-ignore
+            const item = new SDoorItem(null,
+                // @ts-ignore
+                {
+                    OutLine:this.outline1,
+                    FaceDirection: {X: 0, Y: -1, Z: 0},
+                    HandDirection: {X: 1, Y: 0, Z: 0}
+                }
+            );
+            scene.addItem(item);
+            this.view.fitSceneToView();
         }
     }
 </script>

+ 28 - 32
docs/.vuepress/components/big/items/space.vue

@@ -4,42 +4,38 @@
     </div>
 </template>
 
-<script>
+<script lang="ts">
     import {SGraphScene, SGraphView} from "@persagy-web/graph/";
     import {SSpaceItem} from "@persagy-web/big/lib/items/floor/SSpaceItem";
+    import { Component, Vue } from "vue-property-decorator";
 
-
-    export default {
-        name: "space",
-        data(){
-            return {
-                view: null,
-                // 图中靠上位置的黑色矩形轮廓
-                outline1:[[{X:120,Y:10},{X:120,Y:30},{X:10,Y:30},{X:10,Y:10}]],
-                // 图中靠下位置的,中间掏洞
-                outline2:[
-                    [{X:120,Y:-30},{X:120,Y:-50},{X:10,Y:-50},{X:10,Y:-30}],
-                    [{X:20,Y:-40},{X:20,Y:-45},{X:100,Y:-45},{X:100,Y:-40}]
-                ]
-            }
-        },
-        mounted() {
+    @Component
+    export default class SpaceCanvas extends Vue {
+        view: SGraphView | undefined;
+        // 图中靠上位置的黑色矩形轮廓
+        outline1 = [[{X:120,Y:10},{X:120,Y:30},{X:10,Y:30},{X:10,Y:10}]];
+        // 图中靠下位置的,中间掏洞
+        outline2 = [
+            [{X:120,Y:-30},{X:120,Y:-50},{X:10,Y:-50},{X:10,Y:-30}],
+            [{X:20,Y:-40},{X:20,Y:-45},{X:100,Y:-45},{X:100,Y:-40}]
+        ];
+        mounted(): void {
             this.init();
-        },
-        methods:{
-            init(){
-                this.view = new SGraphView('wall');
-                const scene = new SGraphScene();
-                this.view.scene = scene;
-                // 只模拟了轮廓数据
-                const item = new SSpaceItem(null,{OutLine:this.outline1});
-                scene.addItem(item);
-                // 只模拟了轮廓数据
-                const item2 = new SSpaceItem(null,{OutLine:this.outline2});
-                scene.addItem(item2);
-                this.view.fitSceneToView();
-                this.view.scalable = false;
-            }
+        };
+        init(): void {
+            this.view = new SGraphView('wall');
+            const scene = new SGraphScene();
+            this.view.scene = scene;
+            // 只模拟了轮廓数据
+            // @ts-ignore
+            const item = new SSpaceItem(null,{OutLine:this.outline1});
+            scene.addItem(item);
+            // 只模拟了轮廓数据
+            // @ts-ignore
+            const item2 = new SSpaceItem(null,{OutLine:this.outline2});
+            scene.addItem(item2);
+            this.view.fitSceneToView();
+            this.view.scalable = false;
         }
     }
 </script>

+ 25 - 31
docs/.vuepress/components/big/items/virtualWall.vue

@@ -4,42 +4,36 @@
     </div>
 </template>
 
-<script>
+<script lang="ts">
     import {SGraphScene, SGraphView} from "@persagy-web/graph/";
     import {SVirtualWallItem} from "@persagy-web/big/lib/items/floor/SVirtualWallItem";
+    import { Component, Vue } from "vue-property-decorator";
 
-
-    export default {
-        name: "wall",
-        data(){
-            return {
-                view: null,
-                // 图中靠上位置的黑色矩形轮廓
-                outline1:[[{X:12000,Y:1000},{X:12000,Y:3000},{X:1000,Y:3000},{X:1000,Y:1000}]],
-                // 图中靠下位置的,中间掏洞
-                outline2:[
-                    [{X:12000,Y:-3000},{X:12000,Y:-5000},{X:1000,Y:-5000},{X:10,Y:-3000}],
-                    [{X:2000,Y:-4000},{X:2000,Y:-4500},{X:10000,Y:-4500},{X:10000,Y:-4000}]
-                ]
-            }
-        },
+    @Component
+    export default class VirtualWallCanvas extends Vue {
+        view: SGraphView | undefined;
+        // 图中靠上位置的黑色矩形轮廓
+        outline1 = [[{X:12000,Y:1000},{X:12000,Y:3000},{X:1000,Y:3000},{X:1000,Y:1000}]];
+        // 图中靠下位置的,中间掏洞
+        outline2 = [
+            [{X:12000,Y:-3000},{X:12000,Y:-5000},{X:1000,Y:-5000},{X:10,Y:-3000}],
+            [{X:2000,Y:-4000},{X:2000,Y:-4500},{X:10000,Y:-4500},{X:10000,Y:-4000}]
+        ];
         mounted() {
             this.init();
-        },
-        methods:{
-            init(){
-                this.view = new SGraphView('wall');
-                const scene = new SGraphScene();
-                this.view.scene = scene;
-                // 只模拟了轮廓数据
-                const item = new SVirtualWallItem(null,{OutLine:this.outline1});
-                scene.addItem(item);
-                // 只模拟了轮廓数据
-                const item2 = new SVirtualWallItem(null,{OutLine:this.outline2});
-                scene.addItem(item2);
-                this.view.fitSceneToView();
-                this.view.scalable = false;
-            }
+        };
+        init(){
+            this.view = new SGraphView('wall');
+            const scene = new SGraphScene();
+            this.view.scene = scene;
+            // 只模拟了轮廓数据
+            const item = new SVirtualWallItem(null,{OutLine:this.outline1});
+            scene.addItem(item);
+            // 只模拟了轮廓数据
+            const item2 = new SVirtualWallItem(null,{OutLine:this.outline2});
+            scene.addItem(item2);
+            this.view.fitSceneToView();
+            this.view.scalable = false;
         }
     }
 </script>

+ 25 - 31
docs/.vuepress/components/big/items/wall.vue

@@ -4,42 +4,36 @@
     </div>
 </template>
 
-<script>
+<script lang="ts">
     import {SGraphScene, SGraphView} from "@persagy-web/graph/";
     import {SWallItem} from "@persagy-web/big/lib/items/floor/SWallItem";
+    import { Component, Vue } from "vue-property-decorator";
 
-
-    export default {
-        name: "wall",
-        data(){
-            return {
-                view: null,
-                // 图中靠上位置的黑色矩形轮廓
-                outline1:[[{X:120,Y:10},{X:120,Y:30},{X:10,Y:30},{X:10,Y:10}]],
-                // 图中靠下位置的,中间掏洞
-                outline2:[
-                    [{X:120,Y:-30},{X:120,Y:-50},{X:10,Y:-50},{X:10,Y:-30}],
-                    [{X:20,Y:-40},{X:20,Y:-45},{X:100,Y:-45},{X:100,Y:-40}]
-                ]
-            }
-        },
+    @Component
+    export default class WallCanvas extends Vue {
+        view: SGraphView | undefined;
+        // 图中靠上位置的黑色矩形轮廓
+        outline1 = [[{X:120,Y:10},{X:120,Y:30},{X:10,Y:30},{X:10,Y:10}]];
+        // 图中靠下位置的,中间掏洞
+        outline2 = [
+            [{X:120,Y:-30},{X:120,Y:-50},{X:10,Y:-50},{X:10,Y:-30}],
+            [{X:20,Y:-40},{X:20,Y:-45},{X:100,Y:-45},{X:100,Y:-40}]
+        ];
         mounted() {
             this.init();
-        },
-        methods:{
-            init(){
-                this.view = new SGraphView('wall');
-                const scene = new SGraphScene();
-                this.view.scene = scene;
-                // 只模拟了轮廓数据
-                const item = new SWallItem(null,{OutLine:this.outline1});
-                scene.addItem(item);
-                // 只模拟了轮廓数据
-                const item2 = new SWallItem(null,{OutLine:this.outline2});
-                scene.addItem(item2);
-                this.view.fitSceneToView();
-                this.view.scalable = false;
-            }
+        };
+        init(){
+            this.view = new SGraphView('wall');
+            const scene = new SGraphScene();
+            this.view.scene = scene;
+            // 只模拟了轮廓数据
+            const item = new SWallItem(null,{OutLine:this.outline1});
+            scene.addItem(item);
+            // 只模拟了轮廓数据
+            const item2 = new SWallItem(null,{OutLine:this.outline2});
+            scene.addItem(item2);
+            this.view.fitSceneToView();
+            this.view.scalable = false;
         }
     }
 </script>

+ 18 - 24
docs/.vuepress/components/big/items/window.vue

@@ -4,34 +4,28 @@
     </div>
 </template>
 
-<script>
+<script lang="ts">
     import {SGraphScene, SGraphView} from "@persagy-web/graph/";
     import {SWindowItem} from "@persagy-web/big/lib/items/floor/SWindowItem";
+    import { Component, Vue } from "vue-property-decorator";
 
-
-    export default {
-        name: "wall",
-        data(){
-            return {
-                view: null,
-                // 图中靠上位置的黑色矩形轮廓
-                outline1:[[{X:120,Y:-30},{X:120,Y:-50},{X:10,Y:-50},{X:10,Y:-30}]],
-            }
-        },
-        mounted() {
+    @Component
+    export default class WindowCanvas extends Vue {
+        view: SGraphView | undefined;
+        outline1 = [[{X:120,Y:-30},{X:120,Y:-50},{X:10,Y:-50},{X:10,Y:-30}]];
+        mounted(): void {
             this.init();
-        },
-        methods:{
-            init(){
-                this.view = new SGraphView('wall');
-                const scene = new SGraphScene();
-                this.view.scene = scene;
-                // 只模拟了轮廓数据
-                const item = new SWindowItem(null,{OutLine:this.outline1});
-                scene.addItem(item);
-                this.view.fitSceneToView();
-                this.view.scalable = false;
-            }
+        }
+        init(): void{
+            this.view = new SGraphView('wall');
+            const scene = new SGraphScene();
+            this.view.scene = scene;
+            // 只模拟了轮廓数据
+            // @ts-ignore
+            const item = new SWindowItem(null,{OutLine:this.outline1});
+            scene.addItem(item);
+            this.view.fitSceneToView();
+            this.view.scalable = false;
         }
     }
 </script>

+ 42 - 45
docs/.vuepress/components/big/items/zone.vue

@@ -4,57 +4,54 @@
     </div>
 </template>
 
-<script>
+<script lang="ts">
     import {SGraphScene, SGraphView} from "@persagy-web/graph/";
     import {SZoneItem} from "@persagy-web/big/lib/items/floor/ZoneItem";
+    import { Component, Vue } from "vue-property-decorator";
 
-    export default {
-        name: "zone",
-        data(){
-            return {
-                outline:[
-                    [
-                        // 未掏洞的空间
-                        [
-                            {"X":30150.15,"Y":82300.04,"Z":59400.0},
-                            {"X":30150.15,"Y":81400.04,"Z":59400.0},
-                            {"X":33400.15,"Y":82300.04,"Z":59400.0},
-                            {"X":30150.15,"Y":82300.04,"Z":59400.0}
-                        ],
-                    ],
-                    [
-                        // 掏洞的空间
-                        [
-                            {"X":25500.15,"Y":77100.04,"Z":59400.0},
-                            {"X":28200.15,"Y":77100.04,"Z":59400.0},
-                            {"X":28200.15,"Y":82300.04,"Z":59400.0},
-                            {"X":25500.15,"Y":82300.04,"Z":59400.0},
-                            {"X":25500.15,"Y":77100.04,"Z":59400.0}
-                        ],
-                        [
-                            {"X":25900.15,"Y":80300.04,"Z":59400.0},
-                            {"X":27200.15,"Y":80300.04,"Z":59400.0},
-                            {"X":27200.15,"Y":77900.04,"Z":59400.0},
-                            {"X":25900.15,"Y":77900.04,"Z":59400.0},
-                        ]
-                    ]
+    @Component
+    export default class ZoneCanvas extends Vue {
+        outline = [
+            [
+                // 未掏洞的空间
+                [
+                    {"X":30150.15,"Y":82300.04,"Z":59400.0},
+                    {"X":30150.15,"Y":81400.04,"Z":59400.0},
+                    {"X":33400.15,"Y":82300.04,"Z":59400.0},
+                    {"X":30150.15,"Y":82300.04,"Z":59400.0}
+                ],
+            ],
+            [
+                // 掏洞的空间
+                [
+                    {"X":25500.15,"Y":77100.04,"Z":59400.0},
+                    {"X":28200.15,"Y":77100.04,"Z":59400.0},
+                    {"X":28200.15,"Y":82300.04,"Z":59400.0},
+                    {"X":25500.15,"Y":82300.04,"Z":59400.0},
+                    {"X":25500.15,"Y":77100.04,"Z":59400.0}
+                ],
+                [
+                    {"X":25900.15,"Y":80300.04,"Z":59400.0},
+                    {"X":27200.15,"Y":80300.04,"Z":59400.0},
+                    {"X":27200.15,"Y":77900.04,"Z":59400.0},
+                    {"X":25900.15,"Y":77900.04,"Z":59400.0},
                 ]
-            }
-        },
+            ]
+        ];
+        view: SGraphView | undefined;
         mounted() {
             this.init();
-        },
-        methods:{
-            init(){
-                this.view = new SGraphView('wall');
-                const scene = new SGraphScene();
-                this.view.scene = scene;
-                // 只模拟了轮廓数据
-                const item = new SZoneItem(null,{OutLine:this.outline});
-                scene.addItem(item);
-                this.view.fitSceneToView();
-                this.view.scalable = false;
-            }
+        };
+        init(){
+            this.view = new SGraphView('wall');
+            const scene = new SGraphScene();
+            this.view.scene = scene;
+            // 只模拟了轮廓数据
+            // @ts-ignore
+            const item = new SZoneItem(null,{OutLine:this.outline});
+            scene.addItem(item);
+            this.view.fitSceneToView();
+            this.view.scalable = false;
         }
     }
 </script>

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

@@ -3,6 +3,7 @@
         <el-button size="small" @click="changeEnable">切换item1禁用状态</el-button>
         圆角半径 : <el-input-number @change="changeY" v-model="R" size="mini" style="width: 100px"></el-input-number>
         <canvas :id="id" width="740" height="400" />
+        <div v-if="item.render" v-html="item.render(row[item.prop])"></div>
     </div>
 </template>
 
@@ -12,7 +13,7 @@
     import { Component, Vue } from "vue-property-decorator";
 
     @Component
-    export default class Rect extends Vue {
+    export default class RectCanvas extends Vue {
         id: string = 'rect' + Date.now();
         view: SGraphView | undefined;
         item: SGraphRectItem | undefined;

+ 24 - 29
docs/.vuepress/components/scene/items/svg.vue

@@ -4,38 +4,33 @@
     </div>
 </template>
 
-<script>
+<script lang="ts">
     import {SGraphScene, SGraphView, SGraphSvgItem} from "@persagy-web/graph/lib";
+    import { Component, Vue } from "vue-property-decorator";
 
-    export default {
-        name: "svgCanvas",
-        data(){
-            return{
-                id: 'svg' + Date.now(),
-                view: '',
-                svgData:{
-                    // https://desk-fd.zol-img.com.cn/t_s2560x1600c5/g6/M00/0B/0E/ChMkKV9N5U2IfX_aAA-zeHRQZW8AABvcADsv-0AD7OQ688.jpg
-                    Url: 'https://cdn-img.easyicon.net/image/2019/panda-search.svg',
-                    X: 100,
-                    Y: 100,
-                    Width: 200,
-                    Height: 200
-                }
-            }
-        },
-        mounted() {
+    @Component
+    export default class SvgCanvas extends Vue{
+        id: string = 'svg' + Date.now();
+        view: SGraphView | undefined;
+        svgData = {
+            // https://desk-fd.zol-img.com.cn/t_s2560x1600c5/g6/M00/0B/0E/ChMkKV9N5U2IfX_aAA-zeHRQZW8AABvcADsv-0AD7OQ688.jpg
+            Url: 'https://cdn-img.easyicon.net/image/2019/panda-search.svg',
+            X: 100,
+            Y: 100,
+            Width: 200,
+            Height: 200
+        };
+        private mounted(): void {
             this.init()
-        },
-        methods:{
-            init(){
-                this.view = new SGraphView(this.id);
-                const scene = new SGraphScene();
-                this.view.scene = scene;
-                const item = new SGraphSvgItem(null, this.svgData);
-                scene.addItem(item);
-                this.view.fitSceneToView();
-            }
-        }
+        };
+        init(): void {
+            this.view = new SGraphView(this.id);
+            const scene = new SGraphScene();
+            this.view.scene = scene;
+            const item = new SGraphSvgItem(null, this.svgData);
+            scene.addItem(item);
+            this.view.fitSceneToView();
+        };
     }
 </script>
 

+ 5 - 5
docs/.vuepress/public/until/rgbaUtil.ts

@@ -1,4 +1,5 @@
 import transparency from './transparency'
+
 //rgba转成16进制
 export function hexify(color: string) {
   if (color) {
@@ -13,12 +14,11 @@ export function hexify(color: string) {
           if (index == a) {
               opacity = i
           }
-      })
+      });
 
-      var hex = '#' + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1) + opacity
-      
-      return hex
+      return '#' + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1) + opacity
   } else {
       return
   }
-}
+}
+

+ 5 - 4
docs/guides/big/items/window.md

@@ -11,9 +11,8 @@
     
 ### 数据说明
 ``` json5
-Walls:[
+Windows:[
     {
-        LevelId: '',                        // 层id
         Location: {X:0,Y:0,Z:0},            // 位置
         ModelId: '',                        // 模型id
         Name: '',                           // 名称
@@ -21,9 +20,11 @@ Walls:[
             [{X:0,Y:0,Z:0},...],            // 外轮廓 
             ...                             // 内轮廓
         ],                                  // 轮廓线
+        Owner: '',                          // 拥有者的RevitId
         SourceId: '',                       // 对应Revit模型id
-        Tag: '',                            // 补充信息
-        Width: 200,                         // 厚度
+        WallId: '',                         // 所属墙
+        Width: 200,                         // 宽度
+        Thick: 200,                         // 厚度
     },
     ...
 ]