From 4fd2afd70c0a7821b6bd54185f34d5f6e7438c84 Mon Sep 17 00:00:00 2001
From: Aaron <yangtao.yangtao@antgroup.com>
Date: Fri, 15 Nov 2024 16:55:10 +0800
Subject: [PATCH] fix: fix site demo (#6521)

* fix: fix event demo

* fix: fix site demo

---------

Co-authored-by: antv <antv@antfin.com>
---
 packages/g6/__tests__/demos/perf-20000-elements.ts            | 2 +-
 packages/site/examples/behavior/inner-event/demo/basic.js     | 2 +-
 packages/site/examples/feature/default/demo/theme.js          | 2 +-
 packages/site/examples/performance/massive-data/demo/20000.js | 2 +-
 packages/site/examples/performance/massive-data/demo/5000.js  | 2 +-
 packages/site/examples/performance/massive-data/demo/60000.js | 2 +-
 6 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/g6/__tests__/demos/perf-20000-elements.ts b/packages/g6/__tests__/demos/perf-20000-elements.ts
index 0e969bccd67..d825693cace 100644
--- a/packages/g6/__tests__/demos/perf-20000-elements.ts
+++ b/packages/g6/__tests__/demos/perf-20000-elements.ts
@@ -23,7 +23,7 @@ export const perf20000Elements: TestCase = async (context) => {
   });
 
   console.time('time');
-  await graph.draw();
+  await graph.render();
   console.timeEnd('time');
 
   perf20000Elements.form = (gui) => {
diff --git a/packages/site/examples/behavior/inner-event/demo/basic.js b/packages/site/examples/behavior/inner-event/demo/basic.js
index db56aa80b07..8e311e6bf2e 100644
--- a/packages/site/examples/behavior/inner-event/demo/basic.js
+++ b/packages/site/examples/behavior/inner-event/demo/basic.js
@@ -37,7 +37,7 @@ graph.render();
 
 graph.on(NodeEvent.CLICK, (event) => {
   const { target, originalTarget } = event;
-  if (originalTarget.id === 'light') {
+  if (originalTarget.className === 'light') {
     graph.updateNodeData([{ id: target.id, states: ['selected'], style: { labelText: 'Clicked!' } }]);
     graph.draw();
   }
diff --git a/packages/site/examples/feature/default/demo/theme.js b/packages/site/examples/feature/default/demo/theme.js
index 2d4ce5f2c3b..696da642d80 100644
--- a/packages/site/examples/feature/default/demo/theme.js
+++ b/packages/site/examples/feature/default/demo/theme.js
@@ -72,7 +72,7 @@ fetch('https://assets.antv.antgroup.com/g6/20000.json')
       plugins: [{ type: 'background', background: '#fff' }],
     });
 
-    graph.draw();
+    graph.render();
 
     window.addPanel((gui) => {
       gui.add({ theme: '🌞 Light' }, 'theme', Object.keys(themes)).onChange((theme) => {
diff --git a/packages/site/examples/performance/massive-data/demo/20000.js b/packages/site/examples/performance/massive-data/demo/20000.js
index 80e8869378e..83082c1c193 100644
--- a/packages/site/examples/performance/massive-data/demo/20000.js
+++ b/packages/site/examples/performance/massive-data/demo/20000.js
@@ -20,5 +20,5 @@ fetch('https://assets.antv.antgroup.com/g6/20000.json')
       behaviors: ['zoom-canvas', 'drag-canvas'],
     });
 
-    graph.draw();
+    graph.render();
   });
diff --git a/packages/site/examples/performance/massive-data/demo/5000.js b/packages/site/examples/performance/massive-data/demo/5000.js
index afae50d2bf8..f293262bd74 100644
--- a/packages/site/examples/performance/massive-data/demo/5000.js
+++ b/packages/site/examples/performance/massive-data/demo/5000.js
@@ -11,5 +11,5 @@ fetch('https://assets.antv.antgroup.com/g6/5000.json')
       autoFit: 'view',
     });
 
-    await graph.draw();
+    await graph.render();
   });
diff --git a/packages/site/examples/performance/massive-data/demo/60000.js b/packages/site/examples/performance/massive-data/demo/60000.js
index 0c51891dde2..513451c7ea0 100644
--- a/packages/site/examples/performance/massive-data/demo/60000.js
+++ b/packages/site/examples/performance/massive-data/demo/60000.js
@@ -17,5 +17,5 @@ fetch('https://assets.antv.antgroup.com/g6/60000.json')
       behaviors: ['zoom-canvas', 'drag-canvas'],
     });
 
-    graph.draw();
+    graph.render();
   });