| 1 |
- !function(){var e=document.createElement("style");e.innerHTML=".branch-canvas-wrap{margin:auto 0;overflow:hidden}.branch-canvas-wrap canvas{backface-visibility:hidden;transform:scale(.5) translate(-50%,-50%)}\n",document.head.appendChild(e),System.register(["./index-legacy.c1916c65.js","./vendor-legacy.ab945ac3.js"],(function(e){"use strict";var t,i,l,n,a,r;return{setters:[function(e){t=e.i,i=e.j},function(e){l=e.d,n=e.h,a=e.j,r=e.H}],execute:function(){e("_",l({props:{width:{type:Number,default:140},height:{type:Number,default:180},value:{type:Object,required:!0},mai:{type:String,default:""},color:{type:String,default:"rgba(255, 50, 51, 1)"},en:{type:String,default:""},showKong:Boolean},setup(e,l){const h=n(),o=()=>{l.emit("canbuildline",!0)};return a((()=>{var l;if(!h.value)return;o();const n=null===(l=h.value)||void 0===l?void 0:l.getContext("2d");if(n){const l=[];e.en?t.forEach((t=>{l.push({...t,value:e.value[t.key]||t.value})})):i.forEach((t=>{l.push({...t,value:e.value[t.key]||t.value})})),((e,t,i,l,n,a=!1,r,h)=>{"无"===r&&l.forEach((e=>{delete e.value}));const o=a?l:l.filter((e=>"kong"!==e.key)),c=h?40:20,s=t-54,d=h?40:(i-c*(o.length-1))/o.length,u=[];o.forEach(((i,l)=>{const n=(d+c)*l;e.beginPath(),e.lineWidth=1,e.strokeStyle="#F7F3E9",e.rect(n,27,d,s),e.fillStyle="#F7F3E9",e.fill(),e.beginPath(),e.lineWidth=1,e.strokeStyle="#A3E5D9",e.rect(n,s/4+27,d,s/2),e.fillStyle="#A3E5D9",e.fill(),e.stroke(),e.beginPath(),e.fillStyle="#333333",e.textAlign="center",e.font="18px Arial",e.fillText(i.title[0],n+d/2,18),e.stroke(),e.beginPath(),e.fillStyle="#333333",e.textAlign="center",e.font="18px Arial",e.fillText(i.title[1],n+d/2,t-5),e.stroke(),e.beginPath(),e.moveTo(n,t/2),e.lineTo(n+d,t/2),e.strokeStyle="#FFFFFF",e.lineWidth=.5,e.stroke();const a=n+d/2,r=i.value?s-s*(i.value/100)+27:27-s;u.push([a,r])})),u.forEach((t=>{e.beginPath(),e.arc(t[0],t[1],2.5,0,2*Math.PI),e.fillStyle=n,e.fill()})),e.beginPath(),e.moveTo(u[0][0],u[0][1]),u.forEach((t=>{e.lineTo(t[0],t[1])})),e.strokeStyle=n,e.lineWidth=1.5,e.stroke()})(n,2*e.height,2*e.width,l,e.color,e.showKong,e.mai,e.en)}})),()=>e.en?r("div",{class:"branch-canvas-wrap",style:`width: ${1.5*e.width}px; height: ${e.height}px`},r("canvas",{ref:h,height:2*e.height,width:3*e.width,onClick:o})):r("div",{class:"branch-canvas-wrap",style:`width: ${e.width}px; height: ${e.height}px`},r("canvas",{ref:h,height:2*e.height,width:2*e.width,onClick:o}))}}))}}}))}();
|
