123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295 |
- import { __extends } from "tslib";
- import * as util from './core/util.js';
- import * as vec2 from './core/vector.js';
- import Draggable from './mixin/Draggable.js';
- import Eventful from './core/Eventful.js';
- import * as eventTool from './core/event.js';
- import { GestureMgr } from './core/GestureMgr.js';
- import BoundingRect from './core/BoundingRect.js';
- var SILENT = 'silent';
- function makeEventPacket(eveType, targetInfo, event) {
- return {
- type: eveType,
- event: event,
- target: targetInfo.target,
- topTarget: targetInfo.topTarget,
- cancelBubble: false,
- offsetX: event.zrX,
- offsetY: event.zrY,
- gestureEvent: event.gestureEvent,
- pinchX: event.pinchX,
- pinchY: event.pinchY,
- pinchScale: event.pinchScale,
- wheelDelta: event.zrDelta,
- zrByTouch: event.zrByTouch,
- which: event.which,
- stop: stopEvent
- };
- }
- function stopEvent() {
- eventTool.stop(this.event);
- }
- var EmptyProxy = (function (_super) {
- __extends(EmptyProxy, _super);
- function EmptyProxy() {
- var _this = _super !== null && _super.apply(this, arguments) || this;
- _this.handler = null;
- return _this;
- }
- EmptyProxy.prototype.dispose = function () { };
- EmptyProxy.prototype.setCursor = function () { };
- return EmptyProxy;
- }(Eventful));
- var HoveredResult = (function () {
- function HoveredResult(x, y) {
- this.x = x;
- this.y = y;
- }
- return HoveredResult;
- }());
- var handlerNames = [
- 'click', 'dblclick', 'mousewheel', 'mouseout',
- 'mouseup', 'mousedown', 'mousemove', 'contextmenu'
- ];
- var tmpRect = new BoundingRect(0, 0, 0, 0);
- var Handler = (function (_super) {
- __extends(Handler, _super);
- function Handler(storage, painter, proxy, painterRoot, pointerSize) {
- var _this = _super.call(this) || this;
- _this._hovered = new HoveredResult(0, 0);
- _this.storage = storage;
- _this.painter = painter;
- _this.painterRoot = painterRoot;
- _this._pointerSize = pointerSize;
- proxy = proxy || new EmptyProxy();
- _this.proxy = null;
- _this.setHandlerProxy(proxy);
- _this._draggingMgr = new Draggable(_this);
- return _this;
- }
- Handler.prototype.setHandlerProxy = function (proxy) {
- if (this.proxy) {
- this.proxy.dispose();
- }
- if (proxy) {
- util.each(handlerNames, function (name) {
- proxy.on && proxy.on(name, this[name], this);
- }, this);
- proxy.handler = this;
- }
- this.proxy = proxy;
- };
- Handler.prototype.mousemove = function (event) {
- var x = event.zrX;
- var y = event.zrY;
- var isOutside = isOutsideBoundary(this, x, y);
- var lastHovered = this._hovered;
- var lastHoveredTarget = lastHovered.target;
- if (lastHoveredTarget && !lastHoveredTarget.__zr) {
- lastHovered = this.findHover(lastHovered.x, lastHovered.y);
- lastHoveredTarget = lastHovered.target;
- }
- var hovered = this._hovered = isOutside ? new HoveredResult(x, y) : this.findHover(x, y);
- var hoveredTarget = hovered.target;
- var proxy = this.proxy;
- proxy.setCursor && proxy.setCursor(hoveredTarget ? hoveredTarget.cursor : 'default');
- if (lastHoveredTarget && hoveredTarget !== lastHoveredTarget) {
- this.dispatchToElement(lastHovered, 'mouseout', event);
- }
- this.dispatchToElement(hovered, 'mousemove', event);
- if (hoveredTarget && hoveredTarget !== lastHoveredTarget) {
- this.dispatchToElement(hovered, 'mouseover', event);
- }
- };
- Handler.prototype.mouseout = function (event) {
- var eventControl = event.zrEventControl;
- if (eventControl !== 'only_globalout') {
- this.dispatchToElement(this._hovered, 'mouseout', event);
- }
- if (eventControl !== 'no_globalout') {
- this.trigger('globalout', { type: 'globalout', event: event });
- }
- };
- Handler.prototype.resize = function () {
- this._hovered = new HoveredResult(0, 0);
- };
- Handler.prototype.dispatch = function (eventName, eventArgs) {
- var handler = this[eventName];
- handler && handler.call(this, eventArgs);
- };
- Handler.prototype.dispose = function () {
- this.proxy.dispose();
- this.storage = null;
- this.proxy = null;
- this.painter = null;
- };
- Handler.prototype.setCursorStyle = function (cursorStyle) {
- var proxy = this.proxy;
- proxy.setCursor && proxy.setCursor(cursorStyle);
- };
- Handler.prototype.dispatchToElement = function (targetInfo, eventName, event) {
- targetInfo = targetInfo || {};
- var el = targetInfo.target;
- if (el && el.silent) {
- return;
- }
- var eventKey = ('on' + eventName);
- var eventPacket = makeEventPacket(eventName, targetInfo, event);
- while (el) {
- el[eventKey]
- && (eventPacket.cancelBubble = !!el[eventKey].call(el, eventPacket));
- el.trigger(eventName, eventPacket);
- el = el.__hostTarget ? el.__hostTarget : el.parent;
- if (eventPacket.cancelBubble) {
- break;
- }
- }
- if (!eventPacket.cancelBubble) {
- this.trigger(eventName, eventPacket);
- if (this.painter && this.painter.eachOtherLayer) {
- this.painter.eachOtherLayer(function (layer) {
- if (typeof (layer[eventKey]) === 'function') {
- layer[eventKey].call(layer, eventPacket);
- }
- if (layer.trigger) {
- layer.trigger(eventName, eventPacket);
- }
- });
- }
- }
- };
- Handler.prototype.findHover = function (x, y, exclude) {
- var list = this.storage.getDisplayList();
- var out = new HoveredResult(x, y);
- setHoverTarget(list, out, x, y, exclude);
- if (this._pointerSize && !out.target) {
- var candidates = [];
- var pointerSize = this._pointerSize;
- var targetSizeHalf = pointerSize / 2;
- var pointerRect = new BoundingRect(x - targetSizeHalf, y - targetSizeHalf, pointerSize, pointerSize);
- for (var i = list.length - 1; i >= 0; i--) {
- var el = list[i];
- if (el !== exclude
- && !el.ignore
- && !el.ignoreCoarsePointer
- && (!el.parent || !el.parent.ignoreCoarsePointer)) {
- tmpRect.copy(el.getBoundingRect());
- if (el.transform) {
- tmpRect.applyTransform(el.transform);
- }
- if (tmpRect.intersect(pointerRect)) {
- candidates.push(el);
- }
- }
- }
- if (candidates.length) {
- var rStep = 4;
- var thetaStep = Math.PI / 12;
- var PI2 = Math.PI * 2;
- for (var r = 0; r < targetSizeHalf; r += rStep) {
- for (var theta = 0; theta < PI2; theta += thetaStep) {
- var x1 = x + r * Math.cos(theta);
- var y1 = y + r * Math.sin(theta);
- setHoverTarget(candidates, out, x1, y1, exclude);
- if (out.target) {
- return out;
- }
- }
- }
- }
- }
- return out;
- };
- Handler.prototype.processGesture = function (event, stage) {
- if (!this._gestureMgr) {
- this._gestureMgr = new GestureMgr();
- }
- var gestureMgr = this._gestureMgr;
- stage === 'start' && gestureMgr.clear();
- var gestureInfo = gestureMgr.recognize(event, this.findHover(event.zrX, event.zrY, null).target, this.proxy.dom);
- stage === 'end' && gestureMgr.clear();
- if (gestureInfo) {
- var type = gestureInfo.type;
- event.gestureEvent = type;
- var res = new HoveredResult();
- res.target = gestureInfo.target;
- this.dispatchToElement(res, type, gestureInfo.event);
- }
- };
- return Handler;
- }(Eventful));
- util.each(['click', 'mousedown', 'mouseup', 'mousewheel', 'dblclick', 'contextmenu'], function (name) {
- Handler.prototype[name] = function (event) {
- var x = event.zrX;
- var y = event.zrY;
- var isOutside = isOutsideBoundary(this, x, y);
- var hovered;
- var hoveredTarget;
- if (name !== 'mouseup' || !isOutside) {
- hovered = this.findHover(x, y);
- hoveredTarget = hovered.target;
- }
- if (name === 'mousedown') {
- this._downEl = hoveredTarget;
- this._downPoint = [event.zrX, event.zrY];
- this._upEl = hoveredTarget;
- }
- else if (name === 'mouseup') {
- this._upEl = hoveredTarget;
- }
- else if (name === 'click') {
- if (this._downEl !== this._upEl
- || !this._downPoint
- || vec2.dist(this._downPoint, [event.zrX, event.zrY]) > 4) {
- return;
- }
- this._downPoint = null;
- }
- this.dispatchToElement(hovered, name, event);
- };
- });
- function isHover(displayable, x, y) {
- if (displayable[displayable.rectHover ? 'rectContain' : 'contain'](x, y)) {
- var el = displayable;
- var isSilent = void 0;
- var ignoreClip = false;
- while (el) {
- if (el.ignoreClip) {
- ignoreClip = true;
- }
- if (!ignoreClip) {
- var clipPath = el.getClipPath();
- if (clipPath && !clipPath.contain(x, y)) {
- return false;
- }
- if (el.silent) {
- isSilent = true;
- }
- }
- var hostEl = el.__hostTarget;
- el = hostEl ? hostEl : el.parent;
- }
- return isSilent ? SILENT : true;
- }
- return false;
- }
- function setHoverTarget(list, out, x, y, exclude) {
- for (var i = list.length - 1; i >= 0; i--) {
- var el = list[i];
- var hoverCheckResult = void 0;
- if (el !== exclude
- && !el.ignore
- && (hoverCheckResult = isHover(el, x, y))) {
- !out.topTarget && (out.topTarget = el);
- if (hoverCheckResult !== SILENT) {
- out.target = el;
- break;
- }
- }
- }
- }
- function isOutsideBoundary(handlerInstance, x, y) {
- var painter = handlerInstance.painter;
- return x < 0 || x > painter.getWidth() || y < 0 || y > painter.getHeight();
- }
- export default Handler;
|