465 lines
16 KiB
HTML
465 lines
16 KiB
HTML
<!doctype html>
|
||
<html lang="en">
|
||
<head>
|
||
<title>Code coverage report for src/mixins/popup/popup-manager.js</title>
|
||
<meta charset="utf-8" />
|
||
<link rel="stylesheet" href="../../../prettify.css" />
|
||
<link rel="stylesheet" href="../../../base.css" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<style type='text/css'>
|
||
.coverage-summary .sorter {
|
||
background-image: url(../../../sort-arrow-sprite.png);
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class='wrapper'>
|
||
<div class='pad1'>
|
||
<h1>
|
||
<a href="../../../index.html">all files</a> / <a href="index.html">src/mixins/popup/</a> popup-manager.js
|
||
</h1>
|
||
<div class='clearfix'>
|
||
<div class='fl pad1y space-right2'>
|
||
<span class="strong">10.29% </span>
|
||
<span class="quiet">Statements</span>
|
||
<span class='fraction'>7/68</span>
|
||
</div>
|
||
<div class='fl pad1y space-right2'>
|
||
<span class="strong">0% </span>
|
||
<span class="quiet">Branches</span>
|
||
<span class='fraction'>0/43</span>
|
||
</div>
|
||
<div class='fl pad1y space-right2'>
|
||
<span class="strong">0% </span>
|
||
<span class="quiet">Functions</span>
|
||
<span class='fraction'>0/11</span>
|
||
</div>
|
||
<div class='fl pad1y space-right2'>
|
||
<span class="strong">9.38% </span>
|
||
<span class="quiet">Lines</span>
|
||
<span class='fraction'>6/64</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class='status-line low'></div>
|
||
<pre><table class="coverage">
|
||
<tr><td class="line-count quiet">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
|
||
54
|
||
55
|
||
56
|
||
57
|
||
58
|
||
59
|
||
60
|
||
61
|
||
62
|
||
63
|
||
64
|
||
65
|
||
66
|
||
67
|
||
68
|
||
69
|
||
70
|
||
71
|
||
72
|
||
73
|
||
74
|
||
75
|
||
76
|
||
77
|
||
78
|
||
79
|
||
80
|
||
81
|
||
82
|
||
83
|
||
84
|
||
85
|
||
86
|
||
87
|
||
88
|
||
89
|
||
90
|
||
91
|
||
92
|
||
93
|
||
94
|
||
95
|
||
96
|
||
97
|
||
98
|
||
99
|
||
100
|
||
101
|
||
102
|
||
103
|
||
104
|
||
105
|
||
106
|
||
107
|
||
108
|
||
109
|
||
110
|
||
111
|
||
112
|
||
113
|
||
114
|
||
115
|
||
116
|
||
117
|
||
118
|
||
119
|
||
120
|
||
121
|
||
122
|
||
123
|
||
124
|
||
125
|
||
126
|
||
127
|
||
128
|
||
129
|
||
130
|
||
131
|
||
132
|
||
133
|
||
134</td><td class="line-coverage quiet"><span class="cline-any cline-yes">1×</span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-yes">1×</span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-yes">1×</span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-yes">1×</span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-yes">1×</span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span></td><td class="text"><pre class="prettyprint lang-js">import { addClass, removeClass } from 'src/utils/dom';
|
||
|
||
let hasModal = false;
|
||
|
||
const getModal = <span class="fstat-no" title="function not covered" >function() {</span>
|
||
<span class="cstat-no" title="statement not covered" > l</span>et modalDom = PopupManager.modalDom;
|
||
<span class="cstat-no" title="statement not covered" > if (modalDom) {</span>
|
||
<span class="cstat-no" title="statement not covered" > h</span>asModal = true;
|
||
} else {
|
||
<span class="cstat-no" title="statement not covered" > h</span>asModal = false;
|
||
<span class="cstat-no" title="statement not covered" > m</span>odalDom = document.createElement('div');
|
||
<span class="cstat-no" title="statement not covered" > P</span>opupManager.modalDom = modalDom;
|
||
|
||
<span class="cstat-no" title="statement not covered" > m</span>odalDom.addEventListener('touchmove', <span class="fstat-no" title="function not covered" >function(event) {</span>
|
||
<span class="cstat-no" title="statement not covered" > e</span>vent.preventDefault();
|
||
<span class="cstat-no" title="statement not covered" > e</span>vent.stopPropagation();
|
||
});
|
||
|
||
<span class="cstat-no" title="statement not covered" > m</span>odalDom.addEventListener('click', <span class="fstat-no" title="function not covered" >function() {</span>
|
||
<span class="cstat-no" title="statement not covered" > P</span>opupManager.handleOverlayClick && PopupManager.handleOverlayClick();
|
||
});
|
||
}
|
||
|
||
<span class="cstat-no" title="statement not covered" > r</span>eturn modalDom;
|
||
};
|
||
|
||
const instances = {};
|
||
|
||
const PopupManager = <span class="fstat-no" title="function not covered" ><span class="fstat-no" title="function not covered" ><span class="fstat-no" title="function not covered" ><span class="fstat-no" title="function not covered" ><span class="fstat-no" title="function not covered" ><span class="fstat-no" title="function not covered" ><span class="fstat-no" title="function not covered" >{</span></span></span></span></span></span></span>
|
||
zIndex: 2000,
|
||
|
||
modalStack: [],
|
||
|
||
nextZIndex() {
|
||
<span class="cstat-no" title="statement not covered" > r</span>eturn this.zIndex++;
|
||
},
|
||
|
||
getInstance(id) {
|
||
<span class="cstat-no" title="statement not covered" > r</span>eturn instances[id];
|
||
},
|
||
|
||
register(id, instance) {
|
||
<span class="cstat-no" title="statement not covered" > if (id && instance) {</span>
|
||
<span class="cstat-no" title="statement not covered" > i</span>nstances[id] = instance;
|
||
}
|
||
},
|
||
|
||
deregister(id) {
|
||
<span class="cstat-no" title="statement not covered" > if (id) {</span>
|
||
<span class="cstat-no" title="statement not covered" > i</span>nstances[id] = null;
|
||
<span class="cstat-no" title="statement not covered" > d</span>elete instances[id];
|
||
}
|
||
},
|
||
|
||
/**
|
||
* 遮罩层点击回调，`closeOnClickOverlay`为`true`时会关闭当前`popup`
|
||
*/
|
||
handleOverlayClick() {
|
||
<span class="cstat-no" title="statement not covered" > c</span>onst topModal = PopupManager.modalStack[PopupManager.modalStack.length - 1];
|
||
<span class="cstat-no" title="statement not covered" > if (!topModal) <span class="cstat-no" title="statement not covered" >r</span></span>eturn;
|
||
|
||
<span class="cstat-no" title="statement not covered" > c</span>onst instance = PopupManager.getInstance(topModal.id);
|
||
<span class="cstat-no" title="statement not covered" > if (instance && instance.closeOnClickOverlay) {</span>
|
||
<span class="cstat-no" title="statement not covered" > i</span>nstance.close();
|
||
}
|
||
},
|
||
|
||
openModal(id, zIndex, dom) {
|
||
<span class="cstat-no" title="statement not covered" > if (!id || zIndex === undefined) <span class="cstat-no" title="statement not covered" >r</span></span>eturn;
|
||
|
||
<span class="cstat-no" title="statement not covered" > c</span>onst modalStack = this.modalStack;
|
||
|
||
<span class="cstat-no" title="statement not covered" > for (let i = 0, len = modalStack.length; i < len; i++) {</span>
|
||
<span class="cstat-no" title="statement not covered" > c</span>onst item = modalStack[i];
|
||
<span class="cstat-no" title="statement not covered" > if (item.id === id) {</span>
|
||
<span class="cstat-no" title="statement not covered" > r</span>eturn;
|
||
}
|
||
}
|
||
|
||
<span class="cstat-no" title="statement not covered" > c</span>onst modalDom = getModal();
|
||
|
||
<span class="cstat-no" title="statement not covered" > a</span>ddClass(modalDom, 'zan-modal');
|
||
|
||
<span class="cstat-no" title="statement not covered" > if (dom && dom.parentNode && dom.parentNode.nodeType !== 11) {</span>
|
||
<span class="cstat-no" title="statement not covered" > d</span>om.parentNode.appendChild(modalDom);
|
||
} else {
|
||
<span class="cstat-no" title="statement not covered" > d</span>ocument.body.appendChild(modalDom);
|
||
}
|
||
|
||
<span class="cstat-no" title="statement not covered" > if (zIndex) {</span>
|
||
<span class="cstat-no" title="statement not covered" > m</span>odalDom.style.zIndex = zIndex;
|
||
}
|
||
<span class="cstat-no" title="statement not covered" > m</span>odalDom.style.display = '';
|
||
|
||
<span class="cstat-no" title="statement not covered" > t</span>his.modalStack.push({ id: id, zIndex: zIndex });
|
||
},
|
||
|
||
closeModal(id) <span class="cstat-no" title="statement not covered" >{</span>
|
||
<span class="cstat-no" title="statement not covered" > c</span>onst modalStack = this.modalStack;
|
||
<span class="cstat-no" title="statement not covered" > c</span>onst modalDom = getModal();
|
||
|
||
<span class="cstat-no" title="statement not covered" > if (modalStack.length > 0) {</span>
|
||
<span class="cstat-no" title="statement not covered" > c</span>onst topItem = modalStack[modalStack.length - 1];
|
||
<span class="cstat-no" title="statement not covered" > if (topItem.id === id) {</span>
|
||
<span class="cstat-no" title="statement not covered" > m</span>odalStack.pop();
|
||
<span class="cstat-no" title="statement not covered" > if (modalStack.length > 0) {</span>
|
||
<span class="cstat-no" title="statement not covered" > m</span>odalDom.style.zIndex = modalStack[modalStack.length - 1].zIndex;
|
||
}
|
||
} else {
|
||
<span class="cstat-no" title="statement not covered" > for (let i = modalStack.length - 1; i >= 0; i--) {</span>
|
||
<span class="cstat-no" title="statement not covered" > if (modalStack[i].id === id) {</span>
|
||
<span class="cstat-no" title="statement not covered" > m</span>odalStack.splice(i, 1);
|
||
<span class="cstat-no" title="statement not covered" > b</span>reak;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
<span class="cstat-no" title="statement not covered" > if (modalStack.length === 0) {</span>
|
||
<span class="cstat-no" title="statement not covered" > s</span>etTimeout(<span class="fstat-no" title="function not covered" >() => {</span>
|
||
<span class="cstat-no" title="statement not covered" > if (modalStack.length === 0) {</span>
|
||
<span class="cstat-no" title="statement not covered" > if (modalDom.parentNode) <span class="cstat-no" title="statement not covered" >m</span></span>odalDom.parentNode.removeChild(modalDom);
|
||
|
||
<span class="cstat-no" title="statement not covered" > m</span>odalDom.style.display = 'none';
|
||
<span class="cstat-no" title="statement not covered" > t</span>his.modalDom = null;
|
||
}
|
||
}, 200);
|
||
}
|
||
}
|
||
};
|
||
|
||
export default PopupManager;
|
||
|
||
</pre></td></tr>
|
||
</table></pre>
|
||
<div class='push'></div><!-- for sticky footer -->
|
||
</div><!-- /wrapper -->
|
||
<div class='footer quiet pad2 space-top1 center small'>
|
||
Code coverage
|
||
generated by <a href="http://istanbul-js.org/" target="_blank">istanbul</a> at Thu Mar 02 2017 17:21:26 GMT+0800 (CST)
|
||
</div>
|
||
</div>
|
||
<script src="../../../prettify.js"></script>
|
||
<script>
|
||
window.onload = function () {
|
||
if (typeof prettyPrint === 'function') {
|
||
prettyPrint();
|
||
}
|
||
};
|
||
</script>
|
||
<script src="../../../sorter.js"></script>
|
||
</body>
|
||
</html>
|