@antv/g2
Version:
the Grammar of Graphics in Javascript
96 lines • 4.05 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.STATUS_ACTIVE = exports.STATUS_UNACTIVE = void 0;
var tslib_1 = require("tslib");
var util_1 = require("@antv/util");
var util_2 = require("../util");
var highlight_util_1 = require("./highlight-util");
var state_1 = tslib_1.__importDefault(require("./state"));
var constant_1 = require("../../../constant");
exports.STATUS_UNACTIVE = constant_1.ELEMENT_STATE.INACTIVE;
exports.STATUS_ACTIVE = constant_1.ELEMENT_STATE.ACTIVE;
/**
* @ignore
* highlight，指定图形高亮，其他图形变暗
*/
var ElementHighlight = /** @class */ (function (_super) {
tslib_1.__extends(ElementHighlight, _super);
function ElementHighlight() {
var _this = _super !== null && _super.apply(this, arguments) || this;
_this.stateName = exports.STATUS_ACTIVE;
return _this;
}
// 多个元素设置、取消 highlight
ElementHighlight.prototype.setElementsStateByItem = function (elements, field, item, enable) {
var _this = this;
var callback = function (el) { return _this.isMathItem(el, field, item); };
this.setHighlightBy(elements, callback, enable);
};
// 设置元素的 highlight
ElementHighlight.prototype.setElementHighlight = function (el, callback) {
if (callback(el)) {
if (el.hasState(exports.STATUS_UNACTIVE)) {
el.setState(exports.STATUS_UNACTIVE, false);
}
el.setState(exports.STATUS_ACTIVE, true);
}
else if (!el.hasState(exports.STATUS_ACTIVE)) {
el.setState(exports.STATUS_UNACTIVE, true);
}
};
ElementHighlight.prototype.setHighlightBy = function (elements, callback, enable) {
var _this = this;
if (enable) {
// 如果是设置 highlight ，则将匹配的 element 设置成 active，
// 其他如果不是 active，则设置成 unactive
(0, util_1.each)(elements, function (el) {
_this.setElementHighlight(el, callback);
});
}
else {
// 如果取消 highlight，则要检测是否全部取消 highlight
var activeElements = (0, util_2.getElementsByState)(this.context.view, exports.STATUS_ACTIVE);
var allCancel_1 = true;
// 检测所有 activeElements 都要取消 highlight
(0, util_1.each)(activeElements, function (el) {
if (!callback(el)) {
allCancel_1 = false;
return false;
}
});
if (allCancel_1) {
// 都要取消，则取消所有的 active，unactive 状态
this.clear();
}
else {
// 如果不是都要取消 highlight, 则设置匹配的 element 的状态为 unactive
// 其他 element 状态不变
(0, util_1.each)(elements, function (el) {
if (callback(el)) {
if (el.hasState(exports.STATUS_ACTIVE)) {
el.setState(exports.STATUS_ACTIVE, false);
}
el.setState(exports.STATUS_UNACTIVE, true);
}
});
}
}
};
// 单个元素设置和取消 highlight
ElementHighlight.prototype.setElementState = function (element, enable) {
var view = this.context.view;
var elements = (0, util_2.getElements)(view);
this.setHighlightBy(elements, function (el) { return element === el; }, enable);
};
ElementHighlight.prototype.highlight = function () {
this.setState();
};
// 清理掉所有的 active， unactive 状态
ElementHighlight.prototype.clear = function () {
var view = this.context.view;
(0, highlight_util_1.clearHighlight)(view);
};
return ElementHighlight;
}(state_1.default));
exports.default = ElementHighlight;
//# sourceMappingURL=highlight.js.map