@meta2d/core/src/diagrams/rectangle.js

@meta2d/core: Powerful, Beautiful, Simple, Open - Web-Based 2D At Its Best .

export function rectangle(pen, ctx) {
    const path = !ctx ? new Path2D() : ctx;
    if (pen.name === 'combine' && !pen.draw) {
        if (path instanceof Path2D) {
            return path;
        }
        return;
    }
    if (!pen.setTheme) {
        pen.setTheme = setTheme;
    }
    let wr = pen.calculative.borderRadius || 0, hr = wr;
    const { x, y, width, height, ex, ey } = pen.calculative.worldRect;
    if (wr < 1) {
        wr = width * wr;
        hr = height * hr;
    }
    let r = wr < hr ? wr : hr;
    if (width < 2 * r) {
        r = width / 2;
    }
    if (height < 2 * r) {
        r = height / 2;
    }
    path.moveTo(x + r, y);
    path.arcTo(ex, y, ex, ey, r);
    path.arcTo(ex, ey, x, ey, r);
    path.arcTo(x, ey, x, y, r);
    path.arcTo(x, y, ex, y, r);
    path.closePath();
    if (path instanceof Path2D) {
        return path;
    }
}
function setTheme(pen, styles) {
    if (!pen.affectByTheme) {
        return;
    }
    for (const key in styles) {
        if (Object.prototype.hasOwnProperty.call(styles, key)) {
            const element = styles[key];
            if (pen.hasOwnProperty(key)) {
                pen[key] = element;
            }
            if (pen.calculative.hasOwnProperty(key)) {
                pen.calculative[key] = element;
            }
        }
    }
    pen.hoverTextColor = styles["textPrimaryColor"];
    pen.iconColor = styles["buttonBg"];
    pen.calculative.iconColor = styles["buttonBg"];
    // 很多input表单，全局消息都是复用的rectangle，这里的设置会互相影响，暂时不知如何区分
    pen.hoverBackground = styles["formBg"];
    pen.activeBackground = styles["activeBg"];
    pen.color = styles["borderColor"];
    pen.calculative.color = styles["borderColor"];
    pen.textColor = styles["textColor-9"];
    pen.calculative.textColor = styles["textColor-9"];
}
export const square = rectangle;
//# sourceMappingURL=rectangle.js.map