feat(behavior): add click focus element(node/combo) (#5595)

* feat(behavior): add click focus element

---------

Co-authored-by: wb-xcf804241 <[email protected]>

packages/g6/__tests__/demo/case/behavior-focus-element.ts

@@ -0,0 +1,32 @@
+import { Graph } from '@/src';
+import type { STDTestCase } from '../types';
+
+export const behaviorFocusElement: STDTestCase = async (context) => {
+  const graph = new Graph({
+    ...context,
+    data: {
+      nodes: [
+        { id: 'node-1', style: { x: 100, y: 100 } },
+        { id: 'node-2', style: { x: 200, y: 100, parentId: 'combo-1' } },
+        { id: 'node-3', style: { x: 100, y: 200 } },
+        { id: 'node-4', style: { x: 200, y: 200, parentId: 'combo-1' } },
+      ],
+      edges: [
+        { source: 'node-1', target: 'node-2' },
+        { source: 'node-2', target: 'node-4' },
+        { source: 'node-1', target: 'node-3' },
+        { source: 'node-3', target: 'node-4' },
+      ],
+      combos: [{ id: 'combo-1' }],
+    },
+    node: { style: { size: 20 } },
+    edge: {
+      style: { endArrow: true },
+    },
+    behaviors: [{ type: 'focus-element' }],
+  });
+
+  await graph.render();
+
+  return graph;
+};

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

@@ -1,5 +1,6 @@
 export * from './behavior-drag-canvas';
 export * from './behavior-drag-element';
+export * from './behavior-focus-element';
 export * from './behavior-hover-element';
 export * from './behavior-zoom-canvas';
 export * from './combo';