first commit

cshenfu

2024-06-27 58aa6e282bb343503be3cb198948328ea3ed7b79

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
// [z-paging]使用renderjs在app-vue和h5中对touchmove事件冒泡进行处理 
 
import u from '../js/z-paging-utils' 
var data = { 
    renderScrollTop: 0, 
    renderUsePageScroll: false, 
    startY: 0, 
    isTouchFromZPaging: false 
} 
 
export default { 
    mounted() { 
        this._handleTouch(); 
    }, 
    methods: { 
        //接收逻辑层发送的数据 
        renderPropScrollTopChange(newVal, oldVal, ownerVm, vm) { 
            data.renderScrollTop = newVal; 
        }, 
        renderPropUsePageScrollChange(newVal, oldVal, ownerVm, vm) { 
            if(newVal !== -1){ 
                data.renderUsePageScroll = newVal; 
            } 
        }, 
        //拦截处理touch事件 
        _handleTouch() { 
            if (window && !window.$zPagingRenderJsInited) { 
                window.$zPagingRenderJsInited = true; 
                window.addEventListener('touchstart', this._handleTouchstart, { 
                    passive: true 
                }) 
                window.addEventListener('touchmove', this._handleTouchmove, { 
                    passive: false 
                }) 
            } 
        }, 
        _handleTouchstart(e) { 
            const touch = u.getTouch(e); 
            data.startY = touch.touchY; 
            data.isTouchFromZPaging = u.getTouchFromZPaging(e.target); 
        }, 
        _handleTouchmove(e) { 
            const touch = u.getTouch(e); 
            var moveY = touch.touchY - data.startY; 
            //v2.1.4起删除条件：(data.isTouchFromZPaging && data.renderIsIos && !data.renderUsePageScroll && moveY < 0) 
            if (data.isTouchFromZPaging && data.renderScrollTop < 1 && moveY > 0) { 
                if (e.cancelable && !e.defaultPrevented) { 
                    e.preventDefault(); 
                } 
            } 
        }, 
    } 
};