zview-plus
Version:
基于 Vue3 的 UI 组件库
2 lines (1 loc) • 2.07 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("../../icon/index.js"),c=require("./alert.js"),f={class:"content"},k={key:1,class:"description"},y={name:"ZAlert"},v=e.defineComponent({...y,props:c.AlertProps,emits:c.AlertEmits,setup(a,{emit:i}){const o=a,s=e.useSlots(),l=e.ref(!0),u=e.computed(()=>({"z-alert":!0,[`z-alert--${o.type}`]:o.type,"is-center":o.center,[`is-${o.effect}`]:o.effect})),d=e.computed(()=>({opacity:l.value?1:0,"background-color":o.effect==="light"?`var(--hv-color-${o.type}-light-9)`:`var(--hv-color-${o.type})`,color:o.effect==="light"?`var(--hv-color-${o.type})`:"white"})),p=e.computed(()=>({icon:o.description||s.default})),m=e.computed(()=>({title:!0,"is-bold":o.description||s.default})),r=t=>{l.value=!1,i("close",t)};return(t,h)=>(e.openBlock(),e.createBlock(e.Transition,null,{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(e.unref(u)),style:e.normalizeStyle(e.unref(d))},[t.showIcon?(e.openBlock(),e.createBlock(e.unref(n.default),{key:0,name:t.type,class:e.normalizeClass(e.unref(p))},null,8,["name","class"])):e.createCommentVNode("",!0),e.createElementVNode("div",f,[t.title||t.$slots.title?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(m))},[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])],2)):e.createCommentVNode("",!0),t.$slots.default||t.description?(e.openBlock(),e.createElementBlock("p",k,[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.description),1)])])):e.createCommentVNode("",!0),t.closable?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[t.closeText?(e.openBlock(),e.createElementBlock("div",{key:0,class:"close-btn is-customed",onClick:r},e.toDisplayString(t.closeText),1)):(e.openBlock(),e.createBlock(e.unref(n.default),{key:1,name:"close1",class:"close-btn",onClick:r}))],64)):e.createCommentVNode("",!0)])],6),[[e.vShow,l.value]])]),_:3}))}});exports.default=v;