https://detiklife.com/static/js/analysis-content-publish-uT4PR15U.js

1import{r as f}from"./rolldown-runtime-BNNRdYrd.js";import{A as b,At as a,C as o,Ct as x,E as h,L as k,M as F,Q as E,S as g,Tt as C,it as A,zt as w}from"./vue.runtime.esm-bundler-BXOQDxND.js";import{i as L}from"./core-m9dZxrlL.js";import{t as S}from"./analysis-DM2idRcr.js";import{t as $}from"./useEcharts-D1m6t4ke.js";k();x();var B={class:"mine-card w-auto xl:w-8/12"},D={class:"flex items-center justify-between text-base"},V={class:"w-180px"},N=F({__name:"analysis-content-publish",setup(j){const l=a("today"),r=a([]),n=a([]),i=a([]),u=a([]),c=a(),s=L(),{contentPublishRadio:d}=S(),p=d();r.value=p[0].x,p.forEach(e=>{e.name==="纯文本"?n.value=e.y:e.name==="图文类"&&(i.value=e.y),u.value=e.y});function m(e){return e.map(t=>`<div class="content-panel">
2      <p>
3        <span style="background-color: ${t.color}" class="tooltip-item-icon"></span>
4      <span>
5        ${t.seriesName}
6      </span>
7    </p>
8    <span class="tooltip-value">
9      ${Number(t.value).toLocaleString()}
10    </span>
11  </div>`).join("")}const v=g(()=>({grid:{left:"4%",right:0,top:"20",bottom:"60"},legend:{bottom:0,icon:"circle",textStyle:{color:"#4E5969"}}

11,xAxis:{type:"category",data:r.value,axisLine:{lineStyle:{color:s.value==="dark"?"#3f3f3f":"#A9AEB8"}},axisTick:{show:!0,alignWithLabel:!0,lineStyle:{color:"#86909C"}},axisLabel:{color:"#86909C"}},yAxis:{type:"value",axisLabel:{color:"#86909C",formatter(e,t){return t===0?`${e}`:`${e/1e3}k`}},splitLine:{lineStyle:{color:s.value==="dark"?"#3F3F3F":"#E5E6EB"}}},tooltip:{show:!0,trigger:"axis",formatter(e){const[t]=e;return`
12          <div>
13            <p class="tooltip-title">
14              ${t.axisValueLabel}
15            </p>
16            ${m(e)}
17          </div>
18        `},className:"echarts-tooltip-diy"},series:[{name:"纯文本",data:n.value,stack:"one",type:"bar",barWidth:16,color:s.value==="dark"?"#4A7FF7":"#246EFF"},{name:"图文类",data:i.value,stack:"one",type:"bar",color:s.value==="dark"?"#085FEF":"#00B2FF"},{name:"视频类",data:u.value,stack:"one",type:"bar",color:s.value==="dark"?"#01349F":"#81E2FF",itemStyle:{borderRadius:2}}]}));return $(c).setOption(v.value),(e,t)=>{const _=A("m-tabs");return E(),h("div",B,[o("div",D,[t[1]||(t[1]=o("div",null,"内容发布比例",-1)),o("div",V,[b(_,{modelValue:w(l),"onUpdate:modelValue":t[0]||(t[0]=y=>C(l)?l.value=y:null),class:"h-7 w-full text-sm",options:[{label:"一周内",value:"week"},{label:"昨日",value:"yesterday"},{label:"今日",value:"today"}]},null,8,["modelValue"])])]),o("div",{ref_key:"echarts",ref:c,class:"mt-5 h-300px"},null,512)])}}}),O=f({default:()=>R}),R=N;export{O as n,R as t};