@varlet/use 2.14.1 → 2.14.3-alpha.1692871861882

package/lib/index.d.ts

@@ -6,3 +6,4 @@ export * from './useParent.js';
 export * from './useChildren.js';
 export * from './onWindowResize.js';
 export * from './useInitialized.js';
+export * from './useTouch.js';

package/lib/index.js

@@ -6,3 +6,4 @@ export * from './useParent.js';
 export * from './useChildren.js';
 export * from './onWindowResize.js';
 export * from './useInitialized.js';
+export * from './useTouch.js';

package/lib/useTouch.d.ts

@@ -0,0 +1,21 @@
+export type TouchDirection = 'horizontal' | 'vertical';
+export declare function useTouch(): {
+    startX: import("vue").Ref<number>;
+    startY: import("vue").Ref<number>;
+    deltaX: import("vue").Ref<number>;
+    deltaY: import("vue").Ref<number>;
+    offsetX: import("vue").Ref<number>;
+    offsetY: import("vue").Ref<number>;
+    prevX: import("vue").Ref<number>;
+    prevY: import("vue").Ref<number>;
+    moveX: import("vue").Ref<number>;
+    moveY: import("vue").Ref<number>;
+    direction: import("vue").Ref<TouchDirection | undefined>;
+    touching: import("vue").Ref<boolean>;
+    startTime: import("vue").Ref<number>;
+    distance: import("vue").Ref<number>;
+    resetTouch: () => void;
+    startTouch: (event: TouchEvent) => void;
+    moveTouch: (event: TouchEvent) => void;
+    endTouch: () => void;
+};

package/lib/useTouch.js

@@ -0,0 +1,89 @@
+import { ref } from 'vue';
+function getDirection(x, y) {
+    if (x > y) {
+        return 'horizontal';
+    }
+    if (y > x) {
+        return 'vertical';
+    }
+}
+export function useTouch() {
+    const startX = ref(0);
+    const startY = ref(0);
+    const deltaX = ref(0);
+    const deltaY = ref(0);
+    const offsetX = ref(0);
+    const offsetY = ref(0);
+    const prevX = ref(0);
+    const prevY = ref(0);
+    const moveX = ref(0);
+    const moveY = ref(0);
+    const direction = ref();
+    const touching = ref(false);
+    const startTime = ref(0);
+    const distance = ref(0);
+    const resetTouch = () => {
+        startX.value = 0;
+        startY.value = 0;
+        deltaX.value = 0;
+        deltaY.value = 0;
+        offsetX.value = 0;
+        offsetY.value = 0;
+        prevX.value = 0;
+        prevY.value = 0;
+        moveX.value = 0;
+        moveY.value = 0;
+        direction.value = undefined;
+        touching.value = false;
+        startTime.value = 0;
+        distance.value = 0;
+    };
+    const startTouch = (event) => {
+        resetTouch();
+        const { clientX: x, clientY: y } = event.touches[0];
+        startX.value = x;
+        startY.value = y;
+        prevX.value = x;
+        prevY.value = y;
+        touching.value = true;
+        startTime.value = performance.now();
+    };
+    const moveTouch = (event) => {
+        const { clientX: x, clientY: y } = event.touches[0];
+        deltaX.value = x - startX.value;
+        deltaY.value = y - startY.value;
+        offsetX.value = Math.abs(deltaX.value);
+        offsetY.value = Math.abs(deltaY.value);
+        distance.value = Math.sqrt(offsetX.value ** 2 + offsetY.value ** 2);
+        moveX.value = x - prevX.value;
+        moveY.value = y - prevY.value;
+        if (!direction.value) {
+            direction.value = getDirection(offsetX.value, offsetY.value);
+        }
+        prevX.value = x;
+        prevY.value = y;
+    };
+    const endTouch = () => {
+        touching.value = false;
+    };
+    return {
+        startX,
+        startY,
+        deltaX,
+        deltaY,
+        offsetX,
+        offsetY,
+        prevX,
+        prevY,
+        moveX,
+        moveY,
+        direction,
+        touching,
+        startTime,
+        distance,
+        resetTouch,
+        startTouch,
+        moveTouch,
+        endTouch,
+    };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/use",
-  "version": "2.14.1",
+  "version": "2.14.3-alpha.1692871861882",
   "type": "module",
   "main": "lib/index.js",
   "module": "lib/index.js",
@@ -24,7 +24,7 @@
     "url": "https://github.com/varletjs/varlet/issues"
   },
   "dependencies": {
-    "@varlet/shared": "2.14.1"
+    "@varlet/shared": "2.14.3-alpha.1692871861882"
   },
   "devDependencies": {
     "rimraf": "^5.0.1",