43 lines
1.6 KiB
Java
43 lines
1.6 KiB
Java
"use strict";
|
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
var auto_1 = require("./auto");
|
|
/**
|
|
* @ignore
|
|
* G2 默认提供的 layout 函数
|
|
* 内置布局函数处理的逻辑：
|
|
*
|
|
* 1. 如果 padding = 'auto'，那么自动根据组件的 direction 来计算 padding 数组
|
|
* 2. 根据 padding 和 direction 去分配对应方向的 padding 数值
|
|
* 3. 移动组件位置
|
|
*
|
|
* 对于组件响应式布局，可以尝试使用约束布局的方式去求解位置信息。
|
|
* @param view
|
|
*/
|
|
function defaultLayout(view) {
|
|
var axis = view.getController('axis');
|
|
var legend = view.getController('legend');
|
|
var annotation = view.getController('annotation');
|
|
var slider = view.getController('slider');
|
|
// 1. 自动加 auto padding -> absolute padding
|
|
var padding = auto_1.calculatePadding(view);
|
|
// 2. 计算出新的 coordinateBBox
|
|
var newCoordinateBBox = view.viewBBox.shrink(padding);
|
|
// 3. 如果 coordinateBBox 前后未发生变化则不需要进行组件的重布局
|
|
if (view.coordinateBBox.isEqual(newCoordinateBBox)) {
|
|
if (annotation) {
|
|
// 因为 Annotation 不参与布局，但是渲染的位置依赖于坐标系，所以可以将绘制阶段延迟到 layout() 进行
|
|
annotation.layout();
|
|
}
|
|
return;
|
|
}
|
|
view.coordinateBBox = newCoordinateBBox;
|
|
view.adjustCoordinate();
|
|
// 3. 根据最新的 coordinate 重新布局组件
|
|
[axis, slider, legend, annotation].forEach(function (controller) {
|
|
if (controller) {
|
|
controller.layout();
|
|
}
|
|
});
|
|
}
|
|
exports.default = defaultLayout;
|
|
//# sourceMappingURL=index.js.map |