vue-msgs/dist/vue-msg.min.js

A vue component of message

!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t();else if("function"==typeof define&&define.amd)define([],t);else{var n=t();for(var r in n)("object"==typeof exports?exports:e)[r]=n[r]}}("undefined"!=typeof self?self:this,function(){return function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};return t.m=e,t.c=n,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/dist/",t(t.s=1)}([function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"VueMsg",data:function(){return{isShowMsg:!1,timer:null,msgType:"",msgData:"",msgQueue:[],watchTimer:null,pending:!1}},props:{timeout:{type:Number,default:3e3},top:{type:Number,default:64},right:{type:Number,default:8}},mounted:function(){this.startWatch()},beforeDestroy:function(){this.stopWatch()},methods:{showMsg:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";if(!["success","info","warning","error"].includes(e))throw new Error("type is invalid!");this.msgQueue.push({type:e,info:t})},startWatch:function(){var e=this;this.watchTimer=setInterval(function(){if(!e.pending&&e.msgQueue.length>0){e.pending=!0;var t=e.msgQueue.shift();e.close().then(function(){e.timer=setTimeout(function(){e.isShowMsg=!1},e.timeout),e.msgType=t.type,e.msgData=t.info,e.isShowMsg=!0,setTimeout(function(){e.pending=!1},1300)})}},100)},stopWatch:function(){this.watchTimer&&clearInterval(this.watchTimer)},close:function(){var e=this;return new Promise(function(t,n){if(!e.isShowMsg)return t();e.timer&&clearTimeout(e.timer),e.isShowMsg=!1,setTimeout(function(){t()},300)})},afterEnter:function(){this.$emit("afterEnter")},afterLeave:function(){this.$emit("afterLeave"),this.msgType="",this.msgData=""}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},o=n(2),i=function(e){return e&&e.__esModule?e:{default:e}}(o);i.default.install=function(e,t){t=t||{};var n={};i.default&&i.default.props&&Object.keys(i.default.props).forEach(function(e){t[e]&&(n[e]=t[e])});var r=e.extend(i.default),o=new r({propsData:n});o.$mount(),document.body.appendChild(o.$el),!1===t.mount||e.prototype.$showMsg||(e.prototype.$showMsg=function(){return o.showMsg.apply(o,arguments)}),!1!==t.register&&e.component("VueMsg",i.default)},void 0!==("undefined"==typeof window?"undefined":r(window))&&window.Vue&&window.Vue.use(i.default),t.default=i.default},function(e,t,n){"use strict";function r(e){n(3)}Object.defineProperty(t,"__esModule",{value:!0});var o=n(0),i=n.n(o);for(var s in o)"default"!==s&&function(e){n.d(t,e,function(){return o[e]})}(s);var a=n(9),u=n(8),f=r,c=u(i.a,a.a,!1,f,"data-v-c23b093e",null);t.default=c.exports},function(e,t,n){var r=n(4);"string"==typeof r&&(r=[[e.i,r,""]]),r.locals&&(e.exports=r.locals);n(6)("57adde18",r,!0,{})},function(e,t,n){t=e.exports=n(5)(!1),t.push([e.i,".vue-msg[data-v-c23b093e]{margin:0;padding:0;position:fixed;max-height:64px;max-width:342px;overflow:hidden;z-index:9999}.vue-msg-main[data-v-c23b093e]{font-size:14px;font-family:inherit;border:1px solid rgba(153,217,226,.7);border-radius:4px;width:320px;max-height:64px;padding:10px;word-wrap:break-word;overflow:hidden}.is-success[data-v-c23b093e]{color:#67c23a;background-color:#f0f9eb;border-color:#e1f3d8}.is-info[data-v-c23b093e]{color:#909399;background-color:#edf2fc;border-color:#ebeef5}.is-warning[data-v-c23b093e]{color:#e6a23c;background-color:#fdf6ec;border-color:#faecd8}.is-error[data-v-c23b093e]{color:#f56c6c;background-color:#fef0f0;border-color:#fde2e2}.toggle-msg-enter-active[data-v-c23b093e],.toggle-msg-leave-active[data-v-c23b093e]{transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}.toggle-msg-enter[data-v-c23b093e],.toggle-msg-leave-to[data-v-c23b093e]{transform:translateX(120%);-webkit-transform:translateX(120%);-moz-transform:translateX(120%);-ms-transform:translateX(120%);-o-transform:translateX(120%);opacity:0}",""])},function(e,t){function n(e,t){var n=e[1]||"",o=e[3];if(!o)return n;if(t&&"function"==typeof btoa){var i=r(o);return[n].concat(o.sources.map(function(e){return"/*# sourceURL="+o.sourceRoot+e+" */"})).concat([i]).join("\n")}return[n].join("\n")}function r(e){return"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(e))))+" */"}e.exports=function(e){var t=[];return t.toString=function(){return this.map(function(t){var r=n(t,e);return t[2]?"@media "+t[2]+"{"+r+"}":r}).join("")},t.i=function(e,n){"string"==typeof e&&(e=[[null,e,""]]);for(var r={},o=0;o<this.length;o++){var i=this[o][0];"number"==typeof i&&(r[i]=!0)}for(o=0;o<e.length;o++){var s=e[o];"number"==typeof s[0]&&r[s[0]]||(n&&!s[2]?s[2]=n:n&&(s[2]="("+s[2]+") and ("+n+")"),t.push(s))}},t}},function(e,t,n){function r(e){for(var t=0;t<e.length;t++){var n=e[t],r=c[n.id];if(r){r.refs++;for(var o=0;o<r.parts.length;o++)r.parts[o](n.parts[o]);for(;o<n.parts.length;o++)r.parts.push(i(n.parts[o]));r.parts.length>n.parts.length&&(r.parts.length=n.parts.length)}else{for(var s=[],o=0;o<n.parts.length;o++)s.push(i(n.parts[o]));c[n.id]={id:n.id,refs:1,parts:s}}}}function o(){var e=document.createElement("style");return e.type="text/css",d.appendChild(e),e}function i(e){var t,n,r=document.querySelector("style["+v+'~="'+e.id+'"]');if(r){if(m)return g;r.parentNode.removeChild(r)}if(y){var i=p++;r=l||(l=o()),t=s.bind(null,r,i,!1),n=s.bind(null,r,i,!0)}else r=o(),t=a.bind(null,r),n=function(){r.parentNode.removeChild(r)};return t(e),function(r){if(r){if(r.css===e.css&&r.media===e.media&&r.sourceMap===e.sourceMap)return;t(e=r)}else n()}}function s(e,t,n,r){var o=n?"":r.css;if(e.styleSheet)e.styleSheet.cssText=b(t,o);else{var i=document.createTextNode(o),s=e.childNodes;s[t]&&e.removeChild(s[t]),s.length?e.insertBefore(i,s[t]):e.appendChild(i)}}function a(e,t){var n=t.css,r=t.media,o=t.sourceMap;if(r&&e.setAttribute("media",r),h.ssrId&&e.setAttribute(v,t.id),o&&(n+="\n/*# sourceURL="+o.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */"),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}var u="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!u)throw new Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");var f=n(7),c={},d=u&&(document.head||document.getElementsByTagName("head")[0]),l=null,p=0,m=!1,g=function(){},h=null,v="data-vue-ssr-id",y="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());e.exports=function(e,t,n,o){m=n,h=o||{};var i=f(e,t);return r(i),function(t){for(var n=[],o=0;o<i.length;o++){var s=i[o],a=c[s.id];a.refs--,n.push(a)}t?(i=f(e,t),r(i)):i=[];for(var o=0;o<n.length;o++){var a=n[o];if(0===a.refs){for(var u=0;u<a.parts.length;u++)a.parts[u]();delete c[a.id]}}}};var b=function(){var e=[];return function(t,n){return e[t]=n,e.filter(Boolean).join("\n")}}()},function(e,t){e.exports=function(e,t){for(var n=[],r={},o=0;o<t.length;o++){var i=t[o],s=i[0],a=i[1],u=i[2],f=i[3],c={id:e+":"+o,css:a,media:u,sourceMap:f};r[s]?r[s].parts.push(c):n.push(r[s]={id:s,parts:[c]})}return n}},function(e,t){e.exports=function(e,t,n,r,o,i){var s,a=e=e||{},u=typeof e.default;"object"!==u&&"function"!==u||(s=e,a=e.default);var f="function"==typeof a?a.options:a;t&&(f.render=t.render,f.staticRenderFns=t.staticRenderFns,f._compiled=!0),n&&(f.functional=!0),o&&(f._scopeId=o);var c;if(i?(c=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),r&&r.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(i)},f._ssrRegister=c):r&&(c=r),c){var d=f.functional,l=d?f.render:f.beforeCreate;d?(f._injectStyles=c,f.render=function(e,t){return c.call(t),l(e,t)}):f.beforeCreate=l?[].concat(l,c):[c]}return{esModule:s,exports:a,options:f}}},function(e,t,n){"use strict";var r=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("transition",{attrs:{name:"toggle-msg"},on:{"after-enter":e.afterEnter,"after-leave":e.afterLeave}},[n("div",{directives:[{name:"show",rawName:"v-show",value:e.isShowMsg,expression:"isShowMsg"}],staticClass:"vue-msg",style:{top:e.top+"px",right:e.right+"px"}},[n("div",{staticClass:"vue-msg-main",class:[{"is-success":"success"===e.msgType,"is-info":"info"===e.msgType,"is-warning":"warning"===e.msgType,"is-error":"error"===e.msgType}]},[e._v("\n      "+e._s(e.msgData)+"\n    ")])])])},o=[],i={render:r,staticRenderFns:o};t.a=i}])});
//# sourceMappingURL=vue-msg.min.js.map