swOperation/node_modules/@antv/gui/lib/ui/axis/guides/grid.js

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.renderGrid = void 0;
var tslib_1 = require("tslib");
var util_1 = require("@antv/util");
var util_2 = require("../../../util");
var grid_1 = require("../../grid");
var constant_1 = require("../constant");
var line_1 = require("./line");
var utils_1 = require("./utils");
function getGridVector(value, attr) {
    return (0, utils_1.getDirectionVector)(value, attr.gridDirection, attr);
}
function getGridCenter(attr) {
    var type = attr.type, gridCenter = attr.gridCenter;
    if (type === 'linear')
        return gridCenter;
    return gridCenter || attr.center;
}
function renderStraight(data, attr) {
    var gridLength = attr.gridLength;
    return data.map(function (_a, index) {
        var value = _a.value;
        var _b = tslib_1.__read((0, line_1.getValuePos)(value, attr), 2), x = _b[0], y = _b[1];
        var _c = tslib_1.__read((0, util_2.scale)(getGridVector(value, attr), gridLength), 2), dx = _c[0], dy = _c[1];
        return {
            id: index,
            points: [
                [x, y],
                [x + dx, y + dy],
            ],
        };
    });
}
function renderSurround(data, attr) {
    var controlAngles = attr.gridControlAngles;
    var center = getGridCenter(attr);
    if (!center)
        throw new Error('grid center is not provide');
    if (data.length < 2)
        throw new Error('Invalid grid data');
    if (!controlAngles || controlAngles.length === 0)
        throw new Error('Invalid gridControlAngles');
    var _a = tslib_1.__read(center, 2), cx = _a[0], cy = _a[1];
    return data.map(function (_a, index) {
        var value = _a.value;
        var _b = tslib_1.__read((0, line_1.getValuePos)(value, attr), 2), sx = _b[0], sy = _b[1];
        var _c = tslib_1.__read([sx - cx, sy - cy], 2), dx = _c[0], dy = _c[1];
        var points = [];
        controlAngles.forEach(function (angle) {
            var angleInRad = (0, util_2.degToRad)(angle);
            var _a = tslib_1.__read([Math.cos(angleInRad), Math.sin(angleInRad)], 2), cosa = _a[0], sina = _a[1];
            var x = dx * cosa - dy * sina + cx;
            var y = dx * sina + dy * cosa + cy;
            points.push([x, y]);
        });
        return { points: points, id: index };
    });
}
function renderGrid(container, data, attr, animate) {
    var gridAttr = (0, util_2.subStyleProps)(attr, 'grid');
    var type = gridAttr.type, areaFill = gridAttr.areaFill;
    var center = getGridCenter(attr);
    var finalData = (0, utils_1.filterExec)(data, attr.gridFilter);
    var gridItems = type === 'segment' ? renderStraight(finalData, attr) : renderSurround(finalData, attr);
    var style = tslib_1.__assign(tslib_1.__assign({}, gridAttr), { center: center, areaFill: (0, util_1.isFunction)(areaFill)
            ? finalData.map(function (datum, index) { return (0, util_2.getCallbackValue)(areaFill, [datum, index, finalData]); })
            : areaFill, animate: animate, data: gridItems });
    return container
        .selectAll(constant_1.CLASS_NAMES.grid.class)
        .data([1])
        .join(function (enter) { return enter.append(function () { return new grid_1.Grid({ style: style }); }).attr('className', constant_1.CLASS_NAMES.grid.name); }, function (update) {
        return update.transition(function () {
            return this.update(style);
        });
    }, function (exit) { return exit.remove(); })
        .transitions();
}
exports.renderGrid = renderGrid;
//# sourceMappingURL=grid.js.map