t-fighting-design/lib/divider/src/index2.js

Fighting design can quickly build interactive interfaces in vue3 applications, which looks good.

"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("./index3.js"),d=e.defineComponent({name:"FDivider"}),a=e.defineComponent({...d,props:s.Props,setup(n){const t=n,l=e.computed(()=>!t.vertical&&Boolean(e.useSlots().default)),i=e.computed(()=>{const{color:r,margin:o}=t;return o?{margin:`${o} 0`,borderColor:r}:{borderColor:r}});return(r,o)=>(e.openBlock(),e.createElementBlock("div",{role:"separator",class:e.normalizeClass(["f-divider",{"f-divider__vertical":r.vertical,[`f-divider__${r.type}`]:r.type}]),style:e.normalizeStyle(e.unref(i))},[e.unref(l)?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(["f-divider__text",`f-divider__text-${r.position}`]),style:e.normalizeStyle({background:r.background,color:r.fontColor})},[e.renderSlot(r.$slots,"default")],6)):e.createCommentVNode("",!0)],6))}});exports.default=a;