123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137 |
- import { __extends } from "tslib";
- import ComponentView from '../../view/Component.js';
- import { each, bind, extend } from 'zrender/lib/core/util.js';
- import { createOrUpdate, clear } from '../../util/throttle.js';
- var CLICK_THRESHOLD = 5;
- var ParallelView = function (_super) {
- __extends(ParallelView, _super);
- function ParallelView() {
- var _this = _super !== null && _super.apply(this, arguments) || this;
- _this.type = ParallelView.type;
- return _this;
- }
- ParallelView.prototype.render = function (parallelModel, ecModel, api) {
- this._model = parallelModel;
- this._api = api;
- if (!this._handlers) {
- this._handlers = {};
- each(handlers, function (handler, eventName) {
- api.getZr().on(eventName, this._handlers[eventName] = bind(handler, this));
- }, this);
- }
- createOrUpdate(this, '_throttledDispatchExpand', parallelModel.get('axisExpandRate'), 'fixRate');
- };
- ParallelView.prototype.dispose = function (ecModel, api) {
- clear(this, '_throttledDispatchExpand');
- each(this._handlers, function (handler, eventName) {
- api.getZr().off(eventName, handler);
- });
- this._handlers = null;
- };
-
- ParallelView.prototype._throttledDispatchExpand = function (opt) {
- this._dispatchExpand(opt);
- };
-
- ParallelView.prototype._dispatchExpand = function (opt) {
- opt && this._api.dispatchAction(extend({
- type: 'parallelAxisExpand'
- }, opt));
- };
- ParallelView.type = 'parallel';
- return ParallelView;
- }(ComponentView);
- var handlers = {
- mousedown: function (e) {
- if (checkTrigger(this, 'click')) {
- this._mouseDownPoint = [e.offsetX, e.offsetY];
- }
- },
- mouseup: function (e) {
- var mouseDownPoint = this._mouseDownPoint;
- if (checkTrigger(this, 'click') && mouseDownPoint) {
- var point = [e.offsetX, e.offsetY];
- var dist = Math.pow(mouseDownPoint[0] - point[0], 2) + Math.pow(mouseDownPoint[1] - point[1], 2);
- if (dist > CLICK_THRESHOLD) {
- return;
- }
- var result = this._model.coordinateSystem.getSlidedAxisExpandWindow([e.offsetX, e.offsetY]);
- result.behavior !== 'none' && this._dispatchExpand({
- axisExpandWindow: result.axisExpandWindow
- });
- }
- this._mouseDownPoint = null;
- },
- mousemove: function (e) {
-
- if (this._mouseDownPoint || !checkTrigger(this, 'mousemove')) {
- return;
- }
- var model = this._model;
- var result = model.coordinateSystem.getSlidedAxisExpandWindow([e.offsetX, e.offsetY]);
- var behavior = result.behavior;
- behavior === 'jump' && this._throttledDispatchExpand.debounceNextCall(model.get('axisExpandDebounce'));
- this._throttledDispatchExpand(behavior === 'none' ? null
- : {
- axisExpandWindow: result.axisExpandWindow,
-
- animation: behavior === 'jump' ? null : {
- duration: 0
- }
- });
- }
- };
- function checkTrigger(view, triggerOn) {
- var model = view._model;
- return model.get('axisExpandable') && model.get('axisExpandTriggerOn') === triggerOn;
- }
- export default ParallelView;
|