mpwxs.js 1.5 KB
Newer Older
1
let mpMixins = {}
DCloud_JSON's avatar
DCloud_JSON 已提交
2
// #ifdef APP-VUE|| MP-WEIXIN || H5
3 4 5 6
import {
	isPC
} from "./isPC"
mpMixins = {
DCloud_JSON's avatar
DCloud_JSON 已提交
7 8
	data() {
		return {
9
			is_show: 'none'
DCloud_JSON's avatar
DCloud_JSON 已提交
10 11 12
		}
	},
	watch: {
13
		show(newVal) {
DCloud_JSON's avatar
DCloud_JSON 已提交
14 15 16 17 18 19 20 21 22
			this.is_show = this.show
		}
	},
	created() {
		this.swipeaction = this.getSwipeAction()
		if (this.swipeaction.children !== undefined) {
			this.swipeaction.children.push(this)
		}
	},
23
	mounted() {
DCloud_JSON's avatar
DCloud_JSON 已提交
24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39
		this.is_show = this.show
	},
	methods: {
		// wxs 中调用
		closeSwipe(e) {
			if (!this.autoClose) return
			this.swipeaction.closeOther(this)
		},

		change(e) {
			this.$emit('change', e.open)
			if (this.is_show !== e.open) {
				this.is_show = e.open
			}
		},

40 41 42
		appTouchStart(e) {
			// #ifdef H5
			if (isPC()) return
DCloud_JSON's avatar
DCloud_JSON 已提交
43 44 45 46 47 48 49
			// #endif
			const {
				clientX
			} = e.changedTouches[0]
			this.clientX = clientX
			this.timestamp = new Date().getTime()
		},
50 51 52
		appTouchEnd(e, index, item, position) {
			// #ifdef H5
			if (isPC()) return
DCloud_JSON's avatar
DCloud_JSON 已提交
53 54 55 56 57 58 59 60 61 62 63 64 65
			// #endif
			const {
				clientX
			} = e.changedTouches[0]
			// fixed by xxxx 模拟点击事件,解决 ios 13 点击区域错位的问题
			let diff = Math.abs(this.clientX - clientX)
			let time = (new Date().getTime()) - this.timestamp
			if (diff < 40 && time < 300) {
				this.$emit('click', {
					content: item,
					index,
					position
				})
66 67 68 69 70
			}
		},
		onClickForPC(index, item, position) {
			// #ifdef H5
			if (!isPC()) return
DCloud_JSON's avatar
DCloud_JSON 已提交
71 72 73 74 75 76
			this.$emit('click', {
				content: item,
				index,
				position
			})
			// #endif
77
		}
DCloud_JSON's avatar
DCloud_JSON 已提交
78 79 80
	}
}

81 82
// #endif
export default mpMixins