@visactor/vrender-components
Version:
components library for dp visualization
69 lines (63 loc) • 3.4 kB
JavaScript
;
var __rest = this && this.__rest || function(s, e) {
var t = {};
for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
var i = 0;
for (p = Object.getOwnPropertySymbols(s); i < p.length; i++) 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: !0
}), exports.DataLabel = void 0;
const vutils_1 = require("@visactor/vutils"), base_1 = require("../core/base"), overlap_1 = require("./overlap"), base_2 = require("./base"), data_label_register_1 = require("./data-label-register");
class DataLabel extends base_1.AbstractComponent {
constructor(attributes, options) {
const {dataLabels: dataLabels} = attributes, restAttributes = __rest(attributes, [ "dataLabels" ]);
super((null == options ? void 0 : options.skipDefault) ? attributes : Object.assign({
dataLabels: dataLabels
}, (0, vutils_1.merge)({}, DataLabel.defaultAttributes, restAttributes))), this.name = "data-label";
}
render() {
var _a;
const {dataLabels: dataLabels, size: size} = this.attribute;
if (!dataLabels || 0 === dataLabels.length) return;
const {width: width = 0, height: height = 0, padding: padding} = size || {};
if (!width || !height || !(0, vutils_1.isValidNumber)(height * width)) return;
this._componentMap || (this._componentMap = new Map);
const tool = (0, overlap_1.bitmapTool)(width, height, padding), bitmap = tool.bitmap(), currentComponentMap = new Map, prevComponentMap = this._componentMap;
for (let i = 0; i < dataLabels.length; i++) {
const dataLabel = dataLabels[i], labelComponent = (0, data_label_register_1.getLabelComponent)(dataLabel.type) || base_2.LabelBase;
if (labelComponent) {
const {baseMarkGroupName: baseMarkGroupName, type: type} = dataLabel, id = null !== (_a = dataLabel.id) && void 0 !== _a ? _a : `${baseMarkGroupName}-${type}-${i}`;
"arc" === dataLabel.type && (dataLabel.width = size.width, dataLabel.height = size.height);
let component = this._componentMap.get(id);
component ? (component.setBitmapTool(tool), component.setBitmap(bitmap), component.setAttributes(dataLabel),
currentComponentMap.set(id, component)) : (component = new labelComponent(dataLabel),
component.setBitmap(bitmap), component.setBitmapTool(tool), this.add(component),
currentComponentMap.set(id, component));
}
}
prevComponentMap.forEach(((cp, key) => {
currentComponentMap.get(key) || this.removeChild(cp);
})), this._componentMap = currentComponentMap;
}
setLocation(point) {
this.translateTo(point.x, point.y);
}
disableAnimation() {
this._componentMap.forEach((component => {
component.disableAnimation();
}));
}
enableAnimation() {
this._componentMap.forEach((component => {
component.enableAnimation();
}));
}
}
exports.DataLabel = DataLabel, DataLabel.defaultAttributes = {
pickable: !1
};
//# sourceMappingURL=dataLabel.js.map