排版布局来主要 @topology/layout库里面的函数。
https://github.com/le5le-com/topology/blob/master/packages/layout/src
方法
layout 排版
layout(pens: Pen[], params: {
maxWidth: number, // 最大宽度
nodeWidth?: number, // 节点宽度
nodeHeight?: number, // 节点高度
maxCount?: number, // 水平个数
spaceWidth?: number, // 水平间距
spaceHeight?: number; // 垂直间距
})
参数
名称 | 类型 | 是否必选 | 描述 |
---|---|---|---|
pens | Pen[] | 是 | 对哪些pen排版 |
params | object | 是 | 排版参数 |
alignNodes 节点对齐
alignNodes(pens: Pen[], rect: Rect, align: string)
参数
名称 | 类型 | 是否必选 | 描述 |
---|---|---|---|
pens | Pen[] | 是 | 需要对齐的节点 |
rect | Rect | 是 | 顶部、底部、左边、右边等对齐的边界 |
align | string | 是 | left right top bottom center:水平居中 middle:垂直居中 |
spaceBetween 水平均匀分布
spaceBetween(pens: Pen[], width: number)
参数
名称 | 类型 | 是否必选 | 描述 |
---|---|---|---|
pens | Pen[] | 是 | 需要对齐的节点 |
width | number | 是 | 水平间隔距离 |