@react-native-oh-tpl/react-native-gesture-handler 2.12.1-0.0.1

package/src/web_hammer/FlingGestureHandler.ts

@@ -0,0 +1,134 @@
+/* eslint-disable eslint-comments/no-unlimited-disable */
+/* eslint-disable */
+import Hammer from '@egjs/hammerjs';
+
+import { Direction } from './constants';
+import { GesturePropError } from './Errors';
+import DraggingGestureHandler from './DraggingGestureHandler';
+import { isnan } from './utils';
+import { HammerInputExt } from './GestureHandler';
+
+class FlingGestureHandler extends DraggingGestureHandler {
+  get name() {
+    return 'swipe';
+  }
+
+  get NativeGestureClass() {
+    return Hammer.Swipe;
+  }
+
+  onGestureActivated(event: HammerInputExt) {
+    this.sendEvent({
+      ...event,
+      eventType: Hammer.INPUT_MOVE,
+      isFinal: false,
+      isFirst: true,
+    });
+    this.isGestureRunning = false;
+    this.hasGestureFailed = false;
+    this.sendEvent({
+      ...event,
+      eventType: Hammer.INPUT_END,
+      isFinal: true,
+    });
+  }
+
+  onRawEvent(ev: HammerInputExt) {
+    super.onRawEvent(ev);
+    if (this.hasGestureFailed) {
+      return;
+    }
+    // Hammer doesn't send a `cancel` event for taps.
+    // Manually fail the event.
+    if (ev.isFinal) {
+      setTimeout(() => {
+        if (this.isGestureRunning) {
+          this.cancelEvent(ev);
+        }
+      });
+    } else if (!this.hasGestureFailed && !this.isGestureRunning) {
+      // Tap Gesture start event
+      const gesture = this.hammer!.get(this.name);
+      // @ts-ignore FIXME(TS)
+      if (gesture.options.enable(gesture, ev)) {
+        this.onStart(ev);
+        this.sendEvent(ev);
+      }
+    }
+  }
+
+  getHammerConfig() {
+    return {
+      // @ts-ignore FIXME(TS)
+      pointers: this.config.numberOfPointers,
+      direction: this.getDirection(),
+    };
+  }
+
+  getTargetDirections(direction: number) {
+    const directions = [];
+    if (direction & Direction.RIGHT) {
+      directions.push(Hammer.DIRECTION_RIGHT);
+    }
+    if (direction & Direction.LEFT) {
+      directions.push(Hammer.DIRECTION_LEFT);
+    }
+    if (direction & Direction.UP) {
+      directions.push(Hammer.DIRECTION_UP);
+    }
+    if (direction & Direction.DOWN) {
+      directions.push(Hammer.DIRECTION_DOWN);
+    }
+    // const hammerDirection = directions.reduce((a, b) => a | b, 0);
+    return directions;
+  }
+
+  getDirection() {
+    // @ts-ignore FIXME(TS)
+    const { direction } = this.getConfig();
+
+    let directions = [];
+    if (direction & Direction.RIGHT) {
+      directions.push(Hammer.DIRECTION_HORIZONTAL);
+    }
+    if (direction & Direction.LEFT) {
+      directions.push(Hammer.DIRECTION_HORIZONTAL);
+    }
+    if (direction & Direction.UP) {
+      directions.push(Hammer.DIRECTION_VERTICAL);
+    }
+    if (direction & Direction.DOWN) {
+      directions.push(Hammer.DIRECTION_VERTICAL);
+    }
+    directions = [...new Set(directions)];
+
+    if (directions.length === 0) return Hammer.DIRECTION_NONE;
+    if (directions.length === 1) return directions[0];
+    return Hammer.DIRECTION_ALL;
+  }
+
+  isGestureEnabledForEvent(
+    { numberOfPointers }: any,
+    _recognizer: any,
+    { maxPointers: pointerLength }: any
+  ) {
+    const validPointerCount = pointerLength === numberOfPointers;
+    if (!validPointerCount && this.isGestureRunning) {
+      return { failed: true };
+    }
+    return { success: validPointerCount };
+  }
+
+  updateGestureConfig({ numberOfPointers = 1, direction, ...props }: any) {
+    if (isnan(direction) || typeof direction !== 'number') {
+      throw new GesturePropError('direction', direction, 'number');
+    }
+    return super.updateGestureConfig({
+      numberOfPointers,
+      direction,
+      ...props,
+    });
+  }
+}
+
+export default FlingGestureHandler;