G6 4.8.21 官方示例决策树中增加内置behavior(click-select)无效

[karasu10]

Describe the bug / 问题描述

g6 4.8.21 官方示例中，决策树图的示例代码内在modes 增加了'click-select'属性，在defaultConfig中增加了nodeStateStyle(selected)选中节点的样式，并且在node:click事件中，进行了graph.setItemState(item, 'selected', true)操作，但是依然无法实现选中节点的效果。

Reproduction link / 重现链接

https://g6.antv.antgroup.com/zh/examples/case/treeDemos/#decisionTree

Steps to Reproduce the Bug or Issue / 重现步骤

// 组件props
const props = {
data: mockData,
config: {
padding: [20, 50],
defaultLevel: 3,
defaultZoom: 0.8,
modes: { default: ['zoom-canvas', 'drag-canvas', 'click-select'] },
},
};
// 默认配置
const defaultConfig = {
width,
height,
modes: {
default: ['zoom-canvas', 'drag-canvas', 'click-select'],
},
fitView: true,
animate: true,
defaultNode: {
type: 'flow-rect',
},
defaultEdge: {
type: 'cubic-horizontal',
style: {
stroke: '#CED4D9',
},
},
layout: {
type: 'indented',
direction: 'LR',
dropCap: false,
indent: 300,
getHeight: () => {
return 60;
},
},
nodeStateStyles: {
// 节点在 selected 状态下的样式，对应内置的 click-select 行为
selected: {
// stroke: '#666',
stroke: 'blue',
lineWidth: 2,
fill: 'blue',
shadowColor: 'blue'
}
}
};
graph.on('node:click', (e) => {
const { item } = e;
const node = item?.get('model');
graph.setItemState(item, 'selected', true)
})

G6 Version / G6 版本

4.x

Operating System / 操作系统

Windows

Browser / 浏览器

Chrome

Additional context / 补充说明

G6 4.8.21，win10 22H2，chrome 126.0.6478.115