2 lines
1.6 KiB
JavaScript
2 lines
1.6 KiB
JavaScript
import{o as t,p as a,t as e,F as i,q as s,G as n,u as b}from"./index-Cx-ljvzK.js";import{_ as c}from"./_plugin-vue_export-helper.BCo6x5W8.js";const l=c({name:"NavigationTabs",props:{tabsData:{type:Array,default:()=>[]},defaultActive:{type:Number,default:0}},data(){return{activeTab:this.defaultActive,defaultTabs:[{key:"created",label:"我创建的",title:"我创建的内容",content:"这里显示您创建的所有内容和项目。"},{key:"hosted",label:"我主持的",title:"我主持的内容",content:"这里显示您正在主持的活动和会议。"},{key:"managed",label:"我管理的",title:"我管理的内容",content:"这里显示您管理的团队和资源。"},{key:"focused",label:"我关注的",title:"我关注的内容",content:"这里显示您关注的话题和动态。"}]}},computed:{tabs(){return this.tabsData.length>0?this.tabsData:this.defaultTabs}},watch:{defaultActive:{handler(t){this.activeTab=t},immediate:!0}},methods:{switchTab(t){t!==this.activeTab&&(this.activeTab=t,this.$emit("tab-change",{index:t,tab:this.tabs[t]}))},getCurrentTab(){return this.tabs[this.activeTab]},setActiveTab(t){t>=0&&t<this.tabs.length&&this.switchTab(t)}},mounted(){this.$emit("tab-change",{index:this.activeTab,tab:this.tabs[this.activeTab]})}},[["render",function(c,l,h,d,r,o){return t(),a("div",{class:"navigation-container"},[e("div",{class:"nav-tabs"},[(t(!0),a(i,null,s(o.tabs,((e,i)=>(t(),a("div",{key:i,class:n(["nav-tab",{active:r.activeTab===i}]),onClick:t=>o.switchTab(i)},b(e.value),11,["onClick"])))),128))])])}],["__scopeId","data-v-38ec4fb0"]]);export{l as N};
|