rt-sim-training-client/src/jmapNew/shape/Station/EMouse.js

import Group from 'zrender/src/container/Group';
import Rect from 'zrender/src/graphic/shape/Rect';

export default class EMouse extends Group {
    constructor(device) {
        super();
        this.device = device;
        this.selected = false;
        this.create();
    }
    create() {
        if (this.device && this.device.model.visible) {
            const stationTextRect = this.device.stationText.getBoundingRect().clone();
            this.lineBorder = new Rect({
                zlevel: this.device.zlevel,
                z: this.device.z + 1,
                shape: stationTextRect,
                style: {
                    fill:  'rgba(0,255,255,0.6)'
                }
            });

            this.add(this.lineBorder);
            this.lineBorder.hide();
        }
    }

    mouseover() {
        this.lineBorder && this.lineBorder.show();
    }

    mouseout() {
        !this.selected && this.lineBorder && this.lineBorder.hide();
    }
    drawSelected(selected) {
        if (selected && this.lineBorder) {
            this.lineBorder && this.lineBorder.show();
            this.selected = true;
        } else {
            this.lineBorder && this.lineBorder.hide();
            this.selected = false;
        }
    }
}