bizcharts
Version:
bizcharts
96 lines • 3.88 kB
JavaScript
var __extends = (this && this.__extends) || (function () {
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
return extendStatics(d, b);
};
return function (d, b) {
if (typeof b !== "function" && b !== null)
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
var __assign = (this && this.__assign) || function () {
__assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
import React from 'react';
import './reactElement/component';
import _Annotation from '@antv/g2/lib/chart/controller/annotation';
import * as _ from '@antv/util';
import ChartViewContext from '../../context/view';
import { registerComponentController } from '../../core';
registerComponentController('annotation', _Annotation);
// 4.0之后称为Annotation，为了名字统一
var Annotation = /** @class */ (function (_super) {
__extends(Annotation, _super);
function Annotation() {
var _this = _super !== null && _super.apply(this, arguments) || this;
_this.annotationType = 'line'; // 默认为line类型的guide
return _this;
}
Annotation.prototype.componentDidMount = function () {
var chartIns = this.getChartIns();
this.id = _.uniqueId('annotation');
this.annotation = chartIns.annotation();
// this.annotation[this.annotationType](this.props);
if (this.annotationType === 'ReactElement') {
this.annotation.annotation(__assign({ type: 'html', isReactElement: true }, this.props));
}
else {
this.annotation.annotation(__assign({ type: this.annotationType }, this.props));
}
this.annotation.option[this.annotation.option.length - 1].__id = this.id;
};
Annotation.prototype.componentDidUpdate = function () {
var _this = this;
var index = null;
this.annotation.option.forEach(function (item, i) {
if (item.__id === _this.id) {
index = i;
}
});
if (this.annotationType === 'ReactElement') {
this.annotation.option[index] = __assign(__assign({ type: 'html', isReactElement: true }, this.props), { __id: this.id });
}
else {
this.annotation.option[index] = __assign(__assign({ type: this.annotationType }, this.props), { __id: this.id });
}
};
Annotation.prototype.componentWillUnmount = function () {
var _this = this;
var index = null;
if (!this.annotation) {
return;
}
this.annotation.option.forEach(function (item, i) {
if (item.__id === _this.id) {
index = i;
}
});
if (index !== null) {
this.annotation.option.splice(index, 1);
}
this.annotation = null;
};
Annotation.prototype.getChartIns = function () {
return this.context;
};
Annotation.prototype.render = function () {
return React.createElement(React.Fragment, null);
};
return Annotation;
}(React.Component));
Annotation.contextType = ChartViewContext;
export default Annotation;
//# sourceMappingURL=base.js.map