vs-alert
Advanced tools
Comparing version 1.2.74 to 1.2.75
@@ -51,2 +51,11 @@ // | ||
// | ||
// | ||
// | ||
// | ||
// | ||
// | ||
// | ||
// | ||
// | ||
// | ||
@@ -68,2 +77,6 @@ var script = { | ||
}, | ||
noBg: { | ||
type: Boolean, | ||
default: false, | ||
}, | ||
}, | ||
@@ -73,3 +86,3 @@ | ||
classList: function classList() { | ||
return [("vs-alert-" + (this.type))]; | ||
return [("vs-alert-" + (this.type)), { 'vs-alert--no-bg': this.noBg }]; | ||
}, | ||
@@ -219,115 +232,122 @@ }, | ||
[ | ||
_c("span", { staticClass: "vs-alert-icon__wrapper" }, [ | ||
_vm.type === "error" | ||
? _c( | ||
"svg", | ||
{ | ||
attrs: { | ||
xmlns: "http://www.w3.org/2000/svg", | ||
width: "16", | ||
height: "16", | ||
viewBox: "0 0 16 16" | ||
} | ||
}, | ||
[ | ||
_c("g", { attrs: { fill: "none", stroke: "#cc3340" } }, [ | ||
_c("circle", { attrs: { cx: "7.5", cy: "8.5", r: "7" } }), | ||
_vm._v(" "), | ||
_c("path", { | ||
attrs: { "stroke-linecap": "round", d: "M7.5 4.5V9" } | ||
}) | ||
]), | ||
_vm._v(" "), | ||
_c("circle", { | ||
attrs: { cx: "7.5", cy: "12", r: "1", fill: "#cc3340" } | ||
}) | ||
] | ||
) | ||
: _vm._e(), | ||
_vm._v(" "), | ||
_vm.type === "info" | ||
? _c( | ||
"svg", | ||
{ | ||
attrs: { | ||
xmlns: "http://www.w3.org/2000/svg", | ||
width: "16", | ||
height: "16", | ||
viewBox: "0 0 16 16" | ||
} | ||
}, | ||
[ | ||
_c("g", { attrs: { stroke: "#337fbd" } }, [ | ||
_c("circle", { | ||
attrs: { cx: "7.5", cy: "8.5", r: "7", fill: "none" } | ||
}), | ||
_vm._v(" "), | ||
_c("path", { | ||
attrs: { "stroke-linecap": "round", d: "M7.5 12.5V8" } | ||
}) | ||
]), | ||
_vm._v(" "), | ||
_c("circle", { | ||
attrs: { cx: "7.5", cy: "5", r: "1", fill: "#337fbd" } | ||
}) | ||
] | ||
) | ||
: _vm._e(), | ||
_vm._v(" "), | ||
_vm.type === "success" | ||
? _c( | ||
"svg", | ||
{ | ||
attrs: { | ||
xmlns: "http://www.w3.org/2000/svg", | ||
width: "16", | ||
height: "16", | ||
viewBox: "0 0 16 16" | ||
} | ||
}, | ||
[ | ||
_c("g", { attrs: { fill: "none", stroke: "#038153" } }, [ | ||
_c("path", { | ||
_c( | ||
"span", | ||
{ staticClass: "vs-alert-icon__wrapper" }, | ||
[ | ||
_vm._t("icon", [ | ||
_vm.type === "success" | ||
? _c( | ||
"svg", | ||
{ | ||
attrs: { | ||
"stroke-linecap": "round", | ||
"stroke-linejoin": "round", | ||
d: "M4 9l2.5 2.5 5-5" | ||
xmlns: "http://www.w3.org/2000/svg", | ||
width: "16", | ||
height: "16", | ||
viewBox: "0 0 16 16" | ||
} | ||
}), | ||
_vm._v(" "), | ||
_c("circle", { attrs: { cx: "7.5", cy: "8.5", r: "7" } }) | ||
]) | ||
] | ||
) | ||
: _vm._e(), | ||
_vm._v(" "), | ||
_vm.type === "warning" | ||
? _c( | ||
"svg", | ||
{ | ||
attrs: { | ||
xmlns: "http://www.w3.org/2000/svg", | ||
width: "16", | ||
height: "16", | ||
viewBox: "0 0 16 16" | ||
} | ||
}, | ||
[ | ||
_c("path", { | ||
attrs: { | ||
fill: "none", | ||
stroke: "#ad5918", | ||
"stroke-linecap": "round", | ||
d: | ||
"M.88 13.77L7.06 1.86c.19-.36.7-.36.89 0l6.18 11.91c.17.33-.07.73-.44.73H1.32c-.37 0-.61-.4-.44-.73zM7.5 6v3.5" | ||
} | ||
}), | ||
_vm._v(" "), | ||
_c("circle", { | ||
attrs: { cx: "7.5", cy: "12", r: "1", fill: "#ad5918" } | ||
}) | ||
] | ||
) | ||
: _vm._e() | ||
]), | ||
}, | ||
[ | ||
_c("g", { attrs: { fill: "none", stroke: "#038153" } }, [ | ||
_c("path", { | ||
attrs: { | ||
"stroke-linecap": "round", | ||
"stroke-linejoin": "round", | ||
d: "M4 9l2.5 2.5 5-5" | ||
} | ||
}), | ||
_vm._v(" "), | ||
_c("circle", { attrs: { cx: "7.5", cy: "8.5", r: "7" } }) | ||
]) | ||
] | ||
) | ||
: _vm._e(), | ||
_vm._v(" "), | ||
_vm.type === "warning" | ||
? _c( | ||
"svg", | ||
{ | ||
attrs: { | ||
xmlns: "http://www.w3.org/2000/svg", | ||
width: "16", | ||
height: "16", | ||
viewBox: "0 0 16 16" | ||
} | ||
}, | ||
[ | ||
_c("path", { | ||
attrs: { | ||
fill: "none", | ||
stroke: "#ad5918", | ||
"stroke-linecap": "round", | ||
d: | ||
"M.88 13.77L7.06 1.86c.19-.36.7-.36.89 0l6.18 11.91c.17.33-.07.73-.44.73H1.32c-.37 0-.61-.4-.44-.73zM7.5 6v3.5" | ||
} | ||
}), | ||
_vm._v(" "), | ||
_c("circle", { | ||
attrs: { cx: "7.5", cy: "12", r: "1", fill: "#ad5918" } | ||
}) | ||
] | ||
) | ||
: _vm._e(), | ||
_vm._v(" "), | ||
_vm.type === "error" | ||
? _c( | ||
"svg", | ||
{ | ||
attrs: { | ||
xmlns: "http://www.w3.org/2000/svg", | ||
width: "16", | ||
height: "16", | ||
viewBox: "0 0 16 16" | ||
} | ||
}, | ||
[ | ||
_c("g", { attrs: { fill: "none", stroke: "#cc3340" } }, [ | ||
_c("circle", { attrs: { cx: "7.5", cy: "8.5", r: "7" } }), | ||
_vm._v(" "), | ||
_c("path", { | ||
attrs: { "stroke-linecap": "round", d: "M7.5 4.5V9" } | ||
}) | ||
]), | ||
_vm._v(" "), | ||
_c("circle", { | ||
attrs: { cx: "7.5", cy: "12", r: "1", fill: "#cc3340" } | ||
}) | ||
] | ||
) | ||
: _vm._e(), | ||
_vm._v(" "), | ||
_vm.type === "info" | ||
? _c( | ||
"svg", | ||
{ | ||
attrs: { | ||
xmlns: "http://www.w3.org/2000/svg", | ||
width: "16", | ||
height: "16", | ||
viewBox: "0 0 16 16" | ||
} | ||
}, | ||
[ | ||
_c("g", { attrs: { stroke: "#337fbd" } }, [ | ||
_c("circle", { | ||
attrs: { cx: "7.5", cy: "8.5", r: "7", fill: "none" } | ||
}), | ||
_vm._v(" "), | ||
_c("path", { | ||
attrs: { "stroke-linecap": "round", d: "M7.5 12.5V8" } | ||
}) | ||
]), | ||
_vm._v(" "), | ||
_c("circle", { | ||
attrs: { cx: "7.5", cy: "5", r: "1", fill: "#337fbd" } | ||
}) | ||
] | ||
) | ||
: _vm._e() | ||
]) | ||
], | ||
2 | ||
), | ||
_vm._v(" "), | ||
@@ -389,3 +409,3 @@ _vm.title | ||
if (!inject) { return } | ||
inject("data-v-61a83900_0", { source: ".vs-alert {\n position: relative;\n border-radius: 4px;\n padding: 12px 30px;\n line-height: 1.42857;\n font-size: 14px;\n}\n.vs-alert-icon__wrapper svg {\n position: absolute;\n left: 8px;\n margin-top: 1px;\n}\n.vs-alert__heading {\n font-weight: 600;\n}\n.vs-alert-button {\n display: block;\n position: absolute;\n top: 8px;\n right: 4px;\n transition: background-color 0.1s ease-in-out 0s, color 0.25s ease-in-out 0s;\n border: none;\n background-color: transparent;\n cursor: pointer;\n padding: 0px;\n width: 28px;\n height: 28px;\n overflow: hidden;\n color: #333333;\n font-size: 0px;\n user-select: none;\n}\n.vs-alert-button.success {\n color: #186146;\n}\n.vs-alert-button.warning {\n color: #ad5918;\n}\n.vs-alert-button.error {\n color: #8c232c;\n}\n.vs-alert-button.info {\n color: #1f73b7;\n}\n.vs-alert-success {\n border: 1px solid #aecfc2;\n background-color: #edf8f4;\n color: #186146;\n}\n.vs-alert-warning {\n border: 1px solid #fed6a8;\n background-color: #fff7ed;\n color: #ad5918;\n}\n.vs-alert-error {\n border: 1px solid #f5b5ba;\n background-color: #fff0f1;\n color: #8c232c;\n}\n.vs-alert-info {\n border: 1px solid #adcce4;\n background-color: #edf7ff;\n color: #1f73b7;\n}", map: undefined, media: undefined }); | ||
inject("data-v-02428321_0", { source: ".vs-alert {\n position: relative;\n border-radius: 4px;\n padding: 12px 30px;\n line-height: 1.42857;\n font-size: 14px;\n}\n.vs-alert-icon__wrapper svg {\n position: absolute;\n left: 8px;\n margin-top: 1px;\n}\n.vs-alert__heading {\n font-weight: 600;\n}\n.vs-alert-button {\n display: block;\n position: absolute;\n top: 8px;\n right: 4px;\n transition: background-color 0.1s ease-in-out 0s, color 0.25s ease-in-out 0s;\n border: none;\n background-color: transparent;\n cursor: pointer;\n padding: 0px;\n width: 28px;\n height: 28px;\n overflow: hidden;\n color: #333333;\n font-size: 0px;\n user-select: none;\n}\n.vs-alert-button.success {\n color: #186146;\n}\n.vs-alert-button.warning {\n color: #ad5918;\n}\n.vs-alert-button.error {\n color: #8c232c;\n}\n.vs-alert-button.info {\n color: #1f73b7;\n}\n.vs-alert-success {\n border: 1px solid #aecfc2;\n background-color: #edf8f4;\n color: #186146;\n}\n.vs-alert-warning {\n border: 1px solid #fed6a8;\n background-color: #fff7ed;\n color: #ad5918;\n}\n.vs-alert-error {\n border: 1px solid #f5b5ba;\n background-color: #fff0f1;\n color: #8c232c;\n}\n.vs-alert-info {\n border: 1px solid #adcce4;\n background-color: #edf7ff;\n color: #1f73b7;\n}\n.vs-alert--no-bg {\n background-color: transparent;\n border-color: transparent;\n padding: 0 22px;\n font-size: 13px;\n}\n.vs-alert--no-bg .vs-alert-icon__wrapper svg {\n left: 0;\n margin-top: 0;\n}\n.vs-alert--no-bg.vs-alert-success {\n color: #038153;\n}\n.vs-alert--no-bg.vs-alert-warning {\n color: #ad5918;\n}\n.vs-alert--no-bg.vs-alert-error {\n color: #cc3340;\n}\n.vs-alert--no-bg.vs-alert-info {\n color: #337fbd;\n}", map: undefined, media: undefined }); | ||
@@ -392,0 +412,0 @@ }; |
@@ -1,1 +0,1 @@ | ||
var VsAlert=function(e){"use strict";var t={name:"VsAlert",props:{type:{type:String,required:!0},showClose:{type:Boolean,default:!1},title:{type:String}},computed:{classList:function(){return["vs-alert-"+this.type]}}};function n(e,t,n,r,o,s,i,a,l,c){"boolean"!=typeof i&&(l=a,a=i,i=!1);var d,p="function"==typeof n?n.options:n;if(e&&e.render&&(p.render=e.render,p.staticRenderFns=e.staticRenderFns,p._compiled=!0,o&&(p.functional=!0)),r&&(p._scopeId=r),s?(d=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__),t&&t.call(this,l(e)),e&&e._registeredComponents&&e._registeredComponents.add(s)},p._ssrRegister=d):t&&(d=i?function(e){t.call(this,c(e,this.$root.$options.shadowRoot))}:function(e){t.call(this,a(e))}),d)if(p.functional){var u=p.render;p.render=function(e,t){return d.call(t),u(e,t)}}else{var v=p.beforeCreate;p.beforeCreate=v?[].concat(v,d):[d]}return n}var r,o="undefined"!=typeof navigator&&/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());function s(e){return function(e,t){return function(e,t){var n=o?t.media||"default":e,s=i[n]||(i[n]={ids:new Set,styles:[]});if(!s.ids.has(e)){s.ids.add(e);var a=t.source;if(t.map&&(a+="\n/*# sourceURL="+t.map.sources[0]+" */",a+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(t.map))))+" */"),s.element||(s.element=document.createElement("style"),s.element.type="text/css",t.media&&s.element.setAttribute("media",t.media),void 0===r&&(r=document.head||document.getElementsByTagName("head")[0]),r.appendChild(s.element)),"styleSheet"in s.element)s.styles.push(a),s.element.styleSheet.cssText=s.styles.filter(Boolean).join("\n");else{var l=s.ids.size-1,c=document.createTextNode(a),d=s.element.childNodes;d[l]&&s.element.removeChild(d[l]),d.length?s.element.insertBefore(c,d[l]):s.element.appendChild(c)}}}(e,t)}}var i={};var a=t,l=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{class:["vs-alert",e.classList]},[n("span",{staticClass:"vs-alert-icon__wrapper"},["error"===e.type?n("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16"}},[n("g",{attrs:{fill:"none",stroke:"#cc3340"}},[n("circle",{attrs:{cx:"7.5",cy:"8.5",r:"7"}}),e._v(" "),n("path",{attrs:{"stroke-linecap":"round",d:"M7.5 4.5V9"}})]),e._v(" "),n("circle",{attrs:{cx:"7.5",cy:"12",r:"1",fill:"#cc3340"}})]):e._e(),e._v(" "),"info"===e.type?n("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16"}},[n("g",{attrs:{stroke:"#337fbd"}},[n("circle",{attrs:{cx:"7.5",cy:"8.5",r:"7",fill:"none"}}),e._v(" "),n("path",{attrs:{"stroke-linecap":"round",d:"M7.5 12.5V8"}})]),e._v(" "),n("circle",{attrs:{cx:"7.5",cy:"5",r:"1",fill:"#337fbd"}})]):e._e(),e._v(" "),"success"===e.type?n("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16"}},[n("g",{attrs:{fill:"none",stroke:"#038153"}},[n("path",{attrs:{"stroke-linecap":"round","stroke-linejoin":"round",d:"M4 9l2.5 2.5 5-5"}}),e._v(" "),n("circle",{attrs:{cx:"7.5",cy:"8.5",r:"7"}})])]):e._e(),e._v(" "),"warning"===e.type?n("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16"}},[n("path",{attrs:{fill:"none",stroke:"#ad5918","stroke-linecap":"round",d:"M.88 13.77L7.06 1.86c.19-.36.7-.36.89 0l6.18 11.91c.17.33-.07.73-.44.73H1.32c-.37 0-.61-.4-.44-.73zM7.5 6v3.5"}}),e._v(" "),n("circle",{attrs:{cx:"7.5",cy:"12",r:"1",fill:"#ad5918"}})]):e._e()]),e._v(" "),e.title?n("div",{staticClass:"vs-alert__heading"},[e._v(e._s(e.title))]):e._e(),e._v(" "),e._t("default"),e._v(" "),e.showClose?n("button",{class:["vs-alert-button",e.type],on:{click:function(t){return e.$emit("close",!0)}}},[n("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 12 12",focusable:"false",role:"presentation"}},[n("path",{attrs:{stroke:"currentColor","stroke-linecap":"round",d:"M3 9l6-6m0 6L3 3"}})])]):e._e()],2)};l._withStripped=!0;var c=n({render:l,staticRenderFns:[]},(function(e){e&&e("data-v-61a83900_0",{source:".vs-alert {\n position: relative;\n border-radius: 4px;\n padding: 12px 30px;\n line-height: 1.42857;\n font-size: 14px;\n}\n.vs-alert-icon__wrapper svg {\n position: absolute;\n left: 8px;\n margin-top: 1px;\n}\n.vs-alert__heading {\n font-weight: 600;\n}\n.vs-alert-button {\n display: block;\n position: absolute;\n top: 8px;\n right: 4px;\n transition: background-color 0.1s ease-in-out 0s, color 0.25s ease-in-out 0s;\n border: none;\n background-color: transparent;\n cursor: pointer;\n padding: 0px;\n width: 28px;\n height: 28px;\n overflow: hidden;\n color: #333333;\n font-size: 0px;\n user-select: none;\n}\n.vs-alert-button.success {\n color: #186146;\n}\n.vs-alert-button.warning {\n color: #ad5918;\n}\n.vs-alert-button.error {\n color: #8c232c;\n}\n.vs-alert-button.info {\n color: #1f73b7;\n}\n.vs-alert-success {\n border: 1px solid #aecfc2;\n background-color: #edf8f4;\n color: #186146;\n}\n.vs-alert-warning {\n border: 1px solid #fed6a8;\n background-color: #fff7ed;\n color: #ad5918;\n}\n.vs-alert-error {\n border: 1px solid #f5b5ba;\n background-color: #fff0f1;\n color: #8c232c;\n}\n.vs-alert-info {\n border: 1px solid #adcce4;\n background-color: #edf7ff;\n color: #1f73b7;\n}",map:void 0,media:void 0})}),a,void 0,!1,void 0,!1,s,void 0,void 0);function d(e){d.installed||(d.installed=!0,e.component("VsAlert",c))}var p={install:d},u=null;return"undefined"!=typeof window?u=window.Vue:"undefined"!=typeof global&&(u=global.Vue),u&&u.use(p),e.default=c,e.install=d,e}({}); | ||
var VsAlert=function(e){"use strict";var t={name:"VsAlert",props:{type:{type:String,required:!0},showClose:{type:Boolean,default:!1},title:{type:String},noBg:{type:Boolean,default:!1}},computed:{classList:function(){return["vs-alert-"+this.type,{"vs-alert--no-bg":this.noBg}]}}};function n(e,t,n,r,o,s,a,i,l,c){"boolean"!=typeof a&&(l=i,i=a,a=!1);var d,p="function"==typeof n?n.options:n;if(e&&e.render&&(p.render=e.render,p.staticRenderFns=e.staticRenderFns,p._compiled=!0,o&&(p.functional=!0)),r&&(p._scopeId=r),s?(d=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__),t&&t.call(this,l(e)),e&&e._registeredComponents&&e._registeredComponents.add(s)},p._ssrRegister=d):t&&(d=a?function(e){t.call(this,c(e,this.$root.$options.shadowRoot))}:function(e){t.call(this,i(e))}),d)if(p.functional){var v=p.render;p.render=function(e,t){return d.call(t),v(e,t)}}else{var u=p.beforeCreate;p.beforeCreate=u?[].concat(u,d):[d]}return n}var r,o="undefined"!=typeof navigator&&/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());function s(e){return function(e,t){return function(e,t){var n=o?t.media||"default":e,s=a[n]||(a[n]={ids:new Set,styles:[]});if(!s.ids.has(e)){s.ids.add(e);var i=t.source;if(t.map&&(i+="\n/*# sourceURL="+t.map.sources[0]+" */",i+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(t.map))))+" */"),s.element||(s.element=document.createElement("style"),s.element.type="text/css",t.media&&s.element.setAttribute("media",t.media),void 0===r&&(r=document.head||document.getElementsByTagName("head")[0]),r.appendChild(s.element)),"styleSheet"in s.element)s.styles.push(i),s.element.styleSheet.cssText=s.styles.filter(Boolean).join("\n");else{var l=s.ids.size-1,c=document.createTextNode(i),d=s.element.childNodes;d[l]&&s.element.removeChild(d[l]),d.length?s.element.insertBefore(c,d[l]):s.element.appendChild(c)}}}(e,t)}}var a={};var i=t,l=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{class:["vs-alert",e.classList]},[n("span",{staticClass:"vs-alert-icon__wrapper"},[e._t("icon",["success"===e.type?n("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16"}},[n("g",{attrs:{fill:"none",stroke:"#038153"}},[n("path",{attrs:{"stroke-linecap":"round","stroke-linejoin":"round",d:"M4 9l2.5 2.5 5-5"}}),e._v(" "),n("circle",{attrs:{cx:"7.5",cy:"8.5",r:"7"}})])]):e._e(),e._v(" "),"warning"===e.type?n("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16"}},[n("path",{attrs:{fill:"none",stroke:"#ad5918","stroke-linecap":"round",d:"M.88 13.77L7.06 1.86c.19-.36.7-.36.89 0l6.18 11.91c.17.33-.07.73-.44.73H1.32c-.37 0-.61-.4-.44-.73zM7.5 6v3.5"}}),e._v(" "),n("circle",{attrs:{cx:"7.5",cy:"12",r:"1",fill:"#ad5918"}})]):e._e(),e._v(" "),"error"===e.type?n("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16"}},[n("g",{attrs:{fill:"none",stroke:"#cc3340"}},[n("circle",{attrs:{cx:"7.5",cy:"8.5",r:"7"}}),e._v(" "),n("path",{attrs:{"stroke-linecap":"round",d:"M7.5 4.5V9"}})]),e._v(" "),n("circle",{attrs:{cx:"7.5",cy:"12",r:"1",fill:"#cc3340"}})]):e._e(),e._v(" "),"info"===e.type?n("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16"}},[n("g",{attrs:{stroke:"#337fbd"}},[n("circle",{attrs:{cx:"7.5",cy:"8.5",r:"7",fill:"none"}}),e._v(" "),n("path",{attrs:{"stroke-linecap":"round",d:"M7.5 12.5V8"}})]),e._v(" "),n("circle",{attrs:{cx:"7.5",cy:"5",r:"1",fill:"#337fbd"}})]):e._e()])],2),e._v(" "),e.title?n("div",{staticClass:"vs-alert__heading"},[e._v(e._s(e.title))]):e._e(),e._v(" "),e._t("default"),e._v(" "),e.showClose?n("button",{class:["vs-alert-button",e.type],on:{click:function(t){return e.$emit("close",!0)}}},[n("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 12 12",focusable:"false",role:"presentation"}},[n("path",{attrs:{stroke:"currentColor","stroke-linecap":"round",d:"M3 9l6-6m0 6L3 3"}})])]):e._e()],2)};l._withStripped=!0;var c=n({render:l,staticRenderFns:[]},(function(e){e&&e("data-v-02428321_0",{source:".vs-alert {\n position: relative;\n border-radius: 4px;\n padding: 12px 30px;\n line-height: 1.42857;\n font-size: 14px;\n}\n.vs-alert-icon__wrapper svg {\n position: absolute;\n left: 8px;\n margin-top: 1px;\n}\n.vs-alert__heading {\n font-weight: 600;\n}\n.vs-alert-button {\n display: block;\n position: absolute;\n top: 8px;\n right: 4px;\n transition: background-color 0.1s ease-in-out 0s, color 0.25s ease-in-out 0s;\n border: none;\n background-color: transparent;\n cursor: pointer;\n padding: 0px;\n width: 28px;\n height: 28px;\n overflow: hidden;\n color: #333333;\n font-size: 0px;\n user-select: none;\n}\n.vs-alert-button.success {\n color: #186146;\n}\n.vs-alert-button.warning {\n color: #ad5918;\n}\n.vs-alert-button.error {\n color: #8c232c;\n}\n.vs-alert-button.info {\n color: #1f73b7;\n}\n.vs-alert-success {\n border: 1px solid #aecfc2;\n background-color: #edf8f4;\n color: #186146;\n}\n.vs-alert-warning {\n border: 1px solid #fed6a8;\n background-color: #fff7ed;\n color: #ad5918;\n}\n.vs-alert-error {\n border: 1px solid #f5b5ba;\n background-color: #fff0f1;\n color: #8c232c;\n}\n.vs-alert-info {\n border: 1px solid #adcce4;\n background-color: #edf7ff;\n color: #1f73b7;\n}\n.vs-alert--no-bg {\n background-color: transparent;\n border-color: transparent;\n padding: 0 22px;\n font-size: 13px;\n}\n.vs-alert--no-bg .vs-alert-icon__wrapper svg {\n left: 0;\n margin-top: 0;\n}\n.vs-alert--no-bg.vs-alert-success {\n color: #038153;\n}\n.vs-alert--no-bg.vs-alert-warning {\n color: #ad5918;\n}\n.vs-alert--no-bg.vs-alert-error {\n color: #cc3340;\n}\n.vs-alert--no-bg.vs-alert-info {\n color: #337fbd;\n}",map:void 0,media:void 0})}),i,void 0,!1,void 0,!1,s,void 0,void 0);function d(e){d.installed||(d.installed=!0,e.component("VsAlert",c))}var p={install:d},v=null;return"undefined"!=typeof window?v=window.Vue:"undefined"!=typeof global&&(v=global.Vue),v&&v.use(p),e.default=c,e.install=d,e}({}); |
@@ -57,2 +57,11 @@ (function (global, factory) { | ||
// | ||
// | ||
// | ||
// | ||
// | ||
// | ||
// | ||
// | ||
// | ||
// | ||
@@ -74,2 +83,6 @@ var script = { | ||
}, | ||
noBg: { | ||
type: Boolean, | ||
default: false, | ||
}, | ||
}, | ||
@@ -79,3 +92,3 @@ | ||
classList: function classList() { | ||
return [("vs-alert-" + (this.type))]; | ||
return [("vs-alert-" + (this.type)), { 'vs-alert--no-bg': this.noBg }]; | ||
}, | ||
@@ -225,115 +238,122 @@ }, | ||
[ | ||
_c("span", { staticClass: "vs-alert-icon__wrapper" }, [ | ||
_vm.type === "error" | ||
? _c( | ||
"svg", | ||
{ | ||
attrs: { | ||
xmlns: "http://www.w3.org/2000/svg", | ||
width: "16", | ||
height: "16", | ||
viewBox: "0 0 16 16" | ||
} | ||
}, | ||
[ | ||
_c("g", { attrs: { fill: "none", stroke: "#cc3340" } }, [ | ||
_c("circle", { attrs: { cx: "7.5", cy: "8.5", r: "7" } }), | ||
_vm._v(" "), | ||
_c("path", { | ||
attrs: { "stroke-linecap": "round", d: "M7.5 4.5V9" } | ||
}) | ||
]), | ||
_vm._v(" "), | ||
_c("circle", { | ||
attrs: { cx: "7.5", cy: "12", r: "1", fill: "#cc3340" } | ||
}) | ||
] | ||
) | ||
: _vm._e(), | ||
_vm._v(" "), | ||
_vm.type === "info" | ||
? _c( | ||
"svg", | ||
{ | ||
attrs: { | ||
xmlns: "http://www.w3.org/2000/svg", | ||
width: "16", | ||
height: "16", | ||
viewBox: "0 0 16 16" | ||
} | ||
}, | ||
[ | ||
_c("g", { attrs: { stroke: "#337fbd" } }, [ | ||
_c("circle", { | ||
attrs: { cx: "7.5", cy: "8.5", r: "7", fill: "none" } | ||
}), | ||
_vm._v(" "), | ||
_c("path", { | ||
attrs: { "stroke-linecap": "round", d: "M7.5 12.5V8" } | ||
}) | ||
]), | ||
_vm._v(" "), | ||
_c("circle", { | ||
attrs: { cx: "7.5", cy: "5", r: "1", fill: "#337fbd" } | ||
}) | ||
] | ||
) | ||
: _vm._e(), | ||
_vm._v(" "), | ||
_vm.type === "success" | ||
? _c( | ||
"svg", | ||
{ | ||
attrs: { | ||
xmlns: "http://www.w3.org/2000/svg", | ||
width: "16", | ||
height: "16", | ||
viewBox: "0 0 16 16" | ||
} | ||
}, | ||
[ | ||
_c("g", { attrs: { fill: "none", stroke: "#038153" } }, [ | ||
_c("path", { | ||
_c( | ||
"span", | ||
{ staticClass: "vs-alert-icon__wrapper" }, | ||
[ | ||
_vm._t("icon", [ | ||
_vm.type === "success" | ||
? _c( | ||
"svg", | ||
{ | ||
attrs: { | ||
"stroke-linecap": "round", | ||
"stroke-linejoin": "round", | ||
d: "M4 9l2.5 2.5 5-5" | ||
xmlns: "http://www.w3.org/2000/svg", | ||
width: "16", | ||
height: "16", | ||
viewBox: "0 0 16 16" | ||
} | ||
}), | ||
_vm._v(" "), | ||
_c("circle", { attrs: { cx: "7.5", cy: "8.5", r: "7" } }) | ||
]) | ||
] | ||
) | ||
: _vm._e(), | ||
_vm._v(" "), | ||
_vm.type === "warning" | ||
? _c( | ||
"svg", | ||
{ | ||
attrs: { | ||
xmlns: "http://www.w3.org/2000/svg", | ||
width: "16", | ||
height: "16", | ||
viewBox: "0 0 16 16" | ||
} | ||
}, | ||
[ | ||
_c("path", { | ||
attrs: { | ||
fill: "none", | ||
stroke: "#ad5918", | ||
"stroke-linecap": "round", | ||
d: | ||
"M.88 13.77L7.06 1.86c.19-.36.7-.36.89 0l6.18 11.91c.17.33-.07.73-.44.73H1.32c-.37 0-.61-.4-.44-.73zM7.5 6v3.5" | ||
} | ||
}), | ||
_vm._v(" "), | ||
_c("circle", { | ||
attrs: { cx: "7.5", cy: "12", r: "1", fill: "#ad5918" } | ||
}) | ||
] | ||
) | ||
: _vm._e() | ||
]), | ||
}, | ||
[ | ||
_c("g", { attrs: { fill: "none", stroke: "#038153" } }, [ | ||
_c("path", { | ||
attrs: { | ||
"stroke-linecap": "round", | ||
"stroke-linejoin": "round", | ||
d: "M4 9l2.5 2.5 5-5" | ||
} | ||
}), | ||
_vm._v(" "), | ||
_c("circle", { attrs: { cx: "7.5", cy: "8.5", r: "7" } }) | ||
]) | ||
] | ||
) | ||
: _vm._e(), | ||
_vm._v(" "), | ||
_vm.type === "warning" | ||
? _c( | ||
"svg", | ||
{ | ||
attrs: { | ||
xmlns: "http://www.w3.org/2000/svg", | ||
width: "16", | ||
height: "16", | ||
viewBox: "0 0 16 16" | ||
} | ||
}, | ||
[ | ||
_c("path", { | ||
attrs: { | ||
fill: "none", | ||
stroke: "#ad5918", | ||
"stroke-linecap": "round", | ||
d: | ||
"M.88 13.77L7.06 1.86c.19-.36.7-.36.89 0l6.18 11.91c.17.33-.07.73-.44.73H1.32c-.37 0-.61-.4-.44-.73zM7.5 6v3.5" | ||
} | ||
}), | ||
_vm._v(" "), | ||
_c("circle", { | ||
attrs: { cx: "7.5", cy: "12", r: "1", fill: "#ad5918" } | ||
}) | ||
] | ||
) | ||
: _vm._e(), | ||
_vm._v(" "), | ||
_vm.type === "error" | ||
? _c( | ||
"svg", | ||
{ | ||
attrs: { | ||
xmlns: "http://www.w3.org/2000/svg", | ||
width: "16", | ||
height: "16", | ||
viewBox: "0 0 16 16" | ||
} | ||
}, | ||
[ | ||
_c("g", { attrs: { fill: "none", stroke: "#cc3340" } }, [ | ||
_c("circle", { attrs: { cx: "7.5", cy: "8.5", r: "7" } }), | ||
_vm._v(" "), | ||
_c("path", { | ||
attrs: { "stroke-linecap": "round", d: "M7.5 4.5V9" } | ||
}) | ||
]), | ||
_vm._v(" "), | ||
_c("circle", { | ||
attrs: { cx: "7.5", cy: "12", r: "1", fill: "#cc3340" } | ||
}) | ||
] | ||
) | ||
: _vm._e(), | ||
_vm._v(" "), | ||
_vm.type === "info" | ||
? _c( | ||
"svg", | ||
{ | ||
attrs: { | ||
xmlns: "http://www.w3.org/2000/svg", | ||
width: "16", | ||
height: "16", | ||
viewBox: "0 0 16 16" | ||
} | ||
}, | ||
[ | ||
_c("g", { attrs: { stroke: "#337fbd" } }, [ | ||
_c("circle", { | ||
attrs: { cx: "7.5", cy: "8.5", r: "7", fill: "none" } | ||
}), | ||
_vm._v(" "), | ||
_c("path", { | ||
attrs: { "stroke-linecap": "round", d: "M7.5 12.5V8" } | ||
}) | ||
]), | ||
_vm._v(" "), | ||
_c("circle", { | ||
attrs: { cx: "7.5", cy: "5", r: "1", fill: "#337fbd" } | ||
}) | ||
] | ||
) | ||
: _vm._e() | ||
]) | ||
], | ||
2 | ||
), | ||
_vm._v(" "), | ||
@@ -395,3 +415,3 @@ _vm.title | ||
if (!inject) { return } | ||
inject("data-v-61a83900_0", { source: ".vs-alert {\n position: relative;\n border-radius: 4px;\n padding: 12px 30px;\n line-height: 1.42857;\n font-size: 14px;\n}\n.vs-alert-icon__wrapper svg {\n position: absolute;\n left: 8px;\n margin-top: 1px;\n}\n.vs-alert__heading {\n font-weight: 600;\n}\n.vs-alert-button {\n display: block;\n position: absolute;\n top: 8px;\n right: 4px;\n transition: background-color 0.1s ease-in-out 0s, color 0.25s ease-in-out 0s;\n border: none;\n background-color: transparent;\n cursor: pointer;\n padding: 0px;\n width: 28px;\n height: 28px;\n overflow: hidden;\n color: #333333;\n font-size: 0px;\n user-select: none;\n}\n.vs-alert-button.success {\n color: #186146;\n}\n.vs-alert-button.warning {\n color: #ad5918;\n}\n.vs-alert-button.error {\n color: #8c232c;\n}\n.vs-alert-button.info {\n color: #1f73b7;\n}\n.vs-alert-success {\n border: 1px solid #aecfc2;\n background-color: #edf8f4;\n color: #186146;\n}\n.vs-alert-warning {\n border: 1px solid #fed6a8;\n background-color: #fff7ed;\n color: #ad5918;\n}\n.vs-alert-error {\n border: 1px solid #f5b5ba;\n background-color: #fff0f1;\n color: #8c232c;\n}\n.vs-alert-info {\n border: 1px solid #adcce4;\n background-color: #edf7ff;\n color: #1f73b7;\n}", map: undefined, media: undefined }); | ||
inject("data-v-02428321_0", { source: ".vs-alert {\n position: relative;\n border-radius: 4px;\n padding: 12px 30px;\n line-height: 1.42857;\n font-size: 14px;\n}\n.vs-alert-icon__wrapper svg {\n position: absolute;\n left: 8px;\n margin-top: 1px;\n}\n.vs-alert__heading {\n font-weight: 600;\n}\n.vs-alert-button {\n display: block;\n position: absolute;\n top: 8px;\n right: 4px;\n transition: background-color 0.1s ease-in-out 0s, color 0.25s ease-in-out 0s;\n border: none;\n background-color: transparent;\n cursor: pointer;\n padding: 0px;\n width: 28px;\n height: 28px;\n overflow: hidden;\n color: #333333;\n font-size: 0px;\n user-select: none;\n}\n.vs-alert-button.success {\n color: #186146;\n}\n.vs-alert-button.warning {\n color: #ad5918;\n}\n.vs-alert-button.error {\n color: #8c232c;\n}\n.vs-alert-button.info {\n color: #1f73b7;\n}\n.vs-alert-success {\n border: 1px solid #aecfc2;\n background-color: #edf8f4;\n color: #186146;\n}\n.vs-alert-warning {\n border: 1px solid #fed6a8;\n background-color: #fff7ed;\n color: #ad5918;\n}\n.vs-alert-error {\n border: 1px solid #f5b5ba;\n background-color: #fff0f1;\n color: #8c232c;\n}\n.vs-alert-info {\n border: 1px solid #adcce4;\n background-color: #edf7ff;\n color: #1f73b7;\n}\n.vs-alert--no-bg {\n background-color: transparent;\n border-color: transparent;\n padding: 0 22px;\n font-size: 13px;\n}\n.vs-alert--no-bg .vs-alert-icon__wrapper svg {\n left: 0;\n margin-top: 0;\n}\n.vs-alert--no-bg.vs-alert-success {\n color: #038153;\n}\n.vs-alert--no-bg.vs-alert-warning {\n color: #ad5918;\n}\n.vs-alert--no-bg.vs-alert-error {\n color: #cc3340;\n}\n.vs-alert--no-bg.vs-alert-info {\n color: #337fbd;\n}", map: undefined, media: undefined }); | ||
@@ -398,0 +418,0 @@ }; |
{ | ||
"name": "vs-alert", | ||
"version": "1.2.74", | ||
"version": "1.2.75", | ||
"description": "A simple vue alert. Perfect for all your alert scenarios.", | ||
@@ -5,0 +5,0 @@ "main": "dist/vs-alert.umd.js", |
@@ -24,2 +24,4 @@ # Vue Simple Alert | ||
<img src="./demo_image/image.png" width="600"> | ||
<br /> | ||
@@ -64,3 +66,3 @@ | ||
```javascript | ||
<script src="https://unpkg.com/vs-alert@1.2.74/dist/vs-alert.min.js"></script> | ||
<script src="https://unpkg.com/vs-alert@1.2.75/dist/vs-alert.min.js"></script> | ||
``` | ||
@@ -130,3 +132,4 @@ | ||
| title | String | - | The alert title (text only). For HTML, use the header slot. | | ||
| showClose | Boolean | - | Show alert close icon | | ||
| showClose | Boolean | false | Show alert close icon | | ||
| noBg | Boolean | false | Remove background color | | ||
@@ -150,1 +153,2 @@ <br /> | ||
| (default) | Holds the alert content and can contain HTML. | | ||
| icon | Slot to add custom icon for type | |
Sorry, the diff of this file is not supported yet
176982
977
151
10