| 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(["./maiResult-legacy.6bee908b.js","./vendor-legacy.4c930df7.js"],(function(e){"use strict";var t,i,l,n,a;return{setters:[function(e){t=e.u},function(e){i=e.d,l=e.h,n=e.j,a=e.H}],execute:function(){e("_",i({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)"},showKong:Boolean},setup(e,i){const r=l(),o=()=>{i.emit("canbuildline",!0)};return n((()=>{var i;if(!r.value)return;o();const l=null===(i=r.value)||void 0===i?void 0:i.getContext("2d");if(l){const i=[];t.forEach((t=>{i.push({...t,value:e.value[t.key]||t.value})})),((e,t,i,l,n,a=!1,r)=>{"无"===r&&l.forEach((e=>{delete e.value}));const o=a?l:l.filter((e=>"kong"!==e.key)),h=i>250?1.5:1,c=18*h,s=1.5*c,u=t-2*s,f=(i-20*(o.length-1))/o.length,d=[];o.forEach(((i,l)=>{const n=(f+20)*l;e.beginPath(),e.lineWidth=1,e.strokeStyle="#F7F3E9",e.rect(n,s,f,u),e.fillStyle="#F7F3E9",e.fill(),e.beginPath(),e.lineWidth=1,e.strokeStyle="#A3E5D9",e.rect(n,u/4+s,f,u/2),e.fillStyle="#A3E5D9",e.fill(),e.stroke(),e.beginPath(),e.fillStyle="#333333",e.textAlign="center",e.font=`${c}px Arial`,e.fillText(i.title[0],n+f/2,c),e.stroke(),e.beginPath(),e.fillStyle="#333333",e.textAlign="center",e.font=`${c}px Arial`,e.fillText(i.title[1],n+f/2,t-5),e.stroke(),e.beginPath(),e.moveTo(n,t/2),e.lineTo(n+f,t/2),e.strokeStyle="#FFFFFF",e.lineWidth=.5,e.stroke();const a=n+f/2,r=i.value?s+(u-u*(i.value/100)):s-u;d.push([a,r])})),d.forEach((t=>{e.beginPath(),e.arc(t[0],t[1],2.5*h,0,2*Math.PI),e.fillStyle=n,e.fill()})),e.beginPath(),e.moveTo(d[0][0],d[0][1]),d.forEach((t=>{e.lineTo(t[0],t[1])})),e.strokeStyle=n,e.lineWidth=1.5*h,e.stroke()})(l,2*e.height,2*e.width,i,e.color,e.showKong,e.mai)}})),()=>a("div",{class:"branch-canvas-wrap",style:`width: ${e.width}px; height: ${e.height}px`},a("canvas",{ref:r,height:2*e.height,width:2*e.width,onClick:o}))}})),e("g",[{title:"寸部：",key:"cun"},{title:"关部：",key:"guan"},{title:"尺部：",key:"chi"}])}}}))}();
|
