feat(plugin): minimap

package.json

@@ -3,6 +3,7 @@
   "private": true,
   "repository": "https://github.com/antvis/G6.git",
   "scripts": {
+    "dev": "pnpm --stream --filter=@antv/g6 run dev ",
     "site": "pnpm -r --stream --filter=./packages/site run dev",
     "watch": "pnpm -r --stream --filter=!./site run start",
     "postinstall": "husky install",

packages/g6/__tests__/demos/index.ts

@@ -82,6 +82,7 @@ export * from './plugin-camera-setting';
 export * from './plugin-contextmenu';
 export * from './plugin-grid-line';
 export * from './plugin-legend';
+export * from './plugin-minimap';
 export * from './plugin-toolbar-build-in';
 export * from './plugin-toolbar-iconfont';
 export * from './plugin-tooltip';

packages/g6/__tests__/demos/plugin-minimap.ts

@@ -0,0 +1,20 @@
+import { Graph, register } from '@/src';
+import data from '@@/dataset/cluster.json';
+import { Minimap } from '../../src/plugins';
+
+export const pluginMinimap: TestCase = async (context) => {
+  const graph = new Graph({
+    ...context,
+    autoResize: true,
+    data,
+    layout: { type: 'd3force' },
+    behaviors: ['drag-canvas'],
+    plugins: [{ type: 'minimap', mode: 'delegate' }],
+  });
+  register('plugin', 'minimap', Minimap);
+
+  await graph.render();
+  return graph;
+};
+
+pluginMinimap.form = () => [];

packages/g6/src/elements/edges/base-edge.ts

@@ -1,5 +1,6 @@
 import type {
   BaseStyleProps,
+  DisplayObject,
   DisplayObjectConfig,
   Group,
   ImageStyleProps,
@@ -238,6 +239,14 @@ export abstract class BaseEdge extends BaseShape<BaseEdgeStyleProps> {
 
     return result;
   }
+
+  /**
+   * Get the key shape for the node.
+   * @returns Key shape.
+   */
+  public getKey(): DisplayObject {
+    return this.shapeMap.key;
+  }
 }
 
 type SymbolName = 'triangle' | 'circle' | 'diamond' | 'vee' | 'rect' | 'triangleRect' | 'simple';

packages/g6/src/plugins/index.ts

@@ -3,6 +3,7 @@ export { CameraSetting } from './camera-setting';
 export { Contextmenu } from './contextmenu';
 export { GridLine } from './grid-line';
 export { Legend } from './legend';
+export { Minimap } from './minimap';
 export { Toolbar } from './toolbar';
 export { Tooltip } from './tooltip';
 export { Watermark } from './watermark';
@@ -12,6 +13,7 @@ export type { CameraSettingOptions } from './camera-setting';
 export type { ContextmenuOptions } from './contextmenu';
 export type { GridLineOptions } from './grid-line';
 export type { LegendOptions } from './legend';
+export type { MinimapOptions } from './minimap';
 export type { ToolbarOptions } from './toolbar';
 export type { TooltipOptions } from './tooltip';
 export type { WatermarkOptions } from './watermark';