| 1 |
- import{d as _,r as A,U as f,V as v,f as o,W as h,a8 as y,u as m,a0 as B,E as I,Z as z,o as L,w as C,k as x,F as U,a7 as T,$ as P,am as R}from"./vue-18ee037d.js";import{b as M,c as E}from"./global-5917bbb5.js";import"./dayjs-4778c158.js";import{ak as K,q as V,aA as W}from"./index-122302b9.js";import{S as H}from"./index-868fc3c0.js";import{_ as O}from"./index.vue_vue_type_script_setup_true_lang-7edaf647.js";import{_ as Z,S,l as F,d as G,a as j,b as q}from"./hard-disk.vue_vue_type_script_setup_true_lang-334ea472.js";import{g,a as N,b,c as k}from"./utils-b8183d44.js";import"./mockjs-890b569b.js";const J={class:"flex"},Q=_({__name:"top-info",props:{data:null,hardDisk:null},setup(u){const t=A({Version:"",StartTime:"",LocalIP:""});M().then(r=>{t.LocalIP=r.LocalIP,t.Version=r.Version,t.StartTime=K.toDateString(new Date(r.StartTime),"yyyy-MM-dd HH:ss:mm")}).catch(r=>{console.error(`getSysInfo-err: ${r}`)});const e="p-14px rounded-16px bg-#fff dark:bg-#100C2A flex-center flex-1 mr-10px";return(r,n)=>{var a;return f(),v("div",J,[o(Z,{class:h([e,"min-w-320px"]),hardDisk:u.hardDisk},null,8,["hardDisk"]),y("div",{class:h([e,"min-w-140px"])},[o(m(H),{icon:"streams",size:"70",class:"text-#bb86fc"}),o(m(S),{title:"当前流数",value:(a=u.data)==null?void 0:a.length},null,8,["value"])]),y("div",{class:h([e,"min-w-210px flex-col flex-items-start"])},[o(m(S),{title:"本地IP",value:t.LocalIP,valueStyle:{fontSize:"18px",textAlign:"left"}},null,8,["value"]),o(m(S),{title:"启动时间",value:t.StartTime,valueStyle:{fontSize:"18px"}},{suffix:B(()=>[I(" ["),o(m(O),{value:t.StartTime,class:"text-primary"},null,8,["value"]),I("] ")]),_:1},8,["value"])]),y("div",{class:h([e,"min-w-180px !mr-0px"])},[o(m(S),{class:"overflow-auto",title:"当前版本",value:t.Version,valueStyle:{fontSize:"18px"}},null,8,["value"])])])}}}),X=["id"],Y=_({__name:"network-item",props:{network:null},setup(u){const t=u,e={text:t.network.Name||"",receiveData:[g(t.network.ReceiveSpeed)],sentData:[g(t.network.SentSpeed)],timeData:[N()],sent:t.network.Sent,receive:t.network.Receive},r={backgroundColor:"",title:{text:e.text,top:-5},tooltip:{trigger:"axis",formatter:function(s){var c;var l=s[0].name+"<br>";for(let p of s)l+=((c=p.seriesName)==null?void 0:c.split(":")[0])+" : "+p.value+" KB/s <br>";return l}},legend:{data:[`发送: ${k(e.sent)}`,`接收: ${k(e.receive)}`],right:10},axisPointer:{link:{xAxisIndex:"all"}},grid:[{left:50,right:50,height:"35%"},{left:50,right:50,top:"55%",height:"35%"}],xAxis:[{type:"category",boundaryGap:!1,axisLine:{onZero:!0},data:e.timeData},{gridIndex:1,type:"category",boundaryGap:!1,axisLine:{onZero:!0},data:e.timeData,position:"top"}],yAxis:[{name:"发送 (KB/s)",type:"value"},{name:"接收 (KB/s)",gridIndex:1,type:"value",inverse:!0}],series:[{name:`发送: ${k(e.sent)}`,type:"line",smooth:!0,showSymbol:!0,data:e.sentData,label:{show:!0},lineStyle:{color:"#bb86fc"},itemStyle:{color:"#bb86fc"}},{name:`接收: ${k(e.receive)}`,type:"line",xAxisIndex:1,yAxisIndex:1,showSymbol:!0,data:e.receiveData,label:{show:!0},lineStyle:{color:"#5a00ff"},itemStyle:{color:"#5a00ff"}}]},{getDarkMode:n}=z(V());let a,i;L(()=>{d(!0)});const d=(s=!1)=>{s||(i==null||i.stop(),a&&G(a)),a=F(t.network.Name,r,m(n)),i=W(document.body,()=>{a&&(a==null||a.resize())})};return C(()=>t.network,s=>{e.text=s.Name,e.timeData=b(e.timeData,N()),e.sentData=b(e.sentData,g(s.SentSpeed)),e.receiveData=b(e.receiveData,g(s.ReceiveSpeed)),e.sent=s.Sent,e.receive=s.Receive,a.setOption(r)},{immediate:!1}),C(()=>m(n),()=>d(!1)),(s,l)=>(f(),v("div",{id:u.network.Name,class:"rounded-16px bg-#fff dark:bg-#100C2A h-328px p-14px"},null,8,X))}}),ee={class:"flex flex-wrap mt-8px"},te=_({__name:"network",setup(u,{expose:t}){const e=x([]);return t({handleUpdate:n=>{e.value=n}}),(n,a)=>(f(),v("div",ee,[(f(!0),v(U,null,T(e.value,i=>(f(),P(Y,{key:i.Name,network:i,class:"flex-1 min-w-380px mr-8px mb-8px"},null,8,["network"]))),128))]))}}),ae={class:"mt-8px flex"},se=_({name:"Overview"}),fe=_({...se,setup(u){const t=x(),e=x(),r=x(),n=x();let a;return(()=>{a=E(d=>{var s,l,c,p,w,D,$;t.value=d,(c=e==null?void 0:e.value)==null||c.handleUpdate((l=(s=t.value)==null?void 0:s.Memory)==null?void 0:l.Usage),(w=r==null?void 0:r.value)==null||w.handleUpdate((p=t.value)==null?void 0:p.CPUUsage),($=n==null?void 0:n.value)==null||$.handleUpdate((D=t.value)==null?void 0:D.NetWork)})})(),R(d=>{const{path:s}=d;s!=="/stream-push/list"&&(a==null||a())}),(d,s)=>{var l,c;return f(),v(U,null,[o(Q,{hardDisk:(l=t.value)==null?void 0:l.HardDisk,data:((c=t.value)==null?void 0:c.Streams)||[]},null,8,["hardDisk","data"]),y("div",ae,[o(j,{ref_key:"memoryRef",ref:e,class:"flex-1 mr-10px"},null,512),o(q,{ref_key:"cpuRef",ref:r,class:"flex-1"},null,512)]),o(te,{ref_key:"networkRef",ref:n},null,512)],64)}}});export{fe as default};
|
