ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2025-12-24 02:02:09 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

[Improvement] add touch mixin (#869)

Browse Source
This commit is contained in:
neverland
2018-04-13 15:26:41 +08:00
committed by GitHub
parent 7285632c35
commit bd80fe4e05
7 changed files with 66 additions and 100 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
packages/cell-swipe/index.vue
View File

@@ -23,12 +23,15 @@
<script>
import create from '../utils/create';
import Clickoutside from '../utils/clickoutside';
import Touch from '../mixins/touch';
const THRESHOLD = 0.15;
export default create({
name: 'cell-swipe',
mixins: [Touch],
props: {
onClose: Function,
leftWidth: {
@@ -96,9 +99,7 @@ export default create({
startDrag(event) {
this.draging = true;
this.direction = '';
this.startX = event.touches[0].clientX;
this.startY = event.touches[0].clientY;
this.touchStart(event);
if (this.opened) {
this.startX -= this.offset;
@@ -106,24 +107,17 @@ export default create({
},
onDrag(event) {
const offsetTop = event.touches[0].clientY - this.startY;
const offsetLeft = event.touches[0].clientX - this.startX;
this.touchMove(event);
const { deltaX } = this;
if ((offsetLeft < 0 && -offsetLeft > this.rightWidth) ||
(offsetLeft > 0 && offsetLeft > this.leftWidth) ||
(offsetLeft > 0 && !this.leftWidth) ||
(offsetLeft < 0 && !this.rightWidth)) {
if ((deltaX < 0 && (-deltaX > this.rightWidth || !this.rightWidth)) ||
(deltaX > 0 && (deltaX > this.leftWidth || deltaX > 0 && !this.leftWidth))) {
return;
}
const y = Math.abs(offsetTop);
const x = Math.abs(offsetLeft);
const swiping = !(x < 5 || (x >= 5 && y >= x * 1.73));
this.direction = this.direction || this.getDirection(event.touches[0]);
if (swiping && this.direction === 'horizontal') {
if (this.direction === 'horizontal') {
event.preventDefault();
this.swipeMove(offsetLeft);
this.swipeMove(deltaX);
};
},
@@ -134,12 +128,6 @@ export default create({
};
},
getDirection(touch) {
const offsetX = Math.abs(touch.clientX - this.startX);
const offsetY = Math.abs(touch.clientY - this.startY);
return offsetX > offsetY ? 'horizontal' : offsetX < offsetY ? 'vertical' : '';
},
onClick(position = 'outside') {
if (!this.offset) {
return;