swOperation/node_modules/@antv/gui/lib/ui/legend/continuous/handle.js

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Handle = exports.DEFAULT_HANDLE_CFG = void 0;
var tslib_1 = require("tslib");
var core_1 = require("../../../core");
var util_1 = require("../../../util");
var marker_1 = require("../../marker");
var utils_1 = require("../utils");
var CLASS_NAMES = (0, util_1.classNames)({
    markerGroup: 'marker-group',
    marker: 'marker',
    labelGroup: 'label-group',
    label: 'label',
}, 'handle');
// todo @xiaoiver, 配置 TEXT_INHERITABLE_PROPS 后文本包围盒依旧不准确
exports.DEFAULT_HANDLE_CFG = {
    showLabel: true,
    formatter: function (val) { return val.toString(); },
    markerSize: 25,
    markerStroke: '#c5c5c5',
    markerFill: '#fff',
    markerLineWidth: 1,
    labelFontSize: 12,
    labelFill: '#c5c5c5',
    labelText: '',
    orientation: 'vertical',
    spacing: 0,
};
var Handle = /** @class */ (function (_super) {
    tslib_1.__extends(Handle, _super);
    function Handle(options) {
        return _super.call(this, options, exports.DEFAULT_HANDLE_CFG) || this;
    }
    Handle.prototype.render = function (attributes, container) {
        var markerGroup = (0, util_1.select)(container).maybeAppendByClassName(CLASS_NAMES.markerGroup, 'g');
        this.renderMarker(markerGroup);
        var labelGroup = (0, util_1.select)(container).maybeAppendByClassName(CLASS_NAMES.labelGroup, 'g');
        this.renderLabel(labelGroup);
    };
    Handle.prototype.renderMarker = function (container) {
        var _this = this;
        var _a = this.attributes, orientation = _a.orientation, _b = _a.markerSymbol, markerSymbol = _b === void 0 ? (0, utils_1.ifHorizontal)(orientation, 'horizontalHandle', 'verticalHandle') : _b;
        (0, util_1.ifShow)(!!markerSymbol, container, function (group) {
            var handleStyle = (0, util_1.subStyleProps)(_this.attributes, 'marker');
            var markerStyle = tslib_1.__assign({ symbol: markerSymbol }, handleStyle);
            _this.marker = group
                .maybeAppendByClassName(CLASS_NAMES.marker, function () { return new marker_1.Marker({ style: markerStyle }); })
                .update(markerStyle);
        });
    };
    Handle.prototype.renderLabel = function (container) {
        var _this = this;
        var _a = this.attributes, showLabel = _a.showLabel, orientation = _a.orientation, _b = _a.spacing, spacing = _b === void 0 ? 0 : _b, formatter = _a.formatter;
        (0, util_1.ifShow)(showLabel, container, function (group) {
            var _a;
            var _b = (0, util_1.subStyleProps)(_this.attributes, 'label'), text = _b.text, labelStyle = tslib_1.__rest(_b, ["text"]);
            // adjust layout
            var _c = ((_a = group.select(CLASS_NAMES.marker.class)) === null || _a === void 0 ? void 0 : _a.node().getBBox()) || {}, _d = _c.width, width = _d === void 0 ? 0 : _d, _e = _c.height, height = _e === void 0 ? 0 : _e;
            var _f = tslib_1.__read((0, utils_1.ifHorizontal)(orientation, [0, height + spacing, 'center', 'top'], [width + spacing, 0, 'start', 'middle']), 4), x = _f[0], y = _f[1], textAlign = _f[2], textBaseline = _f[3];
            group
                .maybeAppendByClassName(CLASS_NAMES.label, 'text')
                .styles(tslib_1.__assign(tslib_1.__assign({}, labelStyle), { x: x, y: y, text: formatter(text).toString(), textAlign: textAlign, textBaseline: textBaseline }));
        });
    };
    return Handle;
}(core_1.GUI));
exports.Handle = Handle;
//# sourceMappingURL=handle.js.map