@iryu54/stack-monitor/public/assets/Tabs-BghidEwM.js

Monitor processes as a stack

import{u as q}from"./router-BlYJbnFA.js";import{P as I}from"./Section-CIoUqrrC.js";import{_ as B}from"./_plugin-vue_export-helper-DlAUqK2U.js";import{a as L,f as N,s as T,e as P,c as u,o as l,b as f,F as V,k as j,h as z,w as _,j as F,t as d,n as v,i,v as $,x as w}from"./index-Dyc6L6BZ.js";const D=["onClick"],E={key:0},M={key:2},O={key:3,class:"badge warning"},W={__name:"Tabs",props:{tabs:{default:[]},height:{default:"calc(100vh - 220px)"},direction:{default:""},showLabels:{default:!0},contentCss:{default:()=>({})},invertColor:{default:!1}},setup(n,{expose:S}){const r=q(),o=n,a=L(),h=()=>{if(o.tabs){const t=localStorage.getItem("tab");a.value=o.tabs.find(s=>s.id===t)||o.tabs[0]}};N(()=>{var t;r.currentRoute.value.query.tab&&localStorage.setItem("tab",(t=r.currentRoute.value.query.tab)==null?void 0:t.toString()),h()}),T(()=>o.tabs,()=>{var t;!a.value&&((t=o.tabs)!=null&&t[0])&&h()}),T(()=>r.currentRoute.value,()=>{var s;const t=r.currentRoute.value.query.tab;t&&(a.value=(s=o.tabs)==null?void 0:s.find(c=>c.id===t))},{immediate:!0});const x=()=>{var s;const t=(s=a.value)!=null&&s.id?a.value.id:"";localStorage.setItem("tab",t),r.push({path:r.currentRoute.value.fullPath,query:Object.assign({},r.currentRoute.value.query||{},{tab:t})})},R=P(()=>o.tabs.filter(t=>!t.hidden));return S({currentTab:a}),(t,s)=>{var c,m,g,y;return l(),u("div",{class:v(["tabs",{[n.direction]:!0}]),style:w({height:n.height})},[f("div",{class:v(["buttons",{invert:n.invertColor}])},[(l(!0),u(V,null,j(R.value,e=>(l(),z(I,{key:e.label,appendTo:"parent",trigger:"mouseenter",placement:"right",fullWidth:!0},{trigger:_(()=>{var p,k,b,C;return[f("button",{onClick:A=>{a.value=e,x()},class:v({active:(e==null?void 0:e.id)===((p=a.value)==null?void 0:p.id)})},[e.label&&!e.icon?(l(),u("div",E,d(e.label),1)):i("",!0),e.icon?(l(),u("i",{key:1,class:v(e.icon),"aria-hidden":"true"},null,2)):i("",!0),n.showLabels?(l(),u("label",M,d(((b=(k=e==null?void 0:e.data)==null?void 0:k.value)==null?void 0:b.length)||((C=e==null?void 0:e.data)==null?void 0:C.length)||0),1)):i("",!0),e!=null&&e.warning?(l(),u("div",O,d(e.warning),1)):i("",!0)],10,D)]}),content:_(()=>[F(d(e.label),1)]),_:2},1024))),128))],2),f("div",{class:"content",style:w(n.contentCss)},[a.value?$(t.$slots,"default",{key:(c=a.value)==null?void 0:c.id,data:((g=(m=a.value)==null?void 0:m.data)==null?void 0:g.value)||((y=a.value)==null?void 0:y.data),tab:a.value},void 0,!0):i("",!0)],4)],6)}}},Q=B(W,[["__scopeId","data-v-31f115b6"]]);export{Q as T};