diff --git a/avalon.js b/avalon.js
index a300e2254..77db1e4f6 100644
--- a/avalon.js
+++ b/avalon.js
@@ -2278,7 +2278,7 @@
 
     function parseExpr(code, scopes, data) {
         var dataType = data.type
-        var filters = dataType === "html" || dataType === "text" ? data.filters : ""
+        var filters = data.filters ? data.filters.join("") : ""
         var exprId = scopes.map(function(el) {
             return el.$id.replace(rproxy, "$1")
         }) + code + dataType + filters
@@ -3896,7 +3896,7 @@
             $val: 1,
             $key: 1
         })
-        proxy.$id = "$proxy$with" + Math.random()
+        proxy.$id = ("$proxy$with" + Math.random()).replace(/0\./, "")
         return proxy
     }
     var eachProxyPool = []
@@ -3930,7 +3930,7 @@
         proxy.$watch(param, function(val) {
             data.getter().set(proxy.$index, val)
         })
-        proxy.$id = "$proxy$" + data.type + Math.random()
+        proxy.$id = ("$proxy$" + data.type + Math.random()).replace(/0\./, "")
         return proxy
     }
     function recycleEachProxies(array) {
@@ -3995,7 +3995,7 @@
         //    <a href="jav&#x09;ascript:alert('XSS');">IE67chrome</a>
         //    <a href="jav&#x0A;ascript:alert('XSS');">IE67chrome</a>
         sanitize: function(str) {
-             return str.replace(rscripts, "").replace(ropen, function(a, b) {
+            return str.replace(rscripts, "").replace(ropen, function(a, b) {
                 var match = a.toLowerCase().match(/<(\w+)\s/)
                 if (match) {//处理a标签的href属性，img标签的src属性，form标签的action属性
                     var reg = rsanitize[match[1]]
diff --git a/avalon.min.js b/avalon.min.js
index bf03f9762..e5f79bcad 100644
--- a/avalon.min.js
+++ b/avalon.min.js
@@ -14,7 +14,7 @@ f.replaceNodes=[h],k.length||delete d.filters);d.push(f)}Q.appendChild(h)}b.pare
 k="ms-attr-"+m,b.setAttribute(k,n),g=[k],f[k]=n;"function"===typeof E[l]&&(n={type:l,param:m,element:b,name:g[0],value:n,priority:l in ob?ob[l]:10*l.charCodeAt(0)+(Number(m)||0)},"if"===l&&-1<m.indexOf("loop")&&(n.priority+=100),c.length&&(e.push(n),"widget"===l&&(b.msData=b.msData||f)))}e.sort(Zb);f["ms-checked"]&&f["ms-duplex"]&&A("warning!\u4e00\u4e2a\u5143\u7d20\u4e0a\u4e0d\u80fd\u540c\u65f6\u5b9a\u4e49ms-checked\u4e0ems-duplex");d=e[0]||{};switch(d.type){case "if":case "repeat":case "widget":Aa([d],
 c);break;default:Aa(e,c),!ac[b.tagName]&&Ba.test(b.innerHTML.replace(pb,"<").replace(qb,">"))&&ya(b,c)}if(b.patchRepeat){b.patchRepeat();try{b.patchRepeat="",b.removeAttribute("patchRepeat"),b.removeAttribute("avalonctrl")}catch(p){}}}function Aa(b,c){for(var d=0,e;e=b[d++];)e.vmodels=c,E[e.type](e,c),e.evaluator&&e.name&&e.element.removeAttribute(e.name);b.length=0}function lb(b,c){0<b.indexOf("|")&&(b=b.replace(bc,"U2hvcnRDaXJjdWl0"),b=b.replace(cc,function(b,e,f){c.push(e+(f||""));return""}),b=
 b.replace(dc,"||"));return b}function za(b){var c=[],d;d=0;var e;do{e=b.indexOf(L,d);if(-1===e)break;(d=b.slice(d,e))&&c.push({value:d,expr:!1});d=e+L.length;e=b.indexOf(M,d);if(-1===e)break;if(d=b.slice(d,e)){var f=[];d=lb(d,f);c.push({value:d,expr:!0,filters:f.length?f:void 0})}d=e+M.length}while(1);(d=b.slice(d))&&c.push({value:d,expr:!1});return c}function ec(b,c,d,e){for(var f=[],g=" = "+d+".",h=b.length,k;k=b[--h];)c.hasOwnProperty&&c.hasOwnProperty(k)&&(f.push(k+g+k),"duplex"===e&&(b.get=d+
-"."+k),b.splice(h,1));return f}function rb(b){for(var c=[],d={},e=0;e<b.length;e++){var f=b[e],g=f&&"string"===typeof f.$id?f.$id:f;d[g]||(d[g]=c.push(f))}return c}function Ca(b){function c(e,f){d.push(e)>b&&delete c[d.shift()];return c[e]=f}var d=[];return c}function ra(b,c,d){var e=d.type,f="html"===e||"text"===e?d.filters:"",g=c.map(function(b){return b.$id.replace(fc,"$1")})+b+e+f,h=gc(b).concat(),k=[],l=[],m=[],n="";c=rb(c);for(var p=0,n=c.length;p<n;p++)if(h.length){var q="vm"+x+"_"+p;l.push(q);
+"."+k),b.splice(h,1));return f}function rb(b){for(var c=[],d={},e=0;e<b.length;e++){var f=b[e],g=f&&"string"===typeof f.$id?f.$id:f;d[g]||(d[g]=c.push(f))}return c}function Ca(b){function c(e,f){d.push(e)>b&&delete c[d.shift()];return c[e]=f}var d=[];return c}function ra(b,c,d){var e=d.type,f=d.filters?d.filters.join(""):"",g=c.map(function(b){return b.$id.replace(fc,"$1")})+b+e+f,h=gc(b).concat(),k=[],l=[],m=[],n="";c=rb(c);for(var p=0,n=c.length;p<n;p++)if(h.length){var q="vm"+x+"_"+p;l.push(q);
 m.push(c[p]);k.push.apply(k,ec(h,c[p],q,e))}if(k.length||"duplex"!==e)if(f&&m.push(avalon.filters),d.args=m,c=Da[g])d.evaluator=c;else{(n=k.join(", "))&&(n="var "+n);if(f){b="\nvar ret"+x+" = "+b;e=[];e.push(b,"\r\n");for(p=0;f=d.filters[p++];)h=f.indexOf("("),-1!==h?(b=f.slice(h+1,f.lastIndexOf(")")).trim(),b=","+b,f=f.slice(0,h).trim()):b="",e.push(" if(filters",x,".",f,"){\n\ttry{\nret",x," = filters",x,".",f,"(ret",x,b,")\n\t}catch(e){} \n}\n");b=e.join("");b+="\nreturn ret"+x;l.push("filters"+
 x)}else{if("duplex"===e){n="'use strict';\nreturn function(vvv){\n\t"+n+";\n\tif(!arguments.length){\n\t\treturn "+b+"\n\t}\n\t"+(!hc.test(b)?h.get:b)+"= vvv;\n} ";try{c=Function.apply(z,l.concat(n)),d.evaluator=Da(g,c)}catch(la){A("debug: parse error,"+la.message)}return}"on"===e?(b=-1===b.indexOf("(")?b+".call(this, $event)":b.replace("(",".call(this,"),l.push("$event"),b="\nreturn "+b+";",e=b.lastIndexOf("\nreturn"),p=b.slice(0,e),b=b.slice(e),b=p+"\n"+b):b="\nreturn "+b+";"}try{c=Function.apply(z,
 l.concat("'use strict';\n"+n+b)),d.evaluator=Da(g,c)}catch(ma){A("debug: parse error,"+ma.message)}finally{h=e=l=null}}}function N(b,c,d,e){Array.isArray(e)&&(b=e.map(function(b){return b.expr?"("+b.value+")":ic(b.value)}).join(" + "));ra(b,c,d);d.evaluator&&(d.handler=Ea[d.handlerName||d.type],d.evaluator.toString=function(){return d.type+" binding to eval("+b+")"},va(d))}function ca(b,c){var d="_"+b;if(!ca[d]){var e=r.createElement(b);y.appendChild(e);c=v?getComputedStyle(e,null).display:e.currentStyle.display;
@@ -24,11 +24,11 @@ c.which=null!=b.charCode?b.charCode:b.keyCode:/mouse|click/.test(b.type)&&(d=d.o
 c(h,e));return e}return c(b,[])}function wb(b){var c=b.nodeName;return c.toLowerCase()===c&&b.scopeName&&""===b.outerText}function pc(b){var c=b.cloneNode(!0);if(s.VBArray)for(var d=vb(b),e=vb(c),f=0;b=d[f];f++)if(1===b.nodeType){var g=b.nodeName,h=e[f];if("INPUT"===g&&/radio|checkbox/.test(b.type))h.defaultChecked=h.checked=b.checked,h.value!==b.value&&(h.value=b.value);else if("OBJECT"===g)h.parentNode&&(h.outerHTML=b.outerHTML);else if("OPTION"===g)h.defaultSelected=h.selected=b.defaultSelected;
 else if("INPUT"===g||"TEXTAREA"===g)h.defaultValue=b.defaultValue;else if(wb(b)){var k={};b.outerHTML.replace(/\s*=\s*/g,"=").replace(/(\w+)="([^"]+)"/g,function(b,c,d){k[c]=d}).replace(/(\w+)='([^']+)'/g,function(b,c,d){k[c]=d});h.outerHTML.replace(/\s*=\s*/g,"=").replace(/(\w+)="/g,function(b,c){delete k[c]}).replace(/(\w+)='/g,function(b,c){delete k[c]});delete k.urn;delete k.implementation;for(var l in k)h.setAttribute(l,k[l]);qc(h)}}return c}function qc(b){"url(#default#VML)"!==b.currentStyle.behavior&&
 (b.style.behavior="url(#default#VML)",b.style.display="inline-block",b.style.zoom=1)}function xb(b,c,d,e){function f(){delete X[h];b.group=1;if(!b.fastRepeat){b.group=k.childNodes.length;for(k.parentNode.removeChild(k);k.firstChild;)c.appendChild(k.firstChild);void 0!==f.node&&f.parent.insertBefore(c,f.node)}}var g=pc(b.template),h=e.$id,k=g.firstChild;b.fastRepeat||(k=r.createElement("msloop"),k.style.display="none",k.appendChild(g));k.setAttribute("ms-controller",h);k.removeAttribute(b.callbackName);
-k.removeAttribute("data-with-sorted");d.push(k);c.appendChild(k);e.$outer=b.$outer;X[h]=e;return k.patchRepeat=f}function Ha(b,c,d){if(c.startRepeat){b=c.startRepeat;c=c.endRepeat;d+=1;for(var e=0;e<d;e++)if(b=b.nextSibling,b===c)return c;return b}return b.childNodes[c.group*d]||null}function yb(b,c,d){c*=d||1;for(d=Q;0<=--c;){var e=b.nextSibling;d.appendChild(b);b=e;if(!b)break}return d}function rc(b,c,d){b=J({$key:b,$outer:d,$val:c},0,{$val:1,$key:1});b.$id="$proxy$with"+Math.random();return b}
-function sc(b,c,d,e){var f=d.param||"el",g;b={$remove:function(){return d.getter().removeAt(g.$index)},$itemName:f,$index:b,$outer:d.$outer,$first:0===b,$last:b===e};b[f]=c;e=0;for(var h=fa.length;e<h;e++)if(g=fa[e],g.hasOwnProperty(f)){for(var k in b)g[k]=b[k];fa.splice(e,1);return g}ta.test(avalon.type(c))&&(b.$skipArray=[f]);g=J(b,0,tc);g.$watch(f,function(b){d.getter().set(g.$index,b)});g.$id="$proxy$"+d.type+Math.random();return g}function wa(b){for(var c=0,d;d=b[c++];){var e=d.$accessors,f=
-d.$itemName;ga(e.$index);ga(e.$last);ga(e.$first);ga(e[f]);ga(d[f]);d.$events={};fa.unshift(d)>u.maxRepeatSize&&fa.pop()}b.length=0}function ga(b,c){if(b&&Array.isArray(c=b[C]))c.forEach(function(b){b.evaluator&&(b.evaluator=b.element=b.node=null)}),c.length=0}function R(){r.body&&(F?(t["ready!"].state=2,F.checkDeps()):zb.forEach(function(b){b(avalon)}),R=z)}function Ab(){try{y.doScroll("left"),R()}catch(b){setTimeout(Ab)}}var xa="ms-",x=new Date-0,C="$"+x,s=this||(0,eval)("this"),uc=s.require,vc=
-s.define,na=!1,B=/[^, ]+/g,Bb=/\[native code\]/,ta=/^(?:object|array)$/,Cb=/^\[object SVG\w*Element\]$/,Ob=/^\[object (?:Window|DOMWindow|global)\]$/,Ia=Object.prototype,P=Ia.hasOwnProperty,$a=Ia.toString,I=Array.prototype,aa=I.slice,U={},v=s.dispatchEvent,y=r.documentElement,H=r.getElementsByTagName("head")[0],Q=r.createDocumentFragment(),O=r.createElement("div"),Db={};"Boolean Number String Function Array Date RegExp Object Error".replace(B,function(b){Db["[object "+b+"]"]=b.toLowerCase()});avalon=
-function(b){return new avalon.init(b)};avalon.init=function(b){this[0]=this.element=b};avalon.fn=avalon.prototype=avalon.init.prototype;avalon.type=function(b){return null==b?String(b):"object"===typeof b||"function"===typeof b?Db[$a.call(b)]||"object":typeof b};avalon.isWindow=function(b){return!b?!1:b==b.document&&b.document!=b};Za(s)&&(avalon.isWindow=Za);avalon.isPlainObject=function(b,c){if(!b||"object"!==avalon.type(b)||b.nodeType||avalon.isWindow(b))return!1;try{if(b.constructor&&!P.call(b,
+k.removeAttribute("data-with-sorted");d.push(k);c.appendChild(k);e.$outer=b.$outer;X[h]=e;return k.patchRepeat=f}function Ha(b,c,d){if(c.startRepeat){b=c.startRepeat;c=c.endRepeat;d+=1;for(var e=0;e<d;e++)if(b=b.nextSibling,b===c)return c;return b}return b.childNodes[c.group*d]||null}function yb(b,c,d){c*=d||1;for(d=Q;0<=--c;){var e=b.nextSibling;d.appendChild(b);b=e;if(!b)break}return d}function rc(b,c,d){b=J({$key:b,$outer:d,$val:c},0,{$val:1,$key:1});b.$id=("$proxy$with"+Math.random()).replace(/0\./,
+"");return b}function sc(b,c,d,e){var f=d.param||"el",g;b={$remove:function(){return d.getter().removeAt(g.$index)},$itemName:f,$index:b,$outer:d.$outer,$first:0===b,$last:b===e};b[f]=c;e=0;for(var h=fa.length;e<h;e++)if(g=fa[e],g.hasOwnProperty(f)){for(var k in b)g[k]=b[k];fa.splice(e,1);return g}ta.test(avalon.type(c))&&(b.$skipArray=[f]);g=J(b,0,tc);g.$watch(f,function(b){d.getter().set(g.$index,b)});g.$id=("$proxy$"+d.type+Math.random()).replace(/0\./,"");return g}function wa(b){for(var c=0,d;d=
+b[c++];){var e=d.$accessors,f=d.$itemName;ga(e.$index);ga(e.$last);ga(e.$first);ga(e[f]);ga(d[f]);d.$events={};fa.unshift(d)>u.maxRepeatSize&&fa.pop()}b.length=0}function ga(b,c){if(b&&Array.isArray(c=b[C]))c.forEach(function(b){b.evaluator&&(b.evaluator=b.element=b.node=null)}),c.length=0}function R(){r.body&&(F?(t["ready!"].state=2,F.checkDeps()):zb.forEach(function(b){b(avalon)}),R=z)}function Ab(){try{y.doScroll("left"),R()}catch(b){setTimeout(Ab)}}var xa="ms-",x=new Date-0,C="$"+x,s=this||(0,eval)("this"),
+uc=s.require,vc=s.define,na=!1,B=/[^, ]+/g,Bb=/\[native code\]/,ta=/^(?:object|array)$/,Cb=/^\[object SVG\w*Element\]$/,Ob=/^\[object (?:Window|DOMWindow|global)\]$/,Ia=Object.prototype,P=Ia.hasOwnProperty,$a=Ia.toString,I=Array.prototype,aa=I.slice,U={},v=s.dispatchEvent,y=r.documentElement,H=r.getElementsByTagName("head")[0],Q=r.createDocumentFragment(),O=r.createElement("div"),Db={};"Boolean Number String Function Array Date RegExp Object Error".replace(B,function(b){Db["[object "+b+"]"]=b.toLowerCase()});
+avalon=function(b){return new avalon.init(b)};avalon.init=function(b){this[0]=this.element=b};avalon.fn=avalon.prototype=avalon.init.prototype;avalon.type=function(b){return null==b?String(b):"object"===typeof b||"function"===typeof b?Db[$a.call(b)]||"object":typeof b};avalon.isWindow=function(b){return!b?!1:b==b.document&&b.document!=b};Za(s)&&(avalon.isWindow=Za);avalon.isPlainObject=function(b,c){if(!b||"object"!==avalon.type(b)||b.nodeType||avalon.isWindow(b))return!1;try{if(b.constructor&&!P.call(b,
 "constructor")&&!P.call(b.constructor.prototype,"isPrototypeOf"))return!1}catch(d){return!1}for(c in b);return void 0===c||P.call(b,c)};Bb.test(Object.getPrototypeOf)&&(avalon.isPlainObject=function(b){return!!b&&"object"===typeof b&&Object.getPrototypeOf(b)===Ia});avalon.mix=avalon.fn.mix=function(){var b,c,d,e,f,g=arguments[0]||{},h=1,k=arguments.length,l=!1;"boolean"===typeof g&&(l=g,g=arguments[1]||{},h++);"object"!==typeof g&&"function"!==avalon.type(g)&&(g={});h===k&&(g=this,h--);for(;h<k;h++)if(null!=
 (b=arguments[h]))for(c in b)d=g[c],e=b[c],g!==e&&(l&&e&&(avalon.isPlainObject(e)||(f=Array.isArray(e)))?(f?(f=!1,d=d&&Array.isArray(d)?d:[]):d=d&&avalon.isPlainObject(d)?d:{},g[c]=avalon.mix(l,d,e)):void 0!==e&&(g[c]=e));return g};avalon.mix({rword:B,subscribers:C,version:1.35,ui:{},log:A,slice:v?function(b,c,d){return aa.call(b,c,d)}:function(b,c,d){var e=[],f=b.length;void 0===d&&(d=f);if("number"===typeof d&&isFinite(d)){c=sa(c,f);d=sa(d,f);for(f=c;f<d;++f)e[f-c]=b[f]}return e},noop:z,error:function(b,
 c){throw new (c||Error)(b);},oneObject:T,range:function(b,c,d){d||(d=1);null==c&&(c=b||0,b=0);var e=-1;c=Math.max(0,Math.ceil((c-b)/d));for(var f=Array(c);++e<c;)f[e]=b,b+=d;return f},eventHooks:{},bind:function(b,c,d,e){var f=avalon.eventHooks[c];"object"===typeof f&&(c=f.type,f.deel&&(d=f.deel(b,d)));f=v?d:function(c){d.call(b,nc(c))};v?b.addEventListener(c,f,!!e):b.attachEvent("on"+c,f);return f},unbind:function(b,c,d,e){var f=avalon.eventHooks[c];d=d||z;"object"===typeof f&&(c=f.type);v?b.removeEventListener(c,
diff --git a/avalon.modern.js b/avalon.modern.js
index 22b8bda51..2a2f273cd 100644
--- a/avalon.modern.js
+++ b/avalon.modern.js
@@ -1734,7 +1734,7 @@
 
     function parseExpr(code, scopes, data) {
         var dataType = data.type
-        var filters = dataType === "html" || dataType === "text" ? data.filters : ""
+        var filters = data.filters ? data.filters.join("") : ""
         var exprId = scopes.map(function(el) {
             return el.$id.replace(rproxy, "$1")
         }) + code + dataType + filters
@@ -3103,7 +3103,7 @@
             $val: 1,
             $key: 1
         })
-        proxy.$id = "$proxy$with" + Math.random()
+        proxy.$id = ("$proxy$with" + Math.random()).replace(/0\./, "")
         return proxy
     }
     var eachProxyPool = []
@@ -3138,7 +3138,7 @@
         proxy.$watch(param, function(val) {
             data.getter().set(proxy.$index, val)
         })
-        proxy.$id = "$proxy$" + data.type + Math.random()
+        proxy.$id = ("$proxy$" + data.type + Math.random()).replace(/0\./, "")
         return proxy
     }
     function recycleEachProxies(array) {
diff --git a/avalon.modern.min.js b/avalon.modern.min.js
index 845e572df..1988c3fb4 100644
--- a/avalon.modern.min.js
+++ b/avalon.modern.min.js
@@ -13,43 +13,43 @@ node:h,nodeType:3,value:f.value,filters:l};l&&-1!==l.indexOf("html")&&(avalon.Ar
 k||"selected"===k||"disabled"===k||"readonly"===k)m=k,k="attr",b.removeAttribute(l),l="ms-attr-"+m,b.setAttribute(l,n),g=[l],f[l]=n;"function"===typeof z[k]&&(n={type:k,param:m,element:b,name:g[0],value:n,priority:k in Ta?Ta[k]:10*k.charCodeAt(0)+(Number(m)||0)},"if"===k&&"loop"===m&&(n.priority+=100),d.length&&(e.push(n),"widget"===k&&(b.msData=b.msData||f)))}f["ms-checked"]&&f["ms-duplex"]&&E("warning!\u4e00\u4e2a\u5143\u7d20\u4e0a\u4e0d\u80fd\u540c\u65f6\u5b9a\u4e49ms-checked\u4e0ems-duplex");
 e.sort(function(b,d){return b.priority-d.priority});c=e[0]||{};switch(c.type){case "if":case "repeat":case "widget":wa([c],d);break;default:wa(e,d),!zb[b.tagName]&&xa.test(b.innerHTML+b.textContent)&&ua(b,d)}b.patchRepeat&&(b.patchRepeat(),b.patchRepeat="",b.removeAttribute("patchRepeat"),b.removeAttribute("avalonctrl"))}function wa(b,d){for(var c=0,e;e=b[c++];)e.vmodels=d,z[e.type](e,d),e.evaluator&&e.name&&e.element.removeAttribute(e.name);b.length=0}function Sa(b,d){0<b.indexOf("|")&&(b=b.replace(Ab,
 "U2hvcnRDaXJjdWl0"),b=b.replace(Bb,function(b,e,f){d.push(e+(f||""));return""}),b=b.replace(Cb,"||"));return b}function va(b){var d=[],c;c=0;var e;do{e=b.indexOf(H,c);if(-1===e)break;(c=b.slice(c,e))&&d.push({value:c,expr:!1});c=e+H.length;e=b.indexOf(I,c);if(-1===e)break;if(c=b.slice(c,e)){var f=[];c=Sa(c,f);d.push({value:c,expr:!0,filters:f.length?f:void 0})}c=e+I.length}while(1);(c=b.slice(c))&&d.push({value:c,expr:!1});return d}function Db(b,d,c,e){for(var f=[],g=" = "+c+".",h=b.length,l;l=b[--h];)d.hasOwnProperty(l)&&
-(f.push(l+g+l),"duplex"===e&&(b.get=c+"."+l),b.splice(h,1));return f}function Ua(b){for(var d=[],c={},e=0;e<b.length;e++){var f=b[e],g=f&&"string"===typeof f.$id?f.$id:f;c[g]||(c[g]=d.push(f))}return d}function Va(b){function d(e,f){c.push(e)>b&&delete d[c.shift()];return d[e]=f}var c=[];return d}function ka(b,d,c){var e=c.type,f="html"===e||"text"===e?c.filters:"",g=d.map(function(b){return b.$id.replace(Eb,"$1")})+b+e+f,h=Fb(b).concat(),l=[],k=[],m=[],n="";d=Ua(d);for(var p=0,n=d.length;p<n;p++)if(h.length){var t=
+(f.push(l+g+l),"duplex"===e&&(b.get=c+"."+l),b.splice(h,1));return f}function Ua(b){for(var d=[],c={},e=0;e<b.length;e++){var f=b[e],g=f&&"string"===typeof f.$id?f.$id:f;c[g]||(c[g]=d.push(f))}return d}function Va(b){function d(e,f){c.push(e)>b&&delete d[c.shift()];return d[e]=f}var c=[];return d}function ka(b,d,c){var e=c.type,f=c.filters?c.filters.join(""):"",g=d.map(function(b){return b.$id.replace(Eb,"$1")})+b+e+f,h=Fb(b).concat(),l=[],k=[],m=[],n="";d=Ua(d);for(var p=0,n=d.length;p<n;p++)if(h.length){var t=
 "vm"+x+"_"+p;k.push(t);m.push(d[p]);l.push.apply(l,Db(h,d[p],t,e))}if(l.length||"duplex"!==e)if(f&&m.push(avalon.filters),c.args=m,d=ya[g])c.evaluator=d;else{(n=l.join(", "))&&(n="var "+n);if(f){b="\nvar ret"+x+" = "+b;e=[];e.push(b,"\r\n");for(p=0;f=c.filters[p++];)h=f.indexOf("("),-1!==h?(b=f.slice(h+1,f.lastIndexOf(")")).trim(),b=","+b,f=f.slice(0,h).trim()):b="",e.push(" if(filters",x,".",f,"){\n\ttry{\nret",x," = filters",x,".",f,"(ret",x,b,")\n\t}catch(e){} \n}\n");b=e.join("");b+="\nreturn ret"+
 x;k.push("filters"+x)}else{if("duplex"===e){n="'use strict';\nreturn function(vvv){\n\t"+n+";\n\tif(!arguments.length){\n\t\treturn "+b+"\n\t}\n\t"+(!Gb.test(b)?h.get:b)+"= vvv;\n} ";try{d=Function.apply(B,k.concat(n)),c.evaluator=ya(g,d)}catch(na){E("debug: parse error,"+na.message)}return}"on"===e?(b=-1===b.indexOf("(")?b+".call(this, $event)":b.replace("(",".call(this,"),k.push("$event"),b="\nreturn "+b+";",e=b.lastIndexOf("\nreturn"),p=b.slice(0,e),b=b.slice(e),b=p+"\n"+b):b="\nreturn "+b+";"}try{d=
 Function.apply(B,k.concat("'use strict';\n"+n+b)),c.evaluator=ya(g,d)}catch(sb){E("debug: parse error,"+sb.message)}finally{h=e=k=null}}}function J(b,d,c,e){Array.isArray(e)&&(b=e.map(function(b){return b.expr?"("+b.value+")":JSON.stringify(b.value)}).join(" + "));ka(b,d,c);c.evaluator&&(c.handler=za[c.handlerName||c.type],c.evaluator.toString=function(){return c.type+" binding to eval("+b+")"},qa(c))}function X(b,d){var c="_"+b;if(!X[c]){var e=q.createElement(b);D.appendChild(e);d=getComputedStyle(e,
 null).display;D.removeChild(e);X[c]=d}return X[c]}function Wa(b,d,c){var e=q.createEvent("Events");e.initEvent(d,!0,!0);c&&(e.detail=c);b.dispatchEvent(e)}function Hb(){!this.disabled&&this.oldValue!==this.value&&Wa(this,"input")}function Ib(){for(var b=Y.length-1;0<=b;b--)!1===(0,Y[b])()&&Y.splice(b,1);Y.length||clearInterval(Xa)}function Jb(b){Kb.call(this,b);b!==this.oldValue&&Wa(this,"input")}function ob(b){var d=[];d.$id=Ja();d[w]=[];d.$model=b;d.$events={};d._=F({length:b.length});d._.$watch("length",
 function(b,c){d.$fire("length",b,c)});for(var c in G)d[c]=G[c];avalon.mix(d,Ya);return d}function Za(b){var d=[];$a(b,d);for(var c=0,e;e=d[c++];)"ms-if"===e.nodeValue&&O.appendChild(e.elem);for(;e=b.firstChild;)O.appendChild(e);O.innerHTML=""}function Lb(b,d){var c=Z(this.callbackElement,this.callbackName,this.vmodels);c&&Pa(d,function(){c.apply(d,b)})}function ab(b,d,c,e){function f(){delete S[h];b.group=1;if(!b.fastRepeat){b.group=l.childNodes.length;for(l.parentNode.removeChild(l);l.firstChild;)d.appendChild(l.firstChild);
 void 0!==f.node&&f.parent.insertBefore(d,f.node)}}var g=b.template.cloneNode(!0),h=e.$id,l=g.firstChild;b.fastRepeat||(l=q.createElement("msloop"),l.style.display="none",l.appendChild(g));l.setAttribute("ms-controller",h);l.removeAttribute(b.callbackName);l.removeAttribute("data-with-sorted");c.push(l);d.appendChild(l);e.$outer=b.$outer;S[h]=e;return l.patchRepeat=f}function Aa(b,d,c){if(d.startRepeat){b=d.startRepeat;d=d.endRepeat;c+=1;for(var e=0;e<c;e++)if(b=b.nextSibling,b===d)return d;return b}return b.childNodes[d.group*
-c]||null}function bb(b,d,c){d*=c||1;for(c=N;0<=--d;){var e=b.nextSibling;c.appendChild(b);b=e;if(!b)break}return c}function Mb(b,d,c){b=F({$key:b,$outer:c,$val:d},0,{$val:1,$key:1});b.$id="$proxy$with"+Math.random();return b}function Nb(b,d,c,e){var f=c.param||"el",g;b={$remove:function(){return c.getter().removeAt(g.$index)},$itemName:f,$index:b,$outer:c.$outer,$first:0===b,$last:b===e};b[f]=d;e=0;for(var h=$.length;e<h;e++)if(g=$[e],g.hasOwnProperty(f)){for(var l in b)g[l]=b[l];$.splice(e,1);return g}d=
-avalon.type(d);if("object"===d||"function"===d)b.$skipArray=[f];g=F(b,0,Ob);g.$watch(f,function(b){c.getter().set(g.$index,b)});g.$id="$proxy$"+c.type+Math.random();return g}function sa(b){for(var d=0,c;c=b[d++];){var e=c.$accessors,f=c.$itemName;aa(e.$index);aa(e.$last);aa(e.$first);aa(e[f]);aa(c[f]);c.$events={};$.unshift(c)>s.maxRepeatSize&&$.pop()}b.length=0}function aa(b,d){if(b&&Array.isArray(d=b[w]))d.forEach(function(b){b.evaluator&&(b.evaluator=b.element=b.node=null)}),d.length=0}function ba(){A?
-(r["ready!"].state=2,A.checkDeps()):cb.forEach(function(b){b(avalon)});ba=B}var ta="ms-",x=Date.now(),w="$"+x,u=this||(0,eval)("this"),Pb=u.require,Qb=u.define,ea=!1,C=/[^, ]+/g,oa=/^(?:object|array)$/,db=/^\[object SVG\w*Element\]$/,Rb=/^\[object (Window|DOMWindow|global)\]$/,Ba=Object.prototype,La=Ba.hasOwnProperty,ma=Ba.toString,K=Array.prototype,ia=K.slice,Q={},L=q.head,D=q.documentElement,N=q.createDocumentFragment(),O=q.createElement("div"),eb={};"Boolean Number String Function Array Date RegExp Object Error".replace(C,
-function(b){eb["[object "+b+"]"]=b.toLowerCase()});u.avalon=function(b){return new avalon.init(b)};avalon.init=function(b){this[0]=this.element=b};avalon.fn=avalon.prototype=avalon.init.prototype;avalon.type=function(b){return null==b?String(b):"object"===typeof b||"function"===typeof b?eb[ma.call(b)]||"object":typeof b};avalon.isWindow=function(b){return Rb.test(ma.call(b))};avalon.isPlainObject=function(b){return!!b&&"object"===typeof b&&Object.getPrototypeOf(b)===Ba};avalon.mix=avalon.fn.mix=function(){var b,
-d,c,e,f,g=arguments[0]||{},h=1,l=arguments.length,k=!1;"boolean"===typeof g&&(k=g,g=arguments[1]||{},h++);"object"!==typeof g&&"function"!==avalon.type(g)&&(g={});h===l&&(g=this,h--);for(;h<l;h++)if(null!=(b=arguments[h]))for(d in b)c=g[d],e=b[d],g!==e&&(k&&e&&(avalon.isPlainObject(e)||(f=Array.isArray(e)))?(f?(f=!1,c=c&&Array.isArray(c)?c:[]):c=c&&avalon.isPlainObject(c)?c:{},g[d]=avalon.mix(k,c,e)):void 0!==e&&(g[d]=e));return g};avalon.mix({rword:C,subscribers:w,version:1.35,ui:{},log:E,noop:B,
-error:function(b,d){throw new (d||Error)(b);},oneObject:P,range:function(b,d,c){c||(c=1);null==d&&(d=b||0,b=0);var e=-1;d=Math.max(0,Math.ceil((d-b)/c));for(var f=Array(d);++e<d;)f[e]=b,b+=c;return f},slice:function(b,d,c){return ia.call(b,d,c)},contains:function(b,d){return b.contains(d)},eventHooks:{},bind:function(b,d,c,e){var f=avalon.eventHooks[d];"object"===typeof f&&(d=f.type,f.deel&&(c=f.deel(b,c)));b.addEventListener(d,c,!!e);return c},unbind:function(b,d,c,e){var f=avalon.eventHooks[d];
-"object"===typeof f&&(d=f.type);b.removeEventListener(d,c||B,!!e)},css:function(b,d,c){b instanceof avalon&&(b=b[0]);var e=/[_-]/.test(d)?ga(d):d;d=avalon.cssName(e)||e;if(void 0===c||"boolean"===typeof c)return e=v[e+":get"]||v["@:get"],b=e(b,d),!0===c?parseFloat(b)||0:b;""===c?b.style[d]="":null==c||c!==c||(isFinite(c)&&!avalon.cssNumber[e]&&(c+="px"),e=v[e+":set"]||v["@:set"],e(b,d,c))},each:function(b,d){if(b){var c=0;if(Ka(b))for(var e=b.length;c<e;c++)d(c,b[c]);else for(c in b)b.hasOwnProperty(c)&&
-d(c,b[c])}},getWidgetData:function(b,d){var c=avalon(b).data(),e={},f;for(f in c)0===f.indexOf(d)&&(e[f.replace(d,"").replace(/\w/,function(b){return b.toLowerCase()})]=c[f]);return e},parseJSON:JSON.parse,Array:{ensure:function(b,d){-1===b.indexOf(d)&&b.push(d);return b},removeAt:function(b,d){return!!b.splice(d,1).length},remove:function(b,d){var c=b.indexOf(d);return~c?avalon.Array.removeAt(b,c):!1}}});avalon.isArrayLike=Ka;avalon.nextTick=u.setImmediate?setImmediate.bind(u):function(b){setTimeout(b,
-0)};D.contains||(Node.prototype.contains=function(b){return!!(this.compareDocumentPosition(b)&16)});if(u.SVGElement){var fb=document.createElementNS("http://www.w3.org/2000/svg","svg");fb.innerHTML='<circle cx="50" cy="50" r="40" fill="yellow" />';if(!db.test(fb.firstChild)){var Ca=function(b,d){if(b&&b.childNodes)for(var c=b.childNodes,e=0,f;f=c[e++];)if(f.tagName){var g=document.createElementNS("http://www.w3.org/2000/svg",f.tagName.toLowerCase());K.forEach.call(f.attributes,function(b){g.setAttribute(b.name,
-b.value)});Ca(f,g);d.appendChild(g)}};Object.defineProperties(SVGElement.prototype,{outerHTML:{enumerable:!0,configurable:!0,get:function(){return(new XMLSerializer).serializeToString(this)},set:function(b){var d=this.tagName.toLowerCase(),c=this.parentNode;b=avalon.parseHTML(b);"svg"===d?c.insertBefore(b,this):(d=document.createDocumentFragment(),Ca(b,d),c.insertBefore(d,this));c.removeChild(this)}},innerHTML:{enumerable:!0,configurable:!0,get:function(){var b=RegExp("</"+this.nodeName+">$","i");
-return this.outerHTML.replace(RegExp("<"+this.nodeName+'\\b(?:(["\'])[^"]*?(\\1)|[^>])*>',"i"),"").replace(b,"")},set:function(b){avalon.clearHTML&&(avalon.clearHTML(this),b=avalon.parseHTML(b),Ca(b,this))}}})}}var S=avalon.vmodels={};avalon.define=function(b,d){var c=b.$id||b;c||E("warning: \u5fc5\u987b\u6307\u5b9a$id");S[b]&&E("warning: "+c+" \u5df2\u7ecf\u5b58\u5728\u4e8eavalon.vmodels\u4e2d");if("object"===typeof b)var e=F(b);else e={$watch:B},d(e),e=F(e),ea=!0,d(e),ea=!1;e.$id=c;return S[c]=
-e};var pb=String("$id,$watch,$unwatch,$fire,$events,$model,$skipArray,$accessors,"+w).match(C),V=Object.is||function(b,d){return 0===b&&0===d?1/b===1/d:b!==b?d!==d:b===d},R={},fa=0,pa={},H,I,W,gb,xa,hb=/[-.*+?^${}()|[\]\/\\]/g,M={loader:function(b){u.define=b?A.define:Qb;u.require=b?A:Pb},interpolate:function(b){H=b[0];I=b[1];H===I?avalon.error("openTag!==closeTag",SyntaxError):"\x3c!--,--\x3e"===b+""?s.commentInterpolate=!0:(b=H+"test"+I,O.innerHTML=b,O.innerHTML!==b&&0<=O.innerHTML.indexOf("&lt;")&&
-avalon.error("\u6b64\u5b9a\u754c\u7b26\u4e0d\u5408\u6cd5",SyntaxError),O.innerHTML="");b=(H+"").replace(hb,"\\$&");var d=(I+"").replace(hb,"\\$&");W=RegExp(b+"(.*?)"+d);gb=RegExp(b+"(.*?)"+d,"g");xa=RegExp(b+".*?"+d+"|\\sms-")}};s.dettachVModels=s.debug=!0;s.plugins=M;s.plugins.interpolate(["{{","}}"]);s.paths={};s.shim={};s.maxRepeatSize=100;avalon.config=s;"add,remove".replace(C,function(b){avalon.fn[b+"Class"]=function(d){var c=this[0];d&&("string"===typeof d&&c&&1===c.nodeType)&&d.replace(/\S+/g,
-function(d){c.classList[b](d)});return this}});avalon.fn.mix({hasClass:function(b){var d=this[0]||{};return 1===d.nodeType&&d.classList.contains(b)},toggleClass:function(b,d){for(var c,e=0,f=b.split(/\s+/),g="boolean"===typeof d;c=f[e++];)this[(g?d:!this.hasClass(c))?"addClass":"removeClass"](c);return this},attr:function(b,d){return 2===arguments.length?(this[0].setAttribute(b,d),this):this[0].getAttribute(b)},data:function(b,d){b="data-"+Ma(b||"");switch(arguments.length){case 2:return this.attr(b,
-d),this;case 1:var c=this.attr(b);return ha(c);case 0:var e={};K.forEach.call(this[0].attributes,function(d){d&&(b=d.name,b.indexOf("data-")||(b=ga(b.slice(5)),e[b]=ha(d.value)))});return e}},removeData:function(b){b="data-"+Ma(b);this[0].removeAttribute(b);return this},css:function(b,d){if(avalon.isPlainObject(b))for(var c in b)avalon.css(this,c,b[c]);else var e=avalon.css(this,b,d);return void 0!==e?e:this},position:function(){var b,d,c=this[0],e={top:0,left:0};if(c)return"fixed"===this.css("position")?
-d=c.getBoundingClientRect():(b=this.offsetParent(),d=this.offset(),"HTML"!==b[0].tagName&&(e=b.offset()),e.top+=avalon.css(b[0],"borderTopWidth",!0),e.left+=avalon.css(b[0],"borderLeftWidth",!0)),{top:d.top-e.top-avalon.css(c,"marginTop",!0),left:d.left-e.left-avalon.css(c,"marginLeft",!0)}},offsetParent:function(){for(var b=this[0].offsetParent||D;b&&"HTML"!==b.tagName&&"static"===avalon.css(b,"position");)b=b.offsetParent;return avalon(b||D)},bind:function(b,d,c){if(this[0])return avalon.bind(this[0],
-b,d,c)},unbind:function(b,d,c){this[0]&&avalon.unbind(this[0],b,d,c);return this},val:function(b){var d=this[0];if(d&&1===d.nodeType){var c=0===arguments.length,e=c?":get":":set",f=Sb,g;g=d.tagName.toLowerCase();g="input"===g&&/checkbox|radio/.test(d.type)?"checked":g;if(e=f[g+e])var h=e(d,b);else{if(c)return(d.value||"").replace(/\r/g,"");d.value=b}}return c?h:this}});D.dataset&&(avalon.data=function(b,d){var c=this[0].dataset;switch(arguments.length){case 2:return c[b]=d,this;case 1:return d=c[b],
-ha(d);case 0:var e={};for(b in c)e[b]=ha(c[b]);return e}});var ub=/(?:\{[\s\S]*\}|\[[\s\S]*\])$/;avalon.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(b,d){avalon.fn[b]=function(c){var e=this[0]||{},f=e.window&&e.document?e:9===e.nodeType?e.defaultView:!1,g="scrollTop"===b;if(arguments.length)f?f.scrollTo(!g?c:avalon(f).scrollLeft(),g?c:avalon(f).scrollTop()):e[b]=c;else return f?f[d]:e[b]}});var v=avalon.cssHooks={},ib=["","-webkit-","-o-","-moz-","-ms-"],Da={"float":"cssFloat",
-background:"backgroundColor"};avalon.cssNumber=P("columnCount,order,fillOpacity,fontWeight,lineHeight,opacity,orphans,widows,zIndex,zoom");avalon.cssName=function(b,d,c){if(Da[b])return Da[b];d=d||D.style;for(var e=0,f=ib.length;e<f;e++)if(c=ga(ib[e]+b),c in d)return Da[b]=c;return null};v["@:set"]=function(b,d,c){b.style[d]=c};v["@:get"]=function(b,d){if(!b||!b.style)throw Error("getComputedStyle\u8981\u6c42\u4f20\u5165\u4e00\u4e2a\u8282\u70b9 "+b);var c,e=getComputedStyle(b,null);e&&(c=e.getPropertyValue(d),
-""===c&&(c=b.style[d]));return c};v["opacity:get"]=function(b){b=v["@:get"](b,"opacity");return""===b?"1":b};"top,left".replace(C,function(b){v[b+":get"]=function(d){var c=v["@:get"](d,b);return/px$/.test(c)?c:avalon(d).position()[b]+"px"}});var Oa={position:"absolute",visibility:"hidden",display:"block"},vb=/^(none|table(?!-c[ea]).+)/;"Width,Height".replace(C,function(b){var d=b.toLowerCase(),c="client"+b,e="scroll"+b,f="offset"+b;v[d+":get"]=function(d,c,e){var k=-4;"number"===typeof e&&(k=e);c=
-"Width"===b?["Left","Right"]:["Top","Bottom"];e=d[f];if(2===k)return e+avalon.css(d,"margin"+c[0],!0)+avalon.css(d,"margin"+c[1],!0);0>k&&(e=e-avalon.css(d,"border"+c[0]+"Width",!0)-avalon.css(d,"border"+c[1]+"Width",!0));-4===k&&(e=e-avalon.css(d,"padding"+c[0],!0)-avalon.css(d,"padding"+c[1],!0));return e};v[d+"&get"]=function(b){var c=[];Na(b,c);for(var e=v[d+":get"](b),f=0,m;m=c[f++];){b=m.node;for(var n in m)"string"===typeof m[n]&&(b.style[n]=m[n])}return e};avalon.fn[d]=function(g){var h=this[0];
-if(0===arguments.length){if(h.setTimeout)return h["inner"+b]||h.document.documentElement[c];if(9===h.nodeType){var l=h.documentElement;return Math.max(h.body[e],l[e],h.body[f],l[f],l[c])}return v[d+"&get"](h)}return this.css(d,g)};avalon.fn["inner"+b]=function(){return v[d+":get"](this[0],void 0,-2)};avalon.fn["outer"+b]=function(b){return v[d+":get"](this[0],void 0,!0===b?2:0)}});avalon.fn.offset=function(){var b=this[0],d={left:0,top:0};if(!b||!b.tagName||!b.ownerDocument)return d;var c=b.ownerDocument,
-e=c.documentElement,c=c.defaultView;if(!e.contains(b))return d;void 0!==b.getBoundingClientRect&&(d=b.getBoundingClientRect());return{top:d.top+c.pageYOffset-e.clientTop,left:d.left+c.pageXOffset-e.clientLeft}};var Sb={"select:get":function(b,d){for(var c,e=b.options,f=b.selectedIndex,g="select-one"===b.type||0>f,h=g?null:[],l=g?f+1:e.length,k=0>f?l:g?f:0;k<l;k++)if(c=e[k],(c.selected||k===f)&&!c.disabled){d=c.value;if(g)return d;h.push(d)}return h},"select:set":function(b,d,c){d=[].concat(d);for(var e=
-0,f;f=b.options[e++];)if(f.selected=0<=d.indexOf(f.value))c=!0;c||(b.selectedIndex=-1)}},Tb=/<([\w:]+)/,Ub=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/ig,Vb=P("text/javascript","text/ecmascript","application/ecmascript","application/javascript","text/vbscript"),jb=/<(?:tb|td|tf|th|tr|col|opt|leg|cap|area)/,kb=new function(){avalon.mix(this,{option:q.createElement("select"),thead:q.createElement("table"),td:q.createElement("tr"),area:q.createElement("map"),tr:q.createElement("tbody"),
-col:q.createElement("colgroup"),legend:q.createElement("fieldset"),"*":q.createElement("div")});this.optgroup=this.option;this.tbody=this.tfoot=this.colgroup=this.caption=this.thead;this.th=this.td};avalon.clearHTML=function(b){b.textContent="";return b};var Wb=q.createElement("script");avalon.parseHTML=function(b){"string"!==typeof b&&(b+="");b=b.replace(Ub,"<$1></$2>").trim();if(Xb.createContextualFragment&&!jb.test(b)&&!/<script/i.test(b)){var d=q.createRange();d.selectNodeContents(D);return d.createContextualFragment(b)}var d=
-N.cloneNode(!1),c=(Tb.exec(b)||["",""])[1].toLowerCase();c in kb||(c="*");c=kb[c];c.innerHTML=b;b=c.getElementsByTagName("script");var e;if(b.length)for(var f=0,g;g=b[f++];)if(!g.type||Vb[g.type])e=Wb.cloneNode(!1),K.forEach.call(g.attributes,function(b){b&&(e[b.name]=b.value)}),e.text=g.text,g.parentNode.replaceChild(e,g);for(;b=c.firstChild;)d.appendChild(b);return d};avalon.innerHTML=function(b,d){if(!/<script/i.test(d)&&!jb.test(d))b.innerHTML=d;else{var c=this.parseHTML(d);this.clearHTML(b).appendChild(c)}};
-var G={$watch:function(b,d){if("function"===typeof d){var c=this.$events[b];c?c.push(d):this.$events[b]=[d]}else this.$events=this.$watch.backup;return this},$unwatch:function(b,d){var c=arguments.length;if(0===c)this.$watch.backup=this.$events,this.$events={};else if(1===c)this.$events[b]=[];else for(var c=this.$events[b]||[],e=c.length;0>~--e;)if(c[e]===d)return c.splice(e,1);return this},$fire:function(b){var d;/^(\w+)!(\S+)$/.test(b)&&(d=RegExp.$1,b=RegExp.$2);for(var c=this.$events,e=c[b]||[],
-f=c.$all||[],g=ia.call(arguments,1),h=0,l;l=e[h++];)l.apply(this,g);for(h=0;l=f[h++];)l.apply(this,arguments);if(c=c.expr&&document.querySelector(c.expr)){var k=[b].concat(g);if("up"===d||"down"===d||"all"===d){for(h in avalon.vmodels)if((g=avalon.vmodels[h])&&(g.$events&&g.$events.expr)&&g!==this)if(e=document.querySelector(g.$events.expr),"all"===d||("down"===d?c.contains(e):e.contains(c)))e._avalon=g;var h=document.querySelectorAll("[avalonctrl]"),m=[];Array.prototype.forEach.call(h,function(b){b._avalon&&
-(m.push(b._avalon),b._avalon="",b.removeAttribute("_avalon"))});"up"===d&&m.reverse();m.forEach(function(b){b.$fire.apply(b,k)})}}}},wb=/^(duplex|on)$/;avalon.scan=function(b,d){b=b||D;var c=d?[].concat(d):[];ja(b,c)};var zb=P("AREA,BASE,BASEFONT,BR,COL,COMMAND,EMBED,HR,IMG,INPUT,LINK,META,PARAM,SOURCE,TRACK,WBR,NOSCRIPT,NOSCRIPT,SCRIPT,STYLE,TEXTAREA"),xb=/ms-(\w+)-?(.*)/,Ta={"if":10,repeat:90,data:100,widget:110,each:1400,"with":1500,duplex:2E3,on:3E3},yb=P("animationend,blur,change,input,click,dblclick,focus,keydown,keypress,keyup,mousedown,mouseenter,mouseleave,mousemove,mouseout,mouseover,mouseup,scan,scroll,submit"),
-Bb=/\|\s*(\w+)\s*(\([^)]*\))?/g,Ab=/\|\|/g,Cb=/U2hvcnRDaXJjdWl0/g,Yb=/&lt;/g,Zb=/&gt;/g,$b=/\/\*[\w\W]*?\*\/|\/\/[^\n]*\n|\/\/[^\n]*$|"(?:[^"\\]|\\[\w\W])*"|'(?:[^'\\]|\\[\w\W])*'|[\s\t\n]*\.[\s\t\n]*[$\w\.]+/g,ac=/[^\w$]+/g,bc=RegExp(""+("\\b"+"break,case,catch,continue,debugger,default,delete,do,else,false,finally,for,function,if,in,instanceof,new,null,return,switch,this,throw,true,try,typeof,var,void,while,with,abstract,boolean,byte,char,class,const,double,enum,export,extends,final,float,goto,implements,import,int,interface,long,native,package,private,protected,public,short,static,super,synchronized,throws,transient,volatile,arguments,let,yield,undefined".replace(/,/g,
+c]||null}function bb(b,d,c){d*=c||1;for(c=N;0<=--d;){var e=b.nextSibling;c.appendChild(b);b=e;if(!b)break}return c}function Mb(b,d,c){b=F({$key:b,$outer:c,$val:d},0,{$val:1,$key:1});b.$id=("$proxy$with"+Math.random()).replace(/0\./,"");return b}function Nb(b,d,c,e){var f=c.param||"el",g;b={$remove:function(){return c.getter().removeAt(g.$index)},$itemName:f,$index:b,$outer:c.$outer,$first:0===b,$last:b===e};b[f]=d;e=0;for(var h=$.length;e<h;e++)if(g=$[e],g.hasOwnProperty(f)){for(var l in b)g[l]=b[l];
+$.splice(e,1);return g}d=avalon.type(d);if("object"===d||"function"===d)b.$skipArray=[f];g=F(b,0,Ob);g.$watch(f,function(b){c.getter().set(g.$index,b)});g.$id=("$proxy$"+c.type+Math.random()).replace(/0\./,"");return g}function sa(b){for(var d=0,c;c=b[d++];){var e=c.$accessors,f=c.$itemName;aa(e.$index);aa(e.$last);aa(e.$first);aa(e[f]);aa(c[f]);c.$events={};$.unshift(c)>s.maxRepeatSize&&$.pop()}b.length=0}function aa(b,d){if(b&&Array.isArray(d=b[w]))d.forEach(function(b){b.evaluator&&(b.evaluator=
+b.element=b.node=null)}),d.length=0}function ba(){A?(r["ready!"].state=2,A.checkDeps()):cb.forEach(function(b){b(avalon)});ba=B}var ta="ms-",x=Date.now(),w="$"+x,u=this||(0,eval)("this"),Pb=u.require,Qb=u.define,ea=!1,C=/[^, ]+/g,oa=/^(?:object|array)$/,db=/^\[object SVG\w*Element\]$/,Rb=/^\[object (Window|DOMWindow|global)\]$/,Ba=Object.prototype,La=Ba.hasOwnProperty,ma=Ba.toString,K=Array.prototype,ia=K.slice,Q={},L=q.head,D=q.documentElement,N=q.createDocumentFragment(),O=q.createElement("div"),
+eb={};"Boolean Number String Function Array Date RegExp Object Error".replace(C,function(b){eb["[object "+b+"]"]=b.toLowerCase()});u.avalon=function(b){return new avalon.init(b)};avalon.init=function(b){this[0]=this.element=b};avalon.fn=avalon.prototype=avalon.init.prototype;avalon.type=function(b){return null==b?String(b):"object"===typeof b||"function"===typeof b?eb[ma.call(b)]||"object":typeof b};avalon.isWindow=function(b){return Rb.test(ma.call(b))};avalon.isPlainObject=function(b){return!!b&&
+"object"===typeof b&&Object.getPrototypeOf(b)===Ba};avalon.mix=avalon.fn.mix=function(){var b,d,c,e,f,g=arguments[0]||{},h=1,l=arguments.length,k=!1;"boolean"===typeof g&&(k=g,g=arguments[1]||{},h++);"object"!==typeof g&&"function"!==avalon.type(g)&&(g={});h===l&&(g=this,h--);for(;h<l;h++)if(null!=(b=arguments[h]))for(d in b)c=g[d],e=b[d],g!==e&&(k&&e&&(avalon.isPlainObject(e)||(f=Array.isArray(e)))?(f?(f=!1,c=c&&Array.isArray(c)?c:[]):c=c&&avalon.isPlainObject(c)?c:{},g[d]=avalon.mix(k,c,e)):void 0!==
+e&&(g[d]=e));return g};avalon.mix({rword:C,subscribers:w,version:1.35,ui:{},log:E,noop:B,error:function(b,d){throw new (d||Error)(b);},oneObject:P,range:function(b,d,c){c||(c=1);null==d&&(d=b||0,b=0);var e=-1;d=Math.max(0,Math.ceil((d-b)/c));for(var f=Array(d);++e<d;)f[e]=b,b+=c;return f},slice:function(b,d,c){return ia.call(b,d,c)},contains:function(b,d){return b.contains(d)},eventHooks:{},bind:function(b,d,c,e){var f=avalon.eventHooks[d];"object"===typeof f&&(d=f.type,f.deel&&(c=f.deel(b,c)));b.addEventListener(d,
+c,!!e);return c},unbind:function(b,d,c,e){var f=avalon.eventHooks[d];"object"===typeof f&&(d=f.type);b.removeEventListener(d,c||B,!!e)},css:function(b,d,c){b instanceof avalon&&(b=b[0]);var e=/[_-]/.test(d)?ga(d):d;d=avalon.cssName(e)||e;if(void 0===c||"boolean"===typeof c)return e=v[e+":get"]||v["@:get"],b=e(b,d),!0===c?parseFloat(b)||0:b;""===c?b.style[d]="":null==c||c!==c||(isFinite(c)&&!avalon.cssNumber[e]&&(c+="px"),e=v[e+":set"]||v["@:set"],e(b,d,c))},each:function(b,d){if(b){var c=0;if(Ka(b))for(var e=
+b.length;c<e;c++)d(c,b[c]);else for(c in b)b.hasOwnProperty(c)&&d(c,b[c])}},getWidgetData:function(b,d){var c=avalon(b).data(),e={},f;for(f in c)0===f.indexOf(d)&&(e[f.replace(d,"").replace(/\w/,function(b){return b.toLowerCase()})]=c[f]);return e},parseJSON:JSON.parse,Array:{ensure:function(b,d){-1===b.indexOf(d)&&b.push(d);return b},removeAt:function(b,d){return!!b.splice(d,1).length},remove:function(b,d){var c=b.indexOf(d);return~c?avalon.Array.removeAt(b,c):!1}}});avalon.isArrayLike=Ka;avalon.nextTick=
+u.setImmediate?setImmediate.bind(u):function(b){setTimeout(b,0)};D.contains||(Node.prototype.contains=function(b){return!!(this.compareDocumentPosition(b)&16)});if(u.SVGElement){var fb=document.createElementNS("http://www.w3.org/2000/svg","svg");fb.innerHTML='<circle cx="50" cy="50" r="40" fill="yellow" />';if(!db.test(fb.firstChild)){var Ca=function(b,d){if(b&&b.childNodes)for(var c=b.childNodes,e=0,f;f=c[e++];)if(f.tagName){var g=document.createElementNS("http://www.w3.org/2000/svg",f.tagName.toLowerCase());
+K.forEach.call(f.attributes,function(b){g.setAttribute(b.name,b.value)});Ca(f,g);d.appendChild(g)}};Object.defineProperties(SVGElement.prototype,{outerHTML:{enumerable:!0,configurable:!0,get:function(){return(new XMLSerializer).serializeToString(this)},set:function(b){var d=this.tagName.toLowerCase(),c=this.parentNode;b=avalon.parseHTML(b);"svg"===d?c.insertBefore(b,this):(d=document.createDocumentFragment(),Ca(b,d),c.insertBefore(d,this));c.removeChild(this)}},innerHTML:{enumerable:!0,configurable:!0,
+get:function(){var b=RegExp("</"+this.nodeName+">$","i");return this.outerHTML.replace(RegExp("<"+this.nodeName+'\\b(?:(["\'])[^"]*?(\\1)|[^>])*>',"i"),"").replace(b,"")},set:function(b){avalon.clearHTML&&(avalon.clearHTML(this),b=avalon.parseHTML(b),Ca(b,this))}}})}}var S=avalon.vmodels={};avalon.define=function(b,d){var c=b.$id||b;c||E("warning: \u5fc5\u987b\u6307\u5b9a$id");S[b]&&E("warning: "+c+" \u5df2\u7ecf\u5b58\u5728\u4e8eavalon.vmodels\u4e2d");if("object"===typeof b)var e=F(b);else e={$watch:B},
+d(e),e=F(e),ea=!0,d(e),ea=!1;e.$id=c;return S[c]=e};var pb=String("$id,$watch,$unwatch,$fire,$events,$model,$skipArray,$accessors,"+w).match(C),V=Object.is||function(b,d){return 0===b&&0===d?1/b===1/d:b!==b?d!==d:b===d},R={},fa=0,pa={},H,I,W,gb,xa,hb=/[-.*+?^${}()|[\]\/\\]/g,M={loader:function(b){u.define=b?A.define:Qb;u.require=b?A:Pb},interpolate:function(b){H=b[0];I=b[1];H===I?avalon.error("openTag!==closeTag",SyntaxError):"\x3c!--,--\x3e"===b+""?s.commentInterpolate=!0:(b=H+"test"+I,O.innerHTML=
+b,O.innerHTML!==b&&0<=O.innerHTML.indexOf("&lt;")&&avalon.error("\u6b64\u5b9a\u754c\u7b26\u4e0d\u5408\u6cd5",SyntaxError),O.innerHTML="");b=(H+"").replace(hb,"\\$&");var d=(I+"").replace(hb,"\\$&");W=RegExp(b+"(.*?)"+d);gb=RegExp(b+"(.*?)"+d,"g");xa=RegExp(b+".*?"+d+"|\\sms-")}};s.dettachVModels=s.debug=!0;s.plugins=M;s.plugins.interpolate(["{{","}}"]);s.paths={};s.shim={};s.maxRepeatSize=100;avalon.config=s;"add,remove".replace(C,function(b){avalon.fn[b+"Class"]=function(d){var c=this[0];d&&("string"===
+typeof d&&c&&1===c.nodeType)&&d.replace(/\S+/g,function(d){c.classList[b](d)});return this}});avalon.fn.mix({hasClass:function(b){var d=this[0]||{};return 1===d.nodeType&&d.classList.contains(b)},toggleClass:function(b,d){for(var c,e=0,f=b.split(/\s+/),g="boolean"===typeof d;c=f[e++];)this[(g?d:!this.hasClass(c))?"addClass":"removeClass"](c);return this},attr:function(b,d){return 2===arguments.length?(this[0].setAttribute(b,d),this):this[0].getAttribute(b)},data:function(b,d){b="data-"+Ma(b||"");
+switch(arguments.length){case 2:return this.attr(b,d),this;case 1:var c=this.attr(b);return ha(c);case 0:var e={};K.forEach.call(this[0].attributes,function(d){d&&(b=d.name,b.indexOf("data-")||(b=ga(b.slice(5)),e[b]=ha(d.value)))});return e}},removeData:function(b){b="data-"+Ma(b);this[0].removeAttribute(b);return this},css:function(b,d){if(avalon.isPlainObject(b))for(var c in b)avalon.css(this,c,b[c]);else var e=avalon.css(this,b,d);return void 0!==e?e:this},position:function(){var b,d,c=this[0],
+e={top:0,left:0};if(c)return"fixed"===this.css("position")?d=c.getBoundingClientRect():(b=this.offsetParent(),d=this.offset(),"HTML"!==b[0].tagName&&(e=b.offset()),e.top+=avalon.css(b[0],"borderTopWidth",!0),e.left+=avalon.css(b[0],"borderLeftWidth",!0)),{top:d.top-e.top-avalon.css(c,"marginTop",!0),left:d.left-e.left-avalon.css(c,"marginLeft",!0)}},offsetParent:function(){for(var b=this[0].offsetParent||D;b&&"HTML"!==b.tagName&&"static"===avalon.css(b,"position");)b=b.offsetParent;return avalon(b||
+D)},bind:function(b,d,c){if(this[0])return avalon.bind(this[0],b,d,c)},unbind:function(b,d,c){this[0]&&avalon.unbind(this[0],b,d,c);return this},val:function(b){var d=this[0];if(d&&1===d.nodeType){var c=0===arguments.length,e=c?":get":":set",f=Sb,g;g=d.tagName.toLowerCase();g="input"===g&&/checkbox|radio/.test(d.type)?"checked":g;if(e=f[g+e])var h=e(d,b);else{if(c)return(d.value||"").replace(/\r/g,"");d.value=b}}return c?h:this}});D.dataset&&(avalon.data=function(b,d){var c=this[0].dataset;switch(arguments.length){case 2:return c[b]=
+d,this;case 1:return d=c[b],ha(d);case 0:var e={};for(b in c)e[b]=ha(c[b]);return e}});var ub=/(?:\{[\s\S]*\}|\[[\s\S]*\])$/;avalon.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(b,d){avalon.fn[b]=function(c){var e=this[0]||{},f=e.window&&e.document?e:9===e.nodeType?e.defaultView:!1,g="scrollTop"===b;if(arguments.length)f?f.scrollTo(!g?c:avalon(f).scrollLeft(),g?c:avalon(f).scrollTop()):e[b]=c;else return f?f[d]:e[b]}});var v=avalon.cssHooks={},ib=["","-webkit-","-o-","-moz-","-ms-"],
+Da={"float":"cssFloat",background:"backgroundColor"};avalon.cssNumber=P("columnCount,order,fillOpacity,fontWeight,lineHeight,opacity,orphans,widows,zIndex,zoom");avalon.cssName=function(b,d,c){if(Da[b])return Da[b];d=d||D.style;for(var e=0,f=ib.length;e<f;e++)if(c=ga(ib[e]+b),c in d)return Da[b]=c;return null};v["@:set"]=function(b,d,c){b.style[d]=c};v["@:get"]=function(b,d){if(!b||!b.style)throw Error("getComputedStyle\u8981\u6c42\u4f20\u5165\u4e00\u4e2a\u8282\u70b9 "+b);var c,e=getComputedStyle(b,
+null);e&&(c=e.getPropertyValue(d),""===c&&(c=b.style[d]));return c};v["opacity:get"]=function(b){b=v["@:get"](b,"opacity");return""===b?"1":b};"top,left".replace(C,function(b){v[b+":get"]=function(d){var c=v["@:get"](d,b);return/px$/.test(c)?c:avalon(d).position()[b]+"px"}});var Oa={position:"absolute",visibility:"hidden",display:"block"},vb=/^(none|table(?!-c[ea]).+)/;"Width,Height".replace(C,function(b){var d=b.toLowerCase(),c="client"+b,e="scroll"+b,f="offset"+b;v[d+":get"]=function(d,c,e){var k=
+-4;"number"===typeof e&&(k=e);c="Width"===b?["Left","Right"]:["Top","Bottom"];e=d[f];if(2===k)return e+avalon.css(d,"margin"+c[0],!0)+avalon.css(d,"margin"+c[1],!0);0>k&&(e=e-avalon.css(d,"border"+c[0]+"Width",!0)-avalon.css(d,"border"+c[1]+"Width",!0));-4===k&&(e=e-avalon.css(d,"padding"+c[0],!0)-avalon.css(d,"padding"+c[1],!0));return e};v[d+"&get"]=function(b){var c=[];Na(b,c);for(var e=v[d+":get"](b),f=0,m;m=c[f++];){b=m.node;for(var n in m)"string"===typeof m[n]&&(b.style[n]=m[n])}return e};
+avalon.fn[d]=function(g){var h=this[0];if(0===arguments.length){if(h.setTimeout)return h["inner"+b]||h.document.documentElement[c];if(9===h.nodeType){var l=h.documentElement;return Math.max(h.body[e],l[e],h.body[f],l[f],l[c])}return v[d+"&get"](h)}return this.css(d,g)};avalon.fn["inner"+b]=function(){return v[d+":get"](this[0],void 0,-2)};avalon.fn["outer"+b]=function(b){return v[d+":get"](this[0],void 0,!0===b?2:0)}});avalon.fn.offset=function(){var b=this[0],d={left:0,top:0};if(!b||!b.tagName||
+!b.ownerDocument)return d;var c=b.ownerDocument,e=c.documentElement,c=c.defaultView;if(!e.contains(b))return d;void 0!==b.getBoundingClientRect&&(d=b.getBoundingClientRect());return{top:d.top+c.pageYOffset-e.clientTop,left:d.left+c.pageXOffset-e.clientLeft}};var Sb={"select:get":function(b,d){for(var c,e=b.options,f=b.selectedIndex,g="select-one"===b.type||0>f,h=g?null:[],l=g?f+1:e.length,k=0>f?l:g?f:0;k<l;k++)if(c=e[k],(c.selected||k===f)&&!c.disabled){d=c.value;if(g)return d;h.push(d)}return h},
+"select:set":function(b,d,c){d=[].concat(d);for(var e=0,f;f=b.options[e++];)if(f.selected=0<=d.indexOf(f.value))c=!0;c||(b.selectedIndex=-1)}},Tb=/<([\w:]+)/,Ub=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/ig,Vb=P("text/javascript","text/ecmascript","application/ecmascript","application/javascript","text/vbscript"),jb=/<(?:tb|td|tf|th|tr|col|opt|leg|cap|area)/,kb=new function(){avalon.mix(this,{option:q.createElement("select"),thead:q.createElement("table"),td:q.createElement("tr"),
+area:q.createElement("map"),tr:q.createElement("tbody"),col:q.createElement("colgroup"),legend:q.createElement("fieldset"),"*":q.createElement("div")});this.optgroup=this.option;this.tbody=this.tfoot=this.colgroup=this.caption=this.thead;this.th=this.td};avalon.clearHTML=function(b){b.textContent="";return b};var Wb=q.createElement("script");avalon.parseHTML=function(b){"string"!==typeof b&&(b+="");b=b.replace(Ub,"<$1></$2>").trim();if(Xb.createContextualFragment&&!jb.test(b)&&!/<script/i.test(b)){var d=
+q.createRange();d.selectNodeContents(D);return d.createContextualFragment(b)}var d=N.cloneNode(!1),c=(Tb.exec(b)||["",""])[1].toLowerCase();c in kb||(c="*");c=kb[c];c.innerHTML=b;b=c.getElementsByTagName("script");var e;if(b.length)for(var f=0,g;g=b[f++];)if(!g.type||Vb[g.type])e=Wb.cloneNode(!1),K.forEach.call(g.attributes,function(b){b&&(e[b.name]=b.value)}),e.text=g.text,g.parentNode.replaceChild(e,g);for(;b=c.firstChild;)d.appendChild(b);return d};avalon.innerHTML=function(b,d){if(!/<script/i.test(d)&&
+!jb.test(d))b.innerHTML=d;else{var c=this.parseHTML(d);this.clearHTML(b).appendChild(c)}};var G={$watch:function(b,d){if("function"===typeof d){var c=this.$events[b];c?c.push(d):this.$events[b]=[d]}else this.$events=this.$watch.backup;return this},$unwatch:function(b,d){var c=arguments.length;if(0===c)this.$watch.backup=this.$events,this.$events={};else if(1===c)this.$events[b]=[];else for(var c=this.$events[b]||[],e=c.length;0>~--e;)if(c[e]===d)return c.splice(e,1);return this},$fire:function(b){var d;
+/^(\w+)!(\S+)$/.test(b)&&(d=RegExp.$1,b=RegExp.$2);for(var c=this.$events,e=c[b]||[],f=c.$all||[],g=ia.call(arguments,1),h=0,l;l=e[h++];)l.apply(this,g);for(h=0;l=f[h++];)l.apply(this,arguments);if(c=c.expr&&document.querySelector(c.expr)){var k=[b].concat(g);if("up"===d||"down"===d||"all"===d){for(h in avalon.vmodels)if((g=avalon.vmodels[h])&&(g.$events&&g.$events.expr)&&g!==this)if(e=document.querySelector(g.$events.expr),"all"===d||("down"===d?c.contains(e):e.contains(c)))e._avalon=g;var h=document.querySelectorAll("[avalonctrl]"),
+m=[];Array.prototype.forEach.call(h,function(b){b._avalon&&(m.push(b._avalon),b._avalon="",b.removeAttribute("_avalon"))});"up"===d&&m.reverse();m.forEach(function(b){b.$fire.apply(b,k)})}}}},wb=/^(duplex|on)$/;avalon.scan=function(b,d){b=b||D;var c=d?[].concat(d):[];ja(b,c)};var zb=P("AREA,BASE,BASEFONT,BR,COL,COMMAND,EMBED,HR,IMG,INPUT,LINK,META,PARAM,SOURCE,TRACK,WBR,NOSCRIPT,NOSCRIPT,SCRIPT,STYLE,TEXTAREA"),xb=/ms-(\w+)-?(.*)/,Ta={"if":10,repeat:90,data:100,widget:110,each:1400,"with":1500,duplex:2E3,
+on:3E3},yb=P("animationend,blur,change,input,click,dblclick,focus,keydown,keypress,keyup,mousedown,mouseenter,mouseleave,mousemove,mouseout,mouseover,mouseup,scan,scroll,submit"),Bb=/\|\s*(\w+)\s*(\([^)]*\))?/g,Ab=/\|\|/g,Cb=/U2hvcnRDaXJjdWl0/g,Yb=/&lt;/g,Zb=/&gt;/g,$b=/\/\*[\w\W]*?\*\/|\/\/[^\n]*\n|\/\/[^\n]*$|"(?:[^"\\]|\\[\w\W])*"|'(?:[^'\\]|\\[\w\W])*'|[\s\t\n]*\.[\s\t\n]*[$\w\.]+/g,ac=/[^\w$]+/g,bc=RegExp(""+("\\b"+"break,case,catch,continue,debugger,default,delete,do,else,false,finally,for,function,if,in,instanceof,new,null,return,switch,this,throw,true,try,typeof,var,void,while,with,abstract,boolean,byte,char,class,const,double,enum,export,extends,final,float,goto,implements,import,int,interface,long,native,package,private,protected,public,short,static,super,synchronized,throws,transient,volatile,arguments,let,yield,undefined".replace(/,/g,
 "\\b|\\b")+"\\b"),"g"),cc=/\b\d[^,]*/g,dc=/^,+|,+$/g,Ea=Va(512),Fb=function(b){var d=","+b.trim();if(Ea[d])return Ea[d];b=b.replace($b,"").replace(ac,",").replace(bc,"").replace(cc,"").replace(dc,"").split(/^$|,+/);return Ea(d,Ua(b))},ya=Va(128),Gb=/\w\[.*\]|\w\.\w/,Eb=/(\$proxy\$[a-z]+)\d+$/;avalon.parseExprProxy=J;L.insertAdjacentHTML("afterBegin",'<style id="avalonStyle">.avalonHide{ display: none!important }</style>');var Z=function(b,d,c){if(b=b.getAttribute(d)){d=0;for(var e;e=c[d++];)if(e.hasOwnProperty(b)&&
 "function"===typeof e[b])return e[b]}},Fa=avalon.templateCache={},ra=q.createElement("div"),Ga={};"autofocus,autoplay,async,checked,controls,declare,disabled,defer,defaultChecked,defaultSelectedcontentEditable,isMap,loop,multiple,noHref,noResize,noShade,open,readOnly,selected".replace(C,function(b){Ga[b.toLowerCase()]=b});var za=avalon.bindingExecutors={attr:function(b,d,c){function e(b){m&&(b=m.apply(d,[b].concat(l)));avalon.innerHTML(d,b);ua(d,l);k&&Pa(d,function(){k.call(d)})}var f=c.type,g=c.param;
 if("css"===f)avalon(d).css(g,b);else if("attr"===f){if(Ga[g]&&(c=Ga[g],"boolean"===typeof d[c]))return d[c]=!!b;if(!1===b||null===b||void 0===b)return d.removeAttribute(g);if(u.VBArray&&!db.test(d))var h=(d.attributes||{})[g],h=h&&!1===h.expando;h?d[g]=b:d.setAttribute(g,b)}else if("include"===f&&b){var l=c.vmodels,k=Z(d,"data-include-rendered",l),m=Z(d,"data-include-loaded",l);if("src"===c.param)if(Fa[b])avalon.nextTick(function(){e(Fa[b])});else{var n=new u.XMLHttpRequest;n.onload=function(){var d=
diff --git a/avalon.observe.js b/avalon.observe.js
index c1f9b9572..133aae6cc 100644
--- a/avalon.observe.js
+++ b/avalon.observe.js
@@ -1,4 +1,4 @@
-//==================================================
+p//==================================================
 // 这是avalon的第三版，使用最激进大胆的新API构进，以期这先行研究让avalon领先于世界！
 // 之前的avalon是在动态执行时收集依赖,而次世代avalon是通过静态编译获取依赖关系
 // 之前的avalon通过劫持内部set,get函数实现对视图的同步，VM与M是分开的，次世代avalon是直接在原对象上修改，
@@ -6,3662 +6,3661 @@
 // 通过Promise实现avalon.nextTick
 // Element.prototype.remove 、  Comment.prototype.remove 
 //==================================================
-(function(DOC) {
-    var prefix = "ms-"
-    var expose = Date.now()
-    var subscribers = "$" + expose
-    var window = this || (0, eval)('this')
-    var otherRequire = window.require
-    var otherDefine = window.define
-    var rword = /[^, ]+/g //切割字符串为一个个小块，以空格或豆号分开它们，结合replace实现字符串的forEach
-    var rcomplextype = /^(?:object|array)$/
-    var rwindow = /^\[object (Window|DOMWindow|global)\]$/
-    var oproto = Object.prototype
-    var ohasOwn = oproto.hasOwnProperty
-    var serialize = oproto.toString
-    var ap = Array.prototype
-    var aslice = ap.slice
-    var head = DOC.head //HEAD元素
-    var root = DOC.documentElement
-    var hyperspace = DOC.createDocumentFragment()
-    var cinerator = DOC.createElement("div")
-    var class2type = {}
-    "Boolean Number String Function Array Date RegExp Object Error".replace(rword, function(name) {
-        class2type["[object " + name + "]"] = name.toLowerCase()
-    })
-
-    function noop() {
-    }
-
-    function log(a) {
-        if (avalon.config.debug) {
-            console.log(a)
-        }
-    }
-
-    function oneObject(array, val) {
-        if (typeof array === "string") {
-            array = array.match(rword) || []
-        }
-        var result = {},
-                value = val !== void 0 ? val : 1
-        for (var i = 0, n = array.length; i < n; i++) {
-            result[array[i]] = value
-        }
-        return result
-    }
-    /*********************************************************************
-     *                 命名空间与工具函数                                 *
-     **********************************************************************/
-    window.avalon = function(el) { //创建jQuery式的无new 实例化结构
-        return new avalon.init(el)
-    }
-    avalon.init = function(el) {
-        this[0] = this.element = el
-    }
-    avalon.fn = avalon.prototype = avalon.init.prototype
-    avalon.type = function(obj) {
-        /*取得目标类型*/
-        if (obj == null) {
-            return String(obj)
-        }
-        // 早期的webkit内核浏览器实现了已废弃的ecma262v4标准，可以将正则字面量当作函数使用，因此typeof在判定正则时会返回function
-        return typeof obj === "object" || typeof obj === "function" ?
-                class2type[serialize.call(obj)] || "object" :
-                typeof obj
-    }
-    avalon.isWindow = function(obj) {
-        return rwindow.test(serialize.call(obj))
-    }
-
-    /*判定是否是一个朴素的javascript对象（Object），不是DOM对象，不是BOM对象，不是自定义类的实例*/
-
-    avalon.isPlainObject = function(obj) {
-        return !!obj && typeof obj === "object" && Object.getPrototypeOf(obj) === oproto
-    }
-
-    avalon.mix = avalon.fn.mix = function() {
-        var options, name, src, copy, copyIsArray, clone,
-                target = arguments[0] || {},
-                i = 1,
-                length = arguments.length,
-                deep = false
-
-        // 如果第一个参数为布尔,判定是否深拷贝
-        if (typeof target === "boolean") {
-            deep = target
-            target = arguments[1] || {}
-            i++
-        }
-
-        //确保接受方为一个复杂的数据类型
-        if (typeof target !== "object" && avalon.type(target) !== "function") {
-            target = {}
-        }
-
-        //如果只有一个参数，那么新成员添加于mix所在的对象上
-        if (i === length) {
-            target = this
-            i--
-        }
-
-        for (; i < length; i++) {
-            //只处理非空参数
-            if ((options = arguments[i]) != null) {
-                for (name in options) {
-                    src = target[name]
-                    copy = options[name]
-
-                    // 防止环引用
-                    if (target === copy) {
-                        continue
-                    }
-                    if (deep && copy && (avalon.isPlainObject(copy) || (copyIsArray = Array.isArray(copy)))) {
-                        if (copyIsArray) {
-                            copyIsArray = false
-                            clone = src && Array.isArray(src) ? src : []
+        (function(DOC) {
+            var prefix = "ms-"
+            var expose = Date.now()
+            var subscribers = "$" + expose
+            var window = this || (0, eval)('this')
+            var otherRequire = window.require
+            var otherDefine = window.define
+            var rword = /[^, ]+/g //切割字符串为一个个小块，以空格或豆号分开它们，结合replace实现字符串的forEach
+            var rcomplextype = /^(?:object|array)$/
+            var rwindow = /^\[object (Window|DOMWindow|global)\]$/
+            var oproto = Object.prototype
+            var ohasOwn = oproto.hasOwnProperty
+            var serialize = oproto.toString
+            var ap = Array.prototype
+            var aslice = ap.slice
+            var head = DOC.head //HEAD元素
+            var root = DOC.documentElement
+            var hyperspace = DOC.createDocumentFragment()
+            var cinerator = DOC.createElement("div")
+            var class2type = {}
+            "Boolean Number String Function Array Date RegExp Object Error".replace(rword, function(name) {
+                class2type["[object " + name + "]"] = name.toLowerCase()
+            })
 
-                        } else {
-                            clone = src && avalon.isPlainObject(src) ? src : {}
-                        }
-
-                        target[name] = avalon.mix(deep, clone, copy)
-                    } else if (copy !== void 0) {
-                        target[name] = copy
-                    }
-                }
-            }
-        }
-        return target
-    }
-
-
-    avalon.mix({
-        rword: rword,
-        subscribers: subscribers,
-        version: "1.34observe",
-        ui: {},
-        log: log,
-        noop: noop,
-        error: function(str, e) { //如果不用Error对象封装一下，str在控制台下可能会乱码
-            throw new (e || Error)(str)
-        },
-        oneObject: oneObject,
-        /* avalon.range(10)
-         => [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
-         avalon.range(1, 11)
-         => [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
-         avalon.range(0, 30, 5)
-         => [0, 5, 10, 15, 20, 25]
-         avalon.range(0, -10, -1)
-         => [0, -1, -2, -3, -4, -5, -6, -7, -8, -9]
-         avalon.range(0)
-         => []*/
-        range: function(start, end, step) { // 用于生成整数数组
-            step || (step = 1)
-            if (end == null) {
-                end = start || 0
-                start = 0
-            }
-            var index = -1,
-                    length = Math.max(0, Math.ceil((end - start) / step)),
-                    result = Array(length)
-            while (++index < length) {
-                result[index] = start
-                start += step
-            }
-            return result
-        },
-        slice: function(nodes, start, end) {
-            return aslice.call(nodes, start, end)
-        },
-        contains: function(a, b) {
-            return a.contains(b)
-        },
-        eventHooks: {},
-        bind: function(el, type, fn, phase) {
-            var hooks = avalon.eventHooks
-            var hook = hooks[type]
-            if (typeof hook === "object") {
-                type = hook.type
-                if (hook.deel) {
-                    fn = hook.deel(el, fn)
-                }
-            }
-            el.addEventListener(type, fn, !!phase)
-            return fn
-        },
-        unbind: function(el, type, fn, phase) {
-            var hooks = avalon.eventHooks
-            var hook = hooks[type]
-            if (typeof hook === "object") {
-                type = hook.type
-            }
-            el.removeEventListener(type, fn || noop, !!phase)
-        },
-        css: function(node, name, value) {
-            if (node instanceof avalon) {
-                node = node[0]
-            }
-            var prop = /[_-]/.test(name) ? camelize(name) : name
-            name = avalon.cssName(prop) || prop
-            if (value === void 0 || typeof value === "boolean") { //获取样式
-                var fn = cssHooks[prop + ":get"] || cssHooks["@:get"]
-                var val = fn(node, name)
-                return value === true ? parseFloat(val) || 0 : val
-            } else if (value === "") { //请除样式
-                node.style[name] = ""
-            } else { //设置样式
-                if (value == null || value !== value) {
-                    return
-                }
-                if (isFinite(value) && !avalon.cssNumber[prop]) {
-                    value += "px"
-                }
-                fn = cssHooks[prop + ":set"] || cssHooks["@:set"]
-                fn(node, name, value)
+            function noop() {
             }
-        },
-        each: function(obj, fn) {
-            if (obj) { //排除null, undefined
-                var i = 0
-                if (isArrayLike(obj)) {
-                    for (var n = obj.length; i < n; i++) {
-                        fn(i, obj[i])
-                    }
-                } else {
-                    for (i in obj) {
-                        if (obj.hasOwnProperty(i)) {
-                            fn(i, obj[i])
-                        }
-                    }
+
+            function log(a) {
+                if (avalon.config.debug) {
+                    console.log(a)
                 }
             }
-        },
-        getWidgetData: function(elem, prefix) {
-            var raw = avalon(elem).data()
-            var result = {}
-            for (var i in raw) {
-                if (i.indexOf(prefix) === 0) {
-                    result[i.replace(prefix, "").replace(/\w/, function(a) {
-                        return a.toLowerCase()
-                    })] = raw[i]
+
+            function oneObject(array, val) {
+                if (typeof array === "string") {
+                    array = array.match(rword) || []
                 }
+                var result = {},
+                        value = val !== void 0 ? val : 1
+                for (var i = 0, n = array.length; i < n; i++) {
+                    result[array[i]] = value
+                }
+                return result
+            }
+            /*********************************************************************
+             *                 命名空间与工具函数                                 *
+             **********************************************************************/
+            window.avalon = function(el) { //创建jQuery式的无new 实例化结构
+                return new avalon.init(el)
             }
-            return result
-        },
-        parseJSON: JSON.parse,
-        Array: {
-            /*只有当前数组不存在此元素时只添加它*/
-            ensure: function(target, item) {
-                if (target.indexOf(item) === -1) {
-                    target.push(item)
+            avalon.init = function(el) {
+                this[0] = this.element = el
+            }
+            avalon.fn = avalon.prototype = avalon.init.prototype
+            avalon.type = function(obj) {
+                /*取得目标类型*/
+                if (obj == null) {
+                    return String(obj)
                 }
-                return target
-            },
-            /*移除数组中指定位置的元素，返回布尔表示成功与否*/
-            removeAt: function(target, index) {
-                return !!target.splice(index, 1).length
-            },
-            /*移除数组中第一个匹配传参的那个元素，返回布尔表示成功与否*/
-            remove: function(target, item) {
-                var index = target.indexOf(item)
-                if (~index)
-                    return avalon.Array.removeAt(target, index)
-                return false
+                // 早期的webkit内核浏览器实现了已废弃的ecma262v4标准，可以将正则字面量当作函数使用，因此typeof在判定正则时会返回function
+                return typeof obj === "object" || typeof obj === "function" ?
+                        class2type[serialize.call(obj)] || "object" :
+                        typeof obj
+            }
+            avalon.isWindow = function(obj) {
+                return rwindow.test(serialize.call(obj))
             }
-        }
-    })
 
-    /*生成UUID http://stackoverflow.com/questions/105034/how-to-create-a-guid-uuid-in-javascript*/
-    function generateID() {
-        return "avalon" + Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15)
-    }
+            /*判定是否是一个朴素的javascript对象（Object），不是DOM对象，不是BOM对象，不是自定义类的实例*/
 
-    /*判定是否类数组，如节点集合，纯数组，arguments与拥有非负整数的length属性的纯JS对象*/
-    function isArrayLike(obj) {
-        if (obj && typeof obj === "object") {
-            var n = obj.length,
-                    str = serialize.call(obj)
-            if (/(Array|List|Collection|Map|Arguments)\]$/.test(str)) {
-                return true
-            } else if (str === "[object Object]" && (+n === n && !(n % 1) && n >= 0)) {
-                return true //由于ecma262v5能修改对象属性的enumerable，因此不能用propertyIsEnumerable来判定了
-            }
-        }
-        return false
-    }
-    avalon.isArrayLike = isArrayLike
-    /*视浏览器情况采用最快的异步回调*/
-    avalon.nextTick = function(callback) {
-        new Promise(function(resolve) {
-            resolve()
-        }).then(callback)
-    }
-
-    if (!root.contains) { //safari5+是把contains方法放在Element.prototype上而不是Node.prototype
-        Node.prototype.contains = function(arg) {
-            return !!(this.compareDocumentPosition(arg) & 16)
-        }
-    }
-
-    /*********************************************************************
-     *                           modelFactory                              *
-     **********************************************************************/
-    //avalon最核心的方法的两个方法之一（另一个是avalon.scan），返回一个ViewModel(VM)
-    var VMODELS = avalon.vmodels = {}
-    avalon.define = function(id, factory) {
-        if (VMODELS[id]) {
-            log("warning: " + id + " 已经存在于avalon.vmodels中")
-        }
-        var scope = {
-            $events: {},
-            $watch: EventManager.$watch
-        }
-        factory(scope) //得到所有定义
-        scope.$id = id
-        return VMODELS[id] = modelFactory(scope)
-    }
-
-    function observeCallback(changes) {
-        changes.forEach(function(description) {
-            if (description.type === "update") {
-                var host = description.object
-                var name = description.name
-                var oldValue = description.oldValue
-                var newValue = host[name]
-                if (!isObservable(name, oldValue, host.$skipArray)) {
-                    return
-                }
-                var type = avalon.type(oldValue)
-                if (type === "array" || type === "object") {
-                    newValue = updateVModel(oldValue, newValue, type)
-                    var fn = rebindings[newValue.$id]
-                    fn && fn()
-                    host.$model[name] = newValue.$model //同步$model
-                } else {
-                    withProxyCount && updateWithProxy(host.$id, name, newValue) //同步循环绑定中的代理VM
-                }
-                host.$fire(name, newValue, oldValue)
-                notifySubscribers(host.$accessors, name)
-            }
-        })
-    }
-    function isObservable(name, value, $skipArray) {
-        if (typeof value === "function" || (value && value.nodeType)) {
-            return false
-        }
-        var $watchOne = $skipArray.opposite
-        if ($skipArray.indexOf(name) !== -1) {
-            return false
-        }
-        if (name && name[0] === "$" && !$watchOne[name]) {
-            return false
-        }
-        return true
-    }
-    function modelFactory(scope) {
-        if (Array.isArray(scope)) {
-            var arr = scope.concat() //原数组的作为新生成的监控数组的$model而存在
-            scope.length = 0
-            var collection = Collection(scope)
-            collection.push.apply(collection, arr)
-            return collection
-        }
-        if (typeof scope.nodeType === "number") {
-            return scope
-        }
-        if (!Array.isArray(scope.$skipArray)) {
-            scope.$skipArray = []
-        }
-        scope.$skipArray.opposite = arguments[2] || {}
-        avalon.each(scope, function(key, val) {
-            if (!isObservable(key, val, scope.$skipArray)) {
-                return //过滤所有非监控属性
-            }
-            var valueType = avalon.type(val)
-            if (valueType === "object" && typeof val.get === "function" && Object.keys(val).length <= 2) {
-                var userGet = val.get // 将计算属性转为真正的访问器属性,并重写set方法
-                var userSet = val.set || noop
-                Object.defineProperty(scope, key, {
-                    enumerable: true,
-                    configurable: true,
-                    get: userGet,
-                    set: function(newValue) {
-                        var oldValue = userGet.call(this)
-                        userSet.call(this, newValue)
-                        newValue = userGet()
-                        if (!Object.is(oldValue, newValue)) {
-                            Object.getNotifier(this).notify({
-                                type: "update",
-                                object: this,
-                                name: key,
-                                oldValue: oldValue
-                            })
-                        }
-                    }
-                })
-            } else if (valueType === "object" || valueType === "array") {
-                scope[key] = modelFactory(val)
-            }
-        })
-        scope.$events = scope.$events || {}
-        scope.$id = generateID()
-        scope.$accessors = {}
-        scope[subscribers] = []
-        for (var i in EventManager) {
-            scope[i] = EventManager[i]
-        }
-
-        Object.defineProperties(scope, {
-            "$model": {
-                enumerable: false,
-                configurable: true,
-                get: function() {
-                    var obj = {}
-                    for (var i in this) {
-                        if (skipProperties.indexOf(i) === -1) {
-                            var val = this[i]
-                            obj[i] = (Array.isArray(val) && val.$model) ? val.$model : val
-                        }
-                    }
-                    return obj
-                },
-                set: noop
-            },
-            "hasOwnProperty": {
-                value: function(name) {
-                    return name in scope.$model
-                },
-                writable: false,
-                enumerable: false,
-                configurable: true
-            }
-        })
-        Object.observe(scope, observeCallback)
-        return scope
-    }
-    var skipProperties = String("$id,$watch,$unwatch,$fire,$events,$model,$skipArray,$accessors," + subscribers).match(rword)
-
-    //ms-with, ms-repeat绑定生成的代理对象储存池
-    var withProxyPool = {}
-    var withProxyCount = 0
-    var rebindings = {}
-
-    function updateWithProxy($id, name, val) {
-        var pool = withProxyPool[$id]
-        if (pool && pool[name]) {
-            pool[name].$val = val
-        }
-    }
-
-    function updateVModel(a, b, valueType) {
-        //a为原来的VM， b为新数组或新对象
-        if (valueType === "array") {
-            if (!Array.isArray(b)) {
-                return a //fix https://github.com/RubyLouvre/avalon/issues/261
-            }
-            var bb = b.concat()
-            a.clear()
-            a.pushArray(bb)
-            return a
-        } else {
-            var iterators = a[subscribers] || []
-            if (withProxyPool[a.$id]) {
-                withProxyCount--
-                delete withProxyPool[a.$id]
-            }
-            var ret = modelFactory(b)
-            rebindings[ret.$id] = function(data) {
-                while (data = iterators.shift()) {
-                    (function(el) {
-                        if (el.type) {
-                            avalon.nextTick(function() {
-                                el.rollback && el.rollback()
-                                bindingHandlers[el.type](el, el.vmodels)
-                            })
-                        }
-                    })(data)
-                }
-                delete rebindings[ret.$id]
+            avalon.isPlainObject = function(obj) {
+                return !!obj && typeof obj === "object" && Object.getPrototypeOf(obj) === oproto
             }
-            return ret
-        }
-    }
 
-    /*********************************************************************
-     *                       配置模块                                   *
-     **********************************************************************/
+            avalon.mix = avalon.fn.mix = function() {
+                var options, name, src, copy, copyIsArray, clone,
+                        target = arguments[0] || {},
+                        i = 1,
+                        length = arguments.length,
+                        deep = false
 
-    function kernel(settings) {
-        for (var p in settings) {
-            if (!ohasOwn.call(settings, p))
-                continue
-            var val = settings[p]
-            if (typeof kernel.plugins[p] === "function") {
-                kernel.plugins[p](val)
-            } else if (typeof kernel[p] === "object") {
-                avalon.mix(kernel[p], val)
-            } else {
-                kernel[p] = val
-            }
-        }
-        return this
-    }
-    var openTag, closeTag, rexpr, rexprg, rbind, rregexp = /[-.*+?^${}()|[\]\/\\]/g
-    /*将字符串安全格式化为正则表达式的源码 http://stevenlevithan.com/regex/xregexp/*/
-    function escapeRegExp(target) {
-        return (target + "").replace(rregexp, "\\$&")
-    }
-    var plugins = {
-        loader: function(builtin) {
-            window.define = builtin ? innerRequire.define : otherDefine
-            window.require = builtin ? innerRequire : otherRequire
-        },
-        interpolate: function(array) {
-            openTag = array[0]
-            closeTag = array[1]
-            if (openTag === closeTag) {
-                avalon.error("openTag!==closeTag", SyntaxError)
-            } else if (array + "" === "<!--,-->") {
-                kernel.commentInterpolate = true
-            } else {
-                var test = openTag + "test" + closeTag
-                cinerator.innerHTML = test
-                if (cinerator.innerHTML !== test && cinerator.innerHTML.indexOf("&lt;") >= 0) {
-                    avalon.error("此定界符不合法", SyntaxError)
+                // 如果第一个参数为布尔,判定是否深拷贝
+                if (typeof target === "boolean") {
+                    deep = target
+                    target = arguments[1] || {}
+                    i++
                 }
-                cinerator.innerHTML = ""
-            }
-            var o = escapeRegExp(openTag),
-                    c = escapeRegExp(closeTag)
-            rexpr = new RegExp(o + "(.*?)" + c)
-            rexprg = new RegExp(o + "(.*?)" + c, "g")
-            rbind = new RegExp(o + ".*?" + c + "|\\sms-")
-        }
-    }
-    kernel.debug = true
-    kernel.plugins = plugins
-    kernel.plugins['interpolate'](["{{", "}}"])
-    kernel.paths = {}
-    kernel.shim = {}
-    kernel.maxRepeatSize = 100
-    avalon.config = kernel
-
-    /*********************************************************************
-     *                           DOM API的高级封装                        *
-     **********************************************************************/
-
-
-
-
-    /*转换为连字符线风格*/
-    function hyphen(target) {
-        return target.replace(/([a-z\d])([A-Z]+)/g, "$1-$2").toLowerCase()
-    }
-    /*转换为驼峰风格*/
-    function camelize(target) {
-        if (target.indexOf("-") < 0 && target.indexOf("_") < 0) {
-            return target //提前判断，提高getStyle等的效率
-        }
-        return target.replace(/[-_][^-_]/g, function(match) {
-            return match.charAt(1).toUpperCase()
-        })
-    }
-
-    "add,remove".replace(rword, function(method) {
-        avalon.fn[method + "Class"] = function(cls) {
-            var el = this[0]
-            //https://developer.mozilla.org/zh-CN/docs/Mozilla/Firefox/Releases/26
-            if (cls && typeof cls === "string" && el && el.nodeType == 1) {
-                cls.replace(/\S+/g, function(c) {
-                    el.classList[method](c)
-                })
-            }
-            return this
-        }
-    })
-
-    avalon.fn.mix({
-        hasClass: function(cls) {
-            var el = this[0] || {} //IE10+, chrome8+, firefox3.6+, safari5.1+,opera11.5+支持classList,chrome24+,firefox26+支持classList2.0
-            return el.nodeType === 1 && el.classList.contains(cls)
-        },
-        toggleClass: function(value, stateVal) {
-            var node = this[0]
-            if (node && node.nodeType === 1) {
-                var state = stateVal
-                var i = 0
-                var classNames = value.split(/\s+/)
-                var isBool = typeof stateVal === "boolean"
-                var classList = node.classList, className
-                while ((className = classNames[i++])) {
-                    state = isBool ? state : !classList.contains(className)
-                    classList[state ? "add" : "remove"](className)
-                }
-            }
-            return this
-        },
-        attr: function(name, value) {
-            if (arguments.length === 2) {
-                this[0].setAttribute(name, value)
-                return this
-            } else {
-                return this[0].getAttribute(name)
-            }
-        },
-        data: function(name, val) {
-            var dataset = this[0].dataset
-            switch (arguments.length) {
-                case 2:
-                    dataset[name] = val
-                    return this
-                case 1:
-                    val = dataset[name]
-                    return parseData(val)
-                case 0:
-                    var ret = {}
-                    for (var name in dataset) {
-                        ret[name] = parseData(dataset[name])
-                    }
-                    return ret
-            }
-        },
-        removeData: function(name) {
-            name = "data-" + hyphen(name)
-            this[0].removeAttribute(name)
-            return this
-        },
-        css: function(name, value) {
-            if (avalon.isPlainObject(name)) {
-                for (var i in name) {
-                    avalon.css(this, i, name[i])
+
+                //确保接受方为一个复杂的数据类型
+                if (typeof target !== "object" && avalon.type(target) !== "function") {
+                    target = {}
                 }
-            } else {
-                var ret = avalon.css(this, name, value)
-            }
-            return ret !== void 0 ? ret : this
-        },
-        position: function() {
-            var offsetParent, offset,
-                    elem = this[0],
-                    parentOffset = {
-                        top: 0,
-                        left: 0
-                    };
-            if (!elem) {
-                return
-            }
-            if (this.css("position") === "fixed") {
-                offset = elem.getBoundingClientRect()
-            } else {
-                offsetParent = this.offsetParent() //得到真正的offsetParent
-                offset = this.offset() // 得到正确的offsetParent
-                if (offsetParent[0].tagName !== "HTML") {
-                    parentOffset = offsetParent.offset()
-                }
-                parentOffset.top += avalon.css(offsetParent[0], "borderTopWidth", true)
-                parentOffset.left += avalon.css(offsetParent[0], "borderLeftWidth", true)
-            }
-            return {
-                top: offset.top - parentOffset.top - avalon.css(elem, "marginTop", true),
-                left: offset.left - parentOffset.left - avalon.css(elem, "marginLeft", true)
-            }
-        },
-        offsetParent: function() {
-            var offsetParent = this[0].offsetParent || root
-            while (offsetParent && (offsetParent.tagName !== "HTML") && avalon.css(offsetParent, "position") === "static") {
-                offsetParent = offsetParent.offsetParent
-            }
-            return avalon(offsetParent || root)
-        },
-        bind: function(type, fn, phase) {
-            if (this[0]) { //此方法不会链
-                return avalon.bind(this[0], type, fn, phase)
-            }
-        },
-        unbind: function(type, fn, phase) {
-            if (this[0]) {
-                avalon.unbind(this[0], type, fn, phase)
-            }
-            return this
-        },
-        val: function(value) {
-            var node = this[0]
-            if (node && node.nodeType === 1) {
-                var get = arguments.length === 0
-                var access = get ? ":get" : ":set"
-                var fn = valHooks[getValType(node) + access]
-                if (fn) {
-                    var val = fn(node, value)
-                } else if (get) {
-                    return (node.value || "").replace(/\r/g, "")
-                } else {
-                    node.value = value
-                }
-            }
-            return get ? val : this
-        }
-    })
-
-    var rbrace = /(?:\{[\s\S]*\}|\[[\s\S]*\])$/
-
-    function parseData(data) {
-        try {
-            data = data === "true" ? true :
-                    data === "false" ? false :
-                    data === "null" ? null : +data + "" === data ? +data : rbrace.test(data) ? JSON.parse(data) : data
-        } catch (e) {
-        }
-        return data
-    }
-    avalon.each({
-        scrollLeft: "pageXOffset",
-        scrollTop: "pageYOffset"
-    }, function(method, prop) {
-        avalon.fn[method] = function(val) {
-            var node = this[0] || {}, win = getWindow(node),
-                    top = method === "scrollTop"
-            if (!arguments.length) {
-                return win ? win[prop] : node[method]
-            } else {
-                if (win) {
-                    win.scrollTo(!top ? val : avalon(win).scrollLeft(), top ? val : avalon(win).scrollTop())
-                } else {
-                    node[method] = val
-                }
-            }
-        }
-    })
-
-    function getWindow(node) {
-        return node.window && node.document ? node : node.nodeType === 9 ? node.defaultView : false
-    }
-    //=============================css相关==================================
-    var cssHooks = avalon.cssHooks = {}
-    var prefixes = ["", "-webkit-", "-o-", "-moz-", "-ms-"]
-    var cssMap = {
-        "float": "cssFloat",
-        background: "backgroundColor"
-    }
-    avalon.cssNumber = oneObject("columnCount,order,fillOpacity,fontWeight,lineHeight,opacity,orphans,widows,zIndex,zoom")
-
-    avalon.cssName = function(name, host, camelCase) {
-        if (cssMap[name]) {
-            return cssMap[name]
-        }
-        host = host || root.style
-        for (var i = 0, n = prefixes.length; i < n; i++) {
-            camelCase = camelize(prefixes[i] + name)
-            if (camelCase in host) {
-                return (cssMap[name] = camelCase)
-            }
-        }
-        return null
-    }
-    cssHooks["@:set"] = function(node, name, value) {
-        node.style[name] = value
-    }
-
-    cssHooks["@:get"] = function(node, name) {
-        if (!node || !node.style) {
-            throw new Error("getComputedStyle要求传入一个节点 " + node)
-        }
-        var ret, styles = getComputedStyle(node, null)
-        if (styles) {
-            ret = styles.getPropertyValue(name)
-            if (ret === "") {
-                ret = node.style[name] //其他浏览器需要我们手动取内联样式
-            }
-        }
-        return ret
-    }
-    cssHooks["opacity:get"] = function(node) {
-        var ret = cssHooks["@:get"](node, "opacity")
-        return ret === "" ? "1" : ret
-    }
-
-    "top,left".replace(rword, function(name) {
-        cssHooks[name + ":get"] = function(node) {
-            var computed = cssHooks["@:get"](node, name)
-            return /px$/.test(computed) ? computed :
-                    avalon(node).position()[name] + "px"
-        }
-    })
-    var cssShow = {
-        position: "absolute",
-        visibility: "hidden",
-        display: "block"
-    }
-    var rdisplayswap = /^(none|table(?!-c[ea]).+)/
-
-    function showHidden(node, array) {
-        //http://www.cnblogs.com/rubylouvre/archive/2012/10/27/2742529.html
-        if (node.offsetWidth <= 0) { //opera.offsetWidth可能小于0
-            var styles = getComputedStyle(node, null)
-            if (rdisplayswap.test(styles["display"])) {
-                var obj = {
-                    node: node
-                }
-                for (var name in cssShow) {
-                    obj[name] = styles[name]
-                    node.style[name] = cssShow[name]
-                }
-                array.push(obj)
-            }
-            var parent = node.parentNode
-            if (parent && parent.nodeType == 1) {
-                showHidden(parent, array)
-            }
-        }
-    }
-
-    "Width,Height".replace(rword, function(name) {//fix 481
-        var method = name.toLowerCase(),
-                clientProp = "client" + name,
-                scrollProp = "scroll" + name,
-                offsetProp = "offset" + name
-        cssHooks[method + ":get"] = function(node, which, override) {
-            var boxSizing = -4
-            if (typeof override === "number") {
-                boxSizing = override
-            }
-            which = name === "Width" ? ["Left", "Right"] : ["Top", "Bottom"]
-            var ret = node[offsetProp]   // border-box 0
-            if (boxSizing === 2) {       // margin-box 2
-                return ret
-                        + avalon.css(node, "margin" + which[0], true)
-                        + avalon.css(node, "margin" + which[1], true)
-            }
-            if (boxSizing < 0) {        // padding-box  -2
-                ret = ret
-                        - avalon.css(node, "border" + which[0] + "Width", true)
-                        - avalon.css(node, "border" + which[1] + "Width", true)
-            }
-            if (boxSizing === -4) {     // content-box -4
-                ret = ret
-                        - avalon.css(node, "padding" + which[0], true)
-                        - avalon.css(node, "padding" + which[1], true)
-            }
-            return ret
-        }
-        cssHooks[method + "&get"] = function(node) {
-            var hidden = [];
-            showHidden(node, hidden);
-            var val = cssHooks[method + ":get"](node)
-            for (var i = 0, obj; obj = hidden[i++]; ) {
-                node = obj.node
-                for (var n in obj) {
-                    if (typeof obj[n] === "string") {
-                        node.style[n] = obj[n]
-                    }
-                }
-            }
-            return val;
-        }
-        avalon.fn[method] = function(value) { //会忽视其display
-            var node = this[0]
-            if (arguments.length === 0) {
-                if (node.setTimeout) { //取得窗口尺寸,IE9后可以用window.innerWidth /innerHeight代替
-                    return node["inner" + name]
-                }
-                if (node.nodeType === 9) { //取得页面尺寸
-                    var doc = node.documentElement
-                    //FF chrome    html.scrollHeight< body.scrollHeight
-                    //IE 标准模式 : html.scrollHeight> body.scrollHeight
-                    //IE 怪异模式 : html.scrollHeight 最大等于可视窗口多一点？
-                    return Math.max(node.body[scrollProp], doc[scrollProp], node.body[offsetProp], doc[offsetProp], doc[clientProp])
-                }
-                return cssHooks[method + "&get"](node)
-            } else {
-                return this.css(method, value)
-            }
-        }
-        avalon.fn["inner" + name] = function() {
-            return cssHooks[method + ":get"](this[0], void 0, -2)
-        }
-        avalon.fn["outer" + name] = function(includeMargin) {
-            return cssHooks[method + ":get"](this[0], void 0, includeMargin === true ? 2 : 0)
-        }
-    })
-    avalon.fn.offset = function() { //取得距离页面左右角的坐标
-        var node = this[0], box = {
-            left: 0,
-            top: 0
-        }
-        if (!node || !node.tagName || !node.ownerDocument) {
-            return box
-        }
-        var doc = node.ownerDocument,
-                root = doc.documentElement,
-                win = doc.defaultView
-        if (!root.contains(node)) {
-            return box
-        }
-        if (node.getBoundingClientRect !== void 0) {
-            box = node.getBoundingClientRect()
-        }
-        return {
-            top: box.top + win.pageYOffset - root.clientTop,
-            left: box.left + win.pageXOffset - root.clientLeft
-        }
-    }
-    //=============================val相关=======================
-
-    function getValType(el) {
-        var ret = el.tagName.toLowerCase()
-        return ret === "input" && /checkbox|radio/.test(el.type) ? "checked" : ret
-    }
-    var valHooks = {
-        "select:get": function(node, value) {
-            var option, options = node.options,
-                    index = node.selectedIndex,
-                    one = node.type === "select-one" || index < 0,
-                    values = one ? null : [],
-                    max = one ? index + 1 : options.length,
-                    i = index < 0 ? max : one ? index : 0
-            for (; i < max; i++) {
-                option = options[i]
-                //旧式IE在reset后不会改变selected，需要改用i === index判定
-                //我们过滤所有disabled的option元素，但在safari5下，如果设置select为disable，那么其所有孩子都disable
-                //因此当一个元素为disable，需要检测其是否显式设置了disable及其父节点的disable情况
-                if ((option.selected || i === index) && !option.disabled) {
-                    value = option.value
-                    if (one) {
-                        return value
-                    }
-                    //收集所有selected值组成数组返回
-                    values.push(value)
-                }
-            }
-            return values
-        },
-        "select:set": function(node, values, optionSet) {
-            values = [].concat(values) //强制转换为数组
-            for (var i = 0, el; el = node.options[i++]; ) {
-                if ((el.selected = values.indexOf(el.value) >= 0)) {
-                    optionSet = true
-                }
-            }
-            if (!optionSet) {
-                node.selectedIndex = -1
-            }
-        }
-    }
-
-    /************************************************************************
-     *                                parseHTML                                 *
-     ****************************************************************************/
-    var rtagName = /<([\w:]+)/,
-            //取得其tagName
-            rxhtml = /<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/ig,
-            scriptTypes = oneObject("text/javascript", "text/ecmascript", "application/ecmascript", "application/javascript", "text/vbscript"),
-            //需要处理套嵌关系的标签
-            rnest = /<(?:tb|td|tf|th|tr|col|opt|leg|cap|area)/
-    //parseHTML的辅助变量
-    var tagHooks = new function() {
-        avalon.mix(this, {
-            option: DOC.createElement("select"),
-            thead: DOC.createElement("table"),
-            td: DOC.createElement("tr"),
-            area: DOC.createElement("map"),
-            tr: DOC.createElement("tbody"),
-            col: DOC.createElement("colgroup"),
-            legend: DOC.createElement("fieldset"),
-            "*": DOC.createElement("div")
-        })
-        this.optgroup = this.option
-        this.tbody = this.tfoot = this.colgroup = this.caption = this.thead
-        this.th = this.td
-    }
-
-    avalon.clearHTML = function(node) {
-        node.textContent = ""
-        return node
-    }
-    var script = DOC.createElement("script")
-    avalon.parseHTML = function(html) {
-        if (typeof html !== "string") {
-            html = html + ""
-        }
-        html = html.replace(rxhtml, "<$1></$2>").trim()
-        if (deleteRange.createContextualFragment && !rnest.test(html) && !/<script/i.test(html)) {
-            var range = DOC.createRange()
-            range.selectNodeContents(root)
-            return range.createContextualFragment(html)
-        }
-        var fragment = hyperspace.cloneNode(false)
-        var tag = (rtagName.exec(html) || ["", ""])[1].toLowerCase()
-        if (!(tag in tagHooks)) {
-            tag = "*"
-        }
-        var parent = tagHooks[tag]
-        parent.innerHTML = html
-        var els = parent.getElementsByTagName("script"),
-                firstChild, neo
-        if (els.length) { //使用innerHTML生成的script节点不会发出请求与执行text属性
-            for (var i = 0, el; el = els[i++]; ) {
-                if (!el.type || scriptTypes[el.type]) { //如果script节点的MIME能让其执行脚本
-                    neo = script.cloneNode(false) //FF不能省略参数
-                    ap.forEach.call(el.attributes, function(attr) {
-                        if (attr) {
-                            neo[attr.name] = attr.value //复制其属性
-                        }
-                    })
-                    neo.text = el.text //必须指定,因为无法在attributes中遍历出来
-                    el.parentNode.replaceChild(neo, el) //替换节点
-                }
-            }
-        }
-        while (firstChild = parent.firstChild) { // 将wrapper上的节点转移到文档碎片上！
-            fragment.appendChild(firstChild)
-        }
-        return fragment
-    }
-    avalon.innerHTML = function(node, html) {
-        if (!/<script/i.test(html) && !rnest.test(html)) {
-            node.innerHTML = html
-        } else {
-            var a = this.parseHTML(html)
-            this.clearHTML(node).appendChild(a)
-        }
-    }
-    /*********************************************************************
-     *                           事件管理器                                 *
-     **********************************************************************/
-    var EventManager = {
-        $watch: function(type, callback) {
-            if (typeof callback === "function") {
-                var callbacks = this.$events[type]
-                if (callbacks) {
-                    callbacks.push(callback)
-                } else {
-                    this.$events[type] = [callback]
-                }
-            } else { //重新开始监听此VM的第一重简单属性的变动
-                this.$events = this.$watch.backup
-            }
-            return this
-        },
-        $unwatch: function(type, callback) {
-            var n = arguments.length
-            if (n === 0) { //让此VM的所有$watch回调无效化
-                this.$watch.backup = this.$events
-                this.$events = {}
-            } else if (n === 1) {
-                this.$events[type] = []
-            } else {
-                var callbacks = this.$events[type] || []
-                var i = callbacks.length
-                while (~--i < 0) {
-                    if (callbacks[i] === callback) {
-                        return callbacks.splice(i, 1)
-                    }
-                }
-            }
-            return this
-        },
-        $fire: function(type) {
-            var special
-            if (/^(\w+)!(\S+)$/.test(type)) {
-                special = RegExp.$1
-                type = RegExp.$2
-            }
-            var events = this.$events
-            var callbacks = events[type] || []
-            var all = events.$all || []
-            var args = aslice.call(arguments, 1)
-            for (var i = 0, callback; callback = callbacks[i++]; ) {
-                callback.apply(this, args)
-            }
-            for (var i = 0, callback; callback = all[i++]; ) {
-                callback.apply(this, arguments)
-            }
-            var element = events.element
-            if (element) {
-                var detail = [type].concat(args)
-                if (special === "up") {
-                    W3CFire(element, "dataavailable", detail)
-                } else if (special === "down") {
-                    var alls = []
-                    for (var i in avalon.vmodels) {
-                        var v = avalon.vmodels[i]
-                        if (v && v.$events && v.$events.element) {
-                            var node = v.$events.element;
-                            if (avalon.contains(element, node) && element !== node) {
-                                alls.push(v)
+
+                //如果只有一个参数，那么新成员添加于mix所在的对象上
+                if (i === length) {
+                    target = this
+                    i--
+                }
+
+                for (; i < length; i++) {
+                    //只处理非空参数
+                    if ((options = arguments[i]) != null) {
+                        for (name in options) {
+                            src = target[name]
+                            copy = options[name]
+
+                            // 防止环引用
+                            if (target === copy) {
+                                continue
+                            }
+                            if (deep && copy && (avalon.isPlainObject(copy) || (copyIsArray = Array.isArray(copy)))) {
+                                if (copyIsArray) {
+                                    copyIsArray = false
+                                    clone = src && Array.isArray(src) ? src : []
+
+                                } else {
+                                    clone = src && avalon.isPlainObject(src) ? src : {}
+                                }
+
+                                target[name] = avalon.mix(deep, clone, copy)
+                            } else if (copy !== void 0) {
+                                target[name] = copy
                             }
                         }
                     }
-                    alls.forEach(function(v) {
-                        v.$fire.apply(v, detail)
-                    })
-                } else if (special === "all") {
-                    for (var i in avalon.vmodels) {
-                        var v = avalon.vmodels[i]
-                        if (v !== this) {
-                            v.$fire.apply(v, detail)
-                        }
-                    }
-                }
-            }
-        }
-    }
-
-    /*********************************************************************
-     *                         依赖收集与触发                             *
-     **********************************************************************/
-    var ronduplex = /^(duplex|on)$/
-    function registerSubscriber(data) {
-        try {
-            var c = ronduplex.test(data.type) ? data : data.evaluator.apply(0, data.args)
-            data.handler(c, data.element, data)
-        } catch (e) {
-            delete data.evaluator
-            if (data.nodeType === 3) {
-                if (kernel.commentInterpolate) {
-                    data.element.replaceChild(DOC.createComment(data.value), data.node)
-                } else {
-                    data.node.data = openTag + data.value + closeTag
-                }
-            }
-            log("warning:evaluator of [" + data.value + "] throws error!")
-        }
-    }
-
-    /*通知依赖于这个访问器的订阅者更新自身*/
-    function notifySubscribers(accessor, name) {
-        var list = Array.isArray(accessor) ? accessor[subscribers] : accessor[name]
-        if (list && list.length) {
-            var args = aslice.call(arguments, 1)
-            for (var i = list.length, fn; fn = list[--i]; ) {
-                var el = fn.element
-                if (el && !ifSanctuary.contains(el) && (!root.contains(el))) {
-                    list.splice(i, 1)
-                    if (fn.proxies) {
-                        recycleEachProxies(fn.proxies)
-                        fn.proxies = fn.callbackElement = fn.template = fn.startRepeat = fn.endRepeat = null
-                    }
-                    fn.element = fn.node = null
-                    log("debug: remove " + fn.name)
-                } else if (fn.getter) {
-                    fn.handler.apply(fn, args) //强制重新计算自身
-                } else {
-                    fn.handler(fn.evaluator.apply(0, fn.args || []), el, fn)
                 }
+                return target
             }
-        }
-    }
 
 
-    /*********************************************************************
-     *                            扫描系统                                *
-     **********************************************************************/
-    avalon.scan = function(elem, vmodel) {
-        elem = elem || root
-        var vmodels = vmodel ? [].concat(vmodel) : []
-        scanTag(elem, vmodels)
-    }
-
-    //http://www.w3.org/TR/html5/syntax.html#void-elements
-    var stopScan = oneObject("area,base,basefont,br,col,command,embed,hr,img,input,link,meta,param,source,track,wbr,noscript,noscript,script,style,textarea".toUpperCase())
-
-    /*确保元素的内容被完全扫描渲染完毕才调用回调*/
-    function checkScan(elem, callback) {
-        var innerHTML = NaN,
-                id = setInterval(function() {
-                    var currHTML = elem.innerHTML
-                    if (currHTML === innerHTML) {
-                        clearInterval(id)
-                        callback()
-                    } else {
-                        innerHTML = currHTML
+            avalon.mix({
+                rword: rword,
+                subscribers: subscribers,
+                version: "1.34observe",
+                ui: {},
+                log: log,
+                noop: noop,
+                error: function(str, e) { //如果不用Error对象封装一下，str在控制台下可能会乱码
+                    throw new (e || Error)(str)
+                },
+                oneObject: oneObject,
+                /* avalon.range(10)
+                 => [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
+                 avalon.range(1, 11)
+                 => [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
+                 avalon.range(0, 30, 5)
+                 => [0, 5, 10, 15, 20, 25]
+                 avalon.range(0, -10, -1)
+                 => [0, -1, -2, -3, -4, -5, -6, -7, -8, -9]
+                 avalon.range(0)
+                 => []*/
+                range: function(start, end, step) { // 用于生成整数数组
+                    step || (step = 1)
+                    if (end == null) {
+                        end = start || 0
+                        start = 0
                     }
-                }, 15)
-    }
-
-
-    function scanTag(elem, vmodels, node) {
-        //扫描顺序  ms-skip(0) --> ms-important(1) --> ms-controller(2) --> ms-if(10) --> ms-repeat(100) 
-        //--> ms-if-loop(110) --> ms-attr(970) ...--> ms-each(1400)-->ms-with(1500)--〉ms-duplex(2000)垫后        
-        var a = elem.getAttribute(prefix + "skip")
-        var b = elem.getAttributeNode(prefix + "important")
-        var c = elem.getAttributeNode(prefix + "controller")
-        if (typeof a === "string") {
-            return
-        } else if (node = b || c) {
-            var newVmodel = VMODELS[node.value]
-            if (!newVmodel) {
-                return
-            }
-            //ms-important不包含父VM，ms-controller相反
-            vmodels = node === b ? [newVmodel] : [newVmodel].concat(vmodels)
-            elem.removeAttribute(node.name) //removeAttributeNode不会刷新[ms-controller]样式规则
-            elem.classList.remove(node.name)
-            newVmodel.$events.element = elem
-            elem.addEventListener("dataavailable", function(e) {
-                if (typeof e.detail === "object" && elem !== e.target) {
-                    newVmodel.$fire.apply(newVmodel, e.detail)
-                }
-            })
-        }
-        scanAttr(elem, vmodels) //扫描特性节点
-    }
-
-    function scanNodes(parent, vmodels) {
-        var node = parent.firstChild
-        while (node) {
-            var nextNode = node.nextSibling
-            var nodeType = node.nodeType
-            if (nodeType === 1) {
-                scanTag(node, vmodels) //扫描元素节点
-            } else if (nodeType === 3 && rexpr.test(node.data)) {
-                scanText(node, vmodels) //扫描文本节点
-            } else if (kernel.commentInterpolate && nodeType === 8 && !rexpr.test(node.nodeValue)) {
-                scanText(node, vmodels) //扫描注释节点
-            }
-            node = nextNode
-        }
-    }
-
-    function scanText(textNode, vmodels) {
-        var bindings = []
-        if (textNode.nodeType === 8) {
-            var leach = []
-            var value = trimFilter(textNode.nodeValue, leach)
-            var token = {
-                expr: true,
-                value: value
-            }
-            if (leach.length) {
-                token.filters = leach
-            }
-            var tokens = [token]
-        } else {
-            tokens = scanExpr(textNode.data)
-        }
-        if (tokens.length) {
-            for (var i = 0, token; token = tokens[i++]; ) {
-                var node = DOC.createTextNode(token.value) //将文本转换为文本节点，并替换原来的文本节点
-                if (token.expr) {
-                    var filters = token.filters
-                    var binding = {
-                        type: "text",
-                        node: node,
-                        nodeType: 3,
-                        value: token.value,
-                        filters: filters
-                    }
-                    if (filters && filters.indexOf("html") !== -1) {
-                        avalon.Array.remove(filters, "html")
-                        binding.type = "html"
-                        binding.replaceNodes = [node]
-                        if (!filters.length) {
-                            delete bindings.filters
-                        }
-                    }
-                    bindings.push(binding) //收集带有插值表达式的文本
-                }
-                hyperspace.appendChild(node)
-            }
-            textNode.parentNode.replaceChild(hyperspace, textNode)
-            if (bindings.length)
-                executeBindings(bindings, vmodels)
-        }
-    }
-
-    var rmsAttr = /ms-(\w+)-?(.*)/
-    var priorityMap = {
-        "if": 10,
-        "repeat": 90,
-        "widget": 110,
-        "each": 1400,
-        "with": 1500,
-        "duplex": 2000,
-        "on": 3000
-    }
-
-    var ons = oneObject("animationend,blur,change,input,click,dblclick,focus,keydown,keypress,keyup,mousedown,mouseenter,mouseleave,mousemove,mouseout,mouseover,mouseup,scroll,submit")
-
-    function scanAttr(elem, vmodels) {
-        var attributes = elem.attributes
-        var bindings = [],
-                msData = {},
-                match
-        for (var i = 0, attr; attr = attributes[i++]; ) {
-            if (attr.specified) {
-                if (match = attr.name.match(rmsAttr)) {
-                    //如果是以指定前缀命名的
-                    var type = match[1]
-                    var param = match[2] || ""
-                    var value = attr.value
-                    var name = attr.name
-                    msData[name] = value
-                    if (ons[type]) {
-                        param = type
-                        type = "on"
-                    } else if (type === "enabled") {//吃掉ms-enabled绑定,用ms-disabled代替
-                        type = "disabled"
-                        value = "!(" + value + ")"
-                    }
-                    //吃掉以下几个绑定,用ms-attr-*绑定代替
-                    if (type === "checked" || type === "selected" || type === "disabled" || type === "readonly") {
-                        param = type
-                        type = "attr"
-                        elem.removeAttribute(name)
-                        name = "ms-attr-" + param
-                        elem.setAttribute(name, value)
-                        match = [name]
-                        msData[name] = value
-                    }
-                    if (typeof bindingHandlers[type] === "function") {
-                        var binding = {
-                            type: type,
-                            param: param,
-                            element: elem,
-                            name: match[0],
-                            value: value,
-                            priority: type in priorityMap ? priorityMap[type] : type.charCodeAt(0) * 10 + (Number(param) || 0)
+                    var index = -1,
+                            length = Math.max(0, Math.ceil((end - start) / step)),
+                            result = Array(length)
+                    while (++index < length) {
+                        result[index] = start
+                        start += step
+                    }
+                    return result
+                },
+                slice: function(nodes, start, end) {
+                    return aslice.call(nodes, start, end)
+                },
+                contains: function(a, b) {
+                    return a.contains(b)
+                },
+                eventHooks: {},
+                bind: function(el, type, fn, phase) {
+                    var hooks = avalon.eventHooks
+                    var hook = hooks[type]
+                    if (typeof hook === "object") {
+                        type = hook.type
+                        if (hook.deel) {
+                            fn = hook.deel(el, fn)
+                        }
+                    }
+                    el.addEventListener(type, fn, !!phase)
+                    return fn
+                },
+                unbind: function(el, type, fn, phase) {
+                    var hooks = avalon.eventHooks
+                    var hook = hooks[type]
+                    if (typeof hook === "object") {
+                        type = hook.type
+                    }
+                    el.removeEventListener(type, fn || noop, !!phase)
+                },
+                css: function(node, name, value) {
+                    if (node instanceof avalon) {
+                        node = node[0]
+                    }
+                    var prop = /[_-]/.test(name) ? camelize(name) : name
+                    name = avalon.cssName(prop) || prop
+                    if (value === void 0 || typeof value === "boolean") { //获取样式
+                        var fn = cssHooks[prop + ":get"] || cssHooks["@:get"]
+                        var val = fn(node, name)
+                        return value === true ? parseFloat(val) || 0 : val
+                    } else if (value === "") { //请除样式
+                        node.style[name] = ""
+                    } else { //设置样式
+                        if (value == null || value !== value) {
+                            return
                         }
-                        if (type === "if" && param === "loop") {
-                            binding.priority += 100
+                        if (isFinite(value) && !avalon.cssNumber[prop]) {
+                            value += "px"
                         }
-                        if (vmodels.length) {
-                            bindings.push(binding)
-                            if (type === "widget") {
-                                elem.msData = elem.msData || msData
+                        fn = cssHooks[prop + ":set"] || cssHooks["@:set"]
+                        fn(node, name, value)
+                    }
+                },
+                each: function(obj, fn) {
+                    if (obj) { //排除null, undefined
+                        var i = 0
+                        if (isArrayLike(obj)) {
+                            for (var n = obj.length; i < n; i++) {
+                                fn(i, obj[i])
+                            }
+                        } else {
+                            for (i in obj) {
+                                if (obj.hasOwnProperty(i)) {
+                                    fn(i, obj[i])
+                                }
                             }
                         }
                     }
+                },
+                getWidgetData: function(elem, prefix) {
+                    var raw = avalon(elem).data()
+                    var result = {}
+                    for (var i in raw) {
+                        if (i.indexOf(prefix) === 0) {
+                            result[i.replace(prefix, "").replace(/\w/, function(a) {
+                                return a.toLowerCase()
+                            })] = raw[i]
+                        }
+                    }
+                    return result
+                },
+                parseJSON: JSON.parse,
+                Array: {
+                    /*只有当前数组不存在此元素时只添加它*/
+                    ensure: function(target, item) {
+                        if (target.indexOf(item) === -1) {
+                            target.push(item)
+                        }
+                        return target
+                    },
+                    /*移除数组中指定位置的元素，返回布尔表示成功与否*/
+                    removeAt: function(target, index) {
+                        return !!target.splice(index, 1).length
+                    },
+                    /*移除数组中第一个匹配传参的那个元素，返回布尔表示成功与否*/
+                    remove: function(target, item) {
+                        var index = target.indexOf(item)
+                        if (~index)
+                            return avalon.Array.removeAt(target, index)
+                        return false
+                    }
                 }
-            }
-        }
-        if (msData["ms-checked"] && msData["ms-duplex"]) {
-            log("warning!一个元素上不能同时定义ms-checked与ms-duplex")
-        }
-        bindings.sort(function(a, b) {
-            return a.priority - b.priority
-        })
-        var firstBinding = bindings[0] || {}
-        switch (firstBinding.type) {
-            case "if":
-            case "repeat":
-            case "widget":
-                executeBindings([firstBinding], vmodels)
-                break
-            default:
-                executeBindings(bindings, vmodels)
-                if (!stopScan[elem.tagName] && rbind.test(elem.innerHTML + elem.textContent)) {
-                    scanNodes(elem, vmodels) //扫描子孙元素
-                }
-                break;
-        }
-        if (elem.patchRepeat) {
-            elem.patchRepeat()
-            elem.patchRepeat = null
-        }
-    }
-
-    function executeBindings(bindings, vmodels) {
-        for (var i = 0, data; data = bindings[i++]; ) {
-            data.vmodels = vmodels
-            bindingHandlers[data.type](data, vmodels)
-            if (data.evaluator && data.name) { //移除数据绑定，防止被二次解析
-                //chrome使用removeAttributeNode移除不存在的特性节点时会报错 https://github.com/RubyLouvre/avalon/issues/99
-                data.element.removeAttribute(data.name)
-            }
-        }
-        bindings.length = 0
-    }
-
-    var rfilters = /\|\s*(\w+)\s*(\([^)]*\))?/g,
-            r11a = /\|\|/g,
-            r11b = /U2hvcnRDaXJjdWl0/g,
-            rlt = /&lt;/g,
-            rgt = /&gt;/g
-    function trimFilter(value, leach) {
-        if (value.indexOf("|") > 0) { // 抽取过滤器 先替换掉所有短路与
-            value = value.replace(r11a, "U2hvcnRDaXJjdWl0") //btoa("ShortCircuit")
-            value = value.replace(rfilters, function(c, d, e) {
-                leach.push(d + (e || ""))
-                return ""
-            })
-            value = value.replace(r11b, "||") //还原短路与
-        }
-        return value
-    }
-
-    function scanExpr(str) {
-        var tokens = [],
-                value, start = 0,
-                stop
-
-        do {
-            stop = str.indexOf(openTag, start)
-            if (stop === -1) {
-                break
-            }
-            value = str.slice(start, stop)
-            if (value) { // {{ 左边的文本
-                tokens.push({
-                    value: value,
-                    expr: false
-                })
-            }
-            start = stop + openTag.length
-            stop = str.indexOf(closeTag, start)
-            if (stop === -1) {
-                break
-            }
-            value = str.slice(start, stop)
-            if (value) { //处理{{ }}插值表达式
-                var leach = []
-                value = trimFilter(value, leach)
-                tokens.push({
-                    value: value,
-                    expr: true,
-                    filters: leach.length ? leach : void 0
-                })
-            }
-            start = stop + closeTag.length
-        } while (1)
-        value = str.slice(start)
-        if (value) { //}} 右边的文本
-            tokens.push({
-                value: value,
-                expr: false
             })
-        }
-
-        return tokens
-    }
-    /*********************************************************************
-     *                          编译模块                                   *
-     **********************************************************************/
-    var keywords =
-            // 关键字
-            "break,case,catch,continue,debugger,default,delete,do,else,false"
-            + ",finally,for,function,if,in,instanceof,new,null,return,switch,this"
-            + ",throw,true,try,typeof,var,void,while,with"
-            // 保留字
-            + ",abstract,boolean,byte,char,class,const,double,enum,export,extends"
-            + ",final,float,goto,implements,import,int,interface,long,native"
-            + ",package,private,protected,public,short,static,super,synchronized"
-            + ",throws,transient,volatile"
-            // ECMA 5 - use strict
-            + ",arguments,let,yield"
-            + ",undefined"
-    var robjectProperty = /([\w\.\_$])\s*\[['"]([^'"]+)['"]\]/
-    //处理注释及字符串
-    var rstringComment = /\/\*[\w\W]*?\*\/|\/\/[^\n]*\n|\/\/[^\n]*$|"(?:[^"\\]|\\[\w\W])*"|'(?:[^'\\]|\\[\w\W])*'/g
-    //处理加减乘除小括号等运算符
-    var roperator = /[^\w\.$]+/g
-    //处理数字
-    var rnumber = /\b\d[^,]*/g
-    //处理最前面或最后面逗号
-    var rcommaOfFirstOrLast = /^,+|,+$/g
-    //处理位于中间的逗号
-    var rcommaInMiddle = /,+/
-    //去掉所有关键字保留字
-    var rkeywords = new RegExp(["\\b" + keywords.replace(/,/g, '\\b|\\b') + "\\b"].join('|'), 'g')
-    var cacheVars = createCache(512)
-    var getVariables = function(str) {
-        var key = "," + str.trim()
-        if (cacheVars[key]) {
-            return cacheVars[key]
-        }
-        while (robjectProperty.test(str)) {
-            str = str.replace(robjectProperty, function(match, obj, prop) {
-                return obj + '.' + prop;
-            })
-        }
-        var vars = str.replace(rstringComment, "")
-                .replace(roperator, ",")
-                .replace(rkeywords, ",")
-                .replace(rnumber, ",")
-                .replace(rcommaOfFirstOrLast, "")
-                .split(rcommaInMiddle)
-        return cacheVars(key, uniqSet(vars))
-    }
-
-    function uniqSet(array) {
-        var ret = [], unique = {}
-        for (var i = 0; i < array.length; i++) {
-            var el = array[i]
-            var id = el && typeof el.$id === "string" ? el.$id : el
-            if (!unique[id]) {
-                unique[id] = ret.push(el)
-            }
-        }
-        return ret
-    }
-
-    void function() {
-        var test = [1, 2, 3, 1]
-        if (typeof Set === "function" && (new Set(test)).size === 3) {
-            var uniqSet = function(arr) {//重写uniqSet
-                var set = new Set(arr), ret = []
-                set.forEach(function(el) {
-                    ret.push(el)
-                })
-                return ret
+
+            /*生成UUID http://stackoverflow.com/questions/105034/how-to-create-a-guid-uuid-in-javascript*/
+            function generateID() {
+                return "avalon" + Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15)
             }
-        }
-    }()
-
-    function addDeps(scope, prop, data) {
-        var obj = scope.$accessors
-        if (obj) {
-            var arr = obj[prop] || (obj[prop] = [])
-            avalon.Array.ensure(arr, data)
-        }
-    }
-    function inObject(obj, array) {
-        if (!obj.hasOwnProperty(array[0])) {
-            return 0
-        }
-        for (var i = 1, el; el = array[i++]; ) {
-            if (!obj.hasOwnProperty(el)) {
-                return (obj && typeof obj === "object") ? 1 : 0
-            } else {
-                obj = obj[el]
-            }
-        }
-        return 2
-    }
-    /*添加赋值语句*/
-    function addAssign(vars, scope, name, data) {
-        var ret = [],
-                prefix = " =" + name + "."
-
-        for (var i = vars.length, path; path = vars[--i]; ) {
-            var arr = path.split(".")
-            var flag = inObject(scope, arr)
-            if (flag) {
-                var prop = arr.shift()
-                addDeps(scope, prop, data)
-                ret.push(prop + prefix + prop)
-                if (data.type === "duplex") {
-                    vars.get = name + "." + prop
-                }
-                var subscope = scope
-                do {//处理子对象
-                    subscope = subscope[prop]
-                    if (subscope && typeof subscope === "object") {
-                        prop = arr.shift()
-                        addDeps(subscope, prop, data)
-                    } else {
-                        break
+
+            /*判定是否类数组，如节点集合，纯数组，arguments与拥有非负整数的length属性的纯JS对象*/
+            function isArrayLike(obj) {
+                if (obj && typeof obj === "object") {
+                    var n = obj.length,
+                            str = serialize.call(obj)
+                    if (/(Array|List|Collection|Map|Arguments)\]$/.test(str)) {
+                        return true
+                    } else if (str === "[object Object]" && (+n === n && !(n % 1) && n >= 0)) {
+                        return true //由于ecma262v5能修改对象属性的enumerable，因此不能用propertyIsEnumerable来判定了
                     }
-                } while (arr.length);
-                if (flag === 2)
-                    vars.splice(i, 1)
-            }
-        }
-        return ret
-    }
-
-
-    /*创建具有一定容量的缓存体*/
-    function createCache(maxLength) {
-        var keys = []
-        function cache(key, value) {
-            if (keys.push(key) > maxLength) {
-                delete cache[keys.shift()]
-            }
-            return cache[key] = value;
-        }
-        return cache;
-    }
-    var cacheExprs = createCache(256)
-    //根据一段文本与一堆VM，转换为对应的求值函数及匹配的VM(解释器模式)
-    var rduplex = /\w\[.*\]|\w\.\w/
-    var rproxy = /(\$proxy\$[a-z]+)\d+$/
-
-    function parseExpr(code, scopes, data, four) {
-        var dataType = data.type
-
-        var filters = dataType === "html" || dataType === "text" ? data.filters : ""
-        var exprId = scopes.map(function(el) {
-            return el.$id.replace(rproxy, "$1")
-        }) + code + dataType + filters
-        var vars = getVariables(code).concat()
-        var assigns = [] //收集赋值表达式
-        var names = []
-        var args = []  //新生成的求值函数的传参 包括所有VM与avalon.filters对象
-        if (vars.length) {
-            scopes.forEach(function(scope, i) {
-                var name = "vm" + expose + "_" + i
-                names.push(name)
-                args.push(scope)
-                assigns.push.apply(assigns, addAssign(vars, scope, name, data))
-            })
-        }
-
-        if (!assigns.length && dataType === "duplex") {
-            return
-        }
-        //---------------args----------------
-        if (filters) {
-            args.push(avalon.filters)
-        }
-        data.args = args
-        //---------------cache----------------
-        var fn = cacheExprs[exprId] //直接从缓存，免得重复生成
-        if (fn) {
-            data.evaluator = fn
-            return
-        }
-        var prefix = assigns.join(", ")
-        if (prefix) {
-            prefix = "var " + prefix
-        }
-        if (filters) { //文本绑定，双工绑定才有过滤器
-            code = "\nvar ret" + expose + " = " + code
-            var textBuffer = [],
-                    fargs
-            textBuffer.push(code, "\r\n")
-            for (var i = 0, fname; fname = data.filters[i++]; ) {
-                var start = fname.indexOf("(")
-                if (start !== -1) {
-                    fargs = fname.slice(start + 1, fname.lastIndexOf(")")).trim()
-                    fargs = "," + fargs
-                    fname = fname.slice(0, start).trim()
-                } else {
-                    fargs = ""
-                }
-                textBuffer.push(" if(filters", expose, ".", fname, "){\n\ttry{\nret", expose,
-                        " = filters", expose, ".", fname, "(ret", expose, fargs, ")\n\t}catch(e){} \n}\n")
-            }
-            code = textBuffer.join("")
-            code += "\nreturn ret" + expose
-            names.push("filters" + expose)
-        } else if (dataType === "duplex") { //双工绑定
-            var _body = "'use strict';\nreturn function(vvv){\n\t" +
-                    prefix +
-                    ";\n\tif(!arguments.length){\n\t\treturn " +
-                    code +
-                    "\n\t}\n\t" + (!rduplex.test(code) ? vars.get : code) +
-                    "= vvv;\n} "
-            try {
-                fn = Function.apply(noop, names.concat(_body))
-                data.evaluator = cacheExprs(exprId, fn)
-            } catch (e) {
-                log("debug: parse error," + e.message)
+                }
+                return false
             }
-            return
-        } else if (dataType === "on") { //事件绑定
-            if (code.indexOf("(") === -1) {
-                code += ".call(this, $event)"
-            } else {
-                code = code.replace("(", ".call(this,")
-            }
-            names.push("$event")
-            code = "\nreturn " + code + ";" //IE全家 Function("return ")出错，需要Function("return ;")
-            var lastIndex = code.lastIndexOf("\nreturn")
-            var header = code.slice(0, lastIndex)
-            var footer = code.slice(lastIndex)
-            code = header + "\n" + footer
-        } else { //其他绑定
-            code = "\nreturn " + code + ";" //IE全家 Function("return ")出错，需要Function("return ;")
-        }
-        try {
-            fn = Function.apply(noop, names.concat("'use strict';\n" + prefix + code))
-            data.evaluator = cacheExprs(exprId, fn)
-        } catch (e) {
-            log("debug: parse error," + e.message)
-        } finally {
-            textBuffer = names = null //释放内存
-        }
-    }
-
-    /*parseExpr的智能引用代理*/
-    function parseExprProxy(code, scopes, data, tokens) {
-        if (Array.isArray(tokens)) {
-            code = tokens.map(function(el) {
-                return el.expr ? "(" + el.value + ")" : JSON.stringify(el.value)
-            }).join(" + ")
-        }
-
-        parseExpr(code, scopes, data)
-
-        if (data.evaluator) {
-            data.handler = bindingExecutors[data.handlerName || data.type]
-            data.evaluator.toString = function() {
-                return data.type + " binding to eval(" + code + ")"
-            }
-            //方便调试
-            //这里非常重要,我们通过判定视图刷新函数的element是否在DOM树决定
-            //将它移出订阅者列表
-            registerSubscriber(data)
-        }
-    }
-    avalon.parseExprProxy = parseExprProxy
-    /*********************************************************************
-     *绑定模块（实现“操作数据即操作DOM”的关键，将DOM操作放逐出前端开发人员的视野，让它交由框架自行处理，开发人员专致于业务本身） *                                 *
-     **********************************************************************/
-
-    head.insertAdjacentHTML("afterBegin", '<style id="avalonStyle">.avalonHide{ display: none!important }</style>')
-    var getBindingCallback = function(elem, name, vmodels) {
-        var callback = elem.getAttribute(name)
-        if (callback) {
-            for (var i = 0, vm; vm = vmodels[i++]; ) {
-                if (vm.hasOwnProperty(callback) && typeof vm[callback] === "function") {
-                    return vm[callback]
-                }
-            }
-        }
-    }
-    var cacheTmpls = avalon.templateCache = {}
-    var ifSanctuary = DOC.createElement("div")
-    //这里的函数每当VM发生改变后，都会被执行（操作方为notifySubscribers）
-    var bindingExecutors = avalon.bindingExecutors = {
-        "attr": function(val, elem, data) {
-            var method = data.type,
-                    attrName = data.param
-
-            function scanTemplate(text) {
-                if (loaded) {
-                    text = loaded.apply(elem, [text].concat(vmodels))
-                }
-                avalon.innerHTML(elem, text)
-                scanNodes(elem, vmodels)
-                rendered && checkScan(elem, function() {
-                    rendered.call(elem)
-                })
+            avalon.isArrayLike = isArrayLike
+            /*视浏览器情况采用最快的异步回调*/
+            avalon.nextTick = function(callback) {
+                new Promise(function(resolve) {
+                    resolve()
+                }).then(callback)
             }
 
-            if (method === "css") {
-                avalon(elem).css(attrName, val)
-            } else if (method === "attr") {
-                // ms-attr-class="xxx" vm.xxx="aaa bbb ccc"将元素的className设置为aaa bbb ccc
-                // ms-attr-class="xxx" vm.xxx=false  清空元素的所有类名
-                // ms-attr-name="yyy"  vm.yyy="ooo" 为元素设置name属性
-                var toRemove = (val === false) || (val === null) || (val === void 0)
-                if (toRemove) {
-                    elem.removeAttribute(attrName)
-                } else {
-                    elem.setAttribute(attrName, val)
+            if (!root.contains) { //safari5+是把contains方法放在Element.prototype上而不是Node.prototype
+                Node.prototype.contains = function(arg) {
+                    return !!(this.compareDocumentPosition(arg) & 16)
                 }
-            } else if (method === "include" && val) {
-                var vmodels = data.vmodels
-                var rendered = getBindingCallback(elem, "data-include-rendered", vmodels)
-                var loaded = getBindingCallback(elem, "data-include-loaded", vmodels)
+            }
 
-                if (data.param === "src") {
-                    if (cacheTmpls[val]) {
-                        scanTemplate(cacheTmpls[val])
-                    } else {
-                        var xhr = new window.XMLHttpRequest
-                        xhr.onload = function() {
-                            var s = xhr.status
-                            if (s >= 200 && s < 300 || s === 304) {
-                                scanTemplate(cacheTmpls[val] = xhr.responseText)
-                            }
-                        }
-                        xhr.open("GET", val, true)
-                        xhr.withCredentials = true
-                        xhr.setRequestHeader("X-Requested-With", "XMLHttpRequest")
-                        xhr.send(null)
-                    }
-                } else {
-                    //IE系列与够新的标准浏览器支持通过ID取得元素（firefox14+）
-                    //http://tjvantoll.com/2012/07/19/dom-element-references-as-global-variables/
-                    var el = val && val.nodeType === 1 ? val : DOC.getElementById(val)
-                    avalon.nextTick(function() {
-                        scanTemplate(el.innerText || el.innerHTML)
-                    })
+            /*********************************************************************
+             *                           modelFactory                              *
+             **********************************************************************/
+            //avalon最核心的方法的两个方法之一（另一个是avalon.scan），返回一个ViewModel(VM)
+            var VMODELS = avalon.vmodels = {}
+            avalon.define = function(id, factory) {
+                if (VMODELS[id]) {
+                    log("warning: " + id + " 已经存在于avalon.vmodels中")
                 }
-            } else {
-                elem[method] = val
-            }
-        },
-        "class": function(val, elem, data) {
-            var $elem = avalon(elem),
-                    method = data.type
-            if (method === "class" && data.param) { //如果是旧风格
-                $elem.toggleClass(data.param, !!val)
-            } else {
-                var toggle = data._evaluator ? !!data._evaluator.apply(elem, data._args) : true
-                var className = data._class || val
-                switch (method) {
-                    case "class":
-                        if (toggle && data.oldClass) {
-                            $elem.removeClass(data.oldClass)
-                        }
-                        $elem.toggleClass(className, toggle)
-                        data.oldClass = className
-                        break;
-                    case "hover":
-                    case "active":
-                        if (!data.init) {
-                            if (method === "hover") { //在移出移入时切换类名
-                                var event1 = "mouseenter",
-                                        event2 = "mouseleave"
-                            } else { //在聚焦失焦中切换类名
-                                elem.tabIndex = elem.tabIndex || -1
-                                event1 = "mousedown", event2 = "mouseup"
-                                $elem.bind("mouseleave", function() {
-                                    toggle && $elem.removeClass(className)
-                                })
-                            }
-                            $elem.bind(event1, function() {
-                                toggle && $elem.addClass(className)
-                            })
-                            $elem.bind(event2, function() {
-                                toggle && $elem.removeClass(className)
-                            })
-                            data.init = 1
-                        }
-                        break;
+                var scope = {
+                    $events: {},
+                    $watch: EventManager.$watch
                 }
+                factory(scope) //得到所有定义
+                scope.$id = id
+                return VMODELS[id] = modelFactory(scope)
             }
-        },
-        "data": function(val, elem, data) {
-            var key = "data-" + data.param
-            if (val && typeof val === "object") {
-                elem[key] = val
-            } else {
-                elem.setAttribute(key, String(val))
-            }
-        },
-        "repeat": function(method, pos, el) {
-            if (method) {
-                var data = this
-                var group = data.group
-                var parent = data.startRepeat ? data.startRepeat.parentNode : data.callbackElement// //fix  #300 #307
-                var proxies = data.proxies
-                var transation = hyperspace.cloneNode(false)
-                var spans = []
-                var lastFn = {}
-                if (method === "del" || method === "move") {
-                    var locatedNode = getLocatedNode(parent, data, pos)
-                }
-                switch (method) {
-                    case "add":
-                        //在pos位置后添加el数组（pos为数字，el为数组）
-                        var arr = el
-                        var last = data.getter().length - 1
-                        for (var i = 0, n = arr.length; i < n; i++) {
-                            var ii = i + pos
-                            var proxy = getEachProxy(ii, arr[i], data, last)
-                            proxies.splice(ii, 0, proxy)
-                            lastFn = shimController(data, transation, spans, proxy)
-                        }
-                        locatedNode = getLocatedNode(parent, data, pos)
-                        lastFn.node = locatedNode
-                        lastFn.parent = parent
-                        parent.insertBefore(transation, locatedNode)
-                        for (var i = 0, node; node = spans[i++]; ) {
-                            scanTag(node, data.vmodels)
-                        }
-                        spans = null
-                        break
-                    case "del": //将pos后的el个元素删掉(pos, el都是数字)
-                        var removed = proxies.splice(pos, el)
-                        recycleEachProxies(removed)
-                        expelFromSanctuary(removeView(locatedNode, group, el))
-                        break
-                    case "index": //将proxies中的第pos个起的所有元素重新索引（pos为数字，el用作循环变量）
-                        var last = proxies.length - 1
-                        for (; el = proxies[pos]; pos++) {
-                            el.$index = pos
-                            el.$first = pos === 0
-                            el.$last = pos === last
+
+            function observeCallback(changes) {
+                changes.forEach(function(description) {
+                    if (description.type === "update") {
+                        var host = description.object
+                        var name = description.name
+                        var oldValue = description.oldValue
+                        var newValue = host[name]
+                        if (!isObservable(name, oldValue, host.$skipArray)) {
+                            return
                         }
-                        break
-                    case "clear":
-                        if (data.startRepeat) {
-                            while (true) {
-                                var node = data.startRepeat.nextSibling
-                                if (node && node !== data.endRepeat) {
-                                    transation.appendChild(node)
-                                } else {
-                                    break
-                                }
-                            }
+                        var type = avalon.type(oldValue)
+                        if (type === "array" || type === "object") {
+                            newValue = updateVModel(oldValue, newValue, type)
+                            var fn = rebindings[newValue.$id]
+                            fn && fn()
+                            host.$model[name] = newValue.$model //同步$model
                         } else {
-                            transation = parent
-                        }
-                        recycleEachProxies(proxies)
-                        expelFromSanctuary(transation)
-                        break
-                    case "move": //将proxies中的第pos个元素移动el位置上(pos, el都是数字)
-                        var t = proxies.splice(pos, 1)[0]
-                        if (t) {
-                            proxies.splice(el, 0, t)
-                            transation = removeView(locatedNode, group)
-                            locatedNode = getLocatedNode(parent, data, el)
-                            parent.insertBefore(transation, locatedNode)
-                        }
-                        break
-                    case "set": //将proxies中的第pos个元素的VM设置为el（pos为数字，el任意）
-                        var proxy = proxies[pos]
-                        if (proxy) {
-                            proxy[proxy.$itemName] = el
-                        }
-                        break
-                    case "append": //将pos的键值对从el中取出（pos为一个普通对象，el为预先生成好的代理VM对象池）
-                        var pool = el
-                        var callback = getBindingCallback(data.callbackElement, "data-with-sorted", data.vmodels)
-                        var keys = []
-                        for (var key in pos) { //得到所有键名
-                            if (pos.hasOwnProperty(key)) {
-                                keys.push(key)
-                            }
-                        }
-                        if (callback) { //如果有回调，则让它们排序
-                            var keys2 = callback.call(parent, keys)
-                            if (keys2 && Array.isArray(keys2) && keys2.length) {
-                                keys = keys2
-                            }
-                        }
-                        for (var i = 0, key; key = keys[i++]; ) {
-                            lastFn = shimController(data, transation, spans, pool[key])
+                            withProxyCount && updateWithProxy(host.$id, name, newValue) //同步循环绑定中的代理VM
                         }
-                        lastFn.parent = parent
-                        lastFn.node = data.endRepeat || null
-                        parent.insertBefore(transation, lastFn.node)
-                        for (var i = 0, el; el = spans[i++]; ) {
-                            scanTag(el, data.vmodels)
-                        }
-                        spans = null
-                        break
-                }
-                iteratorCallback.call(data, arguments, parent)
-            }
-        },
-        "html": function(val, elem, data) {
-            val = val == null ? "" : val
-            if (!elem) {
-                elem = data.element = data.node.parentNode
-            }
-            if (data.replaceNodes) {
-                var fragment, nodes
-                if (val.nodeType === 11) {
-                    fragment = val
-                } else if (val.nodeType === 1 || val.item) {
-                    nodes = val.nodeType === 1 ? val.childNodes : val.item ? val : []
-                    fragment = hyperspace.cloneNode(true)
-                    while (nodes[0]) {
-                        fragment.appendChild(nodes[0])
+                        host.$fire(name, newValue, oldValue)
+                        notifySubscribers(host.$accessors, name)
                     }
-                } else {
-                    fragment = avalon.parseHTML(val)
+                })
+            }
+            function isObservable(name, value, $skipArray) {
+                if (typeof value === "function" || (value && value.nodeType)) {
+                    return false
                 }
-                var replaceNodes = avalon.slice(fragment.childNodes)
-                elem.insertBefore(fragment, data.replaceNodes[0] || null)
-                for (var i = 0, node; node = data.replaceNodes[i++]; ) {
-                    node.remove()//☆
+                var $watchOne = $skipArray.opposite
+                if ($skipArray.indexOf(name) !== -1) {
+                    return false
                 }
-                data.replaceNodes = replaceNodes
-            } else {
-                avalon.innerHTML(elem, val)
-            }
-            avalon.nextTick(function() {
-                scanNodes(elem, data.vmodels)
-            })
-        },
-        "if": function(val, elem, data) {
-            var placehoder = data.placehoder
-            if (val) { //插回DOM树
-                if (!data.msInDocument) {
-                    data.msInDocument = true
-                    if (placehoder.parentNode) {
-                        placehoder.parentNode.replaceChild(elem, placehoder)
-                    }
-                }
-                if (rbind.test(elem.outerHTML.replace(rlt, "<").replace(rgt, ">"))) {
-                    scanAttr(elem, data.vmodels)
-                }
-            } else { //移出DOM树，放进ifSanctuary DIV中，并用注释节点占据原位置
-                if (data.msInDocument) {
-                    data.msInDocument = false
-                    if (elem.parentNode) {
-                        elem.parentNode.replaceChild(placehoder, elem)
-                    }
-                    placehoder.elem = elem
-                    ifSanctuary.appendChild(elem)
-                }
-            }
-        },
-        "on": function(callback, elem, data) {
-            var vmodels = data.vmodels
-            var fn = data.evaluator
-            callback = function(e) {
-                return fn.apply(this, data.args.concat(e))
-            }
-            elem.$vmodel = vmodels[0]
-            elem.$vmodels = vmodels
-            data.param = data.param.replace(/-\d+$/, "") // ms-on-mousemove-10
-            if (typeof data.specialBind === "function") {
-                data.specialBind(elem, callback)
-            } else {
-                var removeFn = avalon.bind(elem, data.param, callback)
-            }
-            data.rollback = function() {
-                if (typeof data.specialUnbind === "function") {
-                    data.specialUnbind()
-                } else {
-                    avalon.unbind(elem, data.param, removeFn)
+                if (name && name[0] === "$" && !$watchOne[name]) {
+                    return false
                 }
+                return true
             }
-            data.evaluator = data.handler = noop
-        },
-        "text": function(val, elem, data) {
-            val = val == null ? "" : val //不在页面上显示undefined null
-            var node = data.node
-            if (data.nodeType === 3) { //绑定在文本节点上
-                try {//IE对游离于DOM树外的节点赋值会报错
-                    node.data = val
-                } catch (e) {
+            function modelFactory(scope) {
+                if (Array.isArray(scope)) {
+                    var arr = scope.concat() //原数组的作为新生成的监控数组的$model而存在
+                    scope.length = 0
+                    var collection = Collection(scope)
+                    collection.push.apply(collection, arr)
+                    return collection
+                }
+                if (typeof scope.nodeType === "number") {
+                    return scope
+                }
+                if (!Array.isArray(scope.$skipArray)) {
+                    scope.$skipArray = []
                 }
-            } else { //绑定在特性节点上
-                if (!elem) {
-                    elem = data.element = node.parentNode
-                }
-                elem.textContent = val
-            }
-        },
-        "visible": function(val, elem, data) {
-            elem.style.display = val ? data.display : "none"
-        },
-        "widget": noop
-    }
-
-    var rdash = /\(([^)]*)\)/
-    var rwhitespace = /^\s+$/
-    function parseDisplay(nodeName, val) {
-        //用于取得此类标签的默认display值
-        var key = "_" + nodeName
-        if (!parseDisplay[key]) {
-            var node = DOC.createElement(nodeName)
-            root.appendChild(node)
-            val = getComputedStyle(node, null).display
-            root.removeChild(node)
-            parseDisplay[key] = val
-        }
-        return parseDisplay[key]
-    }
-    //这里的函数只会在第一次被扫描后被执行一次，并放进行对应VM属性的subscribers数组内（操作方为registerSubscriber）
-    var bindingHandlers = avalon.bindingHandlers = {
-        //这是一个字符串属性绑定的范本, 方便你在title, alt,  src, href, include, css添加插值表达式
-        //<a ms-href="{{url.hostname}}/{{url.pathname}}.html">
-        "attr": function(data, vmodels) {
-            var text = data.value.trim(),
-                    simple = true
-            if (text.indexOf(openTag) > -1 && text.indexOf(closeTag) > 2) {
-                simple = false
-                if (rexpr.test(text) && RegExp.rightContext === "" && RegExp.leftContext === "") {
-                    simple = true
-                    text = RegExp.$1
-                }
-            }
-            data.handlerName = "attr" //handleName用于处理多种绑定共用同一种bindingExecutor的情况
-
-            parseExprProxy(text, vmodels, data, simple ? null : scanExpr(data.value))
-        },
-        //根据VM的属性值或表达式的值切换类名，ms-class="xxx yyy zzz:flag" 
-        //http://www.cnblogs.com/rubylouvre/archive/2012/12/17/2818540.html
-        "class": function(data, vmodels) {
-            var oldStyle = data.param,
-                    text = data.value,
-                    rightExpr
-            data.handlerName = "class"
-            if (!oldStyle || isFinite(oldStyle)) {
-                data.param = "" //去掉数字
-                var noExpr = text.replace(rexprg, function(a) {
-                    return Math.pow(10, a.length - 1) //将插值表达式插入10的N-1次方来占位
+                scope.$skipArray.opposite = arguments[2] || {}
+                avalon.each(scope, function(key, val) {
+                    if (!isObservable(key, val, scope.$skipArray)) {
+                        return //过滤所有非监控属性
+                    }
+                    var valueType = avalon.type(val)
+                    if (valueType === "object" && typeof val.get === "function" && Object.keys(val).length <= 2) {
+                        var userGet = val.get // 将计算属性转为真正的访问器属性,并重写set方法
+                        var userSet = val.set || noop
+                        Object.defineProperty(scope, key, {
+                            enumerable: true,
+                            configurable: true,
+                            get: userGet,
+                            set: function(newValue) {
+                                var oldValue = userGet.call(this)
+                                userSet.call(this, newValue)
+                                newValue = userGet()
+                                if (!Object.is(oldValue, newValue)) {
+                                    Object.getNotifier(this).notify({
+                                        type: "update",
+                                        object: this,
+                                        name: key,
+                                        oldValue: oldValue
+                                    })
+                                }
+                            }
+                        })
+                    } else if (valueType === "object" || valueType === "array") {
+                        scope[key] = modelFactory(val)
+                    }
                 })
-                var colonIndex = noExpr.indexOf(":") //取得第一个冒号的位置
-                if (colonIndex === -1) { // 比如 ms-class="aaa bbb ccc" 的情况
-                    var className = text
-                } else { // 比如 ms-class-1="ui-state-active:checked" 的情况 
-                    className = text.slice(0, colonIndex)
-                    rightExpr = text.slice(colonIndex + 1)
-                    parseExpr(rightExpr, vmodels, data) //决定是添加还是删除
-                    if (!data.evaluator) {
-                        log("debug: ms-class '" + (rightExpr || "").trim() + "' 不存在于VM中")
-                        return false
-                    } else {
-                        data._evaluator = data.evaluator
-                        data._args = data.args
+                scope.$events = scope.$events || {}
+                scope.$id = generateID()
+                scope.$accessors = {}
+                scope[subscribers] = []
+                for (var i in EventManager) {
+                    scope[i] = EventManager[i]
+                }
+
+                Object.defineProperties(scope, {
+                    "$model": {
+                        enumerable: false,
+                        configurable: true,
+                        get: function() {
+                            var obj = {}
+                            for (var i in this) {
+                                if (skipProperties.indexOf(i) === -1) {
+                                    var val = this[i]
+                                    obj[i] = (Array.isArray(val) && val.$model) ? val.$model : val
+                                }
+                            }
+                            return obj
+                        },
+                        set: noop
+                    },
+                    "hasOwnProperty": {
+                        value: function(name) {
+                            return name in scope.$model
+                        },
+                        writable: false,
+                        enumerable: false,
+                        configurable: true
                     }
+                })
+                Object.observe(scope, observeCallback)
+                return scope
+            }
+            var skipProperties = String("$id,$watch,$unwatch,$fire,$events,$model,$skipArray,$accessors," + subscribers).match(rword)
+
+            //ms-with, ms-repeat绑定生成的代理对象储存池
+            var withProxyPool = {}
+            var withProxyCount = 0
+            var rebindings = {}
+
+            function updateWithProxy($id, name, val) {
+                var pool = withProxyPool[$id]
+                if (pool && pool[name]) {
+                    pool[name].$val = val
                 }
-                var hasExpr = rexpr.test(className) //比如ms-class="width{{w}}"的情况
-                if (!hasExpr) {
-                    data._class = className
-                }
-                parseExprProxy("", vmodels, data, (hasExpr ? scanExpr(className) : null))
-            } else if (data.type === "class") {
-                parseExprProxy(text, vmodels, data)
             }
-        },
-        "duplex": function(data, vmodels) {
-            var elem = data.element,
-                    tagName = elem.tagName
-            if (typeof duplexBinding[tagName] === "function") {
-                data.changed = getBindingCallback(elem, "data-duplex-changed", vmodels) || noop
-                //由于情况特殊，不再经过parseExprProxy
-                parseExpr(data.value, vmodels, data, "duplex")
-                if (data.evaluator && data.args) {
-                    var form = elem.form
-                    if (form && form.msValidate) {
-                        form.msValidate(elem)
+
+            function updateVModel(a, b, valueType) {
+                //a为原来的VM， b为新数组或新对象
+                if (valueType === "array") {
+                    if (!Array.isArray(b)) {
+                        return a //fix https://github.com/RubyLouvre/avalon/issues/261
+                    }
+                    var bb = b.concat()
+                    a.clear()
+                    a.pushArray(bb)
+                    return a
+                } else {
+                    var iterators = a[subscribers] || []
+                    if (withProxyPool[a.$id]) {
+                        withProxyCount--
+                        delete withProxyPool[a.$id]
                     }
-                    data.bound = function(type, callback) {
-                        elem.addEventListener(type, callback)
-                        var old = data.rollback
-                        data.rollback = function() {
-                            elem.removeEventListener(type, callback)
-                            old && old()
+                    var ret = modelFactory(b)
+                    rebindings[ret.$id] = function(data) {
+                        while (data = iterators.shift()) {
+                            (function(el) {
+                                if (el.type) {
+                                    avalon.nextTick(function() {
+                                        el.rollback && el.rollback()
+                                        bindingHandlers[el.type](el, el.vmodels)
+                                    })
+                                }
+                            })(data)
                         }
+                        delete rebindings[ret.$id]
                     }
-                    duplexBinding[elem.tagName](elem, data.evaluator.apply(null, data.args), data)
+                    return ret
                 }
             }
-        },
-        "repeat": function(data, vmodels) {
-            var type = data.type,
-                    list
-            parseExpr(data.value, vmodels, data)
-            if (type !== "repeat") {
-                log("warning:建议使用ms-repeat代替ms-each, ms-with, ms-repeat只占用一个标签并且性能更好")
-            }
-            var elem = data.callbackElement = data.element //用于判定当前元素是否位于DOM树
-            data.getter = function() {
-                return this.evaluator.apply(0, this.args || [])
-            }
 
-            data.proxies = []
-            var freturn = true
-            try {
-                list = data.getter()
-                if (rcomplextype.test(avalon.type(list))) {
-                    freturn = false
-                }
-            } catch (e) {
-                var obj = vmodels[0].$accessors
-                obj.array = [data]
-            }
-            var template = hyperspace.cloneNode(false)
-            if (type === "repeat") {
-                var startRepeat = DOC.createComment("ms-repeat-start")
-                var endRepeat = DOC.createComment("ms-repeat-end")
-                data.startRepeat = startRepeat
-                data.endRepeat = endRepeat
-                elem.removeAttribute(data.name)
-                var parent = data.element = elem.parentNode
-                parent.replaceChild(endRepeat, elem)
-                parent.insertBefore(startRepeat, endRepeat)
-                template.appendChild(elem)
-            } else {
-                var node
-                while (node = elem.firstChild) {
-                    if (node.nodeType === 3 && rwhitespace.test(node.data)) {
-                        node.remove()//☆
+            /*********************************************************************
+             *                       配置模块                                   *
+             **********************************************************************/
+
+            function kernel(settings) {
+                for (var p in settings) {
+                    if (!ohasOwn.call(settings, p))
+                        continue
+                    var val = settings[p]
+                    if (typeof kernel.plugins[p] === "function") {
+                        kernel.plugins[p](val)
+                    } else if (typeof kernel[p] === "object") {
+                        avalon.mix(kernel[p], val)
                     } else {
-                        template.appendChild(node)
+                        kernel[p] = val
                     }
                 }
+                return this
             }
-            data.template = template
-            data.rollback = function() {
-                bindingExecutors.repeat.call(data, "clear")
-                var endRepeat = data.endRepeat
-                var parent = data.element
-                parent.insertBefore(data.template, endRepeat || null)
-                if (endRepeat) {
-                    parent.removeChild(endRepeat)
-                    parent.removeChild(data.startRepeat)
-                    data.element = data.callbackElement
-                }
+            var openTag, closeTag, rexpr, rexprg, rbind, rregexp = /[-.*+?^${}()|[\]\/\\]/g
+            /*将字符串安全格式化为正则表达式的源码 http://stevenlevithan.com/regex/xregexp/*/
+            function escapeRegExp(target) {
+                return (target + "").replace(rregexp, "\\$&")
             }
-            var arr = data.value.split(".") || []
-            if (arr.length > 1) {
-                arr.pop()
-                var n = arr[0]
-                for (var i = 0, v; v = vmodels[i++]; ) {
-                    if (v && v.hasOwnProperty(n) && v[n][subscribers]) {
-                        v[n][subscribers].push(data)
-                        break
+            var plugins = {
+                loader: function(builtin) {
+                    window.define = builtin ? innerRequire.define : otherDefine
+                    window.require = builtin ? innerRequire : otherRequire
+                },
+                interpolate: function(array) {
+                    openTag = array[0]
+                    closeTag = array[1]
+                    if (openTag === closeTag) {
+                        avalon.error("openTag!==closeTag", SyntaxError)
+                    } else if (array + "" === "<!--,-->") {
+                        kernel.commentInterpolate = true
+                    } else {
+                        var test = openTag + "test" + closeTag
+                        cinerator.innerHTML = test
+                        if (cinerator.innerHTML !== test && cinerator.innerHTML.indexOf("&lt;") >= 0) {
+                            avalon.error("此定界符不合法", SyntaxError)
+                        }
+                        cinerator.innerHTML = ""
                     }
+                    var o = escapeRegExp(openTag),
+                            c = escapeRegExp(closeTag)
+                    rexpr = new RegExp(o + "(.*?)" + c)
+                    rexprg = new RegExp(o + "(.*?)" + c, "g")
+                    rbind = new RegExp(o + ".*?" + c + "|\\sms-")
                 }
             }
-            if (freturn) {
-                return
-            }
-            data.callbackName = "data-" + type + "-rendered"
-            data.handler = bindingExecutors.repeat
-            data.$outer = {}
-            var check0 = "$key",
-                    check1 = "$val"
-            if (Array.isArray(list)) {
-                check0 = "$first"
-                check1 = "$last"
-            }
-            for (var i = 0, p; p = vmodels[i++]; ) {
-                if (p.hasOwnProperty(check0) && p.hasOwnProperty(check1)) {
-                    data.$outer = p
-                    break
-                }
-            }
-            node = template.firstChild
-            data.fastRepeat = !!node && node.nodeType === 1 && template.lastChild === node && !node.attributes["ms-controller"] && !node.attributes["ms-important"]
-            list[subscribers] && list[subscribers].push(data)
-            if (!Array.isArray(list) && type !== "each") {
-                var pool = withProxyPool[list.$id]
-                if (!pool) {
-                    withProxyCount++
-                    pool = withProxyPool[list.$id] = {}
-                    for (var key in list) {
-                        if (list.hasOwnProperty(key) && key !== "hasOwnProperty") {
-                            (function(k, v) {
-                                pool[k] = createWithProxy(k, v, {})
-                                pool[k].$watch("$val", function(val) {
-                                    list[k] = val //#303
-                                })
-                            })(key, list[key])
-                        }
-                    }
+            kernel.debug = true
+            kernel.plugins = plugins
+            kernel.plugins['interpolate'](["{{", "}}"])
+            kernel.paths = {}
+            kernel.shim = {}
+            kernel.maxRepeatSize = 100
+            avalon.config = kernel
+
+            /*********************************************************************
+             *                           DOM API的高级封装                        *
+             **********************************************************************/
+
+
+
+
+            /*转换为连字符线风格*/
+            function hyphen(target) {
+                return target.replace(/([a-z\d])([A-Z]+)/g, "$1-$2").toLowerCase()
+            }
+            /*转换为驼峰风格*/
+            function camelize(target) {
+                if (target.indexOf("-") < 0 && target.indexOf("_") < 0) {
+                    return target //提前判断，提高getStyle等的效率
                 }
-                data.handler("append", list, pool)
-            } else {
-                data.handler("add", 0, list)
-            }
-        },
-        "html": function(data, vmodels) {
-            parseExprProxy(data.value, vmodels, data)
-        },
-        "if": function(data, vmodels) {
-            var elem = data.element
-            elem.removeAttribute(data.name)
-            if (!data.placehoder) {
-                data.msInDocument = data.placehoder = DOC.createComment("ms-if")
-            }
-            data.vmodels = vmodels
-            parseExprProxy(data.value, vmodels, data)
-        },
-        "on": function(data, vmodels) {
-            var value = data.value
-            if (value.indexOf("(") > 0 && value.indexOf(")") > -1) {
-                var matched = (value.match(rdash) || ["", ""])[1].trim()
-                if (matched === "" || matched === "$event") { // aaa() aaa($event)当成aaa处理
-                    value = value.replace(rdash, "")
-                }
-            }
-            parseExprProxy(value, vmodels, data)
-        },
-        "visible": function(data, vmodels) {
-            var elem = avalon(data.element)
-            var display = elem.css("display")
-            if (display === "none") {
-                var style = elem[0].style
-                var has = /visibility/i.test(style.cssText)
-                var visible = elem.css("visibility")
-                style.display = ""
-                style.visibility = "hidden"
-                display = elem.css("display")
-                if (display === "none") {
-                    display = parseDisplay(elem[0].nodeName)
-                }
-                style.visibility = has ? visible : ""
-            }
-            data.display = display
-            parseExprProxy(data.value, vmodels, data)
-        },
-        "widget": function(data, vmodels) {
-            var args = data.value.match(rword)
-            var elem = data.element
-            var widget = args[0]
-            if (args[1] === "$" || !args[1]) {
-                args[1] = widget + setTimeout("1")
-            }
-            data.value = args.join(",")
-            var constructor = avalon.ui[widget]
-            if (typeof constructor === "function") { //ms-widget="tabs,tabsAAA,optname"
-                vmodels = elem.vmodels || vmodels
-                var optName = args[2] || widget //尝试获得配置项的名字，没有则取widget的名字
-                for (var i = 0, v; v = vmodels[i++]; ) {
-                    if (v.hasOwnProperty(optName) && typeof v[optName] === "object") {
-                        var nearestVM = v
-                        break
+                return target.replace(/[-_][^-_]/g, function(match) {
+                    return match.charAt(1).toUpperCase()
+                })
+            }
+
+            "add,remove".replace(rword, function(method) {
+                avalon.fn[method + "Class"] = function(cls) {
+                    var el = this[0]
+                    //https://developer.mozilla.org/zh-CN/docs/Mozilla/Firefox/Releases/26
+                    if (cls && typeof cls === "string" && el && el.nodeType == 1) {
+                        cls.replace(/\S+/g, function(c) {
+                            el.classList[method](c)
+                        })
                     }
+                    return this
                 }
-                if (nearestVM) {
-                    var vmOptions = nearestVM[optName]
-                    vmOptions = vmOptions.$model || vmOptions
-                    var id = vmOptions[widget + "Id"]
-                    if (typeof id === "string") {
-                        args[1] = id
-                    }
-                }
-                var widgetData = avalon.getWidgetData(elem, args[0]) //抽取data-tooltip-text、data-tooltip-attr属性，组成一个配置对象
-                data[widget + "Id"] = args[1]
-                data[widget + "Options"] = avalon.mix({}, constructor.defaults, vmOptions || {}, widgetData)
-                elem.removeAttribute("ms-widget")
-                var vmodel = constructor(elem, data, vmodels) || {} //防止组件不返回VM
-                data.evaluator = noop
-                elem.msData["ms-widget-id"] = vmodel.$id || ""
-                if (vmodel.hasOwnProperty("$init")) {
-                    vmodel.$init()
-                }
-                if (vmodel.hasOwnProperty("$remove")) {
-                    function offTree() {
-                        if (!elem.msRetain && !root.contains(elem)) {
-                            vmodel.$remove()
-                            elem.msData = {}
-                            delete VMODELS[vmodel.$id]
-                            return false
-                        }
-                    }
-                    if (window.chrome) {
-                        elem.addEventListener("DOMNodeRemovedFromDocument", offTree)
+            })
+
+            avalon.fn.mix({
+                hasClass: function(cls) {
+                    var el = this[0] || {} //IE10+, chrome8+, firefox3.6+, safari5.1+,opera11.5+支持classList,chrome24+,firefox26+支持classList2.0
+                    return el.nodeType === 1 && el.classList.contains(cls)
+                },
+                toggleClass: function(value, stateVal) {
+                    var node = this[0]
+                    if (node && node.nodeType === 1) {
+                        var state = stateVal
+                        var i = 0
+                        var classNames = value.split(/\s+/)
+                        var isBool = typeof stateVal === "boolean"
+                        var classList = node.classList, className
+                        while ((className = classNames[i++])) {
+                            state = isBool ? state : !classList.contains(className)
+                            classList[state ? "add" : "remove"](className)
+                        }
+                    }
+                    return this
+                },
+                attr: function(name, value) {
+                    if (arguments.length === 2) {
+                        this[0].setAttribute(name, value)
+                        return this
                     } else {
-                        avalon.tick(offTree)
-                    }
-                }
-            } else if (vmodels.length) { //如果该组件还没有加载，那么保存当前的vmodels
-                elem.vmodels = vmodels
-            }
-        }
-
-    }
-
-    //============================   class preperty binding  =======================
-    "hover,active".replace(rword, function(method) {
-        bindingHandlers[method] = bindingHandlers["class"]
-    })
-    "with,each".replace(rword, function(name) {
-        bindingHandlers[name] = bindingHandlers.repeat
-    })
-
-    bindingHandlers.data = bindingHandlers.text = bindingHandlers.html
-    //============================= string preperty binding =======================
-    //与href绑定器 用法差不多的其他字符串属性的绑定器
-    //建议不要直接在src属性上修改，这样会发出无效的请求，请使用ms-src
-    "title,alt,src,value,css,include,href".replace(rword, function(name) {
-        bindingHandlers[name] = bindingHandlers.attr
-    })
-    //============================= model binding =======================
-    //将模型中的字段与input, textarea的value值关联在一起
-    var duplexBinding = bindingHandlers.duplex
-    //如果一个input标签添加了model绑定。那么它对应的字段将与元素的value连结在一起
-    //字段变，value就变；value变，字段也跟着变。默认是绑定input事件，
-    duplexBinding.INPUT = function(element, evaluator, data) {
-        var fixType = data.param,
-                bound = data.bound,
-                type = element.type,
-                $elem = avalon(element),
-                firstTigger = false,
-                composing = false,
-                callback = function(value) {
-                    firstTigger = true
-                    data.changed.call(this, value)
+                        return this[0].getAttribute(name)
+                    }
+                },
+                data: function(name, val) {
+                    var dataset = this[0].dataset
+                    switch (arguments.length) {
+                        case 2:
+                            dataset[name] = val
+                            return this
+                        case 1:
+                            val = dataset[name]
+                            return parseData(val)
+                        case 0:
+                            var ret = {}
+                            for (var name in dataset) {
+                                ret[name] = parseData(dataset[name])
+                            }
+                            return ret
+                    }
                 },
-                compositionStart = function() {
-                    composing = true
+                removeData: function(name) {
+                    name = "data-" + hyphen(name)
+                    this[0].removeAttribute(name)
+                    return this
                 },
-                compositionEnd = function() {
-                    composing = false
+                css: function(name, value) {
+                    if (avalon.isPlainObject(name)) {
+                        for (var i in name) {
+                            avalon.css(this, i, name[i])
+                        }
+                    } else {
+                        var ret = avalon.css(this, name, value)
+                    }
+                    return ret !== void 0 ? ret : this
                 },
-                //当value变化时改变model的值
-                updateVModel = function() {
-                    if (composing)
+                position: function() {
+                    var offsetParent, offset,
+                            elem = this[0],
+                            parentOffset = {
+                                top: 0,
+                                left: 0
+                            };
+                    if (!elem) {
                         return
-                    var val = element.oldValue = element.value
-                    if ($elem.data("duplex-observe") !== false) {
-                        evaluator(val)
-                        callback.call(element, val)
-                    }
-                }
-
-        //当model变化时,它就会改变value的值
-        data.handler = function() {
-            var curValue = evaluator()
-            if (curValue !== element.value) {
-                element.value = curValue
-            }
-        }
-        if (type === "checkbox" && fixType === "radio") {
-            type = "radio"
-        }
-        if (type === "radio") {
-            data.handler = function() {
-                element.oldChecked = element.checked = /bool|text/.test(fixType) ? evaluator() + "" === element.value : !!evaluator()
-            }
-            updateVModel = function() {
-                if ($elem.data("duplex-observe") !== false) {
-                    var val = element.value
-                    if (fixType === "text") {
-                        evaluator(val)
-                    } else if (fixType === "bool") {
-                        val = val === "true"
-                        evaluator(val)
-                    } else {
-                        val = !element.oldChecked
-                        evaluator(val)
-                        element.checked = val
                     }
-                    callback.call(element, val)
-                }
-            }
-            bound(fixType ? "change" : "mousedown", updateVModel)
-        } else if (type === "checkbox") {
-            updateVModel = function() {
-                if ($elem.data("duplex-observe") !== false) {
-                    var method = element.checked ? "ensure" : "remove"
-                    var array = evaluator()
-                    if (Array.isArray(array)) {
-                        avalon.Array[method](array, element.value)
+                    if (this.css("position") === "fixed") {
+                        offset = elem.getBoundingClientRect()
                     } else {
-                        avalon.error("ms-duplex位于checkbox时要求对应一个数组")
+                        offsetParent = this.offsetParent() //得到真正的offsetParent
+                        offset = this.offset() // 得到正确的offsetParent
+                        if (offsetParent[0].tagName !== "HTML") {
+                            parentOffset = offsetParent.offset()
+                        }
+                        parentOffset.top += avalon.css(offsetParent[0], "borderTopWidth", true)
+                        parentOffset.left += avalon.css(offsetParent[0], "borderLeftWidth", true)
                     }
-                    callback.call(element, array)
-                }
-            }
-            data.handler = function() {
-                var array = [].concat(evaluator()) //强制转换为数组
-                element.checked = array.indexOf(element.value) >= 0
-            }
-            bound("change", updateVModel)
-        } else {
-            var event = element.attributes["data-duplex-event"] || element.attributes["data-event"] || {}
-            event = event.value
-            if (event === "change") {
-                bound("change", updateVModel)
-            } else {
-                bound("input", updateVModel)
-                bound("compositionstart", compositionStart)
-                bound("compositionend", compositionEnd)
-            }
-        }
-        element.oldValue = element.value
-        launch(function() {
-            if (avalon.contains(root, element)) {
-                onTree.call(element)
-            } else if (!element.msRetain) {
-                return false
-            }
-        })
-        registerSubscriber(data)
-        var timer = setTimeout(function() {
-            if (!firstTigger) {
-                callback.call(element, element.value)
-            }
-            clearTimeout(timer)
-        }, 31)
-    }
-    var TimerID, ribbon = [],
-            launch = noop
-
-    function W3CFire(el, name, detail) {
-        var event = DOC.createEvent("Events")
-        event.initEvent(name, true, true)
-        if (detail) {
-            event.detail = detail
-        }
-        el.dispatchEvent(event)
-    }
-    function onTree() { //disabled状态下改动不触发inout事件
-        if (!this.disabled && this.oldValue !== this.value) {
-            W3CFire(this, "input")
-        }
-    }
-
-    function ticker() {
-        for (var n = ribbon.length - 1; n >= 0; n--) {
-            var el = ribbon[n]
-            if (el() === false) {
-                ribbon.splice(n, 1)
-            }
-        }
-        if (!ribbon.length) {
-            clearInterval(TimerID)
-        }
-    }
-
-    avalon.tick = function(fn) {
-        if (ribbon.push(fn) === 1) {
-            TimerID = setInterval(ticker, 30)
-        }
-    }
-
-    function newSetter(newValue) {
-        oldSetter.call(this, newValue)
-        if (newValue !== this.oldValue) {
-            W3CFire(this, "input")
-        }
-    }
-    try {
-        var inputProto = HTMLInputElement.prototype
-        var oldSetter = Object.getOwnPropertyDescriptor(inputProto, "value").set //屏蔽chrome, safari,opera
-        Object.defineProperty(inputProto, "value", {
-            set: newSetter,
-            configurable: true
-        })
-    } catch (e) {
-        launch = avalon.tick
-    }
-
-    duplexBinding.SELECT = function(element, evaluator, data) {
-        var $elem = avalon(element)
-        function updateVModel() {
-            if ($elem.data("duplex-observe") !== false) {
-                var val = $elem.val() //字符串或字符串数组
-                if (val + "" !== element.oldValue) {
-                    evaluator(val)
-                    element.oldValue = val + ""
-                }
-                data.changed.call(element, val)
-            }
-        }
-        data.handler = function() {
-            var curValue = evaluator()
-            curValue = curValue && curValue.$model || curValue
-            curValue = Array.isArray(curValue) ? curValue.map(String) : curValue + ""
-            if (curValue + "" !== element.oldValue) {
-                $elem.val(curValue)
-                element.oldValue = curValue + ""
-            }
-        }
-        data.bound("change", updateVModel)
-        var innerHTML = NaN
-        var id = setInterval(function() {
-            var currHTML = element.innerHTML
-            if (currHTML === innerHTML) {
-                clearInterval(id)
-                //先等到select里的option元素被扫描后，才根据model设置selected属性  
-                registerSubscriber(data)
-            } else {
-                innerHTML = currHTML
-            }
-        }, 20)
-    }
-    duplexBinding.TEXTAREA = duplexBinding.INPUT
-    //========================= event binding ====================
-    var eventHooks = avalon.eventHooks
-    //针对firefox, chrome的mouseenter, mouseleave(chrome30+)的补丁已去掉
-    //针对IE9+, w3c的animationend补丁已经去掉
-    if (document.onmousewheel === void 0) {
-        /* IE6-11 chrome mousewheel wheelDetla 下 -120 上 120
-         firefox DOMMouseScroll detail 下3 上-3
-         firefox wheel detlaY 下3 上-3
-         IE9-11 wheel deltaY 下40 上-40
-         chrome wheel deltaY 下100 上-100 */
-        eventHooks.mousewheel = {
-            type: "DOMMouseScroll",
-            deel: function(elem, fn) {
-                return function(e) {
-                    e.wheelDelta = e.detail > 0 ? -120 : 120
-                    Object.defineProperty(e, "type", {
-                        value: "mousewheel"
-                    })
-                    fn.call(elem, e)
-                }
-            }
-        }
-    }
-    /*********************************************************************
-     *          监控数组（与ms-each, ms-repeat配合使用）                     *
-     **********************************************************************/
-
-    function Collection(model) {
-        var array = []
-        array.$id = generateID()
-        array[subscribers] = []
-        array.$accessors = {}
-        array.$model = model
-        array.$events = {}
-        array._ = modelFactory({
-            length: model.length
-        })
-        array._.$watch("length", function(a, b) {
-            array.$fire("length", a, b)
-        })
-        for (var i in EventManager) {
-            array[i] = EventManager[i]
-        }
-        avalon.mix(array, CollectionPrototype)
-        return array
-    }
-
-
-    var _splice = ap.splice
-    var CollectionPrototype = {
-        _splice: _splice,
-        _add: function(arr, pos) {
-            var oldLength = this.length
-            pos = typeof pos === "number" ? pos : oldLength
-            var added = []
-            for (var i = 0, n = arr.length; i < n; i++) {
-                added[i] = convert(arr[i])
-            }
-            _splice.apply(this, [pos, 0].concat(added))
-
-            notifySubscribers(this, "add", pos, added)
-            if (!this._stopFireLength) {
-                return this._.length = this.length
-            }
-        },
-        _del: function(pos, n) {
-            var ret = this._splice(pos, n)
-            if (ret.length) {
-                notifySubscribers(this, "del", pos, n)
-                if (!this._stopFireLength) {
-                    this._.length = this.length
+                    return {
+                        top: offset.top - parentOffset.top - avalon.css(elem, "marginTop", true),
+                        left: offset.left - parentOffset.left - avalon.css(elem, "marginLeft", true)
+                    }
+                },
+                offsetParent: function() {
+                    var offsetParent = this[0].offsetParent || root
+                    while (offsetParent && (offsetParent.tagName !== "HTML") && avalon.css(offsetParent, "position") === "static") {
+                        offsetParent = offsetParent.offsetParent
+                    }
+                    return avalon(offsetParent || root)
+                },
+                bind: function(type, fn, phase) {
+                    if (this[0]) { //此方法不会链
+                        return avalon.bind(this[0], type, fn, phase)
+                    }
+                },
+                unbind: function(type, fn, phase) {
+                    if (this[0]) {
+                        avalon.unbind(this[0], type, fn, phase)
+                    }
+                    return this
+                },
+                val: function(value) {
+                    var node = this[0]
+                    if (node && node.nodeType === 1) {
+                        var get = arguments.length === 0
+                        var access = get ? ":get" : ":set"
+                        var fn = valHooks[getValType(node) + access]
+                        if (fn) {
+                            var val = fn(node, value)
+                        } else if (get) {
+                            return (node.value || "").replace(/\r/g, "")
+                        } else {
+                            node.value = value
+                        }
+                    }
+                    return get ? val : this
                 }
-            }
-            return ret
-        },
-        push: function() {
-            ap.push.apply(this.$model, arguments)
-            var n = this._add(arguments)
-            notifySubscribers(this, "index", n > 2 ? n - 2 : 0)
-            return n
-        },
-        pushArray: function(array) {
-            return this.push.apply(this, array)
-        },
-        unshift: function() {
-            ap.unshift.apply(this.$model, arguments)
-            var ret = this._add(arguments, 0) //返回长度
-            notifySubscribers(this, "index", arguments.length)
-            return ret
-        },
-        shift: function() {
-            var el = this.$model.shift()
-            this._del(0, 1)
-            notifySubscribers(this, "index", 0)
-            return el //返回被移除的元素
-        },
-        pop: function() {
-            var el = this.$model.pop()
-            this._del(this.length - 1, 1)
-            return el //返回被移除的元素
-        },
-        splice: function(a, b) {
-            // 必须存在第一个参数，需要大于-1, 为添加或删除元素的基点
-            var len = this.length
-            a = Math.floor(a) || 0
-            a = a < 0 ? Math.max(len + a, 0) : Math.min(a, len)
-            var removed = _splice.apply(this.$model, arguments),
-                    ret = [], change
-            this._stopFireLength = true //确保在这个方法中 , $watch("length",fn)只触发一次
-            if (removed.length) {
-                ret = this._del(a, removed.length)
-                change = true
-            }
-            if (arguments.length > 2) {
-                this._add(aslice.call(arguments, 2), a)
-                change = true
-            }
-            this._stopFireLength = false
-            this._.length = this.length
-            if (change) {
-                notifySubscribers(this, "index", 0)
-            }
-            return ret //返回被移除的元素
-        },
-        contains: function(el) { //判定是否包含
-            return this.indexOf(el) !== -1
-        },
-        size: function() { //取得数组长度，这个函数可以同步视图，length不能
-            return this._.length
-        },
-        remove: function(el) { //移除第一个等于给定值的元素
-            return this.removeAt(this.indexOf(el))
-        },
-        removeAt: function(index) { //移除指定索引上的元素
-            return index >= 0 ? this.splice(index, 1) : []
-        },
-        clear: function() {
-            this.$model.length = this.length = this._.length = 0 //清空数组
-            notifySubscribers(this, "clear", 0)
-            return this
-        },
-        removeAll: function(all) { //移除N个元素
-            if (Array.isArray(all)) {
-                all.forEach(function(el) {
-                    this.remove(el)
-                }, this)
-            } else if (typeof all === "function") {
-                for (var i = this.length - 1; i >= 0; i--) {
-                    var el = this[i]
-                    if (all(el, i)) {
-                        this.splice(i, 1)
+            })
+
+            var rbrace = /(?:\{[\s\S]*\}|\[[\s\S]*\])$/
+
+            function parseData(data) {
+                try {
+                    data = data === "true" ? true :
+                            data === "false" ? false :
+                            data === "null" ? null : +data + "" === data ? +data : rbrace.test(data) ? JSON.parse(data) : data
+                } catch (e) {
+                }
+                return data
+            }
+            avalon.each({
+                scrollLeft: "pageXOffset",
+                scrollTop: "pageYOffset"
+            }, function(method, prop) {
+                avalon.fn[method] = function(val) {
+                    var node = this[0] || {}, win = getWindow(node),
+                            top = method === "scrollTop"
+                    if (!arguments.length) {
+                        return win ? win[prop] : node[method]
+                    } else {
+                        if (win) {
+                            win.scrollTo(!top ? val : avalon(win).scrollLeft(), top ? val : avalon(win).scrollTop())
+                        } else {
+                            node[method] = val
+                        }
                     }
                 }
-            } else {
-                this.clear()
-            }
-        },
-        ensure: function(el) {
-            if (!this.contains(el)) { //只有不存在才push
-                this.push(el)
-            }
-            return this
-        },
-        set: function(index, val) {
-            if (index >= 0) {
-                var valueType = avalon.type(val)
-                if (val && val.$model) {
-                    val = val.$model
-                }
-                var target = this[index]
-                if (valueType === "object") {
-                    for (var i in val) {
-                        if (target.hasOwnProperty(i)) {
-                            target[i] = val[i]
-                        }
-                    }
-                } else if (valueType === "array") {
-                    target.clear().push.apply(target, val)
-                } else if (target !== val) {
-                    this[index] = val
-                    this.$model[index] = val
-                    notifySubscribers(this, "set", index, val)
-                }
-            }
-            return this
-        }
-    }
-    "sort,reverse".replace(rword, function(method) {
-        CollectionPrototype[method] = function() {
-            var aaa = this.$model,
-                    bbb = aaa.slice(0),
-                    sorted = false
-            ap[method].apply(aaa, arguments) //先移动model
-            for (var i = 0, n = bbb.length; i < n; i++) {
-                var a = aaa[i],
-                        b = bbb[i]
-                if (!isEqual(a, b)) {
-                    sorted = true
-                    var index = bbb.indexOf(a, i)
-                    var remove = this._splice(index, 1)[0]
-                    var remove2 = bbb.splice(index, 1)[0]
-                    this._splice(i, 0, remove)
-                    bbb.splice(i, 0, remove2)
-                    notifySubscribers(this, "move", index, i)
-                }
-            }
-            bbb = void 0
-            if (sorted) {
-                notifySubscribers(this, "index", 0)
-            }
-            return this
-        }
-    })
-
-    function convert(val) {
-        var type = avalon.type(val)
-        if (rcomplextype.test(type)) {
-            val = val.$id ? val : modelFactory(val, val)
-        }
-        return val
-    }
-
-    //============ each/repeat/with binding 用到的辅助函数与对象 ======================
-    /*得到某一元素节点或文档碎片对象下的所有注释节点*/
-    //得到某一元素节点或文档碎片对象下的所有注释节点
-    var getComments = function(parent, array) {
-        var nodes = parent.childNodes
-        for (var i = 0, el; el = nodes[i++]; ) {
-            if (el.nodeType === 8) {
-                array.push(el)
-            } else if (el.nodeType === 1) {
-                getComments(el, array)
-            }
-        }
-    }
-    var queryComments = function(parent) {
-        var ret = []
-        getComments(parent, ret)
-        return ret
-    }
-    var deleteRange = DOC.createRange()
-
-    /*将通过ms-if移出DOM树放进ifSanctuary的元素节点移出来，以便垃圾回收*/
-
-    function expelFromSanctuary(parent) {
-        var comments = queryComments(parent)
-        for (var i = 0, comment; comment = comments[i++]; ) {
-            if (comment.nodeValue === "ms-if") {
-                cinerator.appendChild(comment.elem)
-            }
-        }
-        while (comment = parent.firstChild) {
-            cinerator.appendChild(comment)
-        }
-        cinerator.innerHTML = ""
-    }
-
-    function iteratorCallback(args, parent) {
-        var callback = getBindingCallback(this.callbackElement, this.callbackName, this.vmodels)
-        if (callback) {
-            checkScan(parent, function() {
-                callback.apply(parent, args)
             })
-        }
-    }
-
-    //为ms-each, ms-with, ms-repeat要循环的元素外包一个msloop临时节点，ms-controller的值为代理VM的$id
-    function shimController(data, transation, spans, proxy) {
-        var tview = data.template.cloneNode(true)
-        var id = proxy.$id
-        var span = tview.firstChild
-        if (!data.fastRepeat) {
-            span = DOC.createElement("msloop")
-            span.style.display = "none"
-            span.appendChild(tview)
-        }
-        span.setAttribute("ms-controller", id)
-        spans.push(span)
-        transation.appendChild(span)
-        proxy.$outer = data.$outer
-        VMODELS[id] = proxy
-
-        function fn() {
-            delete VMODELS[id]
-            data.group = 1
-            if (!data.fastRepeat) {
-                data.group = span.childNodes.length
-                span.remove()//☆
-                while (span.firstChild) {
-                    transation.appendChild(span.firstChild)
-                }
-                if (fn.node !== void 0) {
-                    fn.parent.insertBefore(transation, fn.node)
-                }
-            }
-        }
-        return span.patchRepeat = fn
-    }
-    // 取得用于定位的节点。在绑定了ms-each, ms-with属性的元素里，它的整个innerHTML都会视为一个子模板先行移出DOM树，
-    // 然后如果它的元素有多少个（ms-each）或键值对有多少双（ms-with），就将它复制多少份(多少为N)，再经过扫描后，重新插入该元素中。
-    // 这时该元素的孩子将分为N等分，每等份的第一个节点就是这个用于定位的节点，
-    // 方便我们根据它算出整个等分的节点们，然后整体移除或移动它们。
-
-    function getLocatedNode(parent, data, pos) {
-        if (data.startRepeat) {
-            var ret = data.startRepeat,
-                    end = data.endRepeat
-            pos += 1
-            for (var i = 0; i < pos; i++) {
-                ret = ret.nextSibling
-                if (ret === end)
-                    return end
-            }
-            return ret
-        } else {
-            return parent.childNodes[data.group * pos] || null
-        }
-    }
-
-    function removeView(node, group, n) {
-        var length = group * (n || 1)
-        var view = hyperspace //.cloneNode(false)//???
-        while (--length >= 0) {
-            var nextSibling = node.nextSibling
-            view.appendChild(node)
-            node = nextSibling
-            if (!node) {
-                break
-            }
-        }
-        return view
-    }
-    // 为ms-each, ms-repeat创建一个代理对象，通过它们能使用一些额外的属性与功能（$index,$first,$last,$remove,$key,$val,$outer）
-    var watchEachOne = oneObject("$index,$first,$last")
-
-    function createWithProxy(key, val, $outer) {
-        var proxy = modelFactory({
-            $key: key,
-            $outer: $outer,
-            $val: val
-        }, 0, {
-            $val: 1,
-            $key: 1
-        })
-        proxy.$id = "$proxy$with" + Math.random()
-        return proxy
-    }
-    var eachProxyPool = []
-    function getEachProxy(index, item, data, last) {
-        var param = data.param || "el", proxy
-        var source = {
-            $remove: function() {
-                return data.getter().removeAt(proxy.$index)
-            },
-            $itemName: param,
-            $index: index,
-            $outer: data.$outer,
-            $first: index === 0,
-            $last: index === last
-        }
-        source[param] = item
-        for (var i = 0, n = eachProxyPool.length; i < n; i++) {
-            var proxy = eachProxyPool[i]
-            if (proxy.hasOwnProperty(param)) {
-                for (var k in source) {
-                    proxy[k] = source[k]
-                }
-                eachProxyPool.splice(i, 1)
-                return proxy
+
+            function getWindow(node) {
+                return node.window && node.document ? node : node.nodeType === 9 ? node.defaultView : false
+            }
+            //=============================css相关==================================
+            var cssHooks = avalon.cssHooks = {}
+            var prefixes = ["", "-webkit-", "-o-", "-moz-", "-ms-"]
+            var cssMap = {
+                "float": "cssFloat",
+                background: "backgroundColor"
             }
-        }
-        var type = avalon.type(item)
-        if (type === "object" || type === "function") {
-            source.$skipArray = [param]
-        }
-        proxy = modelFactory(source, 0, watchEachOne)
-        proxy.$id = "$proxy$" + data.type + Math.random()
-        return proxy
-    }
-    function recycleEachProxies(array) {
-        for (var i = 0, el; el = array[i++]; ) {
-            recycleEachProxy(el)
-        }
-        array.length = 0
-    }
-     function breakCircularReference(prop, arr) {
-        if (prop && Array.isArray(arr = prop[subscribers])) {
-            arr.forEach(function(el) {
-                if (el.evaluator) {
-                    el.evaluator = el.element = el.node = null
+            avalon.cssNumber = oneObject("columnCount,order,fillOpacity,fontWeight,lineHeight,opacity,orphans,widows,zIndex,zoom")
+
+            avalon.cssName = function(name, host, camelCase) {
+                if (cssMap[name]) {
+                    return cssMap[name]
                 }
-            })
-            arr.length = 0
-        }
-    }
-    function recycleEachProxy(proxy) {
-        var obj = proxy.$accessors, name = proxy.$itemName;
-        breakCircularReference(obj.$index)
-        breakCircularReference(obj.$last)
-        breakCircularReference(obj.$first)
-        breakCircularReference(obj[name])
-        breakCircularReference(proxy[name])
-        proxy.$events = {}
-        if (eachProxyPool.unshift(proxy) > kernel.maxRepeatSize) {
-            eachProxyPool.pop()
-        }
-    }
-    /*********************************************************************
-     *                  文本绑定里默认可用的过滤器                        *
-     **********************************************************************/
-    var rscripts = /<script[^>]*>([\S\s]*?)<\/script\s*>/gim
-    var raimg = /^<(a|img)\s/i
-    var ron = /\s+(on[^=\s]+)(?:=("[^"]*"|'[^']*'|[^\s>]+))?/g
-    var ropen = /<\w+\b(?:(["'])[^"]*?(\1)|[^>])*>/ig
-    var rjavascripturl = /\s+(src|href)(?:=("javascript[^"]*"|'javascript[^']*'))?/ig
-    var rsurrogate = /[\uD800-\uDBFF][\uDC00-\uDFFF]/g
-    var rnoalphanumeric = /([^\#-~| |!])/g;
-    var filters = avalon.filters = {
-        uppercase: function(str) {
-            return str.toUpperCase()
-        },
-        lowercase: function(str) {
-            return str.toLowerCase()
-        },
-        truncate: function(target, length, truncation) {
-            //length，新字符串长度，truncation，新字符串的结尾的字段,返回新字符串
-            length = length || 30
-            truncation = truncation === void(0) ? "..." : truncation
-            return target.length > length ? target.slice(0, length - truncation.length) + truncation : String(target)
-        },
-        sanitize: window.toStaticHTML ? toStaticHTML.bind(window) : function(str) {
-            return str.replace(rscripts, "").replace(ropen, function(a, b) {
-                if (raimg.test(a)) {
-                    a = a.replace(rjavascripturl, " $1=''")//移除javascript伪协议//移除javascript伪协议
-                }
-                return a.replace(ron, " ").replace(/\s+/g, " ")//移除onXXX事件
-            })
-        },
-        camelize: camelize,
-        escape: function(html) {
-            //将字符串经过 html 转义得到适合在页面中显示的内容, 例如替换 < 为 &lt 
-            return String(html).
-                    replace(/&/g, '&amp;').
-                    replace(rsurrogate, function(value) {
-                        var hi = value.charCodeAt(0)
-                        var low = value.charCodeAt(1)
-                        return '&#' + (((hi - 0xD800) * 0x400) + (low - 0xDC00) + 0x10000) + ';'
-                    }).
-                    replace(rnoalphanumeric, function(value) {
-                        return '&#' + value.charCodeAt(0) + ';'
-                    }).
-                    replace(/</g, '&lt;').
-                    replace(/>/g, '&gt;')
-        },
-        currency: function(number, symbol) {
-            symbol = symbol || "\uFFE5"
-            return symbol + avalon.filters.number(number)
-        },
-        number: function(number, decimals, dec_point, thousands_sep) {
-            //与PHP的number_format完全兼容
-            //number    必需，要格式化的数字
-            //decimals  可选，规定多少个小数位。
-            //dec_point 可选，规定用作小数点的字符串（默认为 . ）。
-            //thousands_sep 可选，规定用作千位分隔符的字符串（默认为 , ），如果设置了该参数，那么所有其他参数都是必需的。
-            // http://kevin.vanzonneveld.net
-            number = (number + "").replace(/[^0-9+\-Ee.]/g, "")
-            var n = !isFinite(+number) ? 0 : +number,
-                    prec = !isFinite(+decimals) ? 0 : Math.abs(decimals),
-                    sep = thousands_sep || ",",
-                    dec = dec_point || ".",
-                    s = "",
-                    toFixedFix = function(n, prec) {
-                        var k = Math.pow(10, prec)
-                        return "" + Math.round(n * k) / k
-                    }
-            // Fix for IE parseFloat(0.55).toFixed(0) = 0 
-            s = (prec ? toFixedFix(n, prec) : "" + Math.round(n)).split('.')
-            if (s[0].length > 3) {
-                s[0] = s[0].replace(/\B(?=(?:\d{3})+(?!\d))/g, sep)
-            }
-            if ((s[1] || "").length < prec) {
-                s[1] = s[1] || ""
-                s[1] += new Array(prec - s[1].length + 1).join("0")
-            }
-            return s.join(dec)
-        }
-    }
-    /*
-     'yyyy': 4 digit representation of year (e.g. AD 1 => 0001, AD 2010 => 2010)
-     'yy': 2 digit representation of year, padded (00-99). (e.g. AD 2001 => 01, AD 2010 => 10)
-     'y': 1 digit representation of year, e.g. (AD 1 => 1, AD 199 => 199)
-     'MMMM': Month in year (January-December)
-     'MMM': Month in year (Jan-Dec)
-     'MM': Month in year, padded (01-12)
-     'M': Month in year (1-12)
-     'dd': Day in month, padded (01-31)
-     'd': Day in month (1-31)
-     'EEEE': Day in Week,(Sunday-Saturday)
-     'EEE': Day in Week, (Sun-Sat)
-     'HH': Hour in day, padded (00-23)
-     'H': Hour in day (0-23)
-     'hh': Hour in am/pm, padded (01-12)
-     'h': Hour in am/pm, (1-12)
-     'mm': Minute in hour, padded (00-59)
-     'm': Minute in hour (0-59)
-     'ss': Second in minute, padded (00-59)
-     's': Second in minute (0-59)
-     'a': am/pm marker
-     'Z': 4 digit (+sign) representation of the timezone offset (-1200-+1200)
-     format string can also be one of the following predefined localizable formats:
-     
-     'medium': equivalent to 'MMM d, y h:mm:ss a' for en_US locale (e.g. Sep 3, 2010 12:05:08 pm)
-     'short': equivalent to 'M/d/yy h:mm a' for en_US locale (e.g. 9/3/10 12:05 pm)
-     'fullDate': equivalent to 'EEEE, MMMM d,y' for en_US locale (e.g. Friday, September 3, 2010)
-     'longDate': equivalent to 'MMMM d, y' for en_US locale (e.g. September 3, 2010
-     'mediumDate': equivalent to 'MMM d, y' for en_US locale (e.g. Sep 3, 2010)
-     'shortDate': equivalent to 'M/d/yy' for en_US locale (e.g. 9/3/10)
-     'mediumTime': equivalent to 'h:mm:ss a' for en_US locale (e.g. 12:05:08 pm)
-     'shortTime': equivalent to 'h:mm a' for en_US locale (e.g. 12:05 pm)
-     */
-    new function() {
-        function toInt(str) {
-            return parseInt(str, 10)
-        }
-
-        function padNumber(num, digits, trim) {
-            var neg = ""
-            if (num < 0) {
-                neg = "-"
-                num = -num
-            }
-            num = "" + num
-            while (num.length < digits)
-                num = "0" + num
-            if (trim)
-                num = num.substr(num.length - digits)
-            return neg + num
-        }
-
-        function dateGetter(name, size, offset, trim) {
-            return function(date) {
-                var value = date["get" + name]()
-                if (offset > 0 || value > -offset)
-                    value += offset
-                if (value === 0 && offset === -12) {
-                    value = 12
-                }
-                return padNumber(value, size, trim)
-            }
-        }
-
-        function dateStrGetter(name, shortForm) {
-            return function(date, formats) {
-                var value = date["get" + name]()
-                var get = (shortForm ? ("SHORT" + name) : name).toUpperCase()
-                return formats[get][value]
-            }
-        }
-
-        function timeZoneGetter(date) {
-            var zone = -1 * date.getTimezoneOffset()
-            var paddedZone = (zone >= 0) ? "+" : ""
-            paddedZone += padNumber(Math[zone > 0 ? "floor" : "ceil"](zone / 60), 2) + padNumber(Math.abs(zone % 60), 2)
-            return paddedZone
-        }
-        //取得上午下午
-
-        function ampmGetter(date, formats) {
-            return date.getHours() < 12 ? formats.AMPMS[0] : formats.AMPMS[1]
-        }
-        var DATE_FORMATS = {
-            yyyy: dateGetter("FullYear", 4),
-            yy: dateGetter("FullYear", 2, 0, true),
-            y: dateGetter("FullYear", 1),
-            MMMM: dateStrGetter("Month"),
-            MMM: dateStrGetter("Month", true),
-            MM: dateGetter("Month", 2, 1),
-            M: dateGetter("Month", 1, 1),
-            dd: dateGetter("Date", 2),
-            d: dateGetter("Date", 1),
-            HH: dateGetter("Hours", 2),
-            H: dateGetter("Hours", 1),
-            hh: dateGetter("Hours", 2, -12),
-            h: dateGetter("Hours", 1, -12),
-            mm: dateGetter("Minutes", 2),
-            m: dateGetter("Minutes", 1),
-            ss: dateGetter("Seconds", 2),
-            s: dateGetter("Seconds", 1),
-            sss: dateGetter("Milliseconds", 3),
-            EEEE: dateStrGetter("Day"),
-            EEE: dateStrGetter("Day", true),
-            a: ampmGetter,
-            Z: timeZoneGetter
-        }
-        var DATE_FORMATS_SPLIT = /((?:[^yMdHhmsaZE']+)|(?:'(?:[^']|'')*')|(?:E+|y+|M+|d+|H+|h+|m+|s+|a|Z))(.*)/,
-                NUMBER_STRING = /^\d+$/
-        var R_ISO8601_STR = /^(\d{4})-?(\d\d)-?(\d\d)(?:T(\d\d)(?::?(\d\d)(?::?(\d\d)(?:\.(\d+))?)?)?(Z|([+-])(\d\d):?(\d\d))?)?$/
-        // 1        2       3         4          5          6          7          8  9     10      11
-
-        function jsonStringToDate(string) {
-            var match
-            if (match = string.match(R_ISO8601_STR)) {
-                var date = new Date(0),
-                        tzHour = 0,
-                        tzMin = 0,
-                        dateSetter = match[8] ? date.setUTCFullYear : date.setFullYear,
-                        timeSetter = match[8] ? date.setUTCHours : date.setHours
-                if (match[9]) {
-                    tzHour = toInt(match[9] + match[10])
-                    tzMin = toInt(match[9] + match[11])
-                }
-                dateSetter.call(date, toInt(match[1]), toInt(match[2]) - 1, toInt(match[3]))
-                var h = toInt(match[4] || 0) - tzHour
-                var m = toInt(match[5] || 0) - tzMin
-                var s = toInt(match[6] || 0)
-                var ms = Math.round(parseFloat('0.' + (match[7] || 0)) * 1000)
-                timeSetter.call(date, h, m, s, ms)
-                return date
-            }
-            return string
-        }
-        var rfixFFDate = /^(\d+)-(\d+)-(\d{4})$/
-        var rfixIEDate = /^(\d+)\s+(\d+),(\d{4})$/
-        filters.date = function(date, format) {
-            var locate = filters.date.locate,
-                    text = "",
-                    parts = [],
-                    fn, match
-            format = format || "mediumDate"
-            format = locate[format] || format
-            if (typeof date === "string") {
-                if (NUMBER_STRING.test(date)) {
-                    date = toInt(date)
-                } else {
-                    var trimDate = date.trim()
-                    if (trimDate.match(rfixFFDate) || trimDate.match(rfixIEDate)) {
-                        date = RegExp.$3 + "/" + RegExp.$1 + "/" + RegExp.$2
+                host = host || root.style
+                for (var i = 0, n = prefixes.length; i < n; i++) {
+                    camelCase = camelize(prefixes[i] + name)
+                    if (camelCase in host) {
+                        return (cssMap[name] = camelCase)
                     }
-                    date = jsonStringToDate(date)
                 }
-                date = new Date(date)
+                return null
             }
-            if (typeof date === "number") {
-                date = new Date(date)
+            cssHooks["@:set"] = function(node, name, value) {
+                node.style[name] = value
             }
-            if (avalon.type(date) !== "date") {
-                return
+
+            cssHooks["@:get"] = function(node, name) {
+                if (!node || !node.style) {
+                    throw new Error("getComputedStyle要求传入一个节点 " + node)
+                }
+                var ret, styles = getComputedStyle(node, null)
+                if (styles) {
+                    ret = styles.getPropertyValue(name)
+                    if (ret === "") {
+                        ret = node.style[name] //其他浏览器需要我们手动取内联样式
+                    }
+                }
+                return ret
             }
-            while (format) {
-                match = DATE_FORMATS_SPLIT.exec(format)
-                if (match) {
-                    parts = parts.concat(match.slice(1))
-                    format = parts.pop()
-                } else {
-                    parts.push(format)
-                    format = null
+            cssHooks["opacity:get"] = function(node) {
+                var ret = cssHooks["@:get"](node, "opacity")
+                return ret === "" ? "1" : ret
+            }
+
+            "top,left".replace(rword, function(name) {
+                cssHooks[name + ":get"] = function(node) {
+                    var computed = cssHooks["@:get"](node, name)
+                    return /px$/.test(computed) ? computed :
+                            avalon(node).position()[name] + "px"
+                }
+            })
+            var cssShow = {
+                position: "absolute",
+                visibility: "hidden",
+                display: "block"
+            }
+            var rdisplayswap = /^(none|table(?!-c[ea]).+)/
+
+            function showHidden(node, array) {
+                //http://www.cnblogs.com/rubylouvre/archive/2012/10/27/2742529.html
+                if (node.offsetWidth <= 0) { //opera.offsetWidth可能小于0
+                    var styles = getComputedStyle(node, null)
+                    if (rdisplayswap.test(styles["display"])) {
+                        var obj = {
+                            node: node
+                        }
+                        for (var name in cssShow) {
+                            obj[name] = styles[name]
+                            node.style[name] = cssShow[name]
+                        }
+                        array.push(obj)
+                    }
+                    var parent = node.parentNode
+                    if (parent && parent.nodeType == 1) {
+                        showHidden(parent, array)
+                    }
                 }
             }
-            parts.forEach(function(value) {
-                fn = DATE_FORMATS[value]
-                text += fn ? fn(date, locate) : value.replace(/(^'|'$)/g, "").replace(/''/g, "'")
+
+            "Width,Height".replace(rword, function(name) {//fix 481
+                var method = name.toLowerCase(),
+                        clientProp = "client" + name,
+                        scrollProp = "scroll" + name,
+                        offsetProp = "offset" + name
+                cssHooks[method + ":get"] = function(node, which, override) {
+                    var boxSizing = -4
+                    if (typeof override === "number") {
+                        boxSizing = override
+                    }
+                    which = name === "Width" ? ["Left", "Right"] : ["Top", "Bottom"]
+                    var ret = node[offsetProp]   // border-box 0
+                    if (boxSizing === 2) {       // margin-box 2
+                        return ret
+                                + avalon.css(node, "margin" + which[0], true)
+                                + avalon.css(node, "margin" + which[1], true)
+                    }
+                    if (boxSizing < 0) {        // padding-box  -2
+                        ret = ret
+                                - avalon.css(node, "border" + which[0] + "Width", true)
+                                - avalon.css(node, "border" + which[1] + "Width", true)
+                    }
+                    if (boxSizing === -4) {     // content-box -4
+                        ret = ret
+                                - avalon.css(node, "padding" + which[0], true)
+                                - avalon.css(node, "padding" + which[1], true)
+                    }
+                    return ret
+                }
+                cssHooks[method + "&get"] = function(node) {
+                    var hidden = [];
+                    showHidden(node, hidden);
+                    var val = cssHooks[method + ":get"](node)
+                    for (var i = 0, obj; obj = hidden[i++]; ) {
+                        node = obj.node
+                        for (var n in obj) {
+                            if (typeof obj[n] === "string") {
+                                node.style[n] = obj[n]
+                            }
+                        }
+                    }
+                    return val;
+                }
+                avalon.fn[method] = function(value) { //会忽视其display
+                    var node = this[0]
+                    if (arguments.length === 0) {
+                        if (node.setTimeout) { //取得窗口尺寸,IE9后可以用window.innerWidth /innerHeight代替
+                            return node["inner" + name]
+                        }
+                        if (node.nodeType === 9) { //取得页面尺寸
+                            var doc = node.documentElement
+                            //FF chrome    html.scrollHeight< body.scrollHeight
+                            //IE 标准模式 : html.scrollHeight> body.scrollHeight
+                            //IE 怪异模式 : html.scrollHeight 最大等于可视窗口多一点？
+                            return Math.max(node.body[scrollProp], doc[scrollProp], node.body[offsetProp], doc[offsetProp], doc[clientProp])
+                        }
+                        return cssHooks[method + "&get"](node)
+                    } else {
+                        return this.css(method, value)
+                    }
+                }
+                avalon.fn["inner" + name] = function() {
+                    return cssHooks[method + ":get"](this[0], void 0, -2)
+                }
+                avalon.fn["outer" + name] = function(includeMargin) {
+                    return cssHooks[method + ":get"](this[0], void 0, includeMargin === true ? 2 : 0)
+                }
             })
-            return text
-        }
-        var locate = {
-            AMPMS: {
-                0: "上午",
-                1: "下午"
-            },
-            DAY: {
-                0: "星期日",
-                1: "星期一",
-                2: "星期二",
-                3: "星期三",
-                4: "星期四",
-                5: "星期五",
-                6: "星期六"
-            },
-            MONTH: {
-                0: "1月",
-                1: "2月",
-                2: "3月",
-                3: "4月",
-                4: "5月",
-                5: "6月",
-                6: "7月",
-                7: "8月",
-                8: "9月",
-                9: "10月",
-                10: "11月",
-                11: "12月"
-            },
-            SHORTDAY: {
-                "0": "周日",
-                "1": "周一",
-                "2": "周二",
-                "3": "周三",
-                "4": "周四",
-                "5": "周五",
-                "6": "周六"
-            },
-            fullDate: "y年M月d日EEEE",
-            longDate: "y年M月d日",
-            medium: "yyyy-M-d ah:mm:ss",
-            mediumDate: "yyyy-M-d",
-            mediumTime: "ah:mm:ss",
-            "short": "yy-M-d ah:mm",
-            shortDate: "yy-M-d",
-            shortTime: "ah:mm"
-        }
-        locate.SHORTMONTH = locate.MONTH
-        filters.date.locate = locate
-    }
-    /*********************************************************************
-     *                      AMD Loader                                   *
-     **********************************************************************/
-
-    var innerRequire
-    var modules = avalon.modules = {
-        "ready!": {
-            exports: avalon
-        },
-        "avalon": {
-            exports: avalon,
-            state: 2
-        }
-    }
-
-    new function() {
-        var loadings = [] //正在加载中的模块列表
-        var factorys = [] //储存需要绑定ID与factory对应关系的模块（标准浏览器下，先parse的script节点会先onload）
-        var basepath
-
-        function cleanUrl(url) {
-            return (url || "").replace(/[?#].*/, "")
-        }
-        plugins.js = function(url, shim) {
-            var id = cleanUrl(url)
-            if (!modules[id]) { //如果之前没有加载过
-                modules[id] = {
-                    id: id,
-                    exports: {}
-                }
-                if (shim) { //shim机制
-                    innerRequire(shim.deps || "", function() {
-                        loadJS(url, id, function() {
-                            modules[id].state = 2
-                            if (shim.exports)
-                                modules[id].exports = typeof shim.exports === "function" ?
-                                        shim.exports() : window[shim.exports]
-                            innerRequire.checkDeps()
-                        })
-                    })
+            avalon.fn.offset = function() { //取得距离页面左右角的坐标
+                var node = this[0], box = {
+                    left: 0,
+                    top: 0
+                }
+                if (!node || !node.tagName || !node.ownerDocument) {
+                    return box
+                }
+                var doc = node.ownerDocument,
+                        root = doc.documentElement,
+                        win = doc.defaultView
+                if (!root.contains(node)) {
+                    return box
+                }
+                if (node.getBoundingClientRect !== void 0) {
+                    box = node.getBoundingClientRect()
+                }
+                return {
+                    top: box.top + win.pageYOffset - root.clientTop,
+                    left: box.left + win.pageXOffset - root.clientLeft
+                }
+            }
+            //=============================val相关=======================
+
+            function getValType(el) {
+                var ret = el.tagName.toLowerCase()
+                return ret === "input" && /checkbox|radio/.test(el.type) ? "checked" : ret
+            }
+            var valHooks = {
+                "select:get": function(node, value) {
+                    var option, options = node.options,
+                            index = node.selectedIndex,
+                            one = node.type === "select-one" || index < 0,
+                            values = one ? null : [],
+                            max = one ? index + 1 : options.length,
+                            i = index < 0 ? max : one ? index : 0
+                    for (; i < max; i++) {
+                        option = options[i]
+                        //旧式IE在reset后不会改变selected，需要改用i === index判定
+                        //我们过滤所有disabled的option元素，但在safari5下，如果设置select为disable，那么其所有孩子都disable
+                        //因此当一个元素为disable，需要检测其是否显式设置了disable及其父节点的disable情况
+                        if ((option.selected || i === index) && !option.disabled) {
+                            value = option.value
+                            if (one) {
+                                return value
+                            }
+                            //收集所有selected值组成数组返回
+                            values.push(value)
+                        }
+                    }
+                    return values
+                },
+                "select:set": function(node, values, optionSet) {
+                    values = [].concat(values) //强制转换为数组
+                    for (var i = 0, el; el = node.options[i++]; ) {
+                        if ((el.selected = values.indexOf(el.value) >= 0)) {
+                            optionSet = true
+                        }
+                    }
+                    if (!optionSet) {
+                        node.selectedIndex = -1
+                    }
+                }
+            }
+
+            /************************************************************************
+             *                                parseHTML                                 *
+             ****************************************************************************/
+            var rtagName = /<([\w:]+)/,
+                    //取得其tagName
+                    rxhtml = /<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/ig,
+                    scriptTypes = oneObject("text/javascript", "text/ecmascript", "application/ecmascript", "application/javascript", "text/vbscript"),
+                    //需要处理套嵌关系的标签
+                    rnest = /<(?:tb|td|tf|th|tr|col|opt|leg|cap|area)/
+            //parseHTML的辅助变量
+            var tagHooks = new function() {
+                avalon.mix(this, {
+                    option: DOC.createElement("select"),
+                    thead: DOC.createElement("table"),
+                    td: DOC.createElement("tr"),
+                    area: DOC.createElement("map"),
+                    tr: DOC.createElement("tbody"),
+                    col: DOC.createElement("colgroup"),
+                    legend: DOC.createElement("fieldset"),
+                    "*": DOC.createElement("div")
+                })
+                this.optgroup = this.option
+                this.tbody = this.tfoot = this.colgroup = this.caption = this.thead
+                this.th = this.td
+            }
+
+            avalon.clearHTML = function(node) {
+                node.textContent = ""
+                return node
+            }
+            var script = DOC.createElement("script")
+            avalon.parseHTML = function(html) {
+                if (typeof html !== "string") {
+                    html = html + ""
+                }
+                html = html.replace(rxhtml, "<$1></$2>").trim()
+                if (deleteRange.createContextualFragment && !rnest.test(html) && !/<script/i.test(html)) {
+                    var range = DOC.createRange()
+                    range.selectNodeContents(root)
+                    return range.createContextualFragment(html)
+                }
+                var fragment = hyperspace.cloneNode(false)
+                var tag = (rtagName.exec(html) || ["", ""])[1].toLowerCase()
+                if (!(tag in tagHooks)) {
+                    tag = "*"
+                }
+                var parent = tagHooks[tag]
+                parent.innerHTML = html
+                var els = parent.getElementsByTagName("script"),
+                        firstChild, neo
+                if (els.length) { //使用innerHTML生成的script节点不会发出请求与执行text属性
+                    for (var i = 0, el; el = els[i++]; ) {
+                        if (!el.type || scriptTypes[el.type]) { //如果script节点的MIME能让其执行脚本
+                            neo = script.cloneNode(false) //FF不能省略参数
+                            ap.forEach.call(el.attributes, function(attr) {
+                                if (attr) {
+                                    neo[attr.name] = attr.value //复制其属性
+                                }
+                            })
+                            neo.text = el.text //必须指定,因为无法在attributes中遍历出来
+                            el.parentNode.replaceChild(neo, el) //替换节点
+                        }
+                    }
+                }
+                while (firstChild = parent.firstChild) { // 将wrapper上的节点转移到文档碎片上！
+                    fragment.appendChild(firstChild)
+                }
+                return fragment
+            }
+            avalon.innerHTML = function(node, html) {
+                if (!/<script/i.test(html) && !rnest.test(html)) {
+                    node.innerHTML = html
                 } else {
-                    loadJS(url, id)
-                }
-            }
-            return id
-        }
-        plugins.css = function(url) {
-            var id = url.replace(/(#.+|\W)/g, "") ////用于处理掉href中的hash与所有特殊符号
-            if (!DOC.getElementById(id)) {
-                var node = DOC.createElement("link")
-                node.rel = "stylesheet"
-                node.href = url
-                node.id = id
-                head.insertBefore(node, head.firstChild)
-            }
-        }
-        plugins.css.ext = ".css"
-        plugins.js.ext = ".js"
-
-        plugins.text = function(url) {
-            var xhr = new XMLHttpRequest
-            var id = url.replace(/[?#].*/, "")
-            modules[id] = {}
-            xhr.onload = function() {
-                modules[id].state = 2
-                modules[id].exports = xhr.responseText
-                innerRequire.checkDeps()
+                    var a = this.parseHTML(html)
+                    this.clearHTML(node).appendChild(a)
+                }
+            }
+            /*********************************************************************
+             *                           事件管理器                                 *
+             **********************************************************************/
+            var EventManager = {
+                $watch: function(type, callback) {
+                    if (typeof callback === "function") {
+                        var callbacks = this.$events[type]
+                        if (callbacks) {
+                            callbacks.push(callback)
+                        } else {
+                            this.$events[type] = [callback]
+                        }
+                    } else { //重新开始监听此VM的第一重简单属性的变动
+                        this.$events = this.$watch.backup
+                    }
+                    return this
+                },
+                $unwatch: function(type, callback) {
+                    var n = arguments.length
+                    if (n === 0) { //让此VM的所有$watch回调无效化
+                        this.$watch.backup = this.$events
+                        this.$events = {}
+                    } else if (n === 1) {
+                        this.$events[type] = []
+                    } else {
+                        var callbacks = this.$events[type] || []
+                        var i = callbacks.length
+                        while (~--i < 0) {
+                            if (callbacks[i] === callback) {
+                                return callbacks.splice(i, 1)
+                            }
+                        }
+                    }
+                    return this
+                },
+                $fire: function(type) {
+                    var special
+                    if (/^(\w+)!(\S+)$/.test(type)) {
+                        special = RegExp.$1
+                        type = RegExp.$2
+                    }
+                    var events = this.$events
+                    var callbacks = events[type] || []
+                    var all = events.$all || []
+                    var args = aslice.call(arguments, 1)
+                    for (var i = 0, callback; callback = callbacks[i++]; ) {
+                        callback.apply(this, args)
+                    }
+                    for (var i = 0, callback; callback = all[i++]; ) {
+                        callback.apply(this, arguments)
+                    }
+                    var element = events.element
+                    if (element) {
+                        var detail = [type].concat(args)
+                        if (special === "up") {
+                            W3CFire(element, "dataavailable", detail)
+                        } else if (special === "down") {
+                            var alls = []
+                            for (var i in avalon.vmodels) {
+                                var v = avalon.vmodels[i]
+                                if (v && v.$events && v.$events.element) {
+                                    var node = v.$events.element;
+                                    if (avalon.contains(element, node) && element !== node) {
+                                        alls.push(v)
+                                    }
+                                }
+                            }
+                            alls.forEach(function(v) {
+                                v.$fire.apply(v, detail)
+                            })
+                        } else if (special === "all") {
+                            for (var i in avalon.vmodels) {
+                                var v = avalon.vmodels[i]
+                                if (v !== this) {
+                                    v.$fire.apply(v, detail)
+                                }
+                            }
+                        }
+                    }
+                }
             }
-            xhr.onerror = function() {
-                avalon.error(url + " 对应资源不存在或没有开启 CORS")
-            }
-            xhr.open("GET", url, true)
-            xhr.withCredentials = true
-            xhr.setRequestHeader("X-Requested-With", "XMLHttpRequest")
-            xhr.send()
-            return id
-        }
-        //http://www.html5rocks.com/zh/tutorials/webcomponents/imports/
-        if ('import' in DOC.createElement("link")) {
-            plugins.text = function(url) {
-                var id = url.replace(/[?#].*/, "")
-                modules[id] = {}
-                var link = DOC.createElement("link")
-                link.rel = "import"
-                link.href = url
-                link.onload = function() {
-                    modules[id].state = 2
-                    var content = this["import"]
-                    if (content) {
-                        modules[id].exports = content.documentElement.outerHTML
-                        avalon.require.checkDeps()
-                    }
-                    onerror(0, content)
-                }
-
-                function onerror(a, b) {
-                    b && avalon.error(url + "对应资源不存在或没有开启 CORS")
-                    setTimeout(function() {
-                        link.remove()//☆
-                    })
+
+            /*********************************************************************
+             *                         依赖收集与触发                             *
+             **********************************************************************/
+            var ronduplex = /^(duplex|on)$/
+            function registerSubscriber(data) {
+                try {
+                    var c = ronduplex.test(data.type) ? data : data.evaluator.apply(0, data.args)
+                    data.handler(c, data.element, data)
+                } catch (e) {
+                    delete data.evaluator
+                    if (data.nodeType === 3) {
+                        if (kernel.commentInterpolate) {
+                            data.element.replaceChild(DOC.createComment(data.value), data.node)
+                        } else {
+                            data.node.data = openTag + data.value + closeTag
+                        }
+                    }
+                    log("warning:evaluator of [" + data.value + "] throws error!")
+                }
+            }
+
+            /*通知依赖于这个访问器的订阅者更新自身*/
+            function notifySubscribers(accessor, name) {
+                var list = Array.isArray(accessor) ? accessor[subscribers] : accessor[name]
+                if (list && list.length) {
+                    var args = aslice.call(arguments, 1)
+                    for (var i = list.length, fn; fn = list[--i]; ) {
+                        var el = fn.element
+                        if (el && !ifSanctuary.contains(el) && (!root.contains(el))) {
+                            list.splice(i, 1)
+                            if (fn.proxies) {
+                                recycleEachProxies(fn.proxies)
+                                fn.proxies = fn.callbackElement = fn.template = fn.startRepeat = fn.endRepeat = null
+                            }
+                            fn.element = fn.node = null
+                            log("debug: remove " + fn.name)
+                        } else if (fn.getter) {
+                            fn.handler.apply(fn, args) //强制重新计算自身
+                        } else {
+                            fn.handler(fn.evaluator.apply(0, fn.args || []), el, fn)
+                        }
+                    }
                 }
-                link.onerror = onerror
-                head.appendChild(link)
-                return id
             }
-        }
 
-        var cur = getCurrentScript(true)
-        if (!cur) { //处理window safari的Error没有stack的问题
-            cur = avalon.slice(document.scripts).pop().src
-        }
-        var url = cleanUrl(cur)
-        basepath = kernel.base = url.slice(0, url.lastIndexOf("/") + 1)
 
-        function getCurrentScript(base) {
-            // 参考 https://github.com/samyk/jiagra/blob/master/jiagra.js
-            var stack
-            try {
-                a.b.c() //强制报错,以便捕获e.stack
-            } catch (e) { //safari的错误对象只有line,sourceId,sourceURL
-                stack = e.stack
-            }
-            if (stack) {
-                /**e.stack最后一行在所有支持的浏览器大致如下:
-                 *chrome23:
-                 * at http://113.93.50.63/data.js:4:1
-                 *firefox17:
-                 *@http://113.93.50.63/query.js:4
-                 *opera12:http://www.oldapps.com/opera.php?system=Windows_XP
-                 *@http://113.93.50.63/data.js:4
-                 *IE10:
-                 *  at Global code (http://113.93.50.63/data.js:4:1)
-                 *  //firefox4+ 可以用document.currentScript
-                 */
-                stack = stack.split(/[@ ]/g).pop() //取得最后一行,最后一个空格或@之后的部分
-                stack = stack[0] === "(" ? stack.slice(1, -1) : stack.replace(/\s/, "") //去掉换行符
-                return stack.replace(/(:\d+)?:\d+$/i, "") //去掉行号与或许存在的出错字符起始位置
+            /*********************************************************************
+             *                            扫描系统                                *
+             **********************************************************************/
+            avalon.scan = function(elem, vmodel) {
+                elem = elem || root
+                var vmodels = vmodel ? [].concat(vmodel) : []
+                scanTag(elem, vmodels)
             }
-            var nodes = (base ? DOC : head).getElementsByTagName("script") //只在head标签中寻找
-            for (var i = nodes.length, node; node = nodes[--i]; ) {
-                if ((base || node.className === subscribers) && node.readyState === "interactive") {
-                    return node.className = node.src
-                }
+
+            //http://www.w3.org/TR/html5/syntax.html#void-elements
+            var stopScan = oneObject("area,base,basefont,br,col,command,embed,hr,img,input,link,meta,param,source,track,wbr,noscript,noscript,script,style,textarea".toUpperCase())
+
+            /*确保元素的内容被完全扫描渲染完毕才调用回调*/
+            function checkScan(elem, callback) {
+                var innerHTML = NaN,
+                        id = setInterval(function() {
+                            var currHTML = elem.innerHTML
+                            if (currHTML === innerHTML) {
+                                clearInterval(id)
+                                callback()
+                            } else {
+                                innerHTML = currHTML
+                            }
+                        }, 15)
             }
-        }
 
-        function checkCycle(deps, nick) {
-            //检测是否存在循环依赖
-            for (var id in deps) {
-                if (deps[id] === "司徒正美" && modules[id].state !== 2 && (id === nick || checkCycle(modules[id].deps, nick))) {
-                    return true
+
+            function scanTag(elem, vmodels, node) {
+                //扫描顺序  ms-skip(0) --> ms-important(1) --> ms-controller(2) --> ms-if(10) --> ms-repeat(100) 
+                //--> ms-if-loop(110) --> ms-attr(970) ...--> ms-each(1400)-->ms-with(1500)--〉ms-duplex(2000)垫后        
+                var a = elem.getAttribute(prefix + "skip")
+                var b = elem.getAttributeNode(prefix + "important")
+                var c = elem.getAttributeNode(prefix + "controller")
+                if (typeof a === "string") {
+                    return
+                } else if (node = b || c) {
+                    var newVmodel = VMODELS[node.value]
+                    if (!newVmodel) {
+                        return
+                    }
+                    //ms-important不包含父VM，ms-controller相反
+                    vmodels = node === b ? [newVmodel] : [newVmodel].concat(vmodels)
+                    elem.removeAttribute(node.name) //removeAttributeNode不会刷新[ms-controller]样式规则
+                    elem.classList.remove(node.name)
+                    newVmodel.$events.element = elem
+                    elem.addEventListener("dataavailable", function(e) {
+                        if (typeof e.detail === "object" && elem !== e.target) {
+                            newVmodel.$fire.apply(newVmodel, e.detail)
+                        }
+                    })
                 }
+                scanAttr(elem, vmodels) //扫描特性节点
             }
-        }
 
-        function checkDeps() {
-            //检测此JS模块的依赖是否都已安装完毕,是则安装自身
-            loop: for (var i = loadings.length, id; id = loadings[--i]; ) {
-                var obj = modules[id],
-                        deps = obj.deps
-                for (var key in deps) {
-                    if (ohasOwn.call(deps, key) && modules[key].state !== 2) {
-                        continue loop
+            function scanNodes(parent, vmodels) {
+                var node = parent.firstChild
+                while (node) {
+                    var nextNode = node.nextSibling
+                    var nodeType = node.nodeType
+                    if (nodeType === 1) {
+                        scanTag(node, vmodels) //扫描元素节点
+                    } else if (nodeType === 3 && rexpr.test(node.data)) {
+                        scanText(node, vmodels) //扫描文本节点
+                    } else if (kernel.commentInterpolate && nodeType === 8 && !rexpr.test(node.nodeValue)) {
+                        scanText(node, vmodels) //扫描注释节点
                     }
-                }
-                //如果deps是空对象或者其依赖的模块的状态都是2
-                if (obj.state !== 2) {
-                    loadings.splice(i, 1) //必须先移除再安装，防止在IE下DOM树建完后手动刷新页面，会多次执行它
-                    fireFactory(obj.id, obj.args, obj.factory)
-                    checkDeps() //如果成功,则再执行一次,以防有些模块就差本模块没有安装好
+                    node = nextNode
                 }
             }
-        }
 
-
-        function checkFail(node, onError) {
-            var id = cleanUrl(node.src) //检测是否死链
-            node.onload = node.onerror = null
-            if (onError) {
-                setTimeout(function() {
-                    node.remove()//☆
+            function scanText(textNode, vmodels) {
+                var bindings = []
+                if (textNode.nodeType === 8) {
+                    var leach = []
+                    var value = trimFilter(textNode.nodeValue, leach)
+                    var token = {
+                        expr: true,
+                        value: value
+                    }
+                    if (leach.length) {
+                        token.filters = leach
+                    }
+                    var tokens = [token]
+                } else {
+                    tokens = scanExpr(textNode.data)
+                }
+                if (tokens.length) {
+                    for (var i = 0, token; token = tokens[i++]; ) {
+                        var node = DOC.createTextNode(token.value) //将文本转换为文本节点，并替换原来的文本节点
+                        if (token.expr) {
+                            var filters = token.filters
+                            var binding = {
+                                type: "text",
+                                node: node,
+                                nodeType: 3,
+                                value: token.value,
+                                filters: filters
+                            }
+                            if (filters && filters.indexOf("html") !== -1) {
+                                avalon.Array.remove(filters, "html")
+                                binding.type = "html"
+                                binding.replaceNodes = [node]
+                                if (!filters.length) {
+                                    delete bindings.filters
+                                }
+                            }
+                            bindings.push(binding) //收集带有插值表达式的文本
+                        }
+                        hyperspace.appendChild(node)
+                    }
+                    textNode.parentNode.replaceChild(hyperspace, textNode)
+                    if (bindings.length)
+                        executeBindings(bindings, vmodels)
+                }
+            }
+
+            var rmsAttr = /ms-(\w+)-?(.*)/
+            var priorityMap = {
+                "if": 10,
+                "repeat": 90,
+                "widget": 110,
+                "each": 1400,
+                "with": 1500,
+                "duplex": 2000,
+                "on": 3000
+            }
+
+            var ons = oneObject("animationend,blur,change,input,click,dblclick,focus,keydown,keypress,keyup,mousedown,mouseenter,mouseleave,mousemove,mouseout,mouseover,mouseup,scroll,submit")
+
+            function scanAttr(elem, vmodels) {
+                var attributes = elem.attributes
+                var bindings = [],
+                        msData = {},
+                        match
+                for (var i = 0, attr; attr = attributes[i++]; ) {
+                    if (attr.specified) {
+                        if (match = attr.name.match(rmsAttr)) {
+                            //如果是以指定前缀命名的
+                            var type = match[1]
+                            var param = match[2] || ""
+                            var value = attr.value
+                            var name = attr.name
+                            msData[name] = value
+                            if (ons[type]) {
+                                param = type
+                                type = "on"
+                            } else if (type === "enabled") {//吃掉ms-enabled绑定,用ms-disabled代替
+                                type = "disabled"
+                                value = "!(" + value + ")"
+                            }
+                            //吃掉以下几个绑定,用ms-attr-*绑定代替
+                            if (type === "checked" || type === "selected" || type === "disabled" || type === "readonly") {
+                                param = type
+                                type = "attr"
+                                elem.removeAttribute(name)
+                                name = "ms-attr-" + param
+                                elem.setAttribute(name, value)
+                                match = [name]
+                                msData[name] = value
+                            }
+                            if (typeof bindingHandlers[type] === "function") {
+                                var binding = {
+                                    type: type,
+                                    param: param,
+                                    element: elem,
+                                    name: match[0],
+                                    value: value,
+                                    priority: type in priorityMap ? priorityMap[type] : type.charCodeAt(0) * 10 + (Number(param) || 0)
+                                }
+                                if (type === "if" && param === "loop") {
+                                    binding.priority += 100
+                                }
+                                if (vmodels.length) {
+                                    bindings.push(binding)
+                                    if (type === "widget") {
+                                        elem.msData = elem.msData || msData
+                                    }
+                                }
+                            }
+                        }
+                    }
+                }
+                if (msData["ms-checked"] && msData["ms-duplex"]) {
+                    log("warning!一个元素上不能同时定义ms-checked与ms-duplex")
+                }
+                bindings.sort(function(a, b) {
+                    return a.priority - b.priority
                 })
-                log("debug: 加载 " + id + " 失败" + onError + " " + (!modules[id].state))
-            } else {
-                return true
+                var firstBinding = bindings[0] || {}
+                switch (firstBinding.type) {
+                    case "if":
+                    case "repeat":
+                    case "widget":
+                        executeBindings([firstBinding], vmodels)
+                        break
+                    default:
+                        executeBindings(bindings, vmodels)
+                        if (!stopScan[elem.tagName] && rbind.test(elem.innerHTML + elem.textContent)) {
+                            scanNodes(elem, vmodels) //扫描子孙元素
+                        }
+                        break;
+                }
+                if (elem.patchRepeat) {
+                    elem.patchRepeat()
+                    elem.patchRepeat = null
+                }
             }
-        }
-        var rdeuce = /\/\w+\/\.\./
 
-        function loadResources(url, parent, ret, shim) {
-            //1. 特别处理mass|ready标识符
-            if (url === "ready!" || (modules[url] && modules[url].state === 2)) {
-                return url
-            }
-            //2.  处理text!  css! 等资源
-            var plugin
-            url = url.replace(/^\w+!/, function(a) {
-                plugin = a.slice(0, -1)
-                return ""
-            })
-            plugin = plugin || "js"
-            plugin = plugins[plugin] || noop
-            //3. 转化为完整路径
-            if (typeof kernel.shim[url] === "object") {
-                shim = kernel.shim[url]
-            }
-            if (kernel.paths[url]) { //别名机制
-                url = kernel.paths[url]
-            }
-            //4. 补全路径
-            if (/^(\w+)(\d)?:.*/.test(url)) {
-                ret = url
-            } else {
-                parent = parent.substr(0, parent.lastIndexOf('/'))
-                var tmp = url.charAt(0)
-                if (tmp !== "." && tmp !== "/") { //相对于根路径
-                    ret = basepath + url
-                } else if (url.slice(0, 2) === "./") { //相对于兄弟路径
-                    ret = parent + url.slice(1)
-                } else if (url.slice(0, 2) === "..") { //相对于父路径
-                    ret = parent + "/" + url
-                    while (rdeuce.test(ret)) {
-                        ret = ret.replace(rdeuce, "")
-                    }
-                } else if (tmp === "/") {
-                    ret = parent + url //相对于兄弟路径
-                } else {
-                    avalon.error("不符合模块标识规则: " + url)
+            function executeBindings(bindings, vmodels) {
+                for (var i = 0, data; data = bindings[i++]; ) {
+                    data.vmodels = vmodels
+                    bindingHandlers[data.type](data, vmodels)
+                    if (data.evaluator && data.name) { //移除数据绑定，防止被二次解析
+                        //chrome使用removeAttributeNode移除不存在的特性节点时会报错 https://github.com/RubyLouvre/avalon/issues/99
+                        data.element.removeAttribute(data.name)
+                    }
                 }
+                bindings.length = 0
             }
-            //5. 补全扩展名
-            url = cleanUrl(ret)
-            var ext = plugin.ext
-            if (ext) {
-                if (url.slice(0 - ext.length) !== ext) {
-                    ret += ext
+
+            var rfilters = /\|\s*(\w+)\s*(\([^)]*\))?/g,
+                    r11a = /\|\|/g,
+                    r11b = /U2hvcnRDaXJjdWl0/g,
+                    rlt = /&lt;/g,
+                    rgt = /&gt;/g
+            function trimFilter(value, leach) {
+                if (value.indexOf("|") > 0) { // 抽取过滤器 先替换掉所有短路与
+                    value = value.replace(r11a, "U2hvcnRDaXJjdWl0") //btoa("ShortCircuit")
+                    value = value.replace(rfilters, function(c, d, e) {
+                        leach.push(d + (e || ""))
+                        return ""
+                    })
+                    value = value.replace(r11b, "||") //还原短路与
                 }
+                return value
             }
-            //6. 缓存处理
-            if (kernel.nocache) {
-                ret += (ret.indexOf("?") === -1 ? "?" : "&") + Date.now()
-            }
-            return plugin(ret, shim)
-        }
 
-        function loadJS(url, id, callback) {
-            //通过script节点加载目标模块
-            var node = DOC.createElement("script")
-            node.className = subscribers //让getCurrentScript只处理类名为subscribers的script节点
-            node.onload = function() {
-                var factory = factorys.pop()
-                factory && factory.delay(id)
-                if (callback) {
-                    callback()
+            function scanExpr(str) {
+                var tokens = [],
+                        value, start = 0,
+                        stop
+
+                do {
+                    stop = str.indexOf(openTag, start)
+                    if (stop === -1) {
+                        break
+                    }
+                    value = str.slice(start, stop)
+                    if (value) { // {{ 左边的文本
+                        tokens.push({
+                            value: value,
+                            expr: false
+                        })
+                    }
+                    start = stop + openTag.length
+                    stop = str.indexOf(closeTag, start)
+                    if (stop === -1) {
+                        break
+                    }
+                    value = str.slice(start, stop)
+                    if (value) { //处理{{ }}插值表达式
+                        var leach = []
+                        value = trimFilter(value, leach)
+                        tokens.push({
+                            value: value,
+                            expr: true,
+                            filters: leach.length ? leach : void 0
+                        })
+                    }
+                    start = stop + closeTag.length
+                } while (1)
+                value = str.slice(start)
+                if (value) { //}} 右边的文本
+                    tokens.push({
+                        value: value,
+                        expr: false
+                    })
+                }
+
+                return tokens
+            }
+            /*********************************************************************
+             *                          编译模块                                   *
+             **********************************************************************/
+            var keywords =
+                    // 关键字
+                    "break,case,catch,continue,debugger,default,delete,do,else,false"
+                    + ",finally,for,function,if,in,instanceof,new,null,return,switch,this"
+                    + ",throw,true,try,typeof,var,void,while,with"
+                    // 保留字
+                    + ",abstract,boolean,byte,char,class,const,double,enum,export,extends"
+                    + ",final,float,goto,implements,import,int,interface,long,native"
+                    + ",package,private,protected,public,short,static,super,synchronized"
+                    + ",throws,transient,volatile"
+                    // ECMA 5 - use strict
+                    + ",arguments,let,yield"
+                    + ",undefined"
+            var robjectProperty = /([\w\.\_$])\s*\[['"]([^'"]+)['"]\]/
+            //处理注释及字符串
+            var rstringComment = /\/\*[\w\W]*?\*\/|\/\/[^\n]*\n|\/\/[^\n]*$|"(?:[^"\\]|\\[\w\W])*"|'(?:[^'\\]|\\[\w\W])*'/g
+            //处理加减乘除小括号等运算符
+            var roperator = /[^\w\.$]+/g
+            //处理数字
+            var rnumber = /\b\d[^,]*/g
+            //处理最前面或最后面逗号
+            var rcommaOfFirstOrLast = /^,+|,+$/g
+            //处理位于中间的逗号
+            var rcommaInMiddle = /,+/
+            //去掉所有关键字保留字
+            var rkeywords = new RegExp(["\\b" + keywords.replace(/,/g, '\\b|\\b') + "\\b"].join('|'), 'g')
+            var cacheVars = createCache(512)
+            var getVariables = function(str) {
+                var key = "," + str.trim()
+                if (cacheVars[key]) {
+                    return cacheVars[key]
+                }
+                while (robjectProperty.test(str)) {
+                    str = str.replace(robjectProperty, function(match, obj, prop) {
+                        return obj + '.' + prop;
+                    })
                 }
-                log("debug: 已成功加载 " + url)
+                var vars = str.replace(rstringComment, "")
+                        .replace(roperator, ",")
+                        .replace(rkeywords, ",")
+                        .replace(rnumber, ",")
+                        .replace(rcommaOfFirstOrLast, "")
+                        .split(rcommaInMiddle)
+                return cacheVars(key, uniqSet(vars))
+            }
+
+            function uniqSet(array) {
+                var ret = [], unique = {}
+                for (var i = 0; i < array.length; i++) {
+                    var el = array[i]
+                    var id = el && typeof el.$id === "string" ? el.$id : el
+                    if (!unique[id]) {
+                        unique[id] = ret.push(el)
+                    }
+                }
+                return ret
             }
 
-            node.onerror = function() {
-                checkFail(node, true)
+            void function() {
+                var test = [1, 2, 3, 1]
+                if (typeof Set === "function" && (new Set(test)).size === 3) {
+                    var uniqSet = function(arr) {//重写uniqSet
+                        var set = new Set(arr), ret = []
+                        set.forEach(function(el) {
+                            ret.push(el)
+                        })
+                        return ret
+                    }
+                }
+            }()
+
+            function addDeps(scope, prop, data) {
+                var obj = scope.$accessors
+                if (obj) {
+                    var arr = obj[prop] || (obj[prop] = [])
+                    avalon.Array.ensure(arr, data)
+                }
+            }
+            function inObject(obj, array) {
+                if (!obj.hasOwnProperty(array[0])) {
+                    return 0
+                }
+                for (var i = 1, el; el = array[i++]; ) {
+                    if (!obj.hasOwnProperty(el)) {
+                        return (obj && typeof obj === "object") ? 1 : 0
+                    } else {
+                        obj = obj[el]
+                    }
+                }
+                return 2
+            }
+            /*添加赋值语句*/
+            function addAssign(vars, scope, name, data) {
+                var ret = [],
+                        prefix = " =" + name + "."
+
+                for (var i = vars.length, path; path = vars[--i]; ) {
+                    var arr = path.split(".")
+                    var flag = inObject(scope, arr)
+                    if (flag) {
+                        var prop = arr.shift()
+                        addDeps(scope, prop, data)
+                        ret.push(prop + prefix + prop)
+                        if (data.type === "duplex") {
+                            vars.get = name + "." + prop
+                        }
+                        var subscope = scope
+                        do {//处理子对象
+                            subscope = subscope[prop]
+                            if (subscope && typeof subscope === "object") {
+                                prop = arr.shift()
+                                addDeps(subscope, prop, data)
+                            } else {
+                                break
+                            }
+                        } while (arr.length);
+                        if (flag === 2)
+                            vars.splice(i, 1)
+                    }
+                }
+                return ret
             }
-            node.src = url //插入到head的第一个节点前，防止IE6下head标签没闭合前使用appendChild抛错
-            head.appendChild(node) //chrome下第二个参数不能为null
-            log("debug: 正准备加载 " + url) //更重要的是IE6下可以收窄getCurrentScript的寻找范围
-        }
 
-        innerRequire = avalon.require = function(list, factory, parent) {
-            // 用于检测它的依赖是否都为2
-            var deps = {},
-                    // 用于保存依赖模块的返回值
-                    args = [],
-                    // 需要安装的模块数
-                    dn = 0,
-                    // 已安装完的模块数
-                    cn = 0,
-                    id = parent || "callback" + setTimeout("1")
-            parent = parent || basepath
-            String(list).replace(rword, function(el) {
-                var url = loadResources(el, parent)
-                if (url) {
-                    dn++
 
-                    if (modules[url] && modules[url].state === 2) {
-                        cn++
+            /*创建具有一定容量的缓存体*/
+            function createCache(maxLength) {
+                var keys = []
+                function cache(key, value) {
+                    if (keys.push(key) > maxLength) {
+                        delete cache[keys.shift()]
+                    }
+                    return cache[key] = value;
+                }
+                return cache;
+            }
+            var cacheExprs = createCache(256)
+            //根据一段文本与一堆VM，转换为对应的求值函数及匹配的VM(解释器模式)
+            var rduplex = /\w\[.*\]|\w\.\w/
+            var rproxy = /(\$proxy\$[a-z]+)\d+$/
+
+            function parseExpr(code, scopes, data) {
+                var dataType = data.type
+                var filters = data.filters ? data.filters.join("") : ""
+                var exprId = scopes.map(function(el) {
+                    return el.$id.replace(rproxy, "$1")
+                }) + code + dataType + filters
+                var vars = getVariables(code).concat()
+                var assigns = [] //收集赋值表达式
+                var names = []
+                var args = []  //新生成的求值函数的传参 包括所有VM与avalon.filters对象
+                if (vars.length) {
+                    scopes.forEach(function(scope, i) {
+                        var name = "vm" + expose + "_" + i
+                        names.push(name)
+                        args.push(scope)
+                        assigns.push.apply(assigns, addAssign(vars, scope, name, data))
+                    })
+                }
+
+                if (!assigns.length && dataType === "duplex") {
+                    return
+                }
+                //---------------args----------------
+                if (filters) {
+                    args.push(avalon.filters)
+                }
+                data.args = args
+                //---------------cache----------------
+                var fn = cacheExprs[exprId] //直接从缓存，免得重复生成
+                if (fn) {
+                    data.evaluator = fn
+                    return
+                }
+                var prefix = assigns.join(", ")
+                if (prefix) {
+                    prefix = "var " + prefix
+                }
+                if (filters) { //文本绑定，双工绑定才有过滤器
+                    code = "\nvar ret" + expose + " = " + code
+                    var textBuffer = [],
+                            fargs
+                    textBuffer.push(code, "\r\n")
+                    for (var i = 0, fname; fname = data.filters[i++]; ) {
+                        var start = fname.indexOf("(")
+                        if (start !== -1) {
+                            fargs = fname.slice(start + 1, fname.lastIndexOf(")")).trim()
+                            fargs = "," + fargs
+                            fname = fname.slice(0, start).trim()
+                        } else {
+                            fargs = ""
+                        }
+                        textBuffer.push(" if(filters", expose, ".", fname, "){\n\ttry{\nret", expose,
+                                " = filters", expose, ".", fname, "(ret", expose, fargs, ")\n\t}catch(e){} \n}\n")
                     }
-                    if (!deps[url]) {
-                        args.push(url)
-                        deps[url] = "司徒正美" //去重
+                    code = textBuffer.join("")
+                    code += "\nreturn ret" + expose
+                    names.push("filters" + expose)
+                } else if (dataType === "duplex") { //双工绑定
+                    var _body = "'use strict';\nreturn function(vvv){\n\t" +
+                            prefix +
+                            ";\n\tif(!arguments.length){\n\t\treturn " +
+                            code +
+                            "\n\t}\n\t" + (!rduplex.test(code) ? vars.get : code) +
+                            "= vvv;\n} "
+                    try {
+                        fn = Function.apply(noop, names.concat(_body))
+                        data.evaluator = cacheExprs(exprId, fn)
+                    } catch (e) {
+                        log("debug: parse error," + e.message)
+                    }
+                    return
+                } else if (dataType === "on") { //事件绑定
+                    if (code.indexOf("(") === -1) {
+                        code += ".call(this, $event)"
+                    } else {
+                        code = code.replace("(", ".call(this,")
                     }
+                    names.push("$event")
+                    code = "\nreturn " + code + ";" //IE全家 Function("return ")出错，需要Function("return ;")
+                    var lastIndex = code.lastIndexOf("\nreturn")
+                    var header = code.slice(0, lastIndex)
+                    var footer = code.slice(lastIndex)
+                    code = header + "\n" + footer
+                } else { //其他绑定
+                    code = "\nreturn " + code + ";" //IE全家 Function("return ")出错，需要Function("return ;")
                 }
-            })
-            modules[id] = {//创建一个对象,记录模块的加载情况与其他信息
-                id: id,
-                factory: factory,
-                deps: deps,
-                args: args,
-                state: 1
-            }
-            if (dn === cn) { //如果需要安装的等于已安装好的
-                fireFactory(id, args, factory) //安装到框架中
-            } else {
-                //放到检测列队中,等待checkDeps处理
-                loadings.unshift(id)
-            }
-            checkDeps()
-        }
-
-        /**
-         * 定义模块
-         * @param {String} id ? 模块ID
-         * @param {Array} deps ? 依赖列表
-         * @param {Function} factory 模块工厂
-         * @api public
-         */
-        innerRequire.define = function(id, deps, factory) { //模块名,依赖列表,模块本身
-            var args = avalon.slice(arguments)
-
-            if (typeof id === "string") {
-                var _id = args.shift()
-            }
-            if (typeof args[0] === "function") {
-                args.unshift([])
-            } //上线合并后能直接得到模块ID,否则寻找当前正在解析中的script节点的src作为模块ID
-            //现在除了safari外，我们都能直接通过getCurrentScript一步到位得到当前执行的script节点，
-            //safari可通过onload+delay闭包组合解决
-            var name = modules[_id] && modules[_id].state >= 1 ? _id : cleanUrl(getCurrentScript())
-            if (!modules[name] && _id) {
-                modules[name] = {
-                    id: name,
-                    factory: factory,
-                    state: 1
-                }
-            }
-            factory = args[1]
-            factory.id = _id //用于调试
-            factory.delay = function(d) {
-                args.push(d)
-                var isCycle = true
                 try {
-                    isCycle = checkCycle(modules[d].deps, d)
+                    fn = Function.apply(noop, names.concat("'use strict';\n" + prefix + code))
+                    data.evaluator = cacheExprs(exprId, fn)
                 } catch (e) {
+                    log("debug: parse error," + e.message)
+                } finally {
+                    textBuffer = names = null //释放内存
+                }
+            }
+
+            /*parseExpr的智能引用代理*/
+            function parseExprProxy(code, scopes, data, tokens) {
+                if (Array.isArray(tokens)) {
+                    code = tokens.map(function(el) {
+                        return el.expr ? "(" + el.value + ")" : JSON.stringify(el.value)
+                    }).join(" + ")
+                }
+
+                parseExpr(code, scopes, data)
+
+                if (data.evaluator) {
+                    data.handler = bindingExecutors[data.handlerName || data.type]
+                    data.evaluator.toString = function() {
+                        return data.type + " binding to eval(" + code + ")"
+                    }
+                    //方便调试
+                    //这里非常重要,我们通过判定视图刷新函数的element是否在DOM树决定
+                    //将它移出订阅者列表
+                    registerSubscriber(data)
+                }
+            }
+            avalon.parseExprProxy = parseExprProxy
+            /*********************************************************************
+             *绑定模块（实现“操作数据即操作DOM”的关键，将DOM操作放逐出前端开发人员的视野，让它交由框架自行处理，开发人员专致于业务本身） *                                 *
+             **********************************************************************/
+
+            head.insertAdjacentHTML("afterBegin", '<style id="avalonStyle">.avalonHide{ display: none!important }</style>')
+            var getBindingCallback = function(elem, name, vmodels) {
+                var callback = elem.getAttribute(name)
+                if (callback) {
+                    for (var i = 0, vm; vm = vmodels[i++]; ) {
+                        if (vm.hasOwnProperty(callback) && typeof vm[callback] === "function") {
+                            return vm[callback]
+                        }
+                    }
                 }
-                if (isCycle) {
-                    avalon.error(d + "模块与之前的模块存在循环依赖，请不要直接用script标签引入" + d + "模块")
-                }
-                delete factory.delay //释放内存
-                innerRequire.apply(null, args) //0,1,2 --> 1,2,0
-            }
-
-            if (name) {
-                factory.delay(name, args)
-            } else { //先进先出
-                factorys.push(factory)
-            }
-        }
-        innerRequire.define.amd = modules
-
-        function fireFactory(id, deps, factory) {
-            for (var i = 0, array = [], d; d = deps[i++]; ) {
-                array.push(modules[d].exports)
-            }
-            var module = Object(modules[id]),
-                    ret = factory.apply(window, array)
-            module.state = 2
-            if (ret !== void 0) {
-                modules[id].exports = ret
-            }
-            return ret
-        }
-        innerRequire.config = kernel
-        innerRequire.checkDeps = checkDeps
-    }
-
-    /*********************************************************************
-     *                    DOMReady                                         *
-     **********************************************************************/
-
-    function fireReady() {
-        modules["ready!"].state = 2
-        innerRequire.checkDeps()
-        fireReady = noop //隋性函数，防止IE9二次调用_checkDeps
-    }
-
-    if (DOC.readyState === "complete") {
-        setTimeout(fireReady) //如果在domReady之外加载
-    } else {
-        DOC.addEventListener("DOMContentLoaded", fireReady)
-        window.addEventListener("load", fireReady)
-    }
-    avalon.ready = function(fn) {
-        innerRequire("ready!", fn)
-    }
-    avalon.config({
-        loader: true
-    })
-    var msSelector = "[ms-controller],[ms-important]"
-    avalon.ready(function() {
-        var elems = DOC.querySelectorAll(msSelector),
-                nodes = []
-        for (var i = 0, elem; elem = elems[i++]; ) {
-            if (!elem.__root__) {
-                var array = elem.querySelectorAll(msSelector)
-                for (var j = 0, el; el = array[j++]; ) {
-                    el.__root__ = true
-                }
-                nodes.push(elem)
-            }
-        }
-        for (var i = 0, elem; elem = nodes[i++]; ) {
-            avalon.scan(elem)
-        }
-    })
-})(document)
\ No newline at end of file
+            }
+            var cacheTmpls = avalon.templateCache = {}
+            var ifSanctuary = DOC.createElement("div")
+            //这里的函数每当VM发生改变后，都会被执行（操作方为notifySubscribers）
+            var bindingExecutors = avalon.bindingExecutors = {
+                "attr": function(val, elem, data) {
+                    var method = data.type,
+                            attrName = data.param
+
+                    function scanTemplate(text) {
+                        if (loaded) {
+                            text = loaded.apply(elem, [text].concat(vmodels))
+                        }
+                        avalon.innerHTML(elem, text)
+                        scanNodes(elem, vmodels)
+                        rendered && checkScan(elem, function() {
+                            rendered.call(elem)
+                        })
+                    }
+
+                    if (method === "css") {
+                        avalon(elem).css(attrName, val)
+                    } else if (method === "attr") {
+                        // ms-attr-class="xxx" vm.xxx="aaa bbb ccc"将元素的className设置为aaa bbb ccc
+                        // ms-attr-class="xxx" vm.xxx=false  清空元素的所有类名
+                        // ms-attr-name="yyy"  vm.yyy="ooo" 为元素设置name属性
+                        var toRemove = (val === false) || (val === null) || (val === void 0)
+                        if (toRemove) {
+                            elem.removeAttribute(attrName)
+                        } else {
+                            elem.setAttribute(attrName, val)
+                        }
+                    } else if (method === "include" && val) {
+                        var vmodels = data.vmodels
+                        var rendered = getBindingCallback(elem, "data-include-rendered", vmodels)
+                        var loaded = getBindingCallback(elem, "data-include-loaded", vmodels)
+
+                        if (data.param === "src") {
+                            if (cacheTmpls[val]) {
+                                scanTemplate(cacheTmpls[val])
+                            } else {
+                                var xhr = new window.XMLHttpRequest
+                                xhr.onload = function() {
+                                    var s = xhr.status
+                                    if (s >= 200 && s < 300 || s === 304) {
+                                        scanTemplate(cacheTmpls[val] = xhr.responseText)
+                                    }
+                                }
+                                xhr.open("GET", val, true)
+                                xhr.withCredentials = true
+                                xhr.setRequestHeader("X-Requested-With", "XMLHttpRequest")
+                                xhr.send(null)
+                            }
+                        } else {
+                            //IE系列与够新的标准浏览器支持通过ID取得元素（firefox14+）
+                            //http://tjvantoll.com/2012/07/19/dom-element-references-as-global-variables/
+                            var el = val && val.nodeType === 1 ? val : DOC.getElementById(val)
+                            avalon.nextTick(function() {
+                                scanTemplate(el.innerText || el.innerHTML)
+                            })
+                        }
+                    } else {
+                        elem[method] = val
+                    }
+                },
+                "class": function(val, elem, data) {
+                    var $elem = avalon(elem),
+                            method = data.type
+                    if (method === "class" && data.param) { //如果是旧风格
+                        $elem.toggleClass(data.param, !!val)
+                    } else {
+                        var toggle = data._evaluator ? !!data._evaluator.apply(elem, data._args) : true
+                        var className = data._class || val
+                        switch (method) {
+                            case "class":
+                                if (toggle && data.oldClass) {
+                                    $elem.removeClass(data.oldClass)
+                                }
+                                $elem.toggleClass(className, toggle)
+                                data.oldClass = className
+                                break;
+                            case "hover":
+                            case "active":
+                                if (!data.init) {
+                                    if (method === "hover") { //在移出移入时切换类名
+                                        var event1 = "mouseenter",
+                                                event2 = "mouseleave"
+                                    } else { //在聚焦失焦中切换类名
+                                        elem.tabIndex = elem.tabIndex || -1
+                                        event1 = "mousedown", event2 = "mouseup"
+                                        $elem.bind("mouseleave", function() {
+                                            toggle && $elem.removeClass(className)
+                                        })
+                                    }
+                                    $elem.bind(event1, function() {
+                                        toggle && $elem.addClass(className)
+                                    })
+                                    $elem.bind(event2, function() {
+                                        toggle && $elem.removeClass(className)
+                                    })
+                                    data.init = 1
+                                }
+                                break;
+                        }
+                    }
+                },
+                "data": function(val, elem, data) {
+                    var key = "data-" + data.param
+                    if (val && typeof val === "object") {
+                        elem[key] = val
+                    } else {
+                        elem.setAttribute(key, String(val))
+                    }
+                },
+                "repeat": function(method, pos, el) {
+                    if (method) {
+                        var data = this
+                        var group = data.group
+                        var parent = data.startRepeat ? data.startRepeat.parentNode : data.callbackElement// //fix  #300 #307
+                        var proxies = data.proxies
+                        var transation = hyperspace.cloneNode(false)
+                        var spans = []
+                        var lastFn = {}
+                        if (method === "del" || method === "move") {
+                            var locatedNode = getLocatedNode(parent, data, pos)
+                        }
+                        switch (method) {
+                            case "add":
+                                //在pos位置后添加el数组（pos为数字，el为数组）
+                                var arr = el
+                                var last = data.getter().length - 1
+                                for (var i = 0, n = arr.length; i < n; i++) {
+                                    var ii = i + pos
+                                    var proxy = getEachProxy(ii, arr[i], data, last)
+                                    proxies.splice(ii, 0, proxy)
+                                    lastFn = shimController(data, transation, spans, proxy)
+                                }
+                                locatedNode = getLocatedNode(parent, data, pos)
+                                lastFn.node = locatedNode
+                                lastFn.parent = parent
+                                parent.insertBefore(transation, locatedNode)
+                                for (var i = 0, node; node = spans[i++]; ) {
+                                    scanTag(node, data.vmodels)
+                                }
+                                spans = null
+                                break
+                            case "del": //将pos后的el个元素删掉(pos, el都是数字)
+                                var removed = proxies.splice(pos, el)
+                                recycleEachProxies(removed)
+                                expelFromSanctuary(removeView(locatedNode, group, el))
+                                break
+                            case "index": //将proxies中的第pos个起的所有元素重新索引（pos为数字，el用作循环变量）
+                                var last = proxies.length - 1
+                                for (; el = proxies[pos]; pos++) {
+                                    el.$index = pos
+                                    el.$first = pos === 0
+                                    el.$last = pos === last
+                                }
+                                break
+                            case "clear":
+                                if (data.startRepeat) {
+                                    while (true) {
+                                        var node = data.startRepeat.nextSibling
+                                        if (node && node !== data.endRepeat) {
+                                            transation.appendChild(node)
+                                        } else {
+                                            break
+                                        }
+                                    }
+                                } else {
+                                    transation = parent
+                                }
+                                recycleEachProxies(proxies)
+                                expelFromSanctuary(transation)
+                                break
+                            case "move": //将proxies中的第pos个元素移动el位置上(pos, el都是数字)
+                                var t = proxies.splice(pos, 1)[0]
+                                if (t) {
+                                    proxies.splice(el, 0, t)
+                                    transation = removeView(locatedNode, group)
+                                    locatedNode = getLocatedNode(parent, data, el)
+                                    parent.insertBefore(transation, locatedNode)
+                                }
+                                break
+                            case "set": //将proxies中的第pos个元素的VM设置为el（pos为数字，el任意）
+                                var proxy = proxies[pos]
+                                if (proxy) {
+                                    proxy[proxy.$itemName] = el
+                                }
+                                break
+                            case "append": //将pos的键值对从el中取出（pos为一个普通对象，el为预先生成好的代理VM对象池）
+                                var pool = el
+                                var callback = getBindingCallback(data.callbackElement, "data-with-sorted", data.vmodels)
+                                var keys = []
+                                for (var key in pos) { //得到所有键名
+                                    if (pos.hasOwnProperty(key)) {
+                                        keys.push(key)
+                                    }
+                                }
+                                if (callback) { //如果有回调，则让它们排序
+                                    var keys2 = callback.call(parent, keys)
+                                    if (keys2 && Array.isArray(keys2) && keys2.length) {
+                                        keys = keys2
+                                    }
+                                }
+                                for (var i = 0, key; key = keys[i++]; ) {
+                                    lastFn = shimController(data, transation, spans, pool[key])
+                                }
+                                lastFn.parent = parent
+                                lastFn.node = data.endRepeat || null
+                                parent.insertBefore(transation, lastFn.node)
+                                for (var i = 0, el; el = spans[i++]; ) {
+                                    scanTag(el, data.vmodels)
+                                }
+                                spans = null
+                                break
+                        }
+                        iteratorCallback.call(data, arguments, parent)
+                    }
+                },
+                "html": function(val, elem, data) {
+                    val = val == null ? "" : val
+                    if (!elem) {
+                        elem = data.element = data.node.parentNode
+                    }
+                    if (data.replaceNodes) {
+                        var fragment, nodes
+                        if (val.nodeType === 11) {
+                            fragment = val
+                        } else if (val.nodeType === 1 || val.item) {
+                            nodes = val.nodeType === 1 ? val.childNodes : val.item ? val : []
+                            fragment = hyperspace.cloneNode(true)
+                            while (nodes[0]) {
+                                fragment.appendChild(nodes[0])
+                            }
+                        } else {
+                            fragment = avalon.parseHTML(val)
+                        }
+                        var replaceNodes = avalon.slice(fragment.childNodes)
+                        elem.insertBefore(fragment, data.replaceNodes[0] || null)
+                        for (var i = 0, node; node = data.replaceNodes[i++]; ) {
+                            node.remove()//☆
+                        }
+                        data.replaceNodes = replaceNodes
+                    } else {
+                        avalon.innerHTML(elem, val)
+                    }
+                    avalon.nextTick(function() {
+                        scanNodes(elem, data.vmodels)
+                    })
+                },
+                "if": function(val, elem, data) {
+                    var placehoder = data.placehoder
+                    if (val) { //插回DOM树
+                        if (!data.msInDocument) {
+                            data.msInDocument = true
+                            if (placehoder.parentNode) {
+                                placehoder.parentNode.replaceChild(elem, placehoder)
+                            }
+                        }
+                        if (rbind.test(elem.outerHTML.replace(rlt, "<").replace(rgt, ">"))) {
+                            scanAttr(elem, data.vmodels)
+                        }
+                    } else { //移出DOM树，放进ifSanctuary DIV中，并用注释节点占据原位置
+                        if (data.msInDocument) {
+                            data.msInDocument = false
+                            if (elem.parentNode) {
+                                elem.parentNode.replaceChild(placehoder, elem)
+                            }
+                            placehoder.elem = elem
+                            ifSanctuary.appendChild(elem)
+                        }
+                    }
+                },
+                "on": function(callback, elem, data) {
+                    var vmodels = data.vmodels
+                    var fn = data.evaluator
+                    callback = function(e) {
+                        return fn.apply(this, data.args.concat(e))
+                    }
+                    elem.$vmodel = vmodels[0]
+                    elem.$vmodels = vmodels
+                    data.param = data.param.replace(/-\d+$/, "") // ms-on-mousemove-10
+                    if (typeof data.specialBind === "function") {
+                        data.specialBind(elem, callback)
+                    } else {
+                        var removeFn = avalon.bind(elem, data.param, callback)
+                    }
+                    data.rollback = function() {
+                        if (typeof data.specialUnbind === "function") {
+                            data.specialUnbind()
+                        } else {
+                            avalon.unbind(elem, data.param, removeFn)
+                        }
+                    }
+                    data.evaluator = data.handler = noop
+                },
+                "text": function(val, elem, data) {
+                    val = val == null ? "" : val //不在页面上显示undefined null
+                    var node = data.node
+                    if (data.nodeType === 3) { //绑定在文本节点上
+                        try {//IE对游离于DOM树外的节点赋值会报错
+                            node.data = val
+                        } catch (e) {
+                        }
+                    } else { //绑定在特性节点上
+                        if (!elem) {
+                            elem = data.element = node.parentNode
+                        }
+                        elem.textContent = val
+                    }
+                },
+                "visible": function(val, elem, data) {
+                    elem.style.display = val ? data.display : "none"
+                },
+                "widget": noop
+            }
+
+            var rdash = /\(([^)]*)\)/
+            var rwhitespace = /^\s+$/
+            function parseDisplay(nodeName, val) {
+                //用于取得此类标签的默认display值
+                var key = "_" + nodeName
+                if (!parseDisplay[key]) {
+                    var node = DOC.createElement(nodeName)
+                    root.appendChild(node)
+                    val = getComputedStyle(node, null).display
+                    root.removeChild(node)
+                    parseDisplay[key] = val
+                }
+                return parseDisplay[key]
+            }
+            //这里的函数只会在第一次被扫描后被执行一次，并放进行对应VM属性的subscribers数组内（操作方为registerSubscriber）
+            var bindingHandlers = avalon.bindingHandlers = {
+                //这是一个字符串属性绑定的范本, 方便你在title, alt,  src, href, include, css添加插值表达式
+                //<a ms-href="{{url.hostname}}/{{url.pathname}}.html">
+                "attr": function(data, vmodels) {
+                    var text = data.value.trim(),
+                            simple = true
+                    if (text.indexOf(openTag) > -1 && text.indexOf(closeTag) > 2) {
+                        simple = false
+                        if (rexpr.test(text) && RegExp.rightContext === "" && RegExp.leftContext === "") {
+                            simple = true
+                            text = RegExp.$1
+                        }
+                    }
+                    data.handlerName = "attr" //handleName用于处理多种绑定共用同一种bindingExecutor的情况
+
+                    parseExprProxy(text, vmodels, data, simple ? null : scanExpr(data.value))
+                },
+                //根据VM的属性值或表达式的值切换类名，ms-class="xxx yyy zzz:flag" 
+                //http://www.cnblogs.com/rubylouvre/archive/2012/12/17/2818540.html
+                "class": function(data, vmodels) {
+                    var oldStyle = data.param,
+                            text = data.value,
+                            rightExpr
+                    data.handlerName = "class"
+                    if (!oldStyle || isFinite(oldStyle)) {
+                        data.param = "" //去掉数字
+                        var noExpr = text.replace(rexprg, function(a) {
+                            return Math.pow(10, a.length - 1) //将插值表达式插入10的N-1次方来占位
+                        })
+                        var colonIndex = noExpr.indexOf(":") //取得第一个冒号的位置
+                        if (colonIndex === -1) { // 比如 ms-class="aaa bbb ccc" 的情况
+                            var className = text
+                        } else { // 比如 ms-class-1="ui-state-active:checked" 的情况 
+                            className = text.slice(0, colonIndex)
+                            rightExpr = text.slice(colonIndex + 1)
+                            parseExpr(rightExpr, vmodels, data) //决定是添加还是删除
+                            if (!data.evaluator) {
+                                log("debug: ms-class '" + (rightExpr || "").trim() + "' 不存在于VM中")
+                                return false
+                            } else {
+                                data._evaluator = data.evaluator
+                                data._args = data.args
+                            }
+                        }
+                        var hasExpr = rexpr.test(className) //比如ms-class="width{{w}}"的情况
+                        if (!hasExpr) {
+                            data._class = className
+                        }
+                        parseExprProxy("", vmodels, data, (hasExpr ? scanExpr(className) : null))
+                    } else if (data.type === "class") {
+                        parseExprProxy(text, vmodels, data)
+                    }
+                },
+                "duplex": function(data, vmodels) {
+                    var elem = data.element,
+                            tagName = elem.tagName
+                    if (typeof duplexBinding[tagName] === "function") {
+                        data.changed = getBindingCallback(elem, "data-duplex-changed", vmodels) || noop
+                        //由于情况特殊，不再经过parseExprProxy
+                        parseExpr(data.value, vmodels, data, "duplex")
+                        if (data.evaluator && data.args) {
+                            var form = elem.form
+                            if (form && form.msValidate) {
+                                form.msValidate(elem)
+                            }
+                            data.bound = function(type, callback) {
+                                elem.addEventListener(type, callback)
+                                var old = data.rollback
+                                data.rollback = function() {
+                                    elem.removeEventListener(type, callback)
+                                    old && old()
+                                }
+                            }
+                            duplexBinding[elem.tagName](elem, data.evaluator.apply(null, data.args), data)
+                        }
+                    }
+                },
+                "repeat": function(data, vmodels) {
+                    var type = data.type,
+                            list
+                    parseExpr(data.value, vmodels, data)
+                    if (type !== "repeat") {
+                        log("warning:建议使用ms-repeat代替ms-each, ms-with, ms-repeat只占用一个标签并且性能更好")
+                    }
+                    var elem = data.callbackElement = data.element //用于判定当前元素是否位于DOM树
+                    data.getter = function() {
+                        return this.evaluator.apply(0, this.args || [])
+                    }
+
+                    data.proxies = []
+                    var freturn = true
+                    try {
+                        list = data.getter()
+                        if (rcomplextype.test(avalon.type(list))) {
+                            freturn = false
+                        }
+                    } catch (e) {
+                        var obj = vmodels[0].$accessors
+                        obj.array = [data]
+                    }
+                    var template = hyperspace.cloneNode(false)
+                    if (type === "repeat") {
+                        var startRepeat = DOC.createComment("ms-repeat-start")
+                        var endRepeat = DOC.createComment("ms-repeat-end")
+                        data.startRepeat = startRepeat
+                        data.endRepeat = endRepeat
+                        elem.removeAttribute(data.name)
+                        var parent = data.element = elem.parentNode
+                        parent.replaceChild(endRepeat, elem)
+                        parent.insertBefore(startRepeat, endRepeat)
+                        template.appendChild(elem)
+                    } else {
+                        var node
+                        while (node = elem.firstChild) {
+                            if (node.nodeType === 3 && rwhitespace.test(node.data)) {
+                                node.remove()//☆
+                            } else {
+                                template.appendChild(node)
+                            }
+                        }
+                    }
+                    data.template = template
+                    data.rollback = function() {
+                        bindingExecutors.repeat.call(data, "clear")
+                        var endRepeat = data.endRepeat
+                        var parent = data.element
+                        parent.insertBefore(data.template, endRepeat || null)
+                        if (endRepeat) {
+                            parent.removeChild(endRepeat)
+                            parent.removeChild(data.startRepeat)
+                            data.element = data.callbackElement
+                        }
+                    }
+                    var arr = data.value.split(".") || []
+                    if (arr.length > 1) {
+                        arr.pop()
+                        var n = arr[0]
+                        for (var i = 0, v; v = vmodels[i++]; ) {
+                            if (v && v.hasOwnProperty(n) && v[n][subscribers]) {
+                                v[n][subscribers].push(data)
+                                break
+                            }
+                        }
+                    }
+                    if (freturn) {
+                        return
+                    }
+                    data.callbackName = "data-" + type + "-rendered"
+                    data.handler = bindingExecutors.repeat
+                    data.$outer = {}
+                    var check0 = "$key",
+                            check1 = "$val"
+                    if (Array.isArray(list)) {
+                        check0 = "$first"
+                        check1 = "$last"
+                    }
+                    for (var i = 0, p; p = vmodels[i++]; ) {
+                        if (p.hasOwnProperty(check0) && p.hasOwnProperty(check1)) {
+                            data.$outer = p
+                            break
+                        }
+                    }
+                    node = template.firstChild
+                    data.fastRepeat = !!node && node.nodeType === 1 && template.lastChild === node && !node.attributes["ms-controller"] && !node.attributes["ms-important"]
+                    list[subscribers] && list[subscribers].push(data)
+                    if (!Array.isArray(list) && type !== "each") {
+                        var pool = withProxyPool[list.$id]
+                        if (!pool) {
+                            withProxyCount++
+                            pool = withProxyPool[list.$id] = {}
+                            for (var key in list) {
+                                if (list.hasOwnProperty(key) && key !== "hasOwnProperty") {
+                                    (function(k, v) {
+                                        pool[k] = createWithProxy(k, v, {})
+                                        pool[k].$watch("$val", function(val) {
+                                            list[k] = val //#303
+                                        })
+                                    })(key, list[key])
+                                }
+                            }
+                        }
+                        data.handler("append", list, pool)
+                    } else {
+                        data.handler("add", 0, list)
+                    }
+                },
+                "html": function(data, vmodels) {
+                    parseExprProxy(data.value, vmodels, data)
+                },
+                "if": function(data, vmodels) {
+                    var elem = data.element
+                    elem.removeAttribute(data.name)
+                    if (!data.placehoder) {
+                        data.msInDocument = data.placehoder = DOC.createComment("ms-if")
+                    }
+                    data.vmodels = vmodels
+                    parseExprProxy(data.value, vmodels, data)
+                },
+                "on": function(data, vmodels) {
+                    var value = data.value
+                    if (value.indexOf("(") > 0 && value.indexOf(")") > -1) {
+                        var matched = (value.match(rdash) || ["", ""])[1].trim()
+                        if (matched === "" || matched === "$event") { // aaa() aaa($event)当成aaa处理
+                            value = value.replace(rdash, "")
+                        }
+                    }
+                    parseExprProxy(value, vmodels, data)
+                },
+                "visible": function(data, vmodels) {
+                    var elem = avalon(data.element)
+                    var display = elem.css("display")
+                    if (display === "none") {
+                        var style = elem[0].style
+                        var has = /visibility/i.test(style.cssText)
+                        var visible = elem.css("visibility")
+                        style.display = ""
+                        style.visibility = "hidden"
+                        display = elem.css("display")
+                        if (display === "none") {
+                            display = parseDisplay(elem[0].nodeName)
+                        }
+                        style.visibility = has ? visible : ""
+                    }
+                    data.display = display
+                    parseExprProxy(data.value, vmodels, data)
+                },
+                "widget": function(data, vmodels) {
+                    var args = data.value.match(rword)
+                    var elem = data.element
+                    var widget = args[0]
+                    if (args[1] === "$" || !args[1]) {
+                        args[1] = widget + setTimeout("1")
+                    }
+                    data.value = args.join(",")
+                    var constructor = avalon.ui[widget]
+                    if (typeof constructor === "function") { //ms-widget="tabs,tabsAAA,optname"
+                        vmodels = elem.vmodels || vmodels
+                        var optName = args[2] || widget //尝试获得配置项的名字，没有则取widget的名字
+                        for (var i = 0, v; v = vmodels[i++]; ) {
+                            if (v.hasOwnProperty(optName) && typeof v[optName] === "object") {
+                                var nearestVM = v
+                                break
+                            }
+                        }
+                        if (nearestVM) {
+                            var vmOptions = nearestVM[optName]
+                            vmOptions = vmOptions.$model || vmOptions
+                            var id = vmOptions[widget + "Id"]
+                            if (typeof id === "string") {
+                                args[1] = id
+                            }
+                        }
+                        var widgetData = avalon.getWidgetData(elem, args[0]) //抽取data-tooltip-text、data-tooltip-attr属性，组成一个配置对象
+                        data[widget + "Id"] = args[1]
+                        data[widget + "Options"] = avalon.mix({}, constructor.defaults, vmOptions || {}, widgetData)
+                        elem.removeAttribute("ms-widget")
+                        var vmodel = constructor(elem, data, vmodels) || {} //防止组件不返回VM
+                        data.evaluator = noop
+                        elem.msData["ms-widget-id"] = vmodel.$id || ""
+                        if (vmodel.hasOwnProperty("$init")) {
+                            vmodel.$init()
+                        }
+                        if (vmodel.hasOwnProperty("$remove")) {
+                            function offTree() {
+                                if (!elem.msRetain && !root.contains(elem)) {
+                                    vmodel.$remove()
+                                    elem.msData = {}
+                                    delete VMODELS[vmodel.$id]
+                                    return false
+                                }
+                            }
+                            if (window.chrome) {
+                                elem.addEventListener("DOMNodeRemovedFromDocument", offTree)
+                            } else {
+                                avalon.tick(offTree)
+                            }
+                        }
+                    } else if (vmodels.length) { //如果该组件还没有加载，那么保存当前的vmodels
+                        elem.vmodels = vmodels
+                    }
+                }
+
+            }
+
+            //============================   class preperty binding  =======================
+            "hover,active".replace(rword, function(method) {
+                bindingHandlers[method] = bindingHandlers["class"]
+            })
+            "with,each".replace(rword, function(name) {
+                bindingHandlers[name] = bindingHandlers.repeat
+            })
+
+            bindingHandlers.data = bindingHandlers.text = bindingHandlers.html
+            //============================= string preperty binding =======================
+            //与href绑定器 用法差不多的其他字符串属性的绑定器
+            //建议不要直接在src属性上修改，这样会发出无效的请求，请使用ms-src
+            "title,alt,src,value,css,include,href".replace(rword, function(name) {
+                bindingHandlers[name] = bindingHandlers.attr
+            })
+            //============================= model binding =======================
+            //将模型中的字段与input, textarea的value值关联在一起
+            var duplexBinding = bindingHandlers.duplex
+            //如果一个input标签添加了model绑定。那么它对应的字段将与元素的value连结在一起
+            //字段变，value就变；value变，字段也跟着变。默认是绑定input事件，
+            duplexBinding.INPUT = function(element, evaluator, data) {
+                var fixType = data.param,
+                        bound = data.bound,
+                        type = element.type,
+                        $elem = avalon(element),
+                        firstTigger = false,
+                        composing = false,
+                        callback = function(value) {
+                            firstTigger = true
+                            data.changed.call(this, value)
+                        },
+                        compositionStart = function() {
+                            composing = true
+                        },
+                        compositionEnd = function() {
+                            composing = false
+                        },
+                        //当value变化时改变model的值
+                        updateVModel = function() {
+                            if (composing)
+                                return
+                            var val = element.oldValue = element.value
+                            if ($elem.data("duplex-observe") !== false) {
+                                evaluator(val)
+                                callback.call(element, val)
+                            }
+                        }
+
+                //当model变化时,它就会改变value的值
+                data.handler = function() {
+                    var curValue = evaluator()
+                    if (curValue !== element.value) {
+                        element.value = curValue
+                    }
+                }
+                if (type === "checkbox" && fixType === "radio") {
+                    type = "radio"
+                }
+                if (type === "radio") {
+                    data.handler = function() {
+                        element.oldChecked = element.checked = /bool|text/.test(fixType) ? evaluator() + "" === element.value : !!evaluator()
+                    }
+                    updateVModel = function() {
+                        if ($elem.data("duplex-observe") !== false) {
+                            var val = element.value
+                            if (fixType === "text") {
+                                evaluator(val)
+                            } else if (fixType === "bool") {
+                                val = val === "true"
+                                evaluator(val)
+                            } else {
+                                val = !element.oldChecked
+                                evaluator(val)
+                                element.checked = val
+                            }
+                            callback.call(element, val)
+                        }
+                    }
+                    bound(fixType ? "change" : "mousedown", updateVModel)
+                } else if (type === "checkbox") {
+                    updateVModel = function() {
+                        if ($elem.data("duplex-observe") !== false) {
+                            var method = element.checked ? "ensure" : "remove"
+                            var array = evaluator()
+                            if (Array.isArray(array)) {
+                                avalon.Array[method](array, element.value)
+                            } else {
+                                avalon.error("ms-duplex位于checkbox时要求对应一个数组")
+                            }
+                            callback.call(element, array)
+                        }
+                    }
+                    data.handler = function() {
+                        var array = [].concat(evaluator()) //强制转换为数组
+                        element.checked = array.indexOf(element.value) >= 0
+                    }
+                    bound("change", updateVModel)
+                } else {
+                    var event = element.attributes["data-duplex-event"] || element.attributes["data-event"] || {}
+                    event = event.value
+                    if (event === "change") {
+                        bound("change", updateVModel)
+                    } else {
+                        bound("input", updateVModel)
+                        bound("compositionstart", compositionStart)
+                        bound("compositionend", compositionEnd)
+                    }
+                }
+                element.oldValue = element.value
+                launch(function() {
+                    if (avalon.contains(root, element)) {
+                        onTree.call(element)
+                    } else if (!element.msRetain) {
+                        return false
+                    }
+                })
+                registerSubscriber(data)
+                var timer = setTimeout(function() {
+                    if (!firstTigger) {
+                        callback.call(element, element.value)
+                    }
+                    clearTimeout(timer)
+                }, 31)
+            }
+            var TimerID, ribbon = [],
+                    launch = noop
+
+            function W3CFire(el, name, detail) {
+                var event = DOC.createEvent("Events")
+                event.initEvent(name, true, true)
+                if (detail) {
+                    event.detail = detail
+                }
+                el.dispatchEvent(event)
+            }
+            function onTree() { //disabled状态下改动不触发inout事件
+                if (!this.disabled && this.oldValue !== this.value) {
+                    W3CFire(this, "input")
+                }
+            }
+
+            function ticker() {
+                for (var n = ribbon.length - 1; n >= 0; n--) {
+                    var el = ribbon[n]
+                    if (el() === false) {
+                        ribbon.splice(n, 1)
+                    }
+                }
+                if (!ribbon.length) {
+                    clearInterval(TimerID)
+                }
+            }
+
+            avalon.tick = function(fn) {
+                if (ribbon.push(fn) === 1) {
+                    TimerID = setInterval(ticker, 30)
+                }
+            }
+
+            function newSetter(newValue) {
+                oldSetter.call(this, newValue)
+                if (newValue !== this.oldValue) {
+                    W3CFire(this, "input")
+                }
+            }
+            try {
+                var inputProto = HTMLInputElement.prototype
+                var oldSetter = Object.getOwnPropertyDescriptor(inputProto, "value").set //屏蔽chrome, safari,opera
+                Object.defineProperty(inputProto, "value", {
+                    set: newSetter,
+                    configurable: true
+                })
+            } catch (e) {
+                launch = avalon.tick
+            }
+
+            duplexBinding.SELECT = function(element, evaluator, data) {
+                var $elem = avalon(element)
+                function updateVModel() {
+                    if ($elem.data("duplex-observe") !== false) {
+                        var val = $elem.val() //字符串或字符串数组
+                        if (val + "" !== element.oldValue) {
+                            evaluator(val)
+                            element.oldValue = val + ""
+                        }
+                        data.changed.call(element, val)
+                    }
+                }
+                data.handler = function() {
+                    var curValue = evaluator()
+                    curValue = curValue && curValue.$model || curValue
+                    curValue = Array.isArray(curValue) ? curValue.map(String) : curValue + ""
+                    if (curValue + "" !== element.oldValue) {
+                        $elem.val(curValue)
+                        element.oldValue = curValue + ""
+                    }
+                }
+                data.bound("change", updateVModel)
+                var innerHTML = NaN
+                var id = setInterval(function() {
+                    var currHTML = element.innerHTML
+                    if (currHTML === innerHTML) {
+                        clearInterval(id)
+                        //先等到select里的option元素被扫描后，才根据model设置selected属性  
+                        registerSubscriber(data)
+                    } else {
+                        innerHTML = currHTML
+                    }
+                }, 20)
+            }
+            duplexBinding.TEXTAREA = duplexBinding.INPUT
+            //========================= event binding ====================
+            var eventHooks = avalon.eventHooks
+            //针对firefox, chrome的mouseenter, mouseleave(chrome30+)的补丁已去掉
+            //针对IE9+, w3c的animationend补丁已经去掉
+            if (document.onmousewheel === void 0) {
+                /* IE6-11 chrome mousewheel wheelDetla 下 -120 上 120
+                 firefox DOMMouseScroll detail 下3 上-3
+                 firefox wheel detlaY 下3 上-3
+                 IE9-11 wheel deltaY 下40 上-40
+                 chrome wheel deltaY 下100 上-100 */
+                eventHooks.mousewheel = {
+                    type: "DOMMouseScroll",
+                    deel: function(elem, fn) {
+                        return function(e) {
+                            e.wheelDelta = e.detail > 0 ? -120 : 120
+                            Object.defineProperty(e, "type", {
+                                value: "mousewheel"
+                            })
+                            fn.call(elem, e)
+                        }
+                    }
+                }
+            }
+            /*********************************************************************
+             *          监控数组（与ms-each, ms-repeat配合使用）                     *
+             **********************************************************************/
+
+            function Collection(model) {
+                var array = []
+                array.$id = generateID()
+                array[subscribers] = []
+                array.$accessors = {}
+                array.$model = model
+                array.$events = {}
+                array._ = modelFactory({
+                    length: model.length
+                })
+                array._.$watch("length", function(a, b) {
+                    array.$fire("length", a, b)
+                })
+                for (var i in EventManager) {
+                    array[i] = EventManager[i]
+                }
+                avalon.mix(array, CollectionPrototype)
+                return array
+            }
+
+
+            var _splice = ap.splice
+            var CollectionPrototype = {
+                _splice: _splice,
+                _add: function(arr, pos) {
+                    var oldLength = this.length
+                    pos = typeof pos === "number" ? pos : oldLength
+                    var added = []
+                    for (var i = 0, n = arr.length; i < n; i++) {
+                        added[i] = convert(arr[i])
+                    }
+                    _splice.apply(this, [pos, 0].concat(added))
+
+                    notifySubscribers(this, "add", pos, added)
+                    if (!this._stopFireLength) {
+                        return this._.length = this.length
+                    }
+                },
+                _del: function(pos, n) {
+                    var ret = this._splice(pos, n)
+                    if (ret.length) {
+                        notifySubscribers(this, "del", pos, n)
+                        if (!this._stopFireLength) {
+                            this._.length = this.length
+                        }
+                    }
+                    return ret
+                },
+                push: function() {
+                    ap.push.apply(this.$model, arguments)
+                    var n = this._add(arguments)
+                    notifySubscribers(this, "index", n > 2 ? n - 2 : 0)
+                    return n
+                },
+                pushArray: function(array) {
+                    return this.push.apply(this, array)
+                },
+                unshift: function() {
+                    ap.unshift.apply(this.$model, arguments)
+                    var ret = this._add(arguments, 0) //返回长度
+                    notifySubscribers(this, "index", arguments.length)
+                    return ret
+                },
+                shift: function() {
+                    var el = this.$model.shift()
+                    this._del(0, 1)
+                    notifySubscribers(this, "index", 0)
+                    return el //返回被移除的元素
+                },
+                pop: function() {
+                    var el = this.$model.pop()
+                    this._del(this.length - 1, 1)
+                    return el //返回被移除的元素
+                },
+                splice: function(a, b) {
+                    // 必须存在第一个参数，需要大于-1, 为添加或删除元素的基点
+                    var len = this.length
+                    a = Math.floor(a) || 0
+                    a = a < 0 ? Math.max(len + a, 0) : Math.min(a, len)
+                    var removed = _splice.apply(this.$model, arguments),
+                            ret = [], change
+                    this._stopFireLength = true //确保在这个方法中 , $watch("length",fn)只触发一次
+                    if (removed.length) {
+                        ret = this._del(a, removed.length)
+                        change = true
+                    }
+                    if (arguments.length > 2) {
+                        this._add(aslice.call(arguments, 2), a)
+                        change = true
+                    }
+                    this._stopFireLength = false
+                    this._.length = this.length
+                    if (change) {
+                        notifySubscribers(this, "index", 0)
+                    }
+                    return ret //返回被移除的元素
+                },
+                contains: function(el) { //判定是否包含
+                    return this.indexOf(el) !== -1
+                },
+                size: function() { //取得数组长度，这个函数可以同步视图，length不能
+                    return this._.length
+                },
+                remove: function(el) { //移除第一个等于给定值的元素
+                    return this.removeAt(this.indexOf(el))
+                },
+                removeAt: function(index) { //移除指定索引上的元素
+                    return index >= 0 ? this.splice(index, 1) : []
+                },
+                clear: function() {
+                    this.$model.length = this.length = this._.length = 0 //清空数组
+                    notifySubscribers(this, "clear", 0)
+                    return this
+                },
+                removeAll: function(all) { //移除N个元素
+                    if (Array.isArray(all)) {
+                        all.forEach(function(el) {
+                            this.remove(el)
+                        }, this)
+                    } else if (typeof all === "function") {
+                        for (var i = this.length - 1; i >= 0; i--) {
+                            var el = this[i]
+                            if (all(el, i)) {
+                                this.splice(i, 1)
+                            }
+                        }
+                    } else {
+                        this.clear()
+                    }
+                },
+                ensure: function(el) {
+                    if (!this.contains(el)) { //只有不存在才push
+                        this.push(el)
+                    }
+                    return this
+                },
+                set: function(index, val) {
+                    if (index >= 0) {
+                        var valueType = avalon.type(val)
+                        if (val && val.$model) {
+                            val = val.$model
+                        }
+                        var target = this[index]
+                        if (valueType === "object") {
+                            for (var i in val) {
+                                if (target.hasOwnProperty(i)) {
+                                    target[i] = val[i]
+                                }
+                            }
+                        } else if (valueType === "array") {
+                            target.clear().push.apply(target, val)
+                        } else if (target !== val) {
+                            this[index] = val
+                            this.$model[index] = val
+                            notifySubscribers(this, "set", index, val)
+                        }
+                    }
+                    return this
+                }
+            }
+            "sort,reverse".replace(rword, function(method) {
+                CollectionPrototype[method] = function() {
+                    var aaa = this.$model,
+                            bbb = aaa.slice(0),
+                            sorted = false
+                    ap[method].apply(aaa, arguments) //先移动model
+                    for (var i = 0, n = bbb.length; i < n; i++) {
+                        var a = aaa[i],
+                                b = bbb[i]
+                        if (!isEqual(a, b)) {
+                            sorted = true
+                            var index = bbb.indexOf(a, i)
+                            var remove = this._splice(index, 1)[0]
+                            var remove2 = bbb.splice(index, 1)[0]
+                            this._splice(i, 0, remove)
+                            bbb.splice(i, 0, remove2)
+                            notifySubscribers(this, "move", index, i)
+                        }
+                    }
+                    bbb = void 0
+                    if (sorted) {
+                        notifySubscribers(this, "index", 0)
+                    }
+                    return this
+                }
+            })
+
+            function convert(val) {
+                var type = avalon.type(val)
+                if (rcomplextype.test(type)) {
+                    val = val.$id ? val : modelFactory(val, val)
+                }
+                return val
+            }
+
+            //============ each/repeat/with binding 用到的辅助函数与对象 ======================
+            /*得到某一元素节点或文档碎片对象下的所有注释节点*/
+            //得到某一元素节点或文档碎片对象下的所有注释节点
+            var getComments = function(parent, array) {
+                var nodes = parent.childNodes
+                for (var i = 0, el; el = nodes[i++]; ) {
+                    if (el.nodeType === 8) {
+                        array.push(el)
+                    } else if (el.nodeType === 1) {
+                        getComments(el, array)
+                    }
+                }
+            }
+            var queryComments = function(parent) {
+                var ret = []
+                getComments(parent, ret)
+                return ret
+            }
+            var deleteRange = DOC.createRange()
+
+            /*将通过ms-if移出DOM树放进ifSanctuary的元素节点移出来，以便垃圾回收*/
+
+            function expelFromSanctuary(parent) {
+                var comments = queryComments(parent)
+                for (var i = 0, comment; comment = comments[i++]; ) {
+                    if (comment.nodeValue === "ms-if") {
+                        cinerator.appendChild(comment.elem)
+                    }
+                }
+                while (comment = parent.firstChild) {
+                    cinerator.appendChild(comment)
+                }
+                cinerator.innerHTML = ""
+            }
+
+            function iteratorCallback(args, parent) {
+                var callback = getBindingCallback(this.callbackElement, this.callbackName, this.vmodels)
+                if (callback) {
+                    checkScan(parent, function() {
+                        callback.apply(parent, args)
+                    })
+                }
+            }
+
+            //为ms-each, ms-with, ms-repeat要循环的元素外包一个msloop临时节点，ms-controller的值为代理VM的$id
+            function shimController(data, transation, spans, proxy) {
+                var tview = data.template.cloneNode(true)
+                var id = proxy.$id
+                var span = tview.firstChild
+                if (!data.fastRepeat) {
+                    span = DOC.createElement("msloop")
+                    span.style.display = "none"
+                    span.appendChild(tview)
+                }
+                span.setAttribute("ms-controller", id)
+                spans.push(span)
+                transation.appendChild(span)
+                proxy.$outer = data.$outer
+                VMODELS[id] = proxy
+
+                function fn() {
+                    delete VMODELS[id]
+                    data.group = 1
+                    if (!data.fastRepeat) {
+                        data.group = span.childNodes.length
+                        span.remove()//☆
+                        while (span.firstChild) {
+                            transation.appendChild(span.firstChild)
+                        }
+                        if (fn.node !== void 0) {
+                            fn.parent.insertBefore(transation, fn.node)
+                        }
+                    }
+                }
+                return span.patchRepeat = fn
+            }
+            // 取得用于定位的节点。在绑定了ms-each, ms-with属性的元素里，它的整个innerHTML都会视为一个子模板先行移出DOM树，
+            // 然后如果它的元素有多少个（ms-each）或键值对有多少双（ms-with），就将它复制多少份(多少为N)，再经过扫描后，重新插入该元素中。
+            // 这时该元素的孩子将分为N等分，每等份的第一个节点就是这个用于定位的节点，
+            // 方便我们根据它算出整个等分的节点们，然后整体移除或移动它们。
+
+            function getLocatedNode(parent, data, pos) {
+                if (data.startRepeat) {
+                    var ret = data.startRepeat,
+                            end = data.endRepeat
+                    pos += 1
+                    for (var i = 0; i < pos; i++) {
+                        ret = ret.nextSibling
+                        if (ret === end)
+                            return end
+                    }
+                    return ret
+                } else {
+                    return parent.childNodes[data.group * pos] || null
+                }
+            }
+
+            function removeView(node, group, n) {
+                var length = group * (n || 1)
+                var view = hyperspace //.cloneNode(false)//???
+                while (--length >= 0) {
+                    var nextSibling = node.nextSibling
+                    view.appendChild(node)
+                    node = nextSibling
+                    if (!node) {
+                        break
+                    }
+                }
+                return view
+            }
+            // 为ms-each, ms-repeat创建一个代理对象，通过它们能使用一些额外的属性与功能（$index,$first,$last,$remove,$key,$val,$outer）
+            var watchEachOne = oneObject("$index,$first,$last")
+
+            function createWithProxy(key, val, $outer) {
+                var proxy = modelFactory({
+                    $key: key,
+                    $outer: $outer,
+                    $val: val
+                }, 0, {
+                    $val: 1,
+                    $key: 1
+                })
+                proxy.$id = ("$proxy$with" + Math.random()).replace(/0\./, "")
+                return proxy
+            }
+            var eachProxyPool = []
+            function getEachProxy(index, item, data, last) {
+                var param = data.param || "el", proxy
+                var source = {
+                    $remove: function() {
+                        return data.getter().removeAt(proxy.$index)
+                    },
+                    $itemName: param,
+                    $index: index,
+                    $outer: data.$outer,
+                    $first: index === 0,
+                    $last: index === last
+                }
+                source[param] = item
+                for (var i = 0, n = eachProxyPool.length; i < n; i++) {
+                    var proxy = eachProxyPool[i]
+                    if (proxy.hasOwnProperty(param)) {
+                        for (var k in source) {
+                            proxy[k] = source[k]
+                        }
+                        eachProxyPool.splice(i, 1)
+                        return proxy
+                    }
+                }
+                var type = avalon.type(item)
+                if (type === "object" || type === "function") {
+                    source.$skipArray = [param]
+                }
+                proxy = modelFactory(source, 0, watchEachOne)
+                proxy.$id = ("$proxy$" + data.type + Math.random()).replace(/0\./, "")
+                return proxy
+            }
+            function recycleEachProxies(array) {
+                for (var i = 0, el; el = array[i++]; ) {
+                    recycleEachProxy(el)
+                }
+                array.length = 0
+            }
+            function breakCircularReference(prop, arr) {
+                if (prop && Array.isArray(arr = prop[subscribers])) {
+                    arr.forEach(function(el) {
+                        if (el.evaluator) {
+                            el.evaluator = el.element = el.node = null
+                        }
+                    })
+                    arr.length = 0
+                }
+            }
+            function recycleEachProxy(proxy) {
+                var obj = proxy.$accessors, name = proxy.$itemName;
+                breakCircularReference(obj.$index)
+                breakCircularReference(obj.$last)
+                breakCircularReference(obj.$first)
+                breakCircularReference(obj[name])
+                breakCircularReference(proxy[name])
+                proxy.$events = {}
+                if (eachProxyPool.unshift(proxy) > kernel.maxRepeatSize) {
+                    eachProxyPool.pop()
+                }
+            }
+            /*********************************************************************
+             *                  文本绑定里默认可用的过滤器                        *
+             **********************************************************************/
+            var rscripts = /<script[^>]*>([\S\s]*?)<\/script\s*>/gim
+            var raimg = /^<(a|img)\s/i
+            var ron = /\s+(on[^=\s]+)(?:=("[^"]*"|'[^']*'|[^\s>]+))?/g
+            var ropen = /<\w+\b(?:(["'])[^"]*?(\1)|[^>])*>/ig
+            var rjavascripturl = /\s+(src|href)(?:=("javascript[^"]*"|'javascript[^']*'))?/ig
+            var rsurrogate = /[\uD800-\uDBFF][\uDC00-\uDFFF]/g
+            var rnoalphanumeric = /([^\#-~| |!])/g;
+            var filters = avalon.filters = {
+                uppercase: function(str) {
+                    return str.toUpperCase()
+                },
+                lowercase: function(str) {
+                    return str.toLowerCase()
+                },
+                truncate: function(target, length, truncation) {
+                    //length，新字符串长度，truncation，新字符串的结尾的字段,返回新字符串
+                    length = length || 30
+                    truncation = truncation === void(0) ? "..." : truncation
+                    return target.length > length ? target.slice(0, length - truncation.length) + truncation : String(target)
+                },
+                sanitize: window.toStaticHTML ? toStaticHTML.bind(window) : function(str) {
+                    return str.replace(rscripts, "").replace(ropen, function(a, b) {
+                        if (raimg.test(a)) {
+                            a = a.replace(rjavascripturl, " $1=''")//移除javascript伪协议//移除javascript伪协议
+                        }
+                        return a.replace(ron, " ").replace(/\s+/g, " ")//移除onXXX事件
+                    })
+                },
+                camelize: camelize,
+                escape: function(html) {
+                    //将字符串经过 html 转义得到适合在页面中显示的内容, 例如替换 < 为 &lt 
+                    return String(html).
+                            replace(/&/g, '&amp;').
+                            replace(rsurrogate, function(value) {
+                                var hi = value.charCodeAt(0)
+                                var low = value.charCodeAt(1)
+                                return '&#' + (((hi - 0xD800) * 0x400) + (low - 0xDC00) + 0x10000) + ';'
+                            }).
+                            replace(rnoalphanumeric, function(value) {
+                                return '&#' + value.charCodeAt(0) + ';'
+                            }).
+                            replace(/</g, '&lt;').
+                            replace(/>/g, '&gt;')
+                },
+                currency: function(number, symbol) {
+                    symbol = symbol || "\uFFE5"
+                    return symbol + avalon.filters.number(number)
+                },
+                number: function(number, decimals, dec_point, thousands_sep) {
+                    //与PHP的number_format完全兼容
+                    //number    必需，要格式化的数字
+                    //decimals  可选，规定多少个小数位。
+                    //dec_point 可选，规定用作小数点的字符串（默认为 . ）。
+                    //thousands_sep 可选，规定用作千位分隔符的字符串（默认为 , ），如果设置了该参数，那么所有其他参数都是必需的。
+                    // http://kevin.vanzonneveld.net
+                    number = (number + "").replace(/[^0-9+\-Ee.]/g, "")
+                    var n = !isFinite(+number) ? 0 : +number,
+                            prec = !isFinite(+decimals) ? 0 : Math.abs(decimals),
+                            sep = thousands_sep || ",",
+                            dec = dec_point || ".",
+                            s = "",
+                            toFixedFix = function(n, prec) {
+                                var k = Math.pow(10, prec)
+                                return "" + Math.round(n * k) / k
+                            }
+                    // Fix for IE parseFloat(0.55).toFixed(0) = 0 
+                    s = (prec ? toFixedFix(n, prec) : "" + Math.round(n)).split('.')
+                    if (s[0].length > 3) {
+                        s[0] = s[0].replace(/\B(?=(?:\d{3})+(?!\d))/g, sep)
+                    }
+                    if ((s[1] || "").length < prec) {
+                        s[1] = s[1] || ""
+                        s[1] += new Array(prec - s[1].length + 1).join("0")
+                    }
+                    return s.join(dec)
+                }
+            }
+            /*
+             'yyyy': 4 digit representation of year (e.g. AD 1 => 0001, AD 2010 => 2010)
+             'yy': 2 digit representation of year, padded (00-99). (e.g. AD 2001 => 01, AD 2010 => 10)
+             'y': 1 digit representation of year, e.g. (AD 1 => 1, AD 199 => 199)
+             'MMMM': Month in year (January-December)
+             'MMM': Month in year (Jan-Dec)
+             'MM': Month in year, padded (01-12)
+             'M': Month in year (1-12)
+             'dd': Day in month, padded (01-31)
+             'd': Day in month (1-31)
+             'EEEE': Day in Week,(Sunday-Saturday)
+             'EEE': Day in Week, (Sun-Sat)
+             'HH': Hour in day, padded (00-23)
+             'H': Hour in day (0-23)
+             'hh': Hour in am/pm, padded (01-12)
+             'h': Hour in am/pm, (1-12)
+             'mm': Minute in hour, padded (00-59)
+             'm': Minute in hour (0-59)
+             'ss': Second in minute, padded (00-59)
+             's': Second in minute (0-59)
+             'a': am/pm marker
+             'Z': 4 digit (+sign) representation of the timezone offset (-1200-+1200)
+             format string can also be one of the following predefined localizable formats:
+             
+             'medium': equivalent to 'MMM d, y h:mm:ss a' for en_US locale (e.g. Sep 3, 2010 12:05:08 pm)
+             'short': equivalent to 'M/d/yy h:mm a' for en_US locale (e.g. 9/3/10 12:05 pm)
+             'fullDate': equivalent to 'EEEE, MMMM d,y' for en_US locale (e.g. Friday, September 3, 2010)
+             'longDate': equivalent to 'MMMM d, y' for en_US locale (e.g. September 3, 2010
+             'mediumDate': equivalent to 'MMM d, y' for en_US locale (e.g. Sep 3, 2010)
+             'shortDate': equivalent to 'M/d/yy' for en_US locale (e.g. 9/3/10)
+             'mediumTime': equivalent to 'h:mm:ss a' for en_US locale (e.g. 12:05:08 pm)
+             'shortTime': equivalent to 'h:mm a' for en_US locale (e.g. 12:05 pm)
+             */
+            new function() {
+                function toInt(str) {
+                    return parseInt(str, 10)
+                }
+
+                function padNumber(num, digits, trim) {
+                    var neg = ""
+                    if (num < 0) {
+                        neg = "-"
+                        num = -num
+                    }
+                    num = "" + num
+                    while (num.length < digits)
+                        num = "0" + num
+                    if (trim)
+                        num = num.substr(num.length - digits)
+                    return neg + num
+                }
+
+                function dateGetter(name, size, offset, trim) {
+                    return function(date) {
+                        var value = date["get" + name]()
+                        if (offset > 0 || value > -offset)
+                            value += offset
+                        if (value === 0 && offset === -12) {
+                            value = 12
+                        }
+                        return padNumber(value, size, trim)
+                    }
+                }
+
+                function dateStrGetter(name, shortForm) {
+                    return function(date, formats) {
+                        var value = date["get" + name]()
+                        var get = (shortForm ? ("SHORT" + name) : name).toUpperCase()
+                        return formats[get][value]
+                    }
+                }
+
+                function timeZoneGetter(date) {
+                    var zone = -1 * date.getTimezoneOffset()
+                    var paddedZone = (zone >= 0) ? "+" : ""
+                    paddedZone += padNumber(Math[zone > 0 ? "floor" : "ceil"](zone / 60), 2) + padNumber(Math.abs(zone % 60), 2)
+                    return paddedZone
+                }
+                //取得上午下午
+
+                function ampmGetter(date, formats) {
+                    return date.getHours() < 12 ? formats.AMPMS[0] : formats.AMPMS[1]
+                }
+                var DATE_FORMATS = {
+                    yyyy: dateGetter("FullYear", 4),
+                    yy: dateGetter("FullYear", 2, 0, true),
+                    y: dateGetter("FullYear", 1),
+                    MMMM: dateStrGetter("Month"),
+                    MMM: dateStrGetter("Month", true),
+                    MM: dateGetter("Month", 2, 1),
+                    M: dateGetter("Month", 1, 1),
+                    dd: dateGetter("Date", 2),
+                    d: dateGetter("Date", 1),
+                    HH: dateGetter("Hours", 2),
+                    H: dateGetter("Hours", 1),
+                    hh: dateGetter("Hours", 2, -12),
+                    h: dateGetter("Hours", 1, -12),
+                    mm: dateGetter("Minutes", 2),
+                    m: dateGetter("Minutes", 1),
+                    ss: dateGetter("Seconds", 2),
+                    s: dateGetter("Seconds", 1),
+                    sss: dateGetter("Milliseconds", 3),
+                    EEEE: dateStrGetter("Day"),
+                    EEE: dateStrGetter("Day", true),
+                    a: ampmGetter,
+                    Z: timeZoneGetter
+                }
+                var DATE_FORMATS_SPLIT = /((?:[^yMdHhmsaZE']+)|(?:'(?:[^']|'')*')|(?:E+|y+|M+|d+|H+|h+|m+|s+|a|Z))(.*)/,
+                        NUMBER_STRING = /^\d+$/
+                var R_ISO8601_STR = /^(\d{4})-?(\d\d)-?(\d\d)(?:T(\d\d)(?::?(\d\d)(?::?(\d\d)(?:\.(\d+))?)?)?(Z|([+-])(\d\d):?(\d\d))?)?$/
+                // 1        2       3         4          5          6          7          8  9     10      11
+
+                function jsonStringToDate(string) {
+                    var match
+                    if (match = string.match(R_ISO8601_STR)) {
+                        var date = new Date(0),
+                                tzHour = 0,
+                                tzMin = 0,
+                                dateSetter = match[8] ? date.setUTCFullYear : date.setFullYear,
+                                timeSetter = match[8] ? date.setUTCHours : date.setHours
+                        if (match[9]) {
+                            tzHour = toInt(match[9] + match[10])
+                            tzMin = toInt(match[9] + match[11])
+                        }
+                        dateSetter.call(date, toInt(match[1]), toInt(match[2]) - 1, toInt(match[3]))
+                        var h = toInt(match[4] || 0) - tzHour
+                        var m = toInt(match[5] || 0) - tzMin
+                        var s = toInt(match[6] || 0)
+                        var ms = Math.round(parseFloat('0.' + (match[7] || 0)) * 1000)
+                        timeSetter.call(date, h, m, s, ms)
+                        return date
+                    }
+                    return string
+                }
+                var rfixFFDate = /^(\d+)-(\d+)-(\d{4})$/
+                var rfixIEDate = /^(\d+)\s+(\d+),(\d{4})$/
+                filters.date = function(date, format) {
+                    var locate = filters.date.locate,
+                            text = "",
+                            parts = [],
+                            fn, match
+                    format = format || "mediumDate"
+                    format = locate[format] || format
+                    if (typeof date === "string") {
+                        if (NUMBER_STRING.test(date)) {
+                            date = toInt(date)
+                        } else {
+                            var trimDate = date.trim()
+                            if (trimDate.match(rfixFFDate) || trimDate.match(rfixIEDate)) {
+                                date = RegExp.$3 + "/" + RegExp.$1 + "/" + RegExp.$2
+                            }
+                            date = jsonStringToDate(date)
+                        }
+                        date = new Date(date)
+                    }
+                    if (typeof date === "number") {
+                        date = new Date(date)
+                    }
+                    if (avalon.type(date) !== "date") {
+                        return
+                    }
+                    while (format) {
+                        match = DATE_FORMATS_SPLIT.exec(format)
+                        if (match) {
+                            parts = parts.concat(match.slice(1))
+                            format = parts.pop()
+                        } else {
+                            parts.push(format)
+                            format = null
+                        }
+                    }
+                    parts.forEach(function(value) {
+                        fn = DATE_FORMATS[value]
+                        text += fn ? fn(date, locate) : value.replace(/(^'|'$)/g, "").replace(/''/g, "'")
+                    })
+                    return text
+                }
+                var locate = {
+                    AMPMS: {
+                        0: "上午",
+                        1: "下午"
+                    },
+                    DAY: {
+                        0: "星期日",
+                        1: "星期一",
+                        2: "星期二",
+                        3: "星期三",
+                        4: "星期四",
+                        5: "星期五",
+                        6: "星期六"
+                    },
+                    MONTH: {
+                        0: "1月",
+                        1: "2月",
+                        2: "3月",
+                        3: "4月",
+                        4: "5月",
+                        5: "6月",
+                        6: "7月",
+                        7: "8月",
+                        8: "9月",
+                        9: "10月",
+                        10: "11月",
+                        11: "12月"
+                    },
+                    SHORTDAY: {
+                        "0": "周日",
+                        "1": "周一",
+                        "2": "周二",
+                        "3": "周三",
+                        "4": "周四",
+                        "5": "周五",
+                        "6": "周六"
+                    },
+                    fullDate: "y年M月d日EEEE",
+                    longDate: "y年M月d日",
+                    medium: "yyyy-M-d ah:mm:ss",
+                    mediumDate: "yyyy-M-d",
+                    mediumTime: "ah:mm:ss",
+                    "short": "yy-M-d ah:mm",
+                    shortDate: "yy-M-d",
+                    shortTime: "ah:mm"
+                }
+                locate.SHORTMONTH = locate.MONTH
+                filters.date.locate = locate
+            }
+            /*********************************************************************
+             *                      AMD Loader                                   *
+             **********************************************************************/
+
+            var innerRequire
+            var modules = avalon.modules = {
+                "ready!": {
+                    exports: avalon
+                },
+                "avalon": {
+                    exports: avalon,
+                    state: 2
+                }
+            }
+
+            new function() {
+                var loadings = [] //正在加载中的模块列表
+                var factorys = [] //储存需要绑定ID与factory对应关系的模块（标准浏览器下，先parse的script节点会先onload）
+                var basepath
+
+                function cleanUrl(url) {
+                    return (url || "").replace(/[?#].*/, "")
+                }
+                plugins.js = function(url, shim) {
+                    var id = cleanUrl(url)
+                    if (!modules[id]) { //如果之前没有加载过
+                        modules[id] = {
+                            id: id,
+                            exports: {}
+                        }
+                        if (shim) { //shim机制
+                            innerRequire(shim.deps || "", function() {
+                                loadJS(url, id, function() {
+                                    modules[id].state = 2
+                                    if (shim.exports)
+                                        modules[id].exports = typeof shim.exports === "function" ?
+                                                shim.exports() : window[shim.exports]
+                                    innerRequire.checkDeps()
+                                })
+                            })
+                        } else {
+                            loadJS(url, id)
+                        }
+                    }
+                    return id
+                }
+                plugins.css = function(url) {
+                    var id = url.replace(/(#.+|\W)/g, "") ////用于处理掉href中的hash与所有特殊符号
+                    if (!DOC.getElementById(id)) {
+                        var node = DOC.createElement("link")
+                        node.rel = "stylesheet"
+                        node.href = url
+                        node.id = id
+                        head.insertBefore(node, head.firstChild)
+                    }
+                }
+                plugins.css.ext = ".css"
+                plugins.js.ext = ".js"
+
+                plugins.text = function(url) {
+                    var xhr = new XMLHttpRequest
+                    var id = url.replace(/[?#].*/, "")
+                    modules[id] = {}
+                    xhr.onload = function() {
+                        modules[id].state = 2
+                        modules[id].exports = xhr.responseText
+                        innerRequire.checkDeps()
+                    }
+                    xhr.onerror = function() {
+                        avalon.error(url + " 对应资源不存在或没有开启 CORS")
+                    }
+                    xhr.open("GET", url, true)
+                    xhr.withCredentials = true
+                    xhr.setRequestHeader("X-Requested-With", "XMLHttpRequest")
+                    xhr.send()
+                    return id
+                }
+                //http://www.html5rocks.com/zh/tutorials/webcomponents/imports/
+                if ('import' in DOC.createElement("link")) {
+                    plugins.text = function(url) {
+                        var id = url.replace(/[?#].*/, "")
+                        modules[id] = {}
+                        var link = DOC.createElement("link")
+                        link.rel = "import"
+                        link.href = url
+                        link.onload = function() {
+                            modules[id].state = 2
+                            var content = this["import"]
+                            if (content) {
+                                modules[id].exports = content.documentElement.outerHTML
+                                avalon.require.checkDeps()
+                            }
+                            onerror(0, content)
+                        }
+
+                        function onerror(a, b) {
+                            b && avalon.error(url + "对应资源不存在或没有开启 CORS")
+                            setTimeout(function() {
+                                link.remove()//☆
+                            })
+                        }
+                        link.onerror = onerror
+                        head.appendChild(link)
+                        return id
+                    }
+                }
+
+                var cur = getCurrentScript(true)
+                if (!cur) { //处理window safari的Error没有stack的问题
+                    cur = avalon.slice(document.scripts).pop().src
+                }
+                var url = cleanUrl(cur)
+                basepath = kernel.base = url.slice(0, url.lastIndexOf("/") + 1)
+
+                function getCurrentScript(base) {
+                    // 参考 https://github.com/samyk/jiagra/blob/master/jiagra.js
+                    var stack
+                    try {
+                        a.b.c() //强制报错,以便捕获e.stack
+                    } catch (e) { //safari的错误对象只有line,sourceId,sourceURL
+                        stack = e.stack
+                    }
+                    if (stack) {
+                        /**e.stack最后一行在所有支持的浏览器大致如下:
+                         *chrome23:
+                         * at http://113.93.50.63/data.js:4:1
+                         *firefox17:
+                         *@http://113.93.50.63/query.js:4
+                         *opera12:http://www.oldapps.com/opera.php?system=Windows_XP
+                         *@http://113.93.50.63/data.js:4
+                         *IE10:
+                         *  at Global code (http://113.93.50.63/data.js:4:1)
+                         *  //firefox4+ 可以用document.currentScript
+                         */
+                        stack = stack.split(/[@ ]/g).pop() //取得最后一行,最后一个空格或@之后的部分
+                        stack = stack[0] === "(" ? stack.slice(1, -1) : stack.replace(/\s/, "") //去掉换行符
+                        return stack.replace(/(:\d+)?:\d+$/i, "") //去掉行号与或许存在的出错字符起始位置
+                    }
+                    var nodes = (base ? DOC : head).getElementsByTagName("script") //只在head标签中寻找
+                    for (var i = nodes.length, node; node = nodes[--i]; ) {
+                        if ((base || node.className === subscribers) && node.readyState === "interactive") {
+                            return node.className = node.src
+                        }
+                    }
+                }
+
+                function checkCycle(deps, nick) {
+                    //检测是否存在循环依赖
+                    for (var id in deps) {
+                        if (deps[id] === "司徒正美" && modules[id].state !== 2 && (id === nick || checkCycle(modules[id].deps, nick))) {
+                            return true
+                        }
+                    }
+                }
+
+                function checkDeps() {
+                    //检测此JS模块的依赖是否都已安装完毕,是则安装自身
+                    loop: for (var i = loadings.length, id; id = loadings[--i]; ) {
+                        var obj = modules[id],
+                                deps = obj.deps
+                        for (var key in deps) {
+                            if (ohasOwn.call(deps, key) && modules[key].state !== 2) {
+                                continue loop
+                            }
+                        }
+                        //如果deps是空对象或者其依赖的模块的状态都是2
+                        if (obj.state !== 2) {
+                            loadings.splice(i, 1) //必须先移除再安装，防止在IE下DOM树建完后手动刷新页面，会多次执行它
+                            fireFactory(obj.id, obj.args, obj.factory)
+                            checkDeps() //如果成功,则再执行一次,以防有些模块就差本模块没有安装好
+                        }
+                    }
+                }
+
+
+                function checkFail(node, onError) {
+                    var id = cleanUrl(node.src) //检测是否死链
+                    node.onload = node.onerror = null
+                    if (onError) {
+                        setTimeout(function() {
+                            node.remove()//☆
+                        })
+                        log("debug: 加载 " + id + " 失败" + onError + " " + (!modules[id].state))
+                    } else {
+                        return true
+                    }
+                }
+                var rdeuce = /\/\w+\/\.\./
+
+                function loadResources(url, parent, ret, shim) {
+                    //1. 特别处理mass|ready标识符
+                    if (url === "ready!" || (modules[url] && modules[url].state === 2)) {
+                        return url
+                    }
+                    //2.  处理text!  css! 等资源
+                    var plugin
+                    url = url.replace(/^\w+!/, function(a) {
+                        plugin = a.slice(0, -1)
+                        return ""
+                    })
+                    plugin = plugin || "js"
+                    plugin = plugins[plugin] || noop
+                    //3. 转化为完整路径
+                    if (typeof kernel.shim[url] === "object") {
+                        shim = kernel.shim[url]
+                    }
+                    if (kernel.paths[url]) { //别名机制
+                        url = kernel.paths[url]
+                    }
+                    //4. 补全路径
+                    if (/^(\w+)(\d)?:.*/.test(url)) {
+                        ret = url
+                    } else {
+                        parent = parent.substr(0, parent.lastIndexOf('/'))
+                        var tmp = url.charAt(0)
+                        if (tmp !== "." && tmp !== "/") { //相对于根路径
+                            ret = basepath + url
+                        } else if (url.slice(0, 2) === "./") { //相对于兄弟路径
+                            ret = parent + url.slice(1)
+                        } else if (url.slice(0, 2) === "..") { //相对于父路径
+                            ret = parent + "/" + url
+                            while (rdeuce.test(ret)) {
+                                ret = ret.replace(rdeuce, "")
+                            }
+                        } else if (tmp === "/") {
+                            ret = parent + url //相对于兄弟路径
+                        } else {
+                            avalon.error("不符合模块标识规则: " + url)
+                        }
+                    }
+                    //5. 补全扩展名
+                    url = cleanUrl(ret)
+                    var ext = plugin.ext
+                    if (ext) {
+                        if (url.slice(0 - ext.length) !== ext) {
+                            ret += ext
+                        }
+                    }
+                    //6. 缓存处理
+                    if (kernel.nocache) {
+                        ret += (ret.indexOf("?") === -1 ? "?" : "&") + Date.now()
+                    }
+                    return plugin(ret, shim)
+                }
+
+                function loadJS(url, id, callback) {
+                    //通过script节点加载目标模块
+                    var node = DOC.createElement("script")
+                    node.className = subscribers //让getCurrentScript只处理类名为subscribers的script节点
+                    node.onload = function() {
+                        var factory = factorys.pop()
+                        factory && factory.delay(id)
+                        if (callback) {
+                            callback()
+                        }
+                        log("debug: 已成功加载 " + url)
+                    }
+
+                    node.onerror = function() {
+                        checkFail(node, true)
+                    }
+                    node.src = url //插入到head的第一个节点前，防止IE6下head标签没闭合前使用appendChild抛错
+                    head.appendChild(node) //chrome下第二个参数不能为null
+                    log("debug: 正准备加载 " + url) //更重要的是IE6下可以收窄getCurrentScript的寻找范围
+                }
+
+                innerRequire = avalon.require = function(list, factory, parent) {
+                    // 用于检测它的依赖是否都为2
+                    var deps = {},
+                            // 用于保存依赖模块的返回值
+                            args = [],
+                            // 需要安装的模块数
+                            dn = 0,
+                            // 已安装完的模块数
+                            cn = 0,
+                            id = parent || "callback" + setTimeout("1")
+                    parent = parent || basepath
+                    String(list).replace(rword, function(el) {
+                        var url = loadResources(el, parent)
+                        if (url) {
+                            dn++
+
+                            if (modules[url] && modules[url].state === 2) {
+                                cn++
+                            }
+                            if (!deps[url]) {
+                                args.push(url)
+                                deps[url] = "司徒正美" //去重
+                            }
+                        }
+                    })
+                    modules[id] = {//创建一个对象,记录模块的加载情况与其他信息
+                        id: id,
+                        factory: factory,
+                        deps: deps,
+                        args: args,
+                        state: 1
+                    }
+                    if (dn === cn) { //如果需要安装的等于已安装好的
+                        fireFactory(id, args, factory) //安装到框架中
+                    } else {
+                        //放到检测列队中,等待checkDeps处理
+                        loadings.unshift(id)
+                    }
+                    checkDeps()
+                }
+
+                /**
+                 * 定义模块
+                 * @param {String} id ? 模块ID
+                 * @param {Array} deps ? 依赖列表
+                 * @param {Function} factory 模块工厂
+                 * @api public
+                 */
+                innerRequire.define = function(id, deps, factory) { //模块名,依赖列表,模块本身
+                    var args = avalon.slice(arguments)
+
+                    if (typeof id === "string") {
+                        var _id = args.shift()
+                    }
+                    if (typeof args[0] === "function") {
+                        args.unshift([])
+                    } //上线合并后能直接得到模块ID,否则寻找当前正在解析中的script节点的src作为模块ID
+                    //现在除了safari外，我们都能直接通过getCurrentScript一步到位得到当前执行的script节点，
+                    //safari可通过onload+delay闭包组合解决
+                    var name = modules[_id] && modules[_id].state >= 1 ? _id : cleanUrl(getCurrentScript())
+                    if (!modules[name] && _id) {
+                        modules[name] = {
+                            id: name,
+                            factory: factory,
+                            state: 1
+                        }
+                    }
+                    factory = args[1]
+                    factory.id = _id //用于调试
+                    factory.delay = function(d) {
+                        args.push(d)
+                        var isCycle = true
+                        try {
+                            isCycle = checkCycle(modules[d].deps, d)
+                        } catch (e) {
+                        }
+                        if (isCycle) {
+                            avalon.error(d + "模块与之前的模块存在循环依赖，请不要直接用script标签引入" + d + "模块")
+                        }
+                        delete factory.delay //释放内存
+                        innerRequire.apply(null, args) //0,1,2 --> 1,2,0
+                    }
+
+                    if (name) {
+                        factory.delay(name, args)
+                    } else { //先进先出
+                        factorys.push(factory)
+                    }
+                }
+                innerRequire.define.amd = modules
+
+                function fireFactory(id, deps, factory) {
+                    for (var i = 0, array = [], d; d = deps[i++]; ) {
+                        array.push(modules[d].exports)
+                    }
+                    var module = Object(modules[id]),
+                            ret = factory.apply(window, array)
+                    module.state = 2
+                    if (ret !== void 0) {
+                        modules[id].exports = ret
+                    }
+                    return ret
+                }
+                innerRequire.config = kernel
+                innerRequire.checkDeps = checkDeps
+            }
+
+            /*********************************************************************
+             *                    DOMReady                                         *
+             **********************************************************************/
+
+            function fireReady() {
+                modules["ready!"].state = 2
+                innerRequire.checkDeps()
+                fireReady = noop //隋性函数，防止IE9二次调用_checkDeps
+            }
+
+            if (DOC.readyState === "complete") {
+                setTimeout(fireReady) //如果在domReady之外加载
+            } else {
+                DOC.addEventListener("DOMContentLoaded", fireReady)
+                window.addEventListener("load", fireReady)
+            }
+            avalon.ready = function(fn) {
+                innerRequire("ready!", fn)
+            }
+            avalon.config({
+                loader: true
+            })
+            var msSelector = "[ms-controller],[ms-important]"
+            avalon.ready(function() {
+                var elems = DOC.querySelectorAll(msSelector),
+                        nodes = []
+                for (var i = 0, elem; elem = elems[i++]; ) {
+                    if (!elem.__root__) {
+                        var array = elem.querySelectorAll(msSelector)
+                        for (var j = 0, el; el = array[j++]; ) {
+                            el.__root__ = true
+                        }
+                        nodes.push(elem)
+                    }
+                }
+                for (var i = 0, elem; elem = nodes[i++]; ) {
+                    avalon.scan(elem)
+                }
+            })
+        })(document)
\ No newline at end of file
diff --git a/examples/avalon.$events.js b/examples/avalon.$events.js
index 4ce530cba..b20e2a572 100644
--- a/examples/avalon.$events.js
+++ b/examples/avalon.$events.js
@@ -2352,7 +2352,7 @@
 
     function parseExpr(code, scopes, data) {
         var dataType = data.type
-        var filters = dataType === "html" || dataType === "text" ? data.filters : ""
+        var filters =  data.filters ? data.filters.join("") : ""
         var exprId = scopes.map(function(el) {
             return el.$id.replace(rproxy, "$1")
         }) + code + dataType + filters
@@ -3821,7 +3821,7 @@
             $val: 1,
             $key: 1
         })
-        proxy.$id = "$proxy$with" + Math.random()
+        proxy.$id = ("$proxy$with" + Math.random()).replace(/0\./,"")
         return proxy
     }
     var eachProxyPool = []
@@ -3855,7 +3855,7 @@
         proxy.$watch(param, function(val) {
             data.$repeat.set(proxy.$index, val)
         })
-        proxy.$id = "$proxy$" + data.type + Math.random()
+        proxy.$id = ("$proxy$" + data.type + Math.random()).replace(/0\./,"")
         return proxy
     }
     function recycleEachProxies(array) {