ll-package
Version:
2 lines (1 loc) • 1.25 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),v=require("../../../_util/vue-types/index.js"),y=()=>({tab:v.default.any,disabled:{type:Boolean},forceRender:{type:Boolean},closable:{type:Boolean},animated:{type:Boolean},active:{type:Boolean},destroyInactiveTabPane:{type:Boolean},prefixCls:{type:String},tabKey:{type:[String,Number]},id:{type:String}}),f=t.defineComponent({compatConfig:{MODE:3},name:"ATabPane",inheritAttrs:!1,__ANT_TAB_PANE:!0,props:y(),slots:Object,setup(e,c){let{attrs:r,slots:o}=c;const i=t.ref(e.forceRender);t.watch([()=>e.active,()=>e.destroyInactiveTabPane],()=>{e.active?i.value=!0:e.destroyInactiveTabPane&&(i.value=!1)},{immediate:!0});const u=t.computed(()=>e.active?{}:e.animated?{visibility:"hidden",height:0,overflowY:"hidden"}:{display:"none"});return()=>{var l;const{prefixCls:d,forceRender:b,id:a,active:n,tabKey:s}=e;return t.createVNode("div",{id:a&&`${a}-panel-${s}`,role:"tabpanel",tabindex:n?0:-1,"aria-labelledby":a&&`${a}-tab-${s}`,"aria-hidden":!n,style:[u.value,r.style],class:[`${d}-tabpane`,n&&`${d}-tabpane-active`,r.class]},[(n||i.value||b)&&((l=o.default)===null||l===void 0?void 0:l.call(o))])}}});exports.default=f;