feat(core): add clearData funcion in Logicflow

Author: xinxin93

packages/core/index.html

@@ -45,6 +45,7 @@
     <button onClick="focusOn()">定位到五角星</button>
     <button id="undo" onClick="undo()" disabled>上一步</button>
     <button id="redo" onClick="redo()" disabled>下一步</button>
+    <button id="clearData" onClick="clearData()">清空数据</button>
   </div>
   <div id="app"></div>
   <div id="debug"></div>
@@ -103,6 +104,9 @@
       window.redo = function redo() {
         lf.redo()
       }
+      window.clearData = function clearData() {
+        lf.clearData()
+      }
       window.consolelog = function consolelog(msg) {
         console.log(msg)
       }

packages/core/src/LogicFlow.tsx

@@ -635,6 +635,10 @@ export default class LogicFlow {
       this.snaplineModel.clearSnapline();
     }
   }
+  // 清空数据
+  clearData() {
+    this.graphModel.clearData();
+  }
   /**
    * 获取边的model
    * @param edgeId 边的Id

packages/core/src/model/GraphModel.ts

@@ -599,6 +599,12 @@ class GraphModel {
   @action setTheme(style: Style) {
     this.theme = updateTheme({ ...this.theme, ...style });
   }
+  // 清空数据
+  @action
+  clearData(): void {
+    this.nodes = [];
+    this.edges = [];
+  }
 }
 
 export { GraphModel };