UNPKG

avalon2

Version:

an elegant efficient express mvvm framework

381 lines (380 loc) • 11.1 kB
<!doctype html> <html lang="en"> <head> <title>Code coverage report for vmodel/ProxyArray.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">vmodel/</a> ProxyArray.js </h1> <div class='clearfix'> <div class='fl pad1y space-right2'> <span class="strong">100% </span> <span class="quiet">Statements</span> <span class='fraction'>56/56</span> </div> <div class='fl pad1y space-right2'> <span class="strong">92.86% </span> <span class="quiet">Branches</span> <span class='fraction'>26/28</span> </div> <div class='fl pad1y space-right2'> <span class="strong">100% </span> <span class="quiet">Functions</span> <span class='fraction'>14/14</span> </div> <div class='fl pad1y space-right2'> <span class="strong">100% </span> <span class="quiet">Lines</span> <span class='fraction'>56/56</span> </div> </div> </div> <div class='status-line high'></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</td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes">1×</span> <span class="cline-any cline-yes">1×</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes">37×</span> <span class="cline-any cline-yes">6×</span> <span class="cline-any cline-yes">1×</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes">5×</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes">31×</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes">4×</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes">4×</span> <span class="cline-any cline-yes">3×</span> <span class="cline-any cline-yes">3×</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes">1×</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes">3×</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes">2×</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes">5×</span> <span class="cline-any cline-yes">4×</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes">1×</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes">1×</span> <span class="cline-any cline-yes">1×</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes">4×</span> <span class="cline-any cline-yes">4×</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes">4×</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes">4×</span> <span class="cline-any cline-yes">2×</span> <span class="cline-any cline-yes">11×</span> <span class="cline-any cline-yes">4×</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes">2×</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes">4×</span> <span class="cline-any cline-yes">4×</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes">1×</span> <span class="cline-any cline-yes">68×</span> <span class="cline-any cline-yes">1088×</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes">1×</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes">1×</span> <span class="cline-any cline-yes">7×</span> <span class="cline-any cline-yes">7×</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes">27×</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes">27×</span> <span class="cline-any cline-yes">27×</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes">27×</span> <span class="cline-any cline-yes">27×</span> <span class="cline-any cline-yes">27×</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes">1×</span> <span class="cline-any cline-yes">95×</span> <span class="cline-any cline-yes">68×</span> <span class="cline-any cline-yes">68×</span> <span class="cline-any cline-yes">68×</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes">68×</span> <span class="cline-any cline-yes">68×</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes">95×</span> <span class="cline-any cline-yes">95×</span> <span class="cline-any cline-yes">263×</span> <span class="cline-any cline-yes">263×</span> <span class="cline-any cline-yes">73×</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes">95×</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes">1×</span></td><td class="text"><pre class="prettyprint lang-js">import { avalon, ap, platform, modern, isObject } from '../seed/core' import { Mutation } from './Mutation' &nbsp; var _splice = ap.splice var __array__ = { set: function(index, val) { if (((index &gt;&gt;&gt; 0) === index) &amp;&amp; this[index] !== val) { if (index &gt; this.length) { throw Error(index + 'set方法的第一个参数不能大于原数组长度') } this.splice(index, 1, val) } }, toJSON: function() { //为了解决IE6-8的解决,通过此方法显式地求取数组的$model return this.$model = platform.toJson(this) }, contains: function(el) { //判定是否包含 return this.indexOf(el) !== -1 }, ensure: function(el) { if (!this.contains(el)) { //只有不存在才push this.push(el) return true } return false }, pushArray: function(arr) { return this.push.apply(this, arr) }, remove: function(el) { //移除第一个等于给定值的元素 return this.removeAt(this.indexOf(el)) }, removeAt: function(index) { //移除指定索引上的元素 if ((index &gt;&gt;&gt; 0) === index) { return this.splice(index, 1) } return [] }, clear: function() { this.removeAll() return this }, removeAll: function(all) { //移除N个元素 var size = this.length var eliminate = Array.isArray(all) ? function(el) { return all.indexOf(el) !== -1 } : typeof all === 'function' ? all : false &nbsp; if (eliminate) { for (var i = this.length - 1; i &gt;= 0; i--) { if (eliminate(this[i], i)) { _splice.call(this, i, 1) } } } else { _splice.call(this, 0, this.length) } this.toJSON() this.$events.__dep__.notify() } } export function hijackMethods(array) { for (var i in __array__) { platform.hideProperty(array, i, __array__[i]) } } var __method__ = ['push', 'pop', 'shift', 'unshift', 'splice', 'sort', 'reverse'] &nbsp; __method__.forEach(function(method) { var original = ap[method] __array__[method] = function() { // 继续尝试劫持数组元素的属性 var core = this.$events &nbsp; var args = platform.listFactory(arguments, true, core.__dep__) var result = original.apply(this, args) &nbsp; this.toJSON() core.__dep__.notify(method) return result } }) &nbsp; export function listFactory(array, stop, dd) { if (!stop) { hijackMethods(array) <span class="missing-if-branch" title="else path not taken" >E</span>if (modern) { Object.defineProperty(array, '$model', platform.modelAccessor) } platform.hideProperty(array, '$hashcode', avalon.makeHashCode('$')) platform.hideProperty(array, '$events', { __dep__: dd || <span class="branch-1 cbranch-no" title="branch not covered" >new Mutation </span>}) } var _dd = array.$events &amp;&amp; array.$events.__dep__ for (var i = 0, n = array.length; i &lt; n; i++) { var item = array[i] if (isObject(item)) { array[i] = platform.createProxy(item, _dd) } } return array } &nbsp; platform.listFactory = listFactory</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 Tue Dec 13 2016 18:10:11 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>