You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
21 KiB
1 line
21 KiB
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[6],{"/AXN":function(e,t,a){e.exports={tagCloud:"tagCloud___35SA0"}},"0V05":function(e,t,a){e.exports={chartCard:"chartCard___3TM4T",chartTop:"chartTop___3iur-",chartTopMargin:"chartTopMargin___24rCR",chartTopHasMargin:"chartTopHasMargin___3AQNY",metaWrap:"metaWrap___3Nuv1",avatar:"avatar___FoC4K",meta:"meta___1_3lt",action:"action___3uuUN",total:"total___D6PP7",content:"content___yyFJS",contentFixed:"contentFixed___3tZUw",footer:"footer___2Huhb",footerMargin:"footerMargin___38Y2F"}},BASP:function(e,t,a){e.exports={field:"field___2ZfpN",label:"label___1hOvq",number:"number___2qklC"}},cMGq:function(e,t,a){e.exports={miniChart:"miniChart___132EF",chartContent:"chartContent___2bnF8",chartLoading:"chartLoading___1MB4M"}},erxF:function(e,t,a){e.exports={timelineChart:"timelineChart___3TShV"}},fu5r:function(e,t,a){e.exports={pie:"pie___100kF",chart:"chart___3VSQ_",hasLegend:"hasLegend___1f2RE",legend:"legend___1fksY",dot:"dot___1yQVs",line:"line___30HIM",legendTitle:"legendTitle___3I_bd",percent:"percent___2pnFx",value:"value___WdIUL",title:"title___3-ziG",total:"total___2NcRJ"}},iZvO:function(e,t,a){e.exports={miniProgress:"miniProgress___3yUqh",progressWrap:"progressWrap___30TXc",progress:"progress___1zvIk",target:"target___3JhFm"}},tGrY:function(e,t,a){e.exports={waterWave:"waterWave___3-6x_",text:"text___dvEDG",waterWaveCanvasWrapper:"waterWaveCanvasWrapper___2uNIJ"}},ucLW:function(e,t,a){"use strict";a.d(t,"c",(function(){return ce})),a.d(t,"a",(function(){return b})),a.d(t,"b",(function(){return J}));var n=a("ZhIB"),i=a.n(n),r=a("fWQN"),o=a("mtLc"),l=a("yKVA"),c=a("879j"),s=a("yP6+"),d=a("q1tI"),u=a.n(d),h=a("9/5/"),m=a.n(h),p=a("0Owb");function v(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 f(e){if(!e)return 0;var t=e,a=v(t),n=t.parentNode;return n&&(a=v(n)),a}function g(){return function(e){var t=function(t){Object(l["a"])(n,t);var a=Object(c["a"])(n);function n(){var e;Object(r["a"])(this,n);for(var t=arguments.length,i=new Array(t),o=0;o<t;o++)i[o]=arguments[o];return e=a.call.apply(a,[this].concat(i)),e.state={computedHeight:0},e.root=void 0,e.handleRoot=function(t){e.root=t},e}return Object(o["a"])(n,[{key:"componentDidMount",value:function(){var e=this.props.height;if(!e){var t=f(this.root);this.setState({computedHeight:t}),t<1&&(t=f(this.root),this.setState({computedHeight:t}))}}},{key:"render",value:function(){var t=this.props.height,a=this.state.computedHeight,n=t||a;return u.a.createElement("div",{ref:this.handleRoot},n>0&&u.a.createElement(e,Object(p["a"])({},this.props,{height:n})))}}]),n}(u.a.Component);return t}}var y=g,_=a("cMGq"),x=a.n(_),E=function(e){Object(l["a"])(a,e);var t=Object(c["a"])(a);function a(){var e;Object(r["a"])(this,a);for(var n=arguments.length,i=new Array(n),o=0;o<n;o++)i[o]=arguments[o];return e=t.call.apply(t,[this].concat(i)),e.state={autoHideXLabels:!1},e.root=void 0,e.node=void 0,e.resize=m()((function(){if(e.node&&e.node.parentNode){var t=e.node.parentNode.clientWidth,a=e.props,n=a.data,i=void 0===n?[]:n,r=a.autoLabel,o=void 0===r||r;if(o){var l=30*i.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(o["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,i=e.forceFit,r=void 0===i||i,o=e.data,l=e.color,c=void 0===l?"rgba(24, 144, 255, 0.85)":l,d=e.padding,h=this.state.autoHideXLabels,m={x:{type:"cat"},y:{min:0}},p=["department_name*total",function(e,t){return{name:e,value:t}}];return u.a.createElement("div",{className:x.a.chart,style:{height:a},ref:this.handleRoot},u.a.createElement("div",{ref:this.handleRef},n&&u.a.createElement("h4",{style:{marginBottom:20}},n),u.a.createElement(s["Chart"],{scale:m,height:n?a-41:a,forceFit:r,data:o,padding:d||"auto"},u.a.createElement(s["Axis"],{name:"department_name",title:!1,label:h?void 0:{textStyle:{fill:"#FFFFFF"}},tickLine:h?void 0:{stroke:"#FFFFFF"}}),u.a.createElement(s["Axis"],{name:"total",min:0}),u.a.createElement(s["Tooltip"],{showTitle:!1,crosshairs:!1}),u.a.createElement(s["Geom"],{type:"interval",position:"department_name*total",color:c,tooltip:p}))))}}]),a}(d["Component"]),b=y()(E),k=(a("IzEo"),a("bx4M")),w=a("PpiC"),F=a("jrin"),C=a("TSYQ"),S=a.n(C),O=a("0V05"),z=a.n(O),A=function(e){if(!e&&0!==e)return null;var t;switch(typeof e){case"undefined":t=null;break;case"function":t=u.a.createElement("div",{className:z.a.total},e());break;default:t=u.a.createElement("div",{className:z.a.total},e)}return t},T=(u.a.Component,a("BASP"),s["Guide"].Arc),L=s["Guide"].Html,M=s["Guide"].Line,N=function(e){switch(e){case"2":return"\u5dee";case"4":return"\u4e2d";case"6":return"\u826f";case"8":return"\u4f18";default:return""}};s["Shape"].registerShape&&s["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 W=function(e){var t=e.title,a=e.height,n=void 0===a?1:a,i=e.percent,r=e.forceFit,o=void 0===r||r,l=e.formatter,c=void 0===l?N:l,d=e.color,h=void 0===d?"#2F9CFF":d,m=e.bgColor,p=void 0===m?"#F0F2F5":m,v={value:{type:"linear",min:0,max:10,tickCount:6,nice:!0}},f=[{value:i/10}],g=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*f[0].value).toFixed(2),"%\n </div>\n </div>")},y={fontSize:12,fill:"rgba(0, 0, 0, 0.65)",textAlign:"center"};return u.a.createElement(s["Chart"],{height:n,data:f,scale:v,padding:[-16,0,16,0],forceFit:o},u.a.createElement(s["Coord"],{type:"polar",startAngle:-1.25*Math.PI,endAngle:.25*Math.PI,radius:.8}),u.a.createElement(s["Axis"],{name:"1",line:void 0}),u.a.createElement(s["Axis"],{line:void 0,tickLine:void 0,subTickLine:void 0,name:"value",zIndex:2,label:{offset:-12,formatter:c,textStyle:y}}),u.a.createElement(s["Guide"],null,u.a.createElement(M,{start:[3,.905],end:[3,.85],lineStyle:{stroke:h,lineDash:void 0,lineWidth:2}}),u.a.createElement(M,{start:[5,.905],end:[5,.85],lineStyle:{stroke:h,lineDash:void 0,lineWidth:3}}),u.a.createElement(M,{start:[7,.905],end:[7,.85],lineStyle:{stroke:h,lineDash:void 0,lineWidth:3}}),u.a.createElement(T,{start:[0,.965],end:[10,.965],style:{stroke:p,lineWidth:10}}),u.a.createElement(T,{start:[0,.965],end:[f[0].value,.965],style:{stroke:h,lineWidth:10}}),u.a.createElement(L,{position:["50%","95%"],html:g()})),u.a.createElement(s["Geom"],{line:!1,type:"point",position:"value*1",shape:"pointer",color:h,active:!1}))},j=(y()(W),a("k1fw")),G=function(e){var t=e.height,a=void 0===t?1:t,n=e.data,i=void 0===n?[]:n,r=e.forceFit,o=void 0===r||r,l=e.color,c=void 0===l?"rgba(24, 144, 255, 0.2)":l,d=e.borderColor,h=void 0===d?"#1089ff":d,m=e.scale,v=void 0===m?{x:{},y:{}}:m,f=e.borderWidth,g=void 0===f?2:f,y=e.line,_=e.xAxis,E=e.yAxis,b=e.animate,k=void 0===b||b,w=[36,5,30,5],F={x:Object(j["a"])({type:"cat",range:[0,1]},v.x),y:Object(j["a"])({min:0},v.y)},C=["x*y",function(e,t){return{name:e,value:t}}],S=a+54;return u.a.createElement("div",{className:x.a.miniChart,style:{height:a}},u.a.createElement("div",{className:x.a.chartContent},a>0&&u.a.createElement(s["Chart"],{animate:k,scale:F,height:S,forceFit:o,data:i,padding:w},u.a.createElement(s["Axis"],Object(p["a"])({key:"axis-x",name:"x",label:null,line:null,tickLine:null,grid:null},_)),u.a.createElement(s["Axis"],Object(p["a"])({key:"axis-y",name:"y",label:null,line:null,tickLine:null,grid:null},E)),u.a.createElement(s["Tooltip"],{showTitle:!1,crosshairs:!1}),u.a.createElement(s["Geom"],{type:"area",position:"x*y",color:c,tooltip:C,shape:"smooth",style:{fillOpacity:1}}),y?u.a.createElement(s["Geom"],{type:"line",position:"x*y",shape:"smooth",color:h,size:g,tooltip:!1}):u.a.createElement("span",{style:{display:"none"}}))))},R=(y()(G),function(e){var t=e.height,a=void 0===t?0:t,n=e.forceFit,i=void 0===n||n,r=e.color,o=void 0===r?"#1890FF":r,l=e.data,c=void 0===l?[]:l,d={x:{type:"cat"},y:{min:0}},h=[36,5,30,5],m=["x*y",function(e,t){return{name:e,value:t}}],p=a+54;return u.a.createElement("div",{className:x.a.miniChart,style:{height:a}},u.a.createElement("div",{className:x.a.chartContent},u.a.createElement(s["Chart"],{scale:d,height:p,forceFit:i,data:c,padding:h},u.a.createElement(s["Tooltip"],{showTitle:!1,crosshairs:!1}),u.a.createElement(s["Geom"],{type:"interval",position:"x*y",color:o,tooltip:m}))))}),I=(y()(R),a("5Dmo"),a("3S7+"),a("iZvO"),a("cQSq")),D=a.n(I),P=a("Jssm"),q=a.n(P),H=a("fu5r"),B=a.n(H),U=s["Guide"].Text,V=function(e){Object(l["a"])(a,e);var t=Object(c["a"])(a);function a(){var e;Object(r["a"])(this,a);for(var n=arguments.length,i=new Array(n),o=0;o<n;o++)i[o]=arguments[o];return e=t.call.apply(t,[this].concat(i)),e.state={legendData:[],legendBlock:!1},e.requestRef=void 0,e.root=void 0,e.chart=void 0,e.resize=m()((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 i=e.state.legendData;i[a]=n;var r=i.filter((function(e){return e.checked})).map((function(e){return e.name}));e.chart&&e.chart.filter("name",(function(e){return r.indexOf("".concat(e))>-1})),e.setState({legendData:i})},e}return Object(o["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,i=(n.valueFormat,n.subTitle),r=n.total,o=n.hasLegend,l=void 0!==o&&o,c=n.className,d=n.style,h=n.height,m=void 0===h?0:h,p=n.forceFit,v=void 0===p||p,f=n.percent,g=n.color,y=n.inner,_=n.animate,x=void 0===_||_,E=n.colors,b=(n.lineWidth,n.showtext),k=n.type,w=this.state,C=w.legendData,O=w.legendBlock,z=S()(B.a.pie,c,(e={},Object(F["a"])(e,B.a.hasLegend,!!l),Object(F["a"])(e,B.a.legendBlock,O),e)),A=this.props,T=A.data,L=A.selected,M=void 0===L||L,N=A.tooltip,W=void 0===N||N,j=T||[],G=M,R=W,D=E;j=j||[],G=G||!0,R=R||!0;var P={x:{type:"cat",range:[0,1]},y:{min:0}};(f||0===f)&&(G=!1,R=!1,t=function(e){return"\u5360\u6bd4"===e?g||"rgba(24, 144, 255, 0.85)":"#F0F2F5"},j=[{x:"\u5360\u6bd4",y:parseFloat("".concat(f))},{x:"\u53cd\u6bd4",y:100-parseFloat("".concat(f))}]);var H=["name*total",function(e,t){return{name:e,value:"".concat(t)}}],V=[12,0,12,0],J=new I["DataView"];return J.source(j).transform({type:"percent",field:"y",dimension:"x",as:"percent"}),u.a.createElement("div",{ref:this.handleRoot,className:z,style:d},u.a.createElement(q.a,{maxFontSize:25},u.a.createElement("div",{className:B.a.chart},u.a.createElement(s["Chart"],{scale:P,height:m,forceFit:v,data:j,padding:V,animate:x,onGetG2Instance:this.getG2Instance},!!R&&u.a.createElement(s["Tooltip"],{showTitle:!1}),u.a.createElement(s["Coord"],{type:"theta",innerRadius:y}),u.a.createElement(s["Geom"],{tooltip:R?H:void 0,type:"intervalStack",position:"total",color:["name",f||0===f?t:D],selected:G}),!0===b?u.a.createElement(s["Guide"],null,u.a.createElement(U,{position:["50%","50%"],content:"student"===k?"\u5b66\u751f":"\u6559\u5e08",style:{fontSize:"16",fill:"#F5F5F5",textAlign:"center"}})):""),(i||r)&&u.a.createElement("div",{className:B.a.total},i&&u.a.createElement("h4",{className:"pie-sub-title"},i),r&&u.a.createElement("div",{className:"pie-stat"},"function"===typeof r?r():r)))),l&&u.a.createElement("div",{className:B.a.legend,style:{maxHeight:"200px",minWidth:"120px",marginTop:"20px",fontSize:"12px",marginRight:0}},u.a.createElement("ul",{style:{paddingLeft:0},className:"scrollbar"},C.map((function(e,t){return u.a.createElement("li",{key:e.name,onClick:function(){return a.handleLegendClick(e,t)},style:{marginBottom:"5px"}},u.a.createElement("span",{className:B.a.dot,style:{backgroundColor:e.checked?e.color:"#aaa"}}),u.a.createElement("span",{style:{display:"inline-block",width:"60%"},className:B.a.legendTitle},e.name),u.a.createElement("span",{style:{display:"inline-block",width:"25px"}},e.total))})))))}}]),a}(d["Component"]),J=y()(V),X=a("tJVT"),Y=a("/AXN"),Q=a.n(Y),Z="https://gw.alipayobjects.com/zos/rmsportal/gWyeGLCdFFRavBGIDzWk.png",K=function(e){Object(l["a"])(a,e);var t=Object(c["a"])(a);function a(){var e;Object(r["a"])(this,a);for(var n=arguments.length,i=new Array(n),o=0;o<n;o++)i[o]=arguments[o];return e=t.call.apply(t,[this].concat(i)),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(j["a"])(Object(j["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"})}s["Shape"].registerShape("point","cloud",{drawShape:function(t,a){var n=e(t);return a.addShape("text",{attrs:Object(j["a"])(Object(j["a"])({},n),{},{x:t.x,y:t.y})})}})},e.renderChart=m()((function(t){var a=t||e.props,n=a.data,i=a.height;if(!(n.length<1)&&e.root){var r=i,o=e.root.offsetWidth,l=function(){var t=(new D.a.View).source(n),a=t.range("value"),i=Object(X["a"])(a,2),l=i[0],c=i[1];t.transform({type:"tag-cloud",fields:["name","value"],imageMask:e.imageMask,font:"Verdana",size:[o,r],padding:0,timeInterval:5e3,rotate:function(){return 0},fontSize:function(e){var t=Math.pow((e.value-l)/(c-l),2);return 12.5*t+5}}),e.isUnmount||e.setState({dv:t,width:o,height:r})};e.imageMask?l():(e.imageMask=new Image,e.imageMask.crossOrigin="",e.imageMask.src=Z,e.imageMask.onload=l)}}),500),e}return Object(o["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,i=n.dv,r=n.width,o=n.height;return u.a.createElement("div",{className:S()(Q.a.tagCloud,t),style:{width:"100%",height:a},ref:this.saveRootRef},i&&u.a.createElement(s["Chart"],{width:r,height:o,data:i,padding:0,scale:{x:{nice:!1},y:{nice:!1}}},u.a.createElement(s["Tooltip"],{showTitle:!1}),u.a.createElement(s["Coord"],{reflect:"y"}),u.a.createElement(s["Geom"],{type:"point",position:"x*y",color:"text",shape:"cloud",tooltip:["text*value",function(e,t){return{name:e,value:t}}]})))}}]),a}(d["Component"]),$=(y()(K),a("oBTY")),ee=a("1Gbu"),te=a.n(ee),ae=a("erxF"),ne=a.n(ae),ie=function(e){var t,a=e.title,n=e.height,i=void 0===n?400:n,r=e.padding,o=void 0===r?[60,20,40,40]:r,l=e.titleMap,c=void 0===l?{y1:"y1",y2:"y2"}:l,d=e.borderWidth,h=void 0===d?2:d,m=e.data,p=Array.isArray(m)?m:[{x:0,y1:0,y2:0}];p.sort((function(e,t){return e.x-t.x})),p[0]&&p[0].y1&&p[0].y2&&(t=Math.max(Object($["a"])(p).sort((function(e,t){return t.y1-e.y1}))[0].y1,Object($["a"])(p).sort((function(e,t){return t.y2-e.y2}))[0].y2));var v=new D.a({state:{start:p[0].x,end:p[p.length-1].x}}),f=v.createView();f.source(p).transform({type:"filter",callback:function(e){var t=e.x;return t<=v.state.end&&t>=v.state.start}}).transform({type:"map",callback:function(e){var t=Object(j["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 g={type:"time",tickInterval:36e5,mask:"HH:mm",range:[0,1]},y={x:g,value:{max:t,min:0}},_=function(){return u.a.createElement(te.a,{padding:[0,o[1]+20,0,o[3]],width:"auto",height:26,xAxis:"x",yAxis:"y1",scales:{x:g},data:p,start:v.state.start,end:v.state.end,backgroundChart:{type:"line"},onChange:function(e){var t=e.startValue,a=e.endValue;v.setState("start",t),v.setState("end",a)}})};return u.a.createElement("div",{className:ne.a.timelineChart,style:{height:i+30}},u.a.createElement("div",null,a&&u.a.createElement("h4",null,a),u.a.createElement(s["Chart"],{height:i,padding:o,data:f,scale:y,forceFit:!0},u.a.createElement(s["Axis"],{name:"x"}),u.a.createElement(s["Tooltip"],null),u.a.createElement(s["Legend"],{name:"key",position:"top"}),u.a.createElement(s["Geom"],{type:"line",position:"x*value",size:h,color:"key"})),u.a.createElement("div",{style:{marginRight:-20}},u.a.createElement(_,null))))},re=(y()(ie),a("tGrY")),oe=a.n(re),le=function(e){Object(l["a"])(a,e);var t=Object(c["a"])(a);function a(){var e;Object(r["a"])(this,a);for(var n=arguments.length,i=new Array(n),o=0;o<n;o++)i[o]=arguments[o];return e=t.call.apply(t,[this].concat(i)),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,i=n.offsetWidth;e.setState({radio:i<a?i/a:1})}},e}return Object(o["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,i=void 0===n?"#1890FF":n,r=a/100,o=this;if(cancelAnimationFrame(this.timer),this.node&&(0===r||r)){var l=this.node,c=l.getContext("2d");if(c){var s=l.width,d=l.height,u=s/2,h=2,m=u-h;c.beginPath(),c.lineWidth=2*h;for(var p=s-h,v=p/8,f=.2,g=f,y=h,_=0,x=0,E=.005,b=[],k=u-h,w=-Math.PI/2,F=!0,C=w;C<w+2*Math.PI;C+=1/(8*Math.PI))b.push([u+k*Math.cos(C),u+k*Math.sin(C)]);var S=b.shift();c.strokeStyle=i,c.moveTo(S[0],S[1]),z()}}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,r=t,o=2*m*(1-x)+(u-m)-v*n;c.lineTo(r,o),e.push([r,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,i),c.fillStyle=s,c.fill(),c.restore()}}function z(){if(c){if(c.clearRect(0,0,s,d),F&&"update"!==e)if(b.length){var t=b.shift();c.lineTo(t[0],t[1]),c.stroke()}else F=!1,c.lineTo(S[0],S[1]),c.stroke(),b=[],c.globalCompositeOperation="destination-over",c.beginPath(),c.lineWidth=h,c.arc(u,u,k,0,2*Math.PI,!0),c.beginPath(),c.save(),c.arc(u,u,u-3*h,0,2*Math.PI,!0),c.restore(),c.clip(),c.fillStyle=i;else{if(r>=.85){if(g>f/4){var a=.01*f;g-=a}}else if(r<=.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}}r-x>0&&(x+=E),r-x<0&&(x-=E),_+=.07,O()}o.timer=requestAnimationFrame(z)}}}},{key:"render",value:function(){var e=this,t=this.state.radio,a=this.props,n=a.percent,i=a.title,r=a.height,o=void 0===r?1:r;return u.a.createElement("div",{className:oe.a.waterWave,ref:function(t){return e.root=t},style:{transform:"scale(".concat(t,")")}},u.a.createElement("div",{style:{width:o,height:o,overflow:"hidden"}},u.a.createElement("canvas",{className:oe.a.waterWaveCanvasWrapper,ref:function(t){return e.node=t},width:2*o,height:2*o})),u.a.createElement("div",{className:oe.a.text,style:{width:o}},i&&u.a.createElement("span",null,i),u.a.createElement("h4",null,n,"%")))}}]),a}(d["Component"]),ce=(y()(le),function(e){return"\xa5 ".concat(i()(e).format("0,0"))})}}]); |