fix: the initial values of some nodes are not set by default (#6075)

Co-authored-by: 王璨 <[email protected]>

packages/g6/__tests__/bugs/element-node-update-badge.spec.ts

@@ -0,0 +1,30 @@
+import { createGraph } from '../utils';
+
+describe('bug: element-node-update-badge', () => {
+  it('should update node badge', async () => {
+    const graph = createGraph({
+      animation: false,
+      node: {
+        style: {
+          badge: true,
+          badges: [{ text: '1' }],
+          badgeFill: 'white',
+          badgeBackgroundFill: 'red',
+        },
+      },
+      data: {
+        nodes: [{ id: 'node-0', style: { x: 100, y: 100 }, states: ['inactive'] }],
+      },
+    });
+
+    await graph.render();
+
+    await expect(graph).toMatchSnapshot(__filename);
+
+    graph.setElementState('node-0', []);
+
+    await graph.render();
+
+    await expect(graph).toMatchSnapshot(__filename, 'update-node-badge');
+  });
+});

packages/g6/src/themes/base.ts

@@ -86,6 +86,8 @@ export function create(tokens: ThemeTokens): Theme {
     node: {
       palette: nodePaletteOptions,
       style: {
+        donutOpacity: 1,
+        badgeBackgroundOpacity: 1,
         badgeFill: '#fff',
         badgeFontSize: 8,
         badgePadding: [0, 4],