-
Notifications
You must be signed in to change notification settings - Fork 81
/
stack-layout.ts
97 lines (89 loc) · 3.75 KB
/
stack-layout.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
/********************************************************************************
* Copyright (c) 2017-2024 TypeFox and others.
*
* This program and the accompanying materials are made available under the
* terms of the Eclipse Public License v. 2.0 which is available at
* http://www.eclipse.org/legal/epl-2.0.
*
* This Source Code may also be made available under the following Secondary
* Licenses when the conditions for such availability set forth in the Eclipse
* Public License v. 2.0 are satisfied: GNU General Public License, version 2
* with the GNU Classpath Exception which is available at
* https://www.gnu.org/software/classpath/license.html.
*
* SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
********************************************************************************/
import { injectable } from 'inversify';
import { Bounds, Dimension, Point } from 'sprotty-protocol/lib/utils/geometry';
import { SParentElementImpl, SChildElementImpl } from "../../base/model/smodel";
import { AbstractLayout } from './abstract-layout';
import { AbstractLayoutOptions } from './layout-options';
import { BoundsData } from './hidden-bounds-updater';
import { InternalLayoutContainer, isLayoutableChild } from './model';
import { StatefulLayouter } from './layout';
import { VAlignment, HAlignment } from 'sprotty-protocol/lib/model';
export interface StackLayoutOptions extends AbstractLayoutOptions {
paddingFactor: number
vAlign: VAlignment
hAlign: HAlignment
}
@injectable()
export class StackLayouter extends AbstractLayout<StackLayoutOptions> {
static KIND = 'stack';
protected getChildrenSize(container: SParentElementImpl & InternalLayoutContainer,
options: StackLayoutOptions,
layouter: StatefulLayouter) {
let maxWidth = -1;
let maxHeight = -1;
container.children.forEach(
child => {
if (isLayoutableChild(child)) {
const bounds = layouter.getBoundsData(child).bounds;
if (bounds !== undefined && Dimension.isValid(bounds)) {
maxWidth = Math.max(maxWidth, bounds.width);
maxHeight = Math.max(maxHeight, bounds.height);
}
}
}
);
return {
width: maxWidth,
height: maxHeight
};
}
protected layoutChild(child: SChildElementImpl,
boundsData: BoundsData,
bounds: Bounds,
childOptions: StackLayoutOptions,
containerOptions: StackLayoutOptions,
currentOffset: Point,
maxWidth: number, maxHeight: number): Point {
const dx = this.getDx(childOptions.hAlign, bounds, maxWidth);
const dy = this.getDy(childOptions.vAlign, bounds, maxHeight);
boundsData.bounds = {
x: containerOptions.paddingLeft + (child as any).bounds.x - bounds.x + dx,
y: containerOptions.paddingTop + (child as any).bounds.y - bounds.y + dy,
width: bounds.width,
height: bounds.height
};
boundsData.boundsChanged = true;
return currentOffset;
}
protected getDefaultLayoutOptions(): StackLayoutOptions {
return {
resizeContainer: true,
paddingTop: 5,
paddingBottom: 5,
paddingLeft: 5,
paddingRight: 5,
paddingFactor: 1,
hAlign: 'center',
vAlign: 'center',
minWidth: 0,
minHeight: 0
};
}
protected spread(a: StackLayoutOptions, b: StackLayoutOptions): StackLayoutOptions {
return { ...a, ...b };
}
}