2 lines
35 KiB
JavaScript
2 lines
35 KiB
JavaScript
import{bb as Ee,as as X,a3 as Oe,c as $e,aX as Re,co as we,l as be,aS as Ue,cp as Je,n as ee,cb as G,cg as he,ch as j,ce as Ye,c2 as _e,w as te,C as F,an as oe,m as Me,ar as ze,f as Qe,i as Fe}from"./index-BTglIPU2.js?v=1773287522785";import{$ as L,Z as se,a0 as l,k as P,r as N,o as H,l as qe,v as Le,S as y,t as Ge,R as V,an as Pe,c as ke,X as Z,a9 as h,F as Ze,P as Ve,j as ge,aa as z,_ as E,ao as Te,x as De,K as je,a8 as J}from"./vue-core-DJjvd5ZC.js?v=1773287522785";import{ac as He,a3 as Ke,ag as Xe,B as We,a5 as et,ah as tt,a9 as ae,a2 as ne,a6 as nt,a8 as ot,_ as st,a0 as at,an as it,am as rt}from"./naive-ui--dJnpVcV.js?v=1773287522785";import{g as D}from"./data-BVsViUMm.js?v=1773287522785";import{u as ie}from"./useLoading-CZ2gSAW7.js?v=1773287522785";import{c as lt}from"./copy-D-wIKr0q.js?v=1773287522785";import{_ as re}from"./index.vue_vue_type_script_setup_true_lang-DeTfbeeM.js?v=1773287522785";import"./prismjs-BZPoR7_J.js?v=1773287522785";function le(c){const o=Ee(c);return o.setSeconds(0,0),o}const dt=c=>X.post("/config?action=SetControl",c),Be=c=>X.post("/config?action=SetControl",c,{requestOptions:{loading:Oe.global.t("Monitor.API.system_1"),successMessage:!0}}),ct=()=>X.post("/config?action=SetControl",{type:"del"},{requestOptions:{loading:Oe.global.t("Monitor.API.system_2"),successMessage:!0}}),ut=c=>X.post("/ajax?action=get_load_average",c),pt=c=>X.post("/ajax?action=GetCpuIo",c),mt=c=>X.post("/ajax?action=GetDiskIo",c),ft=c=>X.post("/ajax?action=GetNetWorkIo",c),_t={},xt={class:"flex-center h-full"};function yt(c,o){const a=He;return L(),se("div",xt,[l(a,{size:"large"})])}const de=$e(_t,[["render",yt]]),vt=["title"],ce=P({__name:"index",setup(c){const o=N(null),a=N(null),{isFullscreen:T,toggle:u}=Re(a),w=()=>{u()};return H(()=>{o.value&&(a.value=we(o.value,"n-card"))}),(M,S)=>{const $=be;return qe((L(),se("div",{ref_key:"iconRef",ref:o,class:"inline-flex cursor-pointer ml-8px",title:M.$t("Monitor.System.index_27"),onClick:w},[l($,{ref_key:"iconRef",ref:o,name:"base-full-exit",size:"22"},null,512)],8,vt)),[[Le,y(T)]])}}}),gt={class:"flex"},At=P({__name:"index",props:Te({day:{default:30}},{value:{default:()=>[]},valueModifiers:{}}),emits:Te(["refresh"],["update:value"]),setup(c,{emit:o}){const T=Ge(c,"day"),u=o,{t:w}=V(),M=Pe(c,"value"),S=N(),$=N(),W=N("today"),g=N(null),B=N(!1),R=[{label:w("Public.Search.Yesterday"),value:"yesterday"},{label:w("Public.Search.Today"),value:"today"},{label:w("Public.Search.Last7"),value:"7"}],{x:U,y:f,width:_,height:x}=Ue(S),b=ke(()=>U.value+_.value),k=ke(()=>f.value+x.value);Je($,()=>{B.value=!1});const q=n=>{n!=="custom"&&(g.value=null,M.value=r())},i=n=>{ee(n)&&n[0]!==n[1]&&(M.value=n.map(e=>G(e)),B.value=!1)},s=()=>{B.value||(B.value=!0)},m=n=>{const e=new Date,p=he(e,-T.value);return j(p).getTime()>=n||j(e).getTime()<n};function r(){const n=new Date;let e={start:j(n),end:n};switch(W.value){case"yesterday":e=Ye(he(n,-1));break;case"7":e.start=j(he(n,-6));break}return[G(e.start),G(e.end)]}M.value.length===0&&(M.value=r());const t=()=>{u("refresh")};return(n,e)=>{const p=Xe,C=Ke,I=be,A=We,v=tt,d=et;return L(),se("div",gt,[l(C,{value:y(W),"onUpdate:value":[e[0]||(e[0]=O=>Z(W)?W.value=O:null),q],size:"small"},{default:h(()=>[(L(),se(Ze,null,Ve(R,O=>l(p,{key:O.value,value:O.value},{default:h(()=>[ge(z(O.label),1)]),_:2},1032,["value"])),64)),l(p,{ref_key:"customRef",ref:S,value:"custom",onClick:s},{default:h(()=>[ge(z(n.$t("Public.Search.Custom")),1)]),_:1},512)]),_:1},8,["value"]),l(A,{size:"small",class:"ml-10px px-8px",onClick:t},{default:h(()=>[l(I,{name:"refresh",size:"14"})]),_:1}),l(d,{show:y(B),placement:"bottom",trigger:"manual",x:y(b),y:y(k),"show-arrow":!1,style:{padding:0}},{trigger:h(()=>e[2]||(e[2]=[E("div",{class:"hidden"},null,-1)])),default:h(()=>[E("div",{ref_key:"popoverContentRef",ref:$},[l(v,{value:y(g),"onUpdate:value":[e[1]||(e[1]=O=>Z(g)?g.value=O:null),i],type:"daterange",panel:!0,actions:null,"is-date-disabled":m},null,8,["value"])],512)]),_:1},8,["show","x","y"])])}}}),ue=$e(At,[["__scopeId","data-v-510567b2"]]),ht=["title"],pe=P({__name:"index",setup(c){const o=N(null),a=N(null),{isFullscreen:T,toggle:u}=Re(a),w=()=>{u()};return H(()=>{o.value&&(a.value=we(o.value,"n-card"))}),(M,S)=>{const $=be;return qe((L(),se("div",{ref_key:"iconRef",ref:o,class:"inline-flex cursor-pointer ml-8px",title:M.$t("Monitor.System.index_26"),onClick:w},[l($,{ref_key:"iconRef",ref:o,name:"base-full",size:"22"},null,512)],8,ht)),[[Le,!y(T)]])}}});function me(){const{t:c}=V(),o=_e("--color-text-2"),a=_e("--color-border");typeof window<"u"&&(window.__copyText=async f=>{await lt(f)});const T=De({});function u(f,_){const x=new Date,b=x.getMonth()+1,k=_.split(" ")[0].split("/");parseInt(k[0]);const q=f.split(" "),i=q[0].split("/"),s=q[1].split(":"),m=parseInt(i[0]);let r=x.getFullYear();m>b&&(r-=1);const t=parseInt(i[1]),n=parseInt(s[0]),e=parseInt(s[1]);return new Date(r,m-1,t,n,e).getTime()}function w(f,_){let x=0;const b=(_-f)/3600/1e3,k=b/24;return b<=1?x=.02:b<=3?x=.5:b<=6?x=1:b<=12?x=3:b<=20?x=6:b<=24?x=8:k<=3?x=14:k<=7?x=24:x=168,1e3*3600*x}function M(f,_=""){let x="",b="",k=3,q=[{title:"PID",index:1},{title:c("Monitor.System.index_28"),width:"120px",index:2},{title:c("Monitor.System.index_29"),index:0,render:i=>"".concat(i[0],"%")},{title:c("Monitor.System.index_30"),index:4}];return _==="memory"&&(q=[{title:"PID",index:1},{title:c("Monitor.System.index_28"),width:"120px",index:2},{title:c("Monitor.System.index_31"),index:0,render:i=>F(D(i[0]))},{title:c("Monitor.System.index_30"),index:4}]),_==="swap"&&(q=[{title:"PID",index:1},{title:c("Monitor.System.index_28"),width:"120px",index:2},{title:c("Swap usage"),index:0,render:i=>F(D(i[0]))},{title:c("Monitor.System.index_30"),index:4}]),_==="disk"&&(k=5,q=[{title:"PID",index:3},{title:c("Monitor.System.index_28"),width:"100px",index:4},{title:c("Monitor.System.index_32"),index:0,render:i=>F(D(i[0]))},{title:c("Monitor.System.index_18"),index:1,render:i=>F(D(i[1]))},{title:c("Monitor.System.index_19"),index:2,render:i=>F(D(i[2]))},{title:c("Monitor.System.index_30"),index:6}]),q.forEach(i=>{x+='<th style="width: '.concat(i.width||"auto",';">').concat(i.title,"</th>")}),f.forEach(i=>{let s="";q.forEach(t=>{s+='<td style="width: '.concat(t.width||"auto",'; border-bottom: none; cursor: pointer; padding-top: 4px;" onclick="window.__copyText(\'').concat(t.render?t.render(i):i[t.index],"')\">\n ").concat(t.render?t.render(i):i[t.index],"\n </td>")});const m=i[k],r=m.toString().replace(/'/g,"\\'");b+="<tr>".concat(s,'</tr><tr style="color: var(--color-text-4)"><td \n colspan="').concat(q.length,'" \n style="\n border-bottom: 1px solid var(--color-border); \n cursor: pointer; \n white-space: nowrap; \n overflow: hidden; \n padding-top: 0px;\n padding-bottom: 15px;\n line-height: 1;\n text-overflow: ellipsis;" \n display: flex;\n align-items: center;\n title="CMD：').concat(m,'" \n onclick="window.__copyText(\'').concat(r,'\')"\n >\n <span style="font-weight: bold;">CMD：</span><span style="width:80%;display: inline-block;overflow: hidden;text-overflow: ellipsis;">').concat(m,'</span>\n <span class="bt-link">').concat(c("Public.Btn.Copy"),"</span>\n </td></tr>")}),'<div>\n <div style="display: flex; align-items: center; gap: 5px; margin-bottom: 10px; font-weight: bold; color: var(--color-text-4)">\n <svg viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="15.000000" height="15.000000" fill="none">\n <rect id=" " width="12.000000" height="12.000000" x="0.000000" y="0.000000" />\n <path id="矢量 70" d="M10.5145 1.73672C10.5777 1.73672 10.6316 1.79063 10.6316 1.85391L10.6316 10.1742C10.6316 10.2375 10.5777 10.2914 10.5145 10.2914L1.48633 10.2914C1.42305 10.2914 1.36914 10.2375 1.36914 10.1742L1.36914 1.85391C1.36914 1.79063 1.42305 1.73672 1.48633 1.73672L10.5145 1.73672M10.5145 1.15079L1.48633 1.15079C1.09961 1.15079 0.783203 1.46719 0.783203 1.85391L0.783203 10.1742C0.783203 10.5609 1.09961 10.8773 1.48633 10.8773L10.5145 10.8773C10.9012 10.8773 11.2176 10.5609 11.2176 10.1742L11.2176 1.85391C11.2176 1.46719 10.9012 1.15079 10.5145 1.15079Z" fill="rgb(58,66,77)" fill-rule="nonzero" />\n <path id="矢量 71" d="M2.92969 6.01408L3.86719 6.01408L3.86719 8.75626L2.92969 8.75626L2.92969 6.01408ZM5.53125 3.21564L6.46875 3.21564L6.46875 8.75626L5.53125 8.75626L5.53125 3.21564ZM8.25 4.49767L9.1875 4.49767L9.1875 8.75743L8.25 8.75743L8.25 4.49767Z" fill="rgb(58,66,77)" fill-rule="nonzero" />\n </svg>\n <span>Process resource usage ranking</span>\n </div>\n <div class="process-top5">\n <table>\n <thead>'.concat(x,"</thead>\n <tbody>").concat(b,"</tbody>\n </table>\n </div>\n </div>")}function S(f,_){var n;const x=_.size.contentSize[0],b=_.size.contentSize[1],k=window.innerWidth,q=window.innerHeight,i=(n=we(f,"n-spin-content"))==null?void 0:n.getBoundingClientRect(),s=_.pos[0]+((i==null?void 0:i.left)||0),m=_.pos[1]+((i==null?void 0:i.top)||0);let r=_.pos[0]+20,t=_.pos[1]+20;return s+x+20>k&&(r=_.pos[0]-x-20),m+b+20>q&&(t=_.pos[1]-b-20),t<0-((i==null?void 0:i.top)||0)&&(t=0-((i==null?void 0:i.top)||0)+10),[r,t]}function $(){return{trigger:"axis",axisPointer:{type:"cross"},padding:0,backgroundColor:"transparent",borderColor:"transparent",extraCssText:"z-index: 1000;",position(f,_,x,b,k){return S(x,{pos:f,size:k})}}}function W(f,_){return[{type:"inside",start:0,end:100,zoomLock:!0,...f},{type:"slider",bottom:24,start:0,end:100,handleIcon:"path://M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z",handleSize:"80%",handleStyle:{color:"#fff",shadowBlur:3,shadowColor:"rgba(0, 0, 0, 0.6)",shadowOffsetX:2,shadowOffsetY:2},..._}]}function g(){return{feature:{dataZoom:{yAxisIndex:"none"},restore:{}},top:0,right:"2%"}}function B(f,_){return{type:"time",min:f,minInterval:w(f,_),axisLine:{lineStyle:{color:o.value}},axisLabel:{formatter(x){const k=te(x,"MM-dd HH:mm").split(" ");return"".concat(k[0],"\n").concat(k[1])}}}}function R(f){return{name:f,scale:!0,min:0,splitLine:{show:!0,lineStyle:{color:a.value}},nameTextStyle:{color:o.value,fontSize:12,align:"left"},axisLine:{lineStyle:{color:o.value}}}}function U(f,_){return{name:f,smooth:!0,symbol:"circle",showSymbol:!1,itemStyle:{color:_},lineStyle:{width:2,color:_}}}return{option:T,getAddTime:u,getInterval:w,renderTooltip:$,renderTable:M,renderDataZoom:W,renderToolbox:g,renderXAxis:B,renderYAxis:R,renderSeries:U,getTooltip:S}}function fe(c,{getTooltip:o,renderTooltip:a},T=!0){const u=N(!1),w=N(-1),M=N(-1),S=()=>{var B;if(!u.value)return;const g=(B=c.value)==null?void 0:B.getChart();g&&(u.value=!1,w.value=-1,M.value=-1,g.setOption({tooltip:{triggerOn:"mousemove|click",enterable:!1,alwaysShowContent:!1,...a()}}),g.dispatchAction({type:"hideTip"}))},$=g=>{var R;const B=((R=c.value)==null?void 0:R.$el)||c.value;B&&B.contains&&!B.contains(g.target)&&u.value&&S()};typeof window<"u"&&window.addEventListener("click",$),je(()=>{typeof window<"u"&&window.removeEventListener("click",$)});const W=()=>{var B;if(!c.value)return;const g=(B=c.value)==null?void 0:B.getChart();if(!g){setTimeout(W,500);return}T&&setTimeout(()=>{g.dispatchAction({type:"takeGlobalCursor",key:"dataZoomSelect",dataZoomSelectActive:!0})},200),g.off("restore"),g.getZr().off("click"),g.on("restore",()=>{T&&setTimeout(()=>{g.dispatchAction({type:"takeGlobalCursor",key:"dataZoomSelect",dataZoomSelectActive:!0})},200)}),g.getZr().on("click",R=>{var r;const U=[R.offsetX,R.offsetY],f=g.getOption();let _=-1;const x=f.grid||[{}];for(let t=0;t<x.length;t++)if(g.containPixel({gridIndex:t},U)){_=t;break}if(_===-1){u.value&&S();return}let b=0;for(let t=0;t<f.series.length;t++){const n=f.series[t];if((n.xAxisIndex!==void 0?((r=f.xAxis[n.xAxisIndex])==null?void 0:r.gridIndex)||0:n.gridIndex||0)===_){b=t;break}}const q=g.convertFromPixel({seriesIndex:b},U)[0],i=f.series[b].data;let s=0,m=1/0;for(let t=0;t<i.length;t++){const n=Math.abs(i[t][0]-q);n<m&&(m=n,s=t)}u.value&&w.value===s&&M.value===b?S():(g.dispatchAction({type:"hideTip"}),u.value=!0,w.value=s,M.value=b,g.setOption({tooltip:{triggerOn:"none",alwaysShowContent:!0,enterable:!0,showContent:!0,position:(t,n,e,p,C)=>o(e,{pos:U,size:C})}}),g.dispatchAction({type:"showTip",seriesIndex:b,dataIndex:s}))})};return{initChartEvent:W,isFixed:u,fixedIndex:w}}const wt={class:"flex items-center"},bt=P({__name:"system-load",props:{day:{default:30}},setup(c){const{t:o}=V(),a=_e("--color-text-2"),T=new Date,u=N([G(j(T)),G(T)]),w=N(!1),{option:M,getAddTime:S,renderTooltip:$,renderTable:W,renderXAxis:g,renderYAxis:B,renderSeries:R,renderDataZoom:U,renderToolbox:f,getTooltip:_}=me();function x(r,t,n){M.value={legend:{top:"16px",right:"16%",textStyle:{color:a.value},data:[o("Monitor.System.index_9"),o("Monitor.System.index_10"),o("Monitor.System.index_11")]},tooltip:{...$(),formatter(e){let p="",C="",I="";const A=Object.entries(e);return A.forEach(([v,d])=>{const{data:O}=d,[,Q,Y]=O;if(A.length>1&&v==="0"){const Ie=Y.pro;C+='<div class="select-data">\n <span style="display:inline-block;margin-right:4px;border-radius:10px;width:10px;height:10px;background-color:rgb(255, 140, 0);"></span>\n <span>'.concat(o("Monitor.System.index_14")).concat(oe(Ie)?Ie.toFixed(2):0,"%</span>\n </div>")}v==="0"&&(I=W(Y.cpu_top)),p=d.axisValue;const K=d.seriesName==="System resource usage"?"".concat(d.seriesName,"："):"",Ae=oe(Q)?Q.toFixed(2):"0";C+='\n <div class="select-data">\n '.concat(d.marker,"\n <span>").concat(K).concat(Ae,"%</span>\n </div>\n ")}),'<div class="echarts-tooltip" style="width: 550px;">\n <div class="formatter-header">\n <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAABHNCSVQICAgIfAhkiAAAAgBJREFUWIXtWN1xgzAMlkQ3YoCaYaJji8AWPjJM3AEYCasPNT3XZ2xBk17b43uCiy190b8AOHHixN8GPkpQ3/cmfrfWukfIPUyw73vjvTci8oqIJndGRBwivk3TNPwoQWYeAOC689p4hOgugsFq971KYhBRt8f9pD3IzEOOnIg4ABiJqCOibpomBIARAMbw2xd47+/BAyqoLJiznIi4pmnGmjW2rK615IuGYEbBeLvdBs3dQALTuA0yqwZqageCYBOTOxLs8zy7tm0xltW2Lc7z7Er3qv+AmSV+DzF2GJfL5R6XpZqri0mSBjMRdd8hBwDQNM0Yv3vvTel8kaCIvEbPTpMQaUdJYa11cXbHOnIoJknsCkR8KxFbluW6WoOZi64LskyqI4dNC9YsEcN7f08VLcuy2WmIyGl1qQv1VuZuCUfEqrs1UBN8hLIVT2l1JWW5llYisqfVbRJMhZfKQVo6RMTtKUklixazOMxzJjxvloO1na1hUHNhmCE/dZTOFl0clxZN0FtrVbVSW76qBNNyUCodWqSDR62vFwkGa3zGFyKaPQGeInN3zJ2LoWr86cAAByaa3JqgGTxU8yARdYlrrsx81QydaxuEryObevBQj05bi9K6uQF8xNOaSJWNT+2BX780/a+1MwUzD5rFnYiq9fEpBGM869PHiRMn/jreAZxNPtSJHlfLAAAAAElFTkSuQmCC" alt="path" />\n <span>'.concat(o("Monitor.System.index_15")).concat(p?te(p):"--",'</span>\n </div>\n <div class="formatter-body">\n <div style="display: flex; flex-wrap: wrap; gap: 8px; justify-content: space-between;">\n ').concat(C,"\n </div>\n ").concat(I,"\n </div>\n </div>")}},toolbox:f(),dataZoom:U({xAxisIndex:[0,1]},{left:"5%",right:"5%",xAxisIndex:[0,1]}),grid:[{left:"5%",bottom:92,right:"55%",width:"40%",height:"auto"},{bottom:92,left:"55%",width:"40%",height:"auto"}],xAxis:[{...g(r,t),gridIndex:0},{...g(r,t),gridIndex:1}],yAxis:[{...B(o("Monitor.System.index_12")),gridIndex:0,max:function(e){return e.max>=100?Math.ceil(e.max):e.max>=80?100:D((e.max+10).toString().slice(0,1)+"0")}},{...B(o("Monitor.System.index_13")),gridIndex:1}],series:[{type:"line",xAxisIndex:0,yAxisIndex:0,data:n.pro,...R(o("Monitor.System.index_12"),"rgb(255, 140, 0)")},{type:"line",xAxisIndex:1,yAxisIndex:1,data:n.one,...R(o("Monitor.System.index_9"),"rgb(30, 144, 255)")},{type:"line",xAxisIndex:1,yAxisIndex:1,data:n.five,...R(o("Monitor.System.index_10"),"rgb(0, 178, 45)")},{type:"line",xAxisIndex:1,yAxisIndex:1,data:n.fifteen,...R(o("Monitor.System.index_11"),"rgb(147, 38, 255)")}]}}const{loading:b,setLoading:k}=ie(),q=async()=>{try{k(!0);const{message:r}=await ut({start:u.value[0],end:u.value[1]});if(ee(r)){const t=[],n=[],e=[],p=[];for(let A=0;A<r.length;A++){const v=r[A];v.time=S(v.addtime,r[r.length-1].addtime),n.push([v.time,v.pro,v]),t.push([v.time,v.one,v]),e.push([v.time,v.five,v]),p.push([v.time,v.fifteen,v])}let C=u.value[1],I=u.value[0];r.length>0?(C=r[0].time,I=le(r[r.length-1].time).getTime(),w.value=!1):w.value=!0,x(I,C,{one:t,pro:n,five:e,fifteen:p})}}finally{k(!1)}},i=N(),{initChartEvent:s}=fe(i,{getTooltip:_,renderTooltip:$}),m=async()=>{await q(),s()};return H(()=>{m()}),(r,t)=>{const n=pe,e=ue,p=ce,C=de,I=ae,A=ne;return L(),J(A,{class:"h-388px"},{header:h(()=>[E("div",wt,[E("span",null,z(r.$t("Monitor.System.index_8")),1),l(n)])]),"header-extra":h(()=>[l(e,{value:y(u),"onUpdate:value":[t[0]||(t[0]=v=>Z(u)?u.value=v:null),m],day:r.day,onRefresh:m},null,8,["value","day"]),l(p)]),default:h(()=>[l(I,{class:"h-full",show:y(b)},{default:h(()=>[y(w)?(L(),J(C,{key:0})):(L(),J(re,{key:1,ref_key:"chartRef",ref:i,type:"line",height:"100%",option:y(M)},null,8,["option"]))]),_:1},8,["show"])]),_:1})}}}),Ne=new Date,Ce=[G(j(Ne)),G(Ne)],xe=new Map,Se=c=>{const o="".concat(c.start,"-").concat(c.end);if(!xe.has(o)){const a=pt(c).finally(()=>{xe.delete(o)});xe.set(o,a)}return xe.get(o)},Ct={class:"flex items-center"},St=P({__name:"system-cpu",props:{day:{default:30}},setup(c){const{t:o}=V(),a=N([...Ce]),T=N(!1),{option:u,getAddTime:w,renderTooltip:M,renderTable:S,renderXAxis:$,renderYAxis:W,renderSeries:g,renderDataZoom:B,renderToolbox:R,getTooltip:U}=me();function f(s,m,r){u.value={tooltip:{...M(),formatter(t){let n="",e="",p="";return Object.entries(t).forEach(([I,A])=>{const{data:v}=A,[,d,O]=v;I==="0"&&(p=S(O.cpu_top)),n=A.axisValue,e+='<div class="select-data">\n '.concat(A.marker,"\n <span>").concat(A.seriesName,"：").concat(oe(d)?d.toFixed(2):0,"%</span>\n </div>")}),'<div class="echarts-tooltip" style="width: 550px;">\n <div class="formatter-header">\n <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAABHNCSVQICAgIfAhkiAAAAgBJREFUWIXtWN1xgzAMlkQ3YoCaYaJji8AWPjJM3AEYCasPNT3XZ2xBk17b43uCiy190b8AOHHixN8GPkpQ3/cmfrfWukfIPUyw73vjvTci8oqIJndGRBwivk3TNPwoQWYeAOC689p4hOgugsFq971KYhBRt8f9pD3IzEOOnIg4ABiJqCOibpomBIARAMbw2xd47+/BAyqoLJiznIi4pmnGmjW2rK615IuGYEbBeLvdBs3dQALTuA0yqwZqageCYBOTOxLs8zy7tm0xltW2Lc7z7Er3qv+AmSV+DzF2GJfL5R6XpZqri0mSBjMRdd8hBwDQNM0Yv3vvTel8kaCIvEbPTpMQaUdJYa11cXbHOnIoJknsCkR8KxFbluW6WoOZi64LskyqI4dNC9YsEcN7f08VLcuy2WmIyGl1qQv1VuZuCUfEqrs1UBN8hLIVT2l1JWW5llYisqfVbRJMhZfKQVo6RMTtKUklixazOMxzJjxvloO1na1hUHNhmCE/dZTOFl0clxZN0FtrVbVSW76qBNNyUCodWqSDR62vFwkGa3zGFyKaPQGeInN3zJ2LoWr86cAAByaa3JqgGTxU8yARdYlrrsx81QydaxuEryObevBQj05bi9K6uQF8xNOaSJWNT+2BX780/a+1MwUzD5rFnYiq9fEpBGM869PHiRMn/jreAZxNPtSJHlfLAAAAAElFTkSuQmCC" alt="path" />\n <span>'.concat(o("Monitor.System.index_15")).concat(n?te(n):"--",'</span>\n </div>\n <div class="formatter-body">\n ').concat(e,"\n ").concat(p,"\n </div>\n </div>")}},grid:{bottom:92},toolbox:R(),dataZoom:B(),xAxis:{...$(s,m)},yAxis:{...W("CPU"),max:100},series:[{type:"line",data:r.cpu,...g("CPU","rgb(0, 153, 238)")}]}}const{loading:_,setLoading:x}=ie(),b=async()=>{try{x(!0);const{message:s}=await Se({start:a.value[0],end:a.value[1]});if(ee(s)){const m=[];for(let n=0;n<s.length;n++){const e=s[n];e.time=w(e.addtime,s[s.length-1].addtime),m.push([e.time,e.pro,e])}let r=a.value[1],t=a.value[0];s.length>0?(r=s[0].time,t=le(s[s.length-1].time).getTime(),T.value=!1):T.value=!0,f(t,r,{cpu:m})}}finally{x(!1)}},k=N(),{initChartEvent:q}=fe(k,{getTooltip:U,renderTooltip:M}),i=async()=>{await b(),q()};return H(()=>{i()}),(s,m)=>{const r=pe,t=ue,n=ce,e=de,p=ae,C=ne;return L(),J(C,{class:"h-388px"},{header:h(()=>[E("div",Ct,[m[1]||(m[1]=E("span",null,"CPU",-1)),l(r)])]),"header-extra":h(()=>[l(t,{value:y(a),"onUpdate:value":[m[0]||(m[0]=I=>Z(a)?a.value=I:null),i],day:s.day,onRefresh:i},null,8,["value","day"]),l(n)]),default:h(()=>[l(p,{class:"h-full",show:y(_)},{default:h(()=>[y(T)?(L(),J(e,{key:0})):(L(),J(re,{key:1,ref_key:"chartRef",ref:k,type:"line",height:"100%",option:y(u)},null,8,["option"]))]),_:1},8,["show"])]),_:1})}}}),It={class:"flex items-center"},Mt=P({__name:"system-memory",props:{day:{default:30}},setup(c){const{t:o}=V(),a=N([...Ce]),T=N(!1),{option:u,getAddTime:w,renderTooltip:M,renderTable:S,renderXAxis:$,renderYAxis:W,renderSeries:g,renderDataZoom:B,renderToolbox:R,getTooltip:U}=me();function f(s,m,r){u.value={tooltip:{...M(),formatter(t){let n="",e="",p="";return Object.entries(t).forEach(([I,A])=>{const{data:v}=A,[,d,O]=v;I==="0"&&(p=S(O.memory_top,"memory")),n=A.axisValue,e+='<div class="select-data">\n '.concat(A.marker,"\n <span>").concat(A.seriesName,"：").concat(oe(d)?d.toFixed(2):0,"%</span>\n </div>")}),'<div class="echarts-tooltip" style="width: 590px;">\n <div class="formatter-header">\n <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAABHNCSVQICAgIfAhkiAAAAgBJREFUWIXtWN1xgzAMlkQ3YoCaYaJji8AWPjJM3AEYCasPNT3XZ2xBk17b43uCiy190b8AOHHixN8GPkpQ3/cmfrfWukfIPUyw73vjvTci8oqIJndGRBwivk3TNPwoQWYeAOC689p4hOgugsFq971KYhBRt8f9pD3IzEOOnIg4ABiJqCOibpomBIARAMbw2xd47+/BAyqoLJiznIi4pmnGmjW2rK615IuGYEbBeLvdBs3dQALTuA0yqwZqageCYBOTOxLs8zy7tm0xltW2Lc7z7Er3qv+AmSV+DzF2GJfL5R6XpZqri0mSBjMRdd8hBwDQNM0Yv3vvTel8kaCIvEbPTpMQaUdJYa11cXbHOnIoJknsCkR8KxFbluW6WoOZi64LskyqI4dNC9YsEcN7f08VLcuy2WmIyGl1qQv1VuZuCUfEqrs1UBN8hLIVT2l1JWW5llYisqfVbRJMhZfKQVo6RMTtKUklixazOMxzJjxvloO1na1hUHNhmCE/dZTOFl0clxZN0FtrVbVSW76qBNNyUCodWqSDR62vFwkGa3zGFyKaPQGeInN3zJ2LoWr86cAAByaa3JqgGTxU8yARdYlrrsx81QydaxuEryObevBQj05bi9K6uQF8xNOaSJWNT+2BX780/a+1MwUzD5rFnYiq9fEpBGM869PHiRMn/jreAZxNPtSJHlfLAAAAAElFTkSuQmCC" alt="path" />\n <span>'.concat(o("Monitor.System.index_15")).concat(n?te(n):"--",'</span>\n </div>\n <div class="formatter-body">\n ').concat(e,"\n ").concat(p,"\n </div>\n </div>")}},grid:{bottom:92},toolbox:R(),dataZoom:B(),xAxis:{...$(s,m)},yAxis:{...W(o("Monitor.System.index_16")),max:100},series:[{type:"line",data:r.memory,...g(o("Monitor.System.index_16"),"rgb(0, 153, 238)")}]}}const{loading:_,setLoading:x}=ie(),b=async()=>{try{x(!0);const{message:s}=await Se({start:a.value[0],end:a.value[1]});if(ee(s)){const m=[];for(let n=0;n<s.length;n++){const e=s[n];e.time=w(e.addtime,s[s.length-1].addtime),m.push([e.time,e.mem,e])}let r=a.value[1],t=a.value[0];s.length>0?(r=s[0].time,t=le(s[s.length-1].time).getTime(),T.value=!1):T.value=!0,f(t,r,{memory:m})}}finally{x(!1)}},k=N(),{initChartEvent:q}=fe(k,{getTooltip:U,renderTooltip:M}),i=async()=>{await b(),q()};return H(()=>{i()}),(s,m)=>{const r=pe,t=ue,n=ce,e=de,p=ae,C=ne;return L(),J(C,{class:"h-388px"},{header:h(()=>[E("div",It,[E("span",null,z(s.$t("Monitor.System.index_16")),1),l(r)])]),"header-extra":h(()=>[l(t,{value:y(a),"onUpdate:value":[m[0]||(m[0]=I=>Z(a)?a.value=I:null),i],day:s.day,onRefresh:i},null,8,["value","day"]),l(n)]),default:h(()=>[l(p,{class:"h-full",show:y(_)},{default:h(()=>[y(T)?(L(),J(e,{key:0})):(L(),J(re,{key:1,ref_key:"chartRef",ref:k,type:"line",height:"100%",option:y(u)},null,8,["option"]))]),_:1},8,["show"])]),_:1})}}}),kt={class:"flex items-center"},ye="KB",Tt=P({__name:"system-disk",props:{day:{default:30}},setup(c){const{t:o}=V(),a=_e("--color-text-2"),T=new Date,u=N([G(j(T)),G(T)]),w=N(!1),{option:M,getAddTime:S,renderTooltip:$,renderTable:W,renderXAxis:g,renderYAxis:B,renderSeries:R,renderDataZoom:U,renderToolbox:f,getTooltip:_}=me();function x(t,n,e){M.value={legend:{top:"16px",textStyle:{color:a.value},data:[o("Monitor.System.index_18"),o("Monitor.System.index_19"),o("Monitor.System.index_20"),o("Monitor.System.index_21")]},tooltip:{...$(),formatter(p){let C="",I="",A="";return Object.entries(p).forEach(([d,O])=>{const{data:Q}=O,[,Y,K,Ae]=Q;d==="0"&&(A=W(K.disk_top,"disk")),C=O.axisValue,I+='<div class="select-data">\n '.concat(O.marker,"\n <span>").concat(O.seriesName,"：").concat(oe(Y)?Y.toFixed(2):0," ").concat(Ae,"</span>\n </div>")}),'<div class="echarts-tooltip" style="width: 680px;">\n <div class="formatter-header">\n <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAABHNCSVQICAgIfAhkiAAAAgBJREFUWIXtWN1xgzAMlkQ3YoCaYaJji8AWPjJM3AEYCasPNT3XZ2xBk17b43uCiy190b8AOHHixN8GPkpQ3/cmfrfWukfIPUyw73vjvTci8oqIJndGRBwivk3TNPwoQWYeAOC689p4hOgugsFq971KYhBRt8f9pD3IzEOOnIg4ABiJqCOibpomBIARAMbw2xd47+/BAyqoLJiznIi4pmnGmjW2rK615IuGYEbBeLvdBs3dQALTuA0yqwZqageCYBOTOxLs8zy7tm0xltW2Lc7z7Er3qv+AmSV+DzF2GJfL5R6XpZqri0mSBjMRdd8hBwDQNM0Yv3vvTel8kaCIvEbPTpMQaUdJYa11cXbHOnIoJknsCkR8KxFbluW6WoOZi64LskyqI4dNC9YsEcN7f08VLcuy2WmIyGl1qQv1VuZuCUfEqrs1UBN8hLIVT2l1JWW5llYisqfVbRJMhZfKQVo6RMTtKUklixazOMxzJjxvloO1na1hUHNhmCE/dZTOFl0clxZN0FtrVbVSW76qBNNyUCodWqSDR62vFwkGa3zGFyKaPQGeInN3zJ2LoWr86cAAByaa3JqgGTxU8yARdYlrrsx81QydaxuEryObevBQj05bi9K6uQF8xNOaSJWNT+2BX780/a+1MwUzD5rFnYiq9fEpBGM869PHiRMn/jreAZxNPtSJHlfLAAAAAElFTkSuQmCC" alt="path" />\n <span>'.concat(o("Monitor.System.index_15")).concat(C?te(C):"--",'</span>\n </div>\n <div class="formatter-body">\n <div style="display: grid; grid-template-columns: 0.5fr 1fr; gap: 8px;">\n ').concat(I,"\n </div>\n ").concat(A,"\n </div>\n </div>")}},grid:{bottom:92},toolbox:f(),dataZoom:U(),xAxis:{...g(t,n)},yAxis:{...B(o("Monitor.System.index_22",[ye]))},series:[{type:"line",data:e.read,...R(o("Monitor.System.index_18"),"rgb(255, 70, 131)")},{type:"line",data:e.write,...R(o("Monitor.System.index_19"),"rgba(46, 165, 186, .7)")},{type:"line",data:e.countTotal,...R(o("Monitor.System.index_20"),"rgba(30, 144, 255)")},{type:"line",data:e.timeTotal,...R(o("Monitor.System.index_21"),"rgba(255, 140, 0)")}]}}const{loading:b,setLoading:k}=ie(),q=t=>D(F(t,!1,3,ye)),i=async()=>{try{k(!0);const{message:t}=await mt({start:u.value[0],end:u.value[1]});if(ee(t)){const n=[],e=[],p=[],C=[];for(let v=0;v<t.length;v++){const d=t[v],O=q(d.read_bytes),Q=q(d.write_bytes),Y=d.read_time+d.write_time;d.time=S(d.addtime,t[t.length-1].addtime),n.push([d.time,O,d,"".concat(ye,"/s")]),e.push([d.time,Q,d,"".concat(ye,"/s")]),p.push([d.time,Y,d,"".concat(o("Public.Unit.Time",Y),"/s")]),C.push([d.time,d.read_count+d.write_count,d,"ms"])}let I=u.value[1],A=u.value[0];t.length>0?(I=t[0].time,A=le(t[t.length-1].time).getTime(),w.value=!1):w.value=!0,x(A,I,{read:n,write:e,timeTotal:p,countTotal:C})}}finally{k(!1)}},s=N(),{initChartEvent:m}=fe(s,{getTooltip:_,renderTooltip:$}),r=async()=>{await i(),m()};return H(()=>{r()}),(t,n)=>{const e=pe,p=ue,C=ce,I=de,A=ae,v=ne;return L(),J(v,{class:"h-388px"},{header:h(()=>[E("div",kt,[E("span",null,z(t.$t("Monitor.System.index_17")),1),l(e)])]),"header-extra":h(()=>[l(p,{value:y(u),"onUpdate:value":[n[0]||(n[0]=d=>Z(u)?u.value=d:null),r],day:t.day,onRefresh:r},null,8,["value","day"]),l(C)]),default:h(()=>[l(A,{class:"h-full",show:y(b)},{default:h(()=>[y(w)?(L(),J(I,{key:0})):(L(),J(re,{key:1,ref_key:"chartRef",ref:s,type:"line",height:"100%",option:y(M)},null,8,["option"]))]),_:1},8,["show"])]),_:1})}}}),Bt={class:"flex whitespace-pre-wrap items-center"},Nt={class:"w-100px"},ve="KB",Ot=P({__name:"system-network",props:{day:{default:30}},setup(c){const{t:o}=V(),a=_e("--color-text-2"),T=new Date,u=N([G(j(T)),G(T)]),w=N("all"),M=N([]),S=N(!1),{option:$,getAddTime:W,renderTooltip:g,renderXAxis:B,renderYAxis:R,renderSeries:U,renderDataZoom:f,renderToolbox:_,getTooltip:x}=me();function b(e,p,C){$.value={legend:{top:"16px",textStyle:{color:a.value},data:[o("Monitor.System.index_24"),o("Monitor.System.index_25")]},tooltip:{...g(),formatter(I){let A="",v="";return Object.entries(I).forEach(([,O])=>{const{data:Q}=O,[,Y,,K]=Q;A=O.axisValue,v+='<div class="select-data">\n '.concat(O.marker,"\n <span>").concat(O.seriesName,"：").concat(oe(Y)?Y.toFixed(2):0," ").concat(K,"</span>\n </div>")}),'<div class="echarts-tooltip" style="width: 280px;">\n <div class="formatter-header">\n <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAABHNCSVQICAgIfAhkiAAAAgBJREFUWIXtWN1xgzAMlkQ3YoCaYaJji8AWPjJM3AEYCasPNT3XZ2xBk17b43uCiy190b8AOHHixN8GPkpQ3/cmfrfWukfIPUyw73vjvTci8oqIJndGRBwivk3TNPwoQWYeAOC689p4hOgugsFq971KYhBRt8f9pD3IzEOOnIg4ABiJqCOibpomBIARAMbw2xd47+/BAyqoLJiznIi4pmnGmjW2rK615IuGYEbBeLvdBs3dQALTuA0yqwZqageCYBOTOxLs8zy7tm0xltW2Lc7z7Er3qv+AmSV+DzF2GJfL5R6XpZqri0mSBjMRdd8hBwDQNM0Yv3vvTel8kaCIvEbPTpMQaUdJYa11cXbHOnIoJknsCkR8KxFbluW6WoOZi64LskyqI4dNC9YsEcN7f08VLcuy2WmIyGl1qQv1VuZuCUfEqrs1UBN8hLIVT2l1JWW5llYisqfVbRJMhZfKQVo6RMTtKUklixazOMxzJjxvloO1na1hUHNhmCE/dZTOFl0clxZN0FtrVbVSW76qBNNyUCodWqSDR62vFwkGa3zGFyKaPQGeInN3zJ2LoWr86cAAByaa3JqgGTxU8yARdYlrrsx81QydaxuEryObevBQj05bi9K6uQF8xNOaSJWNT+2BX780/a+1MwUzD5rFnYiq9fEpBGM869PHiRMn/jreAZxNPtSJHlfLAAAAAElFTkSuQmCC" alt="path" />\n <span>'.concat(o("Monitor.System.index_15")).concat(A?te(A):"--",'</span>\n </div>\n <div class="formatter-body">\n ').concat(v,"\n </div>\n </div>")}},grid:{bottom:92},toolbox:_(),dataZoom:f(),xAxis:{...B(e,p)},yAxis:{...R(o("Monitor.System.index_22",[ve]))},series:[{type:"line",data:C.up,...U(o("Monitor.System.index_24"),"rgb(255, 70, 131)")},{type:"line",data:C.down,...U(o("Monitor.System.index_25"),"rgba(46, 165, 186, .7)")}]}}const{loading:k,setLoading:q}=ie(),i=e=>D(F(e*1024,!1,3,ve)),s=e=>{M.value.length>0||(M.value=Object.keys(e).map(p=>({label:p,value:p})),M.value.unshift({label:o("Public.All"),value:"all"}))},m=async()=>{try{q(!0);const{message:e}=await ft({start:u.value[0],end:u.value[1]});if(ee(e)){const p=[],C=[];for(let v=0;v<e.length;v++){const d=e[v],O=w.value==="all"?d.up:d.up_packets[w.value],Q=w.value==="all"?d.down:d.down_packets[w.value],Y=i(O),K=i(Q);d.time=W(d.addtime,e[e.length-1].addtime),p.push([d.time,Y,d,"".concat(ve,"/s")]),C.push([d.time,K,d,"".concat(ve,"/s")])}let I=u.value[1],A=u.value[0];e.length>0?(I=e[0].time,A=le(e[e.length-1].time).getTime(),S.value=!1,s(e[0].down_packets)):(S.value=!0,s({})),b(A,I,{up:p,down:C})}}finally{q(!1)}},r=N(),{initChartEvent:t}=fe(r,{getTooltip:x,renderTooltip:g}),n=async()=>{await m(),t()};return H(()=>{n()}),(e,p)=>{const C=nt,I=pe,A=ue,v=ce,d=de,O=ae,Q=ne;return L(),J(Q,{class:"h-388px"},{header:h(()=>[E("div",Bt,[E("span",null,z(e.$t("Monitor.System.index_23")),1),E("div",Nt,[l(C,{value:y(w),"onUpdate:value":[p[0]||(p[0]=Y=>Z(w)?w.value=Y:null),m],options:y(M),size:"small","consistent-menu-width":!1},null,8,["value","options"])]),l(I)])]),"header-extra":h(()=>[l(A,{value:y(u),"onUpdate:value":[p[1]||(p[1]=Y=>Z(u)?u.value=Y:null),n],day:e.day,onRefresh:n},null,8,["value","day"]),l(v)]),default:h(()=>[l(O,{class:"h-full",show:y(k)},{default:h(()=>[y(S)?(L(),J(d,{key:0})):(L(),J(re,{key:1,ref_key:"chartRef",ref:r,type:"line",height:"100%",option:y($)},null,8,["option"]))]),_:1},8,["show"])]),_:1})}}}),$t={class:"flex items-center"},Rt=P({__name:"system-swap",props:{day:{default:30}},setup(c){const{t:o}=V(),a=N([...Ce]),T=N(!1),{option:u,getAddTime:w,renderTooltip:M,renderTable:S,renderXAxis:$,renderYAxis:W,renderSeries:g,renderDataZoom:B,renderToolbox:R,getTooltip:U}=me();function f(s,m,r){u.value={tooltip:{...M(),formatter(t){let n="",e="",p="";return Object.entries(t).forEach(([I,A])=>{const{data:v}=A,[,,d]=v;I==="0"&&(p=S(d.swap_top,"swap")),n=A.axisValue;const O='<span style="display:inline-block;width:1px;height:12px;background-color:var(--color-border);margin:0 8px;vertical-align:middle;"></span>';e+='<div class="select-data" style="display: flex; align-items: center;">\n '.concat(A.marker,"\n <span>").concat(o("Swap Used"),": ").concat(F(d.swap_used)," (").concat(d.swap_percent,"%)</span>\n ").concat(O,"\n <span>").concat(o("Home.index_57"),": ").concat(F(d.swap_total),"</span>\n ").concat(O,"\n <span>Free: ").concat(F(d.swap_free),"</span>\n </div>")}),'<div class="echarts-tooltip" style="width: 590px;">\n <div class="formatter-header">\n <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAABHNCSVQICAgIfAhkiAAAAgBJREFUWIXtWN1xgzAMlkQ3YoCaYaJji8AWPjJM3AEYCasPNT3XZ2xBk17b43uCiy190b8AOHHixN8GPkpQ3/cmfrfWukfIPUyw73vjvTci8oqIJndGRBwivk3TNPwoQWYeAOC689p4hOgugsFq971KYhBRt8f9pD3IzEOOnIg4ABiJqCOibpomBIARAMbw2xd47+/BAyqoLJiznIi4pmnGmjW2rK615IuGYEbBeLvdBs3dQALTuA0yqwZqageCYBOTOxLs8zy7tm0xltW2Lc7z7Er3qv+AmSV+DzF2GJfL5R6XpZqri0mSBjMRdd8hBwDQNM0Yv3vvTel8kaCIvEbPTpMQaUdJYa11cXbHOnIoJknsCkR8KxFbluW6WoOZi64LskyqI4dNC9YsEcN7f08VLcuy2WmIyGl1qQv1VuZuCUfEqrs1UBN8hLIVT2l1JWW5llYisqfVbRJMhZfKQVo6RMTtKUklixazOMxzJjxvloO1na1hUHNhmCE/dZTOFl0clxZN0FtrVbVSW76qBNNyUCodWqSDR62vFwkGa3zGFyKaPQGeInN3zJ2LoWr86cAAByaa3JqgGTxU8yARdYlrrsx81QydaxuEryObevBQj05bi9K6uQF8xNOaSJWNT+2BX780/a+1MwUzD5rFnYiq9fEpBGM869PHiRMn/jreAZxNPtSJHlfLAAAAAElFTkSuQmCC" alt="path" />\n <span>'.concat(o("Monitor.System.index_15")).concat(n?te(n):"--",'</span>\n </div>\n <div class="formatter-body">\n ').concat(e,"\n ").concat(p,"\n </div>\n </div>")}},grid:{left:"5%",bottom:92,right:"5%"},toolbox:R(),dataZoom:B(),xAxis:{...$(s,m)},yAxis:{...W(o("Swap Used")),max:100},series:[{type:"line",data:r.swap,...g("Swap","rgb(0, 153, 238)")}]}}const{loading:_,setLoading:x}=ie(),b=async()=>{try{x(!0);const{message:s}=await Se({start:a.value[0],end:a.value[1]});if(ee(s)){const m=[];for(let n=0;n<s.length;n++){const e=s[n];e.time=w(e.addtime,s[s.length-1].addtime),m.push([e.time,e.swap_percent,e])}let r=a.value[1],t=a.value[0];s.length>0?(r=s[0].time,t=le(s[s.length-1].time).getTime(),T.value=!1):T.value=!0,f(t,r,{swap:m})}}finally{x(!1)}},k=N(),{initChartEvent:q}=fe(k,{getTooltip:U,renderTooltip:M}),i=async()=>{await b(),q()};return H(()=>{i()}),(s,m)=>{const r=pe,t=ue,n=ce,e=de,p=ae,C=ne;return L(),J(C,{class:"h-388px"},{header:h(()=>[E("div",$t,[E("span",null,z(s.$t("Swap Uage")),1),l(r)])]),"header-extra":h(()=>[l(t,{value:y(a),"onUpdate:value":[m[0]||(m[0]=I=>Z(a)?a.value=I:null),i],day:s.day,onRefresh:i},null,8,["value","day"]),l(n)]),default:h(()=>[l(p,{class:"h-full",show:y(_)},{default:h(()=>[y(T)?(L(),J(e,{key:0})):(L(),J(re,{key:1,ref_key:"chartRef",ref:k,type:"line",height:"100%",option:y(u)},null,8,["option"]))]),_:1},8,["show"])]),_:1})}}}),qt={class:"flex items-center flex-wrap"},Lt={class:"inline-flex items-center mr-32px"},Wt={class:"mr-12px"},Et={class:"inline-flex items-center"},Ut={class:"mr-6px"},Jt={class:"w-86px mr-12px"},Yt={class:"inline-flex mx-32px"},zt={class:"mr-16px"},Ht=P({__name:"index",setup(c){const{t:o}=V(),a=N({day:0,status:!1,size:0}),T=async S=>{await Be({type:S?1:0,day:a.value.day}),a.value.status=S},u=async()=>{if(!a.value.day){Me.error(o("Monitor.System.index_5"));return}if(!/^-?\d+$/.test("".concat(a.value.day))){Me.error(o("Monitor.System.index_6"));return}await Be({type:a.value.status?1:0,day:a.value.day})},w=()=>{ze({title:o("Monitor.System.index_4"),content:()=>l("span",{class:"text-error"},[o("Monitor.System.index_7")]),onConfirm:async()=>{await ct(),Qe()}})};return(async()=>{const{message:S}=await dt({type:-1});Fe(S)&&(a.value=S)})(),(S,$)=>{const W=ot,g=st,B=We,R=at,U=ne,f=it,_=rt;return L(),se("div",null,[l(U,{class:"p-16px mb-16px"},{default:h(()=>[E("div",qt,[E("div",Lt,[E("span",Wt,z(S.$t("Monitor.System.index_1")),1),l(W,{value:y(a).status,"onUpdate:value":T},null,8,["value"])]),E("div",Et,[E("span",Ut,z(S.$t("Monitor.System.index_2")),1),E("div",Jt,[l(g,{value:y(a).day,"onUpdate:value":$[0]||($[0]=x=>y(a).day=x),min:1,"show-button":!1,placeholder:""},null,8,["value"])]),l(B,{onClick:u},{default:h(()=>[ge(z(S.$t("Monitor.System.index_3")),1)]),_:1})]),E("div",Yt,[l(R,{vertical:""})]),E("span",zt,z(S.$t("Monitor.System.index_33"))+z(y(F)(y(a).size)),1),l(B,{onClick:w},{default:h(()=>[ge(z(S.$t("Monitor.System.index_4")),1)]),_:1})])]),_:1}),l(_,{"x-gap":"16","y-gap":"16",cols:2},{default:h(()=>[l(f,{span:2},{default:h(()=>[l(bt,{day:y(a).day},null,8,["day"])]),_:1}),l(f,{span:1},{default:h(()=>[l(St,{day:y(a).day},null,8,["day"])]),_:1}),l(f,{span:1},{default:h(()=>[l(Mt,{day:y(a).day},null,8,["day"])]),_:1}),l(f,{span:1},{default:h(()=>[l(Tt,{day:y(a).day},null,8,["day"])]),_:1}),l(f,{span:1},{default:h(()=>[l(Ot,{day:y(a).day},null,8,["day"])]),_:1}),l(f,{span:1},{default:h(()=>[l(Rt,{day:y(a).day},null,8,["day"])]),_:1})]),_:1})])}}});export{Ht as default};
|