排版布局来主要 @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 水平间隔距离