@cainiaofe/cn-ui-m/es/utils/use-touch.js

## 在线文档

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 () { return direction.current === 'vertical'; };
    var isHorizontal = function () { return direction.current === 'horizontal'; };
    var reset = function () {
        deltaX.current = 0;
        deltaY.current = 0;
        offsetX.current = 0;
        offsetY.current = 0;
        direction.current = '';
    };
    var start = (function (event) {
        reset();
        startX.current = event.touches[0].clientX;
        startY.current = event.touches[0].clientY;
    });
    var move = (function (event) {
        var touch = event.touches[0];
        // Fix: Safari back will set clientX to negative number
        deltaX.current = touch.clientX < 0 ? 0 : touch.clientX - startX.current;
        deltaY.current = 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,
    };
}