tyh-ui2
Version:
The next generation ui component library of tyh-ui is based on vue3 Version, fully embrace vue3.
2 lines (1 loc) • 793 B
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c={name:"TyhContainer"},u=e.defineComponent({...c,props:{direction:{type:String,validator(n){return["horizontal","vertical",""].includes(n)}}},setup(n){const r=n,{isClass:i}=l();function l(){const t=e.useSlots(),o=e.computed(()=>r.direction==="vertical"?!0:r.direction==="horizontal"?!1:t&&t.default?t.default().some(s=>{const a=s.type&&s.type.name;return a==="TyhHeader"||a==="TyhFooter"}):!1);return{isClass:e.computed(()=>["tyh-container",o.value?"tyh-container-horizontal":"tyh-container-vertical"])}}return(t,o)=>(e.openBlock(),e.createElementBlock("section",{class:e.normalizeClass(e.unref(i))},[e.renderSlot(t.$slots,"default")],2))}});exports.default=u;