[V5] 布局结束并完成autofit之后主题切换存在问题

[recursively]

以下是布局结束并完成autofit后的视图：

若此时通过settheme修改主题，相应的元素颜色并没有按照预期进行切换：

正确切换的结果应当为如下所示：

麻烦帮忙确认一下是否为一个bug，或者是缺少什么关键步骤，谢谢

[Aarebecca]

提供一下你的 GraphOptions 呢，可以不用提供数据

[recursively]

以下是我使用的options：

const graph = new Graph({
            container,
            width,
            height,
            node: {
                style: {
                    labelPlacement: 'center',
                    labelText: (d: any) => d.data.properties.name,
                    labelFontSize: 3,
                    ports: [],
                    labelWordWrap: true,
                    labelWordWrapWidth: 50,
                    // labelMaxWidth: '90%',
                },
                palette: {
                    color: 'blues',
                    type: 'group',
                    field: 'marker',
                    invert: true,
                },
                state: {
                    highlight: {
                        fill: '#f56628',
                        halo: true,
                        lineWidth: 0,
                    },
                    dim: {
                        fill: '#99ADD1',
                    },
                },
            },
            edge: {
                style: {
                    endArrow: true,
                    endArrowSize: 6,
                    labelWordWrap: true,
                    labelMaxWidth: '80%',
                },
            },
            layout: {
                type: 'd3-force',
                collide: {
                    strength: 0.5,
                },
                link: {
                    distance: 80,
                },
            },
            behaviors: [
                'zoom-canvas',
                'drag-canvas',
                'drag-element',
                'click-select',
                {
                    type: 'hover-activate',
                    enable: (event: { targetType: string; }) => event.targetType === 'node',
                    degree: 1, // 👈🏻 Activate relations.
                    state: 'highlight',
                    inactiveState: 'dim',
                    onHover: (event: { view: { setCursor: (arg0: string) => void; }; }) => {
                        event.view.setCursor('pointer');
                    },
                    onHoverEnd: (event: { view: { setCursor: (arg0: string) => void; }; }) => {
                        event.view.setCursor('default');
                    },
                },
            ],
            autoFit: {
                type: 'view',
            },
            plugins: [
                {
                    type: 'tooltip',
                    // trigger: 'click',
                    getContent: (e: any, items: any[]) => {
                        let result = '';
                        items.forEach((item) => {
                            const name = item.data.properties ? (item.data.properties.name || 'Unknown') : 'Unknown';
                            result += `<p><strong>Name:</strong> <span class="break-words break-all">${name}</span></p>`;
                            result += `<p><strong>Type:</strong> <span class="break-words break-all">${item.data.marker}</span></p>`;
                        });
                        return result;
                    },
                },
                {key: 'minimap', type: 'minimap'},
            ],
        });

[Aarebecca]

参考：https://g6-next.antv.antgroup.com/examples/feature/default/#theme
设置主题后需要调用 graph.draw() 以生效

[recursively]

设置了graph.draw()的，代码如下：

useEffect(() => {
if (graphRef.current && theme) {
graphRef.current.setTheme(theme === 'dark' ? 'dark' : 'light');
graphRef.current.draw().then(r => {
});
}
}, [theme]);

autofit完成之后切换主题始终存在上述问题。