haojianlong 4 gadi atpakaļ
vecāks
revīzija
70666c97f9
83 mainītis faili ar 135 papildinājumiem un 231 dzēšanām
  1. 3 168
      docs/.vuepress/components/example/graph/scene/ClockItem.vue
  2. 5 5
      docs/.vuepress/config.js
  3. 0 58
      docs/dev/graph/index.js
  4. 2 0
      docs/dev/graph/README.md
  5. 60 0
      docs/guides/base/README.md
  6. 3 0
      docs/guides/base/index.js
  7. 0 0
      docs/guides/big/README.md
  8. 0 0
      docs/guides/big/divide.md
  9. 0 0
      docs/guides/big/downloadFile.md
  10. 0 0
      docs/guides/big/img/equipLocation.png
  11. 0 0
      docs/guides/big/img/liucheng.png
  12. 0 0
      docs/guides/big/img/space.png
  13. 0 0
      docs/guides/big/jsonFile.md
  14. 0 0
      docs/guides/big/mapDemo.md
  15. 0 0
      docs/guides/big/workLine.md
  16. 0 0
      docs/guides/engine/README.md
  17. 0 0
      docs/guides/engine/arrow.md
  18. 0 0
      docs/guides/engine/clip.md
  19. 0 0
      docs/guides/engine/composite.md
  20. 0 0
      docs/guides/engine/custom-engine.md
  21. 0 0
      docs/guides/engine/draw.md
  22. 0 0
      docs/guides/engine/gradient.md
  23. 0 0
      docs/guides/engine/image.md
  24. 0 0
      docs/guides/engine/img/basic-arrow.png
  25. 0 0
      docs/guides/engine/img/basic-jisuan.png
  26. 0 0
      docs/guides/engine/img/circle-arrow.png
  27. 0 0
      docs/guides/engine/img/circle-jisuan.png
  28. 0 0
      docs/guides/engine/img/copy.png
  29. 0 0
      docs/guides/engine/img/destination-atop.png
  30. 0 0
      docs/guides/engine/img/destination-in.png
  31. 0 0
      docs/guides/engine/img/destination-out.png
  32. 0 0
      docs/guides/engine/img/destination-over.png
  33. 0 0
      docs/guides/engine/img/diamond-arrow.png
  34. 0 0
      docs/guides/engine/img/diamond-jisuan.jpg
  35. 0 0
      docs/guides/engine/img/draw-engine.png
  36. 0 0
      docs/guides/engine/img/drawconstruction.png
  37. 0 0
      docs/guides/engine/img/gradient-attr1.png
  38. 0 0
      docs/guides/engine/img/gradient-attr2.png
  39. 0 0
      docs/guides/engine/img/gradient-construction.png
  40. 0 0
      docs/guides/engine/img/huabishixian.png
  41. 0 0
      docs/guides/engine/img/huashuajiegou.png
  42. 0 0
      docs/guides/engine/img/huizhijiegou.png
  43. 0 0
      docs/guides/engine/img/jianbianjiegou.png
  44. 0 0
      docs/guides/engine/img/lighter.png
  45. 0 0
      docs/guides/engine/img/line-gradient.png
  46. 0 0
      docs/guides/engine/img/line-gradient2.png
  47. 0 0
      docs/guides/engine/img/mutli-engine.png
  48. 0 0
      docs/guides/engine/img/radial-gradient.png
  49. 0 0
      docs/guides/engine/img/radial-gradient2.png
  50. 0 0
      docs/guides/engine/img/radial-gradient3.png
  51. 0 0
      docs/guides/engine/img/radial-gradient4.png
  52. 0 0
      docs/guides/engine/img/radial-gradient5.png
  53. 0 0
      docs/guides/engine/img/radial-gradient6.png
  54. 0 0
      docs/guides/engine/img/radial-gradient7.png
  55. 0 0
      docs/guides/engine/img/source-atop.png
  56. 0 0
      docs/guides/engine/img/source-in.png
  57. 0 0
      docs/guides/engine/img/source-out.png
  58. 0 0
      docs/guides/engine/img/source-over.png
  59. 0 0
      docs/guides/engine/img/square-arrow.png
  60. 0 0
      docs/guides/engine/img/square-jisuan.png
  61. 0 0
      docs/guides/engine/img/triangle-arrow.png
  62. 0 0
      docs/guides/engine/img/wenbenshixian.png
  63. 0 0
      docs/guides/engine/img/xor.png
  64. 0 0
      docs/guides/engine/style.md
  65. 0 0
      docs/guides/engine/text.md
  66. 0 0
      docs/guides/engine/transform.md
  67. 0 0
      docs/guides/feng-map/typeIdMap.md
  68. 62 0
      docs/guides/index.js
  69. 0 0
      docs/guides/scene/README.md
  70. 0 0
      docs/guides/scene/align.md
  71. 0 0
      docs/guides/scene/items/README.md
  72. 0 0
      docs/guides/scene/items/clock.md
  73. 0 0
      docs/guides/scene/items/editLine.md
  74. 0 0
      docs/guides/scene/items/editPolygon.md
  75. 0 0
      docs/guides/scene/items/editPolyline.md
  76. 0 0
      docs/guides/scene/items/image.md
  77. 0 0
      docs/guides/scene/items/imgText.md
  78. 0 0
      docs/guides/scene/items/text.md
  79. 0 0
      docs/guides/scene/undo.md
  80. 0 0
      docs/guides/system-diagram/README.md
  81. 0 0
      docs/guides/system-diagram/img/factoryAndParser.png
  82. 0 0
      docs/guides/system-diagram/img/systemdiagram.png
  83. 0 0
      docs/guides/system-diagram/json-file.md

+ 3 - 168
docs/.vuepress/components/example/graph/scene/ClockItem.vue

@@ -3,176 +3,11 @@
 </template>
 
 <script lang="ts">
-    import { SColor, SPainter, SRect } from "@persagy-web/draw";
-    import { SGraphItem, SGraphScene, SGraphView } from "@persagy-web/graph";
-
-    class ClockItem extends SGraphItem {
-        /** 宽度 */
-        width = 100;
-        /** 高度 */
-        height = 100;
-
-        /** 半径 */
-        get radius(): number {
-            return Math.min(this.width, this.height) / 2.0;
-        }
-
-        /**
-         * 构造函数
-         *
-         * @param   parent      指向父Item
-         * @param   width       宽度
-         * @param   height      高度
-         */
-        constructor(parent: SGraphItem | null, width: number, height: number) {
-            super(parent);
-            this.width = width;
-            this.height = height;
-        }
-
-        /**
-         * 对象边界区域
-         *
-         * @return  边界区域
-         */
-        boundingRect(): SRect {
-            return new SRect(0, 0, this.width, this.height);
-        }
-
-        /**
-         * Item绘制操作
-         *
-         * @param   canvas      画布
-         */
-        onDraw(canvas: SPainter): void {
-            canvas.translate(this.width / 2, this.height / 2);
-            const t = new Date();
-            this.drawScale(canvas);
-            this.drawHour(canvas, t.getHours(), t.getMinutes(), t.getSeconds());
-            this.drawMinute(canvas, t.getMinutes(), t.getSeconds());
-            this.drawSecond(canvas, t.getSeconds() + t.getMilliseconds() / 1000.0);
-
-            this.update();
-        }
-
-        /**
-         * 绘制表刻度
-         *
-         * @param   canvas      画布
-         */
-        private drawScale(canvas: SPainter): void {
-            const scaleLength = Math.max(this.radius / 10.0, 2.0);
-            const scaleLength1 = scaleLength * 1.2;
-            const strokeWidth = Math.max(this.radius / 100.0, 2.0);
-            const strokeWidth1 = strokeWidth * 2.0;
-
-            canvas.save();
-            canvas.pen.color = SColor.Blue;
-
-            for (let i = 1; i <= 12; i++) {
-                // 12小时刻度
-                canvas.pen.lineWidth = strokeWidth1;
-                canvas.drawLine(
-                    0,
-                    -this.radius,
-                    0,
-                    -this.radius + scaleLength1
-                );
-
-                if (this.radius >= 40) {
-                    // 如果半度大于40显示分钟刻度
-                    canvas.rotate((6 * Math.PI) / 180);
-                    for (let j = 1; j <= 4; j++) {
-                        // 分钟刻度
-                        canvas.pen.lineWidth = strokeWidth;
-                        canvas.drawLine(
-                            0,
-                            -this.radius,
-                            0,
-                            -this.radius + scaleLength
-                        );
-                        canvas.rotate((6 * Math.PI) / 180);
-                    }
-                } else {
-                    canvas.rotate((30 * Math.PI) / 180);
-                }
-            }
-
-            canvas.restore();
-        }
-
-        /**
-         * 绘制时针
-         *
-         * @param   canvas      画布
-         * @param   hour        时
-         * @param   minute      分
-         * @param   second      秒
-         */
-        private drawHour(
-            canvas: SPainter,
-            hour: number,
-            minute: number,
-            second: number
-        ): void {
-            canvas.save();
-            canvas.pen.color = SColor.Black;
-            canvas.rotate(
-                ((hour * 30.0 + (minute * 30.0) / 60 + (second * 30.0) / 3600) *
-                    Math.PI) /
-                180
-            );
-            canvas.drawLine(
-                0,
-                this.radius / 10.0,
-                0,
-                -this.radius / 2.0
-            );
-            canvas.restore();
-        }
-
-        /**
-         * 绘制秒针
-         *
-         * @param   canvas      画布
-         * @param   minute      分
-         * @param   second      秒
-         */
-        private drawMinute(canvas: SPainter, minute: number, second: number): void {
-            canvas.save();
-            canvas.pen.color = SColor.Black;
-            canvas.rotate(((minute * 6 + (second * 6) / 60.0) * Math.PI) / 180);
-            canvas.drawLine(
-                0,
-                this.radius / 10.0,
-                0,
-                (-this.radius * 2.0) / 3.0
-            );
-            canvas.restore();
-        }
-
-        /**
-         * 绘制秒针
-         *
-         * @param   canvas      画布
-         * @param   second      秒
-         */
-        private drawSecond(canvas: SPainter, second: number): void {
-            canvas.save();
-            canvas.pen.color = SColor.Red;
-            canvas.rotate((second * 6 * Math.PI) / 180);
-            canvas.drawLine(
-                0,
-                this.radius / 5.0,
-                0,
-                -this.radius + this.radius / 10.0
-            );
-            canvas.restore();
-        }
-    }
+    import { SGraphItem, SGraphScene, SGraphView, SGraphClockItem } from "@persagy-web/graph";
+    import { SPainter } from "@persagy-web/draw/lib";
 
     class TestView extends SGraphView {
-        clock1 = new ClockItem(null, 300, 300);
+        clock1 = new SGraphClockItem(null, 300, 300);
 
         constructor() {
             super("clockItem1");

+ 5 - 5
docs/.vuepress/config.js

@@ -1,5 +1,5 @@
 const setupContent = require("../setup/index");
-const graphContent = require("../dev/graph/index");
+const graphContent = require("../guides/index");
 
 module.exports = {
     title: "数字化交付开发文档",
@@ -58,9 +58,9 @@ module.exports = {
                     {
                         text: "引擎",
                         items: [
-                            {text: "图形引擎", link: "/dev/graph/engine/"},
-                            {text: "场景管理", link: "/dev/graph/scene/"},
-                            {text: "建筑信息", link: "/dev/graph/big"}
+                            {text: "图形引擎", link: "/guides/engine/"},
+                            {text: "场景管理", link: "/guides/scene/"},
+                            {text: "建筑信息", link: "/guides/big"}
                         ]
                     },
                 ]
@@ -77,7 +77,7 @@ module.exports = {
         sidebarDepth: 1,
         sidebar: {
             "/setup/" : setupContent,
-            "/dev/graph/": graphContent
+            "/guides/": graphContent
         }
     }
 };

+ 0 - 58
docs/dev/graph/index.js

@@ -1,58 +0,0 @@
-const content = [
-    {
-        title: "绘图引擎",
-        path: "/dev/graph/engine/",
-        children: [
-            ["/dev/graph/engine/draw", "绘制形状"],
-            ["/dev/graph/engine/style", "颜色与样式"],
-            ["/dev/graph/engine/text", "绘制文字"],
-            ["/dev/graph/engine/image", "绘制图片"],
-            ["/dev/graph/engine/gradient", "渐变"],
-            ["/dev/graph/engine/composite", "融合"],
-            ["/dev/graph/engine/transform", "变型"],
-            ["/dev/graph/engine/clip", "裁剪"],
-            ["/dev/graph/engine/arrow", "绘图指令-绘制带有箭头的线段"],
-        ]
-    },
-    {
-        title: "场景管理",
-        path: "/dev/graph/scene/",
-        children: [
-            {
-                title: "图元素实例",
-                path: "/dev/graph/scene/items/",
-                children: [
-                    ["/dev/graph/scene/items/clock", "时钟"],
-                    ["/dev/graph/scene/items/text", "文本"],
-                    ["/dev/graph/scene/items/image", "图片"],
-                    ["/dev/graph/scene/items/editLine", "可编辑直线"],
-                    ["/dev/graph/scene/items/editPolyline", "可编辑折线"],
-                    ["/dev/graph/scene/items/editPolygon", "可编辑多边形示例"],
-                    ["/dev/graph/scene/items/imgText", "图例item(图片文本组合)"]
-                ]
-            },
-            ["/dev/graph/scene/undo", "Undo示例"],
-            ["/dev/graph/scene/align", "对齐示例"],
-        ]
-    },
-    {
-        title: "楼层平面图",
-        path: "/dev/graph/big/",
-        children: [
-            ["/dev/graph/big/workLine", "工作流程"],
-            ["/dev/graph/big/downloadFile", "手工下载楼层底图文件"],
-            ["/dev/graph/big/jsonFile", "json数据格式"],
-            ["/dev/graph/big/divide", "划分"],
-            ["/dev/graph/big/mapDemo", "楼层平面图范例"],
-        ]
-    },
-    {
-        title: "系统图",
-        path: "/dev/graph/system-diagram/",
-        children: [
-            ["/dev/graph/system-diagram/json-file", "json数据格式"]
-        ]
-    },
-];
-
-module.exports = content;

+ 2 - 0
docs/dev/graph/README.md

@@ -1 +1,3 @@
 # 图形引擎
+
+## 安装

+ 60 - 0
docs/guides/base/README.md

@@ -0,0 +1,60 @@
+# Web 图形引擎
+
+::: details 目录
+[[toc]]
+:::
+
+### 安装
+
+首先需要将npm源设置为公司npm服务器
+
+```
+npm config set registry http://dev.dp.sagacloud.cn:8082/repository/npm-saga/
+```
+
+安装有三种方式: 全局安装,现有项目安装,package.json 方式。
+
+### 全局安装
+```
+# @persagy-web/graph 全局安装
+npm install -g @persagy-web/graph
+```
+
+### 现有项目
+如果你想在一个现有项目中使用 @persagy-web/graph,则应该将 @persagy-web/graph 安装为本地依赖。
+
+```
+# 将 @persagy-web/graph 作为一个本地依赖安装
+npm install -D @persagy-web/graph
+```
+
+### package.json
+
+配置项目的 package.json, 增加如下高亮的代码。添加对 persagy-web/graph 的依赖。
+
+```
+"dependencies": {
+    "@persagy-web/base": "2.2.1",
+    "@persagy-web/draw": "2.2.1",
+    "@persagy-web/graph": "2.2.1"
+},
+```
+
+在项目文件夹执行如下命令安装项目依赖。
+
+```
+npm i
+```
+
+
+::: tip 注
+
+如果改完源以后,npm i的时候没有成功
+
+    1.需要先把node_modules删除,package-lock.json删除
+    
+    2.将源改到淘宝源或者官网源,把package.json中的公司服的npm包先删掉,执行npm i安装
+    
+    3.安装成功后,再把@persagy-web/graph等几个包添加到package.json中,并把源切换至公司服,在安装
+    
+:::

+ 3 - 0
docs/guides/base/index.js

@@ -0,0 +1,3 @@
+const content = [];
+
+module.exports = content;

docs/dev/graph/big/README.md → docs/guides/big/README.md


docs/dev/graph/big/divide.md → docs/guides/big/divide.md


docs/dev/graph/big/downloadFile.md → docs/guides/big/downloadFile.md


docs/dev/graph/big/img/equipLocation.png → docs/guides/big/img/equipLocation.png


docs/dev/graph/big/img/liucheng.png → docs/guides/big/img/liucheng.png


docs/dev/graph/big/img/space.png → docs/guides/big/img/space.png


docs/dev/graph/big/jsonFile.md → docs/guides/big/jsonFile.md


docs/dev/graph/big/mapDemo.md → docs/guides/big/mapDemo.md


docs/dev/graph/big/workLine.md → docs/guides/big/workLine.md


docs/dev/graph/engine/README.md → docs/guides/engine/README.md


docs/dev/graph/engine/arrow.md → docs/guides/engine/arrow.md


docs/dev/graph/engine/clip.md → docs/guides/engine/clip.md


docs/dev/graph/engine/composite.md → docs/guides/engine/composite.md


docs/dev/graph/engine/custom-engine.md → docs/guides/engine/custom-engine.md


docs/dev/graph/engine/draw.md → docs/guides/engine/draw.md


docs/dev/graph/engine/gradient.md → docs/guides/engine/gradient.md


docs/dev/graph/engine/image.md → docs/guides/engine/image.md


docs/dev/graph/engine/img/basic-arrow.png → docs/guides/engine/img/basic-arrow.png


docs/dev/graph/engine/img/basic-jisuan.png → docs/guides/engine/img/basic-jisuan.png


docs/dev/graph/engine/img/circle-arrow.png → docs/guides/engine/img/circle-arrow.png


docs/dev/graph/engine/img/circle-jisuan.png → docs/guides/engine/img/circle-jisuan.png


docs/dev/graph/engine/img/copy.png → docs/guides/engine/img/copy.png


docs/dev/graph/engine/img/destination-atop.png → docs/guides/engine/img/destination-atop.png


docs/dev/graph/engine/img/destination-in.png → docs/guides/engine/img/destination-in.png


docs/dev/graph/engine/img/destination-out.png → docs/guides/engine/img/destination-out.png


docs/dev/graph/engine/img/destination-over.png → docs/guides/engine/img/destination-over.png


docs/dev/graph/engine/img/diamond-arrow.png → docs/guides/engine/img/diamond-arrow.png


docs/dev/graph/engine/img/diamond-jisuan.jpg → docs/guides/engine/img/diamond-jisuan.jpg


docs/dev/graph/engine/img/draw-engine.png → docs/guides/engine/img/draw-engine.png


docs/dev/graph/engine/img/drawconstruction.png → docs/guides/engine/img/drawconstruction.png


docs/dev/graph/engine/img/gradient-attr1.png → docs/guides/engine/img/gradient-attr1.png


docs/dev/graph/engine/img/gradient-attr2.png → docs/guides/engine/img/gradient-attr2.png


docs/dev/graph/engine/img/gradient-construction.png → docs/guides/engine/img/gradient-construction.png


docs/dev/graph/engine/img/huabishixian.png → docs/guides/engine/img/huabishixian.png


docs/dev/graph/engine/img/huashuajiegou.png → docs/guides/engine/img/huashuajiegou.png


docs/dev/graph/engine/img/huizhijiegou.png → docs/guides/engine/img/huizhijiegou.png


docs/dev/graph/engine/img/jianbianjiegou.png → docs/guides/engine/img/jianbianjiegou.png


docs/dev/graph/engine/img/lighter.png → docs/guides/engine/img/lighter.png


docs/dev/graph/engine/img/line-gradient.png → docs/guides/engine/img/line-gradient.png


docs/dev/graph/engine/img/line-gradient2.png → docs/guides/engine/img/line-gradient2.png


docs/dev/graph/engine/img/mutli-engine.png → docs/guides/engine/img/mutli-engine.png


docs/dev/graph/engine/img/radial-gradient.png → docs/guides/engine/img/radial-gradient.png


docs/dev/graph/engine/img/radial-gradient2.png → docs/guides/engine/img/radial-gradient2.png


docs/dev/graph/engine/img/radial-gradient3.png → docs/guides/engine/img/radial-gradient3.png


docs/dev/graph/engine/img/radial-gradient4.png → docs/guides/engine/img/radial-gradient4.png


docs/dev/graph/engine/img/radial-gradient5.png → docs/guides/engine/img/radial-gradient5.png


docs/dev/graph/engine/img/radial-gradient6.png → docs/guides/engine/img/radial-gradient6.png


docs/dev/graph/engine/img/radial-gradient7.png → docs/guides/engine/img/radial-gradient7.png


docs/dev/graph/engine/img/source-atop.png → docs/guides/engine/img/source-atop.png


docs/dev/graph/engine/img/source-in.png → docs/guides/engine/img/source-in.png


docs/dev/graph/engine/img/source-out.png → docs/guides/engine/img/source-out.png


docs/dev/graph/engine/img/source-over.png → docs/guides/engine/img/source-over.png


docs/dev/graph/engine/img/square-arrow.png → docs/guides/engine/img/square-arrow.png


docs/dev/graph/engine/img/square-jisuan.png → docs/guides/engine/img/square-jisuan.png


docs/dev/graph/engine/img/triangle-arrow.png → docs/guides/engine/img/triangle-arrow.png


docs/dev/graph/engine/img/wenbenshixian.png → docs/guides/engine/img/wenbenshixian.png


docs/dev/graph/engine/img/xor.png → docs/guides/engine/img/xor.png


docs/dev/graph/engine/style.md → docs/guides/engine/style.md


docs/dev/graph/engine/text.md → docs/guides/engine/text.md


docs/dev/graph/engine/transform.md → docs/guides/engine/transform.md


docs/dev/graph/feng-map/typeIdMap.md → docs/guides/feng-map/typeIdMap.md


+ 62 - 0
docs/guides/index.js

@@ -0,0 +1,62 @@
+const content = [
+    {
+        title: "安装",
+        path: "/guides/base/"
+    },
+    {
+        title: "绘图引擎",
+        path: "/guides/",
+        children: [
+            ["/guides/engine/draw", "绘制形状"],
+            ["/guides/engine/style", "颜色与样式"],
+            ["/guides/engine/text", "绘制文字"],
+            ["/guides/engine/image", "绘制图片"],
+            ["/guides/engine/gradient", "渐变"],
+            ["/guides/engine/composite", "融合"],
+            ["/guides/engine/transform", "变型"],
+            ["/guides/engine/clip", "裁剪"],
+            ["/guides/engine/arrow", "绘图指令-绘制带有箭头的线段"],
+        ]
+    },
+    {
+        title: "场景管理",
+        path: "/guides/scene/",
+        children: [
+            {
+                title: "图元素实例",
+                path: "/dev/graph/scene/items/",
+                children: [
+                    ["/guides/scene/items/clock", "时钟"],
+                    ["/guides/scene/items/text", "文本"],
+                    ["/guides/scene/items/image", "图片"],
+                    ["/guides/scene/items/editLine", "可编辑直线"],
+                    ["/guides/scene/items/editPolyline", "可编辑折线"],
+                    ["/guides/scene/items/editPolygon", "可编辑多边形示例"],
+                    ["/guides/scene/items/imgText", "图例item(图片文本组合)"]
+                ]
+            },
+            ["/guides/scene/undo", "Undo示例"],
+            ["/guides/scene/align", "对齐示例"],
+        ]
+    },
+    {
+        title: "楼层平面图",
+        path: "/guides/big/",
+        children: [
+            ["/guides/big/workLine", "工作流程"],
+            ["/guides/big/downloadFile", "手工下载楼层底图文件"],
+            ["/guides/big/jsonFile", "json数据格式"],
+            ["/guides/big/divide", "划分"],
+            ["/guides/big/mapDemo", "楼层平面图范例"],
+        ]
+    },
+    {
+        title: "系统图",
+        path: "/guides/system-diagram/",
+        children: [
+            ["/guides/system-diagram/json-file", "json数据格式"]
+        ]
+    },
+];
+
+module.exports = content;

docs/dev/graph/scene/README.md → docs/guides/scene/README.md


docs/dev/graph/scene/align.md → docs/guides/scene/align.md


docs/dev/graph/scene/items/README.md → docs/guides/scene/items/README.md


docs/dev/graph/scene/items/clock.md → docs/guides/scene/items/clock.md


docs/dev/graph/scene/items/editLine.md → docs/guides/scene/items/editLine.md


docs/dev/graph/scene/items/editPolygon.md → docs/guides/scene/items/editPolygon.md


docs/dev/graph/scene/items/editPolyline.md → docs/guides/scene/items/editPolyline.md


docs/dev/graph/scene/items/image.md → docs/guides/scene/items/image.md


docs/dev/graph/scene/items/imgText.md → docs/guides/scene/items/imgText.md


docs/dev/graph/scene/items/text.md → docs/guides/scene/items/text.md


docs/dev/graph/scene/undo.md → docs/guides/scene/undo.md


docs/dev/graph/system-diagram/README.md → docs/guides/system-diagram/README.md


docs/dev/graph/system-diagram/img/factoryAndParser.png → docs/guides/system-diagram/img/factoryAndParser.png


docs/dev/graph/system-diagram/img/systemdiagram.png → docs/guides/system-diagram/img/systemdiagram.png


docs/dev/graph/system-diagram/json-file.md → docs/guides/system-diagram/json-file.md