[improvement] Swipe: optimize swipe gesture (#2039)

2018-11-06 18:56:04 +08:00
parent d237a374fe
commit 027cf624af
4 changed files with 37 additions and 14 deletions
@@ -1,4 +1,21 @@
+const 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 default {
+  data() {
+    return {
+      direction: ''
+    };
+  },
+
  methods: {
    touchStart(event) {
      this.resetTouchStatus();
@@ -12,7 +29,7 @@ export default {
      this.deltaY = touch.clientY - this.startY;
      this.offsetX = Math.abs(this.deltaX);
      this.offsetY = Math.abs(this.deltaY);
-      this.direction = this.offsetX > this.offsetY ? 'horizontal' : this.offsetX < this.offsetY ? 'vertical' : '';
+      this.direction = this.direction || getDirection(this.offsetX, this.offsetY);
    },

    resetTouchStatus() {