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

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.show();
		} else {
			view.hide();
		}

		view.dirty();
	}

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

	// 处理所有视图缩放/平移
	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;