vexip-ui
Version:
A Vue 3 UI library, Highly customizability, full TypeScript, performance pretty good
3 lines (2 loc) • 2.76 kB
JavaScript
"use strict";const e=require("vue");require("../icon/index.cjs");require("../renderer/index.cjs");const s=require("@vexip-ui/config"),C=require("./props.cjs"),k=require("./symbol.cjs"),c=require("../renderer/renderer.cjs"),N=require("../icon/icon.cjs"),b=e.defineComponent({name:"Result",__name:"result",props:C.resultProps,setup(i){const u=i,r=s.useProps("result",u,{title:"",size:s.createSizeProp(),type:{default:"primary",validator:o=>k.resultTypes.includes(o)},icon:s.createIconProp(),iconColor:"",description:"",slots:()=>({})}),l=e.useSlots(),t=s.useNameHelper("result"),n=s.useIcons(),a=e.computed(()=>({primary:n.value.info,info:n.value.info,success:n.value.success,warning:n.value.warning,error:n.value.error})),d=e.computed(()=>r.icon?{icon:r.icon}:a.value[r.type]),p=e.computed(()=>!!(l.title||r.title||r.slots.title)),m=e.computed(()=>!!(l.icon||r.type||r.icon||r.slots.icon)),f=e.computed(()=>!!(l.description||r.description||r.slots.description)),v=e.computed(()=>({[t.b()]:!0,[t.bs("vars")]:!0,[t.bm("inherit")]:r.inherit,[t.bm(r.type)]:r.type,[t.bm(r.size)]:r.size!=="default"})),y=e.computed(()=>r.iconColor?t.cvm({"icon-color":r.iconColor}):{});return(o,V)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(v.value),style:e.normalizeStyle(y.value)},[m.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t).be("icon"))},[e.renderSlot(o.$slots,"icon",{},()=>[e.createVNode(e.unref(c),{renderer:e.unref(r).slots.icon},{default:e.withCtx(()=>[e.createVNode(e.unref(N),e.mergeProps(d.value,{class:e.unref(t).be("icon"),style:{color:e.unref(r).iconColor}}),null,16,["class","style"])]),_:1},8,["renderer"])])],2)):e.createCommentVNode("",!0),p.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(t).be("title"))},[e.renderSlot(o.$slots,"title",{},()=>[e.createVNode(e.unref(c),{renderer:e.unref(r).slots.title},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(r).title),1)]),_:1},8,["renderer"])])],2)):e.createCommentVNode("",!0),f.value?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(t).be("description"))},[e.renderSlot(o.$slots,"description",{},()=>[e.createVNode(e.unref(c),{renderer:e.unref(r).slots.description},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(r).description),1)]),_:1},8,["renderer"])])],2)):e.createCommentVNode("",!0),l.extra||e.unref(r).slots.extra?(e.openBlock(),e.createElementBlock("div",{key:3,class:e.normalizeClass(e.unref(t).be("extra"))},[e.renderSlot(o.$slots,"extra",{},()=>[e.createVNode(e.unref(c),{renderer:e.unref(r).slots.extra},null,8,["renderer"])])],2)):e.createCommentVNode("",!0)],6))}});module.exports=b;
//# sourceMappingURL=result.vue2.cjs.map