import{c as wt,cM as kt,c7 as it,_ as ut}from"./utils-lib.js?v=1777008528";import{_ as Dt}from"./index119.js?v=1777008528";import{r as k,aK as K,g as _,w as H,o as St,n as z,a8 as Ct,a_ as Vt,j as D,k as V,q as i,F as Tt,B as Bt,e as n,v as r,s as R,x as u,p as S,Q,y as E,C as Pt,a$ as Lt,al as Ot,aj as qt}from"./base-lib.js?v=1777008528";import{_ as Mt}from"./index121.js?v=1777008528";import{o as zt}from"./index3.js?v=1777008528";import{getOverviewTop5 as Rt,getSiteOverviewTop5 as Et}from"./site.js?v=1777008528";import"./__commonjsHelpers__.js?v=1777008528";import"./index116.js?v=1777008528";const At={class:"px-16 py-8 relative"},$t={class:"flex flex-col pb-12"},Nt={class:"flex"},jt={class:"text-secondary text-[12px]"},It={class:"flex items-center gap-2 mt-0.5"},Ut={class:"text-[18px] font-bold text-darkPrimary"},Ft={class:"text-[12px] text-secondary mt-0.5"},Gt={class:"text-[12px] text-tertiary mt-0.5"},Kt={key:0,class:"flex flex-col pb-12"},Ht={class:"mb-1"},Qt={class:"flex flex-col"},Wt={class:"mb-1"},Jt={key:2,class:"flex items-center"},Xt={key:3,class:"flex items-center"},ne={__name:"index",props:{compData:{type:Object,default:()=>({viewType:"all",siteName:""})},visibleMetrics:{type:Array,default:()=>["traffic","req_count","ip_count","uv","pv"]}},setup(W){const{globalTheme:P,adHideInfo:A}=wt(),f=W,C=k(null),L=k(null),O=k(!1),q=k(null);k("点击领取七天试用");const p=K("siteStatisticsMetric","traffic"),T=K("siteStatisticsCenterMetric","traffic"),b=K("siteStatisticsSortOrder","desc"),$=k(null);let v=null;const N=k(null);let y=null;const J=async e=>{O.value=!0,q.value=null;try{return(await Rt(e)).data.data}catch(t){return q.value=t,null}finally{O.value=!1}},ct=async e=>{O.value=!0,q.value=null;try{return(await Et(e)).data.data}catch(t){return q.value=t,null}finally{O.value=!1}},X=e=>{var a,d,g,o,c,x,m,s,l,B,M,lt,nt,rt,st;if(!e)return{today:{},yesterday:{},dayBefore:{}};const{overview_three_days:t}=e;return{today:{traffic:((a=t==null?void 0:t.today)==null?void 0:a.traffic_bytes)||0,req_count:((d=t==null?void 0:t.today)==null?void 0:d.req_count)||0,ip_count:((g=t==null?void 0:t.today)==null?void 0:g.ip_count)||0,uv:((o=t==null?void 0:t.today)==null?void 0:o.uv)||0,pv:((c=t==null?void 0:t.today)==null?void 0:c.pv)||0},yesterday:{traffic:((x=t==null?void 0:t.yesterday)==null?void 0:x.traffic_bytes)||0,req_count:((m=t==null?void 0:t.yesterday)==null?void 0:m.req_count)||0,ip_count:((s=t==null?void 0:t.yesterday)==null?void 0:s.ip_count)||0,uv:((l=t==null?void 0:t.yesterday)==null?void 0:l.uv)||0,pv:((B=t==null?void 0:t.yesterday)==null?void 0:B.pv)||0},dayBefore:{traffic:((M=t==null?void 0:t.day_before)==null?void 0:M.traffic_bytes)||0,req_count:((lt=t==null?void 0:t.day_before)==null?void 0:lt.req_count)||0,ip_count:((nt=t==null?void 0:t.day_before)==null?void 0:nt.ip_count)||0,uv:((rt=t==null?void 0:t.day_before)==null?void 0:rt.uv)||0,pv:((st=t==null?void 0:t.day_before)==null?void 0:st.pv)||0}}},ft=e=>{var t;return(t=e==null?void 0:e.top5_sites)!=null&&t.items?e.top5_sites.items.map(a=>({name:a.site,traffic:a.traffic_bytes,req_count:a.req_count,ip_count:a.ip_count,uv:a.uv,pv:a.pv})):[]},Y=e=>{var t;return(t=e==null?void 0:e.trend_7days)!=null&&t.points?e.trend_7days.points.map(a=>({date:a.date,traffic:a.traffic_bytes,req_count:a.req_count,ip_count:a.ip_count,uv:a.uv,pv:a.pv})):[]},j=_(()=>C.value?X(C.value):null),I=_(()=>L.value?X(L.value):null),Z=_(()=>{var e,t;return f.compData.viewType==="all"?((e=j.value)==null?void 0:e.today)||{}:((t=I.value)==null?void 0:t.today)||{}}),h=_(()=>{var e,t;return f.compData.viewType==="all"?((e=j.value)==null?void 0:e.yesterday)||{}:((t=I.value)==null?void 0:t.yesterday)||{}}),tt=_(()=>{var e,t;return f.compData.viewType==="all"?((e=j.value)==null?void 0:e.dayBefore)||{}:((t=I.value)==null?void 0:t.dayBefore)||{}}),pt=_(()=>f.compData.viewType!=="all"?[]:ft(C.value)),U=_(()=>f.compData.viewType==="all"?Y(C.value):Y(L.value)),et=async()=>{const e=kt("正在获取网站概览数据，请稍后...");try{f.compData.viewType==="all"?C.value=await J({metric:p.value,order:b.value}):L.value=await ct({site_name:f.compData.siteName}),await z(),await F(),await G()}finally{e.close()}};H([f.compData.viewType,f.compData.siteName],async()=>{await et()},{immediate:!0}),H([p,b],async()=>{f.compData.viewType==="all"&&(C.value=await J({metric:p.value,order:b.value}),await z(),await F())}),H([T,U],async()=>{await z(),await G()});const dt=e=>p.value==="traffic"?w(e):e,at={ip_count:"IP",uv:"UV",pv:"PV",req_count:"请求数",traffic:"流量"},mt=()=>{if(f.compData.viewType!=="all")return{};const e=getComputedStyle(document.documentElement).getPropertyValue("--el-color-text-primary").trim(),t=getComputedStyle(document.documentElement).getPropertyValue("--el-color-text-tertiary").trim(),a=pt.value.map(o=>({name:o.name,value:o[p.value]}));a.sort((o,c)=>b.value==="desc"?o.value-c.value:c.value-o.value);const d=a.map(o=>o.name),g=a.map(o=>o.value);return{grid:{left:140,right:45,top:36,bottom:36},tooltip:{trigger:"axis",axisPointer:{type:"shadow"},formatter:o=>{const c=Array.isArray(o)?o[0]:o,x=c.value,m=p.value==="traffic"?w(x):x;return"".concat(c.name,"<br/>").concat(c.seriesName,": ").concat(m)}},xAxis:{type:"value",axisLabel:{formatter:dt,color:"#666",fontSize:11},splitLine:{show:!0,lineStyle:{color:t}}},yAxis:{type:"category",data:d,axisLabel:{color:"#666",fontSize:12}},series:[{name:at[p.value],type:"bar",data:g,barWidth:14,itemStyle:{color:P.value.theme.color},label:{show:!0,position:"right",color:e,fontSize:12,formatter:o=>p.value==="traffic"?w(o.value):o.value}}]}},vt=()=>{var m;const e=getComputedStyle(document.documentElement).getPropertyValue("--el-color-text-tertiary").trim();if(!((m=U.value)!=null&&m.length))return{xAxis:{data:[]},series:[]};const t=T.value,a=at[t],d=[...U.value].sort((s,l)=>new Date(s.date).getTime()-new Date(l.date).getTime()),g=d.map(s=>gt(s.date)),o=d.map(s=>s[t]),c=s=>t==="traffic"?w(s):s,x=s=>t==="traffic"?w(s.value):s.value;return{grid:{left:80,right:45,top:36,bottom:36},tooltip:{trigger:"axis",axisPointer:{type:"line"},formatter:s=>{const l=Array.isArray(s)?s[0]:s,B=l.value,M=t==="traffic"?w(B):B;return"".concat(l.name,"<br/>").concat(l.seriesName,": ").concat(M)}},xAxis:{type:"category",data:g,axisLabel:{color:"#666",fontSize:12}},yAxis:{type:"value",axisLabel:{formatter:c,color:"#666",fontSize:11},splitLine:{show:!0,lineStyle:{color:e}}},series:[{name:a,type:"line",data:o,smooth:!0,areaStyle:{opacity:.1},itemStyle:{color:P.value.theme.color},lineStyle:{color:P.value.theme.color,width:2},label:{show:!0,position:"top",color:P.value.theme.color,fontSize:10,formatter:x}}]}},yt=async()=>{!v&&$.value&&(v=(await ut(()=>import("./index161.js?v=1777008528"),__vite__mapDeps([]),import.meta.url)).init($.value))},xt=async()=>{!y&&N.value&&(y=(await ut(()=>import("./index161.js?v=1777008528"),__vite__mapDeps([]),import.meta.url)).init(N.value))},F=async()=>{if(f.compData.viewType!=="all"||(await yt(),!v))return;const e=mt();v.setOption(e,!0)},G=async()=>{if(await xt(),!y)return;const e=vt();y.setOption(e,!0)},ot=()=>{v&&v.resize(),y&&y.resize()};St(async()=>{await z(),await F(),await G(),window.addEventListener("resize",ot)}),Ct(()=>{if(window.removeEventListener("resize",ot),v){try{v.dispose()}catch(e){}v=null}if(y){try{y.dispose()}catch(e){}y=null}});const w=e=>{if(e===0)return"0 B";if(e<1024)return e+" B";const t=["KB","MB","GB","TB"];let a=-1;do e=e/1024,a++;while(e>=1024&&a<t.length-1);return"".concat(e.toFixed(2)," ").concat(t[a])},gt=e=>{if(!e)return"";const t=new Date(e),a=String(t.getMonth()+1).padStart(2,"0"),d=String(t.getDate()).padStart(2,"0");return"".concat(a,"-").concat(d)},_t=[{key:"traffic",label:"流量",format:w},{key:"req_count",label:"请求数"},{key:"ip_count",label:"IP"},{key:"uv",label:"UV"},{key:"pv",label:"PV"}],bt=_(()=>_t.filter(e=>f.visibleMetrics.includes(e.key)));return(e,t)=>{const a=Lt,d=it,g=Mt,o=Ot,c=qt,x=Dt,m=Vt("n-text"),s=it;return D(),V("div",At,[i("div",$t,[i("div",Nt,[(D(!0),V(Tt,null,Bt(bt.value,l=>(D(),V("div",{key:l.key,class:"text-left flex flex-col pl-[1rem] flex-1 gap-[0.2rem]"},[i("div",jt,[n(a,{size:6},{default:r(()=>[t[4]||(t[4]=i("span",{class:"w-4 h-4 bg-primaryDark rounded-full inline-block"},null,-1)),i("span",null,R(l.label),1)]),_:2},1024)]),i("div",It,[i("div",Ut,R(l.format?l.format(Z.value[l.key]):Z.value[l.key]),1)]),i("div",Ft,"昨日 "+R(l.format?l.format(h.value[l.key]):h.value[l.key]),1),i("div",Gt,"前日 "+R(l.format?l.format(tt.value[l.key]):tt.value[l.key]),1)]))),128)),i("div",{class:"text-left flex flex-col items-center cursor-pointer pr-[1rem]",onClick:et},[n(d,{href:"javascript:;",class:"flex items-center justify-center"},{default:r(()=>[...t[5]||(t[5]=[i("i",{title:"",class:"svgtofont-icon-refresh !text-[1.8rem] flex items-center justify-center mr-[0.5rem]"},null,-1),u("刷新",-1)])]),_:1}),n(g,{name:"tools-logo",class:"opacity-90",size:"40"})])])]),W.compData.viewType==="all"?(D(),V("div",Kt,[i("div",Ht,[n(a,{class:"w-full flex justify-between"},{default:r(()=>[t[13]||(t[13]=i("strong",{class:"text-[1.6rem] font-bold"},"今日网站排名TOP5",-1)),n(a,null,{default:r(()=>[n(c,{modelValue:S(b),"onUpdate:modelValue":t[0]||(t[0]=l=>Q(b)?b.value=l:null)},{default:r(()=>[n(o,{value:"desc"},{default:r(()=>[...t[6]||(t[6]=[u("降序",-1)])]),_:1}),n(o,{value:"asc"},{default:r(()=>[...t[7]||(t[7]=[u("升序",-1)])]),_:1})]),_:1},8,["modelValue"]),n(c,{modelValue:S(p),"onUpdate:modelValue":t[1]||(t[1]=l=>Q(p)?p.value=l:null)},{default:r(()=>[n(o,{value:"traffic"},{default:r(()=>[...t[8]||(t[8]=[u("流量",-1)])]),_:1}),n(o,{value:"req_count"},{default:r(()=>[...t[9]||(t[9]=[u("请求数",-1)])]),_:1}),n(o,{value:"ip_count"},{default:r(()=>[...t[10]||(t[10]=[u("IP",-1)])]),_:1}),n(o,{value:"uv"},{default:r(()=>[...t[11]||(t[11]=[u("UV",-1)])]),_:1}),n(o,{value:"pv"},{default:r(()=>[...t[12]||(t[12]=[u("PV",-1)])]),_:1})]),_:1},8,["modelValue"])]),_:1})]),_:1})]),i("div",{ref_key:"rankingChartRef",ref:$,class:"h-[180px]"},null,512)])):E("",!0),i("div",Qt,[i("div",Wt,[n(a,{class:"w-full flex justify-between"},{default:r(()=>[t[19]||(t[19]=i("strong",{class:"text-[1.6rem] font-bold"},"近7天统计数据",-1)),n(a,null,{default:r(()=>[n(c,{modelValue:S(T),"onUpdate:modelValue":t[2]||(t[2]=l=>Q(T)?T.value=l:null)},{default:r(()=>[n(o,{value:"traffic"},{default:r(()=>[...t[14]||(t[14]=[u("流量",-1)])]),_:1}),n(o,{value:"req_count"},{default:r(()=>[...t[15]||(t[15]=[u("请求数",-1)])]),_:1}),n(o,{value:"ip_count"},{default:r(()=>[...t[16]||(t[16]=[u("IP",-1)])]),_:1}),n(o,{value:"uv"},{default:r(()=>[...t[17]||(t[17]=[u("UV",-1)])]),_:1}),n(o,{value:"pv"},{default:r(()=>[...t[18]||(t[18]=[u("PV",-1)])]),_:1})]),_:1},8,["modelValue"])]),_:1})]),_:1})]),i("div",{ref_key:"statsCenterChartRef",ref:N,class:"h-[220px]"},null,512)]),S(A).siteMonitor?E("",!0):(D(),Pt(x,{key:1,direction:"horizontal",class:"!my-6"})),S(A).siteMonitor?E("",!0):(D(),V("div",Jt,[n(m,{depth:"3"},{default:r(()=>[...t[20]||(t[20]=[u(" 此为简易网站数据统计，如需更详细的数据详情，请使用",-1)])]),_:1}),n(s,{href:"javascript:;",onClick:t[3]||(t[3]=l=>S(zt)({name:"monitor",installNow:!0,source:363}))},{default:r(()=>[...t[21]||(t[21]=[u("网站监控报表",-1)])]),_:1})])),S(A).siteMonitor?E("",!0):(D(),V("div",Xt,[n(m,{depth:"3"},{default:r(()=>[...t[22]||(t[22]=[u("立即查看网站监控报表的全部能力",-1)])]),_:1}),n(s,{href:"https://www.bt.cn/new/product_website_total.html"},{default:r(()=>[...t[23]||(t[23]=[u(">>点我跳转",-1)])]),_:1})]))])}}};export{ne as default};
function __vite__mapDeps(indexes) {
  if (!__vite__mapDeps.viteFileDeps) {
    __vite__mapDeps.viteFileDeps = []
  }
  return indexes.map((i) => __vite__mapDeps.viteFileDeps[i])
}