@chenkai_ioc/react-charts 0.1.1 → 0.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Chart/Bar/index.d.ts.map +1 -1
- package/dist/index.cjs +8 -8
- package/dist/index.js +1651 -1649
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),I=require("react"),Z=require("echarts-for-react"),gt=require("echarts"),qt=require("antd"),Gt=require("@ant-design/icons"),Fe=require("classnames"),Mt=require("ahooks");require("echarts-gl/lib/component/grid3D");require("echarts-gl/lib/chart/surface");require("echarts-gl/lib/chart/line3D");require("echarts-gl/lib/chart/scatter3D");function Ct(i){const b=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const s in i)if(s!=="default"){const o=Object.getOwnPropertyDescriptor(i,s);Object.defineProperty(b,s,o.get?o:{enumerable:!0,get:()=>i[s]})}}return b.default=i,Object.freeze(b)}const se=Ct(gt),ue=i=>{const b=Array.isArray(i)?i[i.length-1]:i;return b==null?"":String(b)},er=({style:i,chartStyle:b,data:s=[{name:"1月",value:25},{name:"2月",value:25},{name:"3月",value:25},{name:"4月",value:25},{name:"5月",value:25},{name:"6月",value:25}],unit:o="",colors:c={left:["#4f5bf7","#3138ac"],right:["#737df9","#4f5bf7"],top:"#9ea7fc"},barWidth:a=20,grid:n={top:0,bottom:50,left:50,right:50},axisLabel:e={color:"#fff",fontSize:14,margin:20},splitLineColor:r="#333",backgroundColors:l={left:"rgba(255, 255, 255, 0.1)",right:"rgba(255, 255, 255, 0.15)",top:"rgba(255, 255, 255, 0.2)",stroke:"rgba(255, 255, 255, 0.3)"},renderer:u="canvas"})=>{const h=I.useMemo(()=>{const m=s.reduce((x,L)=>Math.max(x,L.value),0),y=m?Math.ceil(m*1.2):100,v=(x,L)=>{const k=L.coord([L.value(0),L.value(1)]),p=a,d=k[0],_=k[1],F=L.coord([L.value(0),0])[1],z=p/2,j=p/4,$=[d,F+j];return{type:"group",children:[{type:"polygon",shape:{points:[[d-z,F],$,[d-z,F],[d,F+j],[d,_+j],[d-z,_]]},style:{fill:new se.graphic.LinearGradient(0,0,0,1,[{offset:0,color:c.left[0]},{offset:1,color:c.left[1]}])}},{type:"polygon",shape:{points:[[d,F+j],[d+z,F],[d+z,_],[d,_+j]]},style:{fill:new se.graphic.LinearGradient(0,0,0,1,[{offset:0,color:c.right[0]},{offset:1,color:c.right[1]}])}},{type:"polygon",shape:{points:[[d-z,_],[d,_+j],[d+z,_],[d,_-j]]},style:{fill:c.top}}]}},S=(x,L)=>{const k=L.coord([L.value(0),L.value(1)]),p=k[0],d=k[1],w=L.coord([L.value(0),0])[1],F=a,z=F/2,j=F/4;return{type:"group",children:[{type:"polygon",shape:{points:[[p-z,w],[p,w+j],[p,d+j],[p-z,d]]},style:{fill:l.left||"rgba(255, 255, 255, 0.1)"}},{type:"polygon",shape:{points:[[p,w+j],[p+z,w],[p+z,d],[p,d+j]]},style:{fill:l.right||"rgba(255, 255, 255, 0.15)"}},{type:"polygon",shape:{points:[[p-z,d],[p,d+j],[p+z,d],[p,d-j]]},style:{fill:l.top||"rgba(255, 255, 255, 0.2)",stroke:l.stroke||"rgba(255, 255, 255, 0.3)"}}]}};return{grid:n,tooltip:{show:!0,trigger:"axis",axisPointer:{type:"shadow"},formatter:x=>{const L=x.find(k=>k.seriesName==="bar");return L?`${L.name}: ${ue(L.value)}${o}`:""}},xAxis:{data:s.map(x=>x.name),axisLine:{show:!1},axisTick:{show:!1},axisLabel:{color:e.color||"#fff",fontSize:e.fontSize||14,margin:e.margin||20}},yAxis:{max:y+10,splitLine:{show:!0,lineStyle:{color:r}},axisLine:{show:!1},axisLabel:{color:e.color||"#fff",fontSize:e.fontSize||14}},series:[{type:"custom",name:"background",renderItem:S,data:s.map(x=>[x.name,y]),z:1,silent:!0},{type:"custom",name:"bar",renderItem:v,data:s.map(x=>[x.name,x.value]),z:2,label:{show:!1}}]}},[c.left,c.right,c.top,s,o,a,n,e,r,l]);return t.jsx("div",{style:{width:"100%",height:"100%",...i},children:t.jsx(Z,{option:h,opts:{renderer:u},style:{width:"100%",height:"100%",...b}})})},tr="_capsuleSwitch_1c26v_1",rr="_capsuleSlider_1c26v_11",ar="_capsuleItem_1c26v_23",sr="_capsuleItemActive_1c26v_42",jt={capsuleSwitch:tr,capsuleSlider:rr,capsuleItem:ar,capsuleItemActive:sr},or=({options:i,value:b,onChange:s,style:o,sliderStyle:c,itemStyle:a,activeItemStyle:n,gap:e=4})=>{const r=i.map(h=>typeof h=="string"?{label:h,value:h}:h),l=r.findIndex(h=>h.value===b),u=r.length;return t.jsxs("div",{className:jt.capsuleSwitch,style:o,children:[l>=0&&t.jsx("div",{className:jt.capsuleSlider,style:{width:`calc((100% - ${(u-1)*e}px - 4px) / ${u})`,transform:`translateX(calc(${l} * 100% + ${l*e}px))`,...c}}),r.map(h=>t.jsx("div",{className:`${jt.capsuleItem} ${b===h.value?jt.capsuleItemActive:""}`,style:{...a,...b===h.value?n:{}},onClick:()=>{s(h.value)},children:h.label},h.value))]})},lr="_totalCircle_1c6m5_1",cr="_circleBackground_1c6m5_4",nr="_circleCenter_1c6m5_9",dr="_ringSvg_1c6m5_15",ir="_totalInner_1c6m5_21",hr="_value_1c6m5_32",pr="_label_1c6m5_35",lt={totalCircle:lr,circleBackground:cr,circleCenter:nr,ringSvg:dr,totalInner:ir,value:hr,label:pr},ur=i=>Math.max(0,Math.min(i,1)),Vt=i=>Math.max(0,Math.min(i,100)),zt=i=>typeof i=="number"?`${i}px`:i,mr=({value:i=978,label:b="设备总数",percent:s=.85,size:o=100,className:c,style:a,svgStyle:n,styleConfig:e={},textConfig:r={},backgroundConfig:l={},layoutConfig:u={},animationConfig:h={},styles:m,renderCustomContent:y})=>{const v=I.useId().replace(/:/g,""),{progressGradientStart:S="rgba(73, 163, 255, 1)",progressGradientEnd:x="rgba(73, 163, 255, 1)",progressGradientEndOpacity:L=1,progressWidth:k=2,strokeLinecap:p="round",showTrack:d=!1,trackColor:_="transparent",trackWidth:w=3,showDot:F=!0,dotColor:z="#45aaff",dotSize:j=3,dotFollowProgress:$=!1,showGlow:T=!0,glowIntensity:M=1.8}=e,{svgPadding:B=6,radiusOffset:N=2,startAngle:W=90,maxPercent:A=1,backgroundInset:E=0,centerInset:te=18,contentInset:ne=20}=u,{valueColor:de="#fff",valueFontSize:Q=25,valueFontWeight:be=700,valueTextShadow:Y="0 0 10px rgba(120, 185, 255, 0.75)",labelColor:R="#fff",labelFontSize:O=11,labelFontWeight:X=700,labelLetterSpacing:P=0}=r,{showBackground:G=!0,ringColor:K="rgba(26, 71, 152, 0.87)",ringInnerPercent:J=56,ringOuterPercent:f=74,background:ve,boxShadow:ie="inset 0 0 12px rgba(42, 113, 220, 0.16)",centerBg:ze="#15417F",centerBoxShadow:De="inset 0 0 12px rgba(7, 25, 70, 0.46)"}=l,{duration:Ve=600,easing:V="ease-out"}=h,q=Vt(J),oe=Math.max(q,Vt(f)),re=ve??`radial-gradient(circle, transparent 0%, transparent ${Math.max(0,q-1)}%, ${K} ${q}%, ${K} ${oe}%, transparent ${Math.min(100,oe+1)}%, transparent 100%)`,g=o+B*2,he=g/2,ae=g/2,me=o/2-w-N,Se=2*Math.PI*me,le=ur(s*A),_e=`${Se*le} ${Se*(1-le)}`,xe=($?W+le*360:W)*Math.PI/180,we=he+me*Math.cos(xe),Le=ae+me*Math.sin(xe),H=`circle-progress-gradient-${v}`,U=`circle-progress-glow-${v}`;return t.jsxs("div",{className:`${lt.totalCircle} ${c||""}`,style:{width:o,height:o,...a,...m==null?void 0:m.root},children:[G&&t.jsxs(t.Fragment,{children:[t.jsx("div",{className:lt.circleBackground,style:{inset:zt(E),background:re,boxShadow:ie,...m==null?void 0:m.background}}),t.jsx("div",{className:lt.circleCenter,style:{inset:zt(te),background:ze,boxShadow:De,...m==null?void 0:m.center}})]}),t.jsxs("svg",{className:lt.ringSvg,viewBox:`0 0 ${g} ${g}`,style:{inset:-B,width:g,height:g,...n,...m==null?void 0:m.svg},children:[t.jsxs("defs",{children:[t.jsxs("linearGradient",{id:H,x1:he,y1:ae+me,x2:he,y2:ae-me,children:[t.jsx("stop",{offset:"0%",stopColor:S}),t.jsx("stop",{offset:"100%",stopColor:x,stopOpacity:L})]}),T&&t.jsxs("filter",{id:U,x:"-50%",y:"-50%",width:"200%",height:"200%",children:[t.jsx("feGaussianBlur",{stdDeviation:M,result:"blur"}),t.jsxs("feMerge",{children:[t.jsx("feMergeNode",{in:"blur"}),t.jsx("feMergeNode",{in:"SourceGraphic"})]})]})]}),d&&t.jsx("circle",{fill:"none",cx:he,cy:ae,r:me,stroke:_,strokeWidth:w}),t.jsx("circle",{fill:"none",cx:he+1,cy:ae,r:me,stroke:`url(#${H})`,strokeWidth:k,strokeLinecap:p,strokeDasharray:_e,transform:`rotate(${W} ${he} ${ae})`,filter:T?`url(#${U})`:void 0,style:{transition:`stroke-dasharray ${Ve}ms ${V}`}}),F&&t.jsx("circle",{r:j,fill:z,cx:we,cy:Le,filter:T?`url(#${U})`:void 0})]}),t.jsx("div",{className:lt.totalInner,style:{inset:zt(ne),color:de,...m==null?void 0:m.content},children:y?y(i):t.jsxs(t.Fragment,{children:[t.jsx("strong",{className:lt.value,style:{color:de,fontSize:Q,fontWeight:be,textShadow:Y,...m==null?void 0:m.value},children:i}),t.jsx("span",{className:lt.label,style:{color:R,fontSize:O,fontWeight:X,letterSpacing:P,...m==null?void 0:m.label},children:b})]})})]})},yr="_container_61x1f_1",br="_header_61x1f_9",vr="_collapsed_61x1f_20",Sr="_titleArea_61x1f_26",xr="_icon_61x1f_31",wr="_titleText_61x1f_35",_r="_copyButton_61x1f_40",Lr="_content_61x1f_54",Ye={container:yr,header:br,collapsed:vr,titleArea:Sr,icon:xr,titleText:wr,copyButton:_r,content:Lr},jr=({code:i,title:b="Example Code",defaultCollapsed:s=!0,style:o,headerStyle:c,titleAreaStyle:a,iconStyle:n,titleTextStyle:e,copyButtonStyle:r,contentStyle:l,preStyle:u,codeStyle:h})=>{const[m,y]=I.useState(s),v=async(x,L)=>{var k;x.stopPropagation();try{if((k=navigator.clipboard)!=null&&k.writeText)await navigator.clipboard.writeText(L);else{const p=document.createElement("textarea");p.value=L,p.style.position="fixed",p.style.opacity="0",document.body.appendChild(p),p.select(),document.execCommand("copy"),document.body.removeChild(p)}qt.message.success("复制成功")}catch(p){qt.message.error("复制失败"),console.error(p)}},S=()=>{y(!m)};return t.jsxs("div",{className:Ye.container,style:o,children:[t.jsxs("div",{onClick:S,className:Fe(Ye.header,{[Ye.collapsed]:m}),style:c,children:[t.jsxs("div",{className:Ye.titleArea,style:a,children:[m?t.jsx(Gt.CaretRightOutlined,{className:Ye.icon,style:n}):t.jsx(Gt.CaretDownOutlined,{className:Ye.icon,style:n}),t.jsx("span",{className:Ye.titleText,style:e,children:b})]}),t.jsx("div",{onClick:x=>v(x,i),className:Ye.copyButton,style:r,children:"复制代码"})]}),!m&&t.jsx("div",{className:Ye.content,style:l,children:t.jsx("pre",{style:u,children:t.jsx("code",{style:h,children:i})})})]})},kr="_progressBarWrapper_1twrj_1",zr="_hideCorners_1twrj_6",$r="_progressBarBottomLeft_1twrj_29",Fr="_progressBarBottomRight_1twrj_30",Mr="_progressFill_1twrj_50",Tr="_progressDot_1twrj_56",it={progressBarWrapper:kr,hideCorners:zr,progressBarBottomLeft:$r,progressBarBottomRight:Fr,progressFill:Mr,progressDot:Tr},ft=({percentage:i,showDot:b=!0,showCorners:s=!0,height:o=12,trackColor:c="rgba(0, 50, 100, 0.4)",fillGradient:a="linear-gradient(90deg, #0066ff 0%, #00aaff 100%)",cornerColor:n="#006dd1",borderColor:e="rgba(1, 73, 134, 1)",style:r,wrapperStyle:l,trackStyle:u,fillStyle:h,dotStyle:m})=>t.jsx("div",{style:{width:"100%",...r},children:t.jsxs("div",{className:`${it.progressBarWrapper} ${s?"":it.hideCorners}`,style:{borderColor:e,"--corner-color":n,...l},children:[s&&t.jsxs(t.Fragment,{children:[t.jsx("div",{className:it.progressBarBottomLeft}),t.jsx("div",{className:it.progressBarBottomRight})]}),t.jsx("div",{style:{height:`${o}px`,background:c,overflow:"visible",position:"relative",...u},children:t.jsx("div",{className:it.progressFill,style:{width:`${i}%`,background:a,...h},children:b&&t.jsx("div",{className:it.progressDot,style:m})})})]})}),Ir="_mainContent_1nhzk_1",Wr="_leftSection_1nhzk_6",Br="_iconCircle_1nhzk_9",Nr="_icon_1nhzk_9",Pr="_rightSection_1nhzk_20",Dr="_topBar_1nhzk_26",Ar="_dataDisplay_1nhzk_32",Er="_factoryName_1nhzk_38",Rr="_dashedLine_1nhzk_43",Or="_dataGroup_1nhzk_49",Hr="_percentage_1nhzk_53",qr="_value_1nhzk_59",Ie={mainContent:Ir,leftSection:Wr,iconCircle:Br,icon:Nr,rightSection:Pr,topBar:Dr,dataDisplay:Ar,factoryName:Er,dashedLine:Rr,dataGroup:Or,percentage:Hr,value:qr},Gr=({icon:i,title:b,percentage:s,value:o,showProgress:c=!0,iconSize:a=60,style:n,leftSectionStyle:e,iconCircleStyle:r,iconStyle:l,rightSectionStyle:u,topBarStyle:h,dataDisplayStyle:m,titleStyle:y,dashedLineStyle:v,dataGroupStyle:S,percentageStyle:x,valueStyle:L,progressBarStyle:k})=>t.jsxs("div",{className:`${Ie.mainContent} `,style:n,children:[t.jsx("div",{className:Ie.leftSection,style:e,children:t.jsx("div",{className:Ie.iconCircle,style:r,children:t.jsx("img",{src:i,alt:"",className:Ie.icon,style:{width:`${a}px`,height:`${a}px`,...l}})})}),t.jsxs("div",{className:Ie.rightSection,style:u,children:[t.jsx("div",{className:Ie.topBar,style:h,children:t.jsxs("div",{className:Ie.dataDisplay,style:m,children:[t.jsx("div",{className:Ie.factoryName,style:y,children:b}),t.jsx("span",{className:Ie.dashedLine,style:v}),t.jsxs("div",{className:Ie.dataGroup,style:S,children:[t.jsxs("span",{className:Ie.percentage,style:x,children:[s,"%"]}),t.jsx("span",{className:Ie.value,style:L,children:o})]})]})}),c&&t.jsx(ft,{percentage:s,style:k})]})]}),Vr="_gridContainer_vymgp_1",Xr="_gridItem_vymgp_7",Yr="_cardHeader_vymgp_15",Ur="_cardBody_vymgp_45",Zr="_iconWrapper_vymgp_54",Kr="_icon_vymgp_54",Qr="_value_vymgp_69",Jr="_unit_vymgp_76",fr="_trend_vymgp_81",gr="_trendUp_vymgp_85",Cr="_trendDown_vymgp_90",ea="_arrowUp_vymgp_95",ta="_arrowDown_vymgp_105",$e={gridContainer:Vr,gridItem:Xr,cardHeader:Yr,cardBody:Ur,iconWrapper:Zr,icon:Kr,value:Qr,unit:Jr,trend:fr,trendUp:gr,trendDown:Cr,arrowUp:ea,arrowDown:ta},ra=({data:i,columns:b=3,gap:s=15,showTrend:o=!0,trendLabel:c="环比",iconSize:a=80,valueSize:n=20,containerStyle:e,itemStyle:r,headerStyle:l,bodyStyle:u,iconWrapperStyle:h,iconStyle:m,valueStyle:y,unitStyle:v,trendStyle:S,trendUpStyle:x,trendDownStyle:L})=>t.jsx("div",{className:`${$e.gridContainer} `,style:{gridTemplateColumns:`repeat(${b}, 1fr)`,gap:`${s}px`,...e},children:i.map(k=>t.jsxs("div",{className:$e.gridItem,style:r,children:[t.jsx("div",{className:$e.cardHeader,style:l,children:k.title}),t.jsxs("div",{className:$e.cardBody,style:u,children:[t.jsx("div",{className:$e.iconWrapper,style:h,children:t.jsx("img",{src:k.icon,alt:k.title,className:$e.icon,style:{width:`${a}px`,height:`${a}px`,...m}})}),t.jsxs("div",{className:$e.value,style:{fontSize:`${n}px`,...y},children:[k.value,t.jsx("span",{className:$e.unit,style:v,children:k.unit})]}),o&&k.trend!==void 0&&t.jsxs("div",{className:$e.trend,style:S,children:[c,t.jsxs("span",{className:k.trend>=0?$e.trendUp:$e.trendDown,style:k.trend>=0?x:L,children:[k.trend>=0?"+":"",k.trend,"%"," ",t.jsx("span",{className:k.trend>=0?$e.arrowUp:$e.arrowDown})]})]})]})]},k.id))}),aa="_container_16kne_1",sa="_topLine_16kne_12",oa="_svgContainer_16kne_22",la="_svg_16kne_22",ca="_pathTransition_16kne_30",na="_ballContainer_16kne_33",da="_ball_16kne_33",ia="_textContainer_16kne_51",ha="_valueText_16kne_63",pa="_labelText_16kne_69",Oe={container:aa,topLine:sa,svgContainer:oa,svg:la,pathTransition:ca,ballContainer:na,ball:da,textContainer:ia,valueText:ha,labelText:pa},ua=({value:i=75,title:b="基础数据",subTitle:s="(万)",color:o="#34d1bf",width:c="450px",height:a="300px",radius:n=80,strokeWidth:e=12,trackColor:r="rgba(255,255,255,0.1)",ballSize:l=12,valueFontSize:u="36px",titleFontSize:h="14px",subTitleFontSize:m="14px",containerBg:y,borderColor:v="rgba(255,255,255,0.1)",style:S,topLineStyle:x,svgContainerStyle:L,svgStyle:k,ballContainerStyle:p,ballStyle:d,textContainerStyle:_,valueTextStyle:w,labelTextStyle:F})=>{const z=Math.min(Math.max(i,0),100),j=100,$=100,T=Math.PI*n,M=T*(1-z/100),B=I.useMemo(()=>`gauge-gradient-${Math.random().toString(36).substr(2,9)}`,[]);return t.jsxs("div",{className:Oe.container,style:{width:c,height:a,boxShadow:`inset 0 1px 0 0 ${o}80`,background:y,borderColor:v,...S},children:[t.jsx("div",{className:Oe.topLine,style:{background:o,boxShadow:`0 0 10px ${o}`,...x}}),t.jsxs("div",{className:Oe.svgContainer,style:L,children:[t.jsxs("svg",{width:"100%",height:"100%",viewBox:"0 0 200 110",className:Oe.svg,style:k,children:[t.jsx("defs",{children:t.jsxs("linearGradient",{id:B,x1:"0%",y1:"0%",x2:"100%",y2:"0%",children:[t.jsx("stop",{offset:"0%",stopColor:"rgba(255,255,255,0.1)"}),t.jsx("stop",{offset:"100%",stopColor:o})]})}),t.jsx("path",{d:`M ${j-n} ${$} A ${n} ${n} 0 0 1 ${j+n} ${$}`,fill:"none",stroke:r,strokeWidth:e,strokeLinecap:"round"}),t.jsx("path",{d:`M ${j-n} ${$} A ${n} ${n} 0 0 1 ${j+n} ${$}`,fill:"none",stroke:`url(#${B})`,strokeWidth:e,strokeLinecap:"round",strokeDasharray:T,strokeDashoffset:M,className:Oe.pathTransition})]}),t.jsx("div",{className:Oe.ballContainer,style:{transform:`rotate(${z/100*180}deg)`,...p},children:t.jsx("div",{className:Oe.ball,style:{left:`${j-n}px`,top:`${$}px`,width:`${l}px`,height:`${l}px`,boxShadow:`0 0 10px ${o}, 0 0 20px ${o}`,...d}})}),t.jsxs("div",{className:Oe.textContainer,style:_,children:[t.jsx("div",{className:Oe.valueText,style:{fontSize:u,...w},children:z.toFixed(0)}),t.jsxs("div",{className:Oe.labelText,style:F,children:[t.jsx("span",{style:{fontSize:h},children:b}),t.jsx("span",{style:{fontSize:m,marginLeft:"4px"},children:s})]})]})]})]})},ma="_hologramContainer_1n17a_1",ya="_title_1n17a_11",ba="_iconWrapper_1n17a_48",va="_float_1n17a_1",Sa="_beam_1n17a_59",xa="_beamPulse_1n17a_1",wa="_base_1n17a_70",_a="_blue_1n17a_98",La="_purple_1n17a_113",ja="_green_1n17a_128",ht={hologramContainer:ma,title:ya,iconWrapper:ba,float:va,beam:Sa,beamPulse:xa,base:wa,blue:_a,purple:La,green:ja},ka=()=>t.jsxs("svg",{viewBox:"0 0 100 100",fill:"currentColor",children:[t.jsx("path",{d:"M28 85 L42 20 L50 20 L38 85 Z",opacity:"0.9"}),t.jsx("path",{d:"M72 85 L58 20 L50 20 L62 85 Z",opacity:"0.9"}),t.jsx("rect",{x:"42",y:"40",width:"16",height:"6",rx:"1"}),t.jsx("rect",{x:"36",y:"60",width:"28",height:"6",rx:"1"})]}),za=({color:i="blue",title:b,icon:s,width:o,height:c,style:a,titleStyle:n,iconWrapperStyle:e,beamStyle:r,baseStyle:l})=>t.jsxs("div",{className:Fe(ht.hologramContainer,ht[i]),style:{width:o,height:c,...a},children:[b&&t.jsx("div",{className:ht.title,style:n,children:b}),t.jsx("div",{className:ht.iconWrapper,style:e,children:s||t.jsx(ka,{})}),t.jsx("div",{className:ht.beam,style:r}),t.jsx("div",{className:ht.base,style:l})]}),$a="_timeValue_jlvsx_1",Fa="_digit_jlvsx_6",Ma="_separator_jlvsx_23",$t={timeValue:$a,digit:Fa,separator:Ma},Ta=i=>i.padStart(8,"0").slice(0,8).split(""),Ia=({duration:i="00:00:00",className:b,style:s,digitClassName:o,digitStyle:c,separatorClassName:a,separatorStyle:n})=>{const e=Ta(i);return t.jsx("div",{className:`${$t.timeValue} ${b||""}`,style:s,"aria-label":i,children:e.map((r,l)=>r===":"?t.jsx("span",{className:`${$t.separator} ${a||""}`,style:n,children:r},`${r}-${l}`):t.jsx("span",{className:`${$t.digit} ${o||""}`,style:c,children:r},`${r}-${l}`))})},Wa="_container_9aode_1",Ba="_chartWrapper_9aode_9",Na="_chart_9aode_9",Pa="_centerDecoration_9aode_22",Da="_centerImage_9aode_32",Aa="_legend_9aode_40",Ea="_legendItem_9aode_66",Ra="_legendItemActive_9aode_83",Oa="_legendItemHidden_9aode_87",Ha="_legendItemDimmed_9aode_90",qa="_legendDot_9aode_93",Ga="_legendName_9aode_102",Va="_legendValue_9aode_108",Xa="_legendPercent_9aode_109",ke={container:Wa,chartWrapper:Ba,chart:Na,centerDecoration:Pa,centerImage:Da,legend:Aa,legendItem:Ea,legendItemActive:Ra,legendItemHidden:Oa,legendItemDimmed:Ha,legendDot:qa,legendName:Ga,legendValue:Va,legendPercent:Xa},Ne=(...i)=>i.filter(Boolean).join(" "),Xt=i=>!!i&&typeof i=="object"&&!Array.isArray(i),vt=(i,b)=>typeof i=="function"?i(b):i,Ya=({data:i,valueUnit:b,classNames:s,styleConfig:o,chartConfig:c,centerConfig:a})=>{const n=I.useRef(null),[e,r]=I.useState(null),[l,u]=I.useState(new Set),h=(a==null?void 0:a.show)??!0,m=I.useMemo(()=>{const p=(c==null?void 0:c.pieSeries)??{},d=(c==null?void 0:c.outerRingSeries)??{},_=Xt(p.itemStyle)?p.itemStyle:{},w=Xt(d.itemStyle)?d.itemStyle:{},F={backgroundColor:"transparent",legend:{show:!1},series:[{type:"pie",radius:["58%","75%"],center:["50%","50%"],padAngle:2,...p,itemStyle:{borderRadius:2,borderWidth:4,..._},label:{show:!1},labelLine:{show:!1},data:i.map((z,j)=>({name:z.name,value:l.has(j)?0:z.value,itemStyle:{color:z.color,opacity:l.has(j)?0:1}})),emphasis:{scale:!0,scaleSize:8,itemStyle:{opacity:1}}},{type:"pie",radius:["83%","85%"],center:["50%","50%"],silent:!0,...d,label:{show:!1},labelLine:{show:!1},itemStyle:{color:"rgba(17, 117, 225, 0.8)",borderWidth:0,...w},data:[{value:1}]}]};return typeof(c==null?void 0:c.option)=="function"?c.option(F):c!=null&&c.option?{...F,...c.option}:F},[c,i,l]),y=p=>{var _;if(l.has(p))return;r(p);const d=(_=n.current)==null?void 0:_.getEchartsInstance();d==null||d.dispatchAction({type:"highlight",seriesIndex:0,dataIndex:p})},v=()=>{var d;r(null);const p=(d=n.current)==null?void 0:d.getEchartsInstance();p==null||p.dispatchAction({type:"downplay",seriesIndex:0})},S=p=>{u(d=>{const _=new Set(d);return _.has(p)?_.delete(p):_.add(p),_})},x=I.useMemo(()=>({mouseover:p=>{p.seriesIndex!==0||p.dataIndex===void 0||r(p.dataIndex)},mouseout:()=>{r(null)},click:p=>{p.seriesIndex!==0||p.dataIndex===void 0||S(p.dataIndex)}}),[]),L=(p,d)=>{const _=e===d,w=l.has(d);return{item:p,index:d,active:_,hidden:w,dimmed:e!==null&&!_&&!w}},k=p=>Ne(ke.legendItem,s==null?void 0:s.legendItem,p.active&&ke.legendItemActive,p.active&&(s==null?void 0:s.legendItemActive),p.hidden&&ke.legendItemHidden,p.hidden&&(s==null?void 0:s.legendItemHidden),p.dimmed&&ke.legendItemDimmed,p.dimmed&&(s==null?void 0:s.legendItemDimmed));return t.jsxs("div",{className:Ne(ke.container,s==null?void 0:s.container),style:o==null?void 0:o.container,children:[t.jsxs("div",{className:Ne(ke.chartWrapper,s==null?void 0:s.chartWrapper),style:o==null?void 0:o.chartWrapper,children:[t.jsx(Z,{ref:n,className:Ne(ke.chart,s==null?void 0:s.chart),style:o==null?void 0:o.chart,option:m,onEvents:x,opts:{renderer:(c==null?void 0:c.renderer)??"svg"}}),h&&t.jsx("div",{"aria-hidden":!0,className:Ne(ke.centerDecoration,s==null?void 0:s.centerDecoration,a==null?void 0:a.className),style:{...o==null?void 0:o.centerDecoration,...a==null?void 0:a.style},children:(a==null?void 0:a.image)&&t.jsx("img",{className:Ne(ke.centerImage,s==null?void 0:s.centerImage),src:a.image,alt:"",style:{...o==null?void 0:o.centerImage,...a.imageStyle}})})]}),t.jsx("div",{className:Ne(ke.legend,s==null?void 0:s.legend),style:o==null?void 0:o.legend,children:t.jsx("div",{style:{width:"100%",height:"100%",overflow:"auto",display:"flex",gap:10,flexDirection:"column",marginTop:15},children:i.map((p,d)=>{const _=L(p,d);return t.jsxs("div",{role:"button",tabIndex:0,className:k(_),style:vt(o==null?void 0:o.legendItem,_),onMouseEnter:()=>y(d),onMouseLeave:v,onClick:()=>S(d),onKeyDown:w=>{(w.key==="Enter"||w.key===" ")&&S(d)},children:[t.jsx("div",{className:Ne(ke.legendDot,s==null?void 0:s.legendDot),style:{"--inspection-pie-color":p.color,...vt(o==null?void 0:o.legendDot,_)}}),t.jsx("span",{className:Ne(ke.legendName,s==null?void 0:s.legendName),style:vt(o==null?void 0:o.legendName,_),title:p.name,children:p.name}),t.jsxs("span",{className:Ne(ke.legendValue,s==null?void 0:s.legendValue),style:vt(o==null?void 0:o.legendValue,_),children:[p.value,b]}),t.jsx("span",{className:Ne(ke.legendPercent,s==null?void 0:s.legendPercent),style:vt(o==null?void 0:o.legendPercent,_),children:p.pct})]},p.name)})})})]})},Ua="_back_1ccr7_59",Ce={"liquid-gauge-container":"_liquid-gauge-container_1ccr7_1","liquid-gauge-inner":"_liquid-gauge-inner_1ccr7_19","liquid-wave":"_liquid-wave_1ccr7_44",back:Ua,"gauge-glass":"_gauge-glass_1ccr7_68","gauge-highlight":"_gauge-highlight_1ccr7_81","gauge-text":"_gauge-text_1ccr7_93"},Za=({value:i=50,color:b="#34d1bf",widthSize:s=160,heightSize:o=160,fontSize:c,outerBorderColor:a="#34d1bf",textColor:n,backgroundColor:e,glassOpacity:r,waveTopPos:l,style:u,innerStyle:h,waveStyle:m,waveBackStyle:y,glassStyle:v,highlightStyle:S,textStyle:x})=>{const L=Math.min(Math.max(i,0),100),k=l!==void 0?l:200-L;return t.jsxs("div",{className:Ce["liquid-gauge-container"],style:{width:s,height:o,"--gauge-color":b,"--gauge-bg":e,"--gauge-glass-opacity":r,"--gauge-text-color":n,"--gauge-outer-border-color":a,...u},children:[t.jsxs("div",{className:Ce["liquid-gauge-inner"],style:h,children:[t.jsx("div",{className:`${Ce["liquid-wave"]} ${Ce.back}`,style:{top:`${k}%`,...y}}),t.jsx("div",{className:Ce["liquid-wave"],style:{top:`${k}%`,...m}}),t.jsx("div",{className:Ce["gauge-glass"],style:v}),t.jsx("div",{className:Ce["gauge-highlight"],style:S})]}),t.jsxs("div",{className:Ce["gauge-text"],style:{fontSize:c||o*.25,...x},children:[L,"%"]})]})},Ka="_container_vgkqe_1",Qa="_card_vgkqe_7",Ja="_labelTag_vgkqe_25",fa="_valueWrapper_vgkqe_37",ga="_value_vgkqe_37",Ca="_unit_vgkqe_50",es="_peakSvg_vgkqe_55",ts="_bottomLabel_vgkqe_63",et={container:Ka,card:Qa,labelTag:Ja,valueWrapper:fa,value:ga,unit:Ca,peakSvg:es,bottomLabel:ts},rs=({color:i="#448aff",topLabel:b="数据",bottomLabel:s="数据名称",value:o=30,max:c=100,percent:a,unit:n="个",valueFontSize:e,unitFontSize:r,topLabelFontSize:l,bottomLabelFontSize:u,style:h,cardStyle:m,labelTagStyle:y,valueWrapperStyle:v,valueStyle:S,unitStyle:x,peakSvgStyle:L,bottomLabelStyle:k,baseHeight:p=55,maxHeightRange:d=45})=>{const _=I.useMemo(()=>`peak-gradient-${Math.random().toString(36).substr(2,9)}`,[]),w=I.useMemo(()=>{let F=0;if(typeof a=="number")F=Math.min(Math.max(a/100,0),1);else{const j=typeof o=="number"?o:parseFloat(String(o))||0;F=Math.min(Math.max(j/c,0),1)}const z=p-d*F;return`M0 60 L0 ${p} Q 30 ${p}, 50 ${z} Q 70 ${p}, 100 ${p} L 100 60 Z`},[o,c,a,p,d]);return t.jsxs("div",{className:Fe(et.container),style:{"--peak-card-color":i,"--peak-card-border-color":`color-mix(in srgb, ${i}, transparent 50%)`,"--peak-card-bg-color":`color-mix(in srgb, ${i}, transparent 90%)`,"--peak-card-shadow-color":`color-mix(in srgb, ${i}, transparent 40%)`,"--peak-gradient-url":`url(#${_})`,...h},children:[t.jsxs("div",{className:et.card,style:m,children:[t.jsx("div",{className:et.labelTag,style:{fontSize:l,...y},children:b}),t.jsxs("div",{className:et.valueWrapper,style:v,children:[t.jsx("span",{className:et.value,style:{fontSize:e,...S},children:o}),t.jsx("span",{className:et.unit,style:{fontSize:r,...x},children:n})]}),t.jsxs("svg",{className:et.peakSvg,viewBox:"0 0 100 60",preserveAspectRatio:"none",style:L,children:[t.jsx("defs",{children:t.jsxs("linearGradient",{id:_,x1:"0%",y1:"0%",x2:"0%",y2:"100%",children:[t.jsx("stop",{offset:"0%",stopColor:i,stopOpacity:"0.6"}),t.jsx("stop",{offset:"100%",stopColor:i,stopOpacity:"0"})]})}),t.jsx("path",{d:w,stroke:i,fill:`url(#${_})`,strokeWidth:"2",vectorEffect:"non-scaling-stroke",style:{transition:"all 0.5s ease-out"}})]})]}),t.jsx("div",{className:et.bottomLabel,style:{fontSize:u,...k},children:s})]})},as=({chartData:i,periodConfig:b={valley:{name:"低谷",color:"#00D9FF",timeRanges:[[0,6],[21,24]]},peak:{name:"高峰",color:"#00FF9D",timeRanges:[[6,8],[17,21]]},sharp:{name:"尖峰",color:"#FFD700",timeRanges:[[8,10]]}},height:s="100%",gridConfig:o,legendConfig:c,tooltipConfig:a,xAxisConfig:n,yAxisConfig:e,seriesConfig:r,animation:l=!0,unit:u="kWh",areaGradients:h={}})=>{const m=Mt.useCreation(()=>{const y=Array.from({length:24},(z,j)=>`${j.toString().padStart(2,"0")}:00`),v=z=>{for(const[j,$]of Object.entries(b))for(const[T,M]of $.timeRanges)if(z>=T&&z<M)return j;return Object.keys(b)[0]||""},S=i?y.map(z=>{const j=i.find($=>$.time===z);return j?j.value:null}):y.map((z,j)=>j<6?+(60+Math.random()*20).toFixed(1):j<8?+(100+(j-6)*20+Math.random()*15).toFixed(1):j<10?+(150+Math.random()*30).toFixed(1):j<17?+(110+Math.random()*20).toFixed(1):j<21?+(130+Math.random()*25).toFixed(1):+(80-(j-21)*5+Math.random()*15).toFixed(1)),x=z=>S.map((j,$)=>{const T=v($),M=$>0?v($-1):T;return T===z||M===z&&T!==z?j:null}),L=Math.max(...S.filter(z=>z!=null)),p=(Math.ceil(L/50)*50+50)/4,d=Array.isArray(e)?e[0]:e,_=(d==null?void 0:d.interval)??p,w=Array.isArray(c)?c[0]:c,F=(w==null?void 0:w.show)??!0;return{animation:l,grid:{top:"18%",left:"8%",right:"6%",bottom:"12%",containLabel:!0,...o},legend:F?{data:Object.values(b).map(z=>({name:z.name,itemStyle:{color:z.color},lineStyle:{color:z.color,width:2}})),top:"5%",right:"5%",textStyle:{color:"#c8d8ff",fontSize:12},itemWidth:24,itemHeight:3,selectedMode:!1,...c}:void 0,tooltip:{trigger:"axis",backgroundColor:"rgba(10, 22, 54, 0.95)",borderColor:"rgba(0, 150, 255, 0.4)",textStyle:{color:"#fff",fontSize:12},formatter:z=>{const j=y.indexOf(z[0].axisValue),$=v(j),T=b[$].color,M=b[$].name,B=z.map(N=>N.value).find(N=>N!=null);return B==null?"":`<span style="color:'#fff';font-size:11px">${z[0].axisValue}</span><br/><span style="display:inline-block;width:8px;height:8px;border-radius:50%;background:${T};margin-right:5px;vertical-align:middle;"></span><b style="color:${T}">${M}</b>: <b>${B} ${u}</b>`},...a},xAxis:{type:"category",data:y,boundaryGap:!1,axisLine:{lineStyle:{color:"rgba(100, 150, 200, 0.12)"}},axisLabel:{color:"rgba(200, 220, 255, 0.55)",fontSize:11,interval:2},splitLine:{show:!1,lineStyle:{color:"rgba(100, 150, 200, 0.12)",type:"dashed"}},...n},yAxis:{type:"value",interval:_,axisLine:{show:!1},axisLabel:{color:"rgba(255, 255, 255, 0.8)",fontSize:11},splitLine:{lineStyle:{color:"rgba(255, 255, 255, 0.3)",type:"dashed"}},...e},series:Object.entries(b).map(([z,j],$)=>{const T=h==null?void 0:h[z],M=T?{color:new se.graphic.LinearGradient(0,0,0,1,[{offset:0,color:T.from},{offset:1,color:T.to}])}:{color:j.color,opacity:.07};return{name:j.name,type:"line",data:x(z),connectNulls:!1,smooth:!0,symbol:"none",lineStyle:{color:j.color,width:2.5,...(r==null?void 0:r.lineStyle)||{}},areaStyle:{...M,...(r==null?void 0:r.areaStyle)||{}},emphasis:{disabled:!0},z:Object.keys(b).length-$,...r}})}},[i,b,o,c,a,n,e,r,h,l,u]);return t.jsx(Z,{option:m,style:{width:"100%",height:s}})};function ss(i,b,s,o){const c=i*Math.PI*2,a=b*Math.PI*2,n=o;return{u:{min:-Math.PI,max:Math.PI*3,step:Math.PI/40},v:{min:0,max:Math.PI*2,step:Math.PI/40},x(e,r){return e<c?Math.cos(c)*(1+Math.cos(r)*s):e>a?Math.cos(a)*(1+Math.cos(r)*s):Math.cos(e)*(1+Math.cos(r)*s)},y(e,r){return e<c?Math.sin(c)*(1+Math.cos(r)*s):e>a?Math.sin(a)*(1+Math.cos(r)*s):Math.sin(e)*(1+Math.cos(r)*s)},z(e,r){return Math.sin(r)>0?n:0}}}function os(i,b,s,o){const c=i*Math.PI*2,a=b*Math.PI*2;return{u:{min:c,max:a,step:(a-c)/20},v:{min:0,max:1,step:.1},x(n,e){return(1-s+e*(2*s))*Math.cos(n)},y(n,e){return(1-s+e*(2*s))*Math.sin(n)},z(n,e){return o}}}function Yt(i,b,s){return{u:{min:0,max:1,step:.1},v:{min:0,max:1,step:.1},x(o){return(1-b+o*2*b)*Math.cos(i)},y(o){return(1-b+o*2*b)*Math.sin(i)},z(o,c){return c*s}}}function Ut(i,b,s){return{u:{min:0,max:Math.PI*2,step:Math.PI/40},v:{min:0,max:1,step:.1},x(o,c){return i*Math.cos(o)},y(o,c){return i*Math.sin(o)},z(o,c){return b+c*(s-b)}}}function Zt(i,b){return{u:{min:0,max:Math.PI*2,step:Math.PI/40},v:{min:0,max:1,step:.1},x(s,o){return i*o*Math.cos(s)},y(s,o){return i*o*Math.sin(s)},z(s,o){return b}}}function ls(i,b){const s=[],o=[],c=i.reduce((R,O)=>R+O.val,0),a=(1-b.innerRatio)/(1+b.innerRatio),n=b.sliceHeightConfig||{},e=n.baseHeight??10,r=n.step??3,l=b.baseConfig||{},u=l.baseR1??2.8,h=l.baseH1Min??-1.8,m=l.baseH1Max??-.5,y=l.baseR2??2.5,v=l.baseH2Min??-1.8,S=l.baseH2Max??0,x=l.ringRadius??2.2,L=l.ringTubeRadius??.02,k=l.ringWaveHeight??.06,p=l.ringCenterZ??4.8,d=l.bottomSideColor??"#0B1638",_=l.bottomTopColor??"#102246",w=l.topSideColor??"#163065",F=l.topTopColor??"#1B3B7A",z=l.ringColor??"#00D1FF",j=b.guideLineConfig||{},$=j.rStart??1.2,T=j.rTurn??2.2,M=j.riseZ??2.5,B=j.endOffset??.8,N=j.lineWidth??1,W=j.lineColor??"#FFFFFF",A=j.lineOpacity??1,E=b.labelConfig||{},te=E.nameColor??"#4CA4E6",ne=E.nameFontSize??14,de=E.percentColor??"#FFFFFF",Q=E.percentFontSize??12,be=b.defaultItemColor??"#0000FF";let Y=0;return i.forEach((R,O)=>{var xe;const X=c>0?R.val/c:0,P=Y+X,G=c>0?(X*100).toFixed(1):"0.0",K=e-O*r;let J,f,ve,ie;if(R.colors)J=R.colors.side,f=R.colors.top,ve=R.colors.start,ie=R.colors.end;else{const we=((xe=R.itemStyle)==null?void 0:xe.color)||be;J=se.color.lift(we,-.6),f=se.color.lift(we,-.1),ve=J,ie=J}s.push({name:R.name+"_body",type:"surface",parametric:!0,wireframe:{show:!1},itemStyle:{color:J,opacity:1},shading:"realistic",parametricEquation:ss(Y,P,a,K),silent:!0}),s.push({name:R.name+"_top",type:"surface",parametric:!0,wireframe:{show:!1},itemStyle:{color:f,opacity:1},shading:"realistic",parametricEquation:os(Y,P,a,K+.02),silent:!0}),s.push({name:R.name+"_start",type:"surface",parametric:!0,wireframe:{show:!1},itemStyle:{color:ve,opacity:1},shading:"realistic",parametricEquation:Yt(Y*Math.PI*2,a,K),silent:!0}),s.push({name:R.name+"_end",type:"surface",parametric:!0,wireframe:{show:!1},itemStyle:{color:ie,opacity:1},shading:"realistic",parametricEquation:Yt(P*Math.PI*2,a,K),silent:!0});const ze=(Y+P)*Math.PI,De=$,Ve=Math.cos(ze)*De,V=Math.sin(ze)*De,q=K,oe=M,re=T,g=Math.cos(ze)*re,he=Math.sin(ze)*re,ae=K+oe,me=Math.cos(ze)>=0?1:-1,Se=g+me*B,le=he,_e=ae;o.push({type:"line3D",lineStyle:{width:N,color:W,opacity:A},data:[[Ve,V,q],[g,he,ae],[Se,le,_e]],silent:!0},{type:"scatter3D",symbolSize:3,itemStyle:{color:W,opacity:1},label:{show:!0,formatter:`{name|${R.name}}
|
|
2
|
-
{percent|${G}%}`,backgroundColor:"transparent",position:"top",rich:{name:{color:te,fontSize:ne,align:"center",padding:[0,0,5,0]},percent:{color:de,fontSize:Q,align:"center"}}},data:[{value:[Se,le,_e]}],silent:!0}),Y=P}),s.push({name:"base_bottom_side",type:"surface",parametric:!0,wireframe:{show:!1},itemStyle:{color:d,opacity:.9},parametricEquation:Ut(u,h,m),silent:!0},{name:"base_bottom_top",type:"surface",parametric:!0,wireframe:{show:!1},itemStyle:{color:_,opacity:.9},parametricEquation:Zt(u,m),silent:!0}),s.push({name:"base_top_side",type:"surface",parametric:!0,wireframe:{show:!1},itemStyle:{color:w,opacity:.9},parametricEquation:Ut(y,v,S),silent:!0},{name:"base_top_top",type:"surface",parametric:!0,wireframe:{show:!1},itemStyle:{color:F,opacity:1},parametricEquation:Zt(y,S),silent:!0}),s.push({name:"base_ring",type:"surface",parametric:!0,wireframe:{show:!1},itemStyle:{color:z,opacity:1},shading:"color",parametricEquation:{u:{min:0,max:Math.PI*2,step:Math.PI/60},v:{min:0,max:Math.PI*2,step:Math.PI/40},x(R,O){return(x+L*Math.cos(O))*Math.cos(R)},y(R,O){return(x+L*Math.cos(O))*Math.sin(R)},z(R,O){return k*Math.sin(O)+p}},silent:!0}),s.concat(o)}const cs=[{name:"仓储物流",val:600,colors:{top:"#623ff3",side:"#321ac3",start:"#8651f4",end:"#4821ca"}},{name:"设备维护",val:500,colors:{top:"#59b8e1",side:"#3e85b9",start:"#56b4e8",end:"#4089c1"}},{name:"质量检测",val:300,colors:{top:"#4366f3",side:"#1532cc",start:"#1d43f3",end:"#1523cb"}}],ns=({data:i=cs,innerRatio:b=0,axis3DConfig:s,grid3DConfig:o,baseConfig:c,sliceHeightConfig:a,guideLineConfig:n,labelConfig:e,tooltipConfig:r,defaultItemColor:l,devicePixelRatioMultiplier:u=1.5,style:h,chartStyle:m})=>{const y=I.useMemo(()=>{const S={min:-5,max:5,...(s==null?void 0:s.xAxis3D)||{}},x={min:-5,max:5,...(s==null?void 0:s.yAxis3D)||{}},L={min:-5,max:8,...(s==null?void 0:s.zAxis3D)||{}},k={boxHeight:20,viewControl:{distance:70,alpha:35,beta:20,autoRotate:!0,autoRotateSpeed:4,panMouseButton:"right",rotateMouseButton:"left",center:[0,0,0]},light:{main:{intensity:1.8,shadow:!1},ambient:{intensity:.5}},postEffect:{enable:!1,FXAA:{enable:!1},temporalSuperSampling:{enable:!1}}},p={show:!1,...k,...o,viewControl:{...k.viewControl,...(o==null?void 0:o.viewControl)||{}},postEffect:{...k.postEffect,...(o==null?void 0:o.postEffect)||{}}};return{tooltip:{show:!1,...r||{}},xAxis3D:S,yAxis3D:x,zAxis3D:L,grid3D:p,series:ls(i,{innerRatio:b,baseConfig:c,sliceHeightConfig:a,guideLineConfig:n,labelConfig:e,defaultItemColor:l})}},[s,o,r,i,b,c,a,n,e,l]),v=typeof window<"u"?Math.max(window.devicePixelRatio*u,2):2;return t.jsx("div",{style:{width:"100%",height:"100%",...h},children:t.jsx(Z,{option:y,style:{width:"100%",height:"100%",...m},opts:{renderer:"canvas",devicePixelRatio:v}})})},ds={innerRadius:30,outerRadius:150,trackColor:"#1e293b",barGapRatio:.55},Kt={trunkOff:65,spread:-20,rOff:0,legGap:25,refLineOffset:60,refLineExtension:8},Ue=i=>i*Math.PI/180,is=({style:i,canvasStyle:b,data:s,valueUnit:o="kWh",colors:c,maxValue:a,showDebugPanel:n=!1,legendTextColor:e,legendFontSize:r,startAngle:l=-70,endAngle:u=40,showTrack:h=!1,layoutConfig:m})=>{const y=I.useRef(null),v=I.useRef(null),S=I.useRef(void 0),x=I.useRef([]),L=I.useRef([]),k=I.useRef(null),[p,d]=I.useState([]),[_,w]=I.useState([]),[F,z]=I.useState(null),[j,$]=I.useState({...Kt,...m}),T=n?j:{...Kt,...m},M=Y=>R=>$(O=>({...O,[Y]:R})),B=I.useMemo(()=>s||[{name:"一车间",rank:"TOP1",value:162},{name:"二车间",rank:"TOP2",value:250},{name:"三车间",rank:"TOP3",value:172},{name:"四车间",rank:"TOP4",value:102},{name:"五车间",rank:"TOP5",value:92}],[s]),N=I.useMemo(()=>c||["rgba(0, 121, 233, 1)","rgba(47, 190, 255, 1)","rgba(103, 242, 252, 1)","rgba(120, 157, 255, 1)","rgba(255, 253, 183, 1)"],[c]),W=I.useMemo(()=>{if(a!==void 0)return a;const Y=Math.max(...B.map(R=>R.value));return Math.max(1,Math.ceil(Y*1.05))},[a,B]),A=I.useCallback((Y,R)=>{const O=y.current,X=v.current;if(!O||!X)return;const P=O.getContext("2d");if(!P)return;const G=X.clientWidth,K=X.clientHeight,J=window.devicePixelRatio||1,f=Math.round(G*J),ve=Math.round(K*J);(O.width!==f||O.height!==ve)&&(O.width=f,O.height=ve,O.style.width=`${G}px`,O.style.height=`${K}px`),P.setTransform(1,0,0,1,0,0),P.scale(J,J),P.clearRect(0,0,G,K);const{innerRadius:ie,outerRadius:ze,trackColor:De,barGapRatio:Ve}=ds,{trunkOff:V,spread:q,rOff:oe,legGap:re,refLineOffset:g,refLineExtension:he}=R,ae=l,me=u,Se=me-ae,le=Math.min(G/600,K/300),_e=ze*le,xe=ie*le,we=_e+40*le,Le=K/2,H=B.length,U=(_e-xe)/H,Ze=U*Ve,Ae=18*le,Ke=H*Ae+(H-1)*re*le,tt=Le-Ke/2,rt=we+_e+V*le,C=G-220*le,Me=q*le,Qe=oe*le,Je=we+(_e+g*le)*Math.cos(Ue(ae)),nt=[];B.forEach((Lt,pe)=>{const dt=H-1-pe,at=xe+(dt+.5)*U,Te=U-Ze,fe=N[pe%N.length];h&&(P.save(),P.strokeStyle=De,P.lineWidth=Te,P.lineCap="round",P.beginPath(),P.arc(we,Le,at,Ue(ae),Ue(me),!0),P.stroke(),P.restore());const st=Y[pe]/W*Se*2.37,ge=ae-st,Ee=new Path2D;Ee.arc(we,Le,at,Ue(ae),Ue(ge),!0),P.save(),P.strokeStyle=fe,P.lineWidth=k.current===pe?Te+2:Te,P.lineCap="round",P.globalAlpha=k.current===null||k.current===pe?1:.2,k.current===pe&&(P.shadowColor=fe,P.shadowBlur=10),P.stroke(Ee),P.restore(),nt.push({arcPath:Ee,arcWidth:Math.max(Te+10,12)})});const wt=Le+xe*Math.sin(Ue(ae))-he*le,_t=Le+_e*Math.sin(Ue(ae))+he*le;P.save(),P.strokeStyle="#ffffff",P.lineWidth=1,P.setLineDash([]),P.beginPath(),P.moveTo(Je,wt),P.lineTo(Je,_t),P.stroke(),P.restore();const yt=[];B.forEach((Lt,pe)=>{const dt=H-1-pe,at=xe+(dt+.5)*U,Te=N[pe%N.length],fe=at+Qe,st=we+fe*Math.cos(Ue(ae)),ge=Le+fe*Math.sin(Ue(ae)),Ee=tt+pe*(Ae+re*le)+Ae/2,bt=rt+pe*Me,Xe=new Path2D;Xe.moveTo(Math.max(st,Je),ge),Xe.lineTo(bt,ge),Xe.lineTo(bt,Ee),Xe.lineTo(C-6,Ee),P.save(),P.beginPath(),P.rect(Je,0,G,K),P.clip(),P.strokeStyle=Te,P.lineWidth=k.current===pe?2.5:1.5,P.setLineDash([3,4]),P.globalAlpha=k.current===null||k.current===pe?.9:.18,k.current===pe&&(P.shadowColor=Te,P.shadowBlur=8),P.stroke(Xe),P.restore(),P.save(),P.beginPath(),P.rect(Je,0,G,K),P.clip(),P.fillStyle=Te,P.globalAlpha=k.current===null||k.current===pe?1:.2,P.beginPath(),P.arc(st,ge,3,0,Math.PI*2),P.fill(),P.restore(),yt.push({x:C,y:Ee,color:Te}),nt[pe].connectorPath=Xe}),L.current=nt,w(yt)},[B,N,W,l,u,h]);I.useEffect(()=>{x.current.length>0&&A(x.current,T)},[j]),I.useEffect(()=>{x.current.length===0&&(x.current=B.map(()=>0));const Y=B.map(G=>G.value),R=[...x.current],O=Date.now(),X=800,P=()=>{const G=Date.now()-O,K=Math.min(G/X,1),J=1-Math.pow(1-K,3),f=R.map((ve,ie)=>ve+(Y[ie]-ve)*J);x.current=f,d([...f]),A(f,T),K<1&&(S.current=requestAnimationFrame(P))};return P(),()=>{S.current&&cancelAnimationFrame(S.current)}},[B,A]);const E=(r==null?void 0:r.rank)||13,te=(r==null?void 0:r.name)||13,ne=(r==null?void 0:r.value)||13,de='-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',Q=Y=>{k.current!==Y&&(k.current=Y,z(Y),x.current.length>0&&A(x.current,T))},be=Y=>{const R=y.current,O=R==null?void 0:R.getContext("2d");if(!R||!O)return;const X=R.getBoundingClientRect(),P=(Y.clientX-X.left)*R.clientWidth/X.width,G=(Y.clientY-X.top)*R.clientHeight/X.height;let K=null;O.save(),O.setTransform(1,0,0,1,0,0),O.setLineDash([]);for(let J=L.current.length-1;J>=0;J-=1){const f=L.current[J];O.lineWidth=f.arcWidth;const ve=O.isPointInStroke(f.arcPath,P,G);O.lineWidth=10;const ie=f.connectorPath?O.isPointInStroke(f.connectorPath,P,G):!1;if(ve||ie){K=J;break}}O.restore(),Q(K)};return t.jsxs("div",{ref:v,style:{position:"relative",width:"100%",height:"100%",overflow:"hidden",borderRadius:12,...i},children:[t.jsx("canvas",{ref:y,onPointerMove:be,onPointerLeave:()=>Q(null),style:{display:"block",width:"100%",height:"100%",cursor:F===null?"default":"pointer",...b}}),B.map((Y,R)=>{const O=_[R];if(!O)return null;const X=`${Math.round(p[R]??0)} ${o}`;return t.jsxs("div",{style:{position:"absolute",left:O.x,top:O.y,transform:"translateY(-50%)",display:"flex",alignItems:"center",gap:6,pointerEvents:"auto",cursor:"pointer",whiteSpace:"nowrap",fontFamily:de,opacity:F===null||F===R?1:.25,filter:F===R?`drop-shadow(0 0 5px ${O.color})`:"none",transition:"opacity 120ms ease, filter 120ms ease"},onPointerEnter:()=>Q(R),onPointerLeave:()=>Q(null),children:[t.jsx("span",{style:{fontSize:E,color:(e==null?void 0:e.rank)||"#e2e8f0",lineHeight:1},children:Y.rank||`TOP${R+1}`}),t.jsx("span",{style:{fontSize:te,color:(e==null?void 0:e.name)||"#f1f5f9",lineHeight:1},children:Y.name}),t.jsx("span",{style:{fontSize:ne,fontWeight:500,color:(e==null?void 0:e.value)||"#ffffff",lineHeight:1,textShadow:"0 0 6px rgba(0,150,255,0.9), 0 0 14px rgba(0,150,255,0.5)"},children:X})]},R)}),n&&t.jsxs("div",{style:{position:"absolute",bottom:16,left:16,right:16,padding:12,background:"rgba(15, 23, 42, 0.9)",backdropFilter:"blur(8px)",border:"1px solid rgba(148, 163, 184, 0.1)",borderRadius:8,display:"grid",gridTemplateColumns:"1fr 1fr",gap:"10px 16px",zIndex:10},children:[t.jsx(St,{label:"主干偏移",value:j.trunkOff,min:0,max:120,onChange:M("trunkOff")}),t.jsx(St,{label:"错开间距",value:j.spread,min:-20,max:20,onChange:M("spread")}),t.jsx(St,{label:"R偏移",value:j.rOff,min:-20,max:20,onChange:M("rOff")}),t.jsx(St,{label:"legend间距",value:j.legGap,min:12,max:36,onChange:M("legGap")}),t.jsx(St,{label:"参考线偏移",value:j.refLineOffset,min:0,max:120,onChange:M("refLineOffset")})]})]})},St=({label:i,value:b,min:s,max:o,onChange:c})=>t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,fontSize:12,color:"#cbd5e1"},children:[t.jsx("label",{style:{width:72,flexShrink:0},children:i}),t.jsx("input",{type:"range",min:s,max:o,value:b,onChange:a=>c(+a.target.value),style:{flex:1,minWidth:0}}),t.jsx("span",{style:{width:36,textAlign:"right",color:"#94a3b8"},children:b})]});function hs(i,b,s,o){return{u:{min:-Math.PI,max:Math.PI,step:Math.PI/40},v:{min:0,max:1,step:.1},x(c,a){return(s+a*(o-s))/Math.max(Math.abs(Math.cos(c)),Math.abs(Math.sin(c)))*Math.cos(c)},y(c,a){return(s+a*(o-s))/Math.max(Math.abs(Math.cos(c)),Math.abs(Math.sin(c)))*Math.sin(c)},z(c,a){return i+a*(b-i)}}}const ps=[{name:"一厂",value:30,color:"#00D9E1",opacity:.7,deviceId:"T1-A-1D"},{name:"二厂",value:30,color:"#00B4D8",opacity:.7,deviceId:"T1-A-2D"},{name:"三厂",value:30,color:"#0096C7",opacity:.7,deviceId:"T1-A-3D"},{name:"五厂",value:30,color:"#0077B6",opacity:.7,deviceId:"T1-A-4D"}];function us(i,b){const s=i.map(u=>({...u,opacity:u.opacity??.7})),o=s.reduce((u,h)=>u+h.value,0),c=s.length,a=(b==null?void 0:b.layerHeight)??6,n=(b==null?void 0:b.gap)??1,e=(b==null?void 0:b.slope)??.3,r=c>0?c*a+(c-1)*n:0;return{layers:s.map((u,h)=>{const m=h*(a+n),y=m+a,v=Math.max(0,(r-m)*e),S=Math.max(0,(r-y)*e),x=o>0?`${(u.value/o*100).toFixed(2)}%`:"0%";return{...u,percent:x,bottomW:v,topW:S,height:a,gap:n,zMin:m,zMax:y,midZ:(m+y)/2,midW:(v+S)/2}}),totalHeight:r,pyramidRadius:Math.max(r*e,1)}}function mt(i,b){return typeof i=="number"?`${i}px`:i??b}function Tt(i){if(typeof i!="string"||!i.trim().endsWith("%"))return;const b=Number(i.trim().slice(0,-1));return Number.isFinite(b)?b:void 0}function ms(i,b){const s=Tt(i);return s!==void 0?`${s+2.5}%`:`calc(${mt(i,b)} + 14px)`}function ys(i,b,s,o){const c=Tt(i),a=Tt(b);return c!==void 0&&a!==void 0?`${c+(a-c)*s}%`:typeof i=="number"&&typeof b=="number"?`${i+(b-i)*s}px`:o}function Qt(i,b){return Math.min(100,Math.max(0,i??b))}const bs=({data:i=ps,geometryConfig:b,axis3DConfig:s,grid3DConfig:o,guideLineConfig:c,labelConfig:a,unit:n="人",tooltipConfig:e,devicePixelRatioMultiplier:r=1.5,style:l,chartStyle:u,onLayerClick:h})=>{const m=I.useId().replace(/:/g,""),{layers:y,totalHeight:v,pyramidRadius:S}=I.useMemo(()=>us(i,b),[i,b]),x=a||{},L=Qt(x.overlayTopPercent,24),k=Math.max(L+1,Qt(x.overlayBottomPercent,72)),p=I.useMemo(()=>{const V=Math.max(v,1);return y.map(q=>({...q,top:`${k-q.midZ/V*(k-L)}%`}))},[y,k,L,v]),d=c||{},_=mt(d.startX,"27%"),w=mt(d.endX,"46%"),F=ys(d.startX,d.endX,.68,"38.92%"),z=ms(d.endX,"46%"),j=d.lineColor??"#FFFFFF",$=d.lineWidth??1,T=d.lineOpacity??.6,M=d.lineType??"dashed",B=x.midNameColor??"#fff",N=x.midNameFontSize??8,W=x.rightLabelText??"电损量",A=x.showRightDeviceId??!0,E=x.showRightPercent??!0,te=x.rightLabelColor??"#fff",ne=x.rightLabelFontSize??10,de=x.rightPercentColor??"#00D9E1",Q=x.rightPercentFontSize??10,be=x.rightValueColor??"#fff",Y=x.rightValueFontSize??10,R=x.rightUnitColor??"#fff",O=x.rightUnitFontSize??10,X=x.rightDeviceIdColor??"#00D9E1",P=x.rightDeviceIdFontSize??8,G=x.rightBlockBgColor??"rgba(0, 50, 100, 0.6)",K=x.rightBlockBorderColor??"#00D9E1",J=mt(x.rightBlockMinWidth,"32px"),f=mt(x.rightBlockHeight,"22px"),ve=mt(x.rightBlockPadding,"0 8px"),ie=I.useCallback(V=>{const q=y[V];q&&(h==null||h(q,V))},[y,h]),ze=I.useMemo(()=>{var _e,xe,we,Le;const V=[],q=[],oe=(H,U)=>[[H,H,U],[-H,H,U],[-H,-H,U],[H,-H,U],[H,H,U]];y.forEach((H,U)=>{const{zMin:Ze,zMax:Ae}=H,Ke=se.color.lift(H.color,.4),tt=oe(H.bottomW,Ze),rt=oe(H.topW,Ae);q.push({type:"line3D",name:`pyramid-layer-${U}`,pyramidLayerIndex:U,lineStyle:{color:Ke,width:2,opacity:1},data:tt}),H.topW>0&&q.push({type:"line3D",name:`pyramid-layer-${U}`,pyramidLayerIndex:U,lineStyle:{color:Ke,width:2,opacity:1},data:rt});for(let C=0;C<4;C++)q.push({type:"line3D",name:`pyramid-layer-${U}`,pyramidLayerIndex:U,lineStyle:{color:Ke,width:2,opacity:1},data:[tt[C],rt[C]]});V.push({type:"surface",name:`pyramid-layer-${U}`,pyramidLayerIndex:U,parametric:!0,wireframe:{show:!1},shading:"realistic",realisticMaterial:{roughness:.2,metalness:.1},itemStyle:{color:H.color,opacity:H.opacity},parametricEquation:hs(Ze,Ae,H.bottomW,H.topW)}),H.topW>0&&V.push({type:"surface",name:`pyramid-layer-${U}`,pyramidLayerIndex:U,parametric:!0,wireframe:{show:!1},shading:"realistic",itemStyle:{color:H.color,opacity:H.opacity+.2},parametricEquation:{u:{min:-Math.PI,max:Math.PI,step:Math.PI/20},v:{min:0,max:1,step:.5},x(C,Me){return H.topW/Math.max(Math.abs(Math.cos(C)),Math.abs(Math.sin(C)))*Math.cos(C)*Me},y(C,Me){return H.topW/Math.max(Math.abs(Math.cos(C)),Math.abs(Math.sin(C)))*Math.sin(C)*Me},z(){return Ae}}}),V.push({type:"surface",name:`pyramid-layer-${U}`,pyramidLayerIndex:U,parametric:!0,wireframe:{show:!1},shading:"realistic",itemStyle:{color:H.color,opacity:H.opacity+.2},parametricEquation:{u:{min:-Math.PI,max:Math.PI,step:Math.PI/20},v:{min:0,max:1,step:.5},x(C,Me){return H.bottomW/Math.max(Math.abs(Math.cos(C)),Math.abs(Math.sin(C)))*Math.cos(C)*Me},y(C,Me){return H.bottomW/Math.max(Math.abs(Math.cos(C)),Math.abs(Math.sin(C)))*Math.sin(C)*Me},z(){return Ze}}})});const re=Math.max(S*1.35,1),g=(b==null?void 0:b.zAxisMax)??Math.max(v,1),he={min:-re,max:re,show:!1,name:"",axisLine:{show:!1},axisTick:{show:!1},axisLabel:{show:!1},splitLine:{show:!1},splitArea:{show:!1},...(s==null?void 0:s.xAxis3D)||{}},ae={min:-re,max:re,show:!1,name:"",axisLine:{show:!1},axisTick:{show:!1},axisLabel:{show:!1},splitLine:{show:!1},splitArea:{show:!1},...(s==null?void 0:s.yAxis3D)||{}},me={min:0,max:g,show:!1,name:"",axisLine:{show:!1},axisTick:{show:!1},axisLabel:{show:!1},splitLine:{show:!1},splitArea:{show:!1},...(s==null?void 0:s.zAxis3D)||{}},Se={left:"-12%",top:0,width:"54%",height:"100%",boxWidth:100,boxDepth:100,boxHeight:100,viewControl:{distance:210,alpha:-1,beta:-20,autoRotate:!0,autoRotateSpeed:10,rotateSensitivity:1,zoomSensitivity:0,center:[0,0,0]},light:{main:{intensity:1.5,shadow:!0,shadowQuality:"high",alpha:40,beta:40},ambient:{intensity:.5}}},le={show:!1,axisLine:{show:!1},axisPointer:{show:!1},splitLine:{show:!1},...Se,...o,viewControl:{...Se.viewControl||{},...(o==null?void 0:o.viewControl)||{}},light:{...Se.light||{},...(o==null?void 0:o.light)||{},main:{...((_e=Se.light)==null?void 0:_e.main)||{},...((xe=o==null?void 0:o.light)==null?void 0:xe.main)||{}},ambient:{...((we=Se.light)==null?void 0:we.ambient)||{},...((Le=o==null?void 0:o.light)==null?void 0:Le.ambient)||{}}}};return{backgroundColor:"transparent",tooltip:{show:!1,...e||{}},xAxis3D:he,yAxis3D:ae,zAxis3D:me,grid3D:le,series:V.concat(q)}},[y,v,S,b,s,o,e]),De=I.useMemo(()=>({click:V=>{var re,g;const q=(g=(re=V.seriesName)==null?void 0:re.match(/^pyramid-layer-(\d+)$/))==null?void 0:g[1],oe=q===void 0?-1:Number(q);Number.isInteger(oe)&&oe>=0&&ie(oe)}}),[ie]),Ve=typeof window<"u"?Math.max(window.devicePixelRatio*r,2):2;return t.jsxs("div",{style:{position:"relative",width:"100%",height:"100%",overflow:"hidden",...l},children:[t.jsx(Z,{option:ze,style:{position:"absolute",inset:0,width:"100%",height:"100%",...u},opts:{renderer:"canvas",devicePixelRatio:Ve},onEvents:De}),t.jsxs("svg",{"aria-hidden":"true",width:"100%",height:"100%",style:{position:"absolute",inset:0,pointerEvents:"none",left:20},children:[t.jsx("defs",{children:p.map((V,q)=>t.jsx("marker",{id:`${m}-arrow-${q}`,markerWidth:"7",markerHeight:"7",refX:"-5",refY:"4",markerUnits:"userSpaceOnUse",viewBox:"0 0 8 8",children:t.jsx("path",{d:"M 4 1 L 7 7 L 1 7 z",fill:V.color})},`marker-${V.name}-${q}`))}),p.map((V,q)=>t.jsx("line",{x1:_,y1:V.top,x2:w,y2:V.top,stroke:j,strokeWidth:$,strokeOpacity:T,strokeDasharray:M==="dashed"?"5 5":void 0,markerEnd:`url(#${m}-arrow-${q})`},`guide-${V.name}-${q}`))]}),p.map((V,q)=>t.jsxs(I.Fragment,{children:[t.jsx("div",{role:"button",tabIndex:0,onClick:()=>ie(q),onKeyDown:oe=>{(oe.key==="Enter"||oe.key===" ")&&(oe.preventDefault(),ie(q))},style:{position:"absolute",left:F,top:V.top,transform:"translate(-50%, -125%)",color:B,fontSize:N,whiteSpace:"nowrap",textAlign:"center",cursor:"pointer",pointerEvents:"auto"},children:V.name}),t.jsx("div",{role:"button",tabIndex:0,onClick:()=>ie(q),onKeyDown:oe=>{(oe.key==="Enter"||oe.key===" ")&&(oe.preventDefault(),ie(q))},style:{position:"absolute",left:z,top:V.top,transform:"translateY(-50%)",minWidth:0,whiteSpace:"nowrap",cursor:"pointer",pointerEvents:"auto",fontSize:ne},children:t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6},children:[t.jsx("span",{style:{color:te,fontSize:ne},children:W}),E&&t.jsx("span",{style:{color:de,fontSize:Q},children:V.percent}),t.jsx("span",{style:{color:be,fontSize:Y,fontWeight:"bold"},children:V.value}),t.jsx("span",{style:{color:R,fontSize:O},children:n}),A&&V.deviceId&&t.jsx("span",{style:{display:"inline-flex",alignItems:"center",justifyContent:"center",boxSizing:"border-box",minWidth:J,height:f,color:X,fontSize:P,lineHeight:1,border:`1px solid ${K}`,borderRadius:4,backgroundColor:G,padding:ve},children:V.deviceId})]})})]},`label-${V.name}-${q}`))]})},vs="_ringProgress_fup0s_1",Ss="_ringSvg_fup0s_7",xs="_ringBar_fup0s_13",ws="_ringValue_fup0s_16",_s="_ringText_fup0s_19",xt={ringProgress:vs,ringSvg:Ss,ringBar:xs,ringValue:ws,ringText:_s},Ls=({value:i,label:b,size:s=120,showPercentage:o=!0,className:c,style:a,svgStyle:n,styleConfig:e={},textConfig:r={},formatConfig:l={},renderCustomContent:u})=>{const h=s/120,{backgroundColor:m="#0667C2",progressColor:y="#58C7D1",strokeWidth:v=Math.round(8*h),strokeLinecap:S="round",animationDuration:x="1s"}=e,{valueColor:L="#58C7D1",labelColor:k="rgba(255, 255, 255, 0.9)",valueFontSize:p=Math.round(22*h),valueFontWeight:d="bold",labelFontSize:_=Math.round(14*h),labelFontWeight:w="normal"}=r,{decimalPlaces:F=1,suffix:z="%",formatter:j}=l,$=typeof i=="string"?parseFloat(i)||0:i,T=(s-v)/2-5,M=2*Math.PI*T,B=M-$/100*M,N=s/2,W=s/2,A=s+20,E=j?j($):`${$.toFixed(F)}${z}`;return t.jsx("div",{className:`${xt.ringProgress} ${c||""}`,style:a,children:t.jsxs("svg",{className:xt.ringSvg,viewBox:`0 0 ${s} ${A}`,style:n,children:[t.jsx("circle",{cx:N,cy:W,r:T,fill:"none",stroke:m,strokeWidth:v}),t.jsx("circle",{cx:N,cy:W,r:T,fill:"none",stroke:y,strokeWidth:v,strokeDasharray:M,strokeDashoffset:B,strokeLinecap:S,transform:`rotate(-90 ${N} ${W})`,className:xt.ringBar,style:{transition:`stroke-dashoffset ${x} ease-in-out`}}),u?t.jsx("foreignObject",{x:"0",y:"0",width:s,height:s,children:t.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",height:"100%"},children:u($)})}):o&&t.jsx("text",{x:N,y:W+5,textAnchor:"middle",fill:L,fontSize:p,fontWeight:d,className:xt.ringValue,children:E}),t.jsx("text",{x:N,y:s+Math.round(8*h),textAnchor:"middle",fill:k,fontSize:_,fontWeight:w,className:xt.ringText,children:b})]})})},js="_statCard_1a1a8_1",ks="_iconContainer_1a1a8_6",zs="_iconImage_1a1a8_11",$s="_textContainer_1a1a8_15",kt={statCard:js,iconContainer:ks,iconImage:zs,textContainer:$s},Fs=({value:i,label:b,iconConfig:s={},colorConfig:o={},textConfig:c={},layoutConfig:a={},style:n})=>{const{icon:e,image:r,width:l="40px",height:u="40px",fontSize:h="20px",backgroundColor:m,borderRadius:y="6px",style:v}=s,{value:S,background:x,border:L}=o,{valueFontSize:k="22px",valueFontWeight:p="bold",labelFontSize:d="12px",labelColor:_="#fff",valueStyle:w,labelStyle:F,containerStyle:z}=c,{padding:j="12px 15px",gap:$="12px",borderRadius:T="4px"}=a;return t.jsxs("div",{className:kt.statCard,style:{background:x,border:L,borderRadius:T,padding:j,gap:$,...n},children:[t.jsx("div",{className:kt.iconContainer,style:{width:l,height:u,background:m,borderRadius:y,fontSize:h,...v},children:r?t.jsx("img",{className:kt.iconImage,src:r,alt:b}):e}),t.jsxs("div",{className:kt.textContainer,style:z,children:[t.jsx("div",{style:{fontSize:k,color:S,fontWeight:p,...w},children:i}),t.jsx("div",{style:{fontSize:d,color:_,...F},children:b})]})]})},Ms="_statsSection_1gsns_1",Ts="_statItem_1gsns_9",Is="_statIcon_1gsns_15",Ws="_statLabel_1gsns_21",Bs="_dimension_1gsns_25",Ns="_secondaryLabel_1gsns_29",Ps="_statValue_1gsns_33",Ds="_unit_1gsns_38",As="_statTrend_1gsns_43",Es="_trendUp_1gsns_47",Rs="_trendDown_1gsns_51",Os="_statDivider_1gsns_55",We={statsSection:Ms,statItem:Ts,statIcon:Is,statLabel:Ws,dimension:Bs,secondaryLabel:Ns,statValue:Ps,unit:Ds,statTrend:As,trendUp:Es,trendDown:Rs,statDivider:Os},Hs=({stats:i,className:b,style:s,colorConfig:o={},fontConfig:c={},layoutConfig:a={},dividerConfig:n={},renderStatItem:e})=>{const{value:r="#00ffff",label:l="rgba(255, 255, 255, 0.7)",dimension:u="#00ffff",trendUp:h="#10b981",trendDown:m="#ef4444"}=o,{valueSize:y="24px",valueWeight:v="bold",labelSize:S="12px",trendSize:x="12px"}=c,{direction:L="horizontal",gap:k="8px",padding:p="15px 20px",align:d="center"}=a,{show:_=!0,color:w,height:F="60px",width:z="1px"}=n,j={flexDirection:L==="vertical"?"column":"row",padding:p,...s},$={width:L==="horizontal"?z:"100%",height:L==="horizontal"?F:z,background:w||"linear-gradient(to bottom, transparent, rgba(0, 150, 255, 0.5), transparent)"},T={left:"flex-start",center:"center",right:"flex-end"};return t.jsx("div",{className:`${We.statsSection} ${b||""}`,style:j,children:i.map((M,B)=>t.jsxs(I.Fragment,{children:[e?e(M,B):t.jsxs("div",{className:We.statItem,style:{gap:k,alignItems:T[d],cursor:M.onClick?"pointer":"default"},onClick:M.onClick,children:[M.icon&&t.jsx("div",{className:We.statIcon,children:M.icon}),t.jsxs("div",{className:We.statLabel,style:{fontSize:S,color:M.labelColor||l},children:[M.label,M.dimension&&t.jsx("span",{className:We.dimension,style:{color:u},children:M.dimension})]}),t.jsxs("div",{className:We.statValue,style:{color:M.valueColor||r,fontSize:y,fontWeight:v},children:[M.secondaryLabel&&t.jsxs("span",{className:We.secondaryLabel,children:[M.secondaryLabel," "]}),M.value,M.unit&&t.jsx("span",{className:We.unit,children:M.unit})]}),M.trend!==void 0&&t.jsxs("div",{className:We.statTrend,style:{fontSize:x},children:[M.trendLabel||"环比"," ",t.jsxs("span",{className:M.trend>=0?We.trendUp:We.trendDown,style:{color:M.trend>=0?h:m},children:[M.trend>=0?"+":"",M.trend,"%"]})]})]}),_&&B<i.length-1&&t.jsx("div",{className:We.statDivider,style:$})]},B))})},qs="_statusItem_15op2_1",Gs="_statusIcon_15op2_8",Vs="_statusContent_15op2_14",Xs="_statusText_15op2_17",Ys="_progressTrack_15op2_32",Us="_progressFill_15op2_39",ct={statusItem:qs,statusIcon:Gs,statusContent:Vs,statusText:Xs,progressTrack:Ys,progressFill:Us},Zs=({icon:i,label:b,value:s,percent:o,color:c,className:a,style:n,onClick:e})=>{const r=typeof i=="string"?t.jsx("img",{src:i,alt:b,className:ct.statusIcon}):t.jsx("div",{className:ct.statusIcon,children:i});return t.jsxs("div",{className:`${ct.statusItem} ${a||""}`,style:n,onClick:e,children:[r,t.jsxs("div",{className:ct.statusContent,children:[t.jsxs("div",{className:ct.statusText,children:[t.jsx("span",{children:b}),t.jsx("strong",{children:s})]}),t.jsx("div",{className:ct.progressTrack,children:t.jsx("span",{className:ct.progressFill,style:{width:`${o}%`,background:c,boxShadow:`0 0 10px ${c}`}})})]})]})},Ks="_container_8d4wl_1",Qs="_navContainer_8d4wl_8",Js="_tabItem_8d4wl_24",fs="_active_8d4wl_38",gs="_tabContent_8d4wl_50",Cs="_glow_8d4wl_54",pt={container:Ks,navContainer:Qs,tabItem:Js,active:fs,tabContent:gs,glow:Cs},eo=({tabs:i=[{id:1,label:"资源数据1"},{id:2,label:"资源数据2"},{id:3,label:"资源数据3"}],activeId:b,defaultActiveId:s,activeBgImage:o,onChange:c})=>{var u;const[a,n]=I.useState(s??((u=i[0])==null?void 0:u.id)),e=b!==void 0,r=e?b:a,l=h=>{e||n(h),c==null||c(h)};return t.jsx("div",{className:pt.container,children:t.jsx("div",{className:pt.navContainer,children:i.map(h=>t.jsxs("div",{className:`${pt.tabItem} ${r===h.id?pt.active:""}`,style:r===h.id&&o?{background:`url(${o}) no-repeat center / cover`}:void 0,onClick:()=>l(h.id),children:[t.jsx("div",{className:pt.tabContent,children:h.label}),r===h.id&&t.jsx("div",{className:pt.glow})]},h.id))})})},to=({className:i,style:b,chartStyle:s,data:o={categories:["标签一","标签二","标签三"],series:[{name:"Blue",data:[40,55,50]},{name:"White",data:[55,85,30]},{name:"Cyan",data:[28,38,70]}]},unit:c="",colors:a=["#007AFF","#FFFFFF","#33FFCC"],grid:n,barConfig:e,axisConfig:r,legendConfig:l,tooltipConfig:u})=>{const h=I.useMemo(()=>{const m=o.series.map((y,v)=>{const S=a[v%a.length];return{name:y.name,type:"bar",data:y.data,itemStyle:{color:S,borderRadius:e==null?void 0:e.radius},barWidth:(e==null?void 0:e.width)??15,barGap:(e==null?void 0:e.gap)??"30%"}});return{backgroundColor:"transparent",grid:{top:"15%",left:"5%",right:"5%",bottom:"10%",containLabel:!0,...n},tooltip:{trigger:"axis",axisPointer:{type:"shadow"},confine:!0,transitionDuration:0,extraCssText:"pointer-events: none;",formatter:y=>{let v=y[0].name+"<br/>";return y.forEach(S=>{v+=S.marker+S.seriesName+": "+ue(S.value)+c+"<br/>"}),v},...u},legend:{show:!1,textStyle:{color:"#fff"},...l},xAxis:{type:"category",data:o.categories,axisLine:{show:!0,lineStyle:{color:(r==null?void 0:r.xAxisLineColor)||"#666"}},axisLabel:{color:(r==null?void 0:r.xAxisLabelColor)||"#ccc",fontSize:(r==null?void 0:r.xAxisLabelFontSize)||14,margin:15},axisTick:{show:!1}},yAxis:{type:"value",splitLine:{lineStyle:{type:(r==null?void 0:r.splitLineType)||"dashed",color:(r==null?void 0:r.splitLineColor)||"rgba(255, 255, 255, 0.2)"}},axisLabel:{color:(r==null?void 0:r.yAxisLabelColor)||"#ccc",fontSize:(r==null?void 0:r.yAxisLabelFontSize)||14,formatter:y=>`${y}${c}`}},series:m}},[o,c,a,n,e,r,l,u]);return t.jsx("div",{className:i,style:{width:"100%",height:"100%",...b},children:t.jsx(Z,{option:h,style:{width:"100%",height:"100%",...s}})})},ro=({style:i,chartContainerStyle:b,chartStyle:s,legendContainerStyle:o,legendItemStyle:c,legendColorBlockStyle:a,legendTextContainerStyle:n,legendNameStyle:e,legendValueStyle:r,data:l,title:u="总数文本",unit:h="",colors:m=["#007AFF","#3399FF","#66B2FF","#00E5FF","#00FFCC","#33FF99"],centerTitleConfig:y,seriesConfig:v,legendConfig:S,tooltipConfig:x})=>{const L=I.useRef(null),[k,p]=I.useState([]),d=I.useMemo(()=>({valueFontSize:32,valueFontWeight:"bold",valueColor:"#fff",unitFontSize:14,unitColor:"#fff",nameFontSize:14,nameColor:"#999",left:"49%",top:"center",...y}),[y]),_=I.useMemo(()=>({outerRadius:["75%","85%"],innerRadius:["55%","65%"],center:["50%","50%"],padAngle:3,innerRingColor:"#242633",...v}),[v]),w=I.useMemo(()=>({gridTemplateColumns:"1fr 1fr",gap:"20px",paddingRight:"20px",colorBlockWidth:"12px",colorBlockHeight:"12px",nameColor:"#AAB2BD",nameFontSize:"14px",valueColor:"#fff",valueFontSize:"18px",valueFontWeight:"bold",...S}),[S]),F=I.useMemo(()=>l||[{value:120,name:"标签一"},{value:98,name:"标签二"},{value:65,name:"标签三"},{value:108,name:"标签四"},{value:87,name:"标签五"},{value:35,name:"标签六"}],[l]),z=I.useMemo(()=>F.map((W,A)=>({...W,color:m[A%m.length]})),[F,m]),j=I.useMemo(()=>z.filter(W=>!k.includes(W.name)),[z,k]),$=I.useMemo(()=>j.reduce((W,A)=>W+A.value,0),[j]),T=I.useMemo(()=>({backgroundColor:"transparent",tooltip:{show:!0,trigger:"item",formatter:W=>{const{marker:A,name:E,value:te,percent:ne,data:de}=W;let Q=A;return de!=null&&de.realColor&&(Q=A.replace(/background-color:[^;]+/,`background-color:${de.realColor}`)),`${Q} ${E} : ${ue(te)}${h} (${ne}%)`},...x},title:{text:`{val|${$}}${h?`{unit|${h}}`:""}
|
|
3
|
-
{name|${u}}`,left:d.left,top:d.top,textAlign:"center",textStyle:{rich:{val:{fontSize:d.valueFontSize,fontWeight:d.valueFontWeight,color:d.valueColor,padding:[0,0,5,0]},unit:{fontSize:d.unitFontSize,color:d.unitColor,padding:[0,0,5,2]},name:{fontSize:d.nameFontSize,color:d.nameColor}}}},series:[{name:"数据分布",type:"pie",radius:_.outerRadius,center:_.center,avoidLabelOverlap:!1,padAngle:_.padAngle,itemStyle:{borderRadius:0},label:{show:!1},data:j.map(W=>({value:W.value,name:W.name,itemStyle:{color:W.color}}))},{name:"数据分布内圈",type:"pie",radius:_.innerRadius,center:_.center,avoidLabelOverlap:!1,padAngle:_.padAngle,itemStyle:{borderRadius:0},label:{show:!1},data:j.map(W=>({value:W.value,name:W.name,itemStyle:{color:_.innerRingColor},realColor:W.color}))}]}),[x,$,h,u,d.left,d.top,d.valueFontSize,d.valueFontWeight,d.valueColor,d.unitFontSize,d.unitColor,d.nameFontSize,d.nameColor,_.outerRadius,_.center,_.padAngle,_.innerRadius,_.innerRingColor,j]),M=W=>{p(A=>A.includes(W)?A.filter(E=>E!==W):[...A,W])},B=I.useCallback((W,A)=>{var te;const E=(te=L.current)==null?void 0:te.getEchartsInstance();E&&(E.dispatchAction({type:A?"highlight":"downplay",name:W}),E.dispatchAction({type:A?"showTip":"hideTip",name:W,seriesIndex:0}))},[]),N=I.useMemo(()=>({mouseover:W=>{var A;if(W.componentType==="series"&&W.name){const E=(A=L.current)==null?void 0:A.getEchartsInstance();E&&E.dispatchAction({type:"highlight",name:W.name})}},mouseout:W=>{var A;if(W.componentType==="series"&&W.name){const E=(A=L.current)==null?void 0:A.getEchartsInstance();E&&E.dispatchAction({type:"downplay",name:W.name})}}}),[]);return t.jsxs("div",{style:{width:"100%",height:"100%",display:"flex",...i},children:[t.jsx("div",{style:{flex:1,height:"100%",...b},children:t.jsx(Z,{ref:L,option:T,style:{width:"100%",height:"100%",...s},onEvents:N})}),t.jsx("div",{style:{height:"100%",display:"grid",gridTemplateColumns:w.gridTemplateColumns,alignContent:"center",gap:w.gap,paddingRight:w.paddingRight,...o},children:z.map((W,A)=>{const E=k.includes(W.name);return t.jsxs("div",{style:{display:"flex",alignItems:"flex-start",cursor:"pointer",opacity:E?.4:1,transition:"opacity 0.3s",...c},onClick:()=>M(W.name),onMouseEnter:()=>B(W.name,!0),onMouseLeave:()=>B(W.name,!1),children:[t.jsx("div",{style:{width:w.colorBlockWidth,height:w.colorBlockHeight,backgroundColor:W.color,marginRight:"8px",marginTop:"4px",flexShrink:0,...a}}),t.jsxs("div",{style:{display:"flex",flexDirection:"column",...n},children:[t.jsx("span",{style:{color:w.nameColor,fontSize:w.nameFontSize,marginBottom:"4px",...e},children:W.name}),t.jsxs("span",{style:{color:w.valueColor,fontSize:w.valueFontSize,fontWeight:w.valueFontWeight,...r},children:[W.value,h]})]})]},A)})})]})},ao=({style:i,chartStyle:b,data:s=[{name:"标签一",value:100},{name:"标签二",value:120},{name:"标签三",value:32},{name:"标签四",value:32}],colors:o={start:"#00f2fe",end:"#4facfe",background:"rgba(255, 255, 255, 0.1)"},grid:c,barConfig:a,labelConfig:n,tooltipConfig:e,unit:r=""})=>{const l=I.useMemo(()=>{const u=s.map(y=>y.name),h=s.map(y=>y.value),m=Math.max(...h)*1.2||100;return{backgroundColor:"transparent",tooltip:{trigger:"axis",axisPointer:{type:"none"},formatter:function(y){let v=y[0].name+"<br/>";return y.forEach(S=>{S.seriesType==="bar"&&S.value!==void 0&&(v+=S.marker+S.seriesName+": "+ue(S.value)+r+"<br/>")}),v},...e},grid:{top:"5%",left:"0%",right:"0%",bottom:"0%",containLabel:!0,...c},xAxis:{show:!1,type:"value"},yAxis:[{type:"category",inverse:!0,axisLabel:{show:!0,inside:!0,align:"left",verticalAlign:"bottom",padding:[0,0,10,-10],lineHeight:20,formatter:function(y,v){return`{rank|TOP${v+1}} {name|${y}}`},rich:{rank:{color:(n==null?void 0:n.rankColor)||"#9ea7fc",fontSize:(n==null?void 0:n.rankFontSize)||14,fontWeight:"bold",padding:[0,10,0,0]},name:{color:(n==null?void 0:n.nameColor)||"#fff",fontSize:(n==null?void 0:n.nameFontSize)||14}}},axisTick:{show:!1},axisLine:{show:!1},data:u},{type:"category",inverse:!0,axisLabel:{show:!0,inside:!0,align:"right",verticalAlign:"bottom",padding:[0,0,10,0],color:(n==null?void 0:n.valueColor)||"#fff",fontSize:(n==null?void 0:n.valueFontSize)||18,fontWeight:"bold",fontFamily:"Arial",formatter:`{value}${r}`},axisTick:{show:!1},axisLine:{show:!1},data:h}],series:[{name:"背景",type:"bar",barWidth:(a==null?void 0:a.backgroundWidth)||2,barGap:"-100%",data:s.map(()=>m),itemStyle:{color:o.background,borderRadius:(a==null?void 0:a.borderRadius)||2},z:0},{name:"数据",type:"bar",barWidth:(a==null?void 0:a.width)||4,data:h,itemStyle:{borderRadius:(a==null?void 0:a.borderRadius)||2,color:new se.graphic.LinearGradient(0,0,1,0,[{offset:0,color:o.start},{offset:1,color:o.end}])},z:1},{name:"圆点",type:"pictorialBar",symbol:"circle",symbolSize:((a==null?void 0:a.width)||4)*2,symbolPosition:"end",data:h,itemStyle:{color:o.end},z:2}]}},[s,o,c,a,n,e,r]);return t.jsx("div",{style:{width:"100%",height:"100%",...i},children:t.jsx(Z,{option:l,style:{width:"100%",height:"100%",...b}})})},so=({style:i,chartStyle:b,data:s={categories:["数据","数据","数据","数据","数据","数据"],values:[210,250,180,130,160,130]},colors:o={barFrom:"#00f6ff",barTo:"#006aff",background:"rgba(0, 70, 100, 0.3)"},unit:c="",axisConfig:a,grid:n={top:"15%",left:"5%",right:"5%",bottom:"10%",containLabel:!0},barConfig:e,tooltipConfig:r})=>{const l=I.useMemo(()=>({xAxisLabelColor:"rgba(255, 255, 255, 0.8)",xAxisLabelFontSize:12,xAxisLabelMargin:15,yAxisLabelColor:"rgba(255, 255, 255, 0.8)",yAxisLabelFontSize:12,splitLineColor:"rgba(255, 255, 255, 0.15)",axisLineColor:"#2c3d50",showXAxisLine:!1,showYAxisLine:!1,showYAxisUnit:!0,...a}),[a]),u=I.useMemo(()=>({symbol:"rect",symbolMargin:"40%",symbolSize:[30,10],animationEasing:"elasticOut",...e}),[e]),h=I.useMemo(()=>({backgroundColor:"rgba(0,0,0,0.8)",borderColor:"#333",textColor:"#fff",...r}),[r]),m=I.useMemo(()=>{if(!s.values||s.values.length===0)return 100;const v=Math.max(...s.values);return v>0?Math.ceil(v*1.2):100},[s]),y=I.useMemo(()=>{const v=s.values.map(()=>m);return{backgroundColor:"transparent",animationDuration:300,animationEasing:"cubicOut",tooltip:{trigger:"axis",axisPointer:{type:"none"},backgroundColor:h.backgroundColor,borderColor:h.borderColor,textStyle:{color:h.textColor},formatter:S=>{const x=Array.isArray(S)?S.find(L=>L.seriesName==="value"):S;return x?`${x.name}<br/>${x.marker} 数值: ${ue(x.value)} ${c}`:""}},grid:n,xAxis:{type:"category",data:s.categories,axisLine:{show:l.showXAxisLine,lineStyle:{color:l.axisLineColor}},axisTick:{show:!1},axisLabel:{color:l.xAxisLabelColor,fontSize:l.xAxisLabelFontSize,margin:l.xAxisLabelMargin}},yAxis:{type:"value",max:m,name:c&&l.showYAxisUnit?`单位：${c}`:"",nameTextStyle:{color:l.yAxisLabelColor,fontSize:l.yAxisLabelFontSize,padding:[0,0,0,20]},splitLine:{show:!0,lineStyle:{color:l.splitLineColor,type:"dashed"}},axisLine:{show:l.showYAxisLine,lineStyle:{color:l.axisLineColor}},axisLabel:{color:l.yAxisLabelColor,fontSize:l.yAxisLabelFontSize}},series:[{name:"background",type:"pictorialBar",symbol:u.symbol,symbolRepeat:"fixed",symbolMargin:u.symbolMargin,symbolClip:!0,symbolSize:u.symbolSize,symbolPosition:"start",symbolOffset:[0,0],data:v,z:1,itemStyle:{color:o.background},animationDuration:0,silent:!0},{name:"value",type:"pictorialBar",symbol:u.symbol,symbolRepeat:"fixed",symbolMargin:u.symbolMargin,symbolClip:!0,symbolSize:u.symbolSize,symbolPosition:"start",symbolOffset:[0,0],data:s.values,z:2,itemStyle:{color:new se.graphic.LinearGradient(0,1,0,0,[{offset:0,color:o.barFrom||"#00d4ff"},{offset:1,color:o.barTo||"#004080"}])},animationEasing:"cubicOut",animationDuration:300,animationDelay:0}]}},[s,m,o,c,l,n,u,h]);return t.jsx("div",{style:{width:"100%",height:"100%",...i},children:t.jsx(Z,{option:y,style:{width:"100%",height:"100%",...b}})})},oo=({style:i,chartStyle:b,data:s={categories:["1月","3月","5月","7月","9月","11月","12月"],series1:[15,35,32,15,18,28,10],series2:[300,450,200,950,400,600,800]},colors:o={series1:["rgba(135, 156, 175, 0.6)","rgba(135, 156, 175, 0.0)"],series2:["rgba(30, 144, 255, 0.6)","rgba(30, 144, 255, 0.0)"],line1:"#a0b0c0",line2:"#1e90ff"},units:c=["",""],legendConfig:a={show:!0,names:["数据项1","数据项2"],icon:"rect",itemWidth:14,itemHeight:8,itemGap:30,top:"5%"},grid:n={top:"18%",left:"5%",right:"8%",bottom:"10%",containLabel:!0},tooltipConfig:e={},axisPointerConfig:r={},xAxisConfig:l={show:!0,type:"category",boundaryGap:!1,axisLine:{show:!0,lineStyle:{color:"#3d5269"}},axisLabel:{show:!0,color:"#8c9fad",fontSize:12,margin:15},axisTick:{show:!1},splitLine:{show:!1}},yAxisConfig:u,seriesConfig:h={width:2,symbol:"none",symbolSize:0,smooth:!0,showSymbol:!1,areaOpacity:1}})=>{const m=I.useMemo(()=>{var S,x,L,k,p,d,_,w;const v=[{nameColor:"#8c9fad",nameFontSize:12,axisLabel:{color:"#8c9fad",fontSize:12},splitLine:{show:!0,lineStyle:{color:"rgba(255,255,255,0.1)",type:"dashed"}},axisLine:{show:!0},axisTick:{show:!0}},{nameColor:"#8c9fad",nameFontSize:12,axisLabel:{color:"#8c9fad",fontSize:12},splitLine:{show:!1},axisLine:{show:!1},axisTick:{show:!1}}];return u?[{...v[0],...u[0],axisLine:{...v[0].axisLine,...(S=u[0])==null?void 0:S.axisLine},splitLine:{...v[0].splitLine,...(x=u[0])==null?void 0:x.splitLine},axisLabel:{...v[0].axisLabel,...(L=u[0])==null?void 0:L.axisLabel},axisTick:{...v[0].axisTick,...(k=u[0])==null?void 0:k.axisTick}},{...v[1],...u[1],axisLine:{...v[1].axisLine,...(p=u[1])==null?void 0:p.axisLine},splitLine:{...v[1].splitLine,...(d=u[1])==null?void 0:d.splitLine},axisLabel:{...v[1].axisLabel,...(_=u[1])==null?void 0:_.axisLabel},axisTick:{...v[1].axisTick,...(w=u[1])==null?void 0:w.axisTick}}]:v},[u]),y=I.useMemo(()=>{var v,S,x,L,k,p,d,_,w,F,z,j,$,T;return{backgroundColor:"transparent",tooltip:{trigger:"axis",backgroundColor:"rgba(0,0,0,0.8)",borderColor:"#333",textStyle:{color:"#fff"},...e,axisPointer:{type:"line",lineStyle:{color:"rgba(255,255,255,0.3)",type:"dashed"},...r,...e==null?void 0:e.axisPointer}},legend:{show:!0,top:"5%",icon:"rect",itemWidth:14,itemHeight:8,itemGap:30,data:a.names,textStyle:{color:"#8c9fad",fontSize:12},...a},grid:n,xAxis:{show:l.show,type:l.type,data:s.categories,boundaryGap:l.boundaryGap,axisLine:l.axisLine,axisLabel:l.axisLabel,axisTick:l.axisTick,splitLine:l.splitLine},yAxis:[{type:"value",name:c[0],nameTextStyle:{color:(v=m[0])==null?void 0:v.nameColor,fontSize:(S=m[0])==null?void 0:S.nameFontSize,padding:[0,0,0,-10]},axisLabel:(x=m[0])==null?void 0:x.axisLabel,splitLine:(L=m[0])==null?void 0:L.splitLine,axisLine:(k=m[0])==null?void 0:k.axisLine,axisTick:(p=m[0])==null?void 0:p.axisTick},{type:"value",name:c[1],nameTextStyle:{color:(d=m[1])==null?void 0:d.nameColor,fontSize:(_=m[1])==null?void 0:_.nameFontSize,padding:[0,0,0,10]},axisLabel:(w=m[1])==null?void 0:w.axisLabel,splitLine:(F=m[1])==null?void 0:F.splitLine,axisLine:(z=m[1])==null?void 0:z.axisLine,axisTick:(j=m[1])==null?void 0:j.axisTick}],series:[{name:(($=a.names)==null?void 0:$[0])??"Series 1",type:"line",yAxisIndex:0,z:2,smooth:h.smooth,showSymbol:h.showSymbol,symbol:h.symbol,symbolSize:h.symbolSize,itemStyle:{color:o.line1},lineStyle:{color:o.line1,width:h.width},areaStyle:{opacity:h.areaOpacity,color:new se.graphic.LinearGradient(0,0,0,1,[{offset:0,color:o.series1[0]},{offset:1,color:o.series1[1]}])},data:s.series1},{name:((T=a.names)==null?void 0:T[1])??"Series 2",type:"line",yAxisIndex:1,z:3,smooth:h.smooth,showSymbol:h.showSymbol,symbol:h.symbol,symbolSize:h.symbolSize,itemStyle:{color:o.line2},lineStyle:{color:o.line2,width:h.width},areaStyle:{opacity:h.areaOpacity,color:new se.graphic.LinearGradient(0,0,0,1,[{offset:0,color:o.series2[0]},{offset:1,color:o.series2[1]}])},data:s.series2}]}},[e,r,a,n,l.show,l.type,l.boundaryGap,l.axisLine,l.axisLabel,l.axisTick,l.splitLine,s.categories,s.series1,s.series2,c,m,h.smooth,h.showSymbol,h.symbol,h.symbolSize,h.width,h.areaOpacity,o.line1,o.series1,o.line2,o.series2]);return t.jsx("div",{style:{width:"100%",height:"100%",...i},children:t.jsx(Z,{option:y,style:{width:"100%",height:"100%",...b}})})},lo=({style:i,chartStyle:b,data:s,unit:o="",colors:c=["#007AFF","#33FFCC"],grid:a,barConfig:n,axisConfig:e,legendConfig:r,tooltipConfig:l})=>{const u=I.useMemo(()=>s||{categories:["标签一","标签二","标签三","标签四","标签五","标签一"],series:[{name:"流入",data:[35,65,78,58,35,48]},{name:"流出",data:[-48,-35,-58,-70,-32,-52]}]},[s]),h=I.useMemo(()=>({backgroundColor:"transparent",tooltip:{show:!0,trigger:"axis",axisPointer:{type:"shadow"},formatter:m=>{let y=m[0].name+"<br/>";return m.forEach(v=>{const S=v.value===null||v.value===void 0?"":ue(Math.abs(v.value));y+=v.marker+" "+v.seriesName+" : "+S+o+"<br/>"}),y},...l},legend:{show:!0,top:"top",textStyle:{color:"#fff",fontSize:14,...r==null?void 0:r.textStyle},...r},grid:{top:"15%",bottom:"10%",left:"10%",right:"5%",containLabel:!0,...a},xAxis:{type:"category",data:u.categories,axisLine:{show:!0,onZero:!0,lineStyle:{color:(e==null?void 0:e.xAxisLineColor)||"#fff",width:1.5,type:"solid"}},axisTick:{show:!1},axisLabel:{color:(e==null?void 0:e.xAxisLabelColor)||"#AAB2BD",fontSize:(e==null?void 0:e.xAxisLabelFontSize)||14,margin:15}},yAxis:{type:"value",axisLine:{show:!1},axisTick:{show:!1},axisLabel:{color:(e==null?void 0:e.yAxisLabelColor)||"#AAB2BD",fontSize:(e==null?void 0:e.yAxisLabelFontSize)||14},splitLine:{lineStyle:{type:(e==null?void 0:e.splitLineType)||"dashed",color:(e==null?void 0:e.splitLineColor)||"rgba(255, 255, 255, 0.3)"}}},series:[{name:u.series[0].name,type:"bar",data:u.series[0].data,barWidth:(n==null?void 0:n.width)||20,itemStyle:{color:c[0],borderRadius:(n==null?void 0:n.borderRadius)||[2,2,0,0]}},{name:u.series[1].name,type:"bar",data:u.series[1].data,barWidth:(n==null?void 0:n.width)||20,itemStyle:{color:c[1],borderRadius:n!=null&&n.borderRadius?[0,0,0,0]:[0,0,2,2]}}]}),[u,o,c,a,n,e,r,l]);return t.jsx("div",{style:{width:"100%",height:"100%",...i},children:t.jsx(Z,{option:h,style:{width:"100%",height:"100%",...b}})})},co=({style:i,chartStyle:b,xData:s=["1","2","3","4","5","6","7","8","9","10","11","12"],barData:o=[100,140,120,118,125,155,170,120,110,100,120,100],lineData:c=[90,110,135,130,135,115,130,135,132,105,125,150],unit:a="",barColor:n={},lineColor:e="#FFFF00",axis:r={},seriesNames:l=["数量","数量1"],barWidth:u=16,legend:h={},grid:m={},tooltip:y={}})=>{const v=I.useMemo(()=>{const S={left:["rgba(0, 255, 255, 0.6)","rgba(0, 255, 255, 0.1)"],right:["rgba(0, 255, 255, 0.5)","rgba(0, 255, 255, 0.05)"],top:"#00FFFF",stroke:"#00FFFF",...n},x={textColor:"#fff",lineColor:"#40566A",splitLineColor:"#1F3453",fontSize:14,...r},L={left:"3%",right:"4%",bottom:"3%",containLabel:!0,...m},k={show:!0,top:10,textStyle:{color:"#fff",...h.textStyle},...h},p={show:!0,...y},d=(_,w)=>{const F=w.coord([w.value(0),w.value(1)]),z=F[0],j=F[1],T=w.coord([w.value(0),0])[1],M=u,B=M/2,N=M/3;return{type:"group",children:[{type:"polygon",shape:{points:[[z-B,T],[z,T+N],[z,j+N],[z-B,j]]},style:{fill:new se.graphic.LinearGradient(0,0,0,1,[{offset:0,color:S.left[0]},{offset:1,color:S.left[1]}]),stroke:S.stroke,lineWidth:1}},{type:"polygon",shape:{points:[[z,T+N],[z+B,T],[z+B,j],[z,j+N]]},style:{fill:new se.graphic.LinearGradient(0,0,0,1,[{offset:0,color:S.right[0]},{offset:1,color:S.right[1]}]),stroke:S.stroke,lineWidth:1}},{type:"polygon",shape:{points:[[z-B,j],[z,j+N],[z+B,j],[z,j-N]]},style:{fill:S.top,stroke:S.stroke,lineWidth:1}}]}};return{tooltip:{show:p.show,trigger:"axis",axisPointer:{type:"shadow"},formatter:p.formatter||(_=>{if(!Array.isArray(_))return"";let w=`${_[0].name}`;return _.forEach(F=>{w+=`<br/>${F.marker}${F.seriesName}: ${ue(F.value)}${a}`}),w})},legend:{show:k.show,data:l,textStyle:k.textStyle,top:k.top},grid:L,xAxis:{type:"category",data:s,axisLine:{lineStyle:{color:x.lineColor}},axisLabel:{color:x.textColor,fontSize:x.fontSize},axisTick:{show:!1}},yAxis:{type:"value",nameTextStyle:{color:x.textColor,fontSize:x.fontSize,align:"right",padding:[0,10,10,0]},axisLine:{show:!1},axisLabel:{color:x.textColor,fontSize:x.fontSize},splitLine:{lineStyle:{color:x.splitLineColor,type:"dashed"}}},series:[{name:l[0],type:"custom",renderItem:d,itemStyle:{color:S.top},data:o,z:10},{name:l[1],type:"line",data:c,symbol:"circle",symbolSize:8,smooth:!1,itemStyle:{color:e,borderWidth:2,borderColor:e},lineStyle:{width:2,color:e},z:20}]}},[s,o,c,a,n,e,r,l,u,h,m,y]);return t.jsx("div",{style:{width:"100%",height:"100%",...i},children:t.jsx(Z,{option:v,style:{width:"100%",height:"100%",...b}})})},no=({style:i,chartStyle:b,data:s={categories:["标签一","标签二","标签三","标签四","标签五"],series:[{name:"Series 1",data:[70,75,25,65,40],color:"#007AFF"},{name:"Series 2",data:[40,55,45,80,40],color:"#33FFCC"}]},unit:o="",colors:c=["#007AFF","#33FFCC"],areaGradients:a=[{from:"rgba(0, 122, 255, 0.4)",to:"rgba(0, 122, 255, 0)"},{from:"rgba(51, 255, 204, 0.4)",to:"rgba(51, 255, 204, 0)"}],grid:n,lineConfig:e,labelConfig:r,axisConfig:l,tooltipConfig:u})=>{const h=I.useMemo(()=>{const m=s.series.map((y,v)=>{const S=Math.max(...y.data),x=y.color||c[v%c.length],L=y.areaGradient||a[v%a.length],k=y.data.map(p=>p===S?{value:p,label:{show:!0,position:"top",color:(r==null?void 0:r.color)||"#fff",fontSize:(r==null?void 0:r.fontSize)||16,fontWeight:(r==null?void 0:r.fontWeight)||"bold",formatter:(r==null?void 0:r.formatter)||(o?`{c}${o}`:"{c}"),backgroundColor:(r==null?void 0:r.backgroundColor)||"rgba(0,0,0,0.5)",padding:(r==null?void 0:r.padding)||[2,4],borderRadius:(r==null?void 0:r.borderRadius)||4},symbolSize:((e==null?void 0:e.symbolSize)||6)+4,itemStyle:{borderColor:x,borderWidth:2,color:"#fff"}}:{value:p});return{name:y.name,type:"line",smooth:(e==null?void 0:e.smooth)??!1,symbol:"circle",symbolSize:(e==null?void 0:e.symbolSize)??6,emphasis:{scale:!1},lineStyle:{color:x,width:(e==null?void 0:e.width)??2},itemStyle:{color:x,borderColor:x,borderWidth:1},areaStyle:{color:new se.graphic.LinearGradient(0,0,0,1,[{offset:0,color:L.from},{offset:1,color:L.to}])},data:k}});return{backgroundColor:"transparent",grid:{top:"15%",left:"5%",right:"5%",bottom:"5%",containLabel:!0,...n},tooltip:{trigger:"axis",confine:!0,transitionDuration:0,extraCssText:"pointer-events: none;",formatter:y=>{let v=y[0].name+"<br/>";return y.forEach(S=>{v+=S.marker+S.seriesName+": "+ue(S.value)+o+"<br/>"}),v},...u},xAxis:{type:"category",boundaryGap:!1,data:s.categories,axisLine:{show:!0,lineStyle:{color:(l==null?void 0:l.xAxisLineColor)||"#fff",width:1}},axisLabel:{color:(l==null?void 0:l.xAxisLabelColor)||"#ccc",fontSize:(l==null?void 0:l.xAxisLabelFontSize)||14,margin:15},axisTick:{show:!1}},yAxis:{type:"value",splitLine:{show:!0,lineStyle:{type:(l==null?void 0:l.splitLineType)||"dashed",color:(l==null?void 0:l.splitLineColor)||"rgba(255, 255, 255, 0.3)"}},axisLabel:{color:(l==null?void 0:l.yAxisLabelColor)||"#ccc",fontSize:(l==null?void 0:l.yAxisLabelFontSize)||14}},series:m}},[s,o,c,a,n,e,r,l,u]);return t.jsx("div",{style:{width:"100%",height:"100%",...i},children:t.jsx(Z,{option:h,style:{width:"100%",height:"100%",...b}})})},io=({style:i,chartStyle:b,data:s={categories:["标签一","标签二","标签三","标签四","标签五"],series:[{name:"Series 1",data:[58,72,50,35,65],color:"#007AFF"},{name:"Series 2",data:[25,50,45,78,38],color:"#33FFCC"}]},unit:o="",colors:c=["#007AFF","#33FFCC"],grid:a,lineConfig:n,labelConfig:e,axisConfig:r,tooltipConfig:l})=>{const u=I.useMemo(()=>{const h=s.series.map((m,y)=>{const v=Math.max(...m.data),S=m.color||c[y%c.length],x=m.data.map(L=>L===v?{value:L,label:{show:!0,position:"top",color:(e==null?void 0:e.color)||"#fff",fontSize:(e==null?void 0:e.fontSize)||16,fontWeight:(e==null?void 0:e.fontWeight)||"bold",formatter:(e==null?void 0:e.formatter)||(o?`{c}${o}`:"{c}")}}:{value:L});return{name:m.name,type:"line",smooth:(n==null?void 0:n.smooth)??!0,symbol:"circle",symbolSize:(n==null?void 0:n.symbolSize)??8,emphasis:{scale:!1},lineStyle:{color:S,width:(n==null?void 0:n.width)??3},itemStyle:{color:S},data:x}});return{backgroundColor:"transparent",grid:{top:"15%",left:"5%",right:"5%",bottom:"5%",containLabel:!0,...a},tooltip:{trigger:"axis",formatter:m=>{let y=m[0].name+"<br/>";return m.forEach(v=>{y+=v.marker+v.seriesName+": "+ue(v.value)+o+"<br/>"}),y},...l},xAxis:{type:"category",boundaryGap:!1,data:s.categories,axisLine:{show:!0,lineStyle:{color:(r==null?void 0:r.xAxisLineColor)||"#fff",width:1}},axisLabel:{color:(r==null?void 0:r.xAxisLabelColor)||"#ccc",fontSize:(r==null?void 0:r.xAxisLabelFontSize)||14,margin:15},axisTick:{show:!1}},yAxis:{type:"value",splitLine:{show:!0,lineStyle:{type:(r==null?void 0:r.splitLineType)||"dashed",color:(r==null?void 0:r.splitLineColor)||"rgba(255, 255, 255, 0.3)"}},axisLabel:{color:(r==null?void 0:r.yAxisLabelColor)||"#ccc",fontSize:(r==null?void 0:r.yAxisLabelFontSize)||14}},series:h}},[s,o,c,a,n,e,r,l]);return t.jsx("div",{style:{width:"100%",height:"100%",...i},children:t.jsx(Z,{option:u,style:{width:"100%",height:"100%",...b}})})},ho=({style:i,chartStyle:b,centerImage:s,data:o,unit:c="%",colors:a,title:n,legend:e,chart:r,backgroundRing:l,rotatingRing:u,pie:h,tooltip:m,color:y="#00f2fe"})=>{const v=I.useMemo(()=>{const S=o||[{value:15,name:"数据指标1"},{value:15,name:"数据指标2"},{value:15,name:"数据指标3"},{value:15,name:"数据指标4"},{value:15,name:"数据指标5"}],x=S.reduce(($,T)=>$+T.value,0),L=a||["#2E7BFD","#1D4E89","#00E4FF","#FFAB00","#FF3D00"],k={text:"{val|100%}{arrow|↓}",fontSize:32,color:"#fff",fontWeight:"bold",arrowColor:"#00E4FF",arrowFontSize:24,left:"29%",top:"center",...n},p={show:!0,right:"10%",top:"middle",itemGap:20,itemWidth:12,itemHeight:12,textStyle:{color:"#fff",fontSize:14,nameColor:"#AAB2BD",valueColor:"#C0C4CC",nameFontSize:14,valueFontSize:16,nameWidth:60,namePadding:[0,20,0,0],...e==null?void 0:e.textStyle},tooltip:{show:!0,formatter:$=>{const T=typeof $=="object"?$.name:$,M=S.find(N=>N.name===T);if(!M)return"";const B=x>0?(M.value/x*100).toFixed(2):0;return`${T}: ${ue(M.value)}${c} (${B}%)`}},...e},d={center:["30%","50%"],radius:["50%","60%"],backgroundRadius:["70%","75%"],imgSize:135,padAngle:5,centerRadius:"40%",...r},_={color:"#06234B",...l},w={color:"#00E4FF",lineWidth:2,shadowBlur:10,radiusFactor:.75,duration:1e4,...u},F={borderWidth:3,shadowBlur:5,gradientOpacity:.3,...h},z={show:!0,...m},j=s;return{backgroundColor:"transparent",tooltip:{show:z.show,trigger:"item",formatter:z.formatter||($=>$.seriesType!=="pie"||$.name==="分布"?"":`${$.marker}${$.name}: ${ue($.value)}${c} (${$.percent}%)`)},title:{text:k.text,left:k.left,top:k.top,textAlign:"center",z:15,textStyle:{rich:{val:{fontSize:k.fontSize,fontWeight:k.fontWeight,color:k.color,padding:[0,5,0,0]},arrow:{fontSize:k.arrowFontSize,color:k.arrowColor,fontWeight:"bold"}}}},graphic:[],legend:{show:p.show,orient:"vertical",right:p.right,top:p.top,itemGap:p.itemGap,itemWidth:p.itemWidth,itemHeight:p.itemHeight,icon:"rect",tooltip:p.tooltip,data:S.map(($,T)=>({name:$.name,itemStyle:{color:L[T%L.length]}})),textStyle:{color:p.textStyle.color,fontSize:p.textStyle.fontSize,rich:{name:{color:p.textStyle.nameColor,fontSize:p.textStyle.nameFontSize,padding:p.textStyle.namePadding,width:p.textStyle.nameWidth},val:{color:p.textStyle.valueColor,fontSize:p.textStyle.valueFontSize,fontWeight:"500"}}},formatter:p.formatter||($=>{const T=S.find(M=>M.name===$);return`{name|数据指标} {val|${ue(T==null?void 0:T.value)}${c}}`})},series:[{type:"pie",radius:d.backgroundRadius,center:d.center,silent:!0,z:0,label:{show:!1},data:[{value:1,itemStyle:{color:_.color}}]},{type:"custom",coordinateSystem:"none",renderItem:($,T)=>{const M=T.getWidth(),B=T.getHeight(),N=(ne,de)=>typeof ne=="string"&&ne.endsWith("%")?parseFloat(ne)/100*de:ne,W=N(d.center[0],M),A=N(d.center[1],B),te=Math.min(M,B)/2*w.radiusFactor;return{type:"group",x:W,y:A,children:[{type:"arc",shape:{cx:0,cy:0,r:te,startAngle:0,endAngle:Math.PI/2},style:{stroke:new se.graphic.LinearGradient(0,0,0,1,[{offset:0,color:"rgba(0, 228, 255, 0)"},{offset:1,color:w.color}]),fill:"none",lineWidth:w.lineWidth,shadowBlur:w.shadowBlur,shadowColor:w.color}},{type:"arc",shape:{cx:0,cy:0,r:te,startAngle:Math.PI,endAngle:Math.PI*1.5},style:{stroke:new se.graphic.LinearGradient(0,0,0,1,[{offset:0,color:w.color},{offset:1,color:"rgba(0, 228, 255, 0)"}]),fill:"none",lineWidth:w.lineWidth,shadowBlur:w.shadowBlur,shadowColor:w.color}}],keyframeAnimation:{duration:w.duration,loop:!0,keyframes:[{percent:0,rotation:0},{percent:1,rotation:-Math.PI*2}]}}},data:[0],z:1,silent:!0},...s?[{type:"custom",coordinateSystem:"none",renderItem:($,T)=>{const M=T.getWidth(),B=T.getHeight(),N=(te,ne)=>typeof te=="string"&&te.endsWith("%")?parseFloat(te)/100*ne:te,W=N(d.center[0],M),A=N(d.center[1],B),E=d.imgSize;return{type:"image",style:{image:j,x:W-E/2,y:A-E/2,width:E,height:E}}},data:[0],z:10,silent:!0}]:[{type:"pie",radius:["0%",d.centerRadius],center:d.center,silent:!0,itemStyle:{color:{type:"radial",x:.5,y:.5,r:.5,colorStops:[{offset:0,color:"rgba(0,0,0,0)"},{offset:.8,color:`${y}60`},{offset:1,color:`${y}cc`}]}},data:[{value:1}],label:{show:!1}},{type:"gauge",radius:d.centerRadius,center:d.center,startAngle:90,endAngle:-269.9,splitNumber:1,axisLine:{lineStyle:{color:[[1,y]],width:1,opacity:.5}},splitLine:{show:!1},axisTick:{show:!1},axisLabel:{show:!1},pointer:{show:!1},detail:{show:!1}}],{name:"分布",type:"pie",radius:d.radius,center:d.center,avoidLabelOverlap:!1,padAngle:d.padAngle,itemStyle:{borderRadius:0},label:{show:!1},labelLine:{show:!1},data:S.map(($,T)=>{const M=L[T%L.length];return{...$,itemStyle:{color:new se.graphic.LinearGradient(0,0,0,1,[{offset:0,color:M},{offset:1,color:`rgba(0,0,0,${F.gradientOpacity})`}]),borderColor:M,borderWidth:F.borderWidth,shadowBlur:F.shadowBlur,shadowColor:M}}})}]}},[o,a,n,e,r,l,u,h,m,s,y,c]);return t.jsx("div",{style:{width:"100%",height:"100%",...i},children:t.jsx(Z,{option:v,style:{width:"100%",height:"100%",...b}})})},po=({style:i,chartStyle:b,data:s,colors:o=["#007AFF","#33FFCC"],areaColors:c=["rgba(0, 122, 255, 0.3)","rgba(51, 255, 204, 0.3)"],radarConfig:a,unit:n="",legendConfig:e,tooltipConfig:r,seriesConfig:l})=>{const u=I.useMemo(()=>s||{indicators:[{name:"维度一"},{name:"维度二"},{name:"维度三"},{name:"维度四"},{name:"维度五"},{name:"维度六"}],series:[{name:"标签一",value:[80,90,70,80,70,90]},{name:"标签二",value:[60,70,50,20,10,30]}]},[s]),h=I.useMemo(()=>({backgroundColor:"transparent",tooltip:{show:!0,trigger:"item",confine:!0,backgroundColor:"rgba(0, 20, 40, 0.9)",borderColor:"rgba(100, 180, 255, 0.5)",borderWidth:1,textStyle:{color:"#fff",fontSize:12},formatter:m=>{let y=`<div style="font-weight: 600; margin-bottom: 8px;">${m.marker} ${m.name}</div>`;return u.indicators.forEach((v,S)=>{y+=`<div style="display: flex; justify-content: space-between; gap: 20px;">
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),I=require("react"),Z=require("echarts-for-react"),gt=require("echarts"),qt=require("antd"),Gt=require("@ant-design/icons"),Fe=require("classnames"),Mt=require("ahooks");require("echarts-gl/lib/component/grid3D");require("echarts-gl/lib/chart/surface");require("echarts-gl/lib/chart/line3D");require("echarts-gl/lib/chart/scatter3D");function Ct(d){const b=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(d){for(const s in d)if(s!=="default"){const o=Object.getOwnPropertyDescriptor(d,s);Object.defineProperty(b,s,o.get?o:{enumerable:!0,get:()=>d[s]})}}return b.default=d,Object.freeze(b)}const se=Ct(gt),ue=d=>{const b=Array.isArray(d)?d[d.length-1]:d;return b==null?"":String(b)},er=({style:d,chartStyle:b,data:s=[{name:"1月",value:25},{name:"2月",value:25},{name:"3月",value:25},{name:"4月",value:25},{name:"5月",value:25},{name:"6月",value:25}],max:o,unit:n="",colors:a={left:["#4f5bf7","#3138ac"],right:["#737df9","#4f5bf7"],top:"#9ea7fc"},barWidth:c=20,grid:e={top:0,bottom:50,left:50,right:50},axisLabel:r={color:"#fff",fontSize:14,margin:20},splitLineColor:l="#333",backgroundColors:p={left:"rgba(255, 255, 255, 0.1)",right:"rgba(255, 255, 255, 0.15)",top:"rgba(255, 255, 255, 0.2)",stroke:"rgba(255, 255, 255, 0.3)"},renderer:i="canvas"})=>{const m=I.useMemo(()=>{const y=s.reduce((L,h)=>Math.max(L,h.value),0),v=y?Math.ceil(y*1.2):100,S=Math.max(o??v,y),w=(L,h)=>{const u=h.coord([h.value(0),h.value(1)]),_=c,x=u[0],T=u[1],k=h.coord([h.value(0),0])[1],j=_/2,z=_/4,M=[x,k+z];return{type:"group",children:[{type:"polygon",shape:{points:[[x-j,k],M,[x-j,k],[x,k+z],[x,T+z],[x-j,T]]},style:{fill:new se.graphic.LinearGradient(0,0,0,1,[{offset:0,color:a.left[0]},{offset:1,color:a.left[1]}])}},{type:"polygon",shape:{points:[[x,k+z],[x+j,k],[x+j,T],[x,T+z]]},style:{fill:new se.graphic.LinearGradient(0,0,0,1,[{offset:0,color:a.right[0]},{offset:1,color:a.right[1]}])}},{type:"polygon",shape:{points:[[x-j,T],[x,T+z],[x+j,T],[x,T-z]]},style:{fill:a.top}}]}},F=(L,h)=>{const u=h.coord([h.value(0),h.value(1)]),_=u[0],x=u[1],$=h.coord([h.value(0),0])[1],k=c,j=k/2,z=k/4;return{type:"group",children:[{type:"polygon",shape:{points:[[_-j,$],[_,$+z],[_,x+z],[_-j,x]]},style:{fill:p.left||"rgba(255, 255, 255, 0.1)"}},{type:"polygon",shape:{points:[[_,$+z],[_+j,$],[_+j,x],[_,x+z]]},style:{fill:p.right||"rgba(255, 255, 255, 0.15)"}},{type:"polygon",shape:{points:[[_-j,x],[_,x+z],[_+j,x],[_,x-z]]},style:{fill:p.top||"rgba(255, 255, 255, 0.2)",stroke:p.stroke||"rgba(255, 255, 255, 0.3)"}}]}};return{grid:e,tooltip:{show:!0,trigger:"axis",axisPointer:{type:"shadow"},formatter:L=>{const h=L.find(u=>u.seriesName==="bar");return h?`${h.name}: ${ue(h.value)}${n}`:""}},xAxis:{data:s.map(L=>L.name),axisLine:{show:!1},axisTick:{show:!1},axisLabel:{color:r.color||"#fff",fontSize:r.fontSize||14,margin:r.margin||20}},yAxis:{max:o===void 0?S+10:S,splitLine:{show:!0,lineStyle:{color:l}},axisLine:{show:!1},axisLabel:{color:r.color||"#fff",fontSize:r.fontSize||14}},series:[{type:"custom",name:"background",renderItem:F,data:s.map(L=>[L.name,S]),z:1,silent:!0},{type:"custom",name:"bar",renderItem:w,data:s.map(L=>[L.name,L.value]),z:2,label:{show:!1}}]}},[a.left,a.right,a.top,s,o,n,c,e,r,l,p]);return t.jsx("div",{style:{width:"100%",height:"100%",...d},children:t.jsx(Z,{option:m,opts:{renderer:i},style:{width:"100%",height:"100%",...b}})})},tr="_capsuleSwitch_1c26v_1",rr="_capsuleSlider_1c26v_11",ar="_capsuleItem_1c26v_23",sr="_capsuleItemActive_1c26v_42",jt={capsuleSwitch:tr,capsuleSlider:rr,capsuleItem:ar,capsuleItemActive:sr},or=({options:d,value:b,onChange:s,style:o,sliderStyle:n,itemStyle:a,activeItemStyle:c,gap:e=4})=>{const r=d.map(i=>typeof i=="string"?{label:i,value:i}:i),l=r.findIndex(i=>i.value===b),p=r.length;return t.jsxs("div",{className:jt.capsuleSwitch,style:o,children:[l>=0&&t.jsx("div",{className:jt.capsuleSlider,style:{width:`calc((100% - ${(p-1)*e}px - 4px) / ${p})`,transform:`translateX(calc(${l} * 100% + ${l*e}px))`,...n}}),r.map(i=>t.jsx("div",{className:`${jt.capsuleItem} ${b===i.value?jt.capsuleItemActive:""}`,style:{...a,...b===i.value?c:{}},onClick:()=>{s(i.value)},children:i.label},i.value))]})},lr="_totalCircle_1c6m5_1",cr="_circleBackground_1c6m5_4",nr="_circleCenter_1c6m5_9",dr="_ringSvg_1c6m5_15",ir="_totalInner_1c6m5_21",hr="_value_1c6m5_32",pr="_label_1c6m5_35",lt={totalCircle:lr,circleBackground:cr,circleCenter:nr,ringSvg:dr,totalInner:ir,value:hr,label:pr},ur=d=>Math.max(0,Math.min(d,1)),Vt=d=>Math.max(0,Math.min(d,100)),zt=d=>typeof d=="number"?`${d}px`:d,mr=({value:d=978,label:b="设备总数",percent:s=.85,size:o=100,className:n,style:a,svgStyle:c,styleConfig:e={},textConfig:r={},backgroundConfig:l={},layoutConfig:p={},animationConfig:i={},styles:m,renderCustomContent:y})=>{const v=I.useId().replace(/:/g,""),{progressGradientStart:S="rgba(73, 163, 255, 1)",progressGradientEnd:w="rgba(73, 163, 255, 1)",progressGradientEndOpacity:F=1,progressWidth:L=2,strokeLinecap:h="round",showTrack:u=!1,trackColor:_="transparent",trackWidth:x=3,showDot:T=!0,dotColor:$="#45aaff",dotSize:k=3,dotFollowProgress:j=!1,showGlow:z=!0,glowIntensity:M=1.8}=e,{svgPadding:B=6,radiusOffset:N=2,startAngle:W=90,maxPercent:A=1,backgroundInset:E=0,centerInset:te=18,contentInset:ne=20}=p,{valueColor:de="#fff",valueFontSize:Q=25,valueFontWeight:be=700,valueTextShadow:Y="0 0 10px rgba(120, 185, 255, 0.75)",labelColor:R="#fff",labelFontSize:O=11,labelFontWeight:X=700,labelLetterSpacing:P=0}=r,{showBackground:G=!0,ringColor:K="rgba(26, 71, 152, 0.87)",ringInnerPercent:J=56,ringOuterPercent:f=74,background:ve,boxShadow:ie="inset 0 0 12px rgba(42, 113, 220, 0.16)",centerBg:ze="#15417F",centerBoxShadow:De="inset 0 0 12px rgba(7, 25, 70, 0.46)"}=l,{duration:Ve=600,easing:V="ease-out"}=i,q=Vt(J),oe=Math.max(q,Vt(f)),re=ve??`radial-gradient(circle, transparent 0%, transparent ${Math.max(0,q-1)}%, ${K} ${q}%, ${K} ${oe}%, transparent ${Math.min(100,oe+1)}%, transparent 100%)`,g=o+B*2,he=g/2,ae=g/2,me=o/2-x-N,Se=2*Math.PI*me,le=ur(s*A),_e=`${Se*le} ${Se*(1-le)}`,xe=(j?W+le*360:W)*Math.PI/180,we=he+me*Math.cos(xe),Le=ae+me*Math.sin(xe),H=`circle-progress-gradient-${v}`,U=`circle-progress-glow-${v}`;return t.jsxs("div",{className:`${lt.totalCircle} ${n||""}`,style:{width:o,height:o,...a,...m==null?void 0:m.root},children:[G&&t.jsxs(t.Fragment,{children:[t.jsx("div",{className:lt.circleBackground,style:{inset:zt(E),background:re,boxShadow:ie,...m==null?void 0:m.background}}),t.jsx("div",{className:lt.circleCenter,style:{inset:zt(te),background:ze,boxShadow:De,...m==null?void 0:m.center}})]}),t.jsxs("svg",{className:lt.ringSvg,viewBox:`0 0 ${g} ${g}`,style:{inset:-B,width:g,height:g,...c,...m==null?void 0:m.svg},children:[t.jsxs("defs",{children:[t.jsxs("linearGradient",{id:H,x1:he,y1:ae+me,x2:he,y2:ae-me,children:[t.jsx("stop",{offset:"0%",stopColor:S}),t.jsx("stop",{offset:"100%",stopColor:w,stopOpacity:F})]}),z&&t.jsxs("filter",{id:U,x:"-50%",y:"-50%",width:"200%",height:"200%",children:[t.jsx("feGaussianBlur",{stdDeviation:M,result:"blur"}),t.jsxs("feMerge",{children:[t.jsx("feMergeNode",{in:"blur"}),t.jsx("feMergeNode",{in:"SourceGraphic"})]})]})]}),u&&t.jsx("circle",{fill:"none",cx:he,cy:ae,r:me,stroke:_,strokeWidth:x}),t.jsx("circle",{fill:"none",cx:he+1,cy:ae,r:me,stroke:`url(#${H})`,strokeWidth:L,strokeLinecap:h,strokeDasharray:_e,transform:`rotate(${W} ${he} ${ae})`,filter:z?`url(#${U})`:void 0,style:{transition:`stroke-dasharray ${Ve}ms ${V}`}}),T&&t.jsx("circle",{r:k,fill:$,cx:we,cy:Le,filter:z?`url(#${U})`:void 0})]}),t.jsx("div",{className:lt.totalInner,style:{inset:zt(ne),color:de,...m==null?void 0:m.content},children:y?y(d):t.jsxs(t.Fragment,{children:[t.jsx("strong",{className:lt.value,style:{color:de,fontSize:Q,fontWeight:be,textShadow:Y,...m==null?void 0:m.value},children:d}),t.jsx("span",{className:lt.label,style:{color:R,fontSize:O,fontWeight:X,letterSpacing:P,...m==null?void 0:m.label},children:b})]})})]})},yr="_container_61x1f_1",br="_header_61x1f_9",vr="_collapsed_61x1f_20",Sr="_titleArea_61x1f_26",xr="_icon_61x1f_31",wr="_titleText_61x1f_35",_r="_copyButton_61x1f_40",Lr="_content_61x1f_54",Ye={container:yr,header:br,collapsed:vr,titleArea:Sr,icon:xr,titleText:wr,copyButton:_r,content:Lr},jr=({code:d,title:b="Example Code",defaultCollapsed:s=!0,style:o,headerStyle:n,titleAreaStyle:a,iconStyle:c,titleTextStyle:e,copyButtonStyle:r,contentStyle:l,preStyle:p,codeStyle:i})=>{const[m,y]=I.useState(s),v=async(w,F)=>{var L;w.stopPropagation();try{if((L=navigator.clipboard)!=null&&L.writeText)await navigator.clipboard.writeText(F);else{const h=document.createElement("textarea");h.value=F,h.style.position="fixed",h.style.opacity="0",document.body.appendChild(h),h.select(),document.execCommand("copy"),document.body.removeChild(h)}qt.message.success("复制成功")}catch(h){qt.message.error("复制失败"),console.error(h)}},S=()=>{y(!m)};return t.jsxs("div",{className:Ye.container,style:o,children:[t.jsxs("div",{onClick:S,className:Fe(Ye.header,{[Ye.collapsed]:m}),style:n,children:[t.jsxs("div",{className:Ye.titleArea,style:a,children:[m?t.jsx(Gt.CaretRightOutlined,{className:Ye.icon,style:c}):t.jsx(Gt.CaretDownOutlined,{className:Ye.icon,style:c}),t.jsx("span",{className:Ye.titleText,style:e,children:b})]}),t.jsx("div",{onClick:w=>v(w,d),className:Ye.copyButton,style:r,children:"复制代码"})]}),!m&&t.jsx("div",{className:Ye.content,style:l,children:t.jsx("pre",{style:p,children:t.jsx("code",{style:i,children:d})})})]})},kr="_progressBarWrapper_1twrj_1",zr="_hideCorners_1twrj_6",$r="_progressBarBottomLeft_1twrj_29",Fr="_progressBarBottomRight_1twrj_30",Mr="_progressFill_1twrj_50",Tr="_progressDot_1twrj_56",it={progressBarWrapper:kr,hideCorners:zr,progressBarBottomLeft:$r,progressBarBottomRight:Fr,progressFill:Mr,progressDot:Tr},ft=({percentage:d,showDot:b=!0,showCorners:s=!0,height:o=12,trackColor:n="rgba(0, 50, 100, 0.4)",fillGradient:a="linear-gradient(90deg, #0066ff 0%, #00aaff 100%)",cornerColor:c="#006dd1",borderColor:e="rgba(1, 73, 134, 1)",style:r,wrapperStyle:l,trackStyle:p,fillStyle:i,dotStyle:m})=>t.jsx("div",{style:{width:"100%",...r},children:t.jsxs("div",{className:`${it.progressBarWrapper} ${s?"":it.hideCorners}`,style:{borderColor:e,"--corner-color":c,...l},children:[s&&t.jsxs(t.Fragment,{children:[t.jsx("div",{className:it.progressBarBottomLeft}),t.jsx("div",{className:it.progressBarBottomRight})]}),t.jsx("div",{style:{height:`${o}px`,background:n,overflow:"visible",position:"relative",...p},children:t.jsx("div",{className:it.progressFill,style:{width:`${d}%`,background:a,...i},children:b&&t.jsx("div",{className:it.progressDot,style:m})})})]})}),Ir="_mainContent_1nhzk_1",Wr="_leftSection_1nhzk_6",Br="_iconCircle_1nhzk_9",Nr="_icon_1nhzk_9",Pr="_rightSection_1nhzk_20",Dr="_topBar_1nhzk_26",Ar="_dataDisplay_1nhzk_32",Er="_factoryName_1nhzk_38",Rr="_dashedLine_1nhzk_43",Or="_dataGroup_1nhzk_49",Hr="_percentage_1nhzk_53",qr="_value_1nhzk_59",Ie={mainContent:Ir,leftSection:Wr,iconCircle:Br,icon:Nr,rightSection:Pr,topBar:Dr,dataDisplay:Ar,factoryName:Er,dashedLine:Rr,dataGroup:Or,percentage:Hr,value:qr},Gr=({icon:d,title:b,percentage:s,value:o,showProgress:n=!0,iconSize:a=60,style:c,leftSectionStyle:e,iconCircleStyle:r,iconStyle:l,rightSectionStyle:p,topBarStyle:i,dataDisplayStyle:m,titleStyle:y,dashedLineStyle:v,dataGroupStyle:S,percentageStyle:w,valueStyle:F,progressBarStyle:L})=>t.jsxs("div",{className:`${Ie.mainContent} `,style:c,children:[t.jsx("div",{className:Ie.leftSection,style:e,children:t.jsx("div",{className:Ie.iconCircle,style:r,children:t.jsx("img",{src:d,alt:"",className:Ie.icon,style:{width:`${a}px`,height:`${a}px`,...l}})})}),t.jsxs("div",{className:Ie.rightSection,style:p,children:[t.jsx("div",{className:Ie.topBar,style:i,children:t.jsxs("div",{className:Ie.dataDisplay,style:m,children:[t.jsx("div",{className:Ie.factoryName,style:y,children:b}),t.jsx("span",{className:Ie.dashedLine,style:v}),t.jsxs("div",{className:Ie.dataGroup,style:S,children:[t.jsxs("span",{className:Ie.percentage,style:w,children:[s,"%"]}),t.jsx("span",{className:Ie.value,style:F,children:o})]})]})}),n&&t.jsx(ft,{percentage:s,style:L})]})]}),Vr="_gridContainer_vymgp_1",Xr="_gridItem_vymgp_7",Yr="_cardHeader_vymgp_15",Ur="_cardBody_vymgp_45",Zr="_iconWrapper_vymgp_54",Kr="_icon_vymgp_54",Qr="_value_vymgp_69",Jr="_unit_vymgp_76",fr="_trend_vymgp_81",gr="_trendUp_vymgp_85",Cr="_trendDown_vymgp_90",ea="_arrowUp_vymgp_95",ta="_arrowDown_vymgp_105",$e={gridContainer:Vr,gridItem:Xr,cardHeader:Yr,cardBody:Ur,iconWrapper:Zr,icon:Kr,value:Qr,unit:Jr,trend:fr,trendUp:gr,trendDown:Cr,arrowUp:ea,arrowDown:ta},ra=({data:d,columns:b=3,gap:s=15,showTrend:o=!0,trendLabel:n="环比",iconSize:a=80,valueSize:c=20,containerStyle:e,itemStyle:r,headerStyle:l,bodyStyle:p,iconWrapperStyle:i,iconStyle:m,valueStyle:y,unitStyle:v,trendStyle:S,trendUpStyle:w,trendDownStyle:F})=>t.jsx("div",{className:`${$e.gridContainer} `,style:{gridTemplateColumns:`repeat(${b}, 1fr)`,gap:`${s}px`,...e},children:d.map(L=>t.jsxs("div",{className:$e.gridItem,style:r,children:[t.jsx("div",{className:$e.cardHeader,style:l,children:L.title}),t.jsxs("div",{className:$e.cardBody,style:p,children:[t.jsx("div",{className:$e.iconWrapper,style:i,children:t.jsx("img",{src:L.icon,alt:L.title,className:$e.icon,style:{width:`${a}px`,height:`${a}px`,...m}})}),t.jsxs("div",{className:$e.value,style:{fontSize:`${c}px`,...y},children:[L.value,t.jsx("span",{className:$e.unit,style:v,children:L.unit})]}),o&&L.trend!==void 0&&t.jsxs("div",{className:$e.trend,style:S,children:[n,t.jsxs("span",{className:L.trend>=0?$e.trendUp:$e.trendDown,style:L.trend>=0?w:F,children:[L.trend>=0?"+":"",L.trend,"%"," ",t.jsx("span",{className:L.trend>=0?$e.arrowUp:$e.arrowDown})]})]})]})]},L.id))}),aa="_container_16kne_1",sa="_topLine_16kne_12",oa="_svgContainer_16kne_22",la="_svg_16kne_22",ca="_pathTransition_16kne_30",na="_ballContainer_16kne_33",da="_ball_16kne_33",ia="_textContainer_16kne_51",ha="_valueText_16kne_63",pa="_labelText_16kne_69",Oe={container:aa,topLine:sa,svgContainer:oa,svg:la,pathTransition:ca,ballContainer:na,ball:da,textContainer:ia,valueText:ha,labelText:pa},ua=({value:d=75,title:b="基础数据",subTitle:s="(万)",color:o="#34d1bf",width:n="450px",height:a="300px",radius:c=80,strokeWidth:e=12,trackColor:r="rgba(255,255,255,0.1)",ballSize:l=12,valueFontSize:p="36px",titleFontSize:i="14px",subTitleFontSize:m="14px",containerBg:y,borderColor:v="rgba(255,255,255,0.1)",style:S,topLineStyle:w,svgContainerStyle:F,svgStyle:L,ballContainerStyle:h,ballStyle:u,textContainerStyle:_,valueTextStyle:x,labelTextStyle:T})=>{const $=Math.min(Math.max(d,0),100),k=100,j=100,z=Math.PI*c,M=z*(1-$/100),B=I.useMemo(()=>`gauge-gradient-${Math.random().toString(36).substr(2,9)}`,[]);return t.jsxs("div",{className:Oe.container,style:{width:n,height:a,boxShadow:`inset 0 1px 0 0 ${o}80`,background:y,borderColor:v,...S},children:[t.jsx("div",{className:Oe.topLine,style:{background:o,boxShadow:`0 0 10px ${o}`,...w}}),t.jsxs("div",{className:Oe.svgContainer,style:F,children:[t.jsxs("svg",{width:"100%",height:"100%",viewBox:"0 0 200 110",className:Oe.svg,style:L,children:[t.jsx("defs",{children:t.jsxs("linearGradient",{id:B,x1:"0%",y1:"0%",x2:"100%",y2:"0%",children:[t.jsx("stop",{offset:"0%",stopColor:"rgba(255,255,255,0.1)"}),t.jsx("stop",{offset:"100%",stopColor:o})]})}),t.jsx("path",{d:`M ${k-c} ${j} A ${c} ${c} 0 0 1 ${k+c} ${j}`,fill:"none",stroke:r,strokeWidth:e,strokeLinecap:"round"}),t.jsx("path",{d:`M ${k-c} ${j} A ${c} ${c} 0 0 1 ${k+c} ${j}`,fill:"none",stroke:`url(#${B})`,strokeWidth:e,strokeLinecap:"round",strokeDasharray:z,strokeDashoffset:M,className:Oe.pathTransition})]}),t.jsx("div",{className:Oe.ballContainer,style:{transform:`rotate(${$/100*180}deg)`,...h},children:t.jsx("div",{className:Oe.ball,style:{left:`${k-c}px`,top:`${j}px`,width:`${l}px`,height:`${l}px`,boxShadow:`0 0 10px ${o}, 0 0 20px ${o}`,...u}})}),t.jsxs("div",{className:Oe.textContainer,style:_,children:[t.jsx("div",{className:Oe.valueText,style:{fontSize:p,...x},children:$.toFixed(0)}),t.jsxs("div",{className:Oe.labelText,style:T,children:[t.jsx("span",{style:{fontSize:i},children:b}),t.jsx("span",{style:{fontSize:m,marginLeft:"4px"},children:s})]})]})]})]})},ma="_hologramContainer_1n17a_1",ya="_title_1n17a_11",ba="_iconWrapper_1n17a_48",va="_float_1n17a_1",Sa="_beam_1n17a_59",xa="_beamPulse_1n17a_1",wa="_base_1n17a_70",_a="_blue_1n17a_98",La="_purple_1n17a_113",ja="_green_1n17a_128",ht={hologramContainer:ma,title:ya,iconWrapper:ba,float:va,beam:Sa,beamPulse:xa,base:wa,blue:_a,purple:La,green:ja},ka=()=>t.jsxs("svg",{viewBox:"0 0 100 100",fill:"currentColor",children:[t.jsx("path",{d:"M28 85 L42 20 L50 20 L38 85 Z",opacity:"0.9"}),t.jsx("path",{d:"M72 85 L58 20 L50 20 L62 85 Z",opacity:"0.9"}),t.jsx("rect",{x:"42",y:"40",width:"16",height:"6",rx:"1"}),t.jsx("rect",{x:"36",y:"60",width:"28",height:"6",rx:"1"})]}),za=({color:d="blue",title:b,icon:s,width:o,height:n,style:a,titleStyle:c,iconWrapperStyle:e,beamStyle:r,baseStyle:l})=>t.jsxs("div",{className:Fe(ht.hologramContainer,ht[d]),style:{width:o,height:n,...a},children:[b&&t.jsx("div",{className:ht.title,style:c,children:b}),t.jsx("div",{className:ht.iconWrapper,style:e,children:s||t.jsx(ka,{})}),t.jsx("div",{className:ht.beam,style:r}),t.jsx("div",{className:ht.base,style:l})]}),$a="_timeValue_jlvsx_1",Fa="_digit_jlvsx_6",Ma="_separator_jlvsx_23",$t={timeValue:$a,digit:Fa,separator:Ma},Ta=d=>d.padStart(8,"0").slice(0,8).split(""),Ia=({duration:d="00:00:00",className:b,style:s,digitClassName:o,digitStyle:n,separatorClassName:a,separatorStyle:c})=>{const e=Ta(d);return t.jsx("div",{className:`${$t.timeValue} ${b||""}`,style:s,"aria-label":d,children:e.map((r,l)=>r===":"?t.jsx("span",{className:`${$t.separator} ${a||""}`,style:c,children:r},`${r}-${l}`):t.jsx("span",{className:`${$t.digit} ${o||""}`,style:n,children:r},`${r}-${l}`))})},Wa="_container_9aode_1",Ba="_chartWrapper_9aode_9",Na="_chart_9aode_9",Pa="_centerDecoration_9aode_22",Da="_centerImage_9aode_32",Aa="_legend_9aode_40",Ea="_legendItem_9aode_66",Ra="_legendItemActive_9aode_83",Oa="_legendItemHidden_9aode_87",Ha="_legendItemDimmed_9aode_90",qa="_legendDot_9aode_93",Ga="_legendName_9aode_102",Va="_legendValue_9aode_108",Xa="_legendPercent_9aode_109",ke={container:Wa,chartWrapper:Ba,chart:Na,centerDecoration:Pa,centerImage:Da,legend:Aa,legendItem:Ea,legendItemActive:Ra,legendItemHidden:Oa,legendItemDimmed:Ha,legendDot:qa,legendName:Ga,legendValue:Va,legendPercent:Xa},Ne=(...d)=>d.filter(Boolean).join(" "),Xt=d=>!!d&&typeof d=="object"&&!Array.isArray(d),vt=(d,b)=>typeof d=="function"?d(b):d,Ya=({data:d,valueUnit:b,classNames:s,styleConfig:o,chartConfig:n,centerConfig:a})=>{const c=I.useRef(null),[e,r]=I.useState(null),[l,p]=I.useState(new Set),i=(a==null?void 0:a.show)??!0,m=I.useMemo(()=>{const h=(n==null?void 0:n.pieSeries)??{},u=(n==null?void 0:n.outerRingSeries)??{},_=Xt(h.itemStyle)?h.itemStyle:{},x=Xt(u.itemStyle)?u.itemStyle:{},T={backgroundColor:"transparent",legend:{show:!1},series:[{type:"pie",radius:["58%","75%"],center:["50%","50%"],padAngle:2,...h,itemStyle:{borderRadius:2,borderWidth:4,..._},label:{show:!1},labelLine:{show:!1},data:d.map(($,k)=>({name:$.name,value:l.has(k)?0:$.value,itemStyle:{color:$.color,opacity:l.has(k)?0:1}})),emphasis:{scale:!0,scaleSize:8,itemStyle:{opacity:1}}},{type:"pie",radius:["83%","85%"],center:["50%","50%"],silent:!0,...u,label:{show:!1},labelLine:{show:!1},itemStyle:{color:"rgba(17, 117, 225, 0.8)",borderWidth:0,...x},data:[{value:1}]}]};return typeof(n==null?void 0:n.option)=="function"?n.option(T):n!=null&&n.option?{...T,...n.option}:T},[n,d,l]),y=h=>{var _;if(l.has(h))return;r(h);const u=(_=c.current)==null?void 0:_.getEchartsInstance();u==null||u.dispatchAction({type:"highlight",seriesIndex:0,dataIndex:h})},v=()=>{var u;r(null);const h=(u=c.current)==null?void 0:u.getEchartsInstance();h==null||h.dispatchAction({type:"downplay",seriesIndex:0})},S=h=>{p(u=>{const _=new Set(u);return _.has(h)?_.delete(h):_.add(h),_})},w=I.useMemo(()=>({mouseover:h=>{h.seriesIndex!==0||h.dataIndex===void 0||r(h.dataIndex)},mouseout:()=>{r(null)},click:h=>{h.seriesIndex!==0||h.dataIndex===void 0||S(h.dataIndex)}}),[]),F=(h,u)=>{const _=e===u,x=l.has(u);return{item:h,index:u,active:_,hidden:x,dimmed:e!==null&&!_&&!x}},L=h=>Ne(ke.legendItem,s==null?void 0:s.legendItem,h.active&&ke.legendItemActive,h.active&&(s==null?void 0:s.legendItemActive),h.hidden&&ke.legendItemHidden,h.hidden&&(s==null?void 0:s.legendItemHidden),h.dimmed&&ke.legendItemDimmed,h.dimmed&&(s==null?void 0:s.legendItemDimmed));return t.jsxs("div",{className:Ne(ke.container,s==null?void 0:s.container),style:o==null?void 0:o.container,children:[t.jsxs("div",{className:Ne(ke.chartWrapper,s==null?void 0:s.chartWrapper),style:o==null?void 0:o.chartWrapper,children:[t.jsx(Z,{ref:c,className:Ne(ke.chart,s==null?void 0:s.chart),style:o==null?void 0:o.chart,option:m,onEvents:w,opts:{renderer:(n==null?void 0:n.renderer)??"svg"}}),i&&t.jsx("div",{"aria-hidden":!0,className:Ne(ke.centerDecoration,s==null?void 0:s.centerDecoration,a==null?void 0:a.className),style:{...o==null?void 0:o.centerDecoration,...a==null?void 0:a.style},children:(a==null?void 0:a.image)&&t.jsx("img",{className:Ne(ke.centerImage,s==null?void 0:s.centerImage),src:a.image,alt:"",style:{...o==null?void 0:o.centerImage,...a.imageStyle}})})]}),t.jsx("div",{className:Ne(ke.legend,s==null?void 0:s.legend),style:o==null?void 0:o.legend,children:t.jsx("div",{style:{width:"100%",height:"100%",overflow:"auto",display:"flex",gap:10,flexDirection:"column",marginTop:15},children:d.map((h,u)=>{const _=F(h,u);return t.jsxs("div",{role:"button",tabIndex:0,className:L(_),style:vt(o==null?void 0:o.legendItem,_),onMouseEnter:()=>y(u),onMouseLeave:v,onClick:()=>S(u),onKeyDown:x=>{(x.key==="Enter"||x.key===" ")&&S(u)},children:[t.jsx("div",{className:Ne(ke.legendDot,s==null?void 0:s.legendDot),style:{"--inspection-pie-color":h.color,...vt(o==null?void 0:o.legendDot,_)}}),t.jsx("span",{className:Ne(ke.legendName,s==null?void 0:s.legendName),style:vt(o==null?void 0:o.legendName,_),title:h.name,children:h.name}),t.jsxs("span",{className:Ne(ke.legendValue,s==null?void 0:s.legendValue),style:vt(o==null?void 0:o.legendValue,_),children:[h.value,b]}),t.jsx("span",{className:Ne(ke.legendPercent,s==null?void 0:s.legendPercent),style:vt(o==null?void 0:o.legendPercent,_),children:h.pct})]},h.name)})})})]})},Ua="_back_1ccr7_59",Ce={"liquid-gauge-container":"_liquid-gauge-container_1ccr7_1","liquid-gauge-inner":"_liquid-gauge-inner_1ccr7_19","liquid-wave":"_liquid-wave_1ccr7_44",back:Ua,"gauge-glass":"_gauge-glass_1ccr7_68","gauge-highlight":"_gauge-highlight_1ccr7_81","gauge-text":"_gauge-text_1ccr7_93"},Za=({value:d=50,color:b="#34d1bf",widthSize:s=160,heightSize:o=160,fontSize:n,outerBorderColor:a="#34d1bf",textColor:c,backgroundColor:e,glassOpacity:r,waveTopPos:l,style:p,innerStyle:i,waveStyle:m,waveBackStyle:y,glassStyle:v,highlightStyle:S,textStyle:w})=>{const F=Math.min(Math.max(d,0),100),L=l!==void 0?l:200-F;return t.jsxs("div",{className:Ce["liquid-gauge-container"],style:{width:s,height:o,"--gauge-color":b,"--gauge-bg":e,"--gauge-glass-opacity":r,"--gauge-text-color":c,"--gauge-outer-border-color":a,...p},children:[t.jsxs("div",{className:Ce["liquid-gauge-inner"],style:i,children:[t.jsx("div",{className:`${Ce["liquid-wave"]} ${Ce.back}`,style:{top:`${L}%`,...y}}),t.jsx("div",{className:Ce["liquid-wave"],style:{top:`${L}%`,...m}}),t.jsx("div",{className:Ce["gauge-glass"],style:v}),t.jsx("div",{className:Ce["gauge-highlight"],style:S})]}),t.jsxs("div",{className:Ce["gauge-text"],style:{fontSize:n||o*.25,...w},children:[F,"%"]})]})},Ka="_container_vgkqe_1",Qa="_card_vgkqe_7",Ja="_labelTag_vgkqe_25",fa="_valueWrapper_vgkqe_37",ga="_value_vgkqe_37",Ca="_unit_vgkqe_50",es="_peakSvg_vgkqe_55",ts="_bottomLabel_vgkqe_63",et={container:Ka,card:Qa,labelTag:Ja,valueWrapper:fa,value:ga,unit:Ca,peakSvg:es,bottomLabel:ts},rs=({color:d="#448aff",topLabel:b="数据",bottomLabel:s="数据名称",value:o=30,max:n=100,percent:a,unit:c="个",valueFontSize:e,unitFontSize:r,topLabelFontSize:l,bottomLabelFontSize:p,style:i,cardStyle:m,labelTagStyle:y,valueWrapperStyle:v,valueStyle:S,unitStyle:w,peakSvgStyle:F,bottomLabelStyle:L,baseHeight:h=55,maxHeightRange:u=45})=>{const _=I.useMemo(()=>`peak-gradient-${Math.random().toString(36).substr(2,9)}`,[]),x=I.useMemo(()=>{let T=0;if(typeof a=="number")T=Math.min(Math.max(a/100,0),1);else{const k=typeof o=="number"?o:parseFloat(String(o))||0;T=Math.min(Math.max(k/n,0),1)}const $=h-u*T;return`M0 60 L0 ${h} Q 30 ${h}, 50 ${$} Q 70 ${h}, 100 ${h} L 100 60 Z`},[o,n,a,h,u]);return t.jsxs("div",{className:Fe(et.container),style:{"--peak-card-color":d,"--peak-card-border-color":`color-mix(in srgb, ${d}, transparent 50%)`,"--peak-card-bg-color":`color-mix(in srgb, ${d}, transparent 90%)`,"--peak-card-shadow-color":`color-mix(in srgb, ${d}, transparent 40%)`,"--peak-gradient-url":`url(#${_})`,...i},children:[t.jsxs("div",{className:et.card,style:m,children:[t.jsx("div",{className:et.labelTag,style:{fontSize:l,...y},children:b}),t.jsxs("div",{className:et.valueWrapper,style:v,children:[t.jsx("span",{className:et.value,style:{fontSize:e,...S},children:o}),t.jsx("span",{className:et.unit,style:{fontSize:r,...w},children:c})]}),t.jsxs("svg",{className:et.peakSvg,viewBox:"0 0 100 60",preserveAspectRatio:"none",style:F,children:[t.jsx("defs",{children:t.jsxs("linearGradient",{id:_,x1:"0%",y1:"0%",x2:"0%",y2:"100%",children:[t.jsx("stop",{offset:"0%",stopColor:d,stopOpacity:"0.6"}),t.jsx("stop",{offset:"100%",stopColor:d,stopOpacity:"0"})]})}),t.jsx("path",{d:x,stroke:d,fill:`url(#${_})`,strokeWidth:"2",vectorEffect:"non-scaling-stroke",style:{transition:"all 0.5s ease-out"}})]})]}),t.jsx("div",{className:et.bottomLabel,style:{fontSize:p,...L},children:s})]})},as=({chartData:d,periodConfig:b={valley:{name:"低谷",color:"#00D9FF",timeRanges:[[0,6],[21,24]]},peak:{name:"高峰",color:"#00FF9D",timeRanges:[[6,8],[17,21]]},sharp:{name:"尖峰",color:"#FFD700",timeRanges:[[8,10]]}},height:s="100%",gridConfig:o,legendConfig:n,tooltipConfig:a,xAxisConfig:c,yAxisConfig:e,seriesConfig:r,animation:l=!0,unit:p="kWh",areaGradients:i={}})=>{const m=Mt.useCreation(()=>{const y=Array.from({length:24},($,k)=>`${k.toString().padStart(2,"0")}:00`),v=$=>{for(const[k,j]of Object.entries(b))for(const[z,M]of j.timeRanges)if($>=z&&$<M)return k;return Object.keys(b)[0]||""},S=d?y.map($=>{const k=d.find(j=>j.time===$);return k?k.value:null}):y.map(($,k)=>k<6?+(60+Math.random()*20).toFixed(1):k<8?+(100+(k-6)*20+Math.random()*15).toFixed(1):k<10?+(150+Math.random()*30).toFixed(1):k<17?+(110+Math.random()*20).toFixed(1):k<21?+(130+Math.random()*25).toFixed(1):+(80-(k-21)*5+Math.random()*15).toFixed(1)),w=$=>S.map((k,j)=>{const z=v(j),M=j>0?v(j-1):z;return z===$||M===$&&z!==$?k:null}),F=Math.max(...S.filter($=>$!=null)),h=(Math.ceil(F/50)*50+50)/4,u=Array.isArray(e)?e[0]:e,_=(u==null?void 0:u.interval)??h,x=Array.isArray(n)?n[0]:n,T=(x==null?void 0:x.show)??!0;return{animation:l,grid:{top:"18%",left:"8%",right:"6%",bottom:"12%",containLabel:!0,...o},legend:T?{data:Object.values(b).map($=>({name:$.name,itemStyle:{color:$.color},lineStyle:{color:$.color,width:2}})),top:"5%",right:"5%",textStyle:{color:"#c8d8ff",fontSize:12},itemWidth:24,itemHeight:3,selectedMode:!1,...n}:void 0,tooltip:{trigger:"axis",backgroundColor:"rgba(10, 22, 54, 0.95)",borderColor:"rgba(0, 150, 255, 0.4)",textStyle:{color:"#fff",fontSize:12},formatter:$=>{const k=y.indexOf($[0].axisValue),j=v(k),z=b[j].color,M=b[j].name,B=$.map(N=>N.value).find(N=>N!=null);return B==null?"":`<span style="color:'#fff';font-size:11px">${$[0].axisValue}</span><br/><span style="display:inline-block;width:8px;height:8px;border-radius:50%;background:${z};margin-right:5px;vertical-align:middle;"></span><b style="color:${z}">${M}</b>: <b>${B} ${p}</b>`},...a},xAxis:{type:"category",data:y,boundaryGap:!1,axisLine:{lineStyle:{color:"rgba(100, 150, 200, 0.12)"}},axisLabel:{color:"rgba(200, 220, 255, 0.55)",fontSize:11,interval:2},splitLine:{show:!1,lineStyle:{color:"rgba(100, 150, 200, 0.12)",type:"dashed"}},...c},yAxis:{type:"value",interval:_,axisLine:{show:!1},axisLabel:{color:"rgba(255, 255, 255, 0.8)",fontSize:11},splitLine:{lineStyle:{color:"rgba(255, 255, 255, 0.3)",type:"dashed"}},...e},series:Object.entries(b).map(([$,k],j)=>{const z=i==null?void 0:i[$],M=z?{color:new se.graphic.LinearGradient(0,0,0,1,[{offset:0,color:z.from},{offset:1,color:z.to}])}:{color:k.color,opacity:.07};return{name:k.name,type:"line",data:w($),connectNulls:!1,smooth:!0,symbol:"none",lineStyle:{color:k.color,width:2.5,...(r==null?void 0:r.lineStyle)||{}},areaStyle:{...M,...(r==null?void 0:r.areaStyle)||{}},emphasis:{disabled:!0},z:Object.keys(b).length-j,...r}})}},[d,b,o,n,a,c,e,r,i,l,p]);return t.jsx(Z,{option:m,style:{width:"100%",height:s}})};function ss(d,b,s,o){const n=d*Math.PI*2,a=b*Math.PI*2,c=o;return{u:{min:-Math.PI,max:Math.PI*3,step:Math.PI/40},v:{min:0,max:Math.PI*2,step:Math.PI/40},x(e,r){return e<n?Math.cos(n)*(1+Math.cos(r)*s):e>a?Math.cos(a)*(1+Math.cos(r)*s):Math.cos(e)*(1+Math.cos(r)*s)},y(e,r){return e<n?Math.sin(n)*(1+Math.cos(r)*s):e>a?Math.sin(a)*(1+Math.cos(r)*s):Math.sin(e)*(1+Math.cos(r)*s)},z(e,r){return Math.sin(r)>0?c:0}}}function os(d,b,s,o){const n=d*Math.PI*2,a=b*Math.PI*2;return{u:{min:n,max:a,step:(a-n)/20},v:{min:0,max:1,step:.1},x(c,e){return(1-s+e*(2*s))*Math.cos(c)},y(c,e){return(1-s+e*(2*s))*Math.sin(c)},z(c,e){return o}}}function Yt(d,b,s){return{u:{min:0,max:1,step:.1},v:{min:0,max:1,step:.1},x(o){return(1-b+o*2*b)*Math.cos(d)},y(o){return(1-b+o*2*b)*Math.sin(d)},z(o,n){return n*s}}}function Ut(d,b,s){return{u:{min:0,max:Math.PI*2,step:Math.PI/40},v:{min:0,max:1,step:.1},x(o,n){return d*Math.cos(o)},y(o,n){return d*Math.sin(o)},z(o,n){return b+n*(s-b)}}}function Zt(d,b){return{u:{min:0,max:Math.PI*2,step:Math.PI/40},v:{min:0,max:1,step:.1},x(s,o){return d*o*Math.cos(s)},y(s,o){return d*o*Math.sin(s)},z(s,o){return b}}}function ls(d,b){const s=[],o=[],n=d.reduce((R,O)=>R+O.val,0),a=(1-b.innerRatio)/(1+b.innerRatio),c=b.sliceHeightConfig||{},e=c.baseHeight??10,r=c.step??3,l=b.baseConfig||{},p=l.baseR1??2.8,i=l.baseH1Min??-1.8,m=l.baseH1Max??-.5,y=l.baseR2??2.5,v=l.baseH2Min??-1.8,S=l.baseH2Max??0,w=l.ringRadius??2.2,F=l.ringTubeRadius??.02,L=l.ringWaveHeight??.06,h=l.ringCenterZ??4.8,u=l.bottomSideColor??"#0B1638",_=l.bottomTopColor??"#102246",x=l.topSideColor??"#163065",T=l.topTopColor??"#1B3B7A",$=l.ringColor??"#00D1FF",k=b.guideLineConfig||{},j=k.rStart??1.2,z=k.rTurn??2.2,M=k.riseZ??2.5,B=k.endOffset??.8,N=k.lineWidth??1,W=k.lineColor??"#FFFFFF",A=k.lineOpacity??1,E=b.labelConfig||{},te=E.nameColor??"#4CA4E6",ne=E.nameFontSize??14,de=E.percentColor??"#FFFFFF",Q=E.percentFontSize??12,be=b.defaultItemColor??"#0000FF";let Y=0;return d.forEach((R,O)=>{var xe;const X=n>0?R.val/n:0,P=Y+X,G=n>0?(X*100).toFixed(1):"0.0",K=e-O*r;let J,f,ve,ie;if(R.colors)J=R.colors.side,f=R.colors.top,ve=R.colors.start,ie=R.colors.end;else{const we=((xe=R.itemStyle)==null?void 0:xe.color)||be;J=se.color.lift(we,-.6),f=se.color.lift(we,-.1),ve=J,ie=J}s.push({name:R.name+"_body",type:"surface",parametric:!0,wireframe:{show:!1},itemStyle:{color:J,opacity:1},shading:"realistic",parametricEquation:ss(Y,P,a,K),silent:!0}),s.push({name:R.name+"_top",type:"surface",parametric:!0,wireframe:{show:!1},itemStyle:{color:f,opacity:1},shading:"realistic",parametricEquation:os(Y,P,a,K+.02),silent:!0}),s.push({name:R.name+"_start",type:"surface",parametric:!0,wireframe:{show:!1},itemStyle:{color:ve,opacity:1},shading:"realistic",parametricEquation:Yt(Y*Math.PI*2,a,K),silent:!0}),s.push({name:R.name+"_end",type:"surface",parametric:!0,wireframe:{show:!1},itemStyle:{color:ie,opacity:1},shading:"realistic",parametricEquation:Yt(P*Math.PI*2,a,K),silent:!0});const ze=(Y+P)*Math.PI,De=j,Ve=Math.cos(ze)*De,V=Math.sin(ze)*De,q=K,oe=M,re=z,g=Math.cos(ze)*re,he=Math.sin(ze)*re,ae=K+oe,me=Math.cos(ze)>=0?1:-1,Se=g+me*B,le=he,_e=ae;o.push({type:"line3D",lineStyle:{width:N,color:W,opacity:A},data:[[Ve,V,q],[g,he,ae],[Se,le,_e]],silent:!0},{type:"scatter3D",symbolSize:3,itemStyle:{color:W,opacity:1},label:{show:!0,formatter:`{name|${R.name}}
|
|
2
|
+
{percent|${G}%}`,backgroundColor:"transparent",position:"top",rich:{name:{color:te,fontSize:ne,align:"center",padding:[0,0,5,0]},percent:{color:de,fontSize:Q,align:"center"}}},data:[{value:[Se,le,_e]}],silent:!0}),Y=P}),s.push({name:"base_bottom_side",type:"surface",parametric:!0,wireframe:{show:!1},itemStyle:{color:u,opacity:.9},parametricEquation:Ut(p,i,m),silent:!0},{name:"base_bottom_top",type:"surface",parametric:!0,wireframe:{show:!1},itemStyle:{color:_,opacity:.9},parametricEquation:Zt(p,m),silent:!0}),s.push({name:"base_top_side",type:"surface",parametric:!0,wireframe:{show:!1},itemStyle:{color:x,opacity:.9},parametricEquation:Ut(y,v,S),silent:!0},{name:"base_top_top",type:"surface",parametric:!0,wireframe:{show:!1},itemStyle:{color:T,opacity:1},parametricEquation:Zt(y,S),silent:!0}),s.push({name:"base_ring",type:"surface",parametric:!0,wireframe:{show:!1},itemStyle:{color:$,opacity:1},shading:"color",parametricEquation:{u:{min:0,max:Math.PI*2,step:Math.PI/60},v:{min:0,max:Math.PI*2,step:Math.PI/40},x(R,O){return(w+F*Math.cos(O))*Math.cos(R)},y(R,O){return(w+F*Math.cos(O))*Math.sin(R)},z(R,O){return L*Math.sin(O)+h}},silent:!0}),s.concat(o)}const cs=[{name:"仓储物流",val:600,colors:{top:"#623ff3",side:"#321ac3",start:"#8651f4",end:"#4821ca"}},{name:"设备维护",val:500,colors:{top:"#59b8e1",side:"#3e85b9",start:"#56b4e8",end:"#4089c1"}},{name:"质量检测",val:300,colors:{top:"#4366f3",side:"#1532cc",start:"#1d43f3",end:"#1523cb"}}],ns=({data:d=cs,innerRatio:b=0,axis3DConfig:s,grid3DConfig:o,baseConfig:n,sliceHeightConfig:a,guideLineConfig:c,labelConfig:e,tooltipConfig:r,defaultItemColor:l,devicePixelRatioMultiplier:p=1.5,style:i,chartStyle:m})=>{const y=I.useMemo(()=>{const S={min:-5,max:5,...(s==null?void 0:s.xAxis3D)||{}},w={min:-5,max:5,...(s==null?void 0:s.yAxis3D)||{}},F={min:-5,max:8,...(s==null?void 0:s.zAxis3D)||{}},L={boxHeight:20,viewControl:{distance:70,alpha:35,beta:20,autoRotate:!0,autoRotateSpeed:4,panMouseButton:"right",rotateMouseButton:"left",center:[0,0,0]},light:{main:{intensity:1.8,shadow:!1},ambient:{intensity:.5}},postEffect:{enable:!1,FXAA:{enable:!1},temporalSuperSampling:{enable:!1}}},h={show:!1,...L,...o,viewControl:{...L.viewControl,...(o==null?void 0:o.viewControl)||{}},postEffect:{...L.postEffect,...(o==null?void 0:o.postEffect)||{}}};return{tooltip:{show:!1,...r||{}},xAxis3D:S,yAxis3D:w,zAxis3D:F,grid3D:h,series:ls(d,{innerRatio:b,baseConfig:n,sliceHeightConfig:a,guideLineConfig:c,labelConfig:e,defaultItemColor:l})}},[s,o,r,d,b,n,a,c,e,l]),v=typeof window<"u"?Math.max(window.devicePixelRatio*p,2):2;return t.jsx("div",{style:{width:"100%",height:"100%",...i},children:t.jsx(Z,{option:y,style:{width:"100%",height:"100%",...m},opts:{renderer:"canvas",devicePixelRatio:v}})})},ds={innerRadius:30,outerRadius:150,trackColor:"#1e293b",barGapRatio:.55},Kt={trunkOff:65,spread:-20,rOff:0,legGap:25,refLineOffset:60,refLineExtension:8},Ue=d=>d*Math.PI/180,is=({style:d,canvasStyle:b,data:s,valueUnit:o="kWh",colors:n,maxValue:a,showDebugPanel:c=!1,legendTextColor:e,legendFontSize:r,startAngle:l=-70,endAngle:p=40,showTrack:i=!1,layoutConfig:m})=>{const y=I.useRef(null),v=I.useRef(null),S=I.useRef(void 0),w=I.useRef([]),F=I.useRef([]),L=I.useRef(null),[h,u]=I.useState([]),[_,x]=I.useState([]),[T,$]=I.useState(null),[k,j]=I.useState({...Kt,...m}),z=c?k:{...Kt,...m},M=Y=>R=>j(O=>({...O,[Y]:R})),B=I.useMemo(()=>s||[{name:"一车间",rank:"TOP1",value:162},{name:"二车间",rank:"TOP2",value:250},{name:"三车间",rank:"TOP3",value:172},{name:"四车间",rank:"TOP4",value:102},{name:"五车间",rank:"TOP5",value:92}],[s]),N=I.useMemo(()=>n||["rgba(0, 121, 233, 1)","rgba(47, 190, 255, 1)","rgba(103, 242, 252, 1)","rgba(120, 157, 255, 1)","rgba(255, 253, 183, 1)"],[n]),W=I.useMemo(()=>{if(a!==void 0)return a;const Y=Math.max(...B.map(R=>R.value));return Math.max(1,Math.ceil(Y*1.05))},[a,B]),A=I.useCallback((Y,R)=>{const O=y.current,X=v.current;if(!O||!X)return;const P=O.getContext("2d");if(!P)return;const G=X.clientWidth,K=X.clientHeight,J=window.devicePixelRatio||1,f=Math.round(G*J),ve=Math.round(K*J);(O.width!==f||O.height!==ve)&&(O.width=f,O.height=ve,O.style.width=`${G}px`,O.style.height=`${K}px`),P.setTransform(1,0,0,1,0,0),P.scale(J,J),P.clearRect(0,0,G,K);const{innerRadius:ie,outerRadius:ze,trackColor:De,barGapRatio:Ve}=ds,{trunkOff:V,spread:q,rOff:oe,legGap:re,refLineOffset:g,refLineExtension:he}=R,ae=l,me=p,Se=me-ae,le=Math.min(G/600,K/300),_e=ze*le,xe=ie*le,we=_e+40*le,Le=K/2,H=B.length,U=(_e-xe)/H,Ze=U*Ve,Ae=18*le,Ke=H*Ae+(H-1)*re*le,tt=Le-Ke/2,rt=we+_e+V*le,C=G-220*le,Me=q*le,Qe=oe*le,Je=we+(_e+g*le)*Math.cos(Ue(ae)),nt=[];B.forEach((Lt,pe)=>{const dt=H-1-pe,at=xe+(dt+.5)*U,Te=U-Ze,fe=N[pe%N.length];i&&(P.save(),P.strokeStyle=De,P.lineWidth=Te,P.lineCap="round",P.beginPath(),P.arc(we,Le,at,Ue(ae),Ue(me),!0),P.stroke(),P.restore());const st=Y[pe]/W*Se*2.37,ge=ae-st,Ee=new Path2D;Ee.arc(we,Le,at,Ue(ae),Ue(ge),!0),P.save(),P.strokeStyle=fe,P.lineWidth=L.current===pe?Te+2:Te,P.lineCap="round",P.globalAlpha=L.current===null||L.current===pe?1:.2,L.current===pe&&(P.shadowColor=fe,P.shadowBlur=10),P.stroke(Ee),P.restore(),nt.push({arcPath:Ee,arcWidth:Math.max(Te+10,12)})});const wt=Le+xe*Math.sin(Ue(ae))-he*le,_t=Le+_e*Math.sin(Ue(ae))+he*le;P.save(),P.strokeStyle="#ffffff",P.lineWidth=1,P.setLineDash([]),P.beginPath(),P.moveTo(Je,wt),P.lineTo(Je,_t),P.stroke(),P.restore();const yt=[];B.forEach((Lt,pe)=>{const dt=H-1-pe,at=xe+(dt+.5)*U,Te=N[pe%N.length],fe=at+Qe,st=we+fe*Math.cos(Ue(ae)),ge=Le+fe*Math.sin(Ue(ae)),Ee=tt+pe*(Ae+re*le)+Ae/2,bt=rt+pe*Me,Xe=new Path2D;Xe.moveTo(Math.max(st,Je),ge),Xe.lineTo(bt,ge),Xe.lineTo(bt,Ee),Xe.lineTo(C-6,Ee),P.save(),P.beginPath(),P.rect(Je,0,G,K),P.clip(),P.strokeStyle=Te,P.lineWidth=L.current===pe?2.5:1.5,P.setLineDash([3,4]),P.globalAlpha=L.current===null||L.current===pe?.9:.18,L.current===pe&&(P.shadowColor=Te,P.shadowBlur=8),P.stroke(Xe),P.restore(),P.save(),P.beginPath(),P.rect(Je,0,G,K),P.clip(),P.fillStyle=Te,P.globalAlpha=L.current===null||L.current===pe?1:.2,P.beginPath(),P.arc(st,ge,3,0,Math.PI*2),P.fill(),P.restore(),yt.push({x:C,y:Ee,color:Te}),nt[pe].connectorPath=Xe}),F.current=nt,x(yt)},[B,N,W,l,p,i]);I.useEffect(()=>{w.current.length>0&&A(w.current,z)},[k]),I.useEffect(()=>{w.current.length===0&&(w.current=B.map(()=>0));const Y=B.map(G=>G.value),R=[...w.current],O=Date.now(),X=800,P=()=>{const G=Date.now()-O,K=Math.min(G/X,1),J=1-Math.pow(1-K,3),f=R.map((ve,ie)=>ve+(Y[ie]-ve)*J);w.current=f,u([...f]),A(f,z),K<1&&(S.current=requestAnimationFrame(P))};return P(),()=>{S.current&&cancelAnimationFrame(S.current)}},[B,A]);const E=(r==null?void 0:r.rank)||13,te=(r==null?void 0:r.name)||13,ne=(r==null?void 0:r.value)||13,de='-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',Q=Y=>{L.current!==Y&&(L.current=Y,$(Y),w.current.length>0&&A(w.current,z))},be=Y=>{const R=y.current,O=R==null?void 0:R.getContext("2d");if(!R||!O)return;const X=R.getBoundingClientRect(),P=(Y.clientX-X.left)*R.clientWidth/X.width,G=(Y.clientY-X.top)*R.clientHeight/X.height;let K=null;O.save(),O.setTransform(1,0,0,1,0,0),O.setLineDash([]);for(let J=F.current.length-1;J>=0;J-=1){const f=F.current[J];O.lineWidth=f.arcWidth;const ve=O.isPointInStroke(f.arcPath,P,G);O.lineWidth=10;const ie=f.connectorPath?O.isPointInStroke(f.connectorPath,P,G):!1;if(ve||ie){K=J;break}}O.restore(),Q(K)};return t.jsxs("div",{ref:v,style:{position:"relative",width:"100%",height:"100%",overflow:"hidden",borderRadius:12,...d},children:[t.jsx("canvas",{ref:y,onPointerMove:be,onPointerLeave:()=>Q(null),style:{display:"block",width:"100%",height:"100%",cursor:T===null?"default":"pointer",...b}}),B.map((Y,R)=>{const O=_[R];if(!O)return null;const X=`${Math.round(h[R]??0)} ${o}`;return t.jsxs("div",{style:{position:"absolute",left:O.x,top:O.y,transform:"translateY(-50%)",display:"flex",alignItems:"center",gap:6,pointerEvents:"auto",cursor:"pointer",whiteSpace:"nowrap",fontFamily:de,opacity:T===null||T===R?1:.25,filter:T===R?`drop-shadow(0 0 5px ${O.color})`:"none",transition:"opacity 120ms ease, filter 120ms ease"},onPointerEnter:()=>Q(R),onPointerLeave:()=>Q(null),children:[t.jsx("span",{style:{fontSize:E,color:(e==null?void 0:e.rank)||"#e2e8f0",lineHeight:1},children:Y.rank||`TOP${R+1}`}),t.jsx("span",{style:{fontSize:te,color:(e==null?void 0:e.name)||"#f1f5f9",lineHeight:1},children:Y.name}),t.jsx("span",{style:{fontSize:ne,fontWeight:500,color:(e==null?void 0:e.value)||"#ffffff",lineHeight:1,textShadow:"0 0 6px rgba(0,150,255,0.9), 0 0 14px rgba(0,150,255,0.5)"},children:X})]},R)}),c&&t.jsxs("div",{style:{position:"absolute",bottom:16,left:16,right:16,padding:12,background:"rgba(15, 23, 42, 0.9)",backdropFilter:"blur(8px)",border:"1px solid rgba(148, 163, 184, 0.1)",borderRadius:8,display:"grid",gridTemplateColumns:"1fr 1fr",gap:"10px 16px",zIndex:10},children:[t.jsx(St,{label:"主干偏移",value:k.trunkOff,min:0,max:120,onChange:M("trunkOff")}),t.jsx(St,{label:"错开间距",value:k.spread,min:-20,max:20,onChange:M("spread")}),t.jsx(St,{label:"R偏移",value:k.rOff,min:-20,max:20,onChange:M("rOff")}),t.jsx(St,{label:"legend间距",value:k.legGap,min:12,max:36,onChange:M("legGap")}),t.jsx(St,{label:"参考线偏移",value:k.refLineOffset,min:0,max:120,onChange:M("refLineOffset")})]})]})},St=({label:d,value:b,min:s,max:o,onChange:n})=>t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,fontSize:12,color:"#cbd5e1"},children:[t.jsx("label",{style:{width:72,flexShrink:0},children:d}),t.jsx("input",{type:"range",min:s,max:o,value:b,onChange:a=>n(+a.target.value),style:{flex:1,minWidth:0}}),t.jsx("span",{style:{width:36,textAlign:"right",color:"#94a3b8"},children:b})]});function hs(d,b,s,o){return{u:{min:-Math.PI,max:Math.PI,step:Math.PI/40},v:{min:0,max:1,step:.1},x(n,a){return(s+a*(o-s))/Math.max(Math.abs(Math.cos(n)),Math.abs(Math.sin(n)))*Math.cos(n)},y(n,a){return(s+a*(o-s))/Math.max(Math.abs(Math.cos(n)),Math.abs(Math.sin(n)))*Math.sin(n)},z(n,a){return d+a*(b-d)}}}const ps=[{name:"一厂",value:30,color:"#00D9E1",opacity:.7,deviceId:"T1-A-1D"},{name:"二厂",value:30,color:"#00B4D8",opacity:.7,deviceId:"T1-A-2D"},{name:"三厂",value:30,color:"#0096C7",opacity:.7,deviceId:"T1-A-3D"},{name:"五厂",value:30,color:"#0077B6",opacity:.7,deviceId:"T1-A-4D"}];function us(d,b){const s=d.map(p=>({...p,opacity:p.opacity??.7})),o=s.reduce((p,i)=>p+i.value,0),n=s.length,a=(b==null?void 0:b.layerHeight)??6,c=(b==null?void 0:b.gap)??1,e=(b==null?void 0:b.slope)??.3,r=n>0?n*a+(n-1)*c:0;return{layers:s.map((p,i)=>{const m=i*(a+c),y=m+a,v=Math.max(0,(r-m)*e),S=Math.max(0,(r-y)*e),w=o>0?`${(p.value/o*100).toFixed(2)}%`:"0%";return{...p,percent:w,bottomW:v,topW:S,height:a,gap:c,zMin:m,zMax:y,midZ:(m+y)/2,midW:(v+S)/2}}),totalHeight:r,pyramidRadius:Math.max(r*e,1)}}function mt(d,b){return typeof d=="number"?`${d}px`:d??b}function Tt(d){if(typeof d!="string"||!d.trim().endsWith("%"))return;const b=Number(d.trim().slice(0,-1));return Number.isFinite(b)?b:void 0}function ms(d,b){const s=Tt(d);return s!==void 0?`${s+2.5}%`:`calc(${mt(d,b)} + 14px)`}function ys(d,b,s,o){const n=Tt(d),a=Tt(b);return n!==void 0&&a!==void 0?`${n+(a-n)*s}%`:typeof d=="number"&&typeof b=="number"?`${d+(b-d)*s}px`:o}function Qt(d,b){return Math.min(100,Math.max(0,d??b))}const bs=({data:d=ps,geometryConfig:b,axis3DConfig:s,grid3DConfig:o,guideLineConfig:n,labelConfig:a,unit:c="人",tooltipConfig:e,devicePixelRatioMultiplier:r=1.5,style:l,chartStyle:p,onLayerClick:i})=>{const m=I.useId().replace(/:/g,""),{layers:y,totalHeight:v,pyramidRadius:S}=I.useMemo(()=>us(d,b),[d,b]),w=a||{},F=Qt(w.overlayTopPercent,24),L=Math.max(F+1,Qt(w.overlayBottomPercent,72)),h=I.useMemo(()=>{const V=Math.max(v,1);return y.map(q=>({...q,top:`${L-q.midZ/V*(L-F)}%`}))},[y,L,F,v]),u=n||{},_=mt(u.startX,"27%"),x=mt(u.endX,"46%"),T=ys(u.startX,u.endX,.68,"38.92%"),$=ms(u.endX,"46%"),k=u.lineColor??"#FFFFFF",j=u.lineWidth??1,z=u.lineOpacity??.6,M=u.lineType??"dashed",B=w.midNameColor??"#fff",N=w.midNameFontSize??8,W=w.rightLabelText??"电损量",A=w.showRightDeviceId??!0,E=w.showRightPercent??!0,te=w.rightLabelColor??"#fff",ne=w.rightLabelFontSize??10,de=w.rightPercentColor??"#00D9E1",Q=w.rightPercentFontSize??10,be=w.rightValueColor??"#fff",Y=w.rightValueFontSize??10,R=w.rightUnitColor??"#fff",O=w.rightUnitFontSize??10,X=w.rightDeviceIdColor??"#00D9E1",P=w.rightDeviceIdFontSize??8,G=w.rightBlockBgColor??"rgba(0, 50, 100, 0.6)",K=w.rightBlockBorderColor??"#00D9E1",J=mt(w.rightBlockMinWidth,"32px"),f=mt(w.rightBlockHeight,"22px"),ve=mt(w.rightBlockPadding,"0 8px"),ie=I.useCallback(V=>{const q=y[V];q&&(i==null||i(q,V))},[y,i]),ze=I.useMemo(()=>{var _e,xe,we,Le;const V=[],q=[],oe=(H,U)=>[[H,H,U],[-H,H,U],[-H,-H,U],[H,-H,U],[H,H,U]];y.forEach((H,U)=>{const{zMin:Ze,zMax:Ae}=H,Ke=se.color.lift(H.color,.4),tt=oe(H.bottomW,Ze),rt=oe(H.topW,Ae);q.push({type:"line3D",name:`pyramid-layer-${U}`,pyramidLayerIndex:U,lineStyle:{color:Ke,width:2,opacity:1},data:tt}),H.topW>0&&q.push({type:"line3D",name:`pyramid-layer-${U}`,pyramidLayerIndex:U,lineStyle:{color:Ke,width:2,opacity:1},data:rt});for(let C=0;C<4;C++)q.push({type:"line3D",name:`pyramid-layer-${U}`,pyramidLayerIndex:U,lineStyle:{color:Ke,width:2,opacity:1},data:[tt[C],rt[C]]});V.push({type:"surface",name:`pyramid-layer-${U}`,pyramidLayerIndex:U,parametric:!0,wireframe:{show:!1},shading:"realistic",realisticMaterial:{roughness:.2,metalness:.1},itemStyle:{color:H.color,opacity:H.opacity},parametricEquation:hs(Ze,Ae,H.bottomW,H.topW)}),H.topW>0&&V.push({type:"surface",name:`pyramid-layer-${U}`,pyramidLayerIndex:U,parametric:!0,wireframe:{show:!1},shading:"realistic",itemStyle:{color:H.color,opacity:H.opacity+.2},parametricEquation:{u:{min:-Math.PI,max:Math.PI,step:Math.PI/20},v:{min:0,max:1,step:.5},x(C,Me){return H.topW/Math.max(Math.abs(Math.cos(C)),Math.abs(Math.sin(C)))*Math.cos(C)*Me},y(C,Me){return H.topW/Math.max(Math.abs(Math.cos(C)),Math.abs(Math.sin(C)))*Math.sin(C)*Me},z(){return Ae}}}),V.push({type:"surface",name:`pyramid-layer-${U}`,pyramidLayerIndex:U,parametric:!0,wireframe:{show:!1},shading:"realistic",itemStyle:{color:H.color,opacity:H.opacity+.2},parametricEquation:{u:{min:-Math.PI,max:Math.PI,step:Math.PI/20},v:{min:0,max:1,step:.5},x(C,Me){return H.bottomW/Math.max(Math.abs(Math.cos(C)),Math.abs(Math.sin(C)))*Math.cos(C)*Me},y(C,Me){return H.bottomW/Math.max(Math.abs(Math.cos(C)),Math.abs(Math.sin(C)))*Math.sin(C)*Me},z(){return Ze}}})});const re=Math.max(S*1.35,1),g=(b==null?void 0:b.zAxisMax)??Math.max(v,1),he={min:-re,max:re,show:!1,name:"",axisLine:{show:!1},axisTick:{show:!1},axisLabel:{show:!1},splitLine:{show:!1},splitArea:{show:!1},...(s==null?void 0:s.xAxis3D)||{}},ae={min:-re,max:re,show:!1,name:"",axisLine:{show:!1},axisTick:{show:!1},axisLabel:{show:!1},splitLine:{show:!1},splitArea:{show:!1},...(s==null?void 0:s.yAxis3D)||{}},me={min:0,max:g,show:!1,name:"",axisLine:{show:!1},axisTick:{show:!1},axisLabel:{show:!1},splitLine:{show:!1},splitArea:{show:!1},...(s==null?void 0:s.zAxis3D)||{}},Se={left:"-12%",top:0,width:"54%",height:"100%",boxWidth:100,boxDepth:100,boxHeight:100,viewControl:{distance:210,alpha:-1,beta:-20,autoRotate:!0,autoRotateSpeed:10,rotateSensitivity:1,zoomSensitivity:0,center:[0,0,0]},light:{main:{intensity:1.5,shadow:!0,shadowQuality:"high",alpha:40,beta:40},ambient:{intensity:.5}}},le={show:!1,axisLine:{show:!1},axisPointer:{show:!1},splitLine:{show:!1},...Se,...o,viewControl:{...Se.viewControl||{},...(o==null?void 0:o.viewControl)||{}},light:{...Se.light||{},...(o==null?void 0:o.light)||{},main:{...((_e=Se.light)==null?void 0:_e.main)||{},...((xe=o==null?void 0:o.light)==null?void 0:xe.main)||{}},ambient:{...((we=Se.light)==null?void 0:we.ambient)||{},...((Le=o==null?void 0:o.light)==null?void 0:Le.ambient)||{}}}};return{backgroundColor:"transparent",tooltip:{show:!1,...e||{}},xAxis3D:he,yAxis3D:ae,zAxis3D:me,grid3D:le,series:V.concat(q)}},[y,v,S,b,s,o,e]),De=I.useMemo(()=>({click:V=>{var re,g;const q=(g=(re=V.seriesName)==null?void 0:re.match(/^pyramid-layer-(\d+)$/))==null?void 0:g[1],oe=q===void 0?-1:Number(q);Number.isInteger(oe)&&oe>=0&&ie(oe)}}),[ie]),Ve=typeof window<"u"?Math.max(window.devicePixelRatio*r,2):2;return t.jsxs("div",{style:{position:"relative",width:"100%",height:"100%",overflow:"hidden",...l},children:[t.jsx(Z,{option:ze,style:{position:"absolute",inset:0,width:"100%",height:"100%",...p},opts:{renderer:"canvas",devicePixelRatio:Ve},onEvents:De}),t.jsxs("svg",{"aria-hidden":"true",width:"100%",height:"100%",style:{position:"absolute",inset:0,pointerEvents:"none",left:20},children:[t.jsx("defs",{children:h.map((V,q)=>t.jsx("marker",{id:`${m}-arrow-${q}`,markerWidth:"7",markerHeight:"7",refX:"-5",refY:"4",markerUnits:"userSpaceOnUse",viewBox:"0 0 8 8",children:t.jsx("path",{d:"M 4 1 L 7 7 L 1 7 z",fill:V.color})},`marker-${V.name}-${q}`))}),h.map((V,q)=>t.jsx("line",{x1:_,y1:V.top,x2:x,y2:V.top,stroke:k,strokeWidth:j,strokeOpacity:z,strokeDasharray:M==="dashed"?"5 5":void 0,markerEnd:`url(#${m}-arrow-${q})`},`guide-${V.name}-${q}`))]}),h.map((V,q)=>t.jsxs(I.Fragment,{children:[t.jsx("div",{role:"button",tabIndex:0,onClick:()=>ie(q),onKeyDown:oe=>{(oe.key==="Enter"||oe.key===" ")&&(oe.preventDefault(),ie(q))},style:{position:"absolute",left:T,top:V.top,transform:"translate(-50%, -125%)",color:B,fontSize:N,whiteSpace:"nowrap",textAlign:"center",cursor:"pointer",pointerEvents:"auto"},children:V.name}),t.jsx("div",{role:"button",tabIndex:0,onClick:()=>ie(q),onKeyDown:oe=>{(oe.key==="Enter"||oe.key===" ")&&(oe.preventDefault(),ie(q))},style:{position:"absolute",left:$,top:V.top,transform:"translateY(-50%)",minWidth:0,whiteSpace:"nowrap",cursor:"pointer",pointerEvents:"auto",fontSize:ne},children:t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6},children:[t.jsx("span",{style:{color:te,fontSize:ne},children:W}),E&&t.jsx("span",{style:{color:de,fontSize:Q},children:V.percent}),t.jsx("span",{style:{color:be,fontSize:Y,fontWeight:"bold"},children:V.value}),t.jsx("span",{style:{color:R,fontSize:O},children:c}),A&&V.deviceId&&t.jsx("span",{style:{display:"inline-flex",alignItems:"center",justifyContent:"center",boxSizing:"border-box",minWidth:J,height:f,color:X,fontSize:P,lineHeight:1,border:`1px solid ${K}`,borderRadius:4,backgroundColor:G,padding:ve},children:V.deviceId})]})})]},`label-${V.name}-${q}`))]})},vs="_ringProgress_fup0s_1",Ss="_ringSvg_fup0s_7",xs="_ringBar_fup0s_13",ws="_ringValue_fup0s_16",_s="_ringText_fup0s_19",xt={ringProgress:vs,ringSvg:Ss,ringBar:xs,ringValue:ws,ringText:_s},Ls=({value:d,label:b,size:s=120,showPercentage:o=!0,className:n,style:a,svgStyle:c,styleConfig:e={},textConfig:r={},formatConfig:l={},renderCustomContent:p})=>{const i=s/120,{backgroundColor:m="#0667C2",progressColor:y="#58C7D1",strokeWidth:v=Math.round(8*i),strokeLinecap:S="round",animationDuration:w="1s"}=e,{valueColor:F="#58C7D1",labelColor:L="rgba(255, 255, 255, 0.9)",valueFontSize:h=Math.round(22*i),valueFontWeight:u="bold",labelFontSize:_=Math.round(14*i),labelFontWeight:x="normal"}=r,{decimalPlaces:T=1,suffix:$="%",formatter:k}=l,j=typeof d=="string"?parseFloat(d)||0:d,z=(s-v)/2-5,M=2*Math.PI*z,B=M-j/100*M,N=s/2,W=s/2,A=s+20,E=k?k(j):`${j.toFixed(T)}${$}`;return t.jsx("div",{className:`${xt.ringProgress} ${n||""}`,style:a,children:t.jsxs("svg",{className:xt.ringSvg,viewBox:`0 0 ${s} ${A}`,style:c,children:[t.jsx("circle",{cx:N,cy:W,r:z,fill:"none",stroke:m,strokeWidth:v}),t.jsx("circle",{cx:N,cy:W,r:z,fill:"none",stroke:y,strokeWidth:v,strokeDasharray:M,strokeDashoffset:B,strokeLinecap:S,transform:`rotate(-90 ${N} ${W})`,className:xt.ringBar,style:{transition:`stroke-dashoffset ${w} ease-in-out`}}),p?t.jsx("foreignObject",{x:"0",y:"0",width:s,height:s,children:t.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",height:"100%"},children:p(j)})}):o&&t.jsx("text",{x:N,y:W+5,textAnchor:"middle",fill:F,fontSize:h,fontWeight:u,className:xt.ringValue,children:E}),t.jsx("text",{x:N,y:s+Math.round(8*i),textAnchor:"middle",fill:L,fontSize:_,fontWeight:x,className:xt.ringText,children:b})]})})},js="_statCard_1a1a8_1",ks="_iconContainer_1a1a8_6",zs="_iconImage_1a1a8_11",$s="_textContainer_1a1a8_15",kt={statCard:js,iconContainer:ks,iconImage:zs,textContainer:$s},Fs=({value:d,label:b,iconConfig:s={},colorConfig:o={},textConfig:n={},layoutConfig:a={},style:c})=>{const{icon:e,image:r,width:l="40px",height:p="40px",fontSize:i="20px",backgroundColor:m,borderRadius:y="6px",style:v}=s,{value:S,background:w,border:F}=o,{valueFontSize:L="22px",valueFontWeight:h="bold",labelFontSize:u="12px",labelColor:_="#fff",valueStyle:x,labelStyle:T,containerStyle:$}=n,{padding:k="12px 15px",gap:j="12px",borderRadius:z="4px"}=a;return t.jsxs("div",{className:kt.statCard,style:{background:w,border:F,borderRadius:z,padding:k,gap:j,...c},children:[t.jsx("div",{className:kt.iconContainer,style:{width:l,height:p,background:m,borderRadius:y,fontSize:i,...v},children:r?t.jsx("img",{className:kt.iconImage,src:r,alt:b}):e}),t.jsxs("div",{className:kt.textContainer,style:$,children:[t.jsx("div",{style:{fontSize:L,color:S,fontWeight:h,...x},children:d}),t.jsx("div",{style:{fontSize:u,color:_,...T},children:b})]})]})},Ms="_statsSection_1gsns_1",Ts="_statItem_1gsns_9",Is="_statIcon_1gsns_15",Ws="_statLabel_1gsns_21",Bs="_dimension_1gsns_25",Ns="_secondaryLabel_1gsns_29",Ps="_statValue_1gsns_33",Ds="_unit_1gsns_38",As="_statTrend_1gsns_43",Es="_trendUp_1gsns_47",Rs="_trendDown_1gsns_51",Os="_statDivider_1gsns_55",We={statsSection:Ms,statItem:Ts,statIcon:Is,statLabel:Ws,dimension:Bs,secondaryLabel:Ns,statValue:Ps,unit:Ds,statTrend:As,trendUp:Es,trendDown:Rs,statDivider:Os},Hs=({stats:d,className:b,style:s,colorConfig:o={},fontConfig:n={},layoutConfig:a={},dividerConfig:c={},renderStatItem:e})=>{const{value:r="#00ffff",label:l="rgba(255, 255, 255, 0.7)",dimension:p="#00ffff",trendUp:i="#10b981",trendDown:m="#ef4444"}=o,{valueSize:y="24px",valueWeight:v="bold",labelSize:S="12px",trendSize:w="12px"}=n,{direction:F="horizontal",gap:L="8px",padding:h="15px 20px",align:u="center"}=a,{show:_=!0,color:x,height:T="60px",width:$="1px"}=c,k={flexDirection:F==="vertical"?"column":"row",padding:h,...s},j={width:F==="horizontal"?$:"100%",height:F==="horizontal"?T:$,background:x||"linear-gradient(to bottom, transparent, rgba(0, 150, 255, 0.5), transparent)"},z={left:"flex-start",center:"center",right:"flex-end"};return t.jsx("div",{className:`${We.statsSection} ${b||""}`,style:k,children:d.map((M,B)=>t.jsxs(I.Fragment,{children:[e?e(M,B):t.jsxs("div",{className:We.statItem,style:{gap:L,alignItems:z[u],cursor:M.onClick?"pointer":"default"},onClick:M.onClick,children:[M.icon&&t.jsx("div",{className:We.statIcon,children:M.icon}),t.jsxs("div",{className:We.statLabel,style:{fontSize:S,color:M.labelColor||l},children:[M.label,M.dimension&&t.jsx("span",{className:We.dimension,style:{color:p},children:M.dimension})]}),t.jsxs("div",{className:We.statValue,style:{color:M.valueColor||r,fontSize:y,fontWeight:v},children:[M.secondaryLabel&&t.jsxs("span",{className:We.secondaryLabel,children:[M.secondaryLabel," "]}),M.value,M.unit&&t.jsx("span",{className:We.unit,children:M.unit})]}),M.trend!==void 0&&t.jsxs("div",{className:We.statTrend,style:{fontSize:w},children:[M.trendLabel||"环比"," ",t.jsxs("span",{className:M.trend>=0?We.trendUp:We.trendDown,style:{color:M.trend>=0?i:m},children:[M.trend>=0?"+":"",M.trend,"%"]})]})]}),_&&B<d.length-1&&t.jsx("div",{className:We.statDivider,style:j})]},B))})},qs="_statusItem_15op2_1",Gs="_statusIcon_15op2_8",Vs="_statusContent_15op2_14",Xs="_statusText_15op2_17",Ys="_progressTrack_15op2_32",Us="_progressFill_15op2_39",ct={statusItem:qs,statusIcon:Gs,statusContent:Vs,statusText:Xs,progressTrack:Ys,progressFill:Us},Zs=({icon:d,label:b,value:s,percent:o,color:n,className:a,style:c,onClick:e})=>{const r=typeof d=="string"?t.jsx("img",{src:d,alt:b,className:ct.statusIcon}):t.jsx("div",{className:ct.statusIcon,children:d});return t.jsxs("div",{className:`${ct.statusItem} ${a||""}`,style:c,onClick:e,children:[r,t.jsxs("div",{className:ct.statusContent,children:[t.jsxs("div",{className:ct.statusText,children:[t.jsx("span",{children:b}),t.jsx("strong",{children:s})]}),t.jsx("div",{className:ct.progressTrack,children:t.jsx("span",{className:ct.progressFill,style:{width:`${o}%`,background:n,boxShadow:`0 0 10px ${n}`}})})]})]})},Ks="_container_8d4wl_1",Qs="_navContainer_8d4wl_8",Js="_tabItem_8d4wl_24",fs="_active_8d4wl_38",gs="_tabContent_8d4wl_50",Cs="_glow_8d4wl_54",pt={container:Ks,navContainer:Qs,tabItem:Js,active:fs,tabContent:gs,glow:Cs},eo=({tabs:d=[{id:1,label:"资源数据1"},{id:2,label:"资源数据2"},{id:3,label:"资源数据3"}],activeId:b,defaultActiveId:s,activeBgImage:o,onChange:n})=>{var p;const[a,c]=I.useState(s??((p=d[0])==null?void 0:p.id)),e=b!==void 0,r=e?b:a,l=i=>{e||c(i),n==null||n(i)};return t.jsx("div",{className:pt.container,children:t.jsx("div",{className:pt.navContainer,children:d.map(i=>t.jsxs("div",{className:`${pt.tabItem} ${r===i.id?pt.active:""}`,style:r===i.id&&o?{background:`url(${o}) no-repeat center / cover`}:void 0,onClick:()=>l(i.id),children:[t.jsx("div",{className:pt.tabContent,children:i.label}),r===i.id&&t.jsx("div",{className:pt.glow})]},i.id))})})},to=({className:d,style:b,chartStyle:s,data:o={categories:["标签一","标签二","标签三"],series:[{name:"Blue",data:[40,55,50]},{name:"White",data:[55,85,30]},{name:"Cyan",data:[28,38,70]}]},unit:n="",colors:a=["#007AFF","#FFFFFF","#33FFCC"],grid:c,barConfig:e,axisConfig:r,legendConfig:l,tooltipConfig:p})=>{const i=I.useMemo(()=>{const m=o.series.map((y,v)=>{const S=a[v%a.length];return{name:y.name,type:"bar",data:y.data,itemStyle:{color:S,borderRadius:e==null?void 0:e.radius},barWidth:(e==null?void 0:e.width)??15,barGap:(e==null?void 0:e.gap)??"30%"}});return{backgroundColor:"transparent",grid:{top:"15%",left:"5%",right:"5%",bottom:"10%",containLabel:!0,...c},tooltip:{trigger:"axis",axisPointer:{type:"shadow"},confine:!0,transitionDuration:0,extraCssText:"pointer-events: none;",formatter:y=>{let v=y[0].name+"<br/>";return y.forEach(S=>{v+=S.marker+S.seriesName+": "+ue(S.value)+n+"<br/>"}),v},...p},legend:{show:!1,textStyle:{color:"#fff"},...l},xAxis:{type:"category",data:o.categories,axisLine:{show:!0,lineStyle:{color:(r==null?void 0:r.xAxisLineColor)||"#666"}},axisLabel:{color:(r==null?void 0:r.xAxisLabelColor)||"#ccc",fontSize:(r==null?void 0:r.xAxisLabelFontSize)||14,margin:15},axisTick:{show:!1}},yAxis:{type:"value",splitLine:{lineStyle:{type:(r==null?void 0:r.splitLineType)||"dashed",color:(r==null?void 0:r.splitLineColor)||"rgba(255, 255, 255, 0.2)"}},axisLabel:{color:(r==null?void 0:r.yAxisLabelColor)||"#ccc",fontSize:(r==null?void 0:r.yAxisLabelFontSize)||14,formatter:y=>`${y}${n}`}},series:m}},[o,n,a,c,e,r,l,p]);return t.jsx("div",{className:d,style:{width:"100%",height:"100%",...b},children:t.jsx(Z,{option:i,style:{width:"100%",height:"100%",...s}})})},ro=({style:d,chartContainerStyle:b,chartStyle:s,legendContainerStyle:o,legendItemStyle:n,legendColorBlockStyle:a,legendTextContainerStyle:c,legendNameStyle:e,legendValueStyle:r,data:l,title:p="总数文本",unit:i="",colors:m=["#007AFF","#3399FF","#66B2FF","#00E5FF","#00FFCC","#33FF99"],centerTitleConfig:y,seriesConfig:v,legendConfig:S,tooltipConfig:w})=>{const F=I.useRef(null),[L,h]=I.useState([]),u=I.useMemo(()=>({valueFontSize:32,valueFontWeight:"bold",valueColor:"#fff",unitFontSize:14,unitColor:"#fff",nameFontSize:14,nameColor:"#999",left:"49%",top:"center",...y}),[y]),_=I.useMemo(()=>({outerRadius:["75%","85%"],innerRadius:["55%","65%"],center:["50%","50%"],padAngle:3,innerRingColor:"#242633",...v}),[v]),x=I.useMemo(()=>({gridTemplateColumns:"1fr 1fr",gap:"20px",paddingRight:"20px",colorBlockWidth:"12px",colorBlockHeight:"12px",nameColor:"#AAB2BD",nameFontSize:"14px",valueColor:"#fff",valueFontSize:"18px",valueFontWeight:"bold",...S}),[S]),T=I.useMemo(()=>l||[{value:120,name:"标签一"},{value:98,name:"标签二"},{value:65,name:"标签三"},{value:108,name:"标签四"},{value:87,name:"标签五"},{value:35,name:"标签六"}],[l]),$=I.useMemo(()=>T.map((W,A)=>({...W,color:m[A%m.length]})),[T,m]),k=I.useMemo(()=>$.filter(W=>!L.includes(W.name)),[$,L]),j=I.useMemo(()=>k.reduce((W,A)=>W+A.value,0),[k]),z=I.useMemo(()=>({backgroundColor:"transparent",tooltip:{show:!0,trigger:"item",formatter:W=>{const{marker:A,name:E,value:te,percent:ne,data:de}=W;let Q=A;return de!=null&&de.realColor&&(Q=A.replace(/background-color:[^;]+/,`background-color:${de.realColor}`)),`${Q} ${E} : ${ue(te)}${i} (${ne}%)`},...w},title:{text:`{val|${j}}${i?`{unit|${i}}`:""}
|
|
3
|
+
{name|${p}}`,left:u.left,top:u.top,textAlign:"center",textStyle:{rich:{val:{fontSize:u.valueFontSize,fontWeight:u.valueFontWeight,color:u.valueColor,padding:[0,0,5,0]},unit:{fontSize:u.unitFontSize,color:u.unitColor,padding:[0,0,5,2]},name:{fontSize:u.nameFontSize,color:u.nameColor}}}},series:[{name:"数据分布",type:"pie",radius:_.outerRadius,center:_.center,avoidLabelOverlap:!1,padAngle:_.padAngle,itemStyle:{borderRadius:0},label:{show:!1},data:k.map(W=>({value:W.value,name:W.name,itemStyle:{color:W.color}}))},{name:"数据分布内圈",type:"pie",radius:_.innerRadius,center:_.center,avoidLabelOverlap:!1,padAngle:_.padAngle,itemStyle:{borderRadius:0},label:{show:!1},data:k.map(W=>({value:W.value,name:W.name,itemStyle:{color:_.innerRingColor},realColor:W.color}))}]}),[w,j,i,p,u.left,u.top,u.valueFontSize,u.valueFontWeight,u.valueColor,u.unitFontSize,u.unitColor,u.nameFontSize,u.nameColor,_.outerRadius,_.center,_.padAngle,_.innerRadius,_.innerRingColor,k]),M=W=>{h(A=>A.includes(W)?A.filter(E=>E!==W):[...A,W])},B=I.useCallback((W,A)=>{var te;const E=(te=F.current)==null?void 0:te.getEchartsInstance();E&&(E.dispatchAction({type:A?"highlight":"downplay",name:W}),E.dispatchAction({type:A?"showTip":"hideTip",name:W,seriesIndex:0}))},[]),N=I.useMemo(()=>({mouseover:W=>{var A;if(W.componentType==="series"&&W.name){const E=(A=F.current)==null?void 0:A.getEchartsInstance();E&&E.dispatchAction({type:"highlight",name:W.name})}},mouseout:W=>{var A;if(W.componentType==="series"&&W.name){const E=(A=F.current)==null?void 0:A.getEchartsInstance();E&&E.dispatchAction({type:"downplay",name:W.name})}}}),[]);return t.jsxs("div",{style:{width:"100%",height:"100%",display:"flex",...d},children:[t.jsx("div",{style:{flex:1,height:"100%",...b},children:t.jsx(Z,{ref:F,option:z,style:{width:"100%",height:"100%",...s},onEvents:N})}),t.jsx("div",{style:{height:"100%",display:"grid",gridTemplateColumns:x.gridTemplateColumns,alignContent:"center",gap:x.gap,paddingRight:x.paddingRight,...o},children:$.map((W,A)=>{const E=L.includes(W.name);return t.jsxs("div",{style:{display:"flex",alignItems:"flex-start",cursor:"pointer",opacity:E?.4:1,transition:"opacity 0.3s",...n},onClick:()=>M(W.name),onMouseEnter:()=>B(W.name,!0),onMouseLeave:()=>B(W.name,!1),children:[t.jsx("div",{style:{width:x.colorBlockWidth,height:x.colorBlockHeight,backgroundColor:W.color,marginRight:"8px",marginTop:"4px",flexShrink:0,...a}}),t.jsxs("div",{style:{display:"flex",flexDirection:"column",...c},children:[t.jsx("span",{style:{color:x.nameColor,fontSize:x.nameFontSize,marginBottom:"4px",...e},children:W.name}),t.jsxs("span",{style:{color:x.valueColor,fontSize:x.valueFontSize,fontWeight:x.valueFontWeight,...r},children:[W.value,i]})]})]},A)})})]})},ao=({style:d,chartStyle:b,data:s=[{name:"标签一",value:100},{name:"标签二",value:120},{name:"标签三",value:32},{name:"标签四",value:32}],colors:o={start:"#00f2fe",end:"#4facfe",background:"rgba(255, 255, 255, 0.1)"},grid:n,barConfig:a,labelConfig:c,tooltipConfig:e,unit:r=""})=>{const l=I.useMemo(()=>{const p=s.map(y=>y.name),i=s.map(y=>y.value),m=Math.max(...i)*1.2||100;return{backgroundColor:"transparent",tooltip:{trigger:"axis",axisPointer:{type:"none"},formatter:function(y){let v=y[0].name+"<br/>";return y.forEach(S=>{S.seriesType==="bar"&&S.value!==void 0&&(v+=S.marker+S.seriesName+": "+ue(S.value)+r+"<br/>")}),v},...e},grid:{top:"5%",left:"0%",right:"0%",bottom:"0%",containLabel:!0,...n},xAxis:{show:!1,type:"value"},yAxis:[{type:"category",inverse:!0,axisLabel:{show:!0,inside:!0,align:"left",verticalAlign:"bottom",padding:[0,0,10,-10],lineHeight:20,formatter:function(y,v){return`{rank|TOP${v+1}} {name|${y}}`},rich:{rank:{color:(c==null?void 0:c.rankColor)||"#9ea7fc",fontSize:(c==null?void 0:c.rankFontSize)||14,fontWeight:"bold",padding:[0,10,0,0]},name:{color:(c==null?void 0:c.nameColor)||"#fff",fontSize:(c==null?void 0:c.nameFontSize)||14}}},axisTick:{show:!1},axisLine:{show:!1},data:p},{type:"category",inverse:!0,axisLabel:{show:!0,inside:!0,align:"right",verticalAlign:"bottom",padding:[0,0,10,0],color:(c==null?void 0:c.valueColor)||"#fff",fontSize:(c==null?void 0:c.valueFontSize)||18,fontWeight:"bold",fontFamily:"Arial",formatter:`{value}${r}`},axisTick:{show:!1},axisLine:{show:!1},data:i}],series:[{name:"背景",type:"bar",barWidth:(a==null?void 0:a.backgroundWidth)||2,barGap:"-100%",data:s.map(()=>m),itemStyle:{color:o.background,borderRadius:(a==null?void 0:a.borderRadius)||2},z:0},{name:"数据",type:"bar",barWidth:(a==null?void 0:a.width)||4,data:i,itemStyle:{borderRadius:(a==null?void 0:a.borderRadius)||2,color:new se.graphic.LinearGradient(0,0,1,0,[{offset:0,color:o.start},{offset:1,color:o.end}])},z:1},{name:"圆点",type:"pictorialBar",symbol:"circle",symbolSize:((a==null?void 0:a.width)||4)*2,symbolPosition:"end",data:i,itemStyle:{color:o.end},z:2}]}},[s,o,n,a,c,e,r]);return t.jsx("div",{style:{width:"100%",height:"100%",...d},children:t.jsx(Z,{option:l,style:{width:"100%",height:"100%",...b}})})},so=({style:d,chartStyle:b,data:s={categories:["数据","数据","数据","数据","数据","数据"],values:[210,250,180,130,160,130]},colors:o={barFrom:"#00f6ff",barTo:"#006aff",background:"rgba(0, 70, 100, 0.3)"},unit:n="",axisConfig:a,grid:c={top:"15%",left:"5%",right:"5%",bottom:"10%",containLabel:!0},barConfig:e,tooltipConfig:r})=>{const l=I.useMemo(()=>({xAxisLabelColor:"rgba(255, 255, 255, 0.8)",xAxisLabelFontSize:12,xAxisLabelMargin:15,yAxisLabelColor:"rgba(255, 255, 255, 0.8)",yAxisLabelFontSize:12,splitLineColor:"rgba(255, 255, 255, 0.15)",axisLineColor:"#2c3d50",showXAxisLine:!1,showYAxisLine:!1,showYAxisUnit:!0,...a}),[a]),p=I.useMemo(()=>({symbol:"rect",symbolMargin:"40%",symbolSize:[30,10],animationEasing:"elasticOut",...e}),[e]),i=I.useMemo(()=>({backgroundColor:"rgba(0,0,0,0.8)",borderColor:"#333",textColor:"#fff",...r}),[r]),m=I.useMemo(()=>{if(!s.values||s.values.length===0)return 100;const v=Math.max(...s.values);return v>0?Math.ceil(v*1.2):100},[s]),y=I.useMemo(()=>{const v=s.values.map(()=>m);return{backgroundColor:"transparent",animationDuration:300,animationEasing:"cubicOut",tooltip:{trigger:"axis",axisPointer:{type:"none"},backgroundColor:i.backgroundColor,borderColor:i.borderColor,textStyle:{color:i.textColor},formatter:S=>{const w=Array.isArray(S)?S.find(F=>F.seriesName==="value"):S;return w?`${w.name}<br/>${w.marker} 数值: ${ue(w.value)} ${n}`:""}},grid:c,xAxis:{type:"category",data:s.categories,axisLine:{show:l.showXAxisLine,lineStyle:{color:l.axisLineColor}},axisTick:{show:!1},axisLabel:{color:l.xAxisLabelColor,fontSize:l.xAxisLabelFontSize,margin:l.xAxisLabelMargin}},yAxis:{type:"value",max:m,name:n&&l.showYAxisUnit?`单位：${n}`:"",nameTextStyle:{color:l.yAxisLabelColor,fontSize:l.yAxisLabelFontSize,padding:[0,0,0,20]},splitLine:{show:!0,lineStyle:{color:l.splitLineColor,type:"dashed"}},axisLine:{show:l.showYAxisLine,lineStyle:{color:l.axisLineColor}},axisLabel:{color:l.yAxisLabelColor,fontSize:l.yAxisLabelFontSize}},series:[{name:"background",type:"pictorialBar",symbol:p.symbol,symbolRepeat:"fixed",symbolMargin:p.symbolMargin,symbolClip:!0,symbolSize:p.symbolSize,symbolPosition:"start",symbolOffset:[0,0],data:v,z:1,itemStyle:{color:o.background},animationDuration:0,silent:!0},{name:"value",type:"pictorialBar",symbol:p.symbol,symbolRepeat:"fixed",symbolMargin:p.symbolMargin,symbolClip:!0,symbolSize:p.symbolSize,symbolPosition:"start",symbolOffset:[0,0],data:s.values,z:2,itemStyle:{color:new se.graphic.LinearGradient(0,1,0,0,[{offset:0,color:o.barFrom||"#00d4ff"},{offset:1,color:o.barTo||"#004080"}])},animationEasing:"cubicOut",animationDuration:300,animationDelay:0}]}},[s,m,o,n,l,c,p,i]);return t.jsx("div",{style:{width:"100%",height:"100%",...d},children:t.jsx(Z,{option:y,style:{width:"100%",height:"100%",...b}})})},oo=({style:d,chartStyle:b,data:s={categories:["1月","3月","5月","7月","9月","11月","12月"],series1:[15,35,32,15,18,28,10],series2:[300,450,200,950,400,600,800]},colors:o={series1:["rgba(135, 156, 175, 0.6)","rgba(135, 156, 175, 0.0)"],series2:["rgba(30, 144, 255, 0.6)","rgba(30, 144, 255, 0.0)"],line1:"#a0b0c0",line2:"#1e90ff"},units:n=["",""],legendConfig:a={show:!0,names:["数据项1","数据项2"],icon:"rect",itemWidth:14,itemHeight:8,itemGap:30,top:"5%"},grid:c={top:"18%",left:"5%",right:"8%",bottom:"10%",containLabel:!0},tooltipConfig:e={},axisPointerConfig:r={},xAxisConfig:l={show:!0,type:"category",boundaryGap:!1,axisLine:{show:!0,lineStyle:{color:"#3d5269"}},axisLabel:{show:!0,color:"#8c9fad",fontSize:12,margin:15},axisTick:{show:!1},splitLine:{show:!1}},yAxisConfig:p,seriesConfig:i={width:2,symbol:"none",symbolSize:0,smooth:!0,showSymbol:!1,areaOpacity:1}})=>{const m=I.useMemo(()=>{var S,w,F,L,h,u,_,x;const v=[{nameColor:"#8c9fad",nameFontSize:12,axisLabel:{color:"#8c9fad",fontSize:12},splitLine:{show:!0,lineStyle:{color:"rgba(255,255,255,0.1)",type:"dashed"}},axisLine:{show:!0},axisTick:{show:!0}},{nameColor:"#8c9fad",nameFontSize:12,axisLabel:{color:"#8c9fad",fontSize:12},splitLine:{show:!1},axisLine:{show:!1},axisTick:{show:!1}}];return p?[{...v[0],...p[0],axisLine:{...v[0].axisLine,...(S=p[0])==null?void 0:S.axisLine},splitLine:{...v[0].splitLine,...(w=p[0])==null?void 0:w.splitLine},axisLabel:{...v[0].axisLabel,...(F=p[0])==null?void 0:F.axisLabel},axisTick:{...v[0].axisTick,...(L=p[0])==null?void 0:L.axisTick}},{...v[1],...p[1],axisLine:{...v[1].axisLine,...(h=p[1])==null?void 0:h.axisLine},splitLine:{...v[1].splitLine,...(u=p[1])==null?void 0:u.splitLine},axisLabel:{...v[1].axisLabel,...(_=p[1])==null?void 0:_.axisLabel},axisTick:{...v[1].axisTick,...(x=p[1])==null?void 0:x.axisTick}}]:v},[p]),y=I.useMemo(()=>{var v,S,w,F,L,h,u,_,x,T,$,k,j,z;return{backgroundColor:"transparent",tooltip:{trigger:"axis",backgroundColor:"rgba(0,0,0,0.8)",borderColor:"#333",textStyle:{color:"#fff"},...e,axisPointer:{type:"line",lineStyle:{color:"rgba(255,255,255,0.3)",type:"dashed"},...r,...e==null?void 0:e.axisPointer}},legend:{show:!0,top:"5%",icon:"rect",itemWidth:14,itemHeight:8,itemGap:30,data:a.names,textStyle:{color:"#8c9fad",fontSize:12},...a},grid:c,xAxis:{show:l.show,type:l.type,data:s.categories,boundaryGap:l.boundaryGap,axisLine:l.axisLine,axisLabel:l.axisLabel,axisTick:l.axisTick,splitLine:l.splitLine},yAxis:[{type:"value",name:n[0],nameTextStyle:{color:(v=m[0])==null?void 0:v.nameColor,fontSize:(S=m[0])==null?void 0:S.nameFontSize,padding:[0,0,0,-10]},axisLabel:(w=m[0])==null?void 0:w.axisLabel,splitLine:(F=m[0])==null?void 0:F.splitLine,axisLine:(L=m[0])==null?void 0:L.axisLine,axisTick:(h=m[0])==null?void 0:h.axisTick},{type:"value",name:n[1],nameTextStyle:{color:(u=m[1])==null?void 0:u.nameColor,fontSize:(_=m[1])==null?void 0:_.nameFontSize,padding:[0,0,0,10]},axisLabel:(x=m[1])==null?void 0:x.axisLabel,splitLine:(T=m[1])==null?void 0:T.splitLine,axisLine:($=m[1])==null?void 0:$.axisLine,axisTick:(k=m[1])==null?void 0:k.axisTick}],series:[{name:((j=a.names)==null?void 0:j[0])??"Series 1",type:"line",yAxisIndex:0,z:2,smooth:i.smooth,showSymbol:i.showSymbol,symbol:i.symbol,symbolSize:i.symbolSize,itemStyle:{color:o.line1},lineStyle:{color:o.line1,width:i.width},areaStyle:{opacity:i.areaOpacity,color:new se.graphic.LinearGradient(0,0,0,1,[{offset:0,color:o.series1[0]},{offset:1,color:o.series1[1]}])},data:s.series1},{name:((z=a.names)==null?void 0:z[1])??"Series 2",type:"line",yAxisIndex:1,z:3,smooth:i.smooth,showSymbol:i.showSymbol,symbol:i.symbol,symbolSize:i.symbolSize,itemStyle:{color:o.line2},lineStyle:{color:o.line2,width:i.width},areaStyle:{opacity:i.areaOpacity,color:new se.graphic.LinearGradient(0,0,0,1,[{offset:0,color:o.series2[0]},{offset:1,color:o.series2[1]}])},data:s.series2}]}},[e,r,a,c,l.show,l.type,l.boundaryGap,l.axisLine,l.axisLabel,l.axisTick,l.splitLine,s.categories,s.series1,s.series2,n,m,i.smooth,i.showSymbol,i.symbol,i.symbolSize,i.width,i.areaOpacity,o.line1,o.series1,o.line2,o.series2]);return t.jsx("div",{style:{width:"100%",height:"100%",...d},children:t.jsx(Z,{option:y,style:{width:"100%",height:"100%",...b}})})},lo=({style:d,chartStyle:b,data:s,unit:o="",colors:n=["#007AFF","#33FFCC"],grid:a,barConfig:c,axisConfig:e,legendConfig:r,tooltipConfig:l})=>{const p=I.useMemo(()=>s||{categories:["标签一","标签二","标签三","标签四","标签五","标签一"],series:[{name:"流入",data:[35,65,78,58,35,48]},{name:"流出",data:[-48,-35,-58,-70,-32,-52]}]},[s]),i=I.useMemo(()=>({backgroundColor:"transparent",tooltip:{show:!0,trigger:"axis",axisPointer:{type:"shadow"},formatter:m=>{let y=m[0].name+"<br/>";return m.forEach(v=>{const S=v.value===null||v.value===void 0?"":ue(Math.abs(v.value));y+=v.marker+" "+v.seriesName+" : "+S+o+"<br/>"}),y},...l},legend:{show:!0,top:"top",textStyle:{color:"#fff",fontSize:14,...r==null?void 0:r.textStyle},...r},grid:{top:"15%",bottom:"10%",left:"10%",right:"5%",containLabel:!0,...a},xAxis:{type:"category",data:p.categories,axisLine:{show:!0,onZero:!0,lineStyle:{color:(e==null?void 0:e.xAxisLineColor)||"#fff",width:1.5,type:"solid"}},axisTick:{show:!1},axisLabel:{color:(e==null?void 0:e.xAxisLabelColor)||"#AAB2BD",fontSize:(e==null?void 0:e.xAxisLabelFontSize)||14,margin:15}},yAxis:{type:"value",axisLine:{show:!1},axisTick:{show:!1},axisLabel:{color:(e==null?void 0:e.yAxisLabelColor)||"#AAB2BD",fontSize:(e==null?void 0:e.yAxisLabelFontSize)||14},splitLine:{lineStyle:{type:(e==null?void 0:e.splitLineType)||"dashed",color:(e==null?void 0:e.splitLineColor)||"rgba(255, 255, 255, 0.3)"}}},series:[{name:p.series[0].name,type:"bar",data:p.series[0].data,barWidth:(c==null?void 0:c.width)||20,itemStyle:{color:n[0],borderRadius:(c==null?void 0:c.borderRadius)||[2,2,0,0]}},{name:p.series[1].name,type:"bar",data:p.series[1].data,barWidth:(c==null?void 0:c.width)||20,itemStyle:{color:n[1],borderRadius:c!=null&&c.borderRadius?[0,0,0,0]:[0,0,2,2]}}]}),[p,o,n,a,c,e,r,l]);return t.jsx("div",{style:{width:"100%",height:"100%",...d},children:t.jsx(Z,{option:i,style:{width:"100%",height:"100%",...b}})})},co=({style:d,chartStyle:b,xData:s=["1","2","3","4","5","6","7","8","9","10","11","12"],barData:o=[100,140,120,118,125,155,170,120,110,100,120,100],lineData:n=[90,110,135,130,135,115,130,135,132,105,125,150],unit:a="",barColor:c={},lineColor:e="#FFFF00",axis:r={},seriesNames:l=["数量","数量1"],barWidth:p=16,legend:i={},grid:m={},tooltip:y={}})=>{const v=I.useMemo(()=>{const S={left:["rgba(0, 255, 255, 0.6)","rgba(0, 255, 255, 0.1)"],right:["rgba(0, 255, 255, 0.5)","rgba(0, 255, 255, 0.05)"],top:"#00FFFF",stroke:"#00FFFF",...c},w={textColor:"#fff",lineColor:"#40566A",splitLineColor:"#1F3453",fontSize:14,...r},F={left:"3%",right:"4%",bottom:"3%",containLabel:!0,...m},L={show:!0,top:10,textStyle:{color:"#fff",...i.textStyle},...i},h={show:!0,...y},u=(_,x)=>{const T=x.coord([x.value(0),x.value(1)]),$=T[0],k=T[1],z=x.coord([x.value(0),0])[1],M=p,B=M/2,N=M/3;return{type:"group",children:[{type:"polygon",shape:{points:[[$-B,z],[$,z+N],[$,k+N],[$-B,k]]},style:{fill:new se.graphic.LinearGradient(0,0,0,1,[{offset:0,color:S.left[0]},{offset:1,color:S.left[1]}]),stroke:S.stroke,lineWidth:1}},{type:"polygon",shape:{points:[[$,z+N],[$+B,z],[$+B,k],[$,k+N]]},style:{fill:new se.graphic.LinearGradient(0,0,0,1,[{offset:0,color:S.right[0]},{offset:1,color:S.right[1]}]),stroke:S.stroke,lineWidth:1}},{type:"polygon",shape:{points:[[$-B,k],[$,k+N],[$+B,k],[$,k-N]]},style:{fill:S.top,stroke:S.stroke,lineWidth:1}}]}};return{tooltip:{show:h.show,trigger:"axis",axisPointer:{type:"shadow"},formatter:h.formatter||(_=>{if(!Array.isArray(_))return"";let x=`${_[0].name}`;return _.forEach(T=>{x+=`<br/>${T.marker}${T.seriesName}: ${ue(T.value)}${a}`}),x})},legend:{show:L.show,data:l,textStyle:L.textStyle,top:L.top},grid:F,xAxis:{type:"category",data:s,axisLine:{lineStyle:{color:w.lineColor}},axisLabel:{color:w.textColor,fontSize:w.fontSize},axisTick:{show:!1}},yAxis:{type:"value",nameTextStyle:{color:w.textColor,fontSize:w.fontSize,align:"right",padding:[0,10,10,0]},axisLine:{show:!1},axisLabel:{color:w.textColor,fontSize:w.fontSize},splitLine:{lineStyle:{color:w.splitLineColor,type:"dashed"}}},series:[{name:l[0],type:"custom",renderItem:u,itemStyle:{color:S.top},data:o,z:10},{name:l[1],type:"line",data:n,symbol:"circle",symbolSize:8,smooth:!1,itemStyle:{color:e,borderWidth:2,borderColor:e},lineStyle:{width:2,color:e},z:20}]}},[s,o,n,a,c,e,r,l,p,i,m,y]);return t.jsx("div",{style:{width:"100%",height:"100%",...d},children:t.jsx(Z,{option:v,style:{width:"100%",height:"100%",...b}})})},no=({style:d,chartStyle:b,data:s={categories:["标签一","标签二","标签三","标签四","标签五"],series:[{name:"Series 1",data:[70,75,25,65,40],color:"#007AFF"},{name:"Series 2",data:[40,55,45,80,40],color:"#33FFCC"}]},unit:o="",colors:n=["#007AFF","#33FFCC"],areaGradients:a=[{from:"rgba(0, 122, 255, 0.4)",to:"rgba(0, 122, 255, 0)"},{from:"rgba(51, 255, 204, 0.4)",to:"rgba(51, 255, 204, 0)"}],grid:c,lineConfig:e,labelConfig:r,axisConfig:l,tooltipConfig:p})=>{const i=I.useMemo(()=>{const m=s.series.map((y,v)=>{const S=Math.max(...y.data),w=y.color||n[v%n.length],F=y.areaGradient||a[v%a.length],L=y.data.map(h=>h===S?{value:h,label:{show:!0,position:"top",color:(r==null?void 0:r.color)||"#fff",fontSize:(r==null?void 0:r.fontSize)||16,fontWeight:(r==null?void 0:r.fontWeight)||"bold",formatter:(r==null?void 0:r.formatter)||(o?`{c}${o}`:"{c}"),backgroundColor:(r==null?void 0:r.backgroundColor)||"rgba(0,0,0,0.5)",padding:(r==null?void 0:r.padding)||[2,4],borderRadius:(r==null?void 0:r.borderRadius)||4},symbolSize:((e==null?void 0:e.symbolSize)||6)+4,itemStyle:{borderColor:w,borderWidth:2,color:"#fff"}}:{value:h});return{name:y.name,type:"line",smooth:(e==null?void 0:e.smooth)??!1,symbol:"circle",symbolSize:(e==null?void 0:e.symbolSize)??6,emphasis:{scale:!1},lineStyle:{color:w,width:(e==null?void 0:e.width)??2},itemStyle:{color:w,borderColor:w,borderWidth:1},areaStyle:{color:new se.graphic.LinearGradient(0,0,0,1,[{offset:0,color:F.from},{offset:1,color:F.to}])},data:L}});return{backgroundColor:"transparent",grid:{top:"15%",left:"5%",right:"5%",bottom:"5%",containLabel:!0,...c},tooltip:{trigger:"axis",confine:!0,transitionDuration:0,extraCssText:"pointer-events: none;",formatter:y=>{let v=y[0].name+"<br/>";return y.forEach(S=>{v+=S.marker+S.seriesName+": "+ue(S.value)+o+"<br/>"}),v},...p},xAxis:{type:"category",boundaryGap:!1,data:s.categories,axisLine:{show:!0,lineStyle:{color:(l==null?void 0:l.xAxisLineColor)||"#fff",width:1}},axisLabel:{color:(l==null?void 0:l.xAxisLabelColor)||"#ccc",fontSize:(l==null?void 0:l.xAxisLabelFontSize)||14,margin:15},axisTick:{show:!1}},yAxis:{type:"value",splitLine:{show:!0,lineStyle:{type:(l==null?void 0:l.splitLineType)||"dashed",color:(l==null?void 0:l.splitLineColor)||"rgba(255, 255, 255, 0.3)"}},axisLabel:{color:(l==null?void 0:l.yAxisLabelColor)||"#ccc",fontSize:(l==null?void 0:l.yAxisLabelFontSize)||14}},series:m}},[s,o,n,a,c,e,r,l,p]);return t.jsx("div",{style:{width:"100%",height:"100%",...d},children:t.jsx(Z,{option:i,style:{width:"100%",height:"100%",...b}})})},io=({style:d,chartStyle:b,data:s={categories:["标签一","标签二","标签三","标签四","标签五"],series:[{name:"Series 1",data:[58,72,50,35,65],color:"#007AFF"},{name:"Series 2",data:[25,50,45,78,38],color:"#33FFCC"}]},unit:o="",colors:n=["#007AFF","#33FFCC"],grid:a,lineConfig:c,labelConfig:e,axisConfig:r,tooltipConfig:l})=>{const p=I.useMemo(()=>{const i=s.series.map((m,y)=>{const v=Math.max(...m.data),S=m.color||n[y%n.length],w=m.data.map(F=>F===v?{value:F,label:{show:!0,position:"top",color:(e==null?void 0:e.color)||"#fff",fontSize:(e==null?void 0:e.fontSize)||16,fontWeight:(e==null?void 0:e.fontWeight)||"bold",formatter:(e==null?void 0:e.formatter)||(o?`{c}${o}`:"{c}")}}:{value:F});return{name:m.name,type:"line",smooth:(c==null?void 0:c.smooth)??!0,symbol:"circle",symbolSize:(c==null?void 0:c.symbolSize)??8,emphasis:{scale:!1},lineStyle:{color:S,width:(c==null?void 0:c.width)??3},itemStyle:{color:S},data:w}});return{backgroundColor:"transparent",grid:{top:"15%",left:"5%",right:"5%",bottom:"5%",containLabel:!0,...a},tooltip:{trigger:"axis",formatter:m=>{let y=m[0].name+"<br/>";return m.forEach(v=>{y+=v.marker+v.seriesName+": "+ue(v.value)+o+"<br/>"}),y},...l},xAxis:{type:"category",boundaryGap:!1,data:s.categories,axisLine:{show:!0,lineStyle:{color:(r==null?void 0:r.xAxisLineColor)||"#fff",width:1}},axisLabel:{color:(r==null?void 0:r.xAxisLabelColor)||"#ccc",fontSize:(r==null?void 0:r.xAxisLabelFontSize)||14,margin:15},axisTick:{show:!1}},yAxis:{type:"value",splitLine:{show:!0,lineStyle:{type:(r==null?void 0:r.splitLineType)||"dashed",color:(r==null?void 0:r.splitLineColor)||"rgba(255, 255, 255, 0.3)"}},axisLabel:{color:(r==null?void 0:r.yAxisLabelColor)||"#ccc",fontSize:(r==null?void 0:r.yAxisLabelFontSize)||14}},series:i}},[s,o,n,a,c,e,r,l]);return t.jsx("div",{style:{width:"100%",height:"100%",...d},children:t.jsx(Z,{option:p,style:{width:"100%",height:"100%",...b}})})},ho=({style:d,chartStyle:b,centerImage:s,data:o,unit:n="%",colors:a,title:c,legend:e,chart:r,backgroundRing:l,rotatingRing:p,pie:i,tooltip:m,color:y="#00f2fe"})=>{const v=I.useMemo(()=>{const S=o||[{value:15,name:"数据指标1"},{value:15,name:"数据指标2"},{value:15,name:"数据指标3"},{value:15,name:"数据指标4"},{value:15,name:"数据指标5"}],w=S.reduce((j,z)=>j+z.value,0),F=a||["#2E7BFD","#1D4E89","#00E4FF","#FFAB00","#FF3D00"],L={text:"{val|100%}{arrow|↓}",fontSize:32,color:"#fff",fontWeight:"bold",arrowColor:"#00E4FF",arrowFontSize:24,left:"29%",top:"center",...c},h={show:!0,right:"10%",top:"middle",itemGap:20,itemWidth:12,itemHeight:12,textStyle:{color:"#fff",fontSize:14,nameColor:"#AAB2BD",valueColor:"#C0C4CC",nameFontSize:14,valueFontSize:16,nameWidth:60,namePadding:[0,20,0,0],...e==null?void 0:e.textStyle},tooltip:{show:!0,formatter:j=>{const z=typeof j=="object"?j.name:j,M=S.find(N=>N.name===z);if(!M)return"";const B=w>0?(M.value/w*100).toFixed(2):0;return`${z}: ${ue(M.value)}${n} (${B}%)`}},...e},u={center:["30%","50%"],radius:["50%","60%"],backgroundRadius:["70%","75%"],imgSize:135,padAngle:5,centerRadius:"40%",...r},_={color:"#06234B",...l},x={color:"#00E4FF",lineWidth:2,shadowBlur:10,radiusFactor:.75,duration:1e4,...p},T={borderWidth:3,shadowBlur:5,gradientOpacity:.3,...i},$={show:!0,...m},k=s;return{backgroundColor:"transparent",tooltip:{show:$.show,trigger:"item",formatter:$.formatter||(j=>j.seriesType!=="pie"||j.name==="分布"?"":`${j.marker}${j.name}: ${ue(j.value)}${n} (${j.percent}%)`)},title:{text:L.text,left:L.left,top:L.top,textAlign:"center",z:15,textStyle:{rich:{val:{fontSize:L.fontSize,fontWeight:L.fontWeight,color:L.color,padding:[0,5,0,0]},arrow:{fontSize:L.arrowFontSize,color:L.arrowColor,fontWeight:"bold"}}}},graphic:[],legend:{show:h.show,orient:"vertical",right:h.right,top:h.top,itemGap:h.itemGap,itemWidth:h.itemWidth,itemHeight:h.itemHeight,icon:"rect",tooltip:h.tooltip,data:S.map((j,z)=>({name:j.name,itemStyle:{color:F[z%F.length]}})),textStyle:{color:h.textStyle.color,fontSize:h.textStyle.fontSize,rich:{name:{color:h.textStyle.nameColor,fontSize:h.textStyle.nameFontSize,padding:h.textStyle.namePadding,width:h.textStyle.nameWidth},val:{color:h.textStyle.valueColor,fontSize:h.textStyle.valueFontSize,fontWeight:"500"}}},formatter:h.formatter||(j=>{const z=S.find(M=>M.name===j);return`{name|数据指标} {val|${ue(z==null?void 0:z.value)}${n}}`})},series:[{type:"pie",radius:u.backgroundRadius,center:u.center,silent:!0,z:0,label:{show:!1},data:[{value:1,itemStyle:{color:_.color}}]},{type:"custom",coordinateSystem:"none",renderItem:(j,z)=>{const M=z.getWidth(),B=z.getHeight(),N=(ne,de)=>typeof ne=="string"&&ne.endsWith("%")?parseFloat(ne)/100*de:ne,W=N(u.center[0],M),A=N(u.center[1],B),te=Math.min(M,B)/2*x.radiusFactor;return{type:"group",x:W,y:A,children:[{type:"arc",shape:{cx:0,cy:0,r:te,startAngle:0,endAngle:Math.PI/2},style:{stroke:new se.graphic.LinearGradient(0,0,0,1,[{offset:0,color:"rgba(0, 228, 255, 0)"},{offset:1,color:x.color}]),fill:"none",lineWidth:x.lineWidth,shadowBlur:x.shadowBlur,shadowColor:x.color}},{type:"arc",shape:{cx:0,cy:0,r:te,startAngle:Math.PI,endAngle:Math.PI*1.5},style:{stroke:new se.graphic.LinearGradient(0,0,0,1,[{offset:0,color:x.color},{offset:1,color:"rgba(0, 228, 255, 0)"}]),fill:"none",lineWidth:x.lineWidth,shadowBlur:x.shadowBlur,shadowColor:x.color}}],keyframeAnimation:{duration:x.duration,loop:!0,keyframes:[{percent:0,rotation:0},{percent:1,rotation:-Math.PI*2}]}}},data:[0],z:1,silent:!0},...s?[{type:"custom",coordinateSystem:"none",renderItem:(j,z)=>{const M=z.getWidth(),B=z.getHeight(),N=(te,ne)=>typeof te=="string"&&te.endsWith("%")?parseFloat(te)/100*ne:te,W=N(u.center[0],M),A=N(u.center[1],B),E=u.imgSize;return{type:"image",style:{image:k,x:W-E/2,y:A-E/2,width:E,height:E}}},data:[0],z:10,silent:!0}]:[{type:"pie",radius:["0%",u.centerRadius],center:u.center,silent:!0,itemStyle:{color:{type:"radial",x:.5,y:.5,r:.5,colorStops:[{offset:0,color:"rgba(0,0,0,0)"},{offset:.8,color:`${y}60`},{offset:1,color:`${y}cc`}]}},data:[{value:1}],label:{show:!1}},{type:"gauge",radius:u.centerRadius,center:u.center,startAngle:90,endAngle:-269.9,splitNumber:1,axisLine:{lineStyle:{color:[[1,y]],width:1,opacity:.5}},splitLine:{show:!1},axisTick:{show:!1},axisLabel:{show:!1},pointer:{show:!1},detail:{show:!1}}],{name:"分布",type:"pie",radius:u.radius,center:u.center,avoidLabelOverlap:!1,padAngle:u.padAngle,itemStyle:{borderRadius:0},label:{show:!1},labelLine:{show:!1},data:S.map((j,z)=>{const M=F[z%F.length];return{...j,itemStyle:{color:new se.graphic.LinearGradient(0,0,0,1,[{offset:0,color:M},{offset:1,color:`rgba(0,0,0,${T.gradientOpacity})`}]),borderColor:M,borderWidth:T.borderWidth,shadowBlur:T.shadowBlur,shadowColor:M}}})}]}},[o,a,c,e,r,l,p,i,m,s,y,n]);return t.jsx("div",{style:{width:"100%",height:"100%",...d},children:t.jsx(Z,{option:v,style:{width:"100%",height:"100%",...b}})})},po=({style:d,chartStyle:b,data:s,colors:o=["#007AFF","#33FFCC"],areaColors:n=["rgba(0, 122, 255, 0.3)","rgba(51, 255, 204, 0.3)"],radarConfig:a,unit:c="",legendConfig:e,tooltipConfig:r,seriesConfig:l})=>{const p=I.useMemo(()=>s||{indicators:[{name:"维度一"},{name:"维度二"},{name:"维度三"},{name:"维度四"},{name:"维度五"},{name:"维度六"}],series:[{name:"标签一",value:[80,90,70,80,70,90]},{name:"标签二",value:[60,70,50,20,10,30]}]},[s]),i=I.useMemo(()=>({backgroundColor:"transparent",tooltip:{show:!0,trigger:"item",confine:!0,backgroundColor:"rgba(0, 20, 40, 0.9)",borderColor:"rgba(100, 180, 255, 0.5)",borderWidth:1,textStyle:{color:"#fff",fontSize:12},formatter:m=>{let y=`<div style="font-weight: 600; margin-bottom: 8px;">${m.marker} ${m.name}</div>`;return p.indicators.forEach((v,S)=>{y+=`<div style="display: flex; justify-content: space-between; gap: 20px;">
|
|
4
4
|
<span>${v.name}</span>
|
|
5
|
-
<span style="font-weight: 600;">${m.value[S]}${
|
|
6
|
-
</div>`}),y},...r},legend:{show:!0,orient:"vertical",top:"center",itemGap:20,icon:"rect",itemWidth:12,itemHeight:12,textStyle:{color:"#fff",fontSize:16,...e==null?void 0:e.textStyle},data:
|
|
5
|
+
<span style="font-weight: 600;">${m.value[S]}${c}</span>
|
|
6
|
+
</div>`}),y},...r},legend:{show:!0,orient:"vertical",top:"center",itemGap:20,icon:"rect",itemWidth:12,itemHeight:12,textStyle:{color:"#fff",fontSize:16,...e==null?void 0:e.textStyle},data:p.series.map(m=>m.name),...e},radar:{center:["40%","50%"],radius:"70%",splitNumber:4,indicator:p.indicators,axisName:{color:"#AAB2BD",fontSize:14,distance:5,...a==null?void 0:a.axisName},splitLine:{lineStyle:{color:(a==null?void 0:a.splitLineColor)||"rgba(255, 255, 255, 0.2)"}},splitArea:{show:!1},axisLine:{lineStyle:{color:(a==null?void 0:a.axisLineColor)||"rgba(255, 255, 255, 0.2)"}},...a},series:[{name:"数据",type:"radar",data:p.series.map((m,y)=>({value:m.value,name:m.name,symbol:(l==null?void 0:l.symbol)||"circle",symbolSize:(l==null?void 0:l.symbolSize)||6,itemStyle:{color:o[y%o.length]},lineStyle:{width:(l==null?void 0:l.lineWidth)||2},areaStyle:{color:n[y%n.length]}}))}]}),[p,o,n,a,e,r,l,c]);return t.jsx("div",{style:{width:"100%",height:"100%",...d},children:t.jsx(Z,{option:i,opts:{renderer:"svg"},style:{width:"100%",height:"100%",...b}})})},uo=({className:d,style:b,chartStyle:s,data:o=[{value:320,name:"1月"},{value:310,name:"2月"},{value:260,name:"3月"},{value:340,name:"4月"},{value:400,name:"5月"},{value:520,name:"6月"}],highlightConfig:n={itemStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:"#00ffff"},{offset:1,color:"rgba(0, 255, 255, 0.1)"}]},shadowColor:"rgba(0, 255, 255, 0.5)",shadowBlur:20}},titleConfig:a={text:"产业统计",textStyle:{color:"#ccc",fontSize:16},left:0,top:0},grid:c={top:"15%",left:"3%",right:"4%",bottom:"3%",containLabel:!0},axisConfig:e={xAxis:{axisLabel:{color:"#fff",fontSize:14,margin:15},axisLine:{lineStyle:{color:"rgba(255, 255, 255, 0.3)"}}},yAxis:{axisLabel:{color:"#ccc"},splitLine:{show:!0,lineStyle:{color:"rgba(255, 255, 255, 0.1)",type:"dashed"}}}},seriesConfig:r={name:"产业统计",barCategoryGap:"-20%",symbol:"path://M0,100 C30,100 40,50 50,0 C60,50 70,100 100,100 Z",itemStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:"#4f8bff"},{offset:1,color:"rgba(79, 139, 255, 0.1)"}]}}},tooltipConfig:l={trigger:"axis",axisPointer:{type:"none"}}})=>{const p=I.useMemo(()=>{var y,v,S,w;let i=n.index;if(i===void 0){let F=-1/0;o.forEach((L,h)=>{L.value>F&&(F=L.value,i=h)})}const m=o.map((F,L)=>L===i?{...F,itemStyle:{...F.itemStyle,...n.itemStyle}}:F);return{backgroundColor:"transparent",title:a,tooltip:l,grid:c,xAxis:{data:m.map(F=>F.name),axisTick:{show:!1},axisLine:(y=e.xAxis)==null?void 0:y.axisLine,axisLabel:(v=e.xAxis)==null?void 0:v.axisLabel},yAxis:{splitLine:(S=e.yAxis)==null?void 0:S.splitLine,axisLabel:(w=e.yAxis)==null?void 0:w.axisLabel},series:[{type:"pictorialBar",z:10,data:m,...r}]}},[o,a,c,e,r,l,n]);return t.jsx("div",{className:d,style:{width:"100%",height:"100%",...b},children:t.jsx(Z,{option:p,style:{width:"100%",height:"100%",...s}})})},mo=({style:d,chartStyle:b,data:s={categories:["2016","2017","2018","2019","2020"],values:[2600,3100,3e3,3300,3800]},unit:o="单位",colors:n,axisConfig:a,grid:c,yAxisLeft:e,yAxisRight:r,yAxisRange:l,tooltipConfig:p,axisPointerConfig:i,barConfig:m,topConfig:y,yAxisVisibility:v,titleConfig:S})=>{const w=I.useMemo(()=>{const L={...{barTop:"#00eaff",barBottomFrom:"rgba(0, 234, 255, 0.8)",barBottomTo:"rgba(0, 40, 100, 0.2)"},...n},h=(m==null?void 0:m.width)??30,u=(l==null?void 0:l.roundTo)??1e3,_=(l==null?void 0:l.autoRound)??!0,x=Math.max(...s.values),T=(l==null?void 0:l.min)??0,$=(l==null?void 0:l.max)??(_?Math.ceil(x/u)*u:x);return{backgroundColor:"transparent",title:S,grid:{top:(c==null?void 0:c.top)??"15%",left:(c==null?void 0:c.left)??"5%",right:(c==null?void 0:c.right)??"8%",bottom:(c==null?void 0:c.bottom)??"10%",containLabel:(c==null?void 0:c.containLabel)??!0},tooltip:{trigger:"axis",axisPointer:{type:"shadow",...i},formatter:(p==null?void 0:p.formatter)||(k=>{const j=k.find(z=>z.seriesName==="body");return j?`${j.name}<br/>${j.marker} 数值: ${ue(j.value)} ${o}`:""}),...p},xAxis:{data:s.categories,axisLine:{lineStyle:{color:(a==null?void 0:a.xAxisLineColor)||"#3d5269"}},axisLabel:{color:(a==null?void 0:a.xAxisLabelColor)??"#fff",fontSize:(a==null?void 0:a.xAxisLabelFontSize)??14,margin:(a==null?void 0:a.xAxisLabelMargin)??20},axisTick:{show:!1}},yAxis:[{show:(v==null?void 0:v.left)??!0,type:"value",min:T,max:$,name:o,nameTextStyle:{color:(e==null?void 0:e.labelColor)??(a==null?void 0:a.yAxisLabelColor)??"#fff",fontSize:(e==null?void 0:e.labelFontSize)??14,padding:(e==null?void 0:e.namePadding)??[0,0,0,20],align:(e==null?void 0:e.nameAlign)??"right"},axisLine:{show:(e==null?void 0:e.axisLineShow)??(a==null?void 0:a.yAxisLineShow)??!0,lineStyle:{color:(e==null?void 0:e.axisLineColor)??(a==null?void 0:a.yAxisLineColor)??"#3d5269"}},axisTick:{show:!1},splitLine:{show:(e==null?void 0:e.splitLineShow)??!0,lineStyle:{color:(e==null?void 0:e.splitLineColor)??(a==null?void 0:a.splitLineColor)??"rgba(255, 255, 255, 0.1)"}},axisLabel:{color:(e==null?void 0:e.labelColor)??(a==null?void 0:a.yAxisLabelColor)??"#fff",fontSize:(e==null?void 0:e.labelFontSize)??14,margin:(e==null?void 0:e.labelMargin)??12,formatter:k=>e!=null&&e.formatter?e.formatter(k):k.toLocaleString()}},{show:(v==null?void 0:v.right)??!0,type:"value",position:"right",min:T,max:$,name:o,nameTextStyle:{color:(r==null?void 0:r.labelColor)??(a==null?void 0:a.yAxisLabelColor)??"#fff",fontSize:(r==null?void 0:r.labelFontSize)??14,padding:(r==null?void 0:r.namePadding)??[0,0,0,-20],align:(r==null?void 0:r.nameAlign)??"left"},axisLine:{show:(r==null?void 0:r.axisLineShow)??(a==null?void 0:a.yAxisLineShow)??!0,lineStyle:{color:(r==null?void 0:r.axisLineColor)??(a==null?void 0:a.yAxisLineColor)??"#3d5269"}},axisTick:{show:!1},splitLine:{show:(r==null?void 0:r.splitLineShow)??!1},axisLabel:{color:(r==null?void 0:r.labelColor)??(a==null?void 0:a.yAxisLabelColor)??"#fff",fontSize:(r==null?void 0:r.labelFontSize)??14,margin:(r==null?void 0:r.labelMargin)??12,formatter:k=>r!=null&&r.formatter?r.formatter(k):k.toLocaleString()}}],series:[{name:"body",type:"bar",barWidth:h,itemStyle:{color:new se.graphic.LinearGradient(0,0,0,1,[{offset:0,color:L.barBottomFrom},{offset:1,color:L.barBottomTo}])},data:s.values},{z:12,name:"top",type:"pictorialBar",symbol:"diamond",symbolPosition:"end",symbolSize:(y==null?void 0:y.symbolSize)??[h,h*.5],symbolOffset:(y==null?void 0:y.symbolOffset)??[0,"-50%"],itemStyle:{color:(y==null?void 0:y.color)??L.barTop,borderWidth:0,shadowColor:(y==null?void 0:y.color)??L.barTop,shadowBlur:(y==null?void 0:y.shadowBlur)??5},data:s.values}]}},[n,m==null?void 0:m.width,l==null?void 0:l.roundTo,l==null?void 0:l.autoRound,l==null?void 0:l.min,l==null?void 0:l.max,s.values,s.categories,S,c==null?void 0:c.top,c==null?void 0:c.left,c==null?void 0:c.right,c==null?void 0:c.bottom,c==null?void 0:c.containLabel,i,p,a==null?void 0:a.xAxisLineColor,a==null?void 0:a.xAxisLabelColor,a==null?void 0:a.xAxisLabelFontSize,a==null?void 0:a.xAxisLabelMargin,a==null?void 0:a.yAxisLabelColor,a==null?void 0:a.yAxisLineShow,a==null?void 0:a.yAxisLineColor,a==null?void 0:a.splitLineColor,v==null?void 0:v.left,v==null?void 0:v.right,o,e,r,y==null?void 0:y.symbolSize,y==null?void 0:y.symbolOffset,y==null?void 0:y.color,y==null?void 0:y.shadowBlur]);return t.jsx("div",{style:{width:"100%",height:"100%",...d},children:t.jsx(Z,{option:w,style:{width:"100%",height:"100%",...b}})})},yo="_container_19kgl_1",bo="_cardList_19kgl_9",vo="_itemWrapper_19kgl_18",So="_card_19kgl_9",xo="_chamferAccent_19kgl_65",wo="_iconWrapper_19kgl_77",_o="_icon_19kgl_77",Lo="_title_19kgl_113",jo="_desc_19kgl_120",ko="_platformWrapper_19kgl_127",zo="_platformTop_19kgl_141",$o="_platformFront_19kgl_160",Be={container:yo,cardList:bo,itemWrapper:vo,card:So,chamferAccent:xo,iconWrapper:wo,icon:_o,title:Lo,desc:jo,platformWrapper:ko,platformTop:zo,platformFront:$o},Fo=({className:d,style:b,data:s=[{title:"数据1",desc:`功能介绍功能介绍
|
|
7
7
|
功能介绍功能介绍`,icon:"./icons/components/nav_plane_icon.png"},{title:"数据2",desc:`功能介绍功能介绍
|
|
8
8
|
功能介绍功能介绍`,icon:"./icons/components/nav_plane_icon.png"},{title:"数据3",desc:`功能介绍功能介绍
|
|
9
9
|
功能介绍功能介绍`,icon:"./icons/components/nav_plane_icon.png"},{title:"数据4",desc:`功能介绍功能介绍
|
|
10
10
|
功能介绍功能介绍`,icon:"./icons/components/nav_plane_icon.png"},{title:"数据5",desc:`功能介绍功能介绍
|
|
11
|
-
功能介绍功能介绍`,icon:"./icons/components/nav_plane_icon.png"}],cardConfig:o,accentConfig:c,iconConfig:a,titleConfig:n,descConfig:e,platformConfig:r})=>{const l=u=>u%2===0?40:0;return t.jsxs("div",{className:`${Be.container} ${i||""}`,style:b,children:[t.jsx("div",{className:Be.cardList,children:s.map((u,h)=>t.jsxs("div",{className:Be.itemWrapper,style:{width:o==null?void 0:o.width,height:o==null?void 0:o.height,marginTop:l(h)},children:[(c==null?void 0:c.show)!==!1&&t.jsx("div",{className:Be.chamferAccent,style:{backgroundColor:c==null?void 0:c.color,width:c==null?void 0:c.size,height:c==null?void 0:c.size}}),t.jsxs("div",{className:Be.card,style:{background:o==null?void 0:o.background,border:o==null?void 0:o.border},children:[t.jsx("div",{className:Be.iconWrapper,style:{backgroundImage:a!=null&&a.bgImage?`url(${a.bgImage})`:void 0,width:a!=null&&a.size?parseFloat(a.size)*1.5:void 0,height:a!=null&&a.size?parseFloat(a.size)*1.5:void 0},children:t.jsx("img",{src:u.icon||"./icons/components/icon_plane.png",alt:"icon",className:Be.icon,style:{width:a==null?void 0:a.size,height:a==null?void 0:a.size}})}),t.jsx("div",{className:Be.title,style:{fontSize:n==null?void 0:n.fontSize,color:n==null?void 0:n.color},children:u.title}),t.jsx("div",{className:Be.desc,style:{fontSize:e==null?void 0:e.fontSize,color:e==null?void 0:e.color,whiteSpace:"pre-wrap"},children:u.desc})]})]},h))}),(r==null?void 0:r.show)!==!1&&t.jsxs("div",{className:Be.platformWrapper,children:[t.jsx("div",{className:Be.platformTop}),t.jsx("div",{className:Be.platformFront})]})]})},Mo=({className:i,style:b,title:s,icon:o,color:c="blue",data:a=[{label:"检测时间",value:"2025-05-15 15:00:26"},{label:"检测指标",value:"2.25km"},{label:"检测指标",value:"2.25km"}],themeConfig:n,backgroundConfig:e,headerConfig:r,iconConfig:l,listConfig:u})=>{const y={...{blue:{border:"#1c61af",bg:"url(/icons/components/card_34_bg.png)",headerBg:"transparent",iconBg:"rgba(0, 100, 255, 0.2)",iconBorder:"#1c61af",titleColor:"#fff",labelColor:"#b0c4de",valueColor:"#fff",filter:void 0},purple:{border:"#7c4dff",bg:"url(/icons/components/card_34_bg.png)",headerBg:"transparent",iconBg:"rgba(124, 77, 255, 0.2)",iconBorder:"#7c4dff",titleColor:"#fff",labelColor:"#d1c4e9",valueColor:"#fff",filter:"hue-rotate(45deg)"}}[c],...n},v={image:y.bg,filter:y.filter,...e},S={height:"40px",background:y.headerBg,borderBottom:`1px solid ${y.border}`,...r,title:{text:s||"标题1",color:y.titleColor,fontSize:"16px",fontWeight:"bold",textShadow:"0 0 5px rgba(0,0,0,0.5)",...r==null?void 0:r.title}},x={show:!0,src:o||"./icons/components/card_34_icon.png",width:"80px",height:"80px",backgroundColor:y.iconBg,border:`1px solid ${y.iconBorder}`,filter:y.filter,...l},L={gap:"8px",labelWidth:"80px",labelColor:y.labelColor,valueColor:y.valueColor,fontSize:"14px",lineHeight:"1.5",...u};return t.jsxs("div",{className:i,style:{width:"100%",position:"relative",...b},children:[t.jsx("div",{style:{position:"absolute",top:0,left:0,width:"100%",height:"100%",backgroundImage:v.image,backgroundColor:v.color,backgroundSize:"100% 100%",backgroundRepeat:"no-repeat",filter:v.filter,zIndex:0,...v.style}}),t.jsxs("div",{style:{position:"relative",zIndex:1},children:[t.jsx("div",{style:{width:"100%",height:S.height,background:S.background,display:"flex",alignItems:"center",padding:"0 15px",boxSizing:"border-box",borderBottom:S.borderBottom,position:"relative",overflow:"hidden",...S.style},children:t.jsx("span",{style:{color:S.title.color,fontWeight:S.title.fontWeight,fontSize:S.title.fontSize,textShadow:S.title.textShadow,zIndex:1,...S.title.style},children:S.title.text})}),t.jsxs("div",{style:{display:"flex",padding:"15px",gap:"15px",alignItems:"center"},children:[x.show&&t.jsx("div",{style:{width:x.width,height:x.height,backgroundColor:x.backgroundColor,border:x.border,display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,...x.style},children:t.jsx("img",{src:x.src,alt:"icon",style:{width:"60%",height:"60%",objectFit:"contain",filter:x.filter,...x.imageStyle}})}),t.jsx("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:L.gap,...L.style},children:a.map((k,p)=>t.jsxs("div",{style:{display:"flex",fontSize:L.fontSize,lineHeight:L.lineHeight,...L.itemStyle},children:[t.jsxs("span",{style:{color:L.labelColor,width:L.labelWidth,textAlign:"right",marginRight:"10px",...L.labelStyle},children:[k.label,":"]}),t.jsx("span",{style:{color:L.valueColor,...L.valueStyle},children:k.value})]},p))})]})]})]})},To=({style:i,chartStyle:b,data:s={categories:["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"],series1:[15,25,20,35,45,28,25,40,25,20,30,20],series2:[300,400,500,700,600,300,250,900,1100,900,600,800]},colors:o={series1:["rgba(200, 200, 200, 0.5)","rgba(200, 200, 200, 0.0)"],series2:["rgba(30, 144, 255, 0.6)","rgba(30, 144, 255, 0.0)"],line1:"#a0a0a0",line2:"#1e90ff"},units:c=["",""],legendConfig:a={show:!0,names:["数据项1","数据项2"],icon:"rect",itemWidth:12,itemHeight:12,itemGap:20,top:"5%"},grid:n={top:"15%",left:"5%",right:"8%",bottom:"10%",containLabel:!0},tooltipConfig:e={trigger:"axis",backgroundColor:"rgba(0,0,0,0.7)",borderColor:"#333",textStyle:{color:"#fff"}},axisConfig:r={xAxisLineColor:"#3d5269",xAxisLabelColor:"#8c9fad",xAxisLabelFontSize:12,xAxisLabelMargin:15,yAxisLabelColor:"#8c9fad",yAxisLabelFontSize:12,yAxisNameColor:"#8c9fad",splitLineColor:"rgba(255,255,255,0.1)",splitLineType:"dashed"},lineConfig:l={width:2,symbol:"circle",symbolSize:8,smooth:!0}})=>{const u=I.useMemo(()=>{var h,m;return{backgroundColor:"transparent",tooltip:{trigger:e.trigger,axisPointer:{type:"line",lineStyle:{color:"rgba(255,255,255,0.3)",type:"dashed"}},backgroundColor:e.backgroundColor,borderColor:e.borderColor,textStyle:e.textStyle,...e},legend:{show:a.show,top:a.top,icon:a.icon,itemWidth:a.itemWidth,itemHeight:a.itemHeight,itemGap:a.itemGap,textStyle:{color:"#8c9fad",fontSize:12,...a.textStyle},data:a.names},grid:n,xAxis:{type:"category",data:s.categories,axisLine:{lineStyle:{color:r.xAxisLineColor}},axisLabel:{color:r.xAxisLabelColor,fontSize:r.xAxisLabelFontSize,margin:r.xAxisLabelMargin},axisTick:{show:!1},boundaryGap:!1},yAxis:[{type:"value",name:c[0],nameTextStyle:{color:r.yAxisNameColor,padding:[0,0,0,-20]},axisLabel:{color:r.yAxisLabelColor,fontSize:r.yAxisLabelFontSize},splitLine:{show:!0,lineStyle:{color:r.splitLineColor,type:r.splitLineType}},axisLine:{show:!1},axisTick:{show:!1}},{type:"value",name:c[1],nameTextStyle:{color:r.yAxisNameColor,padding:[0,0,0,20]},axisLabel:{color:r.yAxisLabelColor,fontSize:r.yAxisLabelFontSize},splitLine:{show:!1},axisLine:{show:!1},axisTick:{show:!1}}],series:[{name:((h=a.names)==null?void 0:h[0])??"Series 1",type:"line",yAxisIndex:0,smooth:l.smooth,showSymbol:!1,symbol:l.symbol,symbolSize:l.symbolSize,lineStyle:{color:o.line1,width:l.width},areaStyle:{color:new se.graphic.LinearGradient(0,0,0,1,[{offset:0,color:o.series1[0]},{offset:1,color:o.series1[1]}])},data:s.series1},{name:((m=a.names)==null?void 0:m[1])??"Series 2",type:"line",yAxisIndex:1,smooth:l.smooth,showSymbol:!1,symbol:l.symbol,symbolSize:l.symbolSize,lineStyle:{color:o.line2,width:l.width},areaStyle:{color:new se.graphic.LinearGradient(0,0,0,1,[{offset:0,color:o.series2[0]},{offset:1,color:o.series2[1]}])},data:s.series2}]}},[s,o,c,a,n,e,r,l]);return t.jsx("div",{style:{width:"100%",height:"100%",...i},children:t.jsx(Z,{option:u,style:{width:"100%",height:"100%",...b}})})},Io="_container_1aq8g_1",Wo="_bottomLine_1aq8g_10",Bo="_decorationDots_1aq8g_18",No="_dot_1aq8g_28",Po="_title_1aq8g_34",Do="_icon_1aq8g_41",Ao="_tabs_1aq8g_50",Eo="_tabItem_1aq8g_55",Ro="_active_1aq8g_67",Oo="_activeLine_1aq8g_71",He={container:Io,bottomLine:Wo,decorationDots:Bo,dot:No,title:Po,icon:Do,tabs:Ao,tabItem:Eo,active:Ro,activeLine:Oo},Ho=({className:i,style:b,titleConfig:s,tabs:o,defaultActiveTab:c,onTabChange:a,tabConfig:n,backgroundConfig:e,bottomLineConfig:r})=>{var L,k,p;const l=o||[{label:"本月",value:"month"},{label:"本年",value:"year"}],[u,h]=I.useState(c||(l.length>0?l[0].value:"")),m=d=>{h(d),a&&a(d)},y=(s==null?void 0:s.text)||"可视化数据",v=e==null?void 0:e.image,S=r==null?void 0:r.color,x=(r==null?void 0:r.show)!==!1&&!v;return t.jsxs("div",{className:`${He.container} ${i||""}`,style:{background:v?`url(${v}) no-repeat center center / 100% 100%`:(e==null?void 0:e.color)||"rgba(0, 20, 50, 0.8)",...e==null?void 0:e.style,...b},children:[x&&t.jsx("div",{className:He.bottomLine,style:{background:S,...r==null?void 0:r.style},children:((L=r==null?void 0:r.decorationDots)==null?void 0:L.show)!==!1&&t.jsx("div",{className:He.decorationDots,style:{...(k=r==null?void 0:r.decorationDots)==null?void 0:k.style},children:[...Array(((p=r==null?void 0:r.decorationDots)==null?void 0:p.count)||5)].map((d,_)=>t.jsx("div",{className:He.dot},_))})}),t.jsxs("div",{className:He.title,style:{...s==null?void 0:s.style},children:[(s==null?void 0:s.showIcon)!==!1&&t.jsx("span",{className:He.icon,style:{...s==null?void 0:s.iconStyle}}),y]}),t.jsx("div",{className:He.tabs,style:{...n==null?void 0:n.containerStyle},children:l.map(d=>{const _=u===d.value;return t.jsxs("div",{onClick:()=>m(d.value),className:`${He.tabItem} ${_?He.active:""}`,style:{...n==null?void 0:n.itemStyle,..._?n==null?void 0:n.activeItemStyle:n==null?void 0:n.inactiveItemStyle},children:[d.label,_&&t.jsx("div",{className:He.activeLine,style:{...n==null?void 0:n.activeLineStyle}})]},d.value)})})]})},qo=({style:i,chartStyle:b,data:s={categories:["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"],series:[{name:"蓝线",values:[70,85,60,75,68,88,80,92,78,90,68,98],color:"rgba(0, 121, 233, 1)"},{name:"绿线",values:[65,62,70,58,66,54,68,64,72,60,70,66],color:"rgba(103, 242, 252, 1)"}]},areaGradients:o=[{from:"rgba(59, 188, 255, 0.25)",to:"rgba(59, 188, 255, 0.0)"},{from:"rgba(57, 209, 161, 0.25)",to:"rgba(57, 209, 161, 0.0)"}],unit:c="",rightUnit:a,grid:n,axisConfig:e,tooltipConfig:r,lineConfig:l,legendConfig:u,customLegend:h})=>{const m=I.useRef(null),y=(p,d)=>p.reduce((_,w)=>(_[w.name]=(d==null?void 0:d[w.name])??!0,_),{}),[v,S]=I.useState(()=>y(s.series));I.useEffect(()=>{S(p=>{const d=y(s.series,p),_=Object.keys(p),w=Object.keys(d);return _.length===w.length&&w.every(z=>p[z]===d[z])?p:d})},[s.series]);const x=I.useMemo(()=>{var z,j;const p=!!a,d=$=>s.series.some((T,M)=>(p?(T.yAxisIndex??M)===$:$===0)&&v[T.name]!==!1),_=d(0),w=p&&d(1),F=s.series.map(($,T)=>{const M=$.color||(T===0?"rgba(0, 121, 233, 1)":"rgba(103, 242, 252, 1)"),B=o[T%o.length],N={name:$.name,type:"line",smooth:(l==null?void 0:l.smooth)??!0,symbol:"none",lineStyle:{color:M,width:(l==null?void 0:l.width)??2,shadowColor:M,shadowBlur:(l==null?void 0:l.shadowBlur)??10},areaStyle:{color:new se.graphic.LinearGradient(0,0,0,1,[{offset:0,color:B.from},{offset:1,color:B.to}])},data:$.values,z:3};return p?{...N,yAxisIndex:$.yAxisIndex??T}:N});return{backgroundColor:"transparent",legend:{show:h?!1:(u==null?void 0:u.show)??!0,top:(u==null?void 0:u.top)??"5%",left:(u==null?void 0:u.left)??"center",right:u==null?void 0:u.right,itemWidth:(u==null?void 0:u.itemWidth)??25,itemHeight:(u==null?void 0:u.itemHeight)??14,itemGap:(u==null?void 0:u.itemGap)??20,selectedMode:(u==null?void 0:u.selectedMode)??!0,selected:v,textStyle:{color:((z=u==null?void 0:u.textStyle)==null?void 0:z.color)??"rgba(255,255,255,0.8)",fontSize:((j=u==null?void 0:u.textStyle)==null?void 0:j.fontSize)??12},data:s.series.map(($,T)=>({name:$.name,itemStyle:{color:$.color||(T===0?"#3bbcff":"#39d1a1")}}))},grid:{top:"12%",left:"6%",right:"6%",bottom:"10%",containLabel:!0,...n},tooltip:{trigger:"axis",confine:!0,formatter:$=>{var B;const T=((B=$[0])==null?void 0:B.axisValueLabel)??"",M=$.map(N=>{var E;const W=((E=s.series[N.seriesIndex])==null?void 0:E.yAxisIndex)??N.seriesIndex,A=p&&W===1?a:c;return`${N.marker} ${N.seriesName}: ${ue(N.data)}${A??""}`}).join("<br/>");return`${T}<br/>${M}`},...r},xAxis:{type:"category",boundaryGap:!0,data:s.categories,axisLine:{show:(e==null?void 0:e.xAxisLineShow)??!1,lineStyle:{color:(e==null?void 0:e.xAxisLineColor)||"rgba(255,255,255,1)",width:1}},axisLabel:{color:(e==null?void 0:e.xAxisLabelColor)||"rgba(255,255,255,0.8)",fontSize:(e==null?void 0:e.xAxisLabelFontSize)||12,margin:14},axisTick:{show:!1}},yAxis:p?[{type:"value",show:_,name:c,position:"left",scale:!0,nameTextStyle:{color:(e==null?void 0:e.yAxisLabelColor)||"rgba(255,255,255,0.8)",fontSize:(e==null?void 0:e.yAxisLabelFontSize)||12,padding:(e==null?void 0:e.yAxisLabelLeftPsdding)??[0,0,0,10]},axisLine:{show:(e==null?void 0:e.yAxisLineShow)??!1,lineStyle:{color:(e==null?void 0:e.yAxisLineColor)||"rgba(255,255,255,1)",width:1}},splitLine:{show:!0,lineStyle:{type:(e==null?void 0:e.splitLineType)||"dashed",color:(e==null?void 0:e.splitLineColor)||"rgba(120, 180, 255, 0.25)",width:(e==null?void 0:e.splitLineWidth)||1}},axisLabel:{color:(e==null?void 0:e.yAxisLabelColor)||"rgba(255,255,255,0.8)",fontSize:(e==null?void 0:e.yAxisLabelFontSize)||12}},{type:"value",show:w,name:a,position:"right",scale:!0,nameTextStyle:{color:(e==null?void 0:e.yAxisLabelColor)||"rgba(255,255,255,0.8)",fontSize:(e==null?void 0:e.yAxisLabelFontSize)||12,padding:(e==null?void 0:e.yAxisLabelRightPsdding)??[0,10,0,0]},axisLine:{show:(e==null?void 0:e.yAxisLineShow)??!1,lineStyle:{color:(e==null?void 0:e.yAxisLineColor)||"rgba(255,255,255,1)",width:1}},splitLine:{show:!1},axisLabel:{color:(e==null?void 0:e.yAxisLabelColor)||"rgba(255,255,255,0.8)",fontSize:(e==null?void 0:e.yAxisLabelFontSize)||12}}]:{type:"value",show:_,name:c,scale:!0,nameTextStyle:{color:(e==null?void 0:e.yAxisLabelColor)||"rgba(255,255,255,0.8)",fontSize:(e==null?void 0:e.yAxisLabelFontSize)||12,padding:(e==null?void 0:e.yAxisLabelLeftPsdding)??[0,0,0,-20]},axisLine:{show:(e==null?void 0:e.yAxisLineShow)??!1,lineStyle:{color:(e==null?void 0:e.yAxisLineColor)||"rgba(255,255,255,1)",width:1}},splitLine:{show:!0,lineStyle:{type:(e==null?void 0:e.splitLineType)||"dashed",color:(e==null?void 0:e.splitLineColor)||"rgba(120, 180, 255, 0.25)",width:(e==null?void 0:e.splitLineWidth)||1}},axisLabel:{color:(e==null?void 0:e.yAxisLabelColor)||"rgba(255,255,255,0.8)",fontSize:(e==null?void 0:e.yAxisLabelFontSize)||12}},series:F}},[s,o,n,e,r,c,l,a,u,h,v]),L=I.useMemo(()=>{if(typeof h!="function")return h;const p=(d,_)=>d.color||(_===0?"#3bbcff":"#39d1a1");return h({selected:v,series:s.series.map((d,_)=>({...d,color:p(d,_),selected:v[d.name]??!0})),toggleLegend:d=>{S(_=>{const w=!(_[d]??!0);return{..._,[d]:w}})}})},[h,s.series,v]),k=I.useMemo(()=>({legendselectchanged:p=>{S(p.selected)}}),[]);return t.jsxs("div",{style:{width:"100%",height:"100%",...i},children:[L,t.jsx(Z,{ref:m,option:x,style:{width:"100%",height:"100%",...b},onEvents:k})]})},Go=({style:i,chartStyle:b,data:s={categories:["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月"],values:[20,30,45,40,60,120,240,300,260,200]},lineColor:o="#3bbcff",areaGradient:c={from:"rgba(59, 188, 255, 0.35)",to:"rgba(59, 188, 255, 0.0)"},pointStyle:a={size:8,borderWidth:2,borderColor:"#3bbcff",innerColor:"#ffffff"},grid:n,axisConfig:e,tooltipConfig:r})=>{const l=I.useMemo(()=>{const u=[{name:"数据",type:"line",smooth:!0,symbol:"circle",symbolSize:a.size??8,itemStyle:{color:a.innerColor??"#ffffff",borderColor:a.borderColor??o,borderWidth:a.borderWidth??2},lineStyle:{color:o,width:2},areaStyle:{color:new se.graphic.LinearGradient(0,0,0,1,[{offset:0,color:c.from},{offset:1,color:c.to}])},data:s.values}];return{backgroundColor:"transparent",grid:{top:"12%",left:"6%",right:"6%",bottom:"10%",containLabel:!0,...n},tooltip:{trigger:"axis",confine:!0,formatter:h=>{const m=h[0];return`${m.axisValueLabel}<br/>${m.marker} ${m.seriesName}: ${ue(m.data)}`},...r},xAxis:{type:"category",boundaryGap:!1,data:s.categories,axisLine:{show:!0,lineStyle:{color:(e==null?void 0:e.xAxisLineColor)||"rgba(255,255,255,0.5)",width:1}},axisLabel:{color:(e==null?void 0:e.xAxisLabelColor)||"rgba(255,255,255,0.8)",fontSize:(e==null?void 0:e.xAxisLabelFontSize)||12,margin:14},axisTick:{show:!1}},yAxis:{type:"value",splitLine:{show:!0,lineStyle:{color:(e==null?void 0:e.splitLineColor)||"rgba(120, 180, 255, 0.25)",width:(e==null?void 0:e.splitLineWidth)||2}},axisLabel:{color:(e==null?void 0:e.yAxisLabelColor)||"rgba(255,255,255,0.8)",fontSize:(e==null?void 0:e.yAxisLabelFontSize)||12}},series:u}},[s,o,c,a,n,e,r]);return t.jsx("div",{style:{width:"100%",height:"100%",...i},children:t.jsx(Z,{option:l,style:{width:"100%",height:"100%",...b}})})},Vo="_container_vytud_1",Xo="_title_vytud_5",Yo="_barContainer_vytud_10",Uo="_filledBar_vytud_18",Zo="_percentageText_vytud_26",Ko="_knob_vytud_34",ut={container:Vo,title:Xo,barContainer:Yo,filledBar:Uo,percentageText:Zo,knob:Ko},Qo=({className:i,style:b,titleConfig:s,barConfig:o,textConfig:c,value:a=45,total:n,color:e="#00ffff",data:r})=>{const l=r||[{name:(s==null?void 0:s.text)||"数据1（人）",value:a,total:n,color:e}],u=l.reduce((h,m)=>h+m.value,0);return t.jsx("div",{className:`${ut.container} ${i||""}`,style:{display:"flex",flexDirection:"column",gap:20,...b},children:l.map((h,m)=>{const y=h.color||e,v=h.total!==void 0?h.total:n!==void 0?n:u,S=h.value,x=v&&v>0?Math.min(100,Math.max(0,S/v*100)):S>0?100:0;return t.jsxs("div",{style:{width:"100%"},children:[t.jsx("div",{className:ut.title,style:{color:y,textShadow:`0 0 5px ${y}`,...s==null?void 0:s.style},children:h.name}),t.jsx("div",{className:ut.barContainer,style:{border:`1px solid ${y}40`,backgroundColor:`${y}10`,...o==null?void 0:o.containerStyle},children:t.jsxs("div",{className:ut.filledBar,style:{width:`${x}%`,background:`linear-gradient(90deg, ${y}20 0%, ${y} 100%)`,...o==null?void 0:o.filledStyle},children:[(c==null?void 0:c.show)!==!1&&t.jsx("span",{className:ut.percentageText,style:c==null?void 0:c.style,children:c!=null&&c.formatter?c.formatter(S,v,x):`${x.toFixed(0)}%`}),(o==null?void 0:o.showKnob)!==!1&&t.jsx("div",{className:ut.knob,style:{boxShadow:`0 0 15px ${y}, 0 0 5px ${y}`,...o==null?void 0:o.knobStyle}})]})})]},m)})})},Jo="_container_1shdn_1",fo="_leftSection_1shdn_14",go="_iconWrapper_1shdn_21",Co="_fallbackIcon_1shdn_34",el="_label_1shdn_41",tl="_rightSection_1shdn_45",rl="_title_1shdn_53",al="_valueWrapper_1shdn_58",sl="_value_1shdn_58",ol="_unit_1shdn_69",qe={container:Jo,leftSection:fo,iconWrapper:go,fallbackIcon:Co,label:el,rightSection:tl,title:rl,valueWrapper:al,value:sl,unit:ol},ll=({style:i,backgroundConfig:b,iconConfig:s,labelConfig:o,titleConfig:c,valueConfig:a,unitConfig:n})=>{const e=b==null?void 0:b.image,r=s==null?void 0:s.image,l=(o==null?void 0:o.text)||"导航",u=(c==null?void 0:c.text)||"今日剩余问题",h=(a==null?void 0:a.value)??20,m=(n==null?void 0:n.text)||"个";return t.jsxs("div",{className:`${qe.container}`,style:{backgroundImage:e?`url(${e})`:void 0,backgroundColor:e?void 0:(b==null?void 0:b.color)||"rgba(0, 50, 150, 0.2)",border:e?void 0:"1px solid #1c61af",...b==null?void 0:b.style,...i},children:[t.jsxs("div",{className:qe.leftSection,style:s==null?void 0:s.containerStyle,children:[t.jsx("div",{className:qe.iconWrapper,style:s==null?void 0:s.imageWrapperStyle,children:r?t.jsx("img",{src:r,alt:"icon",style:s==null?void 0:s.imageStyle}):t.jsx("div",{className:qe.fallbackIcon,style:s==null?void 0:s.fallbackStyle})}),t.jsx("span",{className:qe.label,style:o==null?void 0:o.style,children:l})]}),t.jsxs("div",{className:qe.rightSection,children:[t.jsx("span",{className:qe.title,style:c==null?void 0:c.style,children:u}),t.jsxs("div",{className:qe.valueWrapper,children:[t.jsx("span",{className:qe.value,style:a==null?void 0:a.style,children:h}),t.jsx("span",{className:qe.unit,style:n==null?void 0:n.style,children:m})]})]})]})},cl=({className:i,style:b,chartStyle:s,data:o,colors:c,trackColor:a="#242633",barCategoryGap:n="80%",roundCap:e=!0,angleAxisConfig:r,polarConfig:l,labelConfig:u,legendConfig:h,tooltipConfig:m})=>{const y=I.useRef(null),v=I.useMemo(()=>o||[{value:18,name:"标签四"},{value:92,name:"标签三"},{value:89,name:"标签二"},{value:93,name:"标签一"}],[o]),S=I.useMemo(()=>c||["#33FF99","#00FFCC","#3399FF","#007AFF"],[c]),x=I.useMemo(()=>{var j,$,T,M,B;const L={max:133.33,startAngle:225,clockwise:!0,...r},k={radius:["28%","100%"],center:["38%","50%"],...l},p={show:!1,position:"outside",formatter:"{c}%",color:"#fff",fontSize:14,fontWeight:"bold",distance:5,...u},d={show:!0,orient:"vertical",right:"5%",top:"center",itemGap:20,icon:"rect",itemWidth:12,itemHeight:12,...h},_={color:"#AAB2BD",fontSize:16,width:80,padding:[0,0,0,5],...($=(j=h==null?void 0:h.textStyle)==null?void 0:j.rich)==null?void 0:$.name},w={color:"#fff",fontSize:20,fontWeight:"bold",...(M=(T=h==null?void 0:h.textStyle)==null?void 0:T.rich)==null?void 0:M.value},F={...h==null?void 0:h.textStyle,rich:{name:_,value:w,...(B=h==null?void 0:h.textStyle)==null?void 0:B.rich}};return{backgroundColor:"transparent",tooltip:{show:!0,trigger:"item",...m},angleAxis:{...L,axisLine:{show:!1},axisTick:{show:!1},axisLabel:{show:!1},splitLine:{show:!1}},radiusAxis:{type:"category",data:v.map(N=>N.name),z:10,axisLine:{show:!1},axisTick:{show:!1},axisLabel:{show:!1},splitLine:{show:!1}},polar:k,series:[{type:"bar",data:v.map(()=>100),coordinateSystem:"polar",barGap:"-100%",barCategoryGap:n,z:0,roundCap:e,silent:!0,itemStyle:{color:a,borderRadius:999}},...v.map((N,W)=>({type:"bar",name:N.name,coordinateSystem:"polar",barGap:"-100%",barCategoryGap:n,roundCap:e,z:2,data:v.map((A,E)=>E===W?N.value:"-"),itemStyle:{color:S[W%S.length],borderRadius:999},label:p}))],legend:{...d,data:[...v].reverse().map(N=>{const W=v.indexOf(N);return{name:N.name,itemStyle:{color:S[W%S.length]}}}),textStyle:F,formatter:(h==null?void 0:h.formatter)||(N=>{const W=v.find(A=>A.name===N);return`{name|${N}}{value|${(W==null?void 0:W.value)||0}%}`})}}},[v,S,a,n,e,r,l,u,h,m]);return t.jsx("div",{className:i,style:{width:"100%",height:"100%",...b},children:t.jsx(Z,{ref:y,option:x,style:{width:"100%",height:"100%",...s}})})},nl=({style:i,chartStyle:b,data:s={categories:["1月","2月","3月","4月","5月"],series:[{name:"系列1",data:[34,28,30,15,30]},{name:"系列2",data:[42,43,36,33,38]}]},unit:o="千KW",colors:c=["#0055FF","#00DDDD"],grid:a,legendConfig:n,tooltipConfig:e})=>{const r=I.useMemo(()=>{const l=s.series.flatMap((u,h)=>{const m=c[h%c.length];return[{name:u.name,type:"bar",data:u.data,barWidth:15,itemStyle:{color:new se.graphic.LinearGradient(0,0,0,1,[{offset:0,color:m},{offset:1,color:"rgba(255, 255, 255, 0)"}]),borderColor:m,borderWidth:1}},{name:u.name,type:"line",data:u.data,symbol:"none",lineStyle:{color:m,width:3},smooth:!1,tooltip:{show:!1}}]});return{backgroundColor:"transparent",tooltip:{trigger:"axis",axisPointer:{type:"shadow"},confine:!0,transitionDuration:0,extraCssText:"pointer-events: none;",formatter:u=>{let h=u[0].name+"<br/>";const m=new Set;return u.forEach(y=>{!m.has(y.seriesName)&&y.seriesType==="bar"&&(m.add(y.seriesName),h+=y.marker+y.seriesName+": "+ue(y.value)+(o?` ${o}`:"")+"<br/>")}),h},...e},legend:{top:"0%",right:"0%",textStyle:{color:"#fff",fontSize:14},data:s.series.map(u=>({name:u.name,icon:"roundRect"})),...n},grid:{top:"15%",left:"2%",right:"2%",bottom:"5%",containLabel:!0,...a},xAxis:{type:"category",data:s.categories,axisLine:{show:!0,lineStyle:{color:"#666"}},axisLabel:{color:"#fff",fontSize:16,margin:15},axisTick:{show:!1}},yAxis:[{type:"value",nameTextStyle:{color:"#fff",fontSize:14,padding:[0,0,0,20]},splitLine:{show:!0,lineStyle:{color:"rgba(255, 255, 255, 0.2)"}},axisLabel:{color:"#fff",fontSize:16}},{type:"value",splitLine:{show:!1},axisLabel:{color:"#fff",fontSize:16}}],series:l}},[s,o,c,a,n,e]);return t.jsx("div",{style:{width:"100%",height:"100%",...i},children:t.jsx(Z,{option:r,style:{width:"100%",height:"100%",...b}})})},dl=({style:i,chartStyle:b,data:s=[{value:[80,90,50,60,80],name:"Data"}],indicators:o=[{name:"仓库一",max:100},{name:"仓库二",max:100},{name:"仓库三",max:100},{name:"仓库四",max:100},{name:"仓库五",max:100}],radarConfig:c={},seriesConfig:a={symbol:"circle",symbolSize:6,itemStyle:{color:"#fff"},lineStyle:{color:"#FFFF00",width:1},areaStyle:{color:"rgba(255, 255, 0, 0.3)"}},tooltipConfig:n={trigger:"item"}})=>{const{center:e=["50%","50%"],radius:r="70%",shape:l="polygon",splitNumber:u=5,axisName:h={color:"#fff",fontSize:14},splitLine:m={show:!1},splitArea:y={show:!0,colors:["rgba(28, 97, 175, 0.9)","rgba(28, 97, 175, 0.7)","rgba(28, 97, 175, 0.5)","rgba(28, 97, 175, 0.3)","rgba(28, 97, 175, 0.1)"]},axisLine:v={show:!1}}=c,S=I.useMemo(()=>({backgroundColor:"transparent",tooltip:{trigger:"item",...n},radar:{indicator:o,center:e,radius:r,shape:l,splitNumber:u,axisName:h,splitLine:m,splitArea:{show:y.show,areaStyle:{color:y.colors}},axisLine:v},series:[{type:"radar",data:s.map(x=>({...x,symbol:x.symbol||a.symbol,symbolSize:x.symbolSize||a.symbolSize,itemStyle:{...a.itemStyle,...x.itemStyle},lineStyle:{...a.lineStyle,...x.lineStyle},areaStyle:{...a.areaStyle,...x.areaStyle}}))}]}),[s,o,e,r,l,u,h,m,y,v,a,n]);return t.jsx("div",{style:{width:"100%",height:"100%",...i},children:t.jsx(Z,{option:S,style:{width:"100%",height:"100%",...b}})})},il="_container_1kqcz_1",hl="_sciFiBorder_1kqcz_7",pl="_cornerDecoration_1kqcz_16",ul="_cornerTopLeft_1kqcz_23",ml="_cornerTopRight_1kqcz_27",yl="_cornerBottomLeft_1kqcz_31",bl="_cornerBottomRight_1kqcz_35",vl="_topCenterDecoration_1kqcz_39",Sl="_topCenterInner_1kqcz_55",xl="_bottomRightLines_1kqcz_60",wl="_skewLine_1kqcz_68",_l="_contentList_1kqcz_74",Ll="_listItem_1kqcz_81",jl="_itemHeader_1kqcz_86",kl="_rankBadge_1kqcz_92",zl="_itemName_1kqcz_104",$l="_itemValue_1kqcz_107",Fl="_valueNumber_1kqcz_110",Ml="_valuePercent_1kqcz_114",Tl="_progressBarContainer_1kqcz_117",Il="_progressBar_1kqcz_117",ce={container:il,sciFiBorder:hl,cornerDecoration:pl,cornerTopLeft:ul,cornerTopRight:ml,cornerBottomLeft:yl,cornerBottomRight:bl,topCenterDecoration:vl,topCenterInner:Sl,bottomRightLines:xl,skewLine:wl,contentList:_l,listItem:Ll,itemHeader:jl,rankBadge:kl,itemName:zl,itemValue:$l,valueNumber:Fl,valuePercent:Ml,progressBarContainer:Tl,progressBar:Il},Wl=({style:i,className:b,backgroundImage:s,data:o=[{name:"XXX大学技术",value:274},{name:"XXX大学技术",value:174},{name:"XXX大学技术",value:374},{name:"XXX大学技术",value:574}],colors:c={primary:"#0072ff",secondary:"#4facfe",highlight:"#00f2fe"},decorationConfig:a={showBorder:!0,showCorners:!0,showTopCenter:!0,showBottomRightLines:!0},itemConfig:n={gap:20,padding:"30px"},labelConfig:e={nameColor:"#fff",nameFontSize:14,valueColor:"#fff",valueFontSize:16,percentColor:"#a1a8c3",percentFontSize:14,showPercent:!0},barConfig:r={height:12,trackColor:"rgba(255, 255, 255, 0.05)",color:"#00f2fe",stripeWidth:3,gapWidth:2},rankConfig:l,unit:u=""})=>{const h=I.useMemo(()=>({colors:(l==null?void 0:l.colors)??["linear-gradient(135deg, #FFD700 0%, #FDB931 100%)","linear-gradient(135deg, #E0E0E0 0%, #BDBDBD 100%)","linear-gradient(135deg, #CD7F32 0%, #A0522D 100%)"],defaultColor:(l==null?void 0:l.defaultColor)??"linear-gradient(135deg, #00f2fe 0%, #4facfe 100%)",width:(l==null?void 0:l.width)??24,height:(l==null?void 0:l.height)??24,borderRadius:(l==null?void 0:l.borderRadius)??2}),[l]),m=I.useMemo(()=>o.reduce((v,S)=>v+S.value,0),[o]),y=I.useMemo(()=>o.map(v=>({...v,percent:m?(v.value/m*100).toFixed(0):0})),[o,m]);return t.jsxs("div",{className:Fe(ce.container,b),style:{...i,padding:n.padding,backgroundImage:s?`url(${s})`:void 0,backgroundSize:s?"100% 100%":void 0,backgroundRepeat:s?"no-repeat":void 0},children:[!s&&t.jsxs(t.Fragment,{children:[a.showBorder&&t.jsx("div",{className:ce.sciFiBorder,style:{borderColor:c.primary,boxShadow:`0 0 15px ${c.primary}4d`}}),a.showCorners&&t.jsxs(t.Fragment,{children:[t.jsx("div",{className:Fe(ce.cornerDecoration,ce.cornerTopLeft),style:{background:c.secondary}}),t.jsx("div",{className:Fe(ce.cornerDecoration,ce.cornerTopRight),style:{background:c.secondary}}),t.jsx("div",{className:Fe(ce.cornerDecoration,ce.cornerBottomLeft),style:{background:c.secondary}}),t.jsx("div",{className:Fe(ce.cornerDecoration,ce.cornerBottomRight),style:{background:c.secondary}})]}),a.showTopCenter&&t.jsx("div",{className:ce.topCenterDecoration,style:{borderColor:c.primary,borderTop:"none"},children:t.jsx("div",{className:ce.topCenterInner,style:{background:c.secondary}})}),a.showBottomRightLines&&t.jsx("div",{className:ce.bottomRightLines,children:[1,2,3,4].map(v=>t.jsx("div",{className:ce.skewLine,style:{background:c.primary}},v))})]}),t.jsx("div",{className:ce.contentList,style:{gap:n.gap},children:y.map((v,S)=>t.jsxs("div",{className:ce.listItem,children:[t.jsxs("div",{className:ce.itemHeader,children:[t.jsx("div",{className:ce.rankBadge,style:{width:h.width,height:h.height,borderRadius:h.borderRadius,background:h.colors[S]||h.defaultColor},children:S+1}),t.jsx("span",{className:ce.itemName,style:{color:e.nameColor,fontSize:e.nameFontSize},children:v.name}),t.jsxs("span",{className:ce.itemValue,children:[t.jsxs("span",{className:ce.valueNumber,style:{color:e.valueColor,fontSize:e.valueFontSize},children:[v.value,u]}),e.showPercent&&t.jsxs("span",{className:ce.valuePercent,style:{color:e.percentColor,fontSize:e.percentFontSize},children:["(",v.percent,"%)"]})]})]}),t.jsx("div",{className:ce.progressBarContainer,style:{height:r.height,background:r.trackColor},children:t.jsx("div",{className:ce.progressBar,style:{width:`${m?v.value/m*100:0}%`,background:h.colors[S]||r.color,WebkitMask:`repeating-linear-gradient(90deg, #000, #000 ${r.stripeWidth}px, transparent ${r.stripeWidth}px, transparent ${Number(r.stripeWidth)+Number(r.gapWidth)}px)`,mask:`repeating-linear-gradient(90deg, #000, #000 ${r.stripeWidth}px, transparent ${r.stripeWidth}px, transparent ${Number(r.stripeWidth)+Number(r.gapWidth)}px)`,boxShadow:h.colors[S]?void 0:`0 0 10px ${r.color}80`}})})]},S))})]})},Bl=({style:i,chartStyle:b,titleText:s,titleTextStyle:o,tooltipConfig:c,grid:a,xAxisConfig:n,yAxisConfig:e,yAxisAuto:r,unit:l="个",data:u,barWidth:h,colors:m})=>{const y={xAxis:["1月","2月","3月","4月","5月","6月"],value:[310,180,340,210,320,240]},v=u!=null&&u.xAxis&&u.xAxis.length>0?u.xAxis:y.xAxis,S=u!=null&&u.value&&u.value.length>0?u.value:y.value,x=S.length>0?Math.max(...S):0,k=S.length>0?S.map(()=>x):[400,400,400,400,400,400],p=h??15,d=(m==null?void 0:m.background)||"rgba(255,255,255,0.05)",_=(m==null?void 0:m.gradientFrom)||"#97c8ff",w=(m==null?void 0:m.gradientTo)||"#2f69f8",z=r?($=>{if(!$||$.length===0)return{};const T=Math.min(...$),M=Math.max(...$),B=M-T||M||1,W=Math.pow(10,Math.floor(Math.log10(B)))/2,A=T>=0?0:Math.floor(T/W)*W,E=Math.ceil(M*1.05/W)*W;return{min:A,max:E}})(S):{},j={backgroundColor:"transparent",title:{text:s||"针对2023年半年的统计",textStyle:{color:"#a1a8c3",fontSize:14,fontWeight:"normal",...o},top:0,left:0},tooltip:{trigger:"axis",axisPointer:{type:"shadow"},backgroundColor:"rgba(50,50,50,0.7)",borderColor:"#333",textStyle:{color:"#fff"},formatter:$=>{const T=Array.isArray($)?$:[$],M=T.find(W=>(W==null?void 0:W.seriesName)!=="Background")??T[0],B=(M==null?void 0:M.axisValueLabel)??(M==null?void 0:M.name)??"",N=(M==null?void 0:M.value)??"";return`${B}: ${N}${l}`},...c||{}},grid:{top:"15%",left:"3%",right:"4%",bottom:"3%",containLabel:!0,...a||{}},xAxis:{type:"category",data:v,axisLine:{show:!0,lineStyle:{color:"#3d526f"}},axisTick:{show:!0,alignWithLabel:!0,lineStyle:{color:"#3d526f"}},axisLabel:{color:"#a1a8c3",fontSize:12,margin:15},...n||{}},yAxis:{type:"value",...r&&z.min!==void 0?{min:z.min}:{},...r&&z.max!==void 0?{max:z.max}:{},splitLine:{lineStyle:{type:"dashed",color:"rgba(255,255,255,0.1)"}},axisLabel:{color:"#a1a8c3",fontSize:12,...l?{formatter:$=>`${$}${l}`}:{}},...e||{}},series:[{name:"Background",type:"bar",barWidth:p,data:k,itemStyle:{color:d},tooltip:{show:!1},silent:!0,barGap:"-100%",z:1},{name:"Value",type:"bar",barWidth:p,data:S,itemStyle:{color:new se.graphic.LinearGradient(0,0,0,1,[{offset:0,color:_},{offset:1,color:w}])},z:2}]};return t.jsx("div",{style:{width:"100%",height:"100%",...i},children:t.jsx(Z,{option:j,style:{height:"100%",width:"100%",...b}})})},Nl="_container_15fyb_1",Pl="_background_15fyb_8",Dl="_decoration_15fyb_18",Al="_decoration1_15fyb_25",El="_decoration2_15fyb_29",Rl="_textContainer_15fyb_32",Ol="_title_15fyb_37",Hl="_subTitle_15fyb_45",Ge={container:Nl,background:Pl,decoration:Dl,decoration1:Al,decoration2:El,textContainer:Rl,title:Ol,subTitle:Hl},ql=({className:i,style:b,title:s="统计情况",subTitle:o="",backgroundConfig:c={},textConfig:a={},textContainer:n})=>{const e={image:c.image,gradient:c.gradient||"linear-gradient(90deg, rgba(0, 50, 150, 0.8) 0%, rgba(0, 50, 150, 0) 100%)",border:c.border||"1px solid rgba(0, 150, 255, 0.3)",showDecoration:c.showDecoration!==!1,decorationColors:c.decorationColors||["#00ffff","rgba(0, 255, 255, 0.5)"]},r={titleStyle:{...a.titleStyle},subTitleStyle:{...a.subTitleStyle},paddingLeft:a.paddingLeft!==void 0?a.paddingLeft:e.image?"20px":"50px"};return t.jsxs("div",{className:Fe(Ge.container,i),style:b,children:[e.image?t.jsx("div",{className:Ge.background,style:{backgroundImage:`url(${e.image})`}}):t.jsx("div",{className:Ge.background,style:{background:e.gradient,borderBottom:e.border},children:e.showDecoration&&t.jsxs(t.Fragment,{children:[t.jsx("div",{className:Fe(Ge.decoration,Ge.decoration1),style:{background:e.decorationColors[0]}}),t.jsx("div",{className:Fe(Ge.decoration,Ge.decoration2),style:{background:e.decorationColors[1]}})]})}),t.jsxs("div",{className:Ge.textContainer,style:{paddingLeft:r.paddingLeft,...n},children:[t.jsx("span",{className:Ge.title,style:r.titleStyle,children:s}),o&&t.jsx("span",{className:Ge.subTitle,style:r.subTitleStyle,children:o})]})]})},Gl=({style:i,chartStyle:b,data:s={categories:["1月","2月","3月","4月","5月"],series:[{name:"系列1",data:[40,34,38,24,38]},{name:"系列2",data:[49,52,52,37,47]}]},unit:o="千KW",colors:c=["#00DDFF","#00FFAA"],grid:a,legendConfig:n,tooltipConfig:e})=>{const r=I.useMemo(()=>{const l=s.series.flatMap((u,h)=>{const m=c[h%c.length],y=(v,S)=>{if(v.startsWith("#")&&v.length===7){const x=parseInt(v.slice(1,3),16),L=parseInt(v.slice(3,5),16),k=parseInt(v.slice(5,7),16);return`rgba(${x}, ${L}, ${k}, ${S})`}return v};return[{name:u.name,type:"bar",data:u.data,barWidth:15,showBackground:!0,backgroundStyle:{color:"rgba(255, 255, 255, 0.05)",borderRadius:[50,50,50,50],borderColor:"#666",borderWidth:1},itemStyle:{borderRadius:[50,50,50,50],color:new se.graphic.LinearGradient(0,0,0,1,[{offset:0,color:m},{offset:1,color:y(m,.2)}])},barGap:"50%"},{name:u.name,type:"line",data:u.data,symbol:"circle",symbolSize:8,itemStyle:{color:"#fff",borderColor:m,borderWidth:2},lineStyle:{color:m,width:2},smooth:!1,tooltip:{show:!1}}]});return{backgroundColor:"transparent",tooltip:{trigger:"axis",axisPointer:{type:"shadow"},confine:!0,transitionDuration:0,extraCssText:"pointer-events: none;",formatter:u=>{let h=u[0].name+"<br/>";const m=new Set;return u.forEach(y=>{!m.has(y.seriesName)&&y.seriesType==="bar"&&(m.add(y.seriesName),h+=y.marker+y.seriesName+": "+ue(y.value)+(o?` ${o}`:"")+"<br/>")}),h},...e},legend:{top:"0%",right:"0%",textStyle:{color:"#fff",fontSize:14},data:s.series.map(u=>({name:u.name,icon:"roundRect"})),...n},grid:{top:"15%",left:"2%",right:"2%",bottom:"5%",containLabel:!0,...a},xAxis:{type:"category",data:s.categories,axisLine:{show:!0,lineStyle:{color:"#666"}},axisLabel:{color:"#fff",fontSize:16,margin:15},axisTick:{show:!1}},yAxis:[{type:"value",nameTextStyle:{color:"#fff",fontSize:14,padding:[0,0,0,20]},splitLine:{show:!0,lineStyle:{color:"rgba(255, 255, 255, 0.2)"}},axisLabel:{color:"#fff",fontSize:16}},{type:"value",splitLine:{show:!1},axisLabel:{color:"#fff",fontSize:16}}],series:l}},[s,o,c,a,n,e]);return t.jsx("div",{style:{width:"100%",height:"100%",...i},children:t.jsx(Z,{option:r,style:{width:"100%",height:"100%",...b}})})},Vl=({className:i,style:b,chartStyle:s,data:o=[{name:"仓库存储数据可视化展示",value:65,percentage:"13.5%",count:"22起",color:"#00BFFF",trackColor:"#00334D"},{name:"仓库存储数据可视化展示",value:75,percentage:"13.5%",count:"22起",color:"#00FF99",trackColor:"#00331F"},{name:"仓库存储数据可视化展示",value:55,percentage:"13.5%",count:"22起",color:"#1E90FF",trackColor:"#051933"}],chartConfig:c={},gaugeConfig:a={},legendConfig:n={},imageConfig:e={},color:r="#00f2fe"})=>{const{center:l=["30%","50%"],centerRadius:u="42%"}=c,{maxRadius:h=82,gap:m=14,trackWidth:y=6,startAngle:v=90,endAngle:S=-269.9}=a,{show:x=!0,right:L="10%",top:k="center",textStyle:p={},itemWidth:d=8,itemHeight:_=8,itemGap:w=20}=n,F=e.show??!!e.src,z=e.src,j=e.size||85,$=I.useMemo(()=>{const T=[];return o.forEach((M,B)=>{const N=`${h-B*m}%`;T.push({type:"gauge",radius:N,center:l,startAngle:v,endAngle:S,splitNumber:1,axisLine:{lineStyle:{color:[[1,M.trackColor||"#00334D"]],width:y}},axisTick:{show:!1},axisLabel:{show:!1},splitLine:{show:!1},pointer:{show:!1},detail:{show:!1}}),T.push({name:`data_${B}`,type:"gauge",radius:N,center:l,startAngle:v,endAngle:Math.floor(S),min:0,max:100,splitNumber:1,axisLine:{show:!1},progress:{show:!0,width:y,roundCap:!0,itemStyle:{color:M.color}},axisTick:{show:!1},axisLabel:{show:!1},splitLine:{show:!1},pointer:{show:!1},detail:{show:!1},data:[{value:M.value}],z:10}),F&&z?B===0&&T.push({type:"custom",coordinateSystem:"none",renderItem:(W,A)=>{const E=A.getWidth(),te=A.getHeight(),ne=(be,Y)=>typeof be=="number"?be:typeof be=="string"&&be.endsWith("%")?parseFloat(be)/100*Y:parseFloat(be),de=ne(l[0],E),Q=ne(l[1],te);return{type:"image",style:{image:z,x:de-j/2,y:Q-j/2,width:j,height:j}}},data:[0],z:10,silent:!0}):T.push({type:"pie",radius:["0%",u],center:l,silent:!0,itemStyle:{color:{type:"radial",x:.5,y:.5,r:.5,colorStops:[{offset:0,color:"rgba(0,0,0,0)"},{offset:.8,color:`${r}60`},{offset:1,color:`${r}cc`}]}},data:[{value:1}],label:{show:!1},z:5},{type:"gauge",radius:u,center:l,startAngle:90,endAngle:-269.9,splitNumber:1,axisLine:{lineStyle:{color:[[1,r]],width:1,opacity:.5}},splitLine:{show:!1},axisTick:{show:!1},axisLabel:{show:!1},pointer:{show:!1},detail:{show:!1},z:5})}),{backgroundColor:"transparent",legend:{show:x,orient:"vertical",right:L,top:k,icon:"circle",itemWidth:d,itemHeight:_,itemGap:w,textStyle:{color:"#fff",rich:{name:{fontSize:12,opacity:.8,padding:[0,0,4,0]},val:{fontSize:16,fontWeight:"bold",padding:[0,10,0,0]},count:{fontSize:14}},...p},data:o.map((M,B)=>({name:`data_${B}`,itemStyle:{color:M.color}})),formatter:M=>{const B=parseInt(M.replace("data_","")),N=o[B];if(!N)return M;const W=N.name||"",A=N.percentage||"",E=N.count||"";return`{name|${W}}
|
|
12
|
-
{val|${A}}{count|${E}}`}},series:
|
|
13
|
-
{label|${(p==null?void 0:p.label)||"三季度"}}`,textStyle:{rich:{value:{color:X.valueStyle.color,fontSize:X.valueStyle.fontSize,fontWeight:X.valueStyle.fontWeight,lineHeight:X.valueStyle.lineHeight,align:X.valueStyle.align,...p==null?void 0:p.textStyle},label:{color:X.labelStyle.color,fontSize:X.labelStyle.fontSize,align:X.labelStyle.align,...p==null?void 0:p.labelStyle}}}}:{show:!1},series:[{type:"pie",radius:R,center:Q,silent:P.silent,itemStyle:{opacity:P.opacity},label:{show:!1},data:[1],z:P.z},{name:G.name,type:"pie",radius:be,center:Q,avoidLabelOverlap:G.avoidLabelOverlap,padAngle:(_==null?void 0:_.padAngle)??5,itemStyle:{borderRadius:G.borderRadius},label:{show:!1},emphasis:{scale:G.emphasis.scale,scaleSize:G.emphasis.scaleSize,label:{show:!1}},data:B.map(D=>({value:D.value,name:D.name,itemStyle:{color:D.color,shadowBlur:G.shadowBlur,shadowColor:D.color,opacity:G.outerOpacity}}))},{name:G.name,type:"pie",radius:Y,center:Q,avoidLabelOverlap:G.avoidLabelOverlap,padAngle:(_==null?void 0:_.padAngle)??5,itemStyle:{borderRadius:G.borderRadius,opacity:G.innerOpacity},label:{show:!1},emphasis:{scale:G.emphasis.scale,scaleSize:G.emphasis.scaleSize,label:{show:!1}},data:B.map(D=>({value:D.value,name:D.name,itemStyle:{color:D.color,shadowBlur:G.shadowBlur,shadowColor:D.color}}))},...w!=null&&w.image||v?[{type:"custom",coordinateSystem:"none",renderItem:(D,ee)=>{const je=ee.getWidth(),ye=ee.getHeight(),ot=Jt(Q[0],je),Re=Jt(Q[1],ye);return{type:"image",style:{image:ne,x:ot-de/2,y:Re-de/2,width:de,height:de}}},data:[0],z:K.z,silent:K.silent}]:[{type:"pie",radius:[J.innerRadius,O],center:Q,silent:J.silent,itemStyle:{color:{type:"radial",x:.5,y:.5,r:.5,colorStops:J.colorStops}},data:[{value:1}],label:{show:!1}},{type:"gauge",radius:O,center:Q,startAngle:f.startAngle,endAngle:f.endAngle,splitNumber:f.splitNumber,axisLine:{lineStyle:{color:[[1,S]],width:f.lineWidth,opacity:f.lineOpacity}},splitLine:{show:!1},axisTick:{show:!1},axisLabel:{show:!1},pointer:{show:!1},detail:{show:!1}}]]}),[B,N,p,te,ne,de,Q,be,Y,R,O,_==null?void 0:_.padAngle,S,d==null?void 0:d.show,X,P,G,K,J,f]),ie=D=>{W(ee=>({...ee,[D]:!ee[D]}))},ze=D=>{N[D]&&(E(D),z.current&&z.current.getEchartsInstance().dispatchAction({type:"highlight",name:D}))},De=D=>{E(void 0),z.current&&z.current.getEchartsInstance().dispatchAction({type:"downplay",name:D})},Ve={mouseover:D=>{D.seriesType==="pie"&&D.name&&z.current&&(E(D.name),z.current.getEchartsInstance().dispatchAction({type:"highlight",name:D.name}))},mouseout:D=>{D.seriesType==="pie"&&D.name&&z.current&&(E(void 0),z.current.getEchartsInstance().dispatchAction({type:"downplay",name:D.name}))},click:D=>{D.seriesType!=="pie"||!D.name||ie(D.name)}},V=(d==null?void 0:d.columns)||2,q=(d==null?void 0:d.width)||220,oe=(d==null?void 0:d.gap)||{column:20,row:20},re=d==null?void 0:d.virtual,g=!!(re!=null&&re.enabled&&V===1&&(d==null?void 0:d.type)==="simple"),he=(re==null?void 0:re.itemHeight)??46,ae=(re==null?void 0:re.overscan)??3,me=I.useMemo(()=>{if(!g)return{start:0,end:B.length};const D=($==null?void 0:$.height)??0,ee=Math.max(0,Math.floor(T/he)-ae),je=Math.ceil(D/he)+ae*2;return{start:ee,end:Math.min(B.length,ee+je)}},[B.length,g,T,$==null?void 0:$.height,he,ae]),Se=g?B.slice(me.start,me.end):B,le=B.length*he,{run:_e}=Mt.useThrottleFn(D=>{M(D.currentTarget.scrollTop)},{wait:50}),xe=(D,ee,je)=>{var Bt,Nt,Pt,Dt,At,Et,Rt,Ot,Ht;const ye=N[D.name],ot=A===D.name,Re=ye?D.color:"#666";return t.jsx("div",{style:{position:"relative",cursor:"pointer",opacity:ye?1:.5,transform:ot&&ye?"translateY(-1px)":"none",transition:"opacity 0.3s, transform 0.3s",...n,...je},onClick:()=>ie(D.name),onMouseEnter:()=>ze(D.name),onMouseLeave:()=>De(D.name),children:(d==null?void 0:d.type)==="simple"?t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:14,height:38,padding:"0 16px",fontSize:`${((Bt=d==null?void 0:d.textStyle)==null?void 0:Bt.fontSize)||14}px`,fontWeight:700,color:"#eaf6ff",cursor:"pointer",borderRadius:9,...e,background:ye?ot?"linear-gradient(90deg, rgba(8, 76, 153, 0.86), rgba(7, 64, 135, 0.72))":"rgba(4, 55, 120, 0.58)":"rgba(4, 55, 120, 0.28)",border:ot&&ye?"1px solid rgba(21, 119, 219, 0.95)":(e==null?void 0:e.border)??"1px solid rgba(21, 119, 219, 0.78)",boxShadow:ot&&ye?"inset 0 0 16px rgba(29, 156, 255, 0.34), 0 0 8px rgba(24, 133, 245, 0.24)":(e==null?void 0:e.boxShadow)??"inset 0 0 12px rgba(21, 119, 219, 0.18)"},children:[t.jsx("div",{style:{width:`${(d==null?void 0:d.itemWidth)||16}px`,height:`${(d==null?void 0:d.itemHeight)||16}px`,background:"rgba(5, 38, 86, 0.9)",border:`2px solid ${Re}`,borderRadius:"50%",flexShrink:0,boxShadow:ye?`0 0 7px ${Re}, inset 0 0 0 3px rgba(5, 38, 86, 0.65), inset 0 0 0 5px ${Re}`:"none",transition:"all 0.3s",...r}}),t.jsx("span",{style:{color:ye?((Nt=d==null?void 0:d.textStyle)==null?void 0:Nt.color)||"#fff":"#aaa",fontSize:`${((Pt=d==null?void 0:d.textStyle)==null?void 0:Pt.fontSize)||14}px`,fontWeight:700,transition:"color 0.3s",whiteSpace:"nowrap",textShadow:ye?"0 0 5px rgba(255,255,255,0.35)":"none",...l},children:D.name}),t.jsxs("span",{style:{color:ye?((Dt=d==null?void 0:d.textStyle)==null?void 0:Dt.color)||"#fff":"#aaa",fontSize:`${((At=d==null?void 0:d.textStyle)==null?void 0:At.fontSize)||14}px`,fontWeight:700,transition:"color 0.3s",marginLeft:"auto",...m},children:[D.value,k]})]}):t.jsxs(t.Fragment,{children:[t.jsxs("div",{style:{display:"flex",alignItems:"center",marginBottom:"4px",...e},children:[t.jsx("div",{style:{width:`${(d==null?void 0:d.itemWidth)||12}px`,height:`${(d==null?void 0:d.itemHeight)||12}px`,backgroundColor:Re,marginRight:"8px",boxShadow:ot&&ye?`0 0 8px ${Re}`:"none",transition:"all 0.3s",...r}}),t.jsx("span",{style:{color:ye?((Et=d==null?void 0:d.textStyle)==null?void 0:Et.color)||"#fff":"#aaa",fontSize:`${((Rt=d==null?void 0:d.textStyle)==null?void 0:Rt.fontSize)||14}px`,transition:"color 0.3s",...l},children:D.name})]}),t.jsxs("div",{style:{position:"relative",paddingLeft:"10px",borderLeft:`1px solid ${Re}`,marginLeft:"5px",height:"24px",display:"flex",alignItems:"flex-end",transition:"border-color 0.3s",...u},children:[t.jsx("div",{style:{width:"10px",height:"1px",backgroundColor:Re,position:"absolute",bottom:"0",left:"0",transition:"background-color 0.3s",...h}}),t.jsxs("span",{style:{color:((Ot=d==null?void 0:d.textStyle)==null?void 0:Ot.color)||"#fff",fontSize:`${((Ht=d==null?void 0:d.textStyle)==null?void 0:Ht.fontSize)||14}px`,marginLeft:"15px",lineHeight:"1",...m},children:[t.jsx("span",{style:{color:Re,fontWeight:"bold",transition:"color 0.3s",...y},children:D.percent})," ",D.value,k]})]})]})},`${D.name}-${ee}`)};return t.jsxs("div",{className:i,style:{width:"100%",height:"100%",display:"flex",...b},children:[t.jsx("div",{style:{flex:1,height:"100%",...c},children:t.jsx(Z,{ref:z,option:ve,style:{width:"100%",height:"100%",...s},opts:{renderer:o},onEvents:Ve})}),t.jsx("div",{ref:j,className:Ul.customScrollbar,onScroll:g?_e:void 0,style:{width:typeof q=="number"?`${q}px`:q,display:g?"block":"grid",gridTemplateColumns:g?void 0:`repeat(${V}, 1fr)`,columnGap:g?void 0:`${oe.column}px`,rowGap:g?void 0:`${oe.row}px`,paddingRight:"20px",overflowY:"auto",...a},children:g?t.jsx("div",{style:{position:"relative",height:le},children:Se.map((D,ee)=>{const je=me.start+ee;return xe(D,je,{position:"absolute",top:je*he,right:0,left:0,height:he})})}):Se.map((D,ee)=>xe(D,ee))})]})},Kl=({className:i,style:b,chartStyle:s,data:o,unit:c="千KW",colors:a,grid:n,legendConfig:e,tooltipConfig:r,yAxisConfig:l})=>{var k,p;const h=o||{categories:["1月","2月","3月","4月","5月"],series:[{name:"系列1",data:[42,33,28,36,36]},{name:"系列2",data:[11,20,25,17,17]}]},m=((k=h.series[0])==null?void 0:k.name)||"系列1",y=((p=h.series[1])==null?void 0:p.name)||"系列2",[v,S]=I.useState({[m]:!0,[y]:!0});I.useEffect(()=>{S(d=>({...d,[m]:d[m]!==!1,[y]:d[y]!==!1}))},[m,y]);const x=I.useMemo(()=>({legendselectchanged:d=>{S(d.selected)}}),[]),L=I.useMemo(()=>{var T,M,B;const d=h.categories,_=((T=h.series[0])==null?void 0:T.data)||[],w=((M=h.series[1])==null?void 0:M.data)||[],F=_.map((N,W)=>(v[m]!==!1?N:0)+(w[W]||0)),z=20,j={series1:{body:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:"#0033CC"},{offset:1,color:"#002288"}],global:!1},top:"#0033CC",bottom:"#001166"},series2:{body:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:"rgba(0, 221, 221, 0.6)"},{offset:1,color:"rgba(0, 150, 200, 0.4)"}],global:!1},top:"#00FFFF",bottom:"#0033CC"}},$={series1:{...j.series1,...a==null?void 0:a.series1},series2:{...j.series2,...a==null?void 0:a.series2}};return{backgroundColor:"transparent",tooltip:r||{trigger:"axis",axisPointer:{type:"shadow"},formatter:function(N){let W=N[0].name+"<br/>";return N.forEach(A=>{A.seriesType==="bar"&&A.value!==void 0&&(W+=A.marker+A.seriesName+": "+ue(A.value)+(c||"")+"<br/>")}),W}},legend:{show:(e==null?void 0:e.show)!==!1,top:(e==null?void 0:e.top)||"0%",right:(e==null?void 0:e.right)||"0%",textStyle:{color:"#fff",fontSize:14,...e==null?void 0:e.textStyle},data:[{name:m,icon:"roundRect"},{name:y,icon:"roundRect"}]},grid:{top:"15%",left:"2%",right:"2%",bottom:"5%",containLabel:!0,...n},xAxis:{type:"category",data:d,axisLine:{show:!0,lineStyle:{color:"#666"}},axisLabel:{color:"#fff",fontSize:16,margin:15},axisTick:{show:!1}},yAxis:{type:"value",name:c?`单位：${c}`:"",nameTextStyle:{color:"#fff",fontSize:14,padding:[0,0,0,20],...l==null?void 0:l.nameTextStyle},splitLine:{show:!0,lineStyle:{color:"rgba(255, 255, 255, 0.2)",...(B=l==null?void 0:l.splitLine)==null?void 0:B.lineStyle},...l==null?void 0:l.splitLine},axisLabel:{color:"#fff",fontSize:16,...l==null?void 0:l.axisLabel}},series:[{name:m,type:"bar",stack:"total",barWidth:z,itemStyle:{color:$.series1.body},data:_},{name:y,type:"bar",stack:"total",barWidth:z,itemStyle:{color:$.series2.body},data:w},{name:m,type:"pictorialBar",symbol:"diamond",symbolSize:[z,10],symbolOffset:[0,"50%"],z:12,itemStyle:{color:$.series1.bottom},data:_.map(()=>1),tooltip:{show:!1},emphasis:{scale:!1},silent:!0},{name:m,type:"pictorialBar",symbol:"diamond",symbolSize:[z,10],symbolOffset:[0,"-50%"],symbolPosition:"end",z:13,itemStyle:{color:$.series2.bottom,borderColor:"#0055FF",borderWidth:1},data:_,tooltip:{show:!1},emphasis:{scale:!1},silent:!0},{name:y,type:"pictorialBar",symbol:"diamond",symbolSize:[z,10],symbolOffset:[0,"-50%"],symbolPosition:"end",z:14,itemStyle:{color:$.series2.top},data:F,tooltip:{show:!1},emphasis:{scale:!1},silent:!0}]}},[h,v,c,a,n,e,r,l,m,y]);return t.jsx("div",{className:i,style:{width:"100%",height:"100%",...b},children:t.jsx(Z,{option:L,style:{width:"100%",height:"100%",...s},onEvents:x})})},Ql="_tabButtonGroup_ljpn5_1",Jl="_tabButton_ljpn5_1",fl="_tabButtonActive_ljpn5_23",Ft={tabButtonGroup:Ql,tabButton:Jl,tabButtonActive:fl},gl=({options:i,value:b,onChange:s,style:o,className:c,buttonClassName:a,buttonStyle:n})=>{const e=i.map(r=>typeof r=="string"?{label:r,value:r}:r);return t.jsx("div",{className:`${Ft.tabButtonGroup} ${c||""}`,style:o,children:e.map(r=>t.jsx("div",{className:`${Ft.tabButton} ${b===r.value?Ft.tabButtonActive:""} ${a||""}`,style:n,onClick:()=>s(r.value),children:r.label},r.value))})},Cl="_container_1egox_1",ec="_backgroundSvg_1egox_13",tc="_contentWrapper_1egox_25",rc="_iconBox_1egox_30",ac="_info_1egox_46",sc="_header_1egox_53",oc="_label_1egox_59",lc="_value_1egox_63",cc="_progressBar_1egox_70",nc="_block_1egox_76",dc="_active_1egox_83",Pe={container:Cl,backgroundSvg:ec,contentWrapper:tc,iconBox:rc,info:ac,header:sc,label:oc,value:lc,progressBar:cc,block:nc,active:dc},ic=()=>t.jsxs("svg",{viewBox:"0 0 100 100",fill:"currentColor",children:[t.jsx("path",{d:"M28 85 L42 20 L50 20 L38 85 Z",opacity:"0.9"}),t.jsx("path",{d:"M72 85 L58 20 L50 20 L62 85 Z",opacity:"0.9"}),t.jsx("rect",{x:"42",y:"40",width:"16",height:"6",rx:"1"}),t.jsx("rect",{x:"36",y:"60",width:"28",height:"6",rx:"1"})]}),hc=({color:i="#00eaff",label:b="基础数据",value:s=0,progressValue:o,valueFormatter:c,icon:a,style:n,totalBlocks:e=20,backgroundImage:r,iconStyle:l,svgStyle:u,borderStyle:h,cornerStyle:m,contentWrapperStyle:y,infoStyle:v,headerStyle:S,labelStyle:x,valueStyle:L,progressBarStyle:k,blockStyle:p})=>{const d=Math.max(0,Math.min(100,o??s)),_=Math.round(d/100*e),w=c?c(s):`${s.toFixed(1)}%`,F=()=>a?typeof a=="string"?t.jsx("img",{src:a,alt:"icon",style:{width:"100%",height:"100%",objectFit:"contain"}}):a:t.jsx(ic,{});return t.jsxs("div",{className:Pe.container,style:{...n,"--tech-panel-color":i},children:[t.jsxs("svg",{className:Pe.backgroundSvg,width:"100%",height:"100%",preserveAspectRatio:"none",style:u,children:[t.jsx("defs",{children:t.jsxs("linearGradient",{id:`grad-${i}`,x1:"0%",y1:"0%",x2:"100%",y2:"0%",children:[t.jsx("stop",{offset:"0%",stopColor:i,stopOpacity:"0.1"}),t.jsx("stop",{offset:"50%",stopColor:i,stopOpacity:"0.05"}),t.jsx("stop",{offset:"100%",stopColor:i,stopOpacity:"0.1"})]})}),r?t.jsx("image",{x:"2",y:"2",width:"calc(100% - 4px)",height:"calc(100% - 4px)",preserveAspectRatio:"none",href:r}):t.jsxs("g",{children:[t.jsx("rect",{x:"2",y:"2",width:"calc(100% - 4px)",height:"calc(100% - 4px)",fill:`url(#grad-${i})`}),t.jsx("line",{x1:"10",y1:"2",x2:"100%",y2:"2",stroke:i,strokeWidth:"1",opacity:"0.5",transform:"translate(-2, 0)",style:h}),t.jsx("line",{x1:"100%",y1:"2",x2:"100%",y2:"100%",stroke:i,strokeWidth:"1",opacity:"0.5",transform:"translate(-2, -2)",style:h}),t.jsx("line",{x1:"100%",y1:"100%",x2:"2",y2:"100%",stroke:i,strokeWidth:"1",opacity:"0.5",transform:"translate(-2, -2)",style:h}),t.jsx("line",{x1:"2",y1:"100%",x2:"2",y2:"10",stroke:i,strokeWidth:"1",opacity:"0.5",transform:"translate(0, -2)",style:h}),t.jsx("line",{x1:"2",y1:"10",x2:"10",y2:"2",stroke:i,strokeWidth:"1",opacity:"0.5",style:h}),t.jsx("polyline",{points:"2,15 2,10 10,2 15,2",fill:"none",stroke:i,strokeWidth:"2",style:m}),t.jsx("svg",{x:"100%",y:"0",style:{...m,overflow:"visible"},children:t.jsx("polyline",{points:"0,15 0,2 -15,2",fill:"none",stroke:i,strokeWidth:"2"})}),t.jsx("svg",{x:"100%",y:"100%",style:{...m,overflow:"visible"},children:t.jsx("polyline",{points:"0,-15 0,0 -15,0",fill:"none",stroke:i,strokeWidth:"2"})}),t.jsx("svg",{x:"0",y:"100%",style:{...m,overflow:"visible"},children:t.jsx("polyline",{points:"2,0 2,-15 15,-15",fill:"none",stroke:i,strokeWidth:"2"})}),t.jsx("svg",{x:"100%",y:"0",style:{...m,overflow:"visible"},children:t.jsx("path",{d:"M -100 6 L -40 6 L -35 2",fill:"none",stroke:i,strokeWidth:"2",opacity:"0.8"})})]})]}),t.jsxs("div",{className:Pe.contentWrapper,style:y,children:[t.jsx("div",{className:Fe(Pe.iconBox),style:l,children:F()}),t.jsxs("div",{className:Pe.info,style:v,children:[t.jsxs("div",{className:Pe.header,style:S,children:[t.jsx("span",{className:Pe.label,style:x,children:b}),t.jsx("span",{className:Pe.value,style:L,children:w})]}),t.jsx("div",{className:Pe.progressBar,style:{...k,"--total-blocks":e,"--gap-count":e-1},children:Array.from({length:e}).map((z,j)=>t.jsx("div",{className:Fe(Pe.block,{[Pe.active]:j<_}),style:p},j))})]})]})]})};exports.Bar=er;exports.CapsuleSwitch=or;exports.CircleProgress=mr;exports.CodeBlock=jr;exports.DataDisplayItem=Gr;exports.EnergyCardGrid=ra;exports.Gauge=ua;exports.HologramBase=za;exports.InspectionDuration=Ia;exports.InspectionPieChart=Ya;exports.LiquidGauge=Za;exports.PeakCard=rs;exports.PeakValleyElectricityLineChart=as;exports.Pie3D=ns;exports.PolarRingChart=is;exports.Pyramid3D=bs;exports.RingProgress=Ls;exports.StatCard=Fs;exports.StatsCard=Hs;exports.StatusItem=Zs;exports.StyleEight=eo;exports.StyleEighteen=to;exports.StyleEleven=ro;exports.StyleFifteen=ao;exports.StyleForty=so;exports.StyleFortyOne=oo;exports.StyleFourteen=lo;exports.StyleNine=co;exports.StyleSeventeen=no;exports.StyleSixteen=io;exports.StyleTen=ho;exports.StyleThirteen=po;exports.StyleThirty=uo;exports.StyleThirtyEight=mo;exports.StyleThirtyFive=Fo;exports.StyleThirtyFour=Mo;exports.StyleThirtyNine=To;exports.StyleThirtyOne=Ho;exports.StyleThirtySeven=qo;exports.StyleThirtySix=Go;exports.StyleThirtyThree=Qo;exports.StyleThirtyTwo=ll;exports.StyleTwelve=cl;exports.StyleTwenty=nl;exports.StyleTwentyEight=dl;exports.StyleTwentyFive=Wl;exports.StyleTwentyFour=Bl;exports.StyleTwentyNine=ql;exports.StyleTwentyOne=Gl;exports.StyleTwentySeven=Vl;exports.StyleTwentySix=Xl;exports.StyleTwentyThree=Zl;exports.StyleTwentyTwo=Kl;exports.StyledProgressBar=ft;exports.TabButtons=gl;exports.TechPanel=hc;exports.formatTooltipValue=ue;
|
|
11
|
+
功能介绍功能介绍`,icon:"./icons/components/nav_plane_icon.png"}],cardConfig:o,accentConfig:n,iconConfig:a,titleConfig:c,descConfig:e,platformConfig:r})=>{const l=p=>p%2===0?40:0;return t.jsxs("div",{className:`${Be.container} ${d||""}`,style:b,children:[t.jsx("div",{className:Be.cardList,children:s.map((p,i)=>t.jsxs("div",{className:Be.itemWrapper,style:{width:o==null?void 0:o.width,height:o==null?void 0:o.height,marginTop:l(i)},children:[(n==null?void 0:n.show)!==!1&&t.jsx("div",{className:Be.chamferAccent,style:{backgroundColor:n==null?void 0:n.color,width:n==null?void 0:n.size,height:n==null?void 0:n.size}}),t.jsxs("div",{className:Be.card,style:{background:o==null?void 0:o.background,border:o==null?void 0:o.border},children:[t.jsx("div",{className:Be.iconWrapper,style:{backgroundImage:a!=null&&a.bgImage?`url(${a.bgImage})`:void 0,width:a!=null&&a.size?parseFloat(a.size)*1.5:void 0,height:a!=null&&a.size?parseFloat(a.size)*1.5:void 0},children:t.jsx("img",{src:p.icon||"./icons/components/icon_plane.png",alt:"icon",className:Be.icon,style:{width:a==null?void 0:a.size,height:a==null?void 0:a.size}})}),t.jsx("div",{className:Be.title,style:{fontSize:c==null?void 0:c.fontSize,color:c==null?void 0:c.color},children:p.title}),t.jsx("div",{className:Be.desc,style:{fontSize:e==null?void 0:e.fontSize,color:e==null?void 0:e.color,whiteSpace:"pre-wrap"},children:p.desc})]})]},i))}),(r==null?void 0:r.show)!==!1&&t.jsxs("div",{className:Be.platformWrapper,children:[t.jsx("div",{className:Be.platformTop}),t.jsx("div",{className:Be.platformFront})]})]})},Mo=({className:d,style:b,title:s,icon:o,color:n="blue",data:a=[{label:"检测时间",value:"2025-05-15 15:00:26"},{label:"检测指标",value:"2.25km"},{label:"检测指标",value:"2.25km"}],themeConfig:c,backgroundConfig:e,headerConfig:r,iconConfig:l,listConfig:p})=>{const y={...{blue:{border:"#1c61af",bg:"url(/icons/components/card_34_bg.png)",headerBg:"transparent",iconBg:"rgba(0, 100, 255, 0.2)",iconBorder:"#1c61af",titleColor:"#fff",labelColor:"#b0c4de",valueColor:"#fff",filter:void 0},purple:{border:"#7c4dff",bg:"url(/icons/components/card_34_bg.png)",headerBg:"transparent",iconBg:"rgba(124, 77, 255, 0.2)",iconBorder:"#7c4dff",titleColor:"#fff",labelColor:"#d1c4e9",valueColor:"#fff",filter:"hue-rotate(45deg)"}}[n],...c},v={image:y.bg,filter:y.filter,...e},S={height:"40px",background:y.headerBg,borderBottom:`1px solid ${y.border}`,...r,title:{text:s||"标题1",color:y.titleColor,fontSize:"16px",fontWeight:"bold",textShadow:"0 0 5px rgba(0,0,0,0.5)",...r==null?void 0:r.title}},w={show:!0,src:o||"./icons/components/card_34_icon.png",width:"80px",height:"80px",backgroundColor:y.iconBg,border:`1px solid ${y.iconBorder}`,filter:y.filter,...l},F={gap:"8px",labelWidth:"80px",labelColor:y.labelColor,valueColor:y.valueColor,fontSize:"14px",lineHeight:"1.5",...p};return t.jsxs("div",{className:d,style:{width:"100%",position:"relative",...b},children:[t.jsx("div",{style:{position:"absolute",top:0,left:0,width:"100%",height:"100%",backgroundImage:v.image,backgroundColor:v.color,backgroundSize:"100% 100%",backgroundRepeat:"no-repeat",filter:v.filter,zIndex:0,...v.style}}),t.jsxs("div",{style:{position:"relative",zIndex:1},children:[t.jsx("div",{style:{width:"100%",height:S.height,background:S.background,display:"flex",alignItems:"center",padding:"0 15px",boxSizing:"border-box",borderBottom:S.borderBottom,position:"relative",overflow:"hidden",...S.style},children:t.jsx("span",{style:{color:S.title.color,fontWeight:S.title.fontWeight,fontSize:S.title.fontSize,textShadow:S.title.textShadow,zIndex:1,...S.title.style},children:S.title.text})}),t.jsxs("div",{style:{display:"flex",padding:"15px",gap:"15px",alignItems:"center"},children:[w.show&&t.jsx("div",{style:{width:w.width,height:w.height,backgroundColor:w.backgroundColor,border:w.border,display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,...w.style},children:t.jsx("img",{src:w.src,alt:"icon",style:{width:"60%",height:"60%",objectFit:"contain",filter:w.filter,...w.imageStyle}})}),t.jsx("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:F.gap,...F.style},children:a.map((L,h)=>t.jsxs("div",{style:{display:"flex",fontSize:F.fontSize,lineHeight:F.lineHeight,...F.itemStyle},children:[t.jsxs("span",{style:{color:F.labelColor,width:F.labelWidth,textAlign:"right",marginRight:"10px",...F.labelStyle},children:[L.label,":"]}),t.jsx("span",{style:{color:F.valueColor,...F.valueStyle},children:L.value})]},h))})]})]})]})},To=({style:d,chartStyle:b,data:s={categories:["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"],series1:[15,25,20,35,45,28,25,40,25,20,30,20],series2:[300,400,500,700,600,300,250,900,1100,900,600,800]},colors:o={series1:["rgba(200, 200, 200, 0.5)","rgba(200, 200, 200, 0.0)"],series2:["rgba(30, 144, 255, 0.6)","rgba(30, 144, 255, 0.0)"],line1:"#a0a0a0",line2:"#1e90ff"},units:n=["",""],legendConfig:a={show:!0,names:["数据项1","数据项2"],icon:"rect",itemWidth:12,itemHeight:12,itemGap:20,top:"5%"},grid:c={top:"15%",left:"5%",right:"8%",bottom:"10%",containLabel:!0},tooltipConfig:e={trigger:"axis",backgroundColor:"rgba(0,0,0,0.7)",borderColor:"#333",textStyle:{color:"#fff"}},axisConfig:r={xAxisLineColor:"#3d5269",xAxisLabelColor:"#8c9fad",xAxisLabelFontSize:12,xAxisLabelMargin:15,yAxisLabelColor:"#8c9fad",yAxisLabelFontSize:12,yAxisNameColor:"#8c9fad",splitLineColor:"rgba(255,255,255,0.1)",splitLineType:"dashed"},lineConfig:l={width:2,symbol:"circle",symbolSize:8,smooth:!0}})=>{const p=I.useMemo(()=>{var i,m;return{backgroundColor:"transparent",tooltip:{trigger:e.trigger,axisPointer:{type:"line",lineStyle:{color:"rgba(255,255,255,0.3)",type:"dashed"}},backgroundColor:e.backgroundColor,borderColor:e.borderColor,textStyle:e.textStyle,...e},legend:{show:a.show,top:a.top,icon:a.icon,itemWidth:a.itemWidth,itemHeight:a.itemHeight,itemGap:a.itemGap,textStyle:{color:"#8c9fad",fontSize:12,...a.textStyle},data:a.names},grid:c,xAxis:{type:"category",data:s.categories,axisLine:{lineStyle:{color:r.xAxisLineColor}},axisLabel:{color:r.xAxisLabelColor,fontSize:r.xAxisLabelFontSize,margin:r.xAxisLabelMargin},axisTick:{show:!1},boundaryGap:!1},yAxis:[{type:"value",name:n[0],nameTextStyle:{color:r.yAxisNameColor,padding:[0,0,0,-20]},axisLabel:{color:r.yAxisLabelColor,fontSize:r.yAxisLabelFontSize},splitLine:{show:!0,lineStyle:{color:r.splitLineColor,type:r.splitLineType}},axisLine:{show:!1},axisTick:{show:!1}},{type:"value",name:n[1],nameTextStyle:{color:r.yAxisNameColor,padding:[0,0,0,20]},axisLabel:{color:r.yAxisLabelColor,fontSize:r.yAxisLabelFontSize},splitLine:{show:!1},axisLine:{show:!1},axisTick:{show:!1}}],series:[{name:((i=a.names)==null?void 0:i[0])??"Series 1",type:"line",yAxisIndex:0,smooth:l.smooth,showSymbol:!1,symbol:l.symbol,symbolSize:l.symbolSize,lineStyle:{color:o.line1,width:l.width},areaStyle:{color:new se.graphic.LinearGradient(0,0,0,1,[{offset:0,color:o.series1[0]},{offset:1,color:o.series1[1]}])},data:s.series1},{name:((m=a.names)==null?void 0:m[1])??"Series 2",type:"line",yAxisIndex:1,smooth:l.smooth,showSymbol:!1,symbol:l.symbol,symbolSize:l.symbolSize,lineStyle:{color:o.line2,width:l.width},areaStyle:{color:new se.graphic.LinearGradient(0,0,0,1,[{offset:0,color:o.series2[0]},{offset:1,color:o.series2[1]}])},data:s.series2}]}},[s,o,n,a,c,e,r,l]);return t.jsx("div",{style:{width:"100%",height:"100%",...d},children:t.jsx(Z,{option:p,style:{width:"100%",height:"100%",...b}})})},Io="_container_1aq8g_1",Wo="_bottomLine_1aq8g_10",Bo="_decorationDots_1aq8g_18",No="_dot_1aq8g_28",Po="_title_1aq8g_34",Do="_icon_1aq8g_41",Ao="_tabs_1aq8g_50",Eo="_tabItem_1aq8g_55",Ro="_active_1aq8g_67",Oo="_activeLine_1aq8g_71",He={container:Io,bottomLine:Wo,decorationDots:Bo,dot:No,title:Po,icon:Do,tabs:Ao,tabItem:Eo,active:Ro,activeLine:Oo},Ho=({className:d,style:b,titleConfig:s,tabs:o,defaultActiveTab:n,onTabChange:a,tabConfig:c,backgroundConfig:e,bottomLineConfig:r})=>{var F,L,h;const l=o||[{label:"本月",value:"month"},{label:"本年",value:"year"}],[p,i]=I.useState(n||(l.length>0?l[0].value:"")),m=u=>{i(u),a&&a(u)},y=(s==null?void 0:s.text)||"可视化数据",v=e==null?void 0:e.image,S=r==null?void 0:r.color,w=(r==null?void 0:r.show)!==!1&&!v;return t.jsxs("div",{className:`${He.container} ${d||""}`,style:{background:v?`url(${v}) no-repeat center center / 100% 100%`:(e==null?void 0:e.color)||"rgba(0, 20, 50, 0.8)",...e==null?void 0:e.style,...b},children:[w&&t.jsx("div",{className:He.bottomLine,style:{background:S,...r==null?void 0:r.style},children:((F=r==null?void 0:r.decorationDots)==null?void 0:F.show)!==!1&&t.jsx("div",{className:He.decorationDots,style:{...(L=r==null?void 0:r.decorationDots)==null?void 0:L.style},children:[...Array(((h=r==null?void 0:r.decorationDots)==null?void 0:h.count)||5)].map((u,_)=>t.jsx("div",{className:He.dot},_))})}),t.jsxs("div",{className:He.title,style:{...s==null?void 0:s.style},children:[(s==null?void 0:s.showIcon)!==!1&&t.jsx("span",{className:He.icon,style:{...s==null?void 0:s.iconStyle}}),y]}),t.jsx("div",{className:He.tabs,style:{...c==null?void 0:c.containerStyle},children:l.map(u=>{const _=p===u.value;return t.jsxs("div",{onClick:()=>m(u.value),className:`${He.tabItem} ${_?He.active:""}`,style:{...c==null?void 0:c.itemStyle,..._?c==null?void 0:c.activeItemStyle:c==null?void 0:c.inactiveItemStyle},children:[u.label,_&&t.jsx("div",{className:He.activeLine,style:{...c==null?void 0:c.activeLineStyle}})]},u.value)})})]})},qo=({style:d,chartStyle:b,data:s={categories:["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"],series:[{name:"蓝线",values:[70,85,60,75,68,88,80,92,78,90,68,98],color:"rgba(0, 121, 233, 1)"},{name:"绿线",values:[65,62,70,58,66,54,68,64,72,60,70,66],color:"rgba(103, 242, 252, 1)"}]},areaGradients:o=[{from:"rgba(59, 188, 255, 0.25)",to:"rgba(59, 188, 255, 0.0)"},{from:"rgba(57, 209, 161, 0.25)",to:"rgba(57, 209, 161, 0.0)"}],unit:n="",rightUnit:a,grid:c,axisConfig:e,tooltipConfig:r,lineConfig:l,legendConfig:p,customLegend:i})=>{const m=I.useRef(null),y=(h,u)=>h.reduce((_,x)=>(_[x.name]=(u==null?void 0:u[x.name])??!0,_),{}),[v,S]=I.useState(()=>y(s.series));I.useEffect(()=>{S(h=>{const u=y(s.series,h),_=Object.keys(h),x=Object.keys(u);return _.length===x.length&&x.every($=>h[$]===u[$])?h:u})},[s.series]);const w=I.useMemo(()=>{var $,k;const h=!!a,u=j=>s.series.some((z,M)=>(h?(z.yAxisIndex??M)===j:j===0)&&v[z.name]!==!1),_=u(0),x=h&&u(1),T=s.series.map((j,z)=>{const M=j.color||(z===0?"rgba(0, 121, 233, 1)":"rgba(103, 242, 252, 1)"),B=o[z%o.length],N={name:j.name,type:"line",smooth:(l==null?void 0:l.smooth)??!0,symbol:"none",lineStyle:{color:M,width:(l==null?void 0:l.width)??2,shadowColor:M,shadowBlur:(l==null?void 0:l.shadowBlur)??10},areaStyle:{color:new se.graphic.LinearGradient(0,0,0,1,[{offset:0,color:B.from},{offset:1,color:B.to}])},data:j.values,z:3};return h?{...N,yAxisIndex:j.yAxisIndex??z}:N});return{backgroundColor:"transparent",legend:{show:i?!1:(p==null?void 0:p.show)??!0,top:(p==null?void 0:p.top)??"5%",left:(p==null?void 0:p.left)??"center",right:p==null?void 0:p.right,itemWidth:(p==null?void 0:p.itemWidth)??25,itemHeight:(p==null?void 0:p.itemHeight)??14,itemGap:(p==null?void 0:p.itemGap)??20,selectedMode:(p==null?void 0:p.selectedMode)??!0,selected:v,textStyle:{color:(($=p==null?void 0:p.textStyle)==null?void 0:$.color)??"rgba(255,255,255,0.8)",fontSize:((k=p==null?void 0:p.textStyle)==null?void 0:k.fontSize)??12},data:s.series.map((j,z)=>({name:j.name,itemStyle:{color:j.color||(z===0?"#3bbcff":"#39d1a1")}}))},grid:{top:"12%",left:"6%",right:"6%",bottom:"10%",containLabel:!0,...c},tooltip:{trigger:"axis",confine:!0,formatter:j=>{var B;const z=((B=j[0])==null?void 0:B.axisValueLabel)??"",M=j.map(N=>{var E;const W=((E=s.series[N.seriesIndex])==null?void 0:E.yAxisIndex)??N.seriesIndex,A=h&&W===1?a:n;return`${N.marker} ${N.seriesName}: ${ue(N.data)}${A??""}`}).join("<br/>");return`${z}<br/>${M}`},...r},xAxis:{type:"category",boundaryGap:!0,data:s.categories,axisLine:{show:(e==null?void 0:e.xAxisLineShow)??!1,lineStyle:{color:(e==null?void 0:e.xAxisLineColor)||"rgba(255,255,255,1)",width:1}},axisLabel:{color:(e==null?void 0:e.xAxisLabelColor)||"rgba(255,255,255,0.8)",fontSize:(e==null?void 0:e.xAxisLabelFontSize)||12,margin:14},axisTick:{show:!1}},yAxis:h?[{type:"value",show:_,name:n,position:"left",scale:!0,nameTextStyle:{color:(e==null?void 0:e.yAxisLabelColor)||"rgba(255,255,255,0.8)",fontSize:(e==null?void 0:e.yAxisLabelFontSize)||12,padding:(e==null?void 0:e.yAxisLabelLeftPsdding)??[0,0,0,10]},axisLine:{show:(e==null?void 0:e.yAxisLineShow)??!1,lineStyle:{color:(e==null?void 0:e.yAxisLineColor)||"rgba(255,255,255,1)",width:1}},splitLine:{show:!0,lineStyle:{type:(e==null?void 0:e.splitLineType)||"dashed",color:(e==null?void 0:e.splitLineColor)||"rgba(120, 180, 255, 0.25)",width:(e==null?void 0:e.splitLineWidth)||1}},axisLabel:{color:(e==null?void 0:e.yAxisLabelColor)||"rgba(255,255,255,0.8)",fontSize:(e==null?void 0:e.yAxisLabelFontSize)||12}},{type:"value",show:x,name:a,position:"right",scale:!0,nameTextStyle:{color:(e==null?void 0:e.yAxisLabelColor)||"rgba(255,255,255,0.8)",fontSize:(e==null?void 0:e.yAxisLabelFontSize)||12,padding:(e==null?void 0:e.yAxisLabelRightPsdding)??[0,10,0,0]},axisLine:{show:(e==null?void 0:e.yAxisLineShow)??!1,lineStyle:{color:(e==null?void 0:e.yAxisLineColor)||"rgba(255,255,255,1)",width:1}},splitLine:{show:!1},axisLabel:{color:(e==null?void 0:e.yAxisLabelColor)||"rgba(255,255,255,0.8)",fontSize:(e==null?void 0:e.yAxisLabelFontSize)||12}}]:{type:"value",show:_,name:n,scale:!0,nameTextStyle:{color:(e==null?void 0:e.yAxisLabelColor)||"rgba(255,255,255,0.8)",fontSize:(e==null?void 0:e.yAxisLabelFontSize)||12,padding:(e==null?void 0:e.yAxisLabelLeftPsdding)??[0,0,0,-20]},axisLine:{show:(e==null?void 0:e.yAxisLineShow)??!1,lineStyle:{color:(e==null?void 0:e.yAxisLineColor)||"rgba(255,255,255,1)",width:1}},splitLine:{show:!0,lineStyle:{type:(e==null?void 0:e.splitLineType)||"dashed",color:(e==null?void 0:e.splitLineColor)||"rgba(120, 180, 255, 0.25)",width:(e==null?void 0:e.splitLineWidth)||1}},axisLabel:{color:(e==null?void 0:e.yAxisLabelColor)||"rgba(255,255,255,0.8)",fontSize:(e==null?void 0:e.yAxisLabelFontSize)||12}},series:T}},[s,o,c,e,r,n,l,a,p,i,v]),F=I.useMemo(()=>{if(typeof i!="function")return i;const h=(u,_)=>u.color||(_===0?"#3bbcff":"#39d1a1");return i({selected:v,series:s.series.map((u,_)=>({...u,color:h(u,_),selected:v[u.name]??!0})),toggleLegend:u=>{S(_=>{const x=!(_[u]??!0);return{..._,[u]:x}})}})},[i,s.series,v]),L=I.useMemo(()=>({legendselectchanged:h=>{S(h.selected)}}),[]);return t.jsxs("div",{style:{width:"100%",height:"100%",...d},children:[F,t.jsx(Z,{ref:m,option:w,style:{width:"100%",height:"100%",...b},onEvents:L})]})},Go=({style:d,chartStyle:b,data:s={categories:["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月"],values:[20,30,45,40,60,120,240,300,260,200]},lineColor:o="#3bbcff",areaGradient:n={from:"rgba(59, 188, 255, 0.35)",to:"rgba(59, 188, 255, 0.0)"},pointStyle:a={size:8,borderWidth:2,borderColor:"#3bbcff",innerColor:"#ffffff"},grid:c,axisConfig:e,tooltipConfig:r})=>{const l=I.useMemo(()=>{const p=[{name:"数据",type:"line",smooth:!0,symbol:"circle",symbolSize:a.size??8,itemStyle:{color:a.innerColor??"#ffffff",borderColor:a.borderColor??o,borderWidth:a.borderWidth??2},lineStyle:{color:o,width:2},areaStyle:{color:new se.graphic.LinearGradient(0,0,0,1,[{offset:0,color:n.from},{offset:1,color:n.to}])},data:s.values}];return{backgroundColor:"transparent",grid:{top:"12%",left:"6%",right:"6%",bottom:"10%",containLabel:!0,...c},tooltip:{trigger:"axis",confine:!0,formatter:i=>{const m=i[0];return`${m.axisValueLabel}<br/>${m.marker} ${m.seriesName}: ${ue(m.data)}`},...r},xAxis:{type:"category",boundaryGap:!1,data:s.categories,axisLine:{show:!0,lineStyle:{color:(e==null?void 0:e.xAxisLineColor)||"rgba(255,255,255,0.5)",width:1}},axisLabel:{color:(e==null?void 0:e.xAxisLabelColor)||"rgba(255,255,255,0.8)",fontSize:(e==null?void 0:e.xAxisLabelFontSize)||12,margin:14},axisTick:{show:!1}},yAxis:{type:"value",splitLine:{show:!0,lineStyle:{color:(e==null?void 0:e.splitLineColor)||"rgba(120, 180, 255, 0.25)",width:(e==null?void 0:e.splitLineWidth)||2}},axisLabel:{color:(e==null?void 0:e.yAxisLabelColor)||"rgba(255,255,255,0.8)",fontSize:(e==null?void 0:e.yAxisLabelFontSize)||12}},series:p}},[s,o,n,a,c,e,r]);return t.jsx("div",{style:{width:"100%",height:"100%",...d},children:t.jsx(Z,{option:l,style:{width:"100%",height:"100%",...b}})})},Vo="_container_vytud_1",Xo="_title_vytud_5",Yo="_barContainer_vytud_10",Uo="_filledBar_vytud_18",Zo="_percentageText_vytud_26",Ko="_knob_vytud_34",ut={container:Vo,title:Xo,barContainer:Yo,filledBar:Uo,percentageText:Zo,knob:Ko},Qo=({className:d,style:b,titleConfig:s,barConfig:o,textConfig:n,value:a=45,total:c,color:e="#00ffff",data:r})=>{const l=r||[{name:(s==null?void 0:s.text)||"数据1（人）",value:a,total:c,color:e}],p=l.reduce((i,m)=>i+m.value,0);return t.jsx("div",{className:`${ut.container} ${d||""}`,style:{display:"flex",flexDirection:"column",gap:20,...b},children:l.map((i,m)=>{const y=i.color||e,v=i.total!==void 0?i.total:c!==void 0?c:p,S=i.value,w=v&&v>0?Math.min(100,Math.max(0,S/v*100)):S>0?100:0;return t.jsxs("div",{style:{width:"100%"},children:[t.jsx("div",{className:ut.title,style:{color:y,textShadow:`0 0 5px ${y}`,...s==null?void 0:s.style},children:i.name}),t.jsx("div",{className:ut.barContainer,style:{border:`1px solid ${y}40`,backgroundColor:`${y}10`,...o==null?void 0:o.containerStyle},children:t.jsxs("div",{className:ut.filledBar,style:{width:`${w}%`,background:`linear-gradient(90deg, ${y}20 0%, ${y} 100%)`,...o==null?void 0:o.filledStyle},children:[(n==null?void 0:n.show)!==!1&&t.jsx("span",{className:ut.percentageText,style:n==null?void 0:n.style,children:n!=null&&n.formatter?n.formatter(S,v,w):`${w.toFixed(0)}%`}),(o==null?void 0:o.showKnob)!==!1&&t.jsx("div",{className:ut.knob,style:{boxShadow:`0 0 15px ${y}, 0 0 5px ${y}`,...o==null?void 0:o.knobStyle}})]})})]},m)})})},Jo="_container_1shdn_1",fo="_leftSection_1shdn_14",go="_iconWrapper_1shdn_21",Co="_fallbackIcon_1shdn_34",el="_label_1shdn_41",tl="_rightSection_1shdn_45",rl="_title_1shdn_53",al="_valueWrapper_1shdn_58",sl="_value_1shdn_58",ol="_unit_1shdn_69",qe={container:Jo,leftSection:fo,iconWrapper:go,fallbackIcon:Co,label:el,rightSection:tl,title:rl,valueWrapper:al,value:sl,unit:ol},ll=({style:d,backgroundConfig:b,iconConfig:s,labelConfig:o,titleConfig:n,valueConfig:a,unitConfig:c})=>{const e=b==null?void 0:b.image,r=s==null?void 0:s.image,l=(o==null?void 0:o.text)||"导航",p=(n==null?void 0:n.text)||"今日剩余问题",i=(a==null?void 0:a.value)??20,m=(c==null?void 0:c.text)||"个";return t.jsxs("div",{className:`${qe.container}`,style:{backgroundImage:e?`url(${e})`:void 0,backgroundColor:e?void 0:(b==null?void 0:b.color)||"rgba(0, 50, 150, 0.2)",border:e?void 0:"1px solid #1c61af",...b==null?void 0:b.style,...d},children:[t.jsxs("div",{className:qe.leftSection,style:s==null?void 0:s.containerStyle,children:[t.jsx("div",{className:qe.iconWrapper,style:s==null?void 0:s.imageWrapperStyle,children:r?t.jsx("img",{src:r,alt:"icon",style:s==null?void 0:s.imageStyle}):t.jsx("div",{className:qe.fallbackIcon,style:s==null?void 0:s.fallbackStyle})}),t.jsx("span",{className:qe.label,style:o==null?void 0:o.style,children:l})]}),t.jsxs("div",{className:qe.rightSection,children:[t.jsx("span",{className:qe.title,style:n==null?void 0:n.style,children:p}),t.jsxs("div",{className:qe.valueWrapper,children:[t.jsx("span",{className:qe.value,style:a==null?void 0:a.style,children:i}),t.jsx("span",{className:qe.unit,style:c==null?void 0:c.style,children:m})]})]})]})},cl=({className:d,style:b,chartStyle:s,data:o,colors:n,trackColor:a="#242633",barCategoryGap:c="80%",roundCap:e=!0,angleAxisConfig:r,polarConfig:l,labelConfig:p,legendConfig:i,tooltipConfig:m})=>{const y=I.useRef(null),v=I.useMemo(()=>o||[{value:18,name:"标签四"},{value:92,name:"标签三"},{value:89,name:"标签二"},{value:93,name:"标签一"}],[o]),S=I.useMemo(()=>n||["#33FF99","#00FFCC","#3399FF","#007AFF"],[n]),w=I.useMemo(()=>{var k,j,z,M,B;const F={max:133.33,startAngle:225,clockwise:!0,...r},L={radius:["28%","100%"],center:["38%","50%"],...l},h={show:!1,position:"outside",formatter:"{c}%",color:"#fff",fontSize:14,fontWeight:"bold",distance:5,...p},u={show:!0,orient:"vertical",right:"5%",top:"center",itemGap:20,icon:"rect",itemWidth:12,itemHeight:12,...i},_={color:"#AAB2BD",fontSize:16,width:80,padding:[0,0,0,5],...(j=(k=i==null?void 0:i.textStyle)==null?void 0:k.rich)==null?void 0:j.name},x={color:"#fff",fontSize:20,fontWeight:"bold",...(M=(z=i==null?void 0:i.textStyle)==null?void 0:z.rich)==null?void 0:M.value},T={...i==null?void 0:i.textStyle,rich:{name:_,value:x,...(B=i==null?void 0:i.textStyle)==null?void 0:B.rich}};return{backgroundColor:"transparent",tooltip:{show:!0,trigger:"item",...m},angleAxis:{...F,axisLine:{show:!1},axisTick:{show:!1},axisLabel:{show:!1},splitLine:{show:!1}},radiusAxis:{type:"category",data:v.map(N=>N.name),z:10,axisLine:{show:!1},axisTick:{show:!1},axisLabel:{show:!1},splitLine:{show:!1}},polar:L,series:[{type:"bar",data:v.map(()=>100),coordinateSystem:"polar",barGap:"-100%",barCategoryGap:c,z:0,roundCap:e,silent:!0,itemStyle:{color:a,borderRadius:999}},...v.map((N,W)=>({type:"bar",name:N.name,coordinateSystem:"polar",barGap:"-100%",barCategoryGap:c,roundCap:e,z:2,data:v.map((A,E)=>E===W?N.value:"-"),itemStyle:{color:S[W%S.length],borderRadius:999},label:h}))],legend:{...u,data:[...v].reverse().map(N=>{const W=v.indexOf(N);return{name:N.name,itemStyle:{color:S[W%S.length]}}}),textStyle:T,formatter:(i==null?void 0:i.formatter)||(N=>{const W=v.find(A=>A.name===N);return`{name|${N}}{value|${(W==null?void 0:W.value)||0}%}`})}}},[v,S,a,c,e,r,l,p,i,m]);return t.jsx("div",{className:d,style:{width:"100%",height:"100%",...b},children:t.jsx(Z,{ref:y,option:w,style:{width:"100%",height:"100%",...s}})})},nl=({style:d,chartStyle:b,data:s={categories:["1月","2月","3月","4月","5月"],series:[{name:"系列1",data:[34,28,30,15,30]},{name:"系列2",data:[42,43,36,33,38]}]},unit:o="千KW",colors:n=["#0055FF","#00DDDD"],grid:a,legendConfig:c,tooltipConfig:e})=>{const r=I.useMemo(()=>{const l=s.series.flatMap((p,i)=>{const m=n[i%n.length];return[{name:p.name,type:"bar",data:p.data,barWidth:15,itemStyle:{color:new se.graphic.LinearGradient(0,0,0,1,[{offset:0,color:m},{offset:1,color:"rgba(255, 255, 255, 0)"}]),borderColor:m,borderWidth:1}},{name:p.name,type:"line",data:p.data,symbol:"none",lineStyle:{color:m,width:3},smooth:!1,tooltip:{show:!1}}]});return{backgroundColor:"transparent",tooltip:{trigger:"axis",axisPointer:{type:"shadow"},confine:!0,transitionDuration:0,extraCssText:"pointer-events: none;",formatter:p=>{let i=p[0].name+"<br/>";const m=new Set;return p.forEach(y=>{!m.has(y.seriesName)&&y.seriesType==="bar"&&(m.add(y.seriesName),i+=y.marker+y.seriesName+": "+ue(y.value)+(o?` ${o}`:"")+"<br/>")}),i},...e},legend:{top:"0%",right:"0%",textStyle:{color:"#fff",fontSize:14},data:s.series.map(p=>({name:p.name,icon:"roundRect"})),...c},grid:{top:"15%",left:"2%",right:"2%",bottom:"5%",containLabel:!0,...a},xAxis:{type:"category",data:s.categories,axisLine:{show:!0,lineStyle:{color:"#666"}},axisLabel:{color:"#fff",fontSize:16,margin:15},axisTick:{show:!1}},yAxis:[{type:"value",nameTextStyle:{color:"#fff",fontSize:14,padding:[0,0,0,20]},splitLine:{show:!0,lineStyle:{color:"rgba(255, 255, 255, 0.2)"}},axisLabel:{color:"#fff",fontSize:16}},{type:"value",splitLine:{show:!1},axisLabel:{color:"#fff",fontSize:16}}],series:l}},[s,o,n,a,c,e]);return t.jsx("div",{style:{width:"100%",height:"100%",...d},children:t.jsx(Z,{option:r,style:{width:"100%",height:"100%",...b}})})},dl=({style:d,chartStyle:b,data:s=[{value:[80,90,50,60,80],name:"Data"}],indicators:o=[{name:"仓库一",max:100},{name:"仓库二",max:100},{name:"仓库三",max:100},{name:"仓库四",max:100},{name:"仓库五",max:100}],radarConfig:n={},seriesConfig:a={symbol:"circle",symbolSize:6,itemStyle:{color:"#fff"},lineStyle:{color:"#FFFF00",width:1},areaStyle:{color:"rgba(255, 255, 0, 0.3)"}},tooltipConfig:c={trigger:"item"}})=>{const{center:e=["50%","50%"],radius:r="70%",shape:l="polygon",splitNumber:p=5,axisName:i={color:"#fff",fontSize:14},splitLine:m={show:!1},splitArea:y={show:!0,colors:["rgba(28, 97, 175, 0.9)","rgba(28, 97, 175, 0.7)","rgba(28, 97, 175, 0.5)","rgba(28, 97, 175, 0.3)","rgba(28, 97, 175, 0.1)"]},axisLine:v={show:!1}}=n,S=I.useMemo(()=>({backgroundColor:"transparent",tooltip:{trigger:"item",...c},radar:{indicator:o,center:e,radius:r,shape:l,splitNumber:p,axisName:i,splitLine:m,splitArea:{show:y.show,areaStyle:{color:y.colors}},axisLine:v},series:[{type:"radar",data:s.map(w=>({...w,symbol:w.symbol||a.symbol,symbolSize:w.symbolSize||a.symbolSize,itemStyle:{...a.itemStyle,...w.itemStyle},lineStyle:{...a.lineStyle,...w.lineStyle},areaStyle:{...a.areaStyle,...w.areaStyle}}))}]}),[s,o,e,r,l,p,i,m,y,v,a,c]);return t.jsx("div",{style:{width:"100%",height:"100%",...d},children:t.jsx(Z,{option:S,style:{width:"100%",height:"100%",...b}})})},il="_container_1kqcz_1",hl="_sciFiBorder_1kqcz_7",pl="_cornerDecoration_1kqcz_16",ul="_cornerTopLeft_1kqcz_23",ml="_cornerTopRight_1kqcz_27",yl="_cornerBottomLeft_1kqcz_31",bl="_cornerBottomRight_1kqcz_35",vl="_topCenterDecoration_1kqcz_39",Sl="_topCenterInner_1kqcz_55",xl="_bottomRightLines_1kqcz_60",wl="_skewLine_1kqcz_68",_l="_contentList_1kqcz_74",Ll="_listItem_1kqcz_81",jl="_itemHeader_1kqcz_86",kl="_rankBadge_1kqcz_92",zl="_itemName_1kqcz_104",$l="_itemValue_1kqcz_107",Fl="_valueNumber_1kqcz_110",Ml="_valuePercent_1kqcz_114",Tl="_progressBarContainer_1kqcz_117",Il="_progressBar_1kqcz_117",ce={container:il,sciFiBorder:hl,cornerDecoration:pl,cornerTopLeft:ul,cornerTopRight:ml,cornerBottomLeft:yl,cornerBottomRight:bl,topCenterDecoration:vl,topCenterInner:Sl,bottomRightLines:xl,skewLine:wl,contentList:_l,listItem:Ll,itemHeader:jl,rankBadge:kl,itemName:zl,itemValue:$l,valueNumber:Fl,valuePercent:Ml,progressBarContainer:Tl,progressBar:Il},Wl=({style:d,className:b,backgroundImage:s,data:o=[{name:"XXX大学技术",value:274},{name:"XXX大学技术",value:174},{name:"XXX大学技术",value:374},{name:"XXX大学技术",value:574}],colors:n={primary:"#0072ff",secondary:"#4facfe",highlight:"#00f2fe"},decorationConfig:a={showBorder:!0,showCorners:!0,showTopCenter:!0,showBottomRightLines:!0},itemConfig:c={gap:20,padding:"30px"},labelConfig:e={nameColor:"#fff",nameFontSize:14,valueColor:"#fff",valueFontSize:16,percentColor:"#a1a8c3",percentFontSize:14,showPercent:!0},barConfig:r={height:12,trackColor:"rgba(255, 255, 255, 0.05)",color:"#00f2fe",stripeWidth:3,gapWidth:2},rankConfig:l,unit:p=""})=>{const i=I.useMemo(()=>({colors:(l==null?void 0:l.colors)??["linear-gradient(135deg, #FFD700 0%, #FDB931 100%)","linear-gradient(135deg, #E0E0E0 0%, #BDBDBD 100%)","linear-gradient(135deg, #CD7F32 0%, #A0522D 100%)"],defaultColor:(l==null?void 0:l.defaultColor)??"linear-gradient(135deg, #00f2fe 0%, #4facfe 100%)",width:(l==null?void 0:l.width)??24,height:(l==null?void 0:l.height)??24,borderRadius:(l==null?void 0:l.borderRadius)??2}),[l]),m=I.useMemo(()=>o.reduce((v,S)=>v+S.value,0),[o]),y=I.useMemo(()=>o.map(v=>({...v,percent:m?(v.value/m*100).toFixed(0):0})),[o,m]);return t.jsxs("div",{className:Fe(ce.container,b),style:{...d,padding:c.padding,backgroundImage:s?`url(${s})`:void 0,backgroundSize:s?"100% 100%":void 0,backgroundRepeat:s?"no-repeat":void 0},children:[!s&&t.jsxs(t.Fragment,{children:[a.showBorder&&t.jsx("div",{className:ce.sciFiBorder,style:{borderColor:n.primary,boxShadow:`0 0 15px ${n.primary}4d`}}),a.showCorners&&t.jsxs(t.Fragment,{children:[t.jsx("div",{className:Fe(ce.cornerDecoration,ce.cornerTopLeft),style:{background:n.secondary}}),t.jsx("div",{className:Fe(ce.cornerDecoration,ce.cornerTopRight),style:{background:n.secondary}}),t.jsx("div",{className:Fe(ce.cornerDecoration,ce.cornerBottomLeft),style:{background:n.secondary}}),t.jsx("div",{className:Fe(ce.cornerDecoration,ce.cornerBottomRight),style:{background:n.secondary}})]}),a.showTopCenter&&t.jsx("div",{className:ce.topCenterDecoration,style:{borderColor:n.primary,borderTop:"none"},children:t.jsx("div",{className:ce.topCenterInner,style:{background:n.secondary}})}),a.showBottomRightLines&&t.jsx("div",{className:ce.bottomRightLines,children:[1,2,3,4].map(v=>t.jsx("div",{className:ce.skewLine,style:{background:n.primary}},v))})]}),t.jsx("div",{className:ce.contentList,style:{gap:c.gap},children:y.map((v,S)=>t.jsxs("div",{className:ce.listItem,children:[t.jsxs("div",{className:ce.itemHeader,children:[t.jsx("div",{className:ce.rankBadge,style:{width:i.width,height:i.height,borderRadius:i.borderRadius,background:i.colors[S]||i.defaultColor},children:S+1}),t.jsx("span",{className:ce.itemName,style:{color:e.nameColor,fontSize:e.nameFontSize},children:v.name}),t.jsxs("span",{className:ce.itemValue,children:[t.jsxs("span",{className:ce.valueNumber,style:{color:e.valueColor,fontSize:e.valueFontSize},children:[v.value,p]}),e.showPercent&&t.jsxs("span",{className:ce.valuePercent,style:{color:e.percentColor,fontSize:e.percentFontSize},children:["(",v.percent,"%)"]})]})]}),t.jsx("div",{className:ce.progressBarContainer,style:{height:r.height,background:r.trackColor},children:t.jsx("div",{className:ce.progressBar,style:{width:`${m?v.value/m*100:0}%`,background:i.colors[S]||r.color,WebkitMask:`repeating-linear-gradient(90deg, #000, #000 ${r.stripeWidth}px, transparent ${r.stripeWidth}px, transparent ${Number(r.stripeWidth)+Number(r.gapWidth)}px)`,mask:`repeating-linear-gradient(90deg, #000, #000 ${r.stripeWidth}px, transparent ${r.stripeWidth}px, transparent ${Number(r.stripeWidth)+Number(r.gapWidth)}px)`,boxShadow:i.colors[S]?void 0:`0 0 10px ${r.color}80`}})})]},S))})]})},Bl=({style:d,chartStyle:b,titleText:s,titleTextStyle:o,tooltipConfig:n,grid:a,xAxisConfig:c,yAxisConfig:e,yAxisAuto:r,unit:l="个",data:p,barWidth:i,colors:m})=>{const y={xAxis:["1月","2月","3月","4月","5月","6月"],value:[310,180,340,210,320,240]},v=p!=null&&p.xAxis&&p.xAxis.length>0?p.xAxis:y.xAxis,S=p!=null&&p.value&&p.value.length>0?p.value:y.value,w=S.length>0?Math.max(...S):0,L=S.length>0?S.map(()=>w):[400,400,400,400,400,400],h=i??15,u=(m==null?void 0:m.background)||"rgba(255,255,255,0.05)",_=(m==null?void 0:m.gradientFrom)||"#97c8ff",x=(m==null?void 0:m.gradientTo)||"#2f69f8",$=r?(j=>{if(!j||j.length===0)return{};const z=Math.min(...j),M=Math.max(...j),B=M-z||M||1,W=Math.pow(10,Math.floor(Math.log10(B)))/2,A=z>=0?0:Math.floor(z/W)*W,E=Math.ceil(M*1.05/W)*W;return{min:A,max:E}})(S):{},k={backgroundColor:"transparent",title:{text:s||"针对2023年半年的统计",textStyle:{color:"#a1a8c3",fontSize:14,fontWeight:"normal",...o},top:0,left:0},tooltip:{trigger:"axis",axisPointer:{type:"shadow"},backgroundColor:"rgba(50,50,50,0.7)",borderColor:"#333",textStyle:{color:"#fff"},formatter:j=>{const z=Array.isArray(j)?j:[j],M=z.find(W=>(W==null?void 0:W.seriesName)!=="Background")??z[0],B=(M==null?void 0:M.axisValueLabel)??(M==null?void 0:M.name)??"",N=(M==null?void 0:M.value)??"";return`${B}: ${N}${l}`},...n||{}},grid:{top:"15%",left:"3%",right:"4%",bottom:"3%",containLabel:!0,...a||{}},xAxis:{type:"category",data:v,axisLine:{show:!0,lineStyle:{color:"#3d526f"}},axisTick:{show:!0,alignWithLabel:!0,lineStyle:{color:"#3d526f"}},axisLabel:{color:"#a1a8c3",fontSize:12,margin:15},...c||{}},yAxis:{type:"value",...r&&$.min!==void 0?{min:$.min}:{},...r&&$.max!==void 0?{max:$.max}:{},splitLine:{lineStyle:{type:"dashed",color:"rgba(255,255,255,0.1)"}},axisLabel:{color:"#a1a8c3",fontSize:12,...l?{formatter:j=>`${j}${l}`}:{}},...e||{}},series:[{name:"Background",type:"bar",barWidth:h,data:L,itemStyle:{color:u},tooltip:{show:!1},silent:!0,barGap:"-100%",z:1},{name:"Value",type:"bar",barWidth:h,data:S,itemStyle:{color:new se.graphic.LinearGradient(0,0,0,1,[{offset:0,color:_},{offset:1,color:x}])},z:2}]};return t.jsx("div",{style:{width:"100%",height:"100%",...d},children:t.jsx(Z,{option:k,style:{height:"100%",width:"100%",...b}})})},Nl="_container_15fyb_1",Pl="_background_15fyb_8",Dl="_decoration_15fyb_18",Al="_decoration1_15fyb_25",El="_decoration2_15fyb_29",Rl="_textContainer_15fyb_32",Ol="_title_15fyb_37",Hl="_subTitle_15fyb_45",Ge={container:Nl,background:Pl,decoration:Dl,decoration1:Al,decoration2:El,textContainer:Rl,title:Ol,subTitle:Hl},ql=({className:d,style:b,title:s="统计情况",subTitle:o="",backgroundConfig:n={},textConfig:a={},textContainer:c})=>{const e={image:n.image,gradient:n.gradient||"linear-gradient(90deg, rgba(0, 50, 150, 0.8) 0%, rgba(0, 50, 150, 0) 100%)",border:n.border||"1px solid rgba(0, 150, 255, 0.3)",showDecoration:n.showDecoration!==!1,decorationColors:n.decorationColors||["#00ffff","rgba(0, 255, 255, 0.5)"]},r={titleStyle:{...a.titleStyle},subTitleStyle:{...a.subTitleStyle},paddingLeft:a.paddingLeft!==void 0?a.paddingLeft:e.image?"20px":"50px"};return t.jsxs("div",{className:Fe(Ge.container,d),style:b,children:[e.image?t.jsx("div",{className:Ge.background,style:{backgroundImage:`url(${e.image})`}}):t.jsx("div",{className:Ge.background,style:{background:e.gradient,borderBottom:e.border},children:e.showDecoration&&t.jsxs(t.Fragment,{children:[t.jsx("div",{className:Fe(Ge.decoration,Ge.decoration1),style:{background:e.decorationColors[0]}}),t.jsx("div",{className:Fe(Ge.decoration,Ge.decoration2),style:{background:e.decorationColors[1]}})]})}),t.jsxs("div",{className:Ge.textContainer,style:{paddingLeft:r.paddingLeft,...c},children:[t.jsx("span",{className:Ge.title,style:r.titleStyle,children:s}),o&&t.jsx("span",{className:Ge.subTitle,style:r.subTitleStyle,children:o})]})]})},Gl=({style:d,chartStyle:b,data:s={categories:["1月","2月","3月","4月","5月"],series:[{name:"系列1",data:[40,34,38,24,38]},{name:"系列2",data:[49,52,52,37,47]}]},unit:o="千KW",colors:n=["#00DDFF","#00FFAA"],grid:a,legendConfig:c,tooltipConfig:e})=>{const r=I.useMemo(()=>{const l=s.series.flatMap((p,i)=>{const m=n[i%n.length],y=(v,S)=>{if(v.startsWith("#")&&v.length===7){const w=parseInt(v.slice(1,3),16),F=parseInt(v.slice(3,5),16),L=parseInt(v.slice(5,7),16);return`rgba(${w}, ${F}, ${L}, ${S})`}return v};return[{name:p.name,type:"bar",data:p.data,barWidth:15,showBackground:!0,backgroundStyle:{color:"rgba(255, 255, 255, 0.05)",borderRadius:[50,50,50,50],borderColor:"#666",borderWidth:1},itemStyle:{borderRadius:[50,50,50,50],color:new se.graphic.LinearGradient(0,0,0,1,[{offset:0,color:m},{offset:1,color:y(m,.2)}])},barGap:"50%"},{name:p.name,type:"line",data:p.data,symbol:"circle",symbolSize:8,itemStyle:{color:"#fff",borderColor:m,borderWidth:2},lineStyle:{color:m,width:2},smooth:!1,tooltip:{show:!1}}]});return{backgroundColor:"transparent",tooltip:{trigger:"axis",axisPointer:{type:"shadow"},confine:!0,transitionDuration:0,extraCssText:"pointer-events: none;",formatter:p=>{let i=p[0].name+"<br/>";const m=new Set;return p.forEach(y=>{!m.has(y.seriesName)&&y.seriesType==="bar"&&(m.add(y.seriesName),i+=y.marker+y.seriesName+": "+ue(y.value)+(o?` ${o}`:"")+"<br/>")}),i},...e},legend:{top:"0%",right:"0%",textStyle:{color:"#fff",fontSize:14},data:s.series.map(p=>({name:p.name,icon:"roundRect"})),...c},grid:{top:"15%",left:"2%",right:"2%",bottom:"5%",containLabel:!0,...a},xAxis:{type:"category",data:s.categories,axisLine:{show:!0,lineStyle:{color:"#666"}},axisLabel:{color:"#fff",fontSize:16,margin:15},axisTick:{show:!1}},yAxis:[{type:"value",nameTextStyle:{color:"#fff",fontSize:14,padding:[0,0,0,20]},splitLine:{show:!0,lineStyle:{color:"rgba(255, 255, 255, 0.2)"}},axisLabel:{color:"#fff",fontSize:16}},{type:"value",splitLine:{show:!1},axisLabel:{color:"#fff",fontSize:16}}],series:l}},[s,o,n,a,c,e]);return t.jsx("div",{style:{width:"100%",height:"100%",...d},children:t.jsx(Z,{option:r,style:{width:"100%",height:"100%",...b}})})},Vl=({className:d,style:b,chartStyle:s,data:o=[{name:"仓库存储数据可视化展示",value:65,percentage:"13.5%",count:"22起",color:"#00BFFF",trackColor:"#00334D"},{name:"仓库存储数据可视化展示",value:75,percentage:"13.5%",count:"22起",color:"#00FF99",trackColor:"#00331F"},{name:"仓库存储数据可视化展示",value:55,percentage:"13.5%",count:"22起",color:"#1E90FF",trackColor:"#051933"}],chartConfig:n={},gaugeConfig:a={},legendConfig:c={},imageConfig:e={},color:r="#00f2fe"})=>{const{center:l=["30%","50%"],centerRadius:p="42%"}=n,{maxRadius:i=82,gap:m=14,trackWidth:y=6,startAngle:v=90,endAngle:S=-269.9}=a,{show:w=!0,right:F="10%",top:L="center",textStyle:h={},itemWidth:u=8,itemHeight:_=8,itemGap:x=20}=c,T=e.show??!!e.src,$=e.src,k=e.size||85,j=I.useMemo(()=>{const z=[];return o.forEach((M,B)=>{const N=`${i-B*m}%`;z.push({type:"gauge",radius:N,center:l,startAngle:v,endAngle:S,splitNumber:1,axisLine:{lineStyle:{color:[[1,M.trackColor||"#00334D"]],width:y}},axisTick:{show:!1},axisLabel:{show:!1},splitLine:{show:!1},pointer:{show:!1},detail:{show:!1}}),z.push({name:`data_${B}`,type:"gauge",radius:N,center:l,startAngle:v,endAngle:Math.floor(S),min:0,max:100,splitNumber:1,axisLine:{show:!1},progress:{show:!0,width:y,roundCap:!0,itemStyle:{color:M.color}},axisTick:{show:!1},axisLabel:{show:!1},splitLine:{show:!1},pointer:{show:!1},detail:{show:!1},data:[{value:M.value}],z:10}),T&&$?B===0&&z.push({type:"custom",coordinateSystem:"none",renderItem:(W,A)=>{const E=A.getWidth(),te=A.getHeight(),ne=(be,Y)=>typeof be=="number"?be:typeof be=="string"&&be.endsWith("%")?parseFloat(be)/100*Y:parseFloat(be),de=ne(l[0],E),Q=ne(l[1],te);return{type:"image",style:{image:$,x:de-k/2,y:Q-k/2,width:k,height:k}}},data:[0],z:10,silent:!0}):z.push({type:"pie",radius:["0%",p],center:l,silent:!0,itemStyle:{color:{type:"radial",x:.5,y:.5,r:.5,colorStops:[{offset:0,color:"rgba(0,0,0,0)"},{offset:.8,color:`${r}60`},{offset:1,color:`${r}cc`}]}},data:[{value:1}],label:{show:!1},z:5},{type:"gauge",radius:p,center:l,startAngle:90,endAngle:-269.9,splitNumber:1,axisLine:{lineStyle:{color:[[1,r]],width:1,opacity:.5}},splitLine:{show:!1},axisTick:{show:!1},axisLabel:{show:!1},pointer:{show:!1},detail:{show:!1},z:5})}),{backgroundColor:"transparent",legend:{show:w,orient:"vertical",right:F,top:L,icon:"circle",itemWidth:u,itemHeight:_,itemGap:x,textStyle:{color:"#fff",rich:{name:{fontSize:12,opacity:.8,padding:[0,0,4,0]},val:{fontSize:16,fontWeight:"bold",padding:[0,10,0,0]},count:{fontSize:14}},...h},data:o.map((M,B)=>({name:`data_${B}`,itemStyle:{color:M.color}})),formatter:M=>{const B=parseInt(M.replace("data_","")),N=o[B];if(!N)return M;const W=N.name||"",A=N.percentage||"",E=N.count||"";return`{name|${W}}
|
|
12
|
+
{val|${A}}{count|${E}}`}},series:z}},[o,w,F,L,u,_,x,h,i,m,l,v,S,y,r,T,$,k,p]);return t.jsx("div",{className:d,style:{padding:"20px",borderRadius:"8px",width:"100%",height:"100%",...b},children:t.jsx(Z,{option:j,style:{width:"100%",height:"100%",...s}})})},Xl=({style:d,chartStyle:b,data:s={name:"",value:0},layout:o={},titleConfig:n={},labelConfig:a={},progressConfig:c={},outerConfig:e={}})=>{const{color:r="#00f2fe",value:l,name:p,startColor:i="#00f2fe",endColor:m="#4facfe"}=s,y=o.width??"200px",v=o.height??"200px",S=o.center??["50%","50%"],w=n.fontSize??30,F=n.fontWeight??"bold",L=n.color??r,h=a.fontSize??16,u=a.color??"#fff",_=a.marginTop??"10px",x=c.radius??"70%",T=c.innerRadius??"0%",$=c.width??15,k=c.trackOpacity??.5,j=e.show??!0,z=e.radius??"84%",M=e.splitNumber??20,B=e.tickWidth??4,N=e.tickLength??15,W=e.tickColor??"#fff",A=e.lineOpacity??.3,E=I.useMemo(()=>({title:{text:`${l}%`,left:"center",top:"center",textStyle:{color:L,fontSize:w,fontWeight:F}},series:[{type:"pie",radius:[T,x],center:S,silent:!0,itemStyle:{color:{type:"radial",x:.5,y:.5,r:.5,colorStops:[{offset:0,color:"rgba(0,0,0,0)"},{offset:.8,color:`${r}60`},{offset:1,color:`${r}cc`}]}},data:[{value:1}],label:{show:!1}},{type:"gauge",radius:x,center:S,startAngle:90,endAngle:-269.9,splitNumber:1,axisLine:{lineStyle:{color:[[1,r]],width:1,opacity:k}},splitLine:{show:!1},axisTick:{show:!1},axisLabel:{show:!1},pointer:{show:!1},detail:{show:!1}},{type:"gauge",radius:x,center:S,startAngle:90,endAngle:-269.9,min:0,max:100,splitNumber:1,zlevel:1,axisLine:{show:!1},progress:{show:!0,width:$,itemStyle:{color:new se.graphic.LinearGradient(0,0,1,1,[{offset:0,color:i},{offset:1,color:m}])}},splitLine:{show:!1},axisTick:{show:!1},axisLabel:{show:!1},pointer:{show:!1},detail:{show:!1},data:[{value:l}],z:10},j&&{type:"gauge",radius:z,center:S,startAngle:90,endAngle:-269.9,splitNumber:M,blendMode:"destination-out",zlevel:1,axisLine:{lineStyle:{width:N,opacity:0}},progress:{show:!1},splitLine:{show:!0,length:N,distance:0,lineStyle:{color:W,width:B}},axisTick:{show:!1},axisLabel:{show:!1},pointer:{show:!1},detail:{show:!1},z:20},j&&{type:"gauge",radius:z,center:S,startAngle:90,endAngle:-269.9,splitNumber:1,axisLine:{lineStyle:{color:[[1,r]],width:1,opacity:A}},splitLine:{show:!1},axisTick:{show:!1},axisLabel:{show:!1},pointer:{show:!1},detail:{show:!1},z:1}].filter(Boolean)}),[l,L,w,F,T,x,S,r,k,$,i,m,j,z,M,N,W,B,A]);return t.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",margin:"0 10px",...d},children:[t.jsx(Z,{option:E,style:{height:v,width:y,...b}}),t.jsx("div",{style:{marginTop:_,color:u,fontSize:h},children:p})]})},Yl="_customScrollbar_udav6_1",Ul={customScrollbar:Yl},Jt=(d,b)=>typeof d=="number"?d:typeof d=="string"&&d.endsWith("%")?parseFloat(d)/100*b:parseFloat(d),Zl=({className:d,style:b,chartStyle:s,chartRenderer:o="svg",chartContainerStyle:n,legendContainerStyle:a,legendItemStyle:c,legendItemHeaderStyle:e,legendColorBlockStyle:r,legendNameStyle:l,legendLineContainerStyle:p,legendLineHorizontalStyle:i,legendDataStyle:m,legendPercentStyle:y,centerImage:v,color:S="#00f2fe",data:w,colors:F=["#FFFFFF","#FFD700","#00FA9A","#1E90FF","#00FFFF"],unit:L,titleConfig:h,legendConfig:u,pieConfig:_,centerConfig:x,seriesConfig:T})=>{var we,Le,H,U,Ze,Ae,Ke,tt,rt,C,Me,Qe,Je,nt,wt,_t,yt,Lt,pe,dt,at,Te,fe,st,ge,Ee,bt,Xe,It,Wt;const $=I.useRef(null),k=I.useRef(null),j=Mt.useSize(k),[z,M]=I.useState(0),B=I.useMemo(()=>{const D=w||[{value:2e3,name:"统计一"},{value:960,name:"统计二"},{value:2800,name:"统计三"},{value:1200,name:"统计四"},{value:1040,name:"统计五"}],ee=D.reduce((je,ye)=>je+ye.value,0);return D.map((je,ye)=>({...je,color:je.color||F[ye%F.length],percent:`${ee>0?(je.value/ee*100).toFixed(0):0}%`}))},[w,F]),[N,W]=I.useState({}),[A,E]=I.useState();I.useEffect(()=>{const D={};B.forEach(ee=>{D[ee.name]=!0}),W(D)},[B]);const te=I.useMemo(()=>B.reduce((D,ee)=>N[ee.name]?D+ee.value:D,0),[B,N]),ne=(x==null?void 0:x.image)||v||"https://gw.alipayobjects.com/zos/rmsportal/BiazfanxmamNRoxxVxka.png",de=(x==null?void 0:x.imageSize)||135,Q=(_==null?void 0:_.center)||["50%","50%"],be=((we=_==null?void 0:_.radius)==null?void 0:we.outer)||["74%","88%"],Y=((Le=_==null?void 0:_.radius)==null?void 0:Le.inner)||["58%","68%"],R=((H=_==null?void 0:_.radius)==null?void 0:H.halo)||["50%","90%"],O=(x==null?void 0:x.radius)||"50%",X={textAlign:(h==null?void 0:h.textAlign)||"center",textVerticalAlign:(h==null?void 0:h.textVerticalAlign)||"middle",z:(h==null?void 0:h.z)??11,valueStyle:{color:((U=h==null?void 0:h.textStyle)==null?void 0:U.color)||"#fff",fontSize:((Ze=h==null?void 0:h.textStyle)==null?void 0:Ze.fontSize)||32,fontWeight:((Ae=h==null?void 0:h.textStyle)==null?void 0:Ae.fontWeight)||"bold",lineHeight:((Ke=h==null?void 0:h.textStyle)==null?void 0:Ke.lineHeight)||40,align:((tt=h==null?void 0:h.textStyle)==null?void 0:tt.align)||"center"},labelStyle:{color:((rt=h==null?void 0:h.labelStyle)==null?void 0:rt.color)||"#fff",fontSize:((C=h==null?void 0:h.labelStyle)==null?void 0:C.fontSize)||14,align:((Me=h==null?void 0:h.labelStyle)==null?void 0:Me.align)||"center"}},P={silent:((Qe=T==null?void 0:T.halo)==null?void 0:Qe.silent)??!0,opacity:((Je=T==null?void 0:T.halo)==null?void 0:Je.opacity)??0,z:((nt=T==null?void 0:T.halo)==null?void 0:nt.z)??0},G={name:((wt=T==null?void 0:T.dataRing)==null?void 0:wt.name)||"Access From",avoidLabelOverlap:((_t=T==null?void 0:T.dataRing)==null?void 0:_t.avoidLabelOverlap)??!1,borderRadius:((yt=T==null?void 0:T.dataRing)==null?void 0:yt.borderRadius)??0,shadowBlur:((Lt=T==null?void 0:T.dataRing)==null?void 0:Lt.shadowBlur)??10,outerOpacity:((pe=T==null?void 0:T.dataRing)==null?void 0:pe.outerOpacity)??.8,innerOpacity:((dt=T==null?void 0:T.dataRing)==null?void 0:dt.innerOpacity)??.2,emphasis:{scale:((Te=(at=T==null?void 0:T.dataRing)==null?void 0:at.emphasis)==null?void 0:Te.scale)??!0,scaleSize:((st=(fe=T==null?void 0:T.dataRing)==null?void 0:fe.emphasis)==null?void 0:st.scaleSize)??10}},K={z:(x==null?void 0:x.imageZ)??10,silent:(x==null?void 0:x.imageSilent)??!0},J={innerRadius:(x==null?void 0:x.innerRadius)||"0%",silent:(x==null?void 0:x.silent)??!0,colorStops:((ge=x==null?void 0:x.gradient)==null?void 0:ge.colorStops)||[{offset:0,color:"rgba(0,0,0,0)"},{offset:.8,color:`${S}60`},{offset:1,color:`${S}cc`}]},f={startAngle:((Ee=x==null?void 0:x.gauge)==null?void 0:Ee.startAngle)??90,endAngle:((bt=x==null?void 0:x.gauge)==null?void 0:bt.endAngle)??-269.9,splitNumber:((Xe=x==null?void 0:x.gauge)==null?void 0:Xe.splitNumber)??1,lineWidth:((It=x==null?void 0:x.gauge)==null?void 0:It.lineWidth)??1,lineOpacity:((Wt=x==null?void 0:x.gauge)==null?void 0:Wt.lineOpacity)??.5},ve=I.useMemo(()=>({legend:{show:(u==null?void 0:u.show)??!1,data:B.map(D=>D.name),selected:N},title:h!=null&&h.text?{left:Q[0],top:Q[1],textAlign:X.textAlign,textVerticalAlign:X.textVerticalAlign,z:X.z,text:`{value|${(h==null?void 0:h.text)||te.toLocaleString()}}
|
|
13
|
+
{label|${(h==null?void 0:h.label)||"三季度"}}`,textStyle:{rich:{value:{color:X.valueStyle.color,fontSize:X.valueStyle.fontSize,fontWeight:X.valueStyle.fontWeight,lineHeight:X.valueStyle.lineHeight,align:X.valueStyle.align,...h==null?void 0:h.textStyle},label:{color:X.labelStyle.color,fontSize:X.labelStyle.fontSize,align:X.labelStyle.align,...h==null?void 0:h.labelStyle}}}}:{show:!1},series:[{type:"pie",radius:R,center:Q,silent:P.silent,itemStyle:{opacity:P.opacity},label:{show:!1},data:[1],z:P.z},{name:G.name,type:"pie",radius:be,center:Q,avoidLabelOverlap:G.avoidLabelOverlap,padAngle:(_==null?void 0:_.padAngle)??5,itemStyle:{borderRadius:G.borderRadius},label:{show:!1},emphasis:{scale:G.emphasis.scale,scaleSize:G.emphasis.scaleSize,label:{show:!1}},data:B.map(D=>({value:D.value,name:D.name,itemStyle:{color:D.color,shadowBlur:G.shadowBlur,shadowColor:D.color,opacity:G.outerOpacity}}))},{name:G.name,type:"pie",radius:Y,center:Q,avoidLabelOverlap:G.avoidLabelOverlap,padAngle:(_==null?void 0:_.padAngle)??5,itemStyle:{borderRadius:G.borderRadius,opacity:G.innerOpacity},label:{show:!1},emphasis:{scale:G.emphasis.scale,scaleSize:G.emphasis.scaleSize,label:{show:!1}},data:B.map(D=>({value:D.value,name:D.name,itemStyle:{color:D.color,shadowBlur:G.shadowBlur,shadowColor:D.color}}))},...x!=null&&x.image||v?[{type:"custom",coordinateSystem:"none",renderItem:(D,ee)=>{const je=ee.getWidth(),ye=ee.getHeight(),ot=Jt(Q[0],je),Re=Jt(Q[1],ye);return{type:"image",style:{image:ne,x:ot-de/2,y:Re-de/2,width:de,height:de}}},data:[0],z:K.z,silent:K.silent}]:[{type:"pie",radius:[J.innerRadius,O],center:Q,silent:J.silent,itemStyle:{color:{type:"radial",x:.5,y:.5,r:.5,colorStops:J.colorStops}},data:[{value:1}],label:{show:!1}},{type:"gauge",radius:O,center:Q,startAngle:f.startAngle,endAngle:f.endAngle,splitNumber:f.splitNumber,axisLine:{lineStyle:{color:[[1,S]],width:f.lineWidth,opacity:f.lineOpacity}},splitLine:{show:!1},axisTick:{show:!1},axisLabel:{show:!1},pointer:{show:!1},detail:{show:!1}}]]}),[B,N,h,te,ne,de,Q,be,Y,R,O,_==null?void 0:_.padAngle,S,u==null?void 0:u.show,X,P,G,K,J,f]),ie=D=>{W(ee=>({...ee,[D]:!ee[D]}))},ze=D=>{N[D]&&(E(D),$.current&&$.current.getEchartsInstance().dispatchAction({type:"highlight",name:D}))},De=D=>{E(void 0),$.current&&$.current.getEchartsInstance().dispatchAction({type:"downplay",name:D})},Ve={mouseover:D=>{D.seriesType==="pie"&&D.name&&$.current&&(E(D.name),$.current.getEchartsInstance().dispatchAction({type:"highlight",name:D.name}))},mouseout:D=>{D.seriesType==="pie"&&D.name&&$.current&&(E(void 0),$.current.getEchartsInstance().dispatchAction({type:"downplay",name:D.name}))},click:D=>{D.seriesType!=="pie"||!D.name||ie(D.name)}},V=(u==null?void 0:u.columns)||2,q=(u==null?void 0:u.width)||220,oe=(u==null?void 0:u.gap)||{column:20,row:20},re=u==null?void 0:u.virtual,g=!!(re!=null&&re.enabled&&V===1&&(u==null?void 0:u.type)==="simple"),he=(re==null?void 0:re.itemHeight)??46,ae=(re==null?void 0:re.overscan)??3,me=I.useMemo(()=>{if(!g)return{start:0,end:B.length};const D=(j==null?void 0:j.height)??0,ee=Math.max(0,Math.floor(z/he)-ae),je=Math.ceil(D/he)+ae*2;return{start:ee,end:Math.min(B.length,ee+je)}},[B.length,g,z,j==null?void 0:j.height,he,ae]),Se=g?B.slice(me.start,me.end):B,le=B.length*he,{run:_e}=Mt.useThrottleFn(D=>{M(D.currentTarget.scrollTop)},{wait:50}),xe=(D,ee,je)=>{var Bt,Nt,Pt,Dt,At,Et,Rt,Ot,Ht;const ye=N[D.name],ot=A===D.name,Re=ye?D.color:"#666";return t.jsx("div",{style:{position:"relative",cursor:"pointer",opacity:ye?1:.5,transform:ot&&ye?"translateY(-1px)":"none",transition:"opacity 0.3s, transform 0.3s",...c,...je},onClick:()=>ie(D.name),onMouseEnter:()=>ze(D.name),onMouseLeave:()=>De(D.name),children:(u==null?void 0:u.type)==="simple"?t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:14,height:38,padding:"0 16px",fontSize:`${((Bt=u==null?void 0:u.textStyle)==null?void 0:Bt.fontSize)||14}px`,fontWeight:700,color:"#eaf6ff",cursor:"pointer",borderRadius:9,...e,background:ye?ot?"linear-gradient(90deg, rgba(8, 76, 153, 0.86), rgba(7, 64, 135, 0.72))":"rgba(4, 55, 120, 0.58)":"rgba(4, 55, 120, 0.28)",border:ot&&ye?"1px solid rgba(21, 119, 219, 0.95)":(e==null?void 0:e.border)??"1px solid rgba(21, 119, 219, 0.78)",boxShadow:ot&&ye?"inset 0 0 16px rgba(29, 156, 255, 0.34), 0 0 8px rgba(24, 133, 245, 0.24)":(e==null?void 0:e.boxShadow)??"inset 0 0 12px rgba(21, 119, 219, 0.18)"},children:[t.jsx("div",{style:{width:`${(u==null?void 0:u.itemWidth)||16}px`,height:`${(u==null?void 0:u.itemHeight)||16}px`,background:"rgba(5, 38, 86, 0.9)",border:`2px solid ${Re}`,borderRadius:"50%",flexShrink:0,boxShadow:ye?`0 0 7px ${Re}, inset 0 0 0 3px rgba(5, 38, 86, 0.65), inset 0 0 0 5px ${Re}`:"none",transition:"all 0.3s",...r}}),t.jsx("span",{style:{color:ye?((Nt=u==null?void 0:u.textStyle)==null?void 0:Nt.color)||"#fff":"#aaa",fontSize:`${((Pt=u==null?void 0:u.textStyle)==null?void 0:Pt.fontSize)||14}px`,fontWeight:700,transition:"color 0.3s",whiteSpace:"nowrap",textShadow:ye?"0 0 5px rgba(255,255,255,0.35)":"none",...l},children:D.name}),t.jsxs("span",{style:{color:ye?((Dt=u==null?void 0:u.textStyle)==null?void 0:Dt.color)||"#fff":"#aaa",fontSize:`${((At=u==null?void 0:u.textStyle)==null?void 0:At.fontSize)||14}px`,fontWeight:700,transition:"color 0.3s",marginLeft:"auto",...m},children:[D.value,L]})]}):t.jsxs(t.Fragment,{children:[t.jsxs("div",{style:{display:"flex",alignItems:"center",marginBottom:"4px",...e},children:[t.jsx("div",{style:{width:`${(u==null?void 0:u.itemWidth)||12}px`,height:`${(u==null?void 0:u.itemHeight)||12}px`,backgroundColor:Re,marginRight:"8px",boxShadow:ot&&ye?`0 0 8px ${Re}`:"none",transition:"all 0.3s",...r}}),t.jsx("span",{style:{color:ye?((Et=u==null?void 0:u.textStyle)==null?void 0:Et.color)||"#fff":"#aaa",fontSize:`${((Rt=u==null?void 0:u.textStyle)==null?void 0:Rt.fontSize)||14}px`,transition:"color 0.3s",...l},children:D.name})]}),t.jsxs("div",{style:{position:"relative",paddingLeft:"10px",borderLeft:`1px solid ${Re}`,marginLeft:"5px",height:"24px",display:"flex",alignItems:"flex-end",transition:"border-color 0.3s",...p},children:[t.jsx("div",{style:{width:"10px",height:"1px",backgroundColor:Re,position:"absolute",bottom:"0",left:"0",transition:"background-color 0.3s",...i}}),t.jsxs("span",{style:{color:((Ot=u==null?void 0:u.textStyle)==null?void 0:Ot.color)||"#fff",fontSize:`${((Ht=u==null?void 0:u.textStyle)==null?void 0:Ht.fontSize)||14}px`,marginLeft:"15px",lineHeight:"1",...m},children:[t.jsx("span",{style:{color:Re,fontWeight:"bold",transition:"color 0.3s",...y},children:D.percent})," ",D.value,L]})]})]})},`${D.name}-${ee}`)};return t.jsxs("div",{className:d,style:{width:"100%",height:"100%",display:"flex",...b},children:[t.jsx("div",{style:{flex:1,height:"100%",...n},children:t.jsx(Z,{ref:$,option:ve,style:{width:"100%",height:"100%",...s},opts:{renderer:o},onEvents:Ve})}),t.jsx("div",{ref:k,className:Ul.customScrollbar,onScroll:g?_e:void 0,style:{width:typeof q=="number"?`${q}px`:q,display:g?"block":"grid",gridTemplateColumns:g?void 0:`repeat(${V}, 1fr)`,columnGap:g?void 0:`${oe.column}px`,rowGap:g?void 0:`${oe.row}px`,paddingRight:"20px",overflowY:"auto",...a},children:g?t.jsx("div",{style:{position:"relative",height:le},children:Se.map((D,ee)=>{const je=me.start+ee;return xe(D,je,{position:"absolute",top:je*he,right:0,left:0,height:he})})}):Se.map((D,ee)=>xe(D,ee))})]})},Kl=({className:d,style:b,chartStyle:s,data:o,unit:n="千KW",colors:a,grid:c,legendConfig:e,tooltipConfig:r,yAxisConfig:l})=>{var L,h;const i=o||{categories:["1月","2月","3月","4月","5月"],series:[{name:"系列1",data:[42,33,28,36,36]},{name:"系列2",data:[11,20,25,17,17]}]},m=((L=i.series[0])==null?void 0:L.name)||"系列1",y=((h=i.series[1])==null?void 0:h.name)||"系列2",[v,S]=I.useState({[m]:!0,[y]:!0});I.useEffect(()=>{S(u=>({...u,[m]:u[m]!==!1,[y]:u[y]!==!1}))},[m,y]);const w=I.useMemo(()=>({legendselectchanged:u=>{S(u.selected)}}),[]),F=I.useMemo(()=>{var z,M,B;const u=i.categories,_=((z=i.series[0])==null?void 0:z.data)||[],x=((M=i.series[1])==null?void 0:M.data)||[],T=_.map((N,W)=>(v[m]!==!1?N:0)+(x[W]||0)),$=20,k={series1:{body:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:"#0033CC"},{offset:1,color:"#002288"}],global:!1},top:"#0033CC",bottom:"#001166"},series2:{body:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:"rgba(0, 221, 221, 0.6)"},{offset:1,color:"rgba(0, 150, 200, 0.4)"}],global:!1},top:"#00FFFF",bottom:"#0033CC"}},j={series1:{...k.series1,...a==null?void 0:a.series1},series2:{...k.series2,...a==null?void 0:a.series2}};return{backgroundColor:"transparent",tooltip:r||{trigger:"axis",axisPointer:{type:"shadow"},formatter:function(N){let W=N[0].name+"<br/>";return N.forEach(A=>{A.seriesType==="bar"&&A.value!==void 0&&(W+=A.marker+A.seriesName+": "+ue(A.value)+(n||"")+"<br/>")}),W}},legend:{show:(e==null?void 0:e.show)!==!1,top:(e==null?void 0:e.top)||"0%",right:(e==null?void 0:e.right)||"0%",textStyle:{color:"#fff",fontSize:14,...e==null?void 0:e.textStyle},data:[{name:m,icon:"roundRect"},{name:y,icon:"roundRect"}]},grid:{top:"15%",left:"2%",right:"2%",bottom:"5%",containLabel:!0,...c},xAxis:{type:"category",data:u,axisLine:{show:!0,lineStyle:{color:"#666"}},axisLabel:{color:"#fff",fontSize:16,margin:15},axisTick:{show:!1}},yAxis:{type:"value",name:n?`单位：${n}`:"",nameTextStyle:{color:"#fff",fontSize:14,padding:[0,0,0,20],...l==null?void 0:l.nameTextStyle},splitLine:{show:!0,lineStyle:{color:"rgba(255, 255, 255, 0.2)",...(B=l==null?void 0:l.splitLine)==null?void 0:B.lineStyle},...l==null?void 0:l.splitLine},axisLabel:{color:"#fff",fontSize:16,...l==null?void 0:l.axisLabel}},series:[{name:m,type:"bar",stack:"total",barWidth:$,itemStyle:{color:j.series1.body},data:_},{name:y,type:"bar",stack:"total",barWidth:$,itemStyle:{color:j.series2.body},data:x},{name:m,type:"pictorialBar",symbol:"diamond",symbolSize:[$,10],symbolOffset:[0,"50%"],z:12,itemStyle:{color:j.series1.bottom},data:_.map(()=>1),tooltip:{show:!1},emphasis:{scale:!1},silent:!0},{name:m,type:"pictorialBar",symbol:"diamond",symbolSize:[$,10],symbolOffset:[0,"-50%"],symbolPosition:"end",z:13,itemStyle:{color:j.series2.bottom,borderColor:"#0055FF",borderWidth:1},data:_,tooltip:{show:!1},emphasis:{scale:!1},silent:!0},{name:y,type:"pictorialBar",symbol:"diamond",symbolSize:[$,10],symbolOffset:[0,"-50%"],symbolPosition:"end",z:14,itemStyle:{color:j.series2.top},data:T,tooltip:{show:!1},emphasis:{scale:!1},silent:!0}]}},[i,v,n,a,c,e,r,l,m,y]);return t.jsx("div",{className:d,style:{width:"100%",height:"100%",...b},children:t.jsx(Z,{option:F,style:{width:"100%",height:"100%",...s},onEvents:w})})},Ql="_tabButtonGroup_ljpn5_1",Jl="_tabButton_ljpn5_1",fl="_tabButtonActive_ljpn5_23",Ft={tabButtonGroup:Ql,tabButton:Jl,tabButtonActive:fl},gl=({options:d,value:b,onChange:s,style:o,className:n,buttonClassName:a,buttonStyle:c})=>{const e=d.map(r=>typeof r=="string"?{label:r,value:r}:r);return t.jsx("div",{className:`${Ft.tabButtonGroup} ${n||""}`,style:o,children:e.map(r=>t.jsx("div",{className:`${Ft.tabButton} ${b===r.value?Ft.tabButtonActive:""} ${a||""}`,style:c,onClick:()=>s(r.value),children:r.label},r.value))})},Cl="_container_1egox_1",ec="_backgroundSvg_1egox_13",tc="_contentWrapper_1egox_25",rc="_iconBox_1egox_30",ac="_info_1egox_46",sc="_header_1egox_53",oc="_label_1egox_59",lc="_value_1egox_63",cc="_progressBar_1egox_70",nc="_block_1egox_76",dc="_active_1egox_83",Pe={container:Cl,backgroundSvg:ec,contentWrapper:tc,iconBox:rc,info:ac,header:sc,label:oc,value:lc,progressBar:cc,block:nc,active:dc},ic=()=>t.jsxs("svg",{viewBox:"0 0 100 100",fill:"currentColor",children:[t.jsx("path",{d:"M28 85 L42 20 L50 20 L38 85 Z",opacity:"0.9"}),t.jsx("path",{d:"M72 85 L58 20 L50 20 L62 85 Z",opacity:"0.9"}),t.jsx("rect",{x:"42",y:"40",width:"16",height:"6",rx:"1"}),t.jsx("rect",{x:"36",y:"60",width:"28",height:"6",rx:"1"})]}),hc=({color:d="#00eaff",label:b="基础数据",value:s=0,progressValue:o,valueFormatter:n,icon:a,style:c,totalBlocks:e=20,backgroundImage:r,iconStyle:l,svgStyle:p,borderStyle:i,cornerStyle:m,contentWrapperStyle:y,infoStyle:v,headerStyle:S,labelStyle:w,valueStyle:F,progressBarStyle:L,blockStyle:h})=>{const u=Math.max(0,Math.min(100,o??s)),_=Math.round(u/100*e),x=n?n(s):`${s.toFixed(1)}%`,T=()=>a?typeof a=="string"?t.jsx("img",{src:a,alt:"icon",style:{width:"100%",height:"100%",objectFit:"contain"}}):a:t.jsx(ic,{});return t.jsxs("div",{className:Pe.container,style:{...c,"--tech-panel-color":d},children:[t.jsxs("svg",{className:Pe.backgroundSvg,width:"100%",height:"100%",preserveAspectRatio:"none",style:p,children:[t.jsx("defs",{children:t.jsxs("linearGradient",{id:`grad-${d}`,x1:"0%",y1:"0%",x2:"100%",y2:"0%",children:[t.jsx("stop",{offset:"0%",stopColor:d,stopOpacity:"0.1"}),t.jsx("stop",{offset:"50%",stopColor:d,stopOpacity:"0.05"}),t.jsx("stop",{offset:"100%",stopColor:d,stopOpacity:"0.1"})]})}),r?t.jsx("image",{x:"2",y:"2",width:"calc(100% - 4px)",height:"calc(100% - 4px)",preserveAspectRatio:"none",href:r}):t.jsxs("g",{children:[t.jsx("rect",{x:"2",y:"2",width:"calc(100% - 4px)",height:"calc(100% - 4px)",fill:`url(#grad-${d})`}),t.jsx("line",{x1:"10",y1:"2",x2:"100%",y2:"2",stroke:d,strokeWidth:"1",opacity:"0.5",transform:"translate(-2, 0)",style:i}),t.jsx("line",{x1:"100%",y1:"2",x2:"100%",y2:"100%",stroke:d,strokeWidth:"1",opacity:"0.5",transform:"translate(-2, -2)",style:i}),t.jsx("line",{x1:"100%",y1:"100%",x2:"2",y2:"100%",stroke:d,strokeWidth:"1",opacity:"0.5",transform:"translate(-2, -2)",style:i}),t.jsx("line",{x1:"2",y1:"100%",x2:"2",y2:"10",stroke:d,strokeWidth:"1",opacity:"0.5",transform:"translate(0, -2)",style:i}),t.jsx("line",{x1:"2",y1:"10",x2:"10",y2:"2",stroke:d,strokeWidth:"1",opacity:"0.5",style:i}),t.jsx("polyline",{points:"2,15 2,10 10,2 15,2",fill:"none",stroke:d,strokeWidth:"2",style:m}),t.jsx("svg",{x:"100%",y:"0",style:{...m,overflow:"visible"},children:t.jsx("polyline",{points:"0,15 0,2 -15,2",fill:"none",stroke:d,strokeWidth:"2"})}),t.jsx("svg",{x:"100%",y:"100%",style:{...m,overflow:"visible"},children:t.jsx("polyline",{points:"0,-15 0,0 -15,0",fill:"none",stroke:d,strokeWidth:"2"})}),t.jsx("svg",{x:"0",y:"100%",style:{...m,overflow:"visible"},children:t.jsx("polyline",{points:"2,0 2,-15 15,-15",fill:"none",stroke:d,strokeWidth:"2"})}),t.jsx("svg",{x:"100%",y:"0",style:{...m,overflow:"visible"},children:t.jsx("path",{d:"M -100 6 L -40 6 L -35 2",fill:"none",stroke:d,strokeWidth:"2",opacity:"0.8"})})]})]}),t.jsxs("div",{className:Pe.contentWrapper,style:y,children:[t.jsx("div",{className:Fe(Pe.iconBox),style:l,children:T()}),t.jsxs("div",{className:Pe.info,style:v,children:[t.jsxs("div",{className:Pe.header,style:S,children:[t.jsx("span",{className:Pe.label,style:w,children:b}),t.jsx("span",{className:Pe.value,style:F,children:x})]}),t.jsx("div",{className:Pe.progressBar,style:{...L,"--total-blocks":e,"--gap-count":e-1},children:Array.from({length:e}).map(($,k)=>t.jsx("div",{className:Fe(Pe.block,{[Pe.active]:k<_}),style:h},k))})]})]})]})};exports.Bar=er;exports.CapsuleSwitch=or;exports.CircleProgress=mr;exports.CodeBlock=jr;exports.DataDisplayItem=Gr;exports.EnergyCardGrid=ra;exports.Gauge=ua;exports.HologramBase=za;exports.InspectionDuration=Ia;exports.InspectionPieChart=Ya;exports.LiquidGauge=Za;exports.PeakCard=rs;exports.PeakValleyElectricityLineChart=as;exports.Pie3D=ns;exports.PolarRingChart=is;exports.Pyramid3D=bs;exports.RingProgress=Ls;exports.StatCard=Fs;exports.StatsCard=Hs;exports.StatusItem=Zs;exports.StyleEight=eo;exports.StyleEighteen=to;exports.StyleEleven=ro;exports.StyleFifteen=ao;exports.StyleForty=so;exports.StyleFortyOne=oo;exports.StyleFourteen=lo;exports.StyleNine=co;exports.StyleSeventeen=no;exports.StyleSixteen=io;exports.StyleTen=ho;exports.StyleThirteen=po;exports.StyleThirty=uo;exports.StyleThirtyEight=mo;exports.StyleThirtyFive=Fo;exports.StyleThirtyFour=Mo;exports.StyleThirtyNine=To;exports.StyleThirtyOne=Ho;exports.StyleThirtySeven=qo;exports.StyleThirtySix=Go;exports.StyleThirtyThree=Qo;exports.StyleThirtyTwo=ll;exports.StyleTwelve=cl;exports.StyleTwenty=nl;exports.StyleTwentyEight=dl;exports.StyleTwentyFive=Wl;exports.StyleTwentyFour=Bl;exports.StyleTwentyNine=ql;exports.StyleTwentyOne=Gl;exports.StyleTwentySeven=Vl;exports.StyleTwentySix=Xl;exports.StyleTwentyThree=Zl;exports.StyleTwentyTwo=Kl;exports.StyledProgressBar=ft;exports.TabButtons=gl;exports.TechPanel=hc;exports.formatTooltipValue=ue;
|