REACT gg-editor 的注册节点坑

REACT gg-editor如何注册一个节点并设置selected或hover颜色

这里不对基本用法说明，基本用法请前往一下链接：
gg-eidtor github地址
官方g6 api文档
下面直接看代码

import { RegisterNode } from 'gg-editor';
<RegisterNode
   name="model-card"
    config={{
        draw(item) {
            const group = item.getGraphicGroup();
            const model = item.getModel();
            const width = 120;
            const height = 50;
            const x = -width / 2;
            const y = -height / 2;
            const borderRadius = 4;
            const keyShape = group.addShape('rect', {
                attrs: {
                    x,
                    y,
                    width,
                    height,
                    radius: borderRadius,
                    fill: '#FDEEF8',
                    stroke: '#FB99E2',
                },
            });
            // 名称文本
            const label = model.label ? model.label :"执行模块";
            
            group.addShape('text', {
                attrs: {
                    text: label,
                    x: 0,
                    y: 0,
                    textAlign: 'center',
                    textBaseline: 'middle',
                    fill: 'rgba(0,0,0,0.65)',
                },
            });
            return keyShape;
        },
        // 原本样式
        getStyle(item) {
            return {
                fill: "#FDEEF8",
                stroke:"#FB99E2",
            };
        },
        // hover上的样式
        getActivedStyle(item) {
            return {
                stroke: "#F36364"
            };
        },
        // 选中样式
        getSelectedStyle(item) {
            return {
                stroke: "#F36364",
                fill: "#F9ACD0"
            };
        }
    }}
/>