YaolongHan 4 tahun lalu
induk
melakukan
78d752f8c9

+ 3 - 3
docs/.vuepress/components/scene/Undo1.vue

@@ -111,8 +111,8 @@
     }
 
     class TestView extends SGraphView {
-        constructor() {
-            super("undoFrame");
+        constructor(undoFrame) {
+            super(undoFrame);
         }
     }
 
@@ -123,7 +123,7 @@
             }
         },
         mounted(): void {
-            let view = new TestView();
+            let view = new TestView('undoFrame');
             view.scene = this.scene;//new SScene(); //this.data.scene;
         },
         methods: {

+ 4 - 3
docs/.vuepress/components/scene/items/SEditPolygon.vue

@@ -3,16 +3,17 @@
     <el-button @click="show">展示</el-button>
     <el-button @click="create">创建</el-button>
     <el-button @click="edit">编辑</el-button>
-    <canvas id="editPolygon" width="800" height="400"  tabindex="0" />
+    <canvas id="editPolygon" width="800" height="400" tabindex="0" />
   </div>
 </template>
 <script lang='ts'>
-  import { SGraphItem, SGraphView, SGraphScene } from "@persagy-web/graph/";
+import { SGraphItem, SGraphView, SGraphScene } from "@persagy-web/graph/";
+import { SMouseEvent } from "@persagy-web/base/";
 import {
   SColor,
   SLineCapStyle,
   SPainter,
-  SPath2D,
+  SPath,
   SPoint,
   SPolygonUtil,
   SRect,

+ 6 - 1
docs/guides/edit/items/editImage.md

@@ -51,4 +51,9 @@
   this.lineItem = new EditLineItem(null, []);
  this.lineItem.status = SItemStatus.Create;
  this.view.update();
-```
+```
+
+## 交互要求
+* 点击item 选中态时出现选择控制点(增加是否可操作控制点状态);
+* 选中态时出现选择控制点;通过拖动选择控制点对图例进行放大缩小得操作(有最大最小的宽高);
+* 当拖动连接线的定点连接该item锚点时;接近item会显示锚点;

+ 8 - 1
docs/guides/edit/items/editLine.md

@@ -51,4 +51,11 @@
   this.lineItem = new EditLineItem(null, []);
  this.lineItem.status = SItemStatus.Create;
  this.view.update();
-```
+```
+## 交互要求
+
+* esc键:若等于两个顶点则为完成,否则为取消操作;
+* 鼠标左键选择单点可移动;
+* 双击进入编辑态;
+* 绘制点时线与线不能交叉(放开鼠标左键后,如果出现交叉,则该点位回到原来位置,如果为创建状态,该点无法生成);
+* 选中某条边拖动;拖动中不可交叉;(补图,两种线得拖动方式)

+ 11 - 1
docs/guides/edit/items/editPolygon.md

@@ -70,4 +70,14 @@
       finishCreated(){
       }
   }
-```
+```
+## 交互要求
+* 点击item 选中态时出现选择控制点(增加是否可操作控制点状态);
+* esc键:若大于等于三个顶点则为完成,否则为取消操作;
+* Ctrl+鼠标点入边线为增加点;Ctrl+鼠标点到顶点为选择多个点,删除顶点用delete键(若剩余顶点小于三个则不能删除);
+* 鼠标左键选择单点可移动;
+* 双击进入编辑态;自动闭合自行结束;
+* 编辑态 ctrl+左键选择多个点可拖动;
+* 绘制点时线与线不能交叉(放开鼠标左键后,如果出现交叉,则该点位回到原来位置,如果为创建状态,该点无法生成);
+* 选中某条边拖动;拖动中不可交叉;(补图,两种线得拖动方式)
+* 当拖动连接线的定点连接该item锚点时;接近item会显示锚点

+ 10 - 1
docs/guides/edit/items/editPolyline.md

@@ -58,4 +58,13 @@
   this.polylineItem = new EditPolylineItem(null);
   this.polylineItem.status = SItemStatus.Create;
   this.polylineItem.moveable = true;
-```
+```
+
+## 交互要求
+*  esc键:若大于等于两个个顶点则为完成,否则为取消操作;
+*  Ctrl+鼠标点入边线为增加点;Ctrl+鼠标点到顶点为选择多个点,删除顶点用delete键(若剩余顶点小于两个个则不能删除);
+*  鼠标左键选择单点可移动;
+*  双击进入编辑态;
+*  选择多个点可拖动;
+*  绘制点时线与线不能交叉(放开鼠标左键后,如果出现交叉,则该点位回到原来位置,如果为创建状态,该点无法生成);
+*  选中某条边拖动;拖动中不可交叉;(补图,两种线得拖动方式)

+ 6 - 1
docs/guides/edit/items/editText.md

@@ -50,4 +50,9 @@
   this.lineItem = new EditLineItem(null, []);
  this.lineItem.status = SItemStatus.Create;
  this.view.update();
-```
+```
+## 交互要求
+* 点击item 选中态时出现选择控制点(增加是否可操作控制点状态);
+* 选中态时出现选择控制点;通过拖动选择控制点对图例进行放大缩小得操作(有最大最小的宽高);
+* 当拖动连接线的定点连接该item锚点时;接近item会显示锚点;
+* 当文本大小固定;文本超出部分裁掉

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

@@ -9,7 +9,7 @@ import { SGraphItem, SImageItem } from "@persagy-web/graph";
  * @author  张宇(taohuzy@163.com)
  */
 export class EditImageItem extends SImageItem {
-    constructor(parent: SGraphItem | null, url) {
+    constructor(parent: SGraphItem | null, url:string) {
         super(parent);
         this.url = url;
         this.initItem();