magix-components/src/mx-hour/index.js

magix组件

define("mx-hour/index",["magix","../mx-dragdrop/index","$"],function(d,i,e){var a=d("magix");a.applyStyle("r",".dh{height:60px;padding:5px 0}.di{position:relative;width:4%;height:100%}.di,.dj{display:inline-block}.dj{width:1px;height:20%;border-left:1px solid #e6e6e6;position:absolute;left:0;top:30%}.dk,.dl .dj{height:40%}.dk{position:absolute;left:0;top:30%;display:inline-block;width:100%;z-index:1}.dm .dk{background-color:#6363e6;opacity:.3}.dn,.do{display:none;position:absolute;background-color:#6363e6;font-size:10px;width:36px;height:15px;text-align:center;color:#fff;border-radius:2px;z-index:2}.do{left:-18px;top:35px}.dn{right:-18px;top:0}.dp{position:absolute;left:50%;width:0;height:0;margin-left:-3px;border-left:3px solid transparent;border-right:3px solid transparent}.do .dp{border-bottom:3px solid #6363e6;top:-3px}.dn .dp{border-top:3px solid #6363e6;bottom:-3px}");var t=d("../mx-dragdrop/index"),o=d("$");e.exports=a.View.extend({tmpl:{html:'<div class="dh"><%for(var a=0;a<24;a++){%><div class="di<%if(a%6===0){%> dl<%}%>" mx-mousedown="__ao()" mx-mouseover="__ca()"><div class="dj"></div><div class="dk"></div><div class="do"><div class="dp"></div><span><%=a%>:00</span></div><div class="dn"><div class="dp"></div><span><%=a+1%>:00</span></div></div><%}%><div class="di dl"><div class="dj"></div></div></div>',subs:[]},init:function(d){this.__bY=d.range},render:function(){var d=this;d.updater.digest(),d.__bW=o("#"+d.id+" .di"),d.__bY&&d.val(d.__bY)},__bZ:function(){this.__bW.each(function(d,i){var e=(i=o(i)).find(".do"),a=i.find(".dn");i.hasClass("dm")?(e[i.prev().hasClass("dm")?"hide":"show"](),a[i.next().hasClass("dm")?"hide":"show"]()):(e.hide(),a.hide())})},val:function(d){var i=this,e=i.__bW;return d||""===d?(e.each(function(i,e){e=o(e),"1"==d.charAt(i)?e.addClass("dm"):e.removeClass("dm")}),i.__bZ()):(d=[],e.each(function(i,e){e=o(e),i<24&&d.push(e.hasClass("dm")?1:0)}),d=d.join("")),d},"__ao<mousedown>":function(d){var i=this,e=o(d.eventTarget),a=e.hasClass("dm");e.toggleClass("dm"),i.__bZ(),o("#"+i.id).trigger({type:"change",range:i.val()}),i.__c_=a,i.__ar=!0,t.begin(d.target,function(){t.clear()},function(){delete i.__ar})},"__ca<mouseover>":function(d){var i=this;i.__ar&&!a.inside(d.relatedTarget,d.eventTarget)&&(o(d.eventTarget)[i.__c_?"removeClass":"addClass"]("dm"),i.__bZ(),o("#"+i.id).trigger({type:"change",range:i.val()}))}},{improve:function(d){d||(d="");for(var i=0;i<24;)d.charAt(i)||(d+="0"),i++;return d}})});