maz-ui
Version:
A standalone components library for Vue.Js 3 & Nuxt.Js 3
1 lines • 1.35 kB
JavaScript
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{useInjectStrict}from"../composables/useInjectStrict.js";import{Transition,computed,createBlock,createCommentVNode,createElementBlock,defineComponent,openBlock,ref,renderSlot,watch,withCtx}from"vue";import '../assets/MazTabsContentItem.DDqyeerI.css';var _hoisted_1={key:0,class:`m-tabs-content-item m-reset-css`};var MazTabsContentItem_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazTabsContentItem`,props:{tab:{type:Number,required:!0}},setup(__props){let props=__props;let transitionName=ref(`maz-tab-transition`);let{currentTab}=useInjectStrict(`maz-tabs`);watch(()=>currentTab.value,(value,oldValue)=>{typeof value==`number`&&typeof oldValue==`number`&&(transitionName.value=oldValue<value?`maz-tab-transition`:`maz-tab-reverse-transition`)},{immediate:!0});let itemTabNumber=computed(()=>props.tab-1);let isCurrentTab=computed(()=>currentTab.value-1===itemTabNumber.value);return(_ctx,_cache)=>(openBlock(),createBlock(Transition,{name:transitionName.value},{default:withCtx(()=>[isCurrentTab.value?(openBlock(),createElementBlock(`div`,_hoisted_1,[renderSlot(_ctx.$slots,`default`,{},void 0,!0)])):createCommentVNode(``,!0)]),_:3},8,[`name`]))}}),[[`__scopeId`,`data-v-6bb4cb81`]]);export{MazTabsContentItem_default as t};