magix-components
Version:
1 lines • 4.33 kB
JavaScript
define("mx-pagination/index",["magix","$","mx-dropdown/index"],function(e,a,t){e("mx-dropdown/index");var i=e("magix"),s=e("$"),p=[10,20,30,40,50,100];i.applyStyle("w",".eb{color:#999}.ec{font-size:0}.ed,.ee{font-size:14px}.ee{margin:0 3px;text-decoration:none;border-radius:4px;text-align:center;min-width:35px;height:28px;line-height:28px;display:block}.ef{font-size:12px;top:-1px}.eg .ee{color:#fff;background-color:#6363e6}.eh .ee,.eh .ee:hover{color:#999;background:transparent;cursor:not-allowed}.ei{-webkit-transform:scaleX(-1);transform:scaleX(-1)}"),t.exports=i.View.extend({tmpl:{html:'<div mx-guid="g0 " class="ag eb">1 </div>',subs:[{keys:["simplify","mini"],path:'div[mx-guid="g0 "]',tmpl:'<%if(!$$.simplify&&!$$.mini){%><span>当前第<b mx-guid="g1 ">2 </b>条，共<b mx-guid="g2 ">3 </b>条，每页展现</span><div mx-guid="g3 " style="width:70px" class="t h" mx-change=" __cQ()" mx-view="mx-dropdown/index?list=<%@$$.sizes%>&selected=<%@$$.size%>"></div><span>条</span><%}%><ul mx-guid="g4 " class="ag aa ec">5 </ul>',s:"1 "},{keys:["startSpace","offsetStart","offsetEnd","endSpace"],path:'b[mx-guid="g1 "]',tmpl:"<%for(var a=$$.startSpace;a--;){%> <%}%><%=$$.offsetStart%> - <%=$$.offsetEnd%><%for(var b=$$.endSpace;b--;){%> <%}%>",s:"2 "},{keys:["total"],path:'b[mx-guid="g2 "]',tmpl:"<%=$$.total%>",s:"3 "},{keys:["sizes","size"],path:'div[mx-guid="g3 "]',pKeys:["simplify","mini"],attr:'mx-view="mx-dropdown/index?list=<%@$$.sizes%>&selected=<%@$$.size%>"',attrs:[{n:"mx-view",v:1}]},{keys:["start","end","page","pages"],path:'ul[mx-guid="g4 "]',pKeys:["simplify","mini"],tmpl:'<li class="aa<%if($$.page==1){%> eh<%}%>"><a class="ee _ ef" href="#" <%if($$.page>1){%> mx-click=" __cP({page:<%=$$.page-1%>})" <%}else{%> mx-click=" __D()" <%}%> title="<"></a></li><%if($$.mini){%><li mx-guid="g7 " class="aa ed">8 </li><%}else{if($$.start>1){%><li class="aa"><a class="ee" href="#" mx-click=" __cP({page:1})" title="1">1</a></li><%}if($$.start>2){%><li class="eh aa"><a class="ee" href="#" mx-click=" __D()" title="...">...</a></li><%}for(var d=$$.start;d<=$$.end;d++){%><li class="aa<%if(d==$$.page){%> eg<%}%>"><a class="ee" href="#" mx-click=" __cP({page:<%=d%>})" title="<%=d%>"><%=d%></a></li><%}if($$.end+2<=$$.pages){%><li class="aa eh"><a class="ee" href="#" mx-click=" __D()" title="...">...</a></li><%}if($$.end<$$.pages){%><li class="aa"><a mx-guid="g8 " class="ee" href="#" mx-click=" __cP({page:<%=$$.pages%>})" title="<%=$$.pages%>">9 </a></li><%}}%><li class="aa<%if($$.page==$$.pages){%> eh<%}%>"><a class="ee _ ef ei" href="#" <%if($$.page<$$.pages){%> mx-click=" __cP({page:<%=$$.page+1%>})" <%}else{%> mx-click=" __D()" <%}%> title=">"></a></li>',s:"5 "},{keys:["pageSpace"],path:'li[mx-guid="g7 "]',pKeys:["simplify","mini","start","end","page","pages"],tmpl:"<%for(var c=$$.pageSpace;c--;){%> <%}%><%=$$.page%> / <%=$$.pages%>",s:"8 "},{keys:["pages"],path:'a[mx-guid="g8 "]',tmpl:"<%=$$.pages%>",s:"9 ",attr:'mx-click=" __cP({page:<%=$$.pages%>})" title="<%=$$.pages%>"',attrs:[{n:"mx-click"},{n:"title",p:1}]}]},init:function(e){var a=this;a.updater.set({sizes:p}),a.assign(e)},assign:function(e){var a=this,t=0|e.total||0,i=e.size||20,s=e.page||1;return a.updater.set({step:e.step||7,simplify:e.simplify+""=="true",mini:e.mini+""=="true",page:s,total:t,size:i}),!0},render:function(){var e=this,a=e.__cO();e.updater.digest(a)},__cO:function(){var e=this.updater.get(),a=0|e.page,t=Math.ceil((e.total||1)/e.size);a>t&&(a=t);var i,s=0|e.step,p=s/2|0,l=Math.max(1,a-p),n=Math.min(t,l+s-1);(l=Math.max(1,n-s+1))<=2&&n+(i=3-l)<t&&(n+=i),n+2>t&&l-(i=2-(t-n))>1&&(l-=i),3==l&&(l-=1),n+2==t&&(n+=1);var g=(a-1)*e.size+1,c=Math.min(e.total,a*e.size);return{pages:t,offsetStart:g,offsetEnd:c,startSpace:(e.total+"").length-(g+"").length,endSpace:(e.total+"").length-(c+"").length,pageSpace:(t+"").length-(a+"").length,page:a,start:l,end:n}},__u:function(){var e=this,a=s("#"+e.id),t=e.updater.get();a.trigger({type:"change",page:t.page,size:t.size})},"__cP<click>":function(e){e.preventDefault();var a=this;a.updater.set({page:e.params.page}),a.render(),a.__u()},"__cQ<change>":function(e){e.stopPropagation();var a=this;a.updater.set({page:1,size:e.item}),a.render(),a.__u()},"__D<click>":function(e){e.preventDefault()}})});