pay-sdk-react/dist/es/hooks/use-touch.js

A cross-platform payment SDK for React, supporting Alipay, WeChat Pay, PayPal, Stripe, Payssion, and Airwallex, compatible with H5, PC, and App environments.

import { useRef } from 'react';
var MIN_DISTANCE = 10;
function getDirection(x, y) {
  if (x > y && x > MIN_DISTANCE) {
    return 'horizontal';
  }
  if (y > x && y > MIN_DISTANCE) {
    return 'vertical';
  }
  return '';
}
export function useTouch() {
  var startX = useRef(0);
  var startY = useRef(0);
  var deltaX = useRef(0);
  var deltaY = useRef(0);
  var offsetX = useRef(0);
  var offsetY = useRef(0);
  var direction = useRef('');
  var isVertical = function isVertical() {
    return direction.current === 'vertical';
  };
  var isHorizontal = function isHorizontal() {
    return direction.current === 'horizontal';
  };
  var reset = function reset() {
    deltaX.current = 0;
    deltaY.current = 0;
    offsetX.current = 0;
    offsetY.current = 0;
    direction.current = '';
  };
  var start = function start(event) {
    var _event$touches$0$clie, _event$touches$, _event$touches$0$clie2, _event$touches$2;
    reset();
    startX.current = (_event$touches$0$clie = (_event$touches$ = event.touches[0]) === null || _event$touches$ === void 0 ? void 0 : _event$touches$.clientX) !== null && _event$touches$0$clie !== void 0 ? _event$touches$0$clie : 0;
    startY.current = (_event$touches$0$clie2 = (_event$touches$2 = event.touches[0]) === null || _event$touches$2 === void 0 ? void 0 : _event$touches$2.clientY) !== null && _event$touches$0$clie2 !== void 0 ? _event$touches$0$clie2 : 0;
  };
  var move = function move(event) {
    var touch = event.touches[0];
    if (!touch) return;
    deltaX.current = touch.clientX - startX.current;
    deltaY.current = (touch === null || touch === void 0 ? void 0 : touch.clientY) - startY.current;
    offsetX.current = Math.abs(deltaX.current);
    offsetY.current = Math.abs(deltaY.current);
    if (!direction.current) {
      direction.current = getDirection(offsetX.current, offsetY.current);
    }
  };
  return {
    move: move,
    start: start,
    reset: reset,
    startX: startX,
    startY: startY,
    deltaX: deltaX,
    deltaY: deltaY,
    offsetX: offsetX,
    offsetY: offsetY,
    direction: direction,
    isVertical: isVertical,
    isHorizontal: isHorizontal
  };
}