Browse Source

doc:docs> 注释完善,添加名词解释

shaun-sheep 4 years ago
parent
commit
4955b284cd
36 changed files with 735 additions and 535 deletions
  1. 5 0
      docs/.vuepress/components/big/MapDemo.vue
  2. 10 5
      docs/.vuepress/components/big/items/column.vue
  3. 5 0
      docs/.vuepress/components/big/items/door.vue
  4. 12 7
      docs/.vuepress/components/big/items/space.vue
  5. 7 2
      docs/.vuepress/components/big/items/virtualWall.vue
  6. 10 5
      docs/.vuepress/components/big/items/wall.vue
  7. 5 0
      docs/.vuepress/components/big/items/window.vue
  8. 23 18
      docs/.vuepress/components/big/items/zone.vue
  9. 131 126
      docs/.vuepress/components/edit/items/editPolygon/editPolygon.vue
  10. 115 109
      docs/.vuepress/components/edit/items/editline/editline1.vue
  11. 13 7
      docs/.vuepress/components/edit/items/editpolyline/editpolyline.vue
  12. 5 0
      docs/.vuepress/components/edit/items/edittext/edittext.vue
  13. 134 129
      docs/.vuepress/components/edit/undo/undo.vue
  14. 1 1
      docs/.vuepress/components/engine/arrow.vue
  15. 5 0
      docs/.vuepress/components/engine/composite.vue
  16. 1 1
      docs/.vuepress/components/engine/demo/elsfk.vue
  17. 1 1
      docs/.vuepress/components/engine/demo/elsfkDifficult.vue
  18. 1 1
      docs/.vuepress/components/engine/shape/Circle1.vue
  19. 5 0
      docs/.vuepress/components/format/style.vue
  20. 1 1
      docs/.vuepress/components/scene/items/ClockItem.vue
  21. 11 11
      docs/.vuepress/components/scene/items/SEditPolygon.vue
  22. 98 97
      docs/.vuepress/components/scene/items/SImgTextItem.vue
  23. 35 6
      docs/.vuepress/config.js
  24. 26 2
      docs/README.md
  25. 2 2
      docs/guides/edit/items/src/EditImageItem.ts
  26. 1 1
      docs/guides/edit/items/src/EditLineItem.ts
  27. 1 1
      docs/guides/edit/items/src/EditPolygonItem.ts
  28. 1 1
      docs/guides/edit/items/src/EditPolylineItem.ts
  29. 1 1
      docs/guides/edit/items/src/EditText.ts
  30. 0 0
      docs/notion/README.md
  31. 9 0
      docs/notion/center/center.md
  32. 7 0
      docs/notion/crayon/crayon.md
  33. 23 0
      docs/notion/index.js
  34. 7 0
      docs/notion/middle/middle.md
  35. 9 0
      docs/notion/revit/revit.md
  36. 14 0
      docs/notion/system/system.md

+ 5 - 0
docs/.vuepress/components/big/MapDemo.vue

@@ -11,6 +11,11 @@ import { SGraphScene, SGraphView } from "@persagy-web/graph/lib";
 import { SFloorParser } from "@persagy-web/big/lib";
 import { Component, Vue } from "vue-property-decorator";
 
+/**
+ * 场景对象示例
+ *
+ * @author 郝洁 <haojie@persagy.com>
+ */
 @Component
 export default class MapDemoCanvas extends Vue {
     /** 实例化 view */

+ 10 - 5
docs/.vuepress/components/big/items/column.vue

@@ -9,13 +9,18 @@ import { SGraphScene, SGraphView } from "@persagy-web/graph/";
 import { SColumnItem } from "@persagy-web/big/lib/items/floor/SColumnItem";
 import { Component, Vue } from "vue-property-decorator";
 
+/**
+ * 柱子对象示例
+ *
+ * @author 郝洁 <haojie@persagy.com>
+ */
 @Component
 export default class ColumnCanvas extends Vue {
     /** 实例化 view */
     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}]
@@ -41,10 +46,10 @@ export default class ColumnCanvas extends Vue {
         // 只模拟了轮廓数据
         const item2 = new SColumnItem(null, {OutLine: this.outline2});
         scene.addItem(item2);
-            this.view.fitSceneToView();
-            this.view.scalable = false;
-        }
+        this.view.fitSceneToView();
+        this.view.scalable = false;
     }
+}
 </script>
 
 <style scoped>

+ 5 - 0
docs/.vuepress/components/big/items/door.vue

@@ -9,6 +9,11 @@ import { SGraphScene, SGraphView } from "@persagy-web/graph/";
 import { SDoorItem } from "@persagy-web/big/lib/items/floor/SDoorItem";
 import { Component, Vue } from "vue-property-decorator";
 
+/**
+ * 门对象示例
+ *
+ * @author 郝洁 <haojie@persagy.com>
+ */
 @Component
 export default class WallCanvas extends Vue {
     /** 实例化 view */

+ 12 - 7
docs/.vuepress/components/big/items/space.vue

@@ -9,13 +9,18 @@ import { SGraphScene, SGraphView } from "@persagy-web/graph/";
 import { SSpaceItem } from "@persagy-web/big/lib/items/floor/SSpaceItem";
 import { Component, Vue } from "vue-property-decorator";
 
+/**
+ * 空间对象示例
+ *
+ * @author 郝洁 <haojie@persagy.com>
+ */
 @Component
 export default class SpaceCanvas extends Vue {
     /** 实例化 view */
     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}]
@@ -41,12 +46,12 @@ export default class SpaceCanvas extends Vue {
         scene.addItem(item);
         // 只模拟了轮廓数据
         // @ts-ignore
-            const item2 = new SSpaceItem(null,{OutLine:this.outline2});
-            scene.addItem(item2);
-            this.view.fitSceneToView();
-            this.view.scalable = false;
-        }
+        const item2 = new SSpaceItem(null, {OutLine: this.outline2});
+        scene.addItem(item2);
+        this.view.fitSceneToView();
+        this.view.scalable = false;
     }
+}
 </script>
 
 <style scoped>

+ 7 - 2
docs/.vuepress/components/big/items/virtualWall.vue

@@ -9,13 +9,18 @@ import { SGraphScene, SGraphView } from "@persagy-web/graph/";
 import { SVirtualWallItem } from "@persagy-web/big/lib/items/floor/SVirtualWallItem";
 import { Component, Vue } from "vue-property-decorator";
 
+/**
+ * 虚拟墙对象示例
+ *
+ * @author 郝洁 <haojie@persagy.com>
+ */
 @Component
 export default class VirtualWallCanvas extends Vue {
     /** 实例化 view */
     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}]

+ 10 - 5
docs/.vuepress/components/big/items/wall.vue

@@ -9,13 +9,18 @@ import { SGraphScene, SGraphView } from "@persagy-web/graph/";
 import { SWallItem } from "@persagy-web/big/lib/items/floor/SWallItem";
 import { Component, Vue } from "vue-property-decorator";
 
+/**
+ * 墙对象示例
+ *
+ * @author 郝洁 <haojie@persagy.com>
+ */
 @Component
 export default class WallCanvas extends Vue {
     /** 实例化 view */
     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}]
@@ -41,10 +46,10 @@ export default class WallCanvas extends Vue {
         // 只模拟了轮廓数据
         const item2 = new SWallItem(null, {OutLine: this.outline2});
         scene.addItem(item2);
-            this.view.fitSceneToView();
-            this.view.scalable = false;
-        }
+        this.view.fitSceneToView();
+        this.view.scalable = false;
     }
+}
 </script>
 
 <style scoped>

+ 5 - 0
docs/.vuepress/components/big/items/window.vue

@@ -9,6 +9,11 @@ import { SGraphScene, SGraphView } from "@persagy-web/graph/";
 import { SWindowItem } from "@persagy-web/big/lib/items/floor/SWindowItem";
 import { Component, Vue } from "vue-property-decorator";
 
+/**
+ * 窗户对象示例
+ *
+ * @author 郝洁 <haojie@persagy.com>
+ */
 @Component
 export default class WindowCanvas extends Vue {
     /** 实例化 view */

+ 23 - 18
docs/.vuepress/components/big/items/zone.vue

@@ -9,34 +9,39 @@ import { SGraphScene, SGraphView } from "@persagy-web/graph/";
 import { SZoneItem } from "@persagy-web/big/lib/items/floor/ZoneItem";
 import { Component, Vue } from "vue-property-decorator";
 
+/**
+ * 业务空间对象示例
+ *
+ * @author 郝洁 <haojie@persagy.com>
+ */
 @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": 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":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},
-                ]
+                {"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 */
     view: SGraphView | undefined;
@@ -64,7 +69,7 @@ export default class ZoneCanvas extends Vue {
         console.log(this.view)
         this.view.scalable = false;
     }
-    }
+}
 </script>
 
 <style scoped>

+ 131 - 126
docs/.vuepress/components/edit/items/editPolygon/editPolygon.vue

@@ -83,140 +83,145 @@
 </template>
 
 <script>
-    import { SGraphScene, SGraphView, SLineStyle } from "@persagy-web/graph/";
-    import { SItemStatus } from "@persagy-web/big/lib/enums/SItemStatus";
-    import { SColor } from "@persagy-web/draw/";
-    //注: 开发者引入 EditPolygonItem 包为: import {EditPolygonItem} from "@persagy-web/edit/";
-    import { EditPolygonItem } from "./../../../../../guides/edit/items/src/EditPolygonItem";
-    import { hexify } from "./../../../../public/until/rgbaUtil";
+import { SGraphScene, SGraphView, SLineStyle } from "@persagy-web/graph/";
+import { SItemStatus } from "@persagy-web/big/lib/enums/SItemStatus";
+import { SColor } from "@persagy-web/draw/";
+//注: 开发者引入 EditPolygonItem 包为: import {EditPolygonItem} from "@persagy-web/edit/";
+import { EditPolygonItem } from "./../../../../../guides/edit/items/src/EditPolygonItem";
+import { hexify } from "./../../../../public/until/rgbaUtil";
 
-    export default {
-        name: "editpolygon",
-        data() {
-            return {
-                /** 命令所属的场景类 */
-                scene: null,
-                view: null,        //view实例
-                isCreated: false,  //是否创建完成
-                cmdStatus: "",     //选中状态
-                polygonItem: null, //存放创建的Item
-                lineWidth: 1,      //border线宽
-                lineColor: "",     //border线颜色
-                fillColor: "",      //填充色
-                lineType: "",      //border线类型
-                options: [
-                    {
-                        value: "Solid",
-                        label: "实线"
-                    },
-                    {
-                        value: "Dashed",
-                        label: "虚线"
-                    },
-                    {
-                        value: "Dotted",
-                        label: "点"
-                    }
-                ]
-            };
+/**
+ * 编辑多边形示例
+ *
+ * @author 郝洁 <haojie@persagy.com>
+ */
+export default {
+    name: "editpolygon",
+    data() {
+        return {
+            /** 命令所属的场景类 */
+            scene: null,
+            view: null,        //view实例
+            isCreated: false,  //是否创建完成
+            cmdStatus: "",     //选中状态
+            polygonItem: null, //存放创建的Item
+            lineWidth: 1,      //border线宽
+            lineColor: "",     //border线颜色
+            fillColor: "",      //填充色
+            lineType: "",      //border线类型
+            options: [
+                {
+                    value: "Solid",
+                    label: "实线"
+                },
+                {
+                    value: "Dashed",
+                    label: "虚线"
+                },
+                {
+                    value: "Dotted",
+                    label: "点"
+                }
+            ]
+        };
+    },
+    /**
+     * 页面挂载
+     */
+    mounted() {
+        this.view = new SGraphView("edit_polygon");
+        this.scene = new SGraphScene();
+        this.view.scene = this.scene;
+    },
+    methods: {
+        create() {
+            this.cmdStatus = "create";
+            this.scene.root.children = [];
+            this.polygonItem = new EditPolygonItem(null);
+            this.polygonItem.status = SItemStatus.Create;
+            this.polygonItem.connect("finishCreated", this, this.finishCreated);
+            this.scene.addItem(this.polygonItem);
+            this.scene.grabItem = this.polygonItem;
+            this.view.update();
         },
-        /**
-         * 页面挂载
-         */
-        mounted() {
-            this.view = new SGraphView("edit_polygon");
-            this.scene = new SGraphScene();
-            this.view.scene = this.scene;
+        deleteItem() {
+            this.cmdStatus = "";
+            this.scene.removeItem(this.polygonItem);
+            this.polygonItem = null;
+            this.view.update();
         },
-        methods: {
-            create() {
-                this.cmdStatus = "create";
-                this.scene.root.children = [];
-                this.polygonItem = new EditPolygonItem(null);
-                this.polygonItem.status = SItemStatus.Create;
-                this.polygonItem.connect("finishCreated", this, this.finishCreated);
-                this.scene.addItem(this.polygonItem);
-                this.scene.grabItem = this.polygonItem;
-                this.view.update();
-            },
-            deleteItem() {
-                this.cmdStatus = "";
-                this.scene.removeItem(this.polygonItem);
-                this.polygonItem = null;
-                this.view.update();
-            },
-            edit() {
-                if (this.polygonItem) {
-                    if (this.polygonItem.status == SItemStatus.Normal) {
-                        this.scene.grabItem = this.polygonItem;
-                        this.polygonItem.status = SItemStatus.Edit;
-                        // this.polygonItem.verAndLeve = false;
-                        this.cmdStatus = "edit";
-                    } else {
-                        this.polygonItem.status = SItemStatus.Normal;
-                        this.scene.grabItem = null;
-                        this.cmdStatus = "";
-                    }
-                }
-            },
-            eqDrawLine() {
-                this.cmdStatus = "eqDrawLine";
-                this.scene.root.children = [];
-                this.polygonItem = new EditPolygonItem(null, []);
-                this.polygonItem.verAndLeve = true;
-                this.polygonItem.status = SItemStatus.Create;
-                this.polygonItem.connect("finishCreated", this, this.finishCreated);
-                this.polygonItem.moveable = true;
-                this.scene.addItem(this.polygonItem);
-                this.scene.grabItem = this.polygonItem;
-                this.view.update();
-            },
-            // 改变线宽属性
-            changeLineWidth(val) {
-                if (this.polygonItem) {
-                    this.lineWidth = val;
-                    this.polygonItem.lineWidth = val;
-                }
-            },
-            // 改变颜色
-            changeColor(val) {
-                if (this.polygonItem) {
-                    this.lineColor = hexify(val);
-                    this.polygonItem.strokeColor = new SColor(this.lineColor);
-                }
-            },
-            // 改变填充颜色
-            changeFillColor(val) {
-                if (this.polygonItem) {
-                    this.fillColor = hexify(val);
-                    this.polygonItem.fillColor = new SColor(this.lineColor);
-                }
-            },
-            //改变线得类型
-            changeType(val) {
-                if (this.polygonItem) {
-                    this.polygonItem.lineStyle = SLineStyle[val];
+        edit() {
+            if (this.polygonItem) {
+                if (this.polygonItem.status == SItemStatus.Normal) {
+                    this.scene.grabItem = this.polygonItem;
+                    this.polygonItem.status = SItemStatus.Edit;
+                    // this.polygonItem.verAndLeve = false;
+                    this.cmdStatus = "edit";
+                } else {
+                    this.polygonItem.status = SItemStatus.Normal;
+                    this.scene.grabItem = null;
+                    this.cmdStatus = "";
                 }
-            },
-            // 完成创建后的回调
-            finishCreated() {
-                this.cmdStatus = "";
             }
         },
-        watch: {
-            polygonItem(val) {
-                if (val) {
-                    this.lineWidth = val.lineWidth; // 线宽
-                    this.lineStyle = val.lineStyle; // 线条样式
-                    this.lineColor = val.strokeColor.value; // 线条填充色
-                    this.fillColor = val.fillColor.value; // 线条填充色
-                    this.lineType = this.options[val.lineStyle].value;
-                } else {
-                    this.lineWidth = 0;
-                }
+        eqDrawLine() {
+            this.cmdStatus = "eqDrawLine";
+            this.scene.root.children = [];
+            this.polygonItem = new EditPolygonItem(null, []);
+            this.polygonItem.verAndLeve = true;
+            this.polygonItem.status = SItemStatus.Create;
+            this.polygonItem.connect("finishCreated", this, this.finishCreated);
+            this.polygonItem.moveable = true;
+            this.scene.addItem(this.polygonItem);
+            this.scene.grabItem = this.polygonItem;
+            this.view.update();
+        },
+        // 改变线宽属性
+        changeLineWidth(val) {
+            if (this.polygonItem) {
+                this.lineWidth = val;
+                this.polygonItem.lineWidth = val;
+            }
+        },
+        // 改变颜色
+        changeColor(val) {
+            if (this.polygonItem) {
+                this.lineColor = hexify(val);
+                this.polygonItem.strokeColor = new SColor(this.lineColor);
+            }
+        },
+        // 改变填充颜色
+        changeFillColor(val) {
+            if (this.polygonItem) {
+                this.fillColor = hexify(val);
+                this.polygonItem.fillColor = new SColor(this.lineColor);
+            }
+        },
+        //改变线得类型
+        changeType(val) {
+            if (this.polygonItem) {
+                this.polygonItem.lineStyle = SLineStyle[val];
+            }
+        },
+        // 完成创建后的回调
+        finishCreated() {
+            this.cmdStatus = "";
+        }
+    },
+    watch: {
+        polygonItem(val) {
+            if (val) {
+                this.lineWidth = val.lineWidth; // 线宽
+                this.lineStyle = val.lineStyle; // 线条样式
+                this.lineColor = val.strokeColor.value; // 线条填充色
+                this.fillColor = val.fillColor.value; // 线条填充色
+                this.lineType = this.options[val.lineStyle].value;
+            } else {
+                this.lineWidth = 0;
             }
         }
-    };
+    }
+};
 </script>
 
 <style scoped lang="less">

+ 115 - 109
docs/.vuepress/components/edit/items/editline/editline1.vue

@@ -72,123 +72,129 @@ import { SGraphScene, SGraphView, SLineStyle } from "@persagy-web/graph/";
 import { SItemStatus } from "@persagy-web/big/lib/enums/SItemStatus";
 import { EditLineItem } from "./../../../../../guides/edit/items/src/EditLineItem";
 import { hexify } from "./../../../../public/until/rgbaUtil";
+
+/**
+ * 编辑线示例
+ *
+ * @author 郝洁 <haojie@persagy.com>
+ */
 //注: 开发者引入 SWallItem 包为: import {SWallItem} from "@persagy-web/edit/";
-    export default {
-        name: "editLine",
-        data() {
-            return {
-                /** 命令所属的场景类 */
-                scene: null,
-                view: null, // 实例化 view
-                isCreated: false, //是否创建完成
-                cmdStatus: "", //选中状态
-                lineItem: null, //存放创建的Item
-                lineWidth: 1,
-                lineColor: "",
-                lineType: "",
-                options: [
-                    {
-                        value: "Solid",
-                        label: "实线"
-                    },
-                    {
-                        value: "Dashed",
-                        label: "虚线"
-                    },
-                    {
-                        value: "Dotted",
-                        label: "点"
-                    }
-                ]
-            };
+export default {
+    name: "editLine",
+    data() {
+        return {
+            /** 命令所属的场景类 */
+            scene: null,
+            view: null, // 实例化 view
+            isCreated: false, //是否创建完成
+            cmdStatus: "", //选中状态
+            lineItem: null, //存放创建的Item
+            lineWidth: 1,
+            lineColor: "",
+            lineType: "",
+            options: [
+                {
+                    value: "Solid",
+                    label: "实线"
+                },
+                {
+                    value: "Dashed",
+                    label: "虚线"
+                },
+                {
+                    value: "Dotted",
+                    label: "点"
+                }
+            ]
+        };
+    },
+    /**
+     * 页面挂载
+     */
+    mounted() {
+        this.view = new SGraphView("edit_line");
+        this.scene = new SGraphScene();
+        this.view.scene = this.scene;
+    },
+    methods: {
+        create() {
+            this.cmdStatus = "create";
+            this.scene.root.children = [];
+            this.lineItem = new EditLineItem(null, []);
+            this.lineItem.status = SItemStatus.Create;
+            this.lineItem.connect("finishCreated", this, this.finishCreated);
+            this.scene.addItem(this.lineItem);
+            this.scene.grabItem = this.lineItem;
+            this.view.update();
         },
-        /**
-         * 页面挂载
-         */
-        mounted() {
-            this.view = new SGraphView("edit_line");
-            this.scene = new SGraphScene();
-            this.view.scene = this.scene;
+        deleteItem() {
+            this.cmdStatus = "";
+            this.scene.removeItem(this.lineItem);
+            this.lineItem = null;
+            this.view.update();
         },
-        methods: {
-            create() {
-                this.cmdStatus = "create";
-                this.scene.root.children = [];
-                this.lineItem = new EditLineItem(null, []);
-                this.lineItem.status = SItemStatus.Create;
-                this.lineItem.connect("finishCreated", this, this.finishCreated);
-                this.scene.addItem(this.lineItem);
-                this.scene.grabItem = this.lineItem;
-                this.view.update();
-            },
-            deleteItem() {
-                this.cmdStatus = "";
-                this.scene.removeItem(this.lineItem);
-                this.lineItem = null;
-                this.view.update();
-            },
-            edit() {
-                if (this.lineItem) {
-                    if (this.lineItem.status == SItemStatus.Normal) {
-                        this.scene.grabItem = this.lineItem;
-                        this.lineItem.status = SItemStatus.Edit;
-                        this.cmdStatus = "edit";
-                    } else {
-                        this.lineItem.status = SItemStatus.Normal;
-                        this.scene.grabItem = null;
-                        this.cmdStatus = "";
-                    }
-                }
-            },
-            eqDrawLine() {
-                this.cmdStatus = "eqDrawLine";
-                this.scene.root.children = [];
-                this.lineItem = new EditLineItem(null, []);
-                this.lineItem.verAndLeve = true;
-                this.lineItem.status = SItemStatus.Create;
-                this.lineItem.connect("finishCreated", this, this.finishCreated);
-                this.scene.addItem(this.lineItem);
-                this.scene.grabItem = this.lineItem;
-                this.view.update();
-            },
-            // 改变线宽属性
-            changeLineWidth(val) {
-                if (this.lineItem) {
-                    this.lineWidth = val;
-                    this.lineItem.lineWidth = val;
-                }
-            },
-            // 改变颜色
-            changeColor(val) {
-                if (this.lineItem) {
-                    this.lineColor = hexify(val);
-                    this.lineItem.strokeColor = this.lineColor;
-                }
-            },
-            //改变线得类型
-            changeType(val) {
-                if (this.lineItem) {
-                    this.lineItem.lineStyle = SLineStyle[val];
+        edit() {
+            if (this.lineItem) {
+                if (this.lineItem.status == SItemStatus.Normal) {
+                    this.scene.grabItem = this.lineItem;
+                    this.lineItem.status = SItemStatus.Edit;
+                    this.cmdStatus = "edit";
+                } else {
+                    this.lineItem.status = SItemStatus.Normal;
+                    this.scene.grabItem = null;
+                    this.cmdStatus = "";
                 }
-            },
-            // 完成创建后的回调
-            finishCreated() {
-                this.cmdStatus = "";
             }
         },
-        watch: {
-            lineItem(val) {
-                if (val) {
-                    this.lineWidth = val.lineWidth; // 线宽
-                    this.lineStyle = val.lineStyle; // 线条样式
-                    this.lineColor = val.strokeColor.value; // 线条填充色
-                    this.lineType = this.options[val.lineStyle].value;
-                } else {
-                    this.lineWidth = 0;
-                }
+        eqDrawLine() {
+            this.cmdStatus = "eqDrawLine";
+            this.scene.root.children = [];
+            this.lineItem = new EditLineItem(null, []);
+            this.lineItem.verAndLeve = true;
+            this.lineItem.status = SItemStatus.Create;
+            this.lineItem.connect("finishCreated", this, this.finishCreated);
+            this.scene.addItem(this.lineItem);
+            this.scene.grabItem = this.lineItem;
+            this.view.update();
+        },
+        // 改变线宽属性
+        changeLineWidth(val) {
+            if (this.lineItem) {
+                this.lineWidth = val;
+                this.lineItem.lineWidth = val;
+            }
+        },
+        // 改变颜色
+        changeColor(val) {
+            if (this.lineItem) {
+                this.lineColor = hexify(val);
+                this.lineItem.strokeColor = this.lineColor;
+            }
+        },
+        //改变线得类型
+        changeType(val) {
+            if (this.lineItem) {
+                this.lineItem.lineStyle = SLineStyle[val];
+            }
+        },
+        // 完成创建后的回调
+        finishCreated() {
+            this.cmdStatus = "";
+        }
+    },
+    watch: {
+        lineItem(val) {
+            if (val) {
+                this.lineWidth = val.lineWidth; // 线宽
+                this.lineStyle = val.lineStyle; // 线条样式
+                this.lineColor = val.strokeColor.value; // 线条填充色
+                this.lineType = this.options[val.lineStyle].value;
+            } else {
+                this.lineWidth = 0;
             }
         }
-    };
+    }
+};
 </script>
 
 <style scoped lang="less">

+ 13 - 7
docs/.vuepress/components/edit/items/editpolyline/editpolyline.vue

@@ -83,14 +83,20 @@
 </template>
 
 <script>
-    import { SGraphScene, SGraphView, SLineStyle } from "@persagy-web/graph/";
-    import { SItemStatus } from "@persagy-web/big/lib/enums/SItemStatus";
-    import { SColor } from "@persagy-web/draw/";
-    //注: 开发者引入 EditPolygonItem 包为: import {EditPolygonItem} from "@persagy-web/edit/";
-    import { EditPolylineItem } from "./../../../../../guides/edit/items/src/EditPolylineItem";
-    import { hexify } from "./../../../../public/until/rgbaUtil";
+import { SGraphScene, SGraphView, SLineStyle } from "@persagy-web/graph/";
+import { SItemStatus } from "@persagy-web/big/lib/enums/SItemStatus";
+import { SColor } from "@persagy-web/draw/";
+//注: 开发者引入 EditPolygonItem 包为: import {EditPolygonItem} from "@persagy-web/edit/";
+import { EditPolylineItem } from "./../../../../../guides/edit/items/src/EditPolylineItem";
+import { hexify } from "./../../../../public/until/rgbaUtil";
 
-    export default {
+/**
+ * 编辑折线示例
+ *
+ * @author 郝洁 <haojie@persagy.com>
+ */
+
+export default {
         name: "EditPolylineItem",
         data() {
             return {

+ 5 - 0
docs/.vuepress/components/edit/items/edittext/edittext.vue

@@ -47,6 +47,11 @@ import { SFont } from "@persagy-web/draw/lib";
 import { EditText } from "./../../../../../guides/edit/items/src/EditText";
 import { hexify } from "./../../../../public/until/rgbaUtil";
 
+/**
+ * 编辑文本示例
+ *
+ * @author 郝洁 <haojie@persagy.com>
+ */
 class SScene extends SGraphScene {
     undoStack = new SUndoStack();
     textItem = new EditText(null);

+ 134 - 129
docs/.vuepress/components/edit/undo/undo.vue

@@ -40,150 +40,155 @@
 </template>
 
 <script>
-    import { SGraphScene, SGraphView } from "@persagy-web/graph/";
-    import { SItemStatus } from "@persagy-web/big/lib/enums/SItemStatus";
-    import { SUndoStack } from "@persagy-web/base/lib";
-    import { EditLineItem } from "./../../../../guides/edit/items/src/EditLineItem";
-    import { EditImageItem } from "./../../../../guides/edit/items/src/EditImageItem";
-    import { EditText } from "./../../../../guides/edit/items/src/EditText";
-    import { SGraphAddCommand } from "./../../../../guides/edit/undo/src/SGraphAddCommand";
+import { SGraphScene, SGraphView } from "@persagy-web/graph/";
+import { SItemStatus } from "@persagy-web/big/lib/enums/SItemStatus";
+import { SUndoStack } from "@persagy-web/base/lib";
+import { EditLineItem } from "./../../../../guides/edit/items/src/EditLineItem";
+import { EditImageItem } from "./../../../../guides/edit/items/src/EditImageItem";
+import { EditText } from "./../../../../guides/edit/items/src/EditText";
+import { SGraphAddCommand } from "./../../../../guides/edit/undo/src/SGraphAddCommand";
 
-    class SScene extends SGraphScene {
-        undoStack = new SUndoStack();
-        editCmd = "";
+/**
+ * undo对象示例
+ *
+ * @author 郝洁 <haojie@persagy.com>
+ */
+class SScene extends SGraphScene {
+    undoStack = new SUndoStack();
+    editCmd = "";
 
-        /**
-         * 构造函数
-         */
-        constructor() {
-            super();
-            this.editCmd = "";
-            this.selectContainer.connect("listChange", this, this.listChange);
-        }
+    /**
+     * 构造函数
+     */
+    constructor() {
+        super();
+        this.editCmd = "";
+        this.selectContainer.connect("listChange", this, this.listChange);
+    }
 
-        /**
-         * 鼠标按下事件
-         * @param event 鼠标事件
-         */
-        onMouseDown(event) {
-            if (this.editCmd == "createLine") {
-                this.addLine(event);
-                this.clearCmdStatus();
-            } else if (this.editCmd == "createText") {
-                this.addText(event);
-                this.clearCmdStatus();
-            } else if (this.editCmd == "createImage") {
-                this.addImage(event);
-                this.clearCmdStatus();
-            } else if (this.editCmd == "") {
-                super.onMouseDown(event);
-            }
+    /**
+     * 鼠标按下事件
+     * @param event 鼠标事件
+     */
+    onMouseDown(event) {
+        if (this.editCmd == "createLine") {
+            this.addLine(event);
+            this.clearCmdStatus();
+        } else if (this.editCmd == "createText") {
+            this.addText(event);
+            this.clearCmdStatus();
+        } else if (this.editCmd == "createImage") {
+            this.addImage(event);
+            this.clearCmdStatus();
+        } else if (this.editCmd == "") {
+            super.onMouseDown(event);
         }
+    }
 
-        /**
-         * 清空命令
-         */
-        clearCmdStatus() {
-            this.editCmd = "";
-        }
+    /**
+     * 清空命令
+     */
+    clearCmdStatus() {
+        this.editCmd = "";
+    }
 
-        /**
-         *  新增线
-         *
-         * @param event   事件
-         */
-        addLine(event) {
-            const lineItem = new EditLineItem(null, []);
-            lineItem.status = SItemStatus.Create;
-            lineItem.selectable = true;
-            lineItem.x = event.x;
-            lineItem.y = event.y;
-            lineItem.connect("finishCreated", this, this.finishCreated);
-            this.addItem(lineItem);
-            this.undoStack.push(new SGraphAddCommand(this, lineItem));
-            this.grabItem = lineItem;
-        }
+    /**
+     *  新增线
+     *
+     * @param event   事件
+     */
+    addLine(event) {
+        const lineItem = new EditLineItem(null, []);
+        lineItem.status = SItemStatus.Create;
+        lineItem.selectable = true;
+        lineItem.x = event.x;
+        lineItem.y = event.y;
+        lineItem.connect("finishCreated", this, this.finishCreated);
+        this.addItem(lineItem);
+        this.undoStack.push(new SGraphAddCommand(this, lineItem));
+        this.grabItem = lineItem;
+    }
 
-        /**
-         * 新增文本
-         *
-         * @param event   事件
-         */
-        addText(event) {
-            const textItem = new EditText(null);
-            textItem.text = "测试文本";
-            textItem.selectable = true;
-            textItem.moveable = true;
-            textItem.x = event.x;
-            textItem.y = event.y;
-            this.addItem(textItem);
-            this.undoStack.push(new SGraphAddCommand(this, textItem));
-            this.grabItem = textItem;
-            textItem.connect("finishCreated", this, this.finishCreated);
-        }
+    /**
+     * 新增文本
+     *
+     * @param event   事件
+     */
+    addText(event) {
+        const textItem = new EditText(null);
+        textItem.text = "测试文本";
+        textItem.selectable = true;
+        textItem.moveable = true;
+        textItem.x = event.x;
+        textItem.y = event.y;
+        this.addItem(textItem);
+        this.undoStack.push(new SGraphAddCommand(this, textItem));
+        this.grabItem = textItem;
+        textItem.connect("finishCreated", this, this.finishCreated);
+    }
 
-        /**
-         * 新增图片
-         *
-         * @param event   事件
-         */
-        addImage(event) {
-            const imageItem = new EditImageItem(null);
-            imageItem.url =
-                "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1591685374103&di=cd5a56b2e3f5e12d7145b967afbcfb7a&imgtype=0&src=http%3A%2F%2Fcdn.duitang.com%2Fuploads%2Fitem%2F201408%2F05%2F20140805191039_cuTPn.jpeg";
-            imageItem.width = 100;
-            imageItem.height = 100;
-            imageItem.selectable = true;
-            imageItem.moveable = true;
-            imageItem.x = event.x;
-            imageItem.y = event.y;
-            this.addItem(imageItem);
-            this.undoStack.push(new SGraphAddCommand(this, imageItem));
-        }
+    /**
+     * 新增图片
+     *
+     * @param event   事件
+     */
+    addImage(event) {
+        const imageItem = new EditImageItem(null);
+        imageItem.url =
+            "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1591685374103&di=cd5a56b2e3f5e12d7145b967afbcfb7a&imgtype=0&src=http%3A%2F%2Fcdn.duitang.com%2Fuploads%2Fitem%2F201408%2F05%2F20140805191039_cuTPn.jpeg";
+        imageItem.width = 100;
+        imageItem.height = 100;
+        imageItem.selectable = true;
+        imageItem.moveable = true;
+        imageItem.x = event.x;
+        imageItem.y = event.y;
+        this.addItem(imageItem);
+        this.undoStack.push(new SGraphAddCommand(this, imageItem));
+    }
 
-        /**
-         * 完成item绘制
-         */
-        finishCreated() {
-            this.grabItem = null;
-        }
+    /**
+     * 完成item绘制
+     */
+    finishCreated() {
+        this.grabItem = null;
+    }
 
-        /**
-         * 还原操作
-         */
-        undo() {
-            this.undoStack.undo();
-            this.view.update();
-        }
+    /**
+     * 还原操作
+     */
+    undo() {
+        this.undoStack.undo();
+        this.view.update();
+    }
 
-        /**
-         * 重做
-         */
-        redo() {
-            this.undoStack.redo();
-            this.view.update();
-        }
+    /**
+     * 重做
+     */
+    redo() {
+        this.undoStack.redo();
+        this.view.update();
+    }
 
-        listChange(list) {
-            this.emitChoice(list);
-        }
+    listChange(list) {
+        this.emitChoice(list);
+    }
 
-        /**
-         * 删除
-         *
-         * @returns Item 类
-         */
-        delete() {
-            let itemList = this.selectContainer.itemList;
-            itemList.forEach((element) => {
-                this.removeItem(element);
-            });
-            if (this.view) {
-                this.view.update();
-            }
-            return itemList;
+    /**
+     * 删除
+     *
+     * @returns Item 类
+     */
+    delete() {
+        let itemList = this.selectContainer.itemList;
+        itemList.forEach((element) => {
+            this.removeItem(element);
+        });
+        if (this.view) {
+            this.view.update();
         }
+        return itemList;
     }
+}
 
     //注: 开发者引入 SWallItem 包为: import {SWallItem} from "@persagy-web/edit/";
     export default {

+ 1 - 1
docs/.vuepress/components/engine/arrow.vue

@@ -36,7 +36,7 @@ class Polyline extends SGraphItem {
     _begin = SArrowStyleType.Basic;
     get begin(): SArrowStyleType {
         return this._begin;
-    } // Get begin
+    }
 
     set begin(v: SArrowStyleType) {
         this._begin = v;

+ 5 - 0
docs/.vuepress/components/engine/composite.vue

@@ -21,6 +21,11 @@ import { SColor, SCompositeType, SPainter, SRect } from "@persagy-web/draw/lib"
 import { Component, Vue } from "vue-property-decorator";
 import { v1 as uuid } from "uuid";
 
+/**
+ * 融合对象示例
+ *
+ * @author 郝洁 <haojie@persagy.com>
+ */
 class Circle extends SGraphItem {
     /** 融合方式 默认。在目标图像上显示源图像。 */
     _composite = SCompositeType.SourceOver;

+ 1 - 1
docs/.vuepress/components/engine/demo/elsfk.vue

@@ -324,7 +324,7 @@ class TetrisView extends SCanvasView {
 
         // 刷新游戏画面
         this.update();
-    } // Function onDraw()
+    }
 
     /**
      * 绘制网格

+ 1 - 1
docs/.vuepress/components/engine/demo/elsfkDifficult.vue

@@ -296,7 +296,7 @@ class TestView extends SCanvasView {
         }
         // 刷新游戏画面
         this.update();
-    } // Function onDraw()
+    }
 
     /**
      * 初始化背景

+ 1 - 1
docs/.vuepress/components/engine/shape/Circle1.vue

@@ -21,7 +21,7 @@ class TestView extends SCanvasView {
 
     /**
      * Item 绘制操作
-     * @param painter   绘制对象
+     * @param canvas   绘制对象
      */
     onDraw(canvas: SPainter): void {
         canvas.clearRect(new SRect(0, 0, 800, 400));

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

@@ -11,6 +11,11 @@
 <script lang="ts">
 import { Component, Vue } from "vue-property-decorator";
 
+/**
+ * 颜色与样式
+ *
+ * @author 郝洁 <haojie@persagy.com>
+ */
 @Component
 export default class StyleCanvas extends Vue {
     tableData = [

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

@@ -99,7 +99,7 @@ class SGraphClockItem extends SGraphItem {
             this.drawSecond(painter, t.getSeconds() + t.getMilliseconds() / 1000.0);
 
             this.update()
-        } // Function onDraw()
+        }
 
         /**
          * 绘制表刻度

+ 11 - 11
docs/.vuepress/components/scene/items/SEditPolygon.vue

@@ -408,7 +408,7 @@ export default {
             }
             this.update();
             return true;
-        } // Function onDoubleClick()
+        }
 
         /**
          * 键盘事件
@@ -433,7 +433,7 @@ export default {
             }
             this.update();
             return true;
-        } // Function onKeyDown()
+        }
 
         /**
          * 键盘键抬起事件
@@ -449,7 +449,7 @@ export default {
             }
             this.update();
             return true;
-        } // Function onKeyUp()
+        }
 
         /**
          * 鼠标按下事件
@@ -468,7 +468,7 @@ export default {
                 this.editPolygonPoint(event);
             }
             return true;
-        } // Function onMouseDown()
+        }
 
         /**
          * 鼠标移入事件
@@ -478,7 +478,7 @@ export default {
          */
         onMouseEnter(event: SMouseEvent): boolean {
             return true;
-        } // Function onMouseEnter()
+        }
 
         /**
          * 鼠标移出事件
@@ -489,7 +489,7 @@ export default {
 
         onMouseLeave(event: SMouseEvent): boolean {
             return true;
-        } // Function onMouseLeave()
+        }
 
         /**
          * 鼠标移动事件
@@ -510,7 +510,7 @@ export default {
             }
             this.update();
             return true;
-        } // Function onMouseMove()
+        }
 
         /**
          * 鼠标抬起事件
@@ -523,7 +523,7 @@ export default {
                 this.curIndex = -1;
             }
             return true;
-        } // Function onMouseUp()
+        }
 
         /**
          * 适配事件
@@ -534,7 +534,7 @@ export default {
 
         onResize(event: SMouseEvent): boolean {
             return true;
-        } // Function onResize()
+        }
 
         /**
          * Item对象边界区域
@@ -548,7 +548,7 @@ export default {
                 this.maxX - this.minX,
                 this.maxY - this.minY
             );
-        } // Function boundingRect()
+        }
 
         /**
          * Item绘制操作
@@ -569,6 +569,6 @@ export default {
                 // 编辑状态
                 this.drawEditPolygon(painter, this.pointList);
             }
-        } // Function onDraw()
+        }
     }
 </script>

+ 98 - 97
docs/.vuepress/components/scene/items/SImgTextItem.vue

@@ -60,111 +60,112 @@ class SImgTextItem extends SObjectItem {
 
     set showAnchor(v: boolean) {
         this._showAnchor = v;
-            this.anchorList.forEach(t => {
-                t.visible = v;
-            })
-        }
+        this.anchorList.forEach(t => {
+            t.visible = v;
+        })
+    }
 
-        /** X轴坐标 */
-        get x(): number {
-            return this.pos.x;
-        } // Get x
-        set x(v: number) {
-            this.pos.x = v;
-            this.$emit("changePos");
-            this.update();
-        } // Set x
-        /** Y轴坐标 */
-        get y(): number {
-            return this.pos.y;
-        } // Get y
-        set y(v: number) {
-            this.pos.y = v;
-            this.$emit("changePos");
-            this.update();
-        } // Set y
+    /** X轴坐标 */
+    get x(): number {
+        return this.pos.x;
+    }
+    set x(v: number) {
+        this.pos.x = v;
+        this.$emit("changePos");
+        this.update();
+    }
+    /** Y轴坐标 */
+    get y(): number {
+        return this.pos.y;
+    }
 
-        /** img Item    */
-        img: SImageItem = new SImageItem(this);
+    set y(v: number) {
+        this.pos.y = v;
+        this.$emit("changePos");
+        this.update();
+    }
+    /** img Item    */
+    img: SImageItem = new SImageItem(this);
 
-        /** text item   */
-        textItem: STextItem = new STextItem(this);
+    /** text item   */
+    textItem: STextItem = new STextItem(this);
 
-        /**
-         * 构造体
-         *
-         */
-        constructor(parent: SGraphItem | null) {
-            super(parent);
-            this.img.url = `http://adm.sagacloud.cn:8080/doc/assets/img/logo.png`;
-            this.img.width = 32;
-            this.img.height = 32;
-            let anchorPoint = [{x: 0, y: this.img.height / 2}, {x: 0, y: -this.img.height / 2}, {
-                x: -this.img.width / 2,
-                y: 0
-            }, {x: this.img.width / 2, y: 0}];
-            this.anchorList = anchorPoint.map(t => {
-                let item = new SAnchorItem(this);
-                item.moveTo(t.x, t.y);
-                return item;
-            });
-            this.update();
-            this.textItem.text = "x2";
-            this.textItem.moveTo(18, -6);
-            this.moveable = true;
-            this.selectable = true;
-            this.textItem.enabled = false;
-            this.img.enabled = false;
-        }
+    /**
+     * 构造体
+     *
+     */
 
-        onMouseEnter(event: SMouseEvent): boolean {
-            this.showAnchor = true;
-            return true;
-        }
+    constructor(parent: SGraphItem | null) {
+        super(parent);
+        this.img.url = `http://adm.sagacloud.cn:8080/doc/assets/img/logo.png`;
+        this.img.width = 32;
+        this.img.height = 32;
+        let anchorPoint = [{x: 0, y: this.img.height / 2}, {x: 0, y: -this.img.height / 2}, {
+            x: -this.img.width / 2,
+            y: 0
+        }, {x: this.img.width / 2, y: 0}];
+        this.anchorList = anchorPoint.map(t => {
+            let item = new SAnchorItem(this);
+            item.moveTo(t.x, t.y);
+            return item;
+        });
+        this.update();
+        this.textItem.text = "x2";
+        this.textItem.moveTo(18, -6);
+        this.moveable = true;
+        this.selectable = true;
+        this.textItem.enabled = false;
+        this.img.enabled = false;
+    }
 
-        onMouseLeave(event: SMouseEvent): boolean {
-            this.showAnchor = false;
-            return true;
-        }
+    onMouseEnter(event: SMouseEvent): boolean {
+        this.showAnchor = true;
+        return true;
+    }
 
-        onMouseMove(event: SMouseEvent): boolean {
-            return super.onMouseMove(event);
-        }
+    onMouseLeave(event: SMouseEvent): boolean {
+        this.showAnchor = false;
+        return true;
+    }
 
-        /**
-         * 鼠标按下事件
-         *
-         */
-        onMouseDown(event: SMouseEvent): boolean {
-            console.log(this.textItem)
-            if (this.status == SItemStatus.Normal) {
-                return super.onMouseDown(event);
-            } else if (this.status == SItemStatus.Edit) {
-                return super.onMouseDown(event);
-            }
-            return true;
-        } // Function onMouseDown()
+    onMouseMove(event: SMouseEvent): boolean {
+        return super.onMouseMove(event);
+    }
 
-        /**
-         * 宽高发发生变化
-         *
-         * @param   oldSize 改之前的大小
-         * @param   newSize 改之后大小
-         */
-        onResize(oldSize: SSize, newSize: SSize) {
-            console.log(arguments);
-        } // Function onResize()
+    /**
+     * 鼠标按下事件
+     *
+     */
+    onMouseDown(event: SMouseEvent): boolean {
+        console.log(this.textItem)
+        if (this.status == SItemStatus.Normal) {
+            return super.onMouseDown(event);
+        } else if (this.status == SItemStatus.Edit) {
+            return super.onMouseDown(event);
+        }
+        return true;
+    }
 
-        /**
-         * 鼠标双击事件
-         *
-         * @param   event   鼠标事件
-         * @return  是否处理事件
-         */
-        onDoubleClick(event: SMouseEvent): boolean {
-            this.status = SItemStatus.Edit;
-            return true;
-        } // Function onDoubleClick()
+    /**
+     * 宽高发发生变化
+     *
+     * @param   oldSize 改之前的大小
+     * @param   newSize 改之后大小
+     */
+    onResize(oldSize: SSize, newSize: SSize) {
+        console.log(arguments);
+    }
+
+    /**
+     * 鼠标双击事件
+     *
+     * @param   event   鼠标事件
+     * @return  是否处理事件
+     */
+    onDoubleClick(event: SMouseEvent): boolean {
+        this.status = SItemStatus.Edit;
+        return true;
+        }
 
         /**
          * 宽高发发生变化
@@ -177,7 +178,7 @@ class SImgTextItem extends SObjectItem {
                 rect = rect.unioned(this.textItem.boundingRect().adjusted(this.textItem.pos.x, this.textItem.pos.y, 0, 0))
             }
             return rect;
-        } // Function boundingRect()
+        }
 
         /**
          * Item绘制操作
@@ -192,7 +193,7 @@ class SImgTextItem extends SObjectItem {
                 painter.brush.color = SColor.Gray
             }
             painter.drawRect(this.boundingRect());
-        } // Function onDraw()
+        }
     }
 
 

+ 35 - 6
docs/.vuepress/config.js

@@ -1,6 +1,6 @@
 const setupContent = require("../setup/index");
 const graphContent = require("../guides/index");
-
+const notionContent = require('../notion/index')
 module.exports = {
     title: "博锐尚格 Web 组件开发文档",
     description: "博锐尚格 Web 组件开发文档",
@@ -100,9 +100,9 @@ module.exports = {
             {
                 text: "API参考",
                 items: [{
-                        text: "图形引擎",
-                        link: "http://doc.sagacloud.cn/api/web/graph/"
-                    },
+                    text: "图形引擎",
+                    link: "http://doc.sagacloud.cn/api/web/graph/"
+                },
                     {
                         text: "建筑信息图",
                         link: "http://doc.sagacloud.cn/api/web/big/"
@@ -112,13 +112,42 @@ module.exports = {
                         link: "http://doc.sagacloud.cn/api/web/edit/"
                     }
                 ]
-            }
+            },
+            // {
+            //     text: "概念解释",
+            //     items: [{
+            //         text: "系统图相关",
+            //         items: [{
+            //             text: "系统图",
+            //             link: "/notion/system/system.md"
+            //         },]
+            //     }, {
+            //         text: "服务相关",
+            //         items: [{
+            //             text: "数据中台",
+            //             link: "/notion/middle/middle.md"
+            //         }, {
+            //             text: "数据中心",
+            //             link: "/notion/center/center.md"
+            //         }, {
+            //             text: "蜡笔森林",
+            //             link: "/notion/crayon/crayon.md"
+            //         }]
+            //     }, {
+            //         text: "Revit",
+            //         items: [{
+            //             text: "Revit",
+            //             link: "/notion/revit/revit.md"
+            //         }]
+            //     }]
+            // }
         ],
         displayAllHeaders: true,
         sidebarDepth: 0,
         sidebar: {
             "/setup/": setupContent,
-            "/guides/": graphContent
+            "/guides/": graphContent,
+            "/notion": notionContent
         }
     },
     module: {

+ 26 - 2
docs/README.md

@@ -3,8 +3,32 @@ home: true
 heroImage: /assets/img/logo.png
 heroText: 博锐尚格
 tagline: 博锐尚格 Web 组件开发文档
-actionText: 快速上手 →
-actionLink: /zh/guide/
 
 footer: MIT Licensed | Copyright © 2009-present 博锐尚格科技股份有限公司
 ---
+
+## 系统图
+
+### 系统图相关概念解释
+
+* 图实例:
+* 图元素:
+* 节点:node
+* 标识:
+* 关系:
+* 管线:
+
+## Revit
+
+### Revit相关概念解释
+
+
+
+## 服务相关
+
+### 数据中心相关概念解释
+
+### 数据中台相关概念解释
+
+### 蜡笔森林相关概念解释
+

+ 2 - 2
docs/guides/edit/items/src/EditImageItem.ts

@@ -31,5 +31,5 @@ export class EditImageItem extends SImageItem {
         super.computeImgSize();
         this.origin = new SPoint(this.width / 2, this.height / 2);
         this.update();
-    } // Function computeImgSize()
-} // Class SImageItem
+    }
+} // Class SImageItem

+ 1 - 1
docs/guides/edit/items/src/EditLineItem.ts

@@ -508,5 +508,5 @@ export class EditLineItem extends SGraphItem {
                 );
             }
         }
-    } // Function onDraw()
+    }
 } // Class SLineItem

+ 1 - 1
docs/guides/edit/items/src/EditPolygonItem.ts

@@ -804,5 +804,5 @@ export class EditPolygonItem extends SGraphItem {
             // 编辑状态
             this.drawEditPolygon(painter, this.pointList);
         }
-    } // Function onDraw()
+    }
 }

+ 1 - 1
docs/guides/edit/items/src/EditPolylineItem.ts

@@ -600,5 +600,5 @@ export class EditPolylineItem extends SGraphItem {
             // 绘制基本图形
             this.drawBaseLine(painter);
         }
-    } // Function onDraw()
+    }
 } // Class SPolylineItem

+ 1 - 1
docs/guides/edit/items/src/EditText.ts

@@ -214,5 +214,5 @@ export class EditText extends SObjectItem {
             this.drawFormatText();
         }
         this.drawShowText(painter);
-    } // Function onDraw()
+    }
 } // Class STextItem

+ 0 - 0
docs/notion/README.md


+ 9 - 0
docs/notion/center/center.md

@@ -0,0 +1,9 @@
+# 数据中心
+
+::: details 目录
+[[toc]]
+:::
+
+## 相关概念解释
+
+

+ 7 - 0
docs/notion/crayon/crayon.md

@@ -0,0 +1,7 @@
+# 蜡笔森林
+
+::: details 目录
+[[toc]]
+:::
+
+## 相关概念解释

+ 23 - 0
docs/notion/index.js

@@ -0,0 +1,23 @@
+const content = [
+    {
+        title: "系统图",
+        children: [
+            ["/notion/system/system.md", "系统图"]
+        ]
+    },
+    {
+        title: "服务相关",
+        children: [
+            ["/notion/middle/middle.md", "数据中台"],
+            ["/notion/center/center.md", "数据中心"],
+            ["/notion/crayon/crayon.md", "蜡笔森林"]
+        ]
+    },
+    {
+        title: "Revit",
+        children: [
+            ["/notion/revit/revit.md", "Revit"]
+        ]
+    }
+]
+module.exports = content

+ 7 - 0
docs/notion/middle/middle.md

@@ -0,0 +1,7 @@
+# 数据中台
+
+::: details 目录
+[[toc]]
+:::
+
+## 相关概念解释

+ 9 - 0
docs/notion/revit/revit.md

@@ -0,0 +1,9 @@
+# Revit
+
+::: details 目录
+[[toc]]
+:::
+
+## 相关概念解释
+
+

+ 14 - 0
docs/notion/system/system.md

@@ -0,0 +1,14 @@
+# 系统图
+
+::: details 目录
+[[toc]]
+:::
+
+## 相关概念解释
+
+* 图实例:
+* 图元素:
+* 节点:node
+* 标识:
+* 关系:
+* 管线: