diff --git a/components/swipe-cell/index.js b/components/swipe-cell/index.js deleted file mode 100644 index 216ffb0..0000000 --- a/components/swipe-cell/index.js +++ /dev/null @@ -1,132 +0,0 @@ -import { VantComponent } from '../common/component'; -import { touch } from '../mixins/touch'; -import { range } from '../common/utils'; -const THRESHOLD = 0.3; -let ARRAY = []; -VantComponent({ - props: { - disabled: Boolean, - leftWidth: { - type: Number, - value: 0, - observer(leftWidth = 0) { - if (this.offset > 0) { - this.swipeMove(leftWidth); - } - }, - }, - rightWidth: { - type: Number, - value: 0, - observer(rightWidth = 0) { - if (this.offset < 0) { - this.swipeMove(-rightWidth); - } - }, - }, - asyncClose: Boolean, - name: { - type: null, - value: '', - }, - }, - mixins: [touch], - data: { - catchMove: false, - wrapperStyle: '', - }, - created() { - this.offset = 0; - ARRAY.push(this); - }, - destroyed() { - ARRAY = ARRAY.filter((item) => item !== this); - }, - methods: { - open(position) { - const { leftWidth, rightWidth } = this.data; - const offset = position === 'left' ? leftWidth : -rightWidth; - this.swipeMove(offset); - this.$emit('open', { - position, - name: this.data.name, - }); - }, - close() { - this.swipeMove(0); - }, - swipeMove(offset = 0) { - this.offset = range(offset, -this.data.rightWidth, this.data.leftWidth); - const transform = `translate3d(${this.offset}px, 0, 0)`; - const transition = this.dragging - ? 'none' - : 'transform .6s cubic-bezier(0.18, 0.89, 0.32, 1)'; - this.setData({ - wrapperStyle: ` - -webkit-transform: ${transform}; - -webkit-transition: ${transition}; - transform: ${transform}; - transition: ${transition}; - `, - }); - }, - swipeLeaveTransition() { - const { leftWidth, rightWidth } = this.data; - const { offset } = this; - if (rightWidth > 0 && -offset > rightWidth * THRESHOLD) { - this.open('right'); - } else if (leftWidth > 0 && offset > leftWidth * THRESHOLD) { - this.open('left'); - } else { - this.swipeMove(0); - } - this.setData({ catchMove: false }); - }, - startDrag(event) { - if (this.data.disabled) { - return; - } - this.startOffset = this.offset; - this.touchStart(event); - }, - noop() {}, - onDrag(event) { - if (this.data.disabled) { - return; - } - this.touchMove(event); - if (this.direction !== 'horizontal') { - return; - } - this.dragging = true; - ARRAY.filter( - (item) => item !== this && item.offset !== 0 - ).forEach((item) => item.close()); - this.setData({ catchMove: true }); - this.swipeMove(this.startOffset + this.deltaX); - }, - endDrag() { - if (this.data.disabled) { - return; - } - this.dragging = false; - this.swipeLeaveTransition(); - }, - onClick(event) { - const { key: position = 'outside' } = event.currentTarget.dataset; - this.$emit('click', position); - if (!this.offset) { - return; - } - if (this.data.asyncClose) { - this.$emit('close', { - position, - instance: this, - name: this.data.name, - }); - } else { - this.swipeMove(0); - } - }, - }, -}); diff --git a/components/swipe-cell/index.json b/components/swipe-cell/index.json deleted file mode 100644 index 467ce29..0000000 --- a/components/swipe-cell/index.json +++ /dev/null @@ -1,3 +0,0 @@ -{ - "component": true -} diff --git a/components/swipe-cell/index.wxml b/components/swipe-cell/index.wxml deleted file mode 100644 index 46ae3ff..0000000 --- a/components/swipe-cell/index.wxml +++ /dev/null @@ -1,13 +0,0 @@ - - - - - - - - - - - \ No newline at end of file diff --git a/components/swipe-cell/index.wxss b/components/swipe-cell/index.wxss deleted file mode 100644 index d615270..0000000 --- a/components/swipe-cell/index.wxss +++ /dev/null @@ -1 +0,0 @@ -@import '../common/index.wxss';.van-swipe-cell{position:relative;overflow:hidden}.van-swipe-cell__left,.van-swipe-cell__right{position:absolute;top:0;height:100%}.van-swipe-cell__left{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.van-swipe-cell__right{right:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)} \ No newline at end of file