feat: click edge event

aliyun · Oct 29, 2021 · 28fe704 · 28fe704
1 parent 8689c27
commit 28fe704
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 1 deletion.
diff --git a/example/index.jsx b/example/index.jsx
@@ -61,6 +61,9 @@ class Com extends React.Component {
             mappingData={mappingData1}
             width={600}
             height={600}
+            onEdgeClick={(data) => {
+              console.log(data);
+            }}
           />
         </Col>
         <Col flex={'600px'}>

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-data-mapping",
-  "version": "1.3.0",
+  "version": "1.3.1",
   "description": "数据/字段映射React组件",
   "main": "dist/index.js",
   "pack": "pack/index.js",

diff --git a/src/index.tsx b/src/index.tsx
@@ -59,6 +59,7 @@ interface ComProps {
   onChange(data: any): void,
   onRowMouseOver?(row:any):void,
   onRowMouseOut?(row:any):void,
+  onEdgeClick?(edge: any): void,
 };
 
 export default class DataMapping extends React.Component<ComProps, any> {
@@ -366,6 +367,10 @@ export default class DataMapping extends React.Component<ComProps, any> {
         this.onChange();
       });
     });
+
+    this.canvas.on('system.link.click', (data?: any) => {
+      this.props.onEdgeClick && this.props.onEdgeClick((data || {}).edge);
+    })
   }
   render() {
     return (