feat: menu插件功能完善

- 为menu插件中画布菜单选项的回调增加触发画布菜单时鼠标的坐标
- 增加对应的示例

Author: ChangeSuger

examples/feature-examples/src/pages/extensions/menu/index.tsx

@@ -171,6 +171,16 @@ export default function MenuExtension() {
               alert('分享成功！')
             },
           },
+          {
+            text: '添加节点',
+            callback(data: LogicFlow.Position) {
+              lf.addNode({
+                type: 'rect',
+                x: data.x,
+                y: data.y,
+              })
+            },
+          },
         ],
       })
 

packages/extension/src/components/menu/index.ts

@@ -3,6 +3,7 @@ import LogicFlow from '@logicflow/core'
 import GraphData = LogicFlow.GraphData
 import NodeData = LogicFlow.NodeData
 import EdgeData = LogicFlow.EdgeData
+import Position = LogicFlow.Position
 
 type SetType = 'add' | 'reset'
 
@@ -29,7 +30,8 @@ class Menu {
   private __container?: HTMLElement
   private __menuDOM?: HTMLElement
   private menuTypeMap?: Map<string, MenuItem[]>
-  private __currentData: EdgeData | NodeData | GraphData | null = null
+  private __currentData: EdgeData | NodeData | GraphData | Position | null =
+    null
   static pluginName = 'menu'
 
   constructor({ lf }) {
@@ -209,6 +211,7 @@ class Menu {
       const {
         domOverlayPosition: { x, y },
       } = position
+      this.__currentData = { ...position.canvasOverlayPosition }
       this.showMenu(x, y, menuList)
     })
     this.lf.on('selection:contextmenu', ({ data, position }) => {