vexip-ui/lib/components/notice/notice.vue2.cjs

A Vue 3 UI library, Highly customizability, full TypeScript, performance pretty good

"use strict";const e=require("vue");require("../icon/index.cjs");require("../renderer/index.cjs");require("../popup/index.cjs");const i=require("@vexip-ui/config"),a=require("./symbol.cjs"),v=require("../popup/popup.vue2.cjs"),s=require("../icon/icon.cjs"),b=require("../renderer/renderer.cjs"),m=["aria-live"],B=["innerHTML"],g=["innerHTML"],C=["onClick"],_=e.defineComponent({name:"Notice",__name:"notice",setup(z,{expose:p}){const o=i.useNameHelper("notice"),l=i.useIcons(),f=e.computed(()=>({primary:l.value.info,info:l.value.info,success:l.value.success,warning:l.value.warning,error:l.value.error})),t=e.ref("top-right"),r=e.ref();async function y(c){r.value&&await r.value.add(c)}async function u(c){return!!r.value&&await r.value.remove(c)}function k(){r.value&&r.value.clear()}function d(c){t.value=c.placement||t.value}return p(e.reactive({popup:r,add:y,remove:u,clear:k,config:d})),(c,E)=>(e.openBlock(),e.createBlock(e.unref(v),{ref_key:"popup",ref:r,class:e.normalizeClass(e.unref(o).b()),"transition-name":e.unref(o).ns(`popup-${t.value.split("-")[1]}`),placement:t.value},{item:e.withCtx(({item:n})=>[e.createElementVNode("div",{class:e.normalizeClass([{[e.unref(o).be("item")]:!0,[e.unref(o).bs("vars")]:!0,[e.unref(o).bem("item","title-only")]:!n.content&&typeof n.renderer!="function",[e.unref(o).bem("item","has-icon")]:n.icon,[e.unref(o).bem("item","content-only")]:!n.title,[e.unref(o).bem("item",n.type)]:n.type&&e.unref(a.effectiveTypes).includes(n.type),[e.unref(o).bem("item","background")]:n.background,[e.unref(o).bem("item","color")]:n.background&&n.color,[e.unref(o).bem("item","color-only")]:!n.background&&n.color,[e.unref(o).bem("item","marker")]:n.marker},n.className]),role:"alert",style:e.normalizeStyle([{color:typeof n.color=="string"?n.color:void 0,backgroundColor:typeof n.background=="string"?n.background:void 0},n.style||{}]),"aria-atomic":"true","aria-live":n.type&&e.unref(a.assertiveTypes).includes(n.type)?"assertive":"polite"},[n.icon||n.type&&e.unref(a.effectiveTypes).includes(n.type)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(o).be("icon")),style:e.normalizeStyle({color:n.iconColor})},[n.icon?(e.openBlock(),e.createBlock(e.unref(s),{key:0,icon:n.icon,scale:!n.content&&typeof n.renderer!="function"?1:2,style:e.normalizeStyle([{color:n.iconColor},n.icon.style])},null,8,["icon","scale","style"])):(e.openBlock(),e.createBlock(e.unref(s),e.mergeProps({key:1},f.value[n.type],{scale:!n.content&&typeof n.renderer!="function"?1:2,style:{color:n.iconColor}}),null,16,["scale","style"]))],6)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).be("wrapper"))},[typeof n.renderer=="function"?(e.openBlock(),e.createBlock(e.unref(b),{key:0,renderer:n.renderer,data:n},null,8,["renderer","data"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[n.title?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[n.parseHtml?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(o).be("title")),style:e.normalizeStyle({color:typeof n.titleColor=="string"?n.titleColor:void 0}),innerHTML:n.title},null,14,B)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(o).be("title")),style:e.normalizeStyle({color:typeof n.titleColor=="string"?n.titleColor:void 0})},e.toDisplayString(n.title||""),7))],64)):e.createCommentVNode("",!0),n.content?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[n.parseHtml?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(o).be("content")),innerHTML:n.content},null,10,g)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(o).be("content"))},e.toDisplayString(n.content||""),3))],64)):e.createCommentVNode("",!0)],64))],2),n.closable?(e.openBlock(),e.createElementBlock("button",{key:1,type:"button",class:e.normalizeClass(e.unref(o).be("close")),onClick:N=>u(n.key)},[e.createVNode(e.unref(s),e.mergeProps(e.unref(l).close,{label:"close"}),null,16)],10,C)):e.createCommentVNode("",!0)],14,m)]),_:1},8,["class","transition-name","placement"]))}});module.exports=_;
//# sourceMappingURL=notice.vue2.cjs.map