NN2022100801/addons/admin/node_modules/@antv/f2/lib/plugin/gesture.js

"use strict";

exports.__esModule = true;
exports.init = init;
exports.clear = clear;

var _hammerjs = _interopRequireDefault(require("hammerjs"));

var _common = require("../util/common");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

var defaultOptions = {
  useCalculate: true,
  useOffset: false
};

var GestureController = /*#__PURE__*/function () {
  function GestureController(_ref) {
    var dom = _ref.dom,
        gesture = _ref.gesture,
        options = _ref.options,
        chart = _ref.chart,
        hammerOptions = _ref.hammerOptions;
    this.Hammer = _hammerjs["default"];
    this.hammer = new _hammerjs["default"](dom, hammerOptions);
    this.dom = dom;
    this.gesture = gesture;
    this.options = (0, _common.deepMix)({}, defaultOptions, options);
    this.hammerOptions = hammerOptions;
    this.chart = chart;
    this._unbindEvent = {};

    if (!options) {
      this.hammerOptionsHack(gesture, this.hammer);
    }
  }

  var _proto = GestureController.prototype;

  _proto.hammerOptionsHack = function hammerOptionsHack(gesture, hammer) {
    for (var key in gesture) {
      if (key.indexOf('swipe') !== -1 && hammer.get('swipe')) {
        hammer.get('swipe').set({
          enable: true
        });
      }

      if (key.indexOf('pinch') !== -1 && hammer.get('pinch')) {
        hammer.get('pinch').set({
          enable: true
        });
      }
    }
  };

  _proto.bindEvents = function bindEvents() {
    var _this = this;

    var gesture = this.gesture,
        hammer = this.hammer,
        dom = this.dom;
    var useCalculate = this.options.useCalculate;

    if (!hammer) {
      return;
    }

    var _loop = function _loop(key) {
      if (['touchstart', 'touchmove', 'touchend'].indexOf(key) !== -1) {
        var bindEvent = function bindEvent(event) {
          var records = useCalculate ? _this.getEventPositionRecords(event, true) : null;
          gesture[key](records, event);
        };

        (0, _common.addEventListener)(dom, key, bindEvent);
        _this._unbindEvent[key] = bindEvent;
      } else {
        hammer.on(key, function (event) {
          var records = useCalculate ? _this.getEventPositionRecords(event, false) : null;
          gesture[key](records, event);
        });
      }
    };

    for (var key in gesture) {
      _loop(key);
    }
  };

  _proto.getEventPositionRecords = function getEventPositionRecords(event, _isOrigin) {
    var useOffset = this.options.useOffset;
    var canvasDom = this.chart.get('canvas').get('el');
    var x;
    var y;

    if (_isOrigin) {
      var positionSource = event.targetTouches.length > 0 ? event.targetTouches[0] : event.changedTouches[0];

      if (useOffset) {
        x = positionSource.clientX - canvasDom.offsetLeft;
        y = positionSource.clientY - canvasDom.offsetTop;
      } else {
        x = positionSource.clientX;
        y = positionSource.clientY;
      }
    } else {
      if (useOffset) {
        x = event.center.x - canvasDom.offsetLeft;
        y = event.center.y - canvasDom.offsetTop;
      } else {
        x = event.center.x;
        y = event.center.y;
      }
    }

    return this.chart.getSnapRecords({
      x: x,
      y: y
    });
  };

  _proto.destroy = function destroy() {
    this.hammer.destroy();

    for (var key in this._unbindEvent) {
      var event = this._unbindEvent[key];
      (0, _common.removeEventListener)(this.dom, key, event);
    }
  };

  return GestureController;
}();

function init(chart) {
  chart.pluginGesture = function (_ref2) {
    var gesture = _ref2.gesture,
        options = _ref2.options,
        hammerOptions = _ref2.hammerOptions;
    var canvasDom = chart.get('canvas').get('el');
    var gestureController = new GestureController({
      dom: canvasDom,
      gesture: gesture,
      options: options,
      hammerOptions: hammerOptions,
      chart: chart
    });
    gestureController.bindEvents();
    chart.set('gestureController', gestureController);
    return gestureController;
  };
}

function clear(chart) {
  var gestureController = chart.get('gestureController');
  gestureController && gestureController.destroy();
}