function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
import getPosition from "./getPosition";
import snapToEdge from "./snapToEdge";
var AssistiveTouch = function AssistiveTouch(target) {
  var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
    gap = _ref.gap,
    onDragEnd = _ref.onDragEnd;
  var s = this;
  if (!target) return;
  target.style.position = 'fixed';

  // 拖动信息
  var touches = {
    isDragging: false,
    startX: 0,
    startY: 0,
    currentLeft: 0,
    currentTop: 0
  };

  // 触摸开始
  function handleTouchStart(e) {
    // e.preventDefault()
    touches.isDragging = true;
    var touch = e.touches[0];
    touches.startX = touch.clientX;
    touches.startY = touch.clientY;
    var pos = getPosition(target);
    touches.currentLeft = pos.left;
    touches.currentTop = pos.top;
    target.style.transition = 'none';
  }

  // 触摸移动
  function handleTouchMove(e) {
    if (!touches.isDragging) return;
    e.preventDefault();
    var touch = e.touches[0];
    var deltaX = touch.clientX - touches.startX;
    var deltaY = touch.clientY - touches.startY;
    target.style.left = "".concat(touches.currentLeft + deltaX, "px");
    target.style.top = "".concat(touches.currentTop + deltaY, "px");
  }

  // 触摸结束
  function handleTouchEnd(e) {
    var _e$changedTouches, _e$changedTouches2;
    if (!touches.isDragging) return;
    touches.isDragging = false;

    // 点击时不要修改位置
    var endX = (e === null || e === void 0 ? void 0 : e.clientX) || (e === null || e === void 0 || (_e$changedTouches = e.changedTouches) === null || _e$changedTouches === void 0 || (_e$changedTouches = _e$changedTouches[0]) === null || _e$changedTouches === void 0 ? void 0 : _e$changedTouches.clientX);
    var endY = (e === null || e === void 0 ? void 0 : e.clientY) || (e === null || e === void 0 || (_e$changedTouches2 = e.changedTouches) === null || _e$changedTouches2 === void 0 || (_e$changedTouches2 = _e$changedTouches2[0]) === null || _e$changedTouches2 === void 0 ? void 0 : _e$changedTouches2.clientY);
    var diffX = touches.startX - endX;
    var diffY = touches.startY - endY;
    if (Math.abs(diffX) < 5 && Math.abs(diffY) < 5) {
      return;
    }

    // 贴边
    snapToEdge(target, {
      gap: gap
    });
    if (onDragEnd) {
      var pos = getPosition(target);
      onDragEnd && onDragEnd(_objectSpread(_objectSpread({}, e), pos));
    }
  }

  /* --------------------
  Touch Events
  -------------------- */
  s.events = function (detach) {
    var action = detach ? 'removeEventListener' : 'addEventListener';
    target[action]('touchstart', handleTouchStart, {
      passive: false
    });
    target[action]('touchmove', handleTouchMove, {
      passive: false
    });
    target[action]('touchend', handleTouchEnd, false);
    target[action]('touchcancel', handleTouchEnd, false);
  };
  // attach、dettach事件
  s.attach = function (event) {
    s.events();
  };
  s.detach = function (event) {
    s.events(true);
  };
  return s;
};
export default AssistiveTouch;