cione-comp-lib
Version:
`$ yarn add cione-comp-lib` 或者 `$ npm i cione-comp-lib -S`
34 lines (33 loc) • 1.25 kB
JavaScript
import { getLayoutRect, box, positionElement } from "../../util/layout.mjs";
import { normalizeCssArray } from "../../util/format.mjs";
import Rect from "../../../../zrender/lib/graphic/shape/Rect.mjs";
function layout(group, componentModel, api) {
var boxLayoutParams = componentModel.getBoxLayoutParams();
var padding = componentModel.get("padding");
var viewportSize = {
width: api.getWidth(),
height: api.getHeight()
};
var rect = getLayoutRect(boxLayoutParams, viewportSize, padding);
box(componentModel.get("orient"), group, componentModel.get("itemGap"), rect.width, rect.height);
positionElement(group, boxLayoutParams, viewportSize, padding);
}
function makeBackground(rect, componentModel) {
var padding = normalizeCssArray(componentModel.get("padding"));
var style = componentModel.getItemStyle(["color", "opacity"]);
style.fill = componentModel.get("backgroundColor");
rect = new Rect({
shape: {
x: rect.x - padding[3],
y: rect.y - padding[0],
width: rect.width + padding[1] + padding[3],
height: rect.height + padding[0] + padding[2],
r: componentModel.get("borderRadius")
},
style,
silent: true,
z2: -1
});
return rect;
}
export { layout, makeBackground };