element-gui/lib/notification.js

A Component Library for Vue.js.

module.exports=function(e){var t={};function n(o){if(t[o])return t[o].exports;var i=t[o]={i:o,l:!1,exports:{}};return e[o].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)n.d(o,i,function(t){return e[t]}.bind(null,i));return o},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/dist/",n(n.s=86)}({0:function(e,t,n){"use strict";function o(e,t,n,o,i,s,r,l){var c,a="function"==typeof e?e.options:e;if(t&&(a.render=t,a.staticRenderFns=n,a._compiled=!0),o&&(a.functional=!0),s&&(a._scopeId="data-v-"+s),r?(c=function(e){(e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),i&&i.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(r)},a._ssrRegister=c):i&&(c=l?function(){i.call(this,(a.functional?this.parent:this).$root.$options.shadowRoot)}:i),c)if(a.functional){a._injectStyles=c;var u=a.render;a.render=function(e,t){return c.call(t),u(e,t)}}else{var f=a.beforeCreate;a.beforeCreate=f?[].concat(f,c):[c]}return{exports:e,options:a}}n.d(t,"a",(function(){return o}))},14:function(e,t){e.exports=require("element-gui/lib/utils/merge")},17:function(e,t){e.exports=require("element-gui/lib/utils/popup")},27:function(e,t){e.exports=require("element-gui/lib/utils/vdom")},8:function(e,t){e.exports=require("vue")},86:function(e,t,n){"use strict";n.r(t);var o=n(8),i=n.n(o),s=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("transition",{attrs:{name:"el-notification-fade"}},[n("div",{directives:[{name:"show",rawName:"v-show",value:e.visible,expression:"visible"}],class:["el-notification",e.customClass,e.horizontalClass],style:e.positionStyle,attrs:{role:"alert"},on:{mouseenter:function(t){return e.clearTimer()},mouseleave:function(t){return e.startTimer()},click:e.click}},[e.type||e.iconClass?n("i",{staticClass:"el-notification__icon",class:[e.typeClass,e.iconClass]}):e._e(),n("div",{staticClass:"el-notification__group",class:{"is-with-icon":e.typeClass||e.iconClass}},[n("h2",{staticClass:"el-notification__title",domProps:{textContent:e._s(e.title)}}),n("div",{directives:[{name:"show",rawName:"v-show",value:e.message,expression:"message"}],staticClass:"el-notification__content"},[e._t("default",[e.dangerouslyUseHTMLString?n("p",{domProps:{innerHTML:e._s(e.message)}}):n("p",[e._v(e._s(e.message))])])],2),e.showClose?n("div",{staticClass:"el-notification__closeBtn el-icon-close",on:{click:function(t){return t.stopPropagation(),e.close(t)}}}):e._e()])])])};s._withStripped=!0;var r={primary:"info is-primary",success:"success",info:"info",warning:"warning",error:"error"},l={data:function(){return{visible:!1,title:"",message:"",duration:(this.$ELEMENT||{}).duration||3e3,type:"primary",showClose:!0,customClass:"",iconClass:"",onClose:null,onClick:null,closed:!1,verticalOffset:0,timer:null,dangerouslyUseHTMLString:!1,position:"top-right"}},computed:{typeClass:function(){return this.type&&r[this.type]?"el-icon-"+r[this.type]:""},horizontalClass:function(){return this.position.indexOf("right")>-1?"right":"left"},verticalProperty:function(){return/^top-/.test(this.position)?"top":"bottom"},positionStyle:function(){var e;return(e={})[this.verticalProperty]=this.verticalOffset+"px",e}},watch:{closed:function(e){e&&(this.visible=!1,this.$el.addEventListener("transitionend",this.destroyElement))}},methods:{destroyElement:function(){this.$el.removeEventListener("transitionend",this.destroyElement),this.$destroy(),this.$el.parentNode.removeChild(this.$el)},click:function(){"function"==typeof this.onClick&&this.onClick()},close:function(){this.closed=!0,"function"==typeof this.onClose&&this.onClose()},clearTimer:function(){clearTimeout(this.timer)},startTimer:function(){var e=this;this.duration>0&&(this.timer=setTimeout((function(){e.closed||e.close()}),this.duration))},keydown:function(e){46===e.keyCode||8===e.keyCode?this.clearTimer():27===e.keyCode?this.closed||this.close():this.startTimer()}},mounted:function(){var e=this;this.duration>0&&(this.timer=setTimeout((function(){e.closed||e.close()}),this.duration)),document.addEventListener("keydown",this.keydown)},beforeDestroy:function(){document.removeEventListener("keydown",this.keydown)}},c=n(0),a=Object(c.a)(l,s,[],!1,null,null,null).exports,u=n(14),f=n.n(u),d=n(17),p=n(27),m=i.a.extend(a),h=void 0,v=[],y=1,_=function e(t){if(!i.a.prototype.$isServer){var n=(t=f()({},t)).onClose,o="notification_"+y++,s=t.position||"top-right",r=i.a.prototype.$ELEMENT&&i.a.prototype.$ELEMENT.content&&document.getElementById(i.a.prototype.$ELEMENT.content)||document.body,l=document.fullscreenElement||window.fullScreen;t.onClose=function(){e.close(o,n)},h=new m({data:t}),Object(p.isVNode)(t.message)&&(h.$slots.default=[t.message],t.message="REPLACED_BY_VNODE"),h.id=o,h.$mount(),l&&document.fullscreenElement?document.fullscreenElement.appendChild(h.$el):r.appendChild(h.$el),h.visible=!0,h.dom=h.$el,h.dom.style.zIndex=d.PopupManager.nextZIndex();var c=t.offset||0;return v.filter((function(e){return e.position===s})).forEach((function(e){c+=e.$el.offsetHeight+16})),c+=16,h.verticalOffset=c,v.push(h),h}};["success","warning","info","error"].forEach((function(e){_[e]=function(t){return("string"==typeof t||Object(p.isVNode)(t))&&(t={message:t}),t.type=e,_(t)}})),_.close=function(e,t){var n=-1,o=v.length,i=v.filter((function(t,o){return t.id===e&&(n=o,!0)}))[0];if(i&&("function"==typeof t&&t(i),v.splice(n,1),!(o<=1)))for(var s=i.position,r=i.dom.offsetHeight,l=n;l<o-1;l++)v[l].position===s&&(v[l].dom.style[i.verticalProperty]=parseInt(v[l].dom.style[i.verticalProperty],10)-r-16+"px")},_.closeAll=function(){for(var e=v.length-1;e>=0;e--)v[e].close()};var g=_;t.default=g}});