rt-sim-training-client/src/jmapNew/transformHandle.js

import store from '@/store/index';
import {createTransform, createBoundingRect} from './utils/parser';

class TransformHandle {
    constructor(painter) {
        this.$painter = painter;

        this.stationFlag = false;

        this.parentLevel = painter.getParentLevel();

        this.rect = { x: 0, y: 0, width: 0, height: 0 };

        this.transform = createTransform({ scaleRate: 1, offsetX: 0, offsetY: 0 });
    }

    checkVisible(view) {
        // console.log(view);
        return createBoundingRect(view).intersect(this.rect);
    }

    revisibleView(view) {
        if (this.checkVisible(view)) {
            view.show();
        } else {
            view.hide();
        }
        view.dirty();
    }
    setStationFlag(stationCode) {
        this.stationFlag = !!stationCode;
    }
    // 视图进行缩放/平移
    transformView(view) {
        if (view) {
            view.transform = this.transform;
            if (this.stationFlag) {
                this.handleStationShow(view);
            }
            view.decomposeTransform();
            this.revisibleView(view);
        }
    }
    handleStationShow(view) {
        if (view.model && view.model._type === 'Station') {
            const station = view.model;
            this.handleStationViewTransform(view, station);
        } else if (view.model && view.model._type === 'StationStand') {
            const station = store.getters['map/getDeviceByCode'](view.model.stationCode);
            this.handleStationViewTransform(view, station);
        } else if (view.model && view.model._type === 'Psd') {
            const stand = store.getters['map/getDeviceByCode'](view.model.standCode);
            const station = store.getters['map/getDeviceByCode'](stand.stationCode);
            this.handleStationViewTransform(view, station);
        } else if (view.model && (view.model.belongStation || view.model.belongStationCode)) {
            const belongStation = view.model.belongStation || view.model.belongStationCode;
            const station = store.getters['map/getDeviceByCode'](belongStation);
            this.handleStationViewTransform(view, station);
        }
    }
    handleStationViewTransform(view, station) {
        if (station.foldLine) {
            view.transform = createTransform({
                scaleRate: this.$painter.$jmap.$options.scaleRate,
                offsetX: this.$painter.$jmap.$options.offsetX + station.foldLineOffset.x * this.$painter.$jmap.$options.scaleRate,
                offsetY: this.$painter.$jmap.$options.offsetY - station.foldLineOffset.y * this.$painter.$jmap.$options.scaleRate
            });
        }
    }
    // 处理所有视图缩放/平移
    transformAll() {
        this.traverse(this.transformView, this);
    }

    // 重新计算显示图形
    revisibleAll() {
        this.traverse(this.revisibleView, this);
    }

    // 更新偏移量
    updateTransform(opts) {
        this.transform = createTransform(opts);
        this.transformAll();
    }

    // 更新画布尺寸
    updateZrSize(opts) {
        this.rect = { x: 0, y: 0, width: opts.width, height: opts.height };
        if (opts.isUpdate) { this.revisibleAll(); }
    }

    // 遍历group执行回调
    traverse(cb, context) {
        this.parentLevel.eachChild(level => {
            level.eachChild((view) => {
                cb.call(context, view);
            }, context);
        }, context);
    }
}

export default TransformHandle;