|
- (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[21],{"8yba":function(e,t,a){e.exports={tagCloud:"tagCloud___3mdYB"}},"97CB":function(e,t,a){e.exports={waterWave:"waterWave___Em_M0",text:"text___3Bqsh",waterWaveCanvasWrapper:"waterWaveCanvasWrapper___2_2Pm"}},"9ij3":function(e,t,a){e.exports={miniProgress:"miniProgress___3xmyT",progressWrap:"progressWrap___1ZdMv",progress:"progress___WYR2b",target:"target___bZqzr"}},"9jZW":function(e,t,a){e.exports={timelineChart:"timelineChart___1nGBj"}},"XMr/":function(e,t,a){e.exports={trendItem:"trendItem___30wXK",up:"up___1sgWu",down:"down___2opSf",trendItemGrey:"trendItemGrey___3TnD7",reverseColor:"reverseColor___3No0M"}},YMMi:function(e,t,a){e.exports={miniChart:"miniChart___OQ7Wy",chartContent:"chartContent___LRNfF",chartLoading:"chartLoading___1edvx"}},cgrh:function(e,t,a){e.exports={field:"field___VetZ9",label:"label___3tpqF",number:"number___3xRzj"}},iipB:function(e,t,a){"use strict";a.r(t);a("14J3");var n=a("BMrR"),r=(a("jCWc"),a("kPKH")),i=a("0Owb"),o=(a("5Dmo"),a("3S7+")),l=a("tJVT"),c=a("+YFz"),s=a("q1tI"),d=a.n(s),h=a("ZhIB"),u=a.n(h),m=a("fWQN"),p=a("mtLc"),v=a("yKVA"),f=a("879j"),g=a("yP6+"),y=a("9/5/"),_=a.n(y);function x(e){var t=e.style;t.height="100%";var a=parseInt("".concat(getComputedStyle(e).height),10),n=parseInt("".concat(getComputedStyle(e).paddingTop),10)+parseInt("".concat(getComputedStyle(e).paddingBottom),10);return a-n}function E(e){if(!e)return 0;var t=e,a=x(t),n=t.parentNode;return n&&(a=x(n)),a}function b(){return function(e){var t=function(t){Object(v["a"])(n,t);var a=Object(f["a"])(n);function n(){var e;Object(m["a"])(this,n);for(var t=arguments.length,r=new Array(t),i=0;i<t;i++)r[i]=arguments[i];return e=a.call.apply(a,[this].concat(r)),e.state={computedHeight:0},e.root=void 0,e.handleRoot=function(t){e.root=t},e}return Object(p["a"])(n,[{key:"componentDidMount",value:function(){var e=this.props.height;if(!e){var t=E(this.root);this.setState({computedHeight:t}),t<1&&(t=E(this.root),this.setState({computedHeight:t}))}}},{key:"render",value:function(){var t=this.props.height,a=this.state.computedHeight,n=t||a;return d.a.createElement("div",{ref:this.handleRoot},n>0&&d.a.createElement(e,Object(i["a"])({},this.props,{height:n})))}}]),n}(d.a.Component);return t}}var k=b,C=a("YMMi"),w=a.n(C),F=function(e){Object(v["a"])(a,e);var t=Object(f["a"])(a);function a(){var e;Object(m["a"])(this,a);for(var n=arguments.length,r=new Array(n),i=0;i<n;i++)r[i]=arguments[i];return e=t.call.apply(t,[this].concat(r)),e.state={autoHideXLabels:!1},e.root=void 0,e.node=void 0,e.resize=_()((function(){if(e.node&&e.node.parentNode){var t=e.node.parentNode.clientWidth,a=e.props,n=a.data,r=void 0===n?[]:n,i=a.autoLabel,o=void 0===i||i;if(o){var l=30*r.length,c=e.state.autoHideXLabels;t<=l?c||e.setState({autoHideXLabels:!0}):c&&e.setState({autoHideXLabels:!1})}}}),500),e.handleRoot=function(t){e.root=t},e.handleRef=function(t){e.node=t},e}return Object(p["a"])(a,[{key:"componentDidMount",value:function(){window.addEventListener("resize",this.resize,{passive:!0})}},{key:"componentWillUnmount",value:function(){window.removeEventListener("resize",this.resize)}},{key:"render",value:function(){var e=this.props,t=e.height,a=void 0===t?1:t,n=e.title,r=e.forceFit,i=void 0===r||r,o=e.data,l=e.color,c=void 0===l?"rgba(24, 144, 255, 0.85)":l,s=e.padding,h=this.state.autoHideXLabels,u={x:{type:"cat"},y:{min:0}},m=["x*y",function(e,t){return{name:e,value:t}}];return d.a.createElement("div",{className:w.a.chart,style:{height:a},ref:this.handleRoot},d.a.createElement("div",{ref:this.handleRef},n&&d.a.createElement("h4",{style:{marginBottom:20}},n),d.a.createElement(g["Chart"],{scale:u,height:n?a-41:a,forceFit:i,data:o,padding:s||"auto"},d.a.createElement(g["Axis"],{name:"x",title:!1,label:h?void 0:{},tickLine:h?void 0:{}}),d.a.createElement(g["Axis"],{name:"y",min:0}),d.a.createElement(g["Tooltip"],{showTitle:!1,crosshairs:!1}),d.a.createElement(g["Geom"],{type:"interval",position:"x*y",color:c,tooltip:m}))))}}]),a}(s["Component"]),j=(k()(F),a("IzEo"),a("bx4M")),O=a("PpiC"),N=a("jrin"),S=a("TSYQ"),M=a.n(S),z=a("vA0b"),A=a.n(z),W=function(e){if(!e&&0!==e)return null;var t;switch(typeof e){case"undefined":t=null;break;case"function":t=d.a.createElement("div",{className:A.a.total},e());break;default:t=d.a.createElement("div",{className:A.a.total},e)}return t},T=function(e){Object(v["a"])(a,e);var t=Object(f["a"])(a);function a(){var e;Object(m["a"])(this,a);for(var n=arguments.length,r=new Array(n),i=0;i<n;i++)r[i]=arguments[i];return e=t.call.apply(t,[this].concat(r)),e.renderContent=function(){var t=e.props,a=t.contentHeight,n=t.title,r=t.avatar,i=t.action,o=t.total,l=t.footer,c=t.children,s=t.loading;return!s&&d.a.createElement("div",{className:A.a.chartCard},d.a.createElement("div",{className:M()(A.a.chartTop,Object(N["a"])({},A.a.chartTopMargin,!c&&!l))},d.a.createElement("div",{className:A.a.avatar},r),d.a.createElement("div",{className:A.a.metaWrap},d.a.createElement("div",{className:A.a.meta},d.a.createElement("span",{className:A.a.title},n),d.a.createElement("span",{className:A.a.action},i)),W(o))),c&&d.a.createElement("div",{className:A.a.content,style:{height:a||"auto"}},d.a.createElement("div",{className:a&&A.a.contentFixed},c)),l&&d.a.createElement("div",{className:M()(A.a.footer,Object(N["a"])({},A.a.footerMargin,!c))},l))},e}return Object(p["a"])(a,[{key:"render",value:function(){var e=this.props,t=e.loading,a=void 0!==t&&t,n=(e.contentHeight,e.title,e.avatar,e.action,e.total,e.footer,e.children,Object(O["a"])(e,["loading","contentHeight","title","avatar","action","total","footer","children"]));return d.a.createElement(j["a"],Object(i["a"])({loading:a,bodyStyle:{padding:"20px 24px 8px 24px"}},n),this.renderContent())}}]),a}(d.a.Component),L=T,D=(a("cgrh"),g["Guide"].Arc),B=g["Guide"].Html,I=g["Guide"].Line,R=function(e){switch(e){case"2":return"\u5dee";case"4":return"\u4e2d";case"6":return"\u826f";case"8":return"\u4f18";default:return""}};g["Shape"].registerShape&&g["Shape"].registerShape("point","pointer",{drawShape:function(e,t){var a=e.points[0];a=this.parsePoint(a);var n=this.parsePoint({x:0,y:0});return t.addShape("line",{attrs:{x1:n.x,y1:n.y,x2:a.x,y2:a.y,stroke:e.color,lineWidth:2,lineCap:"round"}}),t.addShape("circle",{attrs:{x:n.x,y:n.y,r:6,stroke:e.color,lineWidth:3,fill:"#fff"}})}});var G=function(e){var t=e.title,a=e.height,n=void 0===a?1:a,r=e.percent,i=e.forceFit,o=void 0===i||i,l=e.formatter,c=void 0===l?R:l,s=e.color,h=void 0===s?"#2F9CFF":s,u=e.bgColor,m=void 0===u?"#F0F2F5":u,p={value:{type:"linear",min:0,max:10,tickCount:6,nice:!0}},v=[{value:r/10}],f=function(){return'\n <div style="width: 300px;text-align: center;font-size: 12px!important;">\n <div style="font-size: 14px; color: rgba(0,0,0,0.43);margin: 0;">'.concat(t,'</div>\n <div style="font-size: 24px;color: rgba(0,0,0,0.85);margin: 0;">\n ').concat((10*v[0].value).toFixed(2),"%\n </div>\n </div>")},y={fontSize:12,fill:"rgba(0, 0, 0, 0.65)",textAlign:"center"};return d.a.createElement(g["Chart"],{height:n,data:v,scale:p,padding:[-16,0,16,0],forceFit:o},d.a.createElement(g["Coord"],{type:"polar",startAngle:-1.25*Math.PI,endAngle:.25*Math.PI,radius:.8}),d.a.createElement(g["Axis"],{name:"1",line:void 0}),d.a.createElement(g["Axis"],{line:void 0,tickLine:void 0,subTickLine:void 0,name:"value",zIndex:2,label:{offset:-12,formatter:c,textStyle:y}}),d.a.createElement(g["Guide"],null,d.a.createElement(I,{start:[3,.905],end:[3,.85],lineStyle:{stroke:h,lineDash:void 0,lineWidth:2}}),d.a.createElement(I,{start:[5,.905],end:[5,.85],lineStyle:{stroke:h,lineDash:void 0,lineWidth:3}}),d.a.createElement(I,{start:[7,.905],end:[7,.85],lineStyle:{stroke:h,lineDash:void 0,lineWidth:3}}),d.a.createElement(D,{start:[0,.965],end:[10,.965],style:{stroke:m,lineWidth:10}}),d.a.createElement(D,{start:[0,.965],end:[v[0].value,.965],style:{stroke:h,lineWidth:10}}),d.a.createElement(B,{position:["50%","95%"],html:f()})),d.a.createElement(g["Geom"],{line:!1,type:"point",position:"value*1",shape:"pointer",color:h,active:!1}))},H=(k()(G),a("k1fw")),P=function(e){var t=e.height,a=void 0===t?1:t,n=e.data,r=void 0===n?[]:n,o=e.forceFit,l=void 0===o||o,c=e.color,s=void 0===c?"rgba(24, 144, 255, 0.2)":c,h=e.borderColor,u=void 0===h?"#1089ff":h,m=e.scale,p=void 0===m?{x:{},y:{}}:m,v=e.borderWidth,f=void 0===v?2:v,y=e.line,_=e.xAxis,x=e.yAxis,E=e.animate,b=void 0===E||E,k=[36,5,30,5],C={x:Object(H["a"])({type:"cat",range:[0,1]},p.x),y:Object(H["a"])({min:0},p.y)},F=["x*y",function(e,t){return{name:e,value:t}}],j=a+54;return d.a.createElement("div",{className:w.a.miniChart,style:{height:a}},d.a.createElement("div",{className:w.a.chartContent},a>0&&d.a.createElement(g["Chart"],{animate:b,scale:C,height:j,forceFit:l,data:r,padding:k},d.a.createElement(g["Axis"],Object(i["a"])({key:"axis-x",name:"x",label:null,line:null,tickLine:null,grid:null},_)),d.a.createElement(g["Axis"],Object(i["a"])({key:"axis-y",name:"y",label:null,line:null,tickLine:null,grid:null},x)),d.a.createElement(g["Tooltip"],{showTitle:!1,crosshairs:!1}),d.a.createElement(g["Geom"],{type:"area",position:"x*y",color:s,tooltip:F,shape:"smooth",style:{fillOpacity:1}}),y?d.a.createElement(g["Geom"],{type:"line",position:"x*y",shape:"smooth",color:u,size:f,tooltip:!1}):d.a.createElement("span",{style:{display:"none"}}))))},q=k()(P),J=function(e){var t=e.height,a=void 0===t?0:t,n=e.forceFit,r=void 0===n||n,i=e.color,o=void 0===i?"#1890FF":i,l=e.data,c=void 0===l?[]:l,s={x:{type:"cat"},y:{min:0}},h=[36,5,30,5],u=["x*y",function(e,t){return{name:e,value:t}}],m=a+54;return d.a.createElement("div",{className:w.a.miniChart,style:{height:a}},d.a.createElement("div",{className:w.a.chartContent},d.a.createElement(g["Chart"],{scale:s,height:m,forceFit:r,data:c,padding:h},d.a.createElement(g["Tooltip"],{showTitle:!1,crosshairs:!1}),d.a.createElement(g["Geom"],{type:"interval",position:"x*y",color:o,tooltip:u}))))},X=(k()(J),a("9ij3"),a("/zsF"),a("PArb")),U=a("cQSq"),V=a.n(U),Z=a("Jssm"),Y=a.n(Z),K=a("wyea"),Q=a.n(K),$=function(e){Object(v["a"])(a,e);var t=Object(f["a"])(a);function a(){var e;Object(m["a"])(this,a);for(var n=arguments.length,r=new Array(n),i=0;i<n;i++)r[i]=arguments[i];return e=t.call.apply(t,[this].concat(r)),e.state={legendData:[],legendBlock:!1},e.requestRef=void 0,e.root=void 0,e.chart=void 0,e.resize=_()((function(){var t=e.props.hasLegend,a=e.state.legendBlock;t&&e.root?e.root&&e.root.parentNode&&e.root.parentNode.clientWidth<=380?a||e.setState({legendBlock:!0}):a&&e.setState({legendBlock:!1}):window.removeEventListener("resize",e.resize)}),400),e.getG2Instance=function(t){e.chart=t,requestAnimationFrame((function(){e.getLegendData(),e.resize()}))},e.getLegendData=function(){if(e.chart){var t=e.chart.getAllGeoms()[0];if(t){var a=t.get("dataArray")||[],n=a.map((function(e){var t=e[0]._origin;return t.color=e[0].color,t.checked=!0,t}));e.setState({legendData:n})}}},e.handleRoot=function(t){e.root=t},e.handleLegendClick=function(t,a){var n=t;n.checked=!n.checked;var r=e.state.legendData;r[a]=n;var i=r.filter((function(e){return e.checked})).map((function(e){return e.x}));e.chart&&e.chart.filter("x",(function(e){return i.indexOf("".concat(e))>-1})),e.setState({legendData:r})},e}return Object(p["a"])(a,[{key:"componentDidMount",value:function(){var e=this;window.addEventListener("resize",(function(){e.requestRef=requestAnimationFrame((function(){return e.resize()}))}),{passive:!0})}},{key:"componentDidUpdate",value:function(e){var t=this.props.data;t!==e.data&&this.getLegendData()}},{key:"componentWillUnmount",value:function(){this.requestRef&&window.cancelAnimationFrame(this.requestRef),window.removeEventListener("resize",this.resize),this.resize&&this.resize.cancel()}},{key:"render",value:function(){var e,t,a=this,n=this.props,r=n.valueFormat,i=n.subTitle,o=n.total,l=n.hasLegend,c=void 0!==l&&l,s=n.className,h=n.style,u=n.height,m=void 0===u?0:u,p=n.forceFit,v=void 0===p||p,f=n.percent,y=n.color,_=n.inner,x=void 0===_?.75:_,E=n.animate,b=void 0===E||E,k=n.colors,C=n.lineWidth,w=void 0===C?1:C,F=this.state,j=F.legendData,O=F.legendBlock,S=M()(Q.a.pie,s,(e={},Object(N["a"])(e,Q.a.hasLegend,!!c),Object(N["a"])(e,Q.a.legendBlock,O),e)),z=this.props,A=z.data,W=z.selected,T=void 0===W||W,L=z.tooltip,D=void 0===L||L,B=A||[],I=T,R=D,G=k;B=B||[],I=I||!0,R=R||!0;var H={x:{type:"cat",range:[0,1]},y:{min:0}};(f||0===f)&&(I=!1,R=!1,t=function(e){return"\u5360\u6bd4"===e?y||"rgba(24, 144, 255, 0.85)":"#F0F2F5"},B=[{x:"\u5360\u6bd4",y:parseFloat("".concat(f))},{x:"\u53cd\u6bd4",y:100-parseFloat("".concat(f))}]);var P=["x*percent",function(e,t){return{name:e,value:"".concat((100*t).toFixed(2),"%")}}],q=[12,0,12,0],J=new U["DataView"];return J.source(B).transform({type:"percent",field:"y",dimension:"x",as:"percent"}),d.a.createElement("div",{ref:this.handleRoot,className:S,style:h},d.a.createElement(Y.a,{maxFontSize:25},d.a.createElement("div",{className:Q.a.chart},d.a.createElement(g["Chart"],{scale:H,height:m,forceFit:v,data:J,padding:q,animate:b,onGetG2Instance:this.getG2Instance},!!R&&d.a.createElement(g["Tooltip"],{showTitle:!1}),d.a.createElement(g["Coord"],{type:"theta",innerRadius:x}),d.a.createElement(g["Geom"],{style:{lineWidth:w,stroke:"#fff"},tooltip:R?P:void 0,type:"intervalStack",position:"percent",color:["x",f||0===f?t:G],selected:I})),(i||o)&&d.a.createElement("div",{className:Q.a.total},i&&d.a.createElement("h4",{className:"pie-sub-title"},i),o&&d.a.createElement("div",{className:"pie-stat"},"function"===typeof o?o():o)))),c&&d.a.createElement("ul",{className:Q.a.legend},j.map((function(e,t){return d.a.createElement("li",{key:e.x,onClick:function(){return a.handleLegendClick(e,t)}},d.a.createElement("span",{className:Q.a.dot,style:{backgroundColor:e.checked?e.color:"#aaa"}}),d.a.createElement("span",{className:Q.a.legendTitle},e.x),d.a.createElement(X["a"],{type:"vertical"}),d.a.createElement("span",{className:Q.a.percent},"".concat((Number.isNaN(e.percent)?0:100*e.percent).toFixed(2),"%")),d.a.createElement("span",{className:Q.a.value},r?r(e.y):e.y))}))))}}]),a}(s["Component"]),ee=(k()($),a("8yba")),te=a.n(ee),ae="https://gw.alipayobjects.com/zos/rmsportal/gWyeGLCdFFRavBGIDzWk.png",ne=function(e){Object(v["a"])(a,e);var t=Object(f["a"])(a);function a(){var e;Object(m["a"])(this,a);for(var n=arguments.length,r=new Array(n),i=0;i<n;i++)r[i]=arguments[i];return e=t.call.apply(t,[this].concat(r)),e.state={dv:null,height:0,width:0},e.isUnmount=!1,e.requestRef=0,e.root=void 0,e.imageMask=void 0,e.resize=function(){e.requestRef=requestAnimationFrame((function(){e.renderChart(e.props)}))},e.saveRootRef=function(t){e.root=t},e.initTagCloud=function(){function e(e){return Object(H["a"])(Object(H["a"])({},e.style),{},{fillOpacity:e.opacity,fontSize:e.origin._origin.size,rotate:e.origin._origin.rotate,text:e.origin._origin.text,textAlign:"center",fontFamily:e.origin._origin.font,fill:e.color,textBaseline:"Alphabetic"})}g["Shape"].registerShape("point","cloud",{drawShape:function(t,a){var n=e(t);return a.addShape("text",{attrs:Object(H["a"])(Object(H["a"])({},n),{},{x:t.x,y:t.y})})}})},e.renderChart=_()((function(t){var a=t||e.props,n=a.data,r=a.height;if(!(n.length<1)&&e.root){var i=r,o=e.root.offsetWidth,c=function(){var t=(new V.a.View).source(n),a=t.range("value"),r=Object(l["a"])(a,2),c=r[0],s=r[1];t.transform({type:"tag-cloud",fields:["name","value"],imageMask:e.imageMask,font:"Verdana",size:[o,i],padding:0,timeInterval:5e3,rotate:function(){return 0},fontSize:function(e){var t=Math.pow((e.value-c)/(s-c),2);return 12.5*t+5}}),e.isUnmount||e.setState({dv:t,width:o,height:i})};e.imageMask?c():(e.imageMask=new Image,e.imageMask.crossOrigin="",e.imageMask.src=ae,e.imageMask.onload=c)}}),500),e}return Object(p["a"])(a,[{key:"componentDidMount",value:function(){var e=this;requestAnimationFrame((function(){e.initTagCloud(),e.renderChart(e.props)})),window.addEventListener("resize",this.resize,{passive:!0})}},{key:"componentDidUpdate",value:function(e){var t=this.props.data;e&&JSON.stringify(e.data)!==JSON.stringify(t)&&this.renderChart(this.props)}},{key:"componentWillUnmount",value:function(){this.isUnmount=!0,window.cancelAnimationFrame(this.requestRef),window.removeEventListener("resize",this.resize)}},{key:"render",value:function(){var e=this.props,t=e.className,a=e.height,n=this.state,r=n.dv,i=n.width,o=n.height;return d.a.createElement("div",{className:M()(te.a.tagCloud,t),style:{width:"100%",height:a},ref:this.saveRootRef},r&&d.a.createElement(g["Chart"],{width:i,height:o,data:r,padding:0,scale:{x:{nice:!1},y:{nice:!1}}},d.a.createElement(g["Tooltip"],{showTitle:!1}),d.a.createElement(g["Coord"],{reflect:"y"}),d.a.createElement(g["Geom"],{type:"point",position:"x*y",color:"text",shape:"cloud",tooltip:["text*value",function(e,t){return{name:e,value:t}}]})))}}]),a}(s["Component"]),re=(k()(ne),a("oBTY")),ie=a("1Gbu"),oe=a.n(ie),le=a("9jZW"),ce=a.n(le),se=function(e){var t,a=e.title,n=e.height,r=void 0===n?400:n,i=e.padding,o=void 0===i?[60,20,40,40]:i,l=e.titleMap,c=void 0===l?{y1:"y1",y2:"y2"}:l,s=e.borderWidth,h=void 0===s?2:s,u=e.data,m=Array.isArray(u)?u:[{x:0,y1:0,y2:0}];m.sort((function(e,t){return e.x-t.x})),m[0]&&m[0].y1&&m[0].y2&&(t=Math.max(Object(re["a"])(m).sort((function(e,t){return t.y1-e.y1}))[0].y1,Object(re["a"])(m).sort((function(e,t){return t.y2-e.y2}))[0].y2));var p=new V.a({state:{start:m[0].x,end:m[m.length-1].x}}),v=p.createView();v.source(m).transform({type:"filter",callback:function(e){var t=e.x;return t<=p.state.end&&t>=p.state.start}}).transform({type:"map",callback:function(e){var t=Object(H["a"])({},e);return t[c.y1]=e.y1,t[c.y2]=e.y2,t}}).transform({type:"fold",fields:[c.y1,c.y2],key:"key",value:"value"});var f={type:"time",tickInterval:36e5,mask:"HH:mm",range:[0,1]},y={x:f,value:{max:t,min:0}},_=function(){return d.a.createElement(oe.a,{padding:[0,o[1]+20,0,o[3]],width:"auto",height:26,xAxis:"x",yAxis:"y1",scales:{x:f},data:m,start:p.state.start,end:p.state.end,backgroundChart:{type:"line"},onChange:function(e){var t=e.startValue,a=e.endValue;p.setState("start",t),p.setState("end",a)}})};return d.a.createElement("div",{className:ce.a.timelineChart,style:{height:r+30}},d.a.createElement("div",null,a&&d.a.createElement("h4",null,a),d.a.createElement(g["Chart"],{height:r,padding:o,data:v,scale:y,forceFit:!0},d.a.createElement(g["Axis"],{name:"x"}),d.a.createElement(g["Tooltip"],null),d.a.createElement(g["Legend"],{name:"key",position:"top"}),d.a.createElement(g["Geom"],{type:"line",position:"x*value",size:h,color:"key"})),d.a.createElement("div",{style:{marginRight:-20}},d.a.createElement(_,null))))},de=(k()(se),a("97CB")),he=a.n(de),ue=function(e){Object(v["a"])(a,e);var t=Object(f["a"])(a);function a(){var e;Object(m["a"])(this,a);for(var n=arguments.length,r=new Array(n),i=0;i<n;i++)r[i]=arguments[i];return e=t.call.apply(t,[this].concat(r)),e.state={radio:1},e.timer=0,e.root=null,e.node=null,e.resize=function(){if(e.root){var t=e.props.height,a=void 0===t?1:t,n=e.root.parentNode.offsetWidth;e.setState({radio:n<a?n/a:1})}},e}return Object(p["a"])(a,[{key:"componentDidMount",value:function(){var e=this;this.renderChart(),this.resize(),window.addEventListener("resize",(function(){requestAnimationFrame((function(){return e.resize()}))}),{passive:!0})}},{key:"componentDidUpdate",value:function(e){var t=this.props.percent;e.percent!==t&&this.renderChart("update")}},{key:"componentWillUnmount",value:function(){cancelAnimationFrame(this.timer),this.node&&(this.node.innerHTML=""),window.removeEventListener("resize",this.resize)}},{key:"renderChart",value:function(e){var t=this.props,a=t.percent,n=t.color,r=void 0===n?"#1890FF":n,i=a/100,o=this;if(cancelAnimationFrame(this.timer),this.node&&(0===i||i)){var l=this.node,c=l.getContext("2d");if(c){var s=l.width,d=l.height,h=s/2,u=2,m=h-u;c.beginPath(),c.lineWidth=2*u;for(var p=s-u,v=p/8,f=.2,g=f,y=u,_=0,x=0,E=.005,b=[],k=h-u,C=-Math.PI/2,w=!0,F=C;F<C+2*Math.PI;F+=1/(8*Math.PI))b.push([h+k*Math.cos(F),h+k*Math.sin(F)]);var j=b.shift();c.strokeStyle=r,c.moveTo(j[0],j[1]),N()}}function O(){if(c){c.beginPath(),c.save();for(var e=[],t=y;t<=y+p;t+=20/p){var a=_+(y+t)/v,n=Math.sin(a)*g,i=t,o=2*m*(1-x)+(h-m)-v*n;c.lineTo(i,o),e.push([i,o])}var l=e.shift();c.lineTo(y+p,d),c.lineTo(y,d),c.lineTo(l[0],l[1]);var s=c.createLinearGradient(0,0,0,d);s.addColorStop(0,"#ffffff"),s.addColorStop(1,r),c.fillStyle=s,c.fill(),c.restore()}}function N(){if(c){if(c.clearRect(0,0,s,d),w&&"update"!==e)if(b.length){var t=b.shift();c.lineTo(t[0],t[1]),c.stroke()}else w=!1,c.lineTo(j[0],j[1]),c.stroke(),b=[],c.globalCompositeOperation="destination-over",c.beginPath(),c.lineWidth=u,c.arc(h,h,k,0,2*Math.PI,!0),c.beginPath(),c.save(),c.arc(h,h,h-3*u,0,2*Math.PI,!0),c.restore(),c.clip(),c.fillStyle=r;else{if(i>=.85){if(g>f/4){var a=.01*f;g-=a}}else if(i<=.1){if(g<1.5*f){var n=.01*f;g+=n}}else{if(g<=f){var l=.01*f;g+=l}if(g>=f){var m=.01*f;g-=m}}i-x>0&&(x+=E),i-x<0&&(x-=E),_+=.07,O()}o.timer=requestAnimationFrame(N)}}}},{key:"render",value:function(){var e=this,t=this.state.radio,a=this.props,n=a.percent,r=a.title,i=a.height,o=void 0===i?1:i;return d.a.createElement("div",{className:he.a.waterWave,ref:function(t){return e.root=t},style:{transform:"scale(".concat(t,")")}},d.a.createElement("div",{style:{width:o,height:o,overflow:"hidden"}},d.a.createElement("canvas",{className:he.a.waterWaveCanvasWrapper,ref:function(t){return e.node=t},width:2*o,height:2*o})),d.a.createElement("div",{className:he.a.text,style:{width:o}},r&&d.a.createElement("span",null,r),d.a.createElement("h4",null,n,"%")))}}]),a}(s["Component"]),me=(k()(ue),function(e){return"\xa5 ".concat(u()(e).format("0,0"))}),pe=(a("ek7X"),a("0NbB"),a("XMr/"),d.a.Component,a("D6CT"),a("k9Yu")),ve=a("+n12"),fe={xs:24,sm:12,md:12,lg:12,xl:6,style:{marginBottom:24}},ge=function(e){var t=e.loading,a=Object(s["useState"])({}),h=Object(l["a"])(a,2),m=h[0],p=h[1];Object(s["useEffect"])((function(){Object(pe["b"])().then((function(e){return p(e.data)}))}),[]);var v=[],f=["#FFBA95","#E77048","#858DE4","#353B9D","#FFDF84","#FFB837","#35908F","#3DC2C4","#BC91FF","#9E56FC","#3D9CFF","#79C3FF"];for(var g in m){var y=[{x:"2020-07-18",y:7},{x:"2020-07-19",y:5},{x:"2020-07-20",y:4},{x:"2020-07-21",y:2},{x:"2020-07-22",y:4},{x:"2020-07-23",y:7},{x:"2020-07-24",y:5},{x:"2020-07-25",y:6},{x:"2020-07-26",y:5},{x:"2020-07-27",y:9},{x:"2020-07-28",y:6},{x:"2020-07-29",y:3},{x:"2020-07-30",y:1},{x:"2020-07-31",y:5},{x:"2020-08-01",y:3},{x:"2020-08-02",y:6},{x:"2020-08-03",y:5}];v.push(d.a.createElement(r["a"],Object(i["a"])({key:g},fe),d.a.createElement(L,{bordered:!1,loading:t,title:g,action:d.a.createElement(o["a"],{title:g},d.a.createElement(c["default"],null)),total:u()(m[g]).format("0,0"),contentHeight:46},d.a.createElement(q,{color:f[Object(ve["p"])(0,11)],data:y}))))}return d.a.createElement(n["a"],{gutter:24,type:"flex"},v)};t["default"]=ge},vA0b:function(e,t,a){e.exports={chartCard:"chartCard___1GKXm",chartTop:"chartTop___2dT4H",chartTopMargin:"chartTopMargin___2Ib7l",chartTopHasMargin:"chartTopHasMargin___3_zcg",metaWrap:"metaWrap___1_5J9",avatar:"avatar___353Ty",meta:"meta___OjSZb",action:"action___3qbJe",total:"total___1Ap5a",content:"content___17ZZN",contentFixed:"contentFixed___3TcDI",footer:"footer___12aC6",footerMargin:"footerMargin___Kk4k5"}},wyea:function(e,t,a){e.exports={pie:"pie___1dxZF",chart:"chart___1Eh4A",hasLegend:"hasLegend___2PggL",legend:"legend___1JS8F",dot:"dot___3HjpM",line:"line___15pqV",legendTitle:"legendTitle___1BAJO",percent:"percent___2EIQs",value:"value___1RWF-",title:"title___3XvYv",total:"total___2ltvc",legendBlock:"legendBlock___3EicB"}}}]);
|