vue-coe-feedback
Version:
<h1 align="center">vue-coe-feedback ✅</h1>
8 lines (7 loc) • 8.22 kB
JavaScript
/*!
* vue-coe-feedback v0.1.5
* (c) 2019-present Vinicius Azevedo <viniazvd@gmail.com>
* Released under the MIT License.
*/
!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports):"function"==typeof define&&define.amd?define(["exports"],n):n(e.vueCoeFeedback={})}(this,function(e){"use strict";var n={state:{feedbacks:[],delay:0},getters:{__feedbacks:function(e){return e.feedbacks},__delay:function(e){return e.delay}},mutations:{SET_FEEDBACKS:function(e,n){return e.feedbacks=n},SET_DELAY:function(e,n){return e.delay=n}},actions:{FEEDBACK_DELAY:function(e,n){(0,e.commit)("SET_DELAY",n)},FEEDBACKS_ADD:function(e,n){var t=e.commit,a=e.getters,o=e.dispatch,A=n instanceof Error,r={type:n.type||A&&"error",message:n.message||"error message",highlighted:n.highlighted};t("SET_FEEDBACKS",a.__feedbacks.concat([r])),setTimeout(function(){o("FEEDBACK_REMOVE",r)},a.__delay)},FEEDBACK_REMOVE:function(e,n){(0,e.commit)("SET_FEEDBACKS",e.getters.__feedbacks.filter(function(e){return e!==n}))}}},t={install:function(e,t,a){if(void 0===a&&(a={}),!t)return console.error("stack need store"),!1;var o=a.storeName,A=a.delay;o||(o="coefeedback"),A||(A=5e3),function(e,t){e.registerModule(t,Object.assign({},n))}(t,o),t.dispatch("FEEDBACK_DELAY",A),Object.defineProperty(e.prototype,"$feedback",{get:function(){return{list:(e=this).$store.getters.__feedbacks,delay:function(n){e.$store.dispatch("FEEDBACK_DELAY",n)},add:function(n){e.$store.dispatch("FEEDBACKS_ADD",n)},remove:function(n){e.$store.dispatch("FEEDBACK_REMOVE",n)}};var e}})}},a=function(e){return e.match(/(^#+([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$)/i)},o={props:{feedbacks:{type:Array,default:function(){return[]}},info:{type:String,default:"#b4b4b4",validator:function(e){return a(e)}},success:{type:String,default:"#3CE798",validator:function(e){return a(e)}},error:{type:String,default:"#FF7EB3",validator:function(e){return a(e)}}},computed:{color:function(){return{"--info":this.info,"--success":this.success,"--error":this.error}}},install:function(e){e.component("CoeFeedback",this)}},A=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("transition-group",{staticClass:"coe-feedbacks",attrs:{name:"feedback",tag:"ul"}},[e._t("feedbacks",e._l(e.feedbacks,function(n,a){return t("li",{key:a,class:["feedback","-"+n.type],style:e.color},[e._t("message",[t("div",{staticClass:"message-container"},[t("span",{staticClass:"message"},[e._v(e._s(n.message)+" ")]),e._v(" "),t("span",{staticClass:"highlighted"},[e._v(e._s(n.highlighted))])])]),e._v(" "),e._t("button",[t("div",{staticClass:"button",on:{click:function(t){e.$emit("close",n)}}},[t("div",{staticClass:"icon"},[e._v("×")])])])],2)}),{feedbacks:e.feedbacks,info:e.info,success:e.success,error:e.error})],2)};A._withStripped=!0;var r=function(e,n,t,a,o,A,r,i){var c,s=("function"==typeof t?t.options:t)||{};if(s.__file="/Users/convenia/Desktop/convenia-spa/vue-coe-feedback/src/components/CoeFeedback.vue",s.render||(s.render=e.render,s.staticRenderFns=e.staticRenderFns,s._compiled=!0,o&&(s.functional=!0)),s._scopeId=a,n&&(c=function(e){n.call(this,r(e))}),void 0!==c)if(s.functional){var d=s.render;s.render=function(e,n){return c.call(n),d(e,n)}}else{var f=s.beforeCreate;s.beforeCreate=f?[].concat(f,c):[c]}return s}({render:A,staticRenderFns:[]},function(e){e&&e("data-v-a2ada5b2_0",{source:'\n.feedback-enter-active,\n.feedback-leave-active {\n transition: all 0.3s;\n}\n.feedback-enter,\n.feedback-leave-to {\n opacity: 0;\n transform: translate(0, 100%);\n}\n.coe-feedbacks {\n position: fixed;\n left: 0;\n margin: 0;\n bottom: 0;\n padding: 0;\n width: 365px;\n z-index: 999;\n}\n.coe-feedbacks > .feedback {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n opacity: 0.9;\n min-height: 60px;\n margin-left: 20px;\n border-radius: 5px;\n margin-bottom: 10px;\n box-shadow: -1px -1px 4px 0 rgba(0, 0, 0, 0.2);\n}\n.coe-feedbacks > .feedback:last-child {\n margin-bottom: 0;\n}\n.coe-feedbacks > .feedback > .message-container {\n width: 285px;\n color: #fff;\n font-size: 14px;\n line-height: 19px;\n font-weight: bold;\n word-break: break-word;\n font-family: "Nunito Sans";\n text-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);\n margin-left: 20px;\n margin-top: 20px;\n margin-bottom: 20px;\n}\n.coe-feedbacks > .feedback > .button > .icon {\n margin-left: 15px;\n margin-right: 15px;\n}\n.coe-feedbacks > .feedback.-info {\n background-color: var(--info);\n}\n.coe-feedbacks > .feedback.-success {\n background-color: var(--success);\n}\n.coe-feedbacks > .feedback.-error {\n background-color: var(--error);\n}\n\n/*# sourceMappingURL=CoeFeedback.vue.map */',map:{version:3,sources:["/Users/convenia/Desktop/convenia-spa/vue-coe-feedback/src/components/CoeFeedback.vue","CoeFeedback.vue"],names:[],mappings:";AA2EA;;EACA,qBAAA;CAAA;AACA;;EACA,WAAA;EAAA,8BAAA;CAAA;AAEA;EACA,gBAAA;EACA,QAAA;EACA,UAAA;EACA,UAAA;EACA,WAAA;EACA,aAAA;EACA,aAAA;CAsCA;AA7CA;IAUA,cAAA;IACA,oBAAA;IACA,+BAAA;IAEA,YAAA;IACA,aAAA;IACA,iBAAA;IACA,kBAAA;IACA,mBAAA;IACA,oBAAA;IACA,+CAAA;CAwBA;AA5CA;MAsBA,iBAAA;CAAA;AAtBA;MAyBA,aAAA;MACA,YAAA;MACA,gBAAA;MACA,kBAAA;MACA,kBAAA;MACA,uBAAA;MACA,2BAAA;MACA,4CAAA;MACA,kBAAA;MAAA,iBAAA;MAAA,oBAAA;CAIA;AArCA;MAuCA,kBAAA;MAAA,mBAAA;CAAA;AAvCA;MA0CA,8BApDA;CAoDA;AA1CA;MA0CA,iCAnDA;CAmDA;AA1CA;MA0CA,+BAlDA;CAkDA;;ACtEA,2CAA2C",file:"CoeFeedback.vue",sourcesContent:[null,'.feedback-enter-active,\n.feedback-leave-active {\n transition: all 0.3s; }\n\n.feedback-enter,\n.feedback-leave-to {\n opacity: 0;\n transform: translate(0, 100%); }\n\n.coe-feedbacks {\n position: fixed;\n left: 0;\n margin: 0;\n bottom: 0;\n padding: 0;\n width: 365px;\n z-index: 999; }\n .coe-feedbacks > .feedback {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n opacity: 0.9;\n min-height: 60px;\n margin-left: 20px;\n border-radius: 5px;\n margin-bottom: 10px;\n box-shadow: -1px -1px 4px 0 rgba(0, 0, 0, 0.2); }\n .coe-feedbacks > .feedback:last-child {\n margin-bottom: 0; }\n .coe-feedbacks > .feedback > .message-container {\n width: 285px;\n color: #fff;\n font-size: 14px;\n line-height: 19px;\n font-weight: bold;\n word-break: break-word;\n font-family: "Nunito Sans";\n text-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);\n margin-left: 20px;\n margin-top: 20px;\n margin-bottom: 20px; }\n .coe-feedbacks > .feedback > .button > .icon {\n margin-left: 15px;\n margin-right: 15px; }\n .coe-feedbacks > .feedback.-info {\n background-color: var(--info); }\n .coe-feedbacks > .feedback.-success {\n background-color: var(--success); }\n .coe-feedbacks > .feedback.-error {\n background-color: var(--error); }\n\n/*# sourceMappingURL=CoeFeedback.vue.map */']},media:void 0})},o,void 0,!1,0,function e(){var n=document.head||document.getElementsByTagName("head")[0],t=e.styles||(e.styles={}),a="undefined"!=typeof navigator&&/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());return function(e,o){if(!document.querySelector('style[data-vue-ssr-id~="'+e+'"]')){var A=a?o.media||"default":e,r=t[A]||(t[A]={ids:[],parts:[],element:void 0});if(!r.ids.includes(e)){var i=o.source,c=r.ids.length;if(r.ids.push(e),a&&(r.element=r.element||document.querySelector("style[data-group="+A+"]")),!r.element){var s=r.element=document.createElement("style");s.type="text/css",o.media&&s.setAttribute("media",o.media),a&&(s.setAttribute("data-group",A),s.setAttribute("data-next-index","0")),n.appendChild(s)}if(a&&(c=parseInt(r.element.getAttribute("data-next-index")),r.element.setAttribute("data-next-index",c+1)),r.element.styleSheet)r.parts.push(i),r.element.styleSheet.cssText=r.parts.filter(Boolean).join("\n");else{var d=document.createTextNode(i),f=r.element.childNodes;f[c]&&r.element.removeChild(f[c]),f.length?r.element.insertBefore(d,f[c]):r.element.appendChild(d)}}}}});e.VueCoeFeedback=t,e.CoeFeedback=r,Object.defineProperty(e,"__esModule",{value:!0})});
//# sourceMappingURL=vue-coe-feedback.min.js.map