TabBar_wev8.js 2.87 KB
define("TabBar_html",function(){return'<div id="NMEC_${id}" class="wev-comp-${compType}">\t{@each tabs as tab,index}\t\t<a class="wev-tabbar-item {@if index == 0}wev-tabbar-active{@/if} ${tab.itemClass}" data-container="${pageid}_content" data-rel="auto" \t\t\tdata-ajax="${tab.dataAjax}" data-classpage="tabpanel" href="${tab.href}" data-formdata="${tab.queryString}">\t\t\t<span class="wev-tabbar-icon">\t\t\t\t<img class="icon-normal" src="${tab.icon.normal}"/>\t\t\t\t<img class="icon-active" src="${tab.icon.active}"/>\t\t\t</span>\t\t\t<span class="wev-tabbar-label" style="${tab.style}">${tab.text}</span>\t\t\t{@if tab.remind}\t\t      \t<span class="wev-badge" data-index="${index}" {@if tab.apiid}data-api="${tab.uuid}_${tab.apiid}"{@/if}></span>\t\t    {@/if}\t\t</a>\t{@/each}</div>'}),define(["mUtil","Component"],function(l,a){return a.init(function(t){var o={};a.super(this,t),this.type="TabBar",this.tpl=this.type+"_html",this.css=this.type+"_css";var c=this.viewModel={tabs:[],badge:null};this.beforeMount=function(){c.pageid=this.$container.attr("id"),c.remindApis=[],c.tabs.forEach(function(t){var a,i=t.icon,e=!i||l.isObject(i)&&!i.normal&&!i.active;t.remind&&t.remindapi&&t.remindapi.api&&(t.uuid=t.remindapi.uuid=l.UUID(),t.apiid=t.remindapi.api.id,c.remindApis.push(t.remindapi),delete t.remindapi),t.itemClass=e?"wev-tabbar-noimg":i.normal&&i.active&&i.normal!=i.active?void 0:"wev-tabbar-singleimg",t.icon=(a={normal:"",active:""},e?a:l.isString(i)?{normal:i,active:i}:(a.normal=i.normal||i.active,a.active=i.active||i.normal,a))}),!0===c.badge&&(c.badge=l.getActionUrl(this.type,{action:"getBadge",mec_id:this.id},this.pageid))},this.mounted=function(){var e=this,s=this.$container,t=this.$el,a=s.children(".page-footer"),n=s.children(".page-content"),i=n.children(".page-scroller"),r=t.children(".wev-comp-"+this.type);a.length||(a=$('<div class="page-footer"></div>'),n.after(a)),t.parent().hasClass("page-footer")||a.append(t).show(),i.addClass("tabpanel in").attr("data-form","show_hide").siblings(".tabpanel").each(function(){this.firstintoBind=!1}),a.height()?(a.attr("footer-height",a.height()),n.css("bottom",a.height()+"px")):a.attr("footer-height")?n.css("bottom",a.attr("footer-height")+"px"):n.css("bottom","0px");var d="";r.on("click",".wev-tabbar-item",function(){var t=$(this),a=t.index(),i=c.tabs[a];d=d||n.css("top"),0===a?(s.children(".page-header").css("visibility","visible"),n.css("top",d)):(s.children(".page-header").css("visibility","hidden"),n.css("top","0px")),t.hasClass("wev-tabbar-active")||t.addClass("wev-tabbar-active").siblings(".wev-tabbar-item.wev-tabbar-active").removeClass("wev-tabbar-active"),l.eval(i.click,e.pageid)}),o.loadBadge()},this.refreshBadge=function(){o.loadBadge()},o.loadBadge=function(){if(null!=c.badge){var a=$(".wev-badge",this.$el);require(["remindHelper"],function(t){t.renderBadge(c.badge,a,c.remindApis)})}},o.loadBadge=o.loadBadge.bind(this)})});