t-fighting-design/lib/layout/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"),a=require("./index3.js"),c=e.defineComponent({name:"FLayout"}),i=e.defineComponent({...c,props:a.Props,setup(u){const o=u,t=e.useSlots(),l=e.computed(()=>o.direction==="vertical"?!0:o.direction==="horizontal"?!1:t&&t.default?t.default().some(n=>{const s=n.type.name;return s==="FHeader"||s==="FFooter"}):!1);return(r,n)=>(e.openBlock(),e.createElementBlock("section",{class:e.normalizeClass(["f-layout",{"f-layout__vertical":e.unref(l)}])},[e.renderSlot(r.$slots,"default")],2))}});exports.default=i;