rt-sim-training-client/src/jmapNew/shape/AxleReset/index.js

/*
*	计轴复位 控制器
*/
import Group from 'zrender/src/container/Group';
import Arc from 'zrender/src/graphic/shape/Arc';
import Text from 'zrender/src/graphic/Text';
import EMouse from './EMouse';
import BoundingRect from 'zrender/src/core/BoundingRect';
import {isShowThePrdType} from '../../utils/handlePath';

export default class AxleReset extends Group {
    constructor(model, style) {
        super();
        this.z = 20;
        this._code = model.code;
        this._type = model._type;
        this.zlevel = model.zlevel;
        this.model = model;
        this.style = style;
        this.isShowShape = true;
        if (isShowThePrdType(model.prdType, (style.AxleReset || {}).displayCondition) || model.previewOrMapDraw) {
            this.create();
            this.createMouseEvent();
            this.setState(model);
        }
        if (model.previewOrMapDraw) {
            this.setShowMode();
        }
    }

    create() {
        const model = this.model;
        this.control = new Arc({
            _subType: 'Control',
            zlevel: this.zlevel,
            z: this.z,
            shape: {
                cx: model.position.x,
                cy: model.position.y,
                r: this.style.AxleReset.lamp.radiusR
            },
            style: {
                stroke: '##b5b3b3',
                lineWidth: 1.5,
                fill: this.style.AxleReset.lamp.controlColor
            }
        });

        this.text = new Text({
            _subType: 'Text',
            zlevel: this.zlevel,
            z: this.z,
            position: [0, 0],
            style: {
                x: model.position.x,
                y: model.position.y + this.style.AxleReset.lamp.radiusR + this.style.AxleReset.text.distance,
                fontWeight: this.style.AxleReset.text.fontWeight,
                fontSize: this.style.AxleReset.text.fontSize,
                fontFamily: this.style.fontFamily,
                text: model.name,
                textFill: '#fff',
                textAlign: 'middle',
                textVerticalAlign: 'top'
            }
        });

        if (this.model.subtitleName) {
            this.subtitleText = new Text({
                _subType: 'Text',
                zlevel: this.zlevel,
                z: this.z,
                position: [0, 0],
                style: {
                    x: model.position.x,
                    y: model.position.y + this.style.AxleReset.lamp.radiusR + this.style.AxleReset.subtitleText.distance,
                    fontWeight: this.style.AxleReset.subtitleText.fontWeight,
                    fontSize: this.style.AxleReset.subtitleText.fontSize,
                    fontFamily: this.style.fontFamily,
                    text: model.subtitleName,
                    textFill: '#fff',
                    textAlign: 'middle',
                    textVerticalAlign: 'top'
                }
            });
            this.add(this.subtitleText);
        }
        this.add(this.control);
        this.add(this.text);
    }

    // 设置状态
    setState(model) {
        if (!this.isShowShape) return;
    }

    createMouseEvent() {
        if (this.style.LcControl.mouseOverStyle) {
            this.mouseEvent = new EMouse(this);
            this.add(this.mouseEvent);
            this.on('mouseout', (e) => { this.mouseEvent.mouseout(e); });
            this.on('mouseover', (e) => { this.mouseEvent.mouseover(e); });
        }
    }
    getShapeTipPoint() {
        if (this.control) {
            var distance = 2;
            var rect = this.control.getBoundingRect();
            return {
                x: rect.x + rect.width / 2,
                y: rect.y - distance
            };
        }
        return null;
    }

    getBoundingRect() { // 计算自动折返包围框
        if (this.control) {
            const rect = this.control.getBoundingRect().clone();
            if (this.text) {
                const text = this.text.getBoundingRect().clone();
                rect.union(text);
                return rect;
            } else {
                return rect;
            }
        } else {
            return new BoundingRect(0, 0, 0, 0);
        }
    }
    setShowMode() {
        const showMode = this.model.showMode;
        const showConditions = (this.style.AxleReset || {}).displayCondition;
        if (!showConditions || showConditions === '01' || showMode === showConditions) {
            this.showMode();
        } else {
            this.hideMode();
        }
    }
    setShowStation(stationCode) {
        if (!stationCode || this.model.stationCode === stationCode) {
            this.isShowShape = true;
            this.showMode();
        } else {
            this.isShowShape = false;
            this.hideMode();
        }
    }
    showMode() {
        this.control && this.control.show();
        this.text && this.text.show();
        this.subtitleText && this.subtitleText.show();
        this.setState(this.model);
    }
    hideMode() {
        this.control && this.control.hide();
        this.text && this.text.hide();
        this.subtitleText && this.subtitleText.hide();
    }
}