feat: tooltip plugin

packages/g6/__tests__/demo/case/index.ts

@@ -44,6 +44,7 @@ export * from './layout-radial-prevent-overlap';
 export * from './layout-radial-prevent-overlap-unstrict';
 export * from './layout-radial-sort';
 export * from './plugin-grid-line';
+export * from './plugin-tooltip';
 export * from './plugin-watermark';
 export * from './plugin-watermark-image';
 export * from './theme';

packages/g6/__tests__/demo/case/plugin-tooltip.ts

@@ -0,0 +1,55 @@
+import { Graph } from '@/src';
+import data from '@@/dataset/combo.json';
+import { isObject } from '@antv/util';
+import type { STDTestCase } from '../types';
+
+export const pluginTooltip: STDTestCase = async (context) => {
+  const graph = new Graph({
+    ...context,
+    data,
+    layout: {
+      type: 'combo-combined',
+      comboPadding: 2,
+    },
+    behaviors: ['drag-canvas', 'drag-element'],
+    node: {
+      style: {
+        labelText: (d) => d.id,
+      },
+    },
+    plugins: [
+      {
+        key: 'tooltip',
+        type: 'tooltip',
+        trigger: 'click',
+        getContent: (evt: any, items: any[]) => {
+          return `<div>${items[0].id || items[0].source + ' --> ' + items[0].target}</div>`;
+        },
+      },
+    ],
+    autoFit: 'view',
+  });
+
+  await graph.render();
+
+  pluginTooltip.form = (panel) => {
+    const config = {
+      trigger: 'click',
+    };
+    return [
+      panel
+        .add(config, 'trigger', ['hover', 'click'])
+        .name('Change Trigger Method')
+        .onChange((trigger: string) => {
+          graph.setPlugins((plugins) =>
+            plugins.map((plugin) => {
+              if (isObject(plugin) && plugin.type === 'tooltip') return { ...plugin, trigger };
+              return plugin;
+            }),
+          );
+        }),
+    ];
+  };
+
+  return graph;
+};