vexip-ui/lib/components/typography/title.cjs

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

"use strict";const r=require("vue"),o=require("@vexip-ui/config"),s=require("@vexip-ui/utils"),v=require("./props.cjs"),f=r.defineComponent({name:"Title",props:v.titleProps,emits:[],setup(p,{slots:a}){const e=o.useProps("title",p,{type:"default",level:5,top:!1,marker:!1,aligned:!1,thin:!1,markerType:null}),t=o.useNameHelper("title"),l=r.computed(()=>s.isColor(e.markerType)),u=r.computed(()=>e.markerType||e.type),m=r.computed(()=>({[t.b()]:!0,[t.bs("vars")]:!0,[t.bm("inherit")]:e.inherit,[t.bm(e.type)]:e.type!=="default",[t.bm("top")]:e.top,[t.bm("marker")]:e.marker,[t.bm("aligned")]:e.aligned,[t.bm("thin")]:e.thin,[t.bm(`marker-${u.value}`)]:!l.value&&u.value!=="default"})),c=r.computed(()=>s.boundRange(Math.round(e.level),1,6)||5),i=r.computed(()=>l.value?{[t.cv("marker-color")]:e.markerType}:null);return()=>{const d=`h${c.value}`;return r.createVNode(d,{class:m.value,style:i.value},{default:()=>{var n;return[(n=a.default)==null?void 0:n.call(a)]}})}}});module.exports=f;
//# sourceMappingURL=title.cjs.map