magix-components/src/mx-time/picker.js

magix组件

define("mx-time/picker",["magix","$","../mx-monitor/index","./index"],function(e,i,t){e("./index");var _=e("magix"),d=e("$"),a=e("../mx-monitor/index");_.applyStyle("H",".fr{position:absolute;display:none;border:1px solid #e6e6e6;padding:10px 0;border-radius:4px;background-color:#fff;z-index:1;width:271px}.fs{margin:0 10px}.ft{border-top:1px solid #e6e6e6;margin:10px 10px 0;padding:10px 0 0}"),t.exports=_.View.extend({tmpl:{html:'<div mx-guid="g0" class="fr" id="wrapper_<%=$$.viewId%>"><div mx-guid="g1" mx-view="mx-time/index?time=<%!$eu($$.time)%>&type=<%!$eu($$.types)%>" id="time_<%=$$.viewId%>" class="fs ag" mx-change="__f_()"></div><div class="ft"><button class="al am" mx-click="__a({enter:true})">确定</button><button class="al s" mx-click="__a()">取消</button></div></div>',subs:[{keys:["viewId"],path:'div[mx-guid="g0"]',attr:'id="wrapper_<%=$$.viewId%>"',attrs:[{n:"id",p:1}]},{keys:["time","types","viewId"],path:'div[mx-guid="g1"]',attr:'mx-view="mx-time/index?time=<%!$eu($$.time)%>&type=<%!$eu($$.types)%>" id="time_<%=$$.viewId%>"',attrs:[{n:"mx-view",v:1},{n:"id",p:1}]}]},init:function(e){var i=this;a.__d();var t=d("#"+i.id),_=function(){i.__e()};i.on("destroy",function(){a.__f(i),a.__g(),d("#tcnt_"+i.id).remove(),t.off("click",_)}),t.on("click",_),i.__h=t,t.prop("autocomplete","off");var n=t.val();if(!n){var r=new Date;n=r.getHours()+":"+r.getMinutes()+":"+r.getSeconds()}e.time=n,i.__eX=n,i.__eY=n,i.updater.set(e)},__i:function(e){var i=this;return _.inside(e,i.id)||_.inside(e,"tcnt_"+i.id)},render:function(){var e=this;d('<div id="tcnt_'+e.id+'"/>').insertAfter(e.__h);var i=e.updater;i.to("tcnt_"+e.id),i.digest({viewId:e.id})},__e:function(){var e=this;if(!e.__eZ){var i=d("#wrapper_"+e.id),t=e.__h;e.__eZ=!0,a.__k(e),i.show();var _=t.offset(),n=void 0,r=void 0,o=e.updater.get();switch(o.placement){case"top":r=_.top-i.outerHeight()-5;break;default:r=_.top+t.outerHeight()+5}switch(o.align){case"right":n=_.left+t.outerWidth()-i.outerWidth();break;default:n=_.left}i.offset({left:n,top:r})}},__a:function(){var e=this;if(e.__eZ){var i=d("#wrapper_"+e.id);e.__eZ=!1,i.hide(),a.__f(e),e.__eX!=e.__eY&&(e.__eX=e.__eY,d("#time_"+e.id).invokeView("val",[e.__eX]))}},"__f_<change>":function(e){this.__eX=e.time},"__a<click>":function(e){var i=this;e.params.enter&&(i.__eY=i.__eX,i.__h.val(i.__eX).trigger("change")),i.__a()}})});