jiku-ui/lib/message.js

A Component Library for Vue.js.

module.exports=function(e){var t={};function n(s){if(t[s])return t[s].exports;var o=t[s]={i:s,l:!1,exports:{}};return e[s].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,s){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:s})},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 s=Object.create(null);if(n.r(s),Object.defineProperty(s,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(s,o,function(t){return e[t]}.bind(null,o));return s},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="",n(n.s=96)}({0:function(e,t,n){"use strict";function s(e,t,n,s,o,r,i,a){var l,c="function"==typeof e?e.options:e;if(t&&(c.render=t,c.staticRenderFns=n,c._compiled=!0),s&&(c.functional=!0),r&&(c._scopeId="data-v-"+r),i?(l=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__),o&&o.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(i)},c._ssrRegister=l):o&&(l=a?function(){o.call(this,(c.functional?this.parent:this).$root.$options.shadowRoot)}:o),l)if(c.functional){c._injectStyles=l;var u=c.render;c.render=function(e,t){return l.call(t),u(e,t)}}else{var f=c.beforeCreate;c.beforeCreate=f?[].concat(f,l):[l]}return{exports:e,options:c}}n.d(t,"a",(function(){return s}))},14:function(e,t){e.exports=require("jiku-ui/lib/utils/popup")},25:function(e,t){e.exports=require("jiku-ui/lib/utils/vdom")},7:function(e,t){e.exports=require("vue")},96:function(e,t,n){"use strict";n.r(t);var s=n(7),o=n.n(s),r=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("transition",{attrs:{name:"hn-message-fade"},on:{"after-leave":e.handleAfterLeave}},[n("div",{directives:[{name:"show",rawName:"v-show",value:e.visible,expression:"visible"}],class:["hn-message",e.type&&!e.iconClass?"hn-message--"+e.type:"",e.center?"is-center":"",e.showClose?"is-closable":"",e.customClass],style:e.positionStyle,attrs:{role:"alert"},on:{mouseenter:e.clearTimer,mouseleave:e.startTimer}},[e.iconClass?n("i",{class:e.iconClass}):n("i",{class:e.typeClass}),e._t("default",[e.dangerouslyUseHTMLString?n("p",{staticClass:"hn-message__content",domProps:{innerHTML:e._s(e.message)}}):n("p",{staticClass:"hn-message__content"},[e._v(e._s(e.message))])]),e.showClose?n("i",{staticClass:"hn-message__closeBtn hn-icon-close",on:{click:e.close}}):e._e()],2)])};r._withStripped=!0;var i={success:"success",info:"info",warning:"warning",error:"error"},a={data:function(){return{visible:!1,message:"",duration:3e3,type:"info",iconClass:"",customClass:"",onClose:null,showClose:!1,closed:!1,verticalOffset:20,timer:null,dangerouslyUseHTMLString:!1,center:!1}},computed:{typeClass:function(){return this.type&&!this.iconClass?"hn-message__icon hn-icon-"+i[this.type]:""},positionStyle:function(){return{top:this.verticalOffset+"px"}}},watch:{closed:function(e){e&&(this.visible=!1)}},methods:{handleAfterLeave:function(){this.$destroy(!0),this.$el.parentNode.removeChild(this.$el)},close:function(){this.closed=!0,"function"==typeof this.onClose&&this.onClose(this)},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){27===e.keyCode&&(this.closed||this.close())}},mounted:function(){this.startTimer(),document.addEventListener("keydown",this.keydown)},beforeDestroy:function(){document.removeEventListener("keydown",this.keydown)}},l=n(0),c=Object(l.a)(a,r,[],!1,null,null,null);c.options.__file="packages/message/src/main.vue";var u=c.exports,f=n(14),d=n(25),p=o.a.extend(u),h=void 0,m=[],v=1,y=function e(t){if(!o.a.prototype.$isServer){"string"==typeof(t=t||{})&&(t={message:t});var n=t.onClose,s="message_"+v++;t.onClose=function(){e.close(s,n)},(h=new p({data:t})).id=s,Object(d.isVNode)(h.message)&&(h.$slots.default=[h.message],h.message=null),h.$mount(),document.body.appendChild(h.$el);var r=t.offset||20;return m.forEach((function(e){r+=e.$el.offsetHeight+16})),h.verticalOffset=r,h.visible=!0,h.$el.style.zIndex=f.PopupManager.nextZIndex(),m.push(h),h}};["success","warning","info","error"].forEach((function(e){y[e]=function(t){return"string"==typeof t&&(t={message:t}),t.type=e,y(t)}})),y.close=function(e,t){for(var n=m.length,s=-1,o=0;o<n;o++)if(e===m[o].id){s=o,"function"==typeof t&&t(m[o]),m.splice(o,1);break}if(!(n<=1||-1===s||s>m.length-1))for(var r=m[s].$el.offsetHeight,i=s;i<n-1;i++){var a=m[i].$el;a.style.top=parseInt(a.style.top,10)-r-16+"px"}},y.closeAll=function(){for(var e=m.length-1;e>=0;e--)m[e].close()};var _=y;t.default=_}}).default;