Slide_wev8.js
2.68 KB
define("Slide_html",function(){return'<div id="NMEC_${id}" class="wev-comp-${compType}">\t<div class="wev-swipe-container" style="height: ${height}px;">\t <div class=\'wev-swipe-wrap\' >\t {@each items as item,index}\t <a href="${item.url}" data-ajax="${item.dataAjax}" data-reload="true" data-formdata="${item.queryString}">\t <img class="pic" {@if defaultLoad != \'1\'} lazy-src{@else} src{@/if}="${item.path}" />\t\t\t\t{@if defaultLoad != \'1\'}\t\t\t\t<div class="wev-swipe-overlay"><div class="wev-loading"></div></div>\t\t\t\t{@/if}\t <div class="desc">$${item.desc}</div>\t </a>\t {@/each}\t </div>\t {@if items.length > 1}\t <div class="wev-slide-point">\t {@each items as item, index}\t <b {@if index == 0} class="current" {@/if}></b>\t {@/each}\t </div>\t {@/if}\t</div></div>'}),define(["mUtil","Component"],function(v,e){return e.init(function(t){e.super(this,t),this.type="Slide",this.tpl=this.type+"_html",this.css=this.type+"_css";var o=this.viewModel={autoplay:0,items:[],height:200,defaultLoad:"0"};function d(t,e){if(t.length){var i=t.attr("lazy-src");if(t.attr("src",i).removeAttr("lazy-src"),!e){var a=function(){$(this).siblings(".wev-swipe-overlay").hide()};t.one({load:a,error:a})}}}this.beforeMount=function(){""==o.height&&(o.height=200),v.isString(o.items)&&(""!=o.items?v.ajax(o.items,function(t){var e=JSON.parse(t);o.items=e.map(function(t){var e={};e.path=t.pic_path,e.desc=t.pic_desc;var i=v.parseUrl(t.action);return e.url=i[0],e.dataAjax=i[1],e.queryString=i[2],e})},{async:!1}):o.items=[])},this.mounted=function(){var s=this.$el.children(".wev-comp-"+this.type),t=this.$el.find(".wev-swipe-container"),r=o.items.length;if(1<r){var e=1e3*(o.autoplay||0),n=r<3,i={disableScroll:!0,stopPropagation:!1,width:$(window).width(),callback:function(t,e){var i=$("img.pic[lazy-src]",e),a=n&&r<t+1;n&&(t%=2),$(".wev-slide-point b",s).removeClass("current").eq(t).addClass("current"),d(i,a)}};0<e&&(i.auto=e);var a=null;require(["swipe"],function(){a=new Swipe(t[0],i),n&&t.find(".wev-swipe-overlay").each(function(t){r<t+1&&$(this).remove()})});var c=this.pageid,l=function(){var t=window.MutationObserver||window.WebKitMutationObserver||window.MozMutationObserver,e=document.querySelector("#"+c);new t(function(t){t.forEach(function(t){"attributes"==t.type&&"none"!==t.target.style.display&&a&&a.restart()})}).observe(e,{attributes:!0,attributeFilter:["style"]})};require("pageEvent").destory("change",l).register("change",l)}d($("img.pic[lazy-src]",s).eq(0)),o.callback&&v.isFunction(o.callback.click)&&$(".wev-swipe-wrap",s).on("click","a",function(){var t=$(this).attr("data-index");o.callback.click.call(this,o.items[t])})}})});