zview-plus
Version:
基于 Vue3 的 UI 组件库
2 lines (1 loc) • 1.35 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),m=require("./message.js"),c={key:0,class:"z-message__content"},d=["innerHTML"],p={name:"ZMessage"},g=e.defineComponent({...p,props:m.MessageProps,setup(a){const t=a,o=e.ref(!1);let l=null;const r=()=>{o.value=!0,t.duration>0&&(l=setTimeout(()=>{o.value=!1},t.duration))},i=()=>{o.value=!1};return e.onMounted(()=>{r()}),e.onUnmounted(()=>{clearTimeout(l)}),(s,n)=>(e.openBlock(),e.createBlock(e.Transition,{name:"z-message-fade",onBeforeLeave:n[0]||(n[0]=u=>s.onClose&&s.onClose()),onAfterLeave:n[1]||(n[1]=u=>s.$emit("destroy"))},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(["z-message",s.type?`z-message--${s.type}`:""])},[e.createElementVNode("i",{class:e.normalizeClass(`z-message__icon z-icon-${s.type}`)},null,2),e.renderSlot(s.$slots,"default",{},()=>[s.dangerouslyUseHTMLString?(e.openBlock(),e.createElementBlock("p",{key:1,innerHTML:s.message,class:"z-message__content"},null,8,d)):(e.openBlock(),e.createElementBlock("p",c,e.toDisplayString(s.message),1))]),s.showClose?(e.openBlock(),e.createElementBlock("i",{key:0,class:"z-message__closeBtn z-icon-close1",onClick:i})):e.createCommentVNode("",!0)],2),[[e.vShow,o.value]])]),_:3}))}});exports.default=g;