docs: add different for location & point

phodal · phodal · commit 9f3788add5d8 · 2022-08-09T13:21:54.000+08:00
diff --git a/docs/README.md b/docs/README.md
@@ -1,6 +1,11 @@
-refs:
+# Concepts
 
 
+- Location is a fixed place.
+- Position is a variable place.
+
+# Refs
+
 ## GoJS
 
 use `path` data with Geometry
@@ -10,3 +15,4 @@ go.Shape.defineArrowheadGeometry('Standard', 'F1 m 0,0 l 8,4 -8,4 2,-4 z');
 go.Shape.defineArrowheadGeometry('Backward', 'F1 m 8,0 l -2,4 2,4 -8,-4 z');
 go.Shape.defineArrowheadGeometry('Triangle', 'F1 m 0,0 l 8,4.62 -8,4.62 z');
 ```
+
diff --git a/docs/feakin.uml b/docs/feakin.uml
@@ -3,6 +3,7 @@
 class Graph {
   Node[] nodes;
   Edge[] edges;
+'  GraphProperty can transfer for different renderer
   GraphProperty property;
 }
 
@@ -26,6 +27,7 @@ class TextStyle {
 
 class Edge {
   Point[] points;
+  String  edgeType;
 }
 
 class Point {
@@ -35,6 +37,10 @@ class Point {
 
 Position --|> Point
 
+class Position {
+
+}
+
 class Geometry {
   int size;
   Position position;
@@ -71,29 +77,29 @@ GraphProperty --|> Property
 NodeProperty --|> Property
 
 
-interface Layout {
+interface LayoutStrategy {
   String name;
 }
 
-Layout  <|-- Dagre
-Layout  <|-- CoSE
-Layout  <|-- Circle
+LayoutStrategy  <|-- Dagre
+LayoutStrategy  <|-- CoSE
+LayoutStrategy  <|-- Circle
 
 
 Edge  <|-- Arrow
 Edge  <|-- Connector
 Edge  <|-- Polyline
 
 
-'class LayoutOptions {}
-'
-'interface Renderer {
-'  String name;
-'  LayoutOptions layoutOptions;
-'
-'  + void configure(Graph graph);
-'}
-'
+interface Renderer {
+  String name;
+  LayoutOptions layoutOptions;
+
+  + void configure(LayoutOptions layoutOptions);
+  + void drawing(Graph graph);
+}
 
+SvgRenderer --|> Renderer
+CanvasRenderer --|> Renderer
 
 @enduml
