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

import deviceType from './constant/deviceType';
import {createTransform, createBoundingRect} from './utils/parser';

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

        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) {
        return createBoundingRect(view).intersect(this.rect);
    }

    revisibleView(view) {
        if (this.checkVisible(view) || view._type === deviceType.Background) {
            view.show();
        } else {
            view.hide();
        }

        view.dirty();
    }

    // 视图进行缩放/平移
    transformView(view) {
        if (view) {
            view.transform = this.transform;
            view.decomposeTransform();
            this.revisibleView(view);
            view.transform = '';
        }
    }

    // 处理所有视图缩放/平移
    transformAll() {
        this.traverse(this.transformView, this);
    }

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

    // 更新偏移量
    updateTransform(opts, canvasSize) {
        if (canvasSize) {
            const elRect = this.parentLevel.getBoundingRect();
            const zrRect = this.rect;
            if (canvasSize.x - opts.offsetX > 0) {
                opts.offsetX = -elRect.x;
            }

            if (canvasSize.y - opts.offsetY > 0) {
                opts.offsetY = -elRect.y;
            }

            if (elRect.x + canvasSize.width < zrRect.width) {
                opts.offsetX -= zrRect.width - (elRect.x + canvasSize.width);
            }

            if (elRect.y + canvasSize.height < zrRect.height) {
                opts.offsetY -= zrRect.height - (elRect.y + canvasSize.height);
            }
        }
        this.transform = createTransform(opts);
        this.transformAll();
    }

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

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

export default TransformHandle;