maz-ui
Version:
A standalone components library for Vue.Js 3 & Nuxt.Js 3
1 lines • 818 B
JavaScript
import{useInjectStrict}from"../composables/useInjectStrict.js";import{createElementBlock,defineComponent,normalizeClass,openBlock,ref,renderSlot,watch}from"vue";import{debounce}from"@maz-ui/utils/helpers/debounce";var MazTabsContent_default=defineComponent({__name:`MazTabsContent`,setup(__props){let hideOverflow=ref(!1);let{currentTab}=useInjectStrict(`maz-tabs`);let allowOverFlow=debounce(()=>{hideOverflow.value=!1},700);function setOverflowHiddenTemp(){hideOverflow.value=!0,allowOverFlow()}return watch(()=>currentTab.value,()=>setOverflowHiddenTemp(),{immediate:!0}),(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{class:normalizeClass([`m-tabs-content m-reset-css maz-relative`,{"maz-overflow-hidden":hideOverflow.value}])},[renderSlot(_ctx.$slots,`default`)],2))}});export{MazTabsContent_default as t};