swOperation/node_modules/@antv/g2/lib/component/title.js

"use strict";
var __rest = (this && this.__rest) || function (s, e) {
    var t = {};
    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
        t[p] = s[p];
    if (s != null && typeof Object.getOwnPropertySymbols === "function")
        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
                t[p[i]] = s[p[i]];
        }
    return t;
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.TitleComponent = void 0;
const util_1 = require("@antv/util");
const utils_1 = require("../shape/utils");
const helper_1 = require("../utils/helper");
const utils_2 = require("./utils");
function inferStyleByAlign(x, y, width, align) {
    switch (align) {
        case 'center':
            return {
                x: x + width / 2,
                y,
                textAlign: 'middle',
            };
        case 'right':
            return {
                x: x + width,
                y,
                textAlign: 'right',
            };
        default:
            return {
                x,
                y,
                textAlign: 'left',
            };
    }
}
const Title = (0, utils_2.createComponent)({
    render(attributes, container) {
        const { x, y, width, title, subtitle } = attributes, _a = attributes.style, { spacing = 2, align = 'left' } = _a, style = __rest(_a, ["spacing", "align"]);
        const titleStyle = (0, helper_1.subObject)(style, 'title');
        const subtitleStyle = (0, helper_1.subObject)(style, 'subtitle');
        const mainTitle = (0, utils_2.maybeAppend)(container, '.title', 'text')
            .attr('className', 'title')
            .call(utils_1.applyStyle, Object.assign(Object.assign(Object.assign({}, inferStyleByAlign(0, y, width, align)), { fontSize: 14, textBaseline: 'top', text: title }), titleStyle))
            .node();
        const bounds = mainTitle.getLocalBounds();
        (0, utils_2.maybeAppend)(container, '.sub-title', 'text')
            .attr('className', 'sub-title')
            .call((selection) => {
            if (!subtitle)
                return selection.node().remove();
            selection.node().attr(Object.assign(Object.assign(Object.assign({}, inferStyleByAlign(0, bounds.max[1] + spacing, width, align)), { fontSize: 12, textBaseline: 'top', text: subtitle }), subtitleStyle));
        });
    },
});
/**
 * Title Component.
 */
const TitleComponent = (options) => {
    return ({ value, theme }) => {
        const { x, y, width, height } = value.bbox;
        return new Title({
            style: (0, util_1.deepMix)({}, {
                style: theme.title,
            }, Object.assign({ x,
                y,
                width,
                height }, options)),
        });
    };
};
exports.TitleComponent = TitleComponent;
exports.TitleComponent.props = {
    defaultPosition: 'top',
    defaultOrder: 2,
    defaultSize: 36,
};
//# sourceMappingURL=title.js.map