vue-amazing-ui/lib/alert/Alert.vue2.cjs

An Amazing Vue3 UI Components Library, Using TypeScript.

"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("../utils/index.cjs"),h={key:0,class:"alert-icon"},k=["src"],v={key:1,class:"icon-svg",focusable:"false","data-icon":"info-circle",width:"1em",height:"1em",fill:"currentColor","aria-hidden":"true",viewBox:"64 64 896 896"},g={key:2,class:"icon-svg",focusable:"false","data-icon":"check-circle",width:"1em",height:"1em",fill:"currentColor","aria-hidden":"true",viewBox:"64 64 896 896"},B={key:3,class:"icon-svg",focusable:"false","data-icon":"exclamation-circle",width:"1em",height:"1em",fill:"currentColor","aria-hidden":"true",viewBox:"64 64 896 896"},y={key:4,class:"icon-svg",focusable:"false","data-icon":"close-circle",width:"1em",height:"1em",fill:"currentColor","aria-hidden":"true",viewBox:"64 64 896 896"},w={key:1,class:"big-icon"},E=["src"],b={key:1,class:"icon-svg",focusable:"false","data-icon":"info-circle",width:"1em",height:"1em",fill:"currentColor","aria-hidden":"true",viewBox:"64 64 896 896"},C={key:2,class:"icon-svg",focusable:"false","data-icon":"check-circle",width:"1em",height:"1em",fill:"currentColor","aria-hidden":"true",viewBox:"64 64 896 896"},V={key:3,class:"icon-svg",focusable:"false","data-icon":"exclamation-circle",width:"1em",height:"1em",fill:"currentColor","aria-hidden":"true",viewBox:"64 64 896 896"},z={key:4,class:"icon-svg",focusable:"false","data-icon":"close-circle",width:"1em",height:"1em",fill:"currentColor","aria-hidden":"true",viewBox:"64 64 896 896"},N={class:"alert-content"},S={class:"alert-message"},M={key:0,class:"alert-description"},L={key:1,class:"alert-actions"},$=["onKeydown"],T={key:0},H={key:1,class:"alert-close",focusable:"false","data-icon":"close",width:"1em",height:"1em",fill:"currentColor","aria-hidden":"true",viewBox:"64 64 896 896"},A=e.defineComponent({__name:"Alert",props:{message:{default:void 0},description:{default:void 0},type:{default:"default"},bordered:{type:Boolean,default:!0},closable:{type:Boolean,default:!1},closeText:{default:void 0},icon:{default:void 0},showIcon:{type:Boolean,default:!1},actions:{type:Function,default:void 0}},emits:["close"],setup(m,{emit:u}){const l=m,c=e.ref(),a=e.ref(!1),{colorPalettes:r}=d.useInject("Alert"),f=u,n=d.useSlotsExist(["icon","description","actions"]),p=e.computed(()=>n.icon||l.icon||["success","info","warning","error"].includes(l.type)),s=e.computed(()=>n.description||l.description);async function i(o){c.value.style.maxHeight=`${c.value.offsetHeight}px`,await e.nextTick(),a.value=!0,f("close",o)}return(o,t)=>(e.openBlock(),e.createBlock(e.Transition,{name:"alert-motion","leave-from-class":"alert-motion-leave","leave-active-class":"alert-motion-leave alert-motion-leave-active","leave-to-class":"alert-motion-leave alert-motion-leave-active"},{default:e.withCtx(()=>[a.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"alertRef",ref:c,class:e.normalizeClass(["alert-wrap",[`alert-${o.type}`,{"alert-borderless":!o.bordered,"alert-width-description":s.value}]]),style:e.normalizeStyle(`
        --alert-primary-color: ${e.unref(r)[5]};
        --alert-primary-bg-color: ${e.unref(r)[0]};
        --alert-primary-border-color: ${e.unref(r)[2]};
        --alert-success-color: #52c41a;
        --alert-success-bg-color: #f6ffed;
        --alert-success-border-color: #b7eb8f;
        --alert-warning-color: #faad14;
        --alert-warning-bg-color: #fffbe6;
        --alert-warning-border-color: #ffe58f;
        --alert-error-color: #ff4d4f;
        --alert-error-bg-color: #fff2f0;
        --alert-error-border-color: #ffccc7;
      `)},[o.showIcon&&p.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[s.value?(e.openBlock(),e.createElementBlock("span",w,[e.renderSlot(o.$slots,"icon",{},()=>[o.icon?(e.openBlock(),e.createElementBlock("img",{key:0,src:o.icon,class:"big-icon-img"},null,8,E)):o.type==="info"?(e.openBlock(),e.createElementBlock("svg",b,[...t[4]||(t[4]=[e.createElementVNode("path",{d:"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"},null,-1),e.createElementVNode("path",{d:"M464 336a48 48 0 1096 0 48 48 0 10-96 0zm72 112h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V456c0-4.4-3.6-8-8-8z"},null,-1)])])):o.type==="success"?(e.openBlock(),e.createElementBlock("svg",C,[...t[5]||(t[5]=[e.createElementVNode("path",{d:"M699 353h-46.9c-10.2 0-19.9 4.9-25.9 13.3L469 584.3l-71.2-98.8c-6-8.3-15.6-13.3-25.9-13.3H325c-6.5 0-10.3 7.4-6.5 12.7l124.6 172.8a31.8 31.8 0 0051.7 0l210.6-292c3.9-5.3.1-12.7-6.4-12.7z"},null,-1),e.createElementVNode("path",{d:"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"},null,-1)])])):o.type==="warning"?(e.openBlock(),e.createElementBlock("svg",V,[...t[6]||(t[6]=[e.createElementVNode("path",{d:"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"},null,-1),e.createElementVNode("path",{d:"M464 688a48 48 0 1096 0 48 48 0 10-96 0zm24-112h48c4.4 0 8-3.6 8-8V296c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8z"},null,-1)])])):o.type==="error"?(e.openBlock(),e.createElementBlock("svg",z,[...t[7]||(t[7]=[e.createElementVNode("path",{d:"M685.4 354.8c0-4.4-3.6-8-8-8l-66 .3L512 465.6l-99.3-118.4-66.1-.3c-4.4 0-8 3.5-8 8 0 1.9.7 3.7 1.9 5.2l130.1 155L340.5 670a8.32 8.32 0 00-1.9 5.2c0 4.4 3.6 8 8 8l66.1-.3L512 564.4l99.3 118.4 66 .3c4.4 0 8-3.5 8-8 0-1.9-.7-3.7-1.9-5.2L553.5 515l130.1-155c1.2-1.4 1.8-3.3 1.8-5.2z"},null,-1),e.createElementVNode("path",{d:"M512 65C264.6 65 64 265.6 64 513s200.6 448 448 448 448-200.6 448-448S759.4 65 512 65zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"},null,-1)])])):e.createCommentVNode("",!0)],!0)])):(e.openBlock(),e.createElementBlock("span",h,[e.renderSlot(o.$slots,"icon",{},()=>[o.icon?(e.openBlock(),e.createElementBlock("img",{key:0,src:o.icon,class:"icon-img"},null,8,k)):o.type==="info"?(e.openBlock(),e.createElementBlock("svg",v,[...t[0]||(t[0]=[e.createElementVNode("path",{d:"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm32 664c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V456c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272zm-32-344a48.01 48.01 0 010-96 48.01 48.01 0 010 96z"},null,-1)])])):o.type==="success"?(e.openBlock(),e.createElementBlock("svg",g,[...t[1]||(t[1]=[e.createElementVNode("path",{d:"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm193.5 301.7l-210.6 292a31.8 31.8 0 01-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z"},null,-1)])])):o.type==="warning"?(e.openBlock(),e.createElementBlock("svg",B,[...t[2]||(t[2]=[e.createElementVNode("path",{d:"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z"},null,-1)])])):o.type==="error"?(e.openBlock(),e.createElementBlock("svg",y,[...t[3]||(t[3]=[e.createElementVNode("path",{d:"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"},null,-1)])])):e.createCommentVNode("",!0)],!0)]))],64)):e.createCommentVNode("",!0),e.createElementVNode("div",N,[e.createElementVNode("div",S,[e.renderSlot(o.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(o.message),1)],!0)]),s.value?(e.openBlock(),e.createElementBlock("div",M,[e.renderSlot(o.$slots,"description",{},()=>[e.createTextVNode(e.toDisplayString(o.description),1)],!0)])):e.createCommentVNode("",!0)]),e.unref(n).actions?(e.openBlock(),e.createElementBlock("div",L,[e.renderSlot(o.$slots,"actions",{},void 0,!0)])):e.createCommentVNode("",!0),o.closable?(e.openBlock(),e.createElementBlock("a",{key:2,tabindex:"0",class:"alert-close",onClick:i,onKeydown:e.withKeys(e.withModifiers(i,["prevent"]),["enter"])},[e.renderSlot(o.$slots,"closeText",{},()=>[o.closeText?(e.openBlock(),e.createElementBlock("span",T,e.toDisplayString(o.closeText),1)):(e.openBlock(),e.createElementBlock("svg",H,[...t[8]||(t[8]=[e.createElementVNode("path",{d:"M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"},null,-1)])]))],!0)],40,$)):e.createCommentVNode("",!0)],6))]),_:3}))}});exports.default=A;