rt-graphic-component/components/packages/Section/common/Section.js

import { JlGraphic, VectorText, convertToBezierParams, Vector2, splitLineEvenly, distance2, GraphicRelationParam, JlGraphicTemplate } from 'jl-graphic';
import { SectionGraphic } from './SectionGraphic.js';
import { DevicePort, IRelatedRef } from '../../../common/common.js';
import { Turnout } from '../../Turnout/Turnout.js';
import { AxleCounting } from '../../AxleCounting/AxleCounting.js';

const tolerance = 0.01;
var SectionType;
(function (SectionType) {
    SectionType[SectionType["Physical"] = 0] = "Physical";
    SectionType[SectionType["Logic"] = 1] = "Logic";
    SectionType[SectionType["TurnoutPhysical"] = 2] = "TurnoutPhysical";
    SectionType[SectionType["Track"] = 4] = "Track";
    SectionType[SectionType["TrackLogic"] = 5] = "TrackLogic";
})(SectionType || (SectionType = {}));
const defaultDisplayConfig = {
    lineColor: '#5578b6',
    occupiedColor: '#f00',
    lineWidth: 5,
};
class JlSection extends JlGraphic {
    static Type = 'Section';
    lineGraphic;
    labelGraphic;
    displayConfig = defaultDisplayConfig;
    constructor() {
        super(JlSection.Type);
        this.lineGraphic = new SectionGraphic();
        this.labelGraphic = new VectorText('');
        this.labelGraphic.setVectorFontSize(14);
        this.labelGraphic.anchor.set(0.5);
        this.labelGraphic.style.fill = '#0f0';
        this.labelGraphic.transformSave = true;
        this.labelGraphic.name = 'label';
        this.transformSave = true;
        this.addChild(this.lineGraphic);
        this.addChild(this.labelGraphic);
    }
    setDisplayConfig(config) {
        this.displayConfig = config;
    }
    getVerticesList() {
        if (this.datas.isCurve) {
            return [
                this.datas.points[0],
                ...convertToBezierParams(this.datas.points).map((param) => param.p2),
            ];
        }
        else {
            return this.datas.points;
        }
    }
    getStartPoint() {
        return this.datas.points[0];
    }
    getEndPoint() {
        return this.datas.points[this.datas.points.length - 1];
    }
    doRepaint() {
        this.lineGraphic.clear();
        if (this.datas.sectionType === SectionType.TurnoutPhysical) {
            return;
        }
        this.lineGraphic.isCurve = this.datas.isCurve;
        if (this.lineGraphic.isCurve) {
            this.lineGraphic.segmentsCount = this.datas.segmentsCount;
        }
        this.lineGraphic.points = this.datas.points;
        this.lineGraphic.lineStyle(this.displayConfig.lineWidth, this.states.occupied
            ? this.displayConfig.occupiedColor
            : this.displayConfig.lineColor);
        this.labelGraphic.text = this.datas.code;
        const labelPosition = this.datas.childTransforms?.find((t) => t.name === this.labelGraphic.name)?.transform.position;
        if (labelPosition) {
            this.labelGraphic.position.set(labelPosition.x, labelPosition.y);
        }
        else {
            this.labelGraphic.position.set(this.datas.points[0].x, this.datas.points[0].y + 20);
        }
    }
    get datas() {
        return this.getDatas();
    }
    get states() {
        return this.getStates();
    }
    get linePoints() {
        return this.datas.points;
    }
    set linePoints(points) {
        const old = this.datas.clone();
        old.points = points;
        this.updateData(old);
    }
    getConnectElement(port) {
        const relation = this.relationManage
            .getRelationsOfGraphic(this)
            .find((relation) => relation.getRelationParam(this).getParam() === port &&
            (relation.getOtherGraphic(this) instanceof JlSection ||
                relation.getOtherGraphic(this) instanceof Turnout));
        if (!relation) {
            return;
        }
        return {
            g: relation?.getOtherGraphic(this),
            port: relation?.getOtherRelationParam(this).getParam(),
        };
    }
    /** 获取拆分逻辑区段数据 */
    getSplitPoints(count) {
        if (this.datas.points.length !== 2) {
            let totalLen = 0;
            const lengths = [];
            for (let i = 1; i < this.datas.points.length; i++) {
                const { x: x1, y: y1 } = this.datas.points[i - 1], { x: x2, y: y2 } = this.datas.points[i];
                const len = new Vector2([x2 - x1, y2 - y1]).length();
                totalLen += len;
                lengths.push(len);
            }
            const counts = lengths.map((length) => Math.round((count * length) / totalLen));
            if (counts.reduce((p, c) => p + c, 0) !== count) {
                const intersection = counts.reduce((p, c) => p + c, 0) - count;
                let maxCountIndex = 0, maxCount = 0;
                counts.forEach((c, i) => {
                    if (c > maxCount) {
                        maxCount = c;
                        maxCountIndex = i;
                    }
                });
                counts[maxCountIndex] + intersection;
            }
            return counts
                .map((count, i) => {
                return splitLineEvenly(this.localToCanvasPoint(this.datas.points[i]), this.localToCanvasPoint(this.datas.points[i + 1]), count);
            })
                .flat();
        }
        else {
            return splitLineEvenly(this.localToCanvasPoint(this.datas.points[0]), this.localToCanvasPoint(this.datas.points[this.datas.points.length - 1]), count);
        }
    }
    //TODO
    /**
     * * Relation处理考虑按不同区段类型分别处理或交子类处理后导出子类
     *
     *
     */
    buildRelation() {
        this.relationManage.deleteRelationOfGraphicAndOtherType(this, JlSection.Type);
        if (this.datas.sectionType === SectionType.Physical) {
            this.queryStore.queryByType(JlSection.Type).forEach((section) => {
                if (section.id === this.id)
                    return;
                let param = [];
                if (distance2(this.localToCanvasPoint(this.getStartPoint()), section.localToCanvasPoint(section.getStartPoint())) <= tolerance) {
                    param = [DevicePort.A, DevicePort.A];
                }
                if (distance2(this.localToCanvasPoint(this.getEndPoint()), section.localToCanvasPoint(section.getStartPoint())) <= tolerance) {
                    param = [DevicePort.B, DevicePort.A];
                }
                if (distance2(this.localToCanvasPoint(this.getStartPoint()), section.localToCanvasPoint(section.getEndPoint())) <= tolerance) {
                    param = [DevicePort.A, DevicePort.B];
                }
                if (distance2(this.localToCanvasPoint(this.getEndPoint()), section.localToCanvasPoint(section.getEndPoint())) <= tolerance) {
                    param = [DevicePort.B, DevicePort.B];
                }
                if (param.length) {
                    this.relationManage.addRelation(new GraphicRelationParam(this, param[0]), new GraphicRelationParam(section, param[1]));
                }
            });
        }
    }
    saveRelations() {
        const paRelation = this.relationManage
            .getRelationsOfGraphic(this)
            .find((relation) => relation.getRelationParam(this).param === DevicePort.A &&
            (relation.getOtherGraphic(this) instanceof JlSection ||
                relation.getOtherGraphic(this) instanceof Turnout));
        const paDevice = paRelation?.getOtherGraphic(this);
        if (paDevice) {
            this.datas.paRef = IRelatedRef.create(paDevice.type, paDevice.id, paRelation.getOtherRelationParam(this).getParam());
        }
        else {
            this.datas.paRef = undefined;
        }
        const pbRelation = this.relationManage
            .getRelationsOfGraphic(this)
            .find((relation) => relation.getRelationParam(this).param === DevicePort.B &&
            (relation.getOtherGraphic(this) instanceof JlSection ||
                relation.getOtherGraphic(this) instanceof Turnout));
        const pbDevice = pbRelation?.getOtherGraphic(this);
        if (pbDevice) {
            this.datas.pbRef = IRelatedRef.create(pbDevice.type, pbDevice.id, pbRelation?.getOtherRelationParam(this).param);
        }
        else {
            this.datas.pbRef = undefined;
        }
        this.datas.axleCountings = this.relationManage
            .getRelationsOfGraphicAndOtherType(this, AxleCounting.Type)
            .map((relation) => relation.getOtherGraphic(this).datas.id);
    }
    loadRelations() {
        if (this.datas?.paRef?.id) {
            this.relationManage.addRelation(new GraphicRelationParam(this, DevicePort.A), new GraphicRelationParam(this.queryStore.queryById(this.datas.paRef.id), this.datas.paRef.devicePort));
        }
        if (this.datas?.pbRef?.id) {
            this.relationManage.addRelation(new GraphicRelationParam(this, DevicePort.B), new GraphicRelationParam(this.queryStore.queryById(this.datas.pbRef.id), this.datas.pbRef.devicePort));
        }
        if (this.datas.trackSectionId) {
            this.relationManage.addRelation(this, this.queryStore.queryById(this.datas.trackSectionId));
        }
        if (this.datas.sectionType === SectionType.TurnoutPhysical) {
            if (this.datas.axleCountings) {
                this.datas.axleCountings.forEach((id) => {
                    this.relationManage.addRelation(this, this.queryStore.queryById(id));
                });
            }
        }
    }
}
class SectionTemplate extends JlGraphicTemplate {
    isCurve = false;
    segmentsCount = 10;
    constructor(dataTemplate, stateTemplate) {
        super(JlSection.Type, {
            dataTemplate,
            stateTemplate,
        });
    }
    new() {
        const section = new JlSection();
        section.loadData(this.datas);
        section.loadState(this.states);
        return section;
    }
}

export { JlSection, SectionTemplate, SectionType, defaultDisplayConfig };