import{defineComponent as f,createVNode as r}from"vue";import{cloneElement as u}from"../../../_util/vnode.mjs";import{useInjectTabs as v}from"../TabContext.mjs";const $=f({compatConfig:{MODE:3},name:"TabPanelList",inheritAttrs:!1,props:{activeKey:{type:[String,Number]},id:{type:String},rtl:{type:Boolean},animated:{type:Object,default:void 0},tabPosition:{type:String},destroyInactiveTabPane:{type:Boolean}},setup(s){const{tabs:a,prefixCls:c}=v();return()=>{const{id:d,activeKey:i,animated:l,tabPosition:m,rtl:p,destroyInactiveTabPane:y}=s,n=l.tabPane,t=c.value,o=a.value.findIndex(e=>e.key===i);return r("div",{class:`${t}-content-holder`},[r("div",{class:[`${t}-content`,`${t}-content-${m}`,{[`${t}-content-animated`]:n}],style:o&&n?{[p?"marginRight":"marginLeft"]:`-${o}00%`}:null},[a.value.map(e=>u(e.node,{key:e.key,prefixCls:t,tabKey:e.key,id:d,animated:n,active:e.key===i,destroyInactiveTabPane:y}))])])}}});export{$ as default};
