@next-bricks/data-view 1.0.4 → 1.0.5

package/dist/chunks/6768.3d9b466d.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunk_next_bricks_data_view=self.webpackChunk_next_bricks_data_view||[]).push([[6768],{7600:(t,e,a)=>{a.d(e,{G:()=>P});var i=a(640),r=a(5600),l=a.n(r),n=a(7568),o=["#5B8FF9","#5AD8A6","#5D7092","#F6BD16","#E86452","#6DC8EC","#945FB9","#FF9845","#1E9493","#FF99C3"],s={dataFill:{fillStyle:"rgba(76,132,250,0.67)"},dataCircle:{r:2,strokeStyle:"#ccc",fillStyle:"#fff",lineWidth:.5},dataLine:{strokeStyle:"#0B2EE7",lineWidth:5}},d={n:0,dataRadiusOfPercent:[],dataRadius:[],angleArr:[],tooltipsContentArr:[],originDataSource:[],radius:1},c=function(t,e){var a=(0,n.cloneDeep)(d);if(a.radius=e,(null==t?void 0:t.length)<1)return a;a.originDataSource=t,a.n=t.length;var i=2*Math.PI/a.n;return t.forEach(((t,r)=>{a.dataRadiusOfPercent[r]=t.value/t.maxValue,a.dataRadius[r]=a.dataRadiusOfPercent[r]*e,a.angleArr[r]=r*i})),a},f=function(t,e,a){var i=(0,n.cloneDeep)(s);return(0,n.merge)(i.dataFill,t),(0,n.merge)(i.dataCircle,e),(0,n.merge)(i.dataLine,a),i},h=function(t,e,a){for(var i=[],r=0;r<t;r++){var l={x:0,y:0};l.x=e[r]*Math.sin(a[r]),l.y=-e[r]*Math.cos(a[r]),i.push(l)}return i},u=function(t,e,a){for(var i=[],r=2*Math.PI/t,l=0;l<t;l++){var n={x:0,y:0};n.x=e*Math.sin(l*r)+a[0],n.y=-e*Math.cos(l*r)+a[1],i.push(n)}return i},y=function(t,e){var a=e.n,i=e.r,r=e.origin,l=e.strokeStyle,n=e.lineWidth*e.ratio;t.save(),t.beginPath();var o=2*Math.PI/a;t.translate(r[0],r[1]),t.moveTo(0,-i);for(var s=0;s<a;s++)t.rotate(o),t.lineTo(0,-i);if(t.closePath(),t.stroke(),e.strokeStyle&&(t.strokeStyle=l,t.lineWidth=n,t.lineCap="butt"),e.fillStyle){if("string"==typeof e.fillStyle)t.fillStyle=e.fillStyle;else if(e.fillStyle instanceof Array){var d=t.createLinearGradient(-i,-i,i,i);e.fillStyle.forEach((t=>{d.addColorStop(0,t[0]),d.addColorStop(1,t[1])})),t.fillStyle=d}t.fill()}t.restore()},v=function(t,e){var{n:a,r:i,origin:r,strokeStyle:l}=e,n=e.lineWidth*e.ratio;t.save();var o=2*Math.PI/a;t.translate(r[0],r[1]),t.lineWidth=n,t.lineCap="butt",t.rotate(-Math.PI/2);for(var s=0;s<a;s++){var d=i*Math.cos(o*s),c=i*Math.sin(o*s),f=i*Math.cos(o*(s+1)),h=i*Math.sin(o*(s+1));t.beginPath(),t.moveTo(d,c),t.lineTo(f,h);var u=t.createLinearGradient(d,c,f,h);u.addColorStop(0,l),u.addColorStop(.5,"#1D2B57"),u.addColorStop(.6,"#1D2B57"),u.addColorStop(1,l),t.strokeStyle=u,t.stroke()}t.restore()},S=function(t,e,a){t.save(),t.beginPath(),a.map((a=>{t.moveTo(e[0],e[1]),t.lineTo(a.x,a.y)})),t.strokeStyle="#1D2B57",t.lineWidth=2,t.stroke(),t.restore()},g=function(t,e,a,i,r){t.save();var l=a/2,n=a/4,s=a/12>10?a/12:10;i.map(((i,d)=>{var c,f,h,u,y=i.x,v=i.x,S=i.x,g=i.y,p=i.x,k=(null===(c=r[d])||void 0===c?void 0:c.color)||o[d]||"#ccc";t.beginPath(),t.moveTo(i.x,i.y),i.x-e[0]>=0?(S=(v=(y+=l)+l)+s,p=y+12):i.x-e[0]<0&&(S=(v=(y-=l)-l)-s,p=v+12),i.y-e[1]<0?g-=n:i.y-e[1]>0&&(g+=n),t.lineTo(y,g),t.lineTo(S,g),t.strokeStyle="rgba(255, 255, 255, .1)",t.stroke(),t.beginPath(),t.moveTo(v,g),t.lineTo(S,g),t.strokeStyle=k,t.lineWidth=2,t.stroke();var x=null!==(f=r[d])&&void 0!==f&&f.percentValue?g-a/3.5:g-a/5.5,m=a/12;if(null!==(h=r[d])&&void 0!==h&&h.name&&(t.fillStyle=k,t.fillRect(p,x,12,12),t.textAlign="left",t.font="400 ".concat(m,"px HarmonyOS_Sans_SC_Black"),t.fillStyle="rgba(255, 255, 255, .4)",t.fillText("".concat(r[d].name),p+18,x+6),t.stroke()),null!==(u=r[d])&&void 0!==u&&u.percentValue){var P,W=a/10;t.textAlign="left",t.font="500 ".concat(W,"px HarmonyOS_Sans_SC_Black"),t.fillStyle="#fff",t.fillText("".concat(null===(P=r[d])||void 0===P?void 0:P.percentValue),p+18,x+6+1.5*m),t.stroke()}})),t.restore()};function p(t,e){var{x:a,y:i,r,originX:l,originY:n,strokeStyle:o,lineWidth:s,fillStyle:d}=e;t.save(),t.beginPath(),t.translate(l,n),t.arc(a,i,r,0,2*Math.PI),t.closePath(),t.strokeStyle=o,t.lineWidth=s,t.lineJoin="round",t.fillStyle=d,t.stroke(),t.fill(),t.restore()}var k=function(t,e,a,i){var{dataLineOptions:r,dataFillOptions:l,dataCircleOptions:n}=i;0!==r.dataPoints.length&&(function(t,e,a){var{strokeStyle:i,lineWidth:r,dataPoints:l}=a,n=l.length;t.save(),t.beginPath(),t.translate(e[0],e[1]),t.moveTo(l[0].x,l[0].y);for(var o=1;o<n;o++)t.lineTo(l[o].x,l[o].y);t.closePath(),t.strokeStyle=i,t.lineWidth=r,t.lineJoin="round",t.stroke(),t.restore()}(t,e,r),function(t,e,a){var{fillStyle:i,dataPoints:r}=a,l=r.length;t.save(),t.beginPath(),t.translate(e[0],e[1]),t.moveTo(r[0].x,r[0].y);for(var n=1;n<l;n++)t.lineTo(r[n].x,r[n].y);t.closePath(),t.fillStyle=i,t.fill(),t.restore()}(t,e,l),function(t,e,a,i){for(var{strokeStyle:r,fillStyle:l,dataPoints:n}=i,o=i.r*a,s=i.lineWidth*a,d=n.length,c=0;c<d;c++)p(t,{x:n[c].x,y:n[c].y,r:o,originX:e[0],originY:e[1],strokeStyle:r,lineWidth:s,fillStyle:l})}(t,e,a,n))},x=function(t,e){for(var{layer:a,n:i,r,ratio:l,origin:n,lineWidth:o}=e,s=[["#3366FF","#83F5E1"]],d=a;d>0;d--)d===a?(v(t,{n:i,r,origin:n,ratio:l,lineWidth:o,strokeStyle:"rgba(51, 102, 255)"}),v(t,{n:i,r:.95*r,origin:n,ratio:l,strokeStyle:"rgba(76,132,250,0.1)",lineWidth:o})):y(t,{n:i,r:.95*r/a*d,origin:n,fillStyle:d%2!=0?"#29292d":s,strokeStyle:"transparent",lineWidth:o,ratio:l})},m=["dataSource","radius","value","dataFill","dataCircle","dataLine","scale"];function P(t){var{dataSource:e,radius:a,value:n,dataFill:o,dataCircle:y,dataLine:v,scale:p}=t,P=(0,i.c)(t,m),W=(0,r.useRef)(null),b=(0,r.useRef)(null),[C,w]=(0,r.useState)(d),[F,O]=(0,r.useState)(s),T=window.devicePixelRatio;return(0,r.useEffect)((()=>{var t=W.current,i=t.getContext("2d"),r=t.clientWidth,l=t.clientHeight;t.width=r*T,t.height=l*T;var n=Math.min(t.width,t.height)*p;b.current=i,w(c(e,null!=a?a:n))}),[e,a,p]),(0,r.useEffect)((()=>{O(f(o,y,v))}),[o,y,v]),(0,r.useEffect)((()=>{var t=0,e=null,a=W.current,i=b.current,r=[a.width/2,a.height/2];if(i){var l=()=>{e=window.requestAnimationFrame(l),(t+=.05)>=1&&window.cancelAnimationFrame(e),i.clearRect(0,0,a.width,a.height),x(i,{layer:5,n:C.n,r:C.radius,ratio:T,origin:r,lineWidth:2});var o=C.dataRadius.map((e=>e*t)),s=h(C.n,o,C.angleArr),d={dataPoints:s,strokeStyle:F.dataLine.strokeStyle,lineWidth:F.dataLine.lineWidth},c={dataPoints:s,r:F.dataCircle.r,strokeStyle:F.dataCircle.strokeStyle,fillStyle:F.dataCircle.fillStyle,lineWidth:F.dataCircle.lineWidth},f={dataPoints:s,fillStyle:F.dataFill.fillStyle};k(i,r,T,{dataLineOptions:d,dataFillOptions:f,dataCircleOptions:c});var y=u(C.n,C.radius,r);if(S(i,r,y),g(i,r,C.radius,y,C.originDataSource),n){var v=C.radius/5;i.font="bold ".concat(v,"px HarmonyOS_Sans_SC_Black"),i.fillStyle="#fff",i.textAlign="center",i.textBaseline="middle",i.fillText("".concat(n),r[0],r[1])}};l()}}),[C,F,n]),l().createElement("div",{className:"radarWrap",style:{width:"".concat(P.width,"px"),height:"".concat(P.height,"px")}},l().createElement("canvas",{className:"canvasWrap",ref:W}))}},2708:(t,e,a)=>{a.d(e,{c:()=>o});var i=a(8304),r=a.n(i),l=a(1849),n=a.n(l)()(r());n.push([t.id,".radarWrap{position:relative;width:100%;height:100%}.radarWrap .canvasWrap{display:block;width:100%;height:100%}",""]);const o=n.toString()},640:(t,e,a)=>{function i(t,e){if(null==t)return{};var a,i,r=function(t,e){if(null==t)return{};var a,i,r={},l=Object.keys(t);for(i=0;i<l.length;i++)a=l[i],e.indexOf(a)>=0||(r[a]=t[a]);return r}(t,e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(t);for(i=0;i<l.length;i++)a=l[i],e.indexOf(a)>=0||Object.prototype.propertyIsEnumerable.call(t,a)&&(r[a]=t[a])}return r}a.d(e,{c:()=>i})}}]);
+//# sourceMappingURL=6768.3d9b466d.js.map

package/dist/chunks/{4434.c9184946.js.map → 6768.3d9b466d.js.map}

@@ -1 +1 @@
-{"version":3,"file":"chunks/4434.c9184946.js","mappings":"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","sources":["webpack:///./src/radar-chart/utils.ts","webpack:///./src/radar-chart/radar.tsx","webpack:///./src/radar-chart/styles.shadow.css","webpack:///../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js"],"sourcesContent":["import { cloneDeep, merge } from \"lodash\";\nimport {\n  Axis,\n  BaseConfig,\n  CircleOptions,\n  Data,\n  DataCircle,\n  DataCircleOptions,\n  DataFill,\n  DataFillProps,\n  DataLine,\n  DataLineOptions,\n  DataPolyProps,\n  DrawPolygonOptions,\n  DrawRadarBgOption,\n  GradientPolygon,\n  UserConfig,\n} from \"./interface.js\";\n\nexport const colorMap = [\n  \"#5B8FF9\",\n  \"#5AD8A6\",\n  \"#5D7092\",\n  \"#F6BD16\",\n  \"#E86452\",\n  \"#6DC8EC\",\n  \"#945FB9\",\n  \"#FF9845\",\n  \"#1E9493\",\n  \"#FF99C3\",\n]; //chart-v2 的主题色\n\nexport const baseUserConfig: UserConfig = {\n  dataFill: {\n    fillStyle: \"rgba(76,132,250,0.67)\",\n  },\n  dataCircle: {\n    r: 2,\n    strokeStyle: \"#ccc\",\n    fillStyle: \"#fff\",\n    lineWidth: 0.5,\n  },\n  dataLine: {\n    strokeStyle: \"#0B2EE7\",\n    lineWidth: 5,\n  },\n};\nexport const baseRadarConfig: BaseConfig = {\n  n: 0,\n  dataRadiusOfPercent: [],\n  dataRadius: [],\n  angleArr: [],\n  tooltipsContentArr: [],\n  originDataSource: [],\n  radius: 1,\n};\n/**\n *  // 初始化参数配置\n * @param dataSource\n * @param radius\n * @returns BaseConfig\n */\nexport const constructBaseConfig = function (\n  dataSource: Data[],\n  radius: number\n) {\n  const baseConfig: BaseConfig = cloneDeep(baseRadarConfig);\n  baseConfig.radius = radius;\n  if (dataSource?.length < 1) return baseConfig;\n  baseConfig.originDataSource = dataSource;\n  baseConfig.n = dataSource.length;\n  const disAngle = (Math.PI * 2) / baseConfig.n;\n  dataSource.forEach((data, i) => {\n    baseConfig.dataRadiusOfPercent[i] = data.value / data.maxValue;\n    baseConfig.dataRadius[i] = baseConfig.dataRadiusOfPercent[i] * radius;\n    baseConfig.angleArr[i] = i * disAngle;\n  });\n  return baseConfig;\n};\n\nexport const constructUserConfig = function (\n  dataFill: DataFill,\n  dataCircle: DataCircle,\n  dataLine: DataLine\n) {\n  const userConfig: UserConfig = cloneDeep(baseUserConfig);\n  merge(userConfig.dataFill, dataFill);\n  merge(userConfig.dataCircle, dataCircle);\n  merge(userConfig.dataLine, dataLine);\n  return userConfig;\n};\n\n/**\n * 获取数据点相对于原点的坐标\n * n：多边形边数\n * dataRadiusArr: 数据点的坐标数组\n * angleArr: 多边形的角度数组\n */\nexport const getDataPointsPos = function (\n  n: number,\n  dataRadiusArr: number[],\n  angleArr: number[]\n) {\n  const dataPointsPosArray = [];\n  for (let i = 0; i < n; i++) {\n    const curPoinrPos: Axis = {\n      x: 0,\n      y: 0,\n    };\n    curPoinrPos.x = dataRadiusArr[i] * Math.sin(angleArr[i]);\n    curPoinrPos.y = -dataRadiusArr[i] * Math.cos(angleArr[i]);\n    dataPointsPosArray.push(curPoinrPos);\n  }\n  return dataPointsPosArray;\n};\n\n/**\n * 获取正多边形每个点的坐标位置数组（相对于原点）\n * n: 多边形的边数\n * r: 半径\n * origin: 原点位置\n */\nexport const getPolygonPos = function (n: number, r: number, origin: number[]) {\n  const dotsArray = []; // 多边形每一个点的坐标数组，格式如[{x: 1, y: 2}]\n  const angle = (Math.PI * 2) / n;\n  for (let i = 0; i < n; i++) {\n    const curPos: Axis = {\n      x: 0,\n      y: 0,\n    };\n    curPos.x = r * Math.sin(i * angle) + origin[0];\n    curPos.y = -r * Math.cos(i * angle) + origin[1];\n    dotsArray.push(curPos);\n  }\n  return dotsArray;\n};\n\n/**\n * 绘制闭合正多边形\n * n: 边数\n * r：半径\n * origin：正多边形的中心位置。数组形式[x, y]\n * fillStyle：填充样式\n * strokeStyle：线条样式\n * lineWidth: 线条宽度\n */\nexport const drawPolygon = function (\n  context: CanvasRenderingContext2D,\n  options: DrawPolygonOptions\n) {\n  // 对传入参数进行默认值设置\n  const n = options.n,\n    r = options.r,\n    origin = options.origin,\n    strokeStyle = options.strokeStyle,\n    lineWidth = options.lineWidth * options.ratio,\n    lineCap = \"butt\";\n\n  context.save();\n  context.beginPath();\n  const angle = (Math.PI * 2) / n;\n  context.translate(origin[0], origin[1]);\n  context.moveTo(0, -r);\n  for (let i = 0; i < n; i++) {\n    context.rotate(angle);\n    context.lineTo(0, -r);\n  }\n  context.closePath();\n  context.stroke();\n\n  if (options.strokeStyle) {\n    context.strokeStyle = strokeStyle;\n    context.lineWidth = lineWidth;\n    context.lineCap = lineCap;\n  }\n  if (options.fillStyle) {\n    if (typeof options.fillStyle === \"string\") {\n      context.fillStyle = options.fillStyle;\n    } else if (options.fillStyle instanceof Array) {\n      // 创建线性渐变对象\n      const gradient = context.createLinearGradient(-r, -r, r, r);\n      options.fillStyle.forEach((colors) => {\n        gradient.addColorStop(0, colors[0]);\n        gradient.addColorStop(1, colors[1]);\n      });\n      context.fillStyle = gradient;\n    }\n\n    context.fill();\n  }\n  context.restore();\n};\n\n/**\n * 绘制线性渐变的多边形,\n * n: 边数\n * r：半径\n * origin：正多边形的中心位置。数组形式[x, y]\n * strokeStyle：线条样式\n * lineWidth: 线条宽度\n */\nexport const drawGradientPolygon = function (\n  context: CanvasRenderingContext2D,\n  options: GradientPolygon\n) {\n  // 对传入参数进行默认值设置\n  const { n, r, origin, strokeStyle } = options;\n  const lineWidth = options.lineWidth * options.ratio,\n    lineCap = \"butt\";\n  context.save();\n  const angle = (Math.PI * 2) / n;\n  context.translate(origin[0], origin[1]);\n\n  // 设置线条样式\n  context.lineWidth = lineWidth;\n  context.lineCap = lineCap;\n  // 添加偏移量，使第一条边与正上方对齐\n  context.rotate(-Math.PI / 2);\n\n  for (let i = 0; i < n; i++) {\n    // 计算当前边的起点和终点坐标\n    const startX = r * Math.cos(angle * i),\n      startY = r * Math.sin(angle * i),\n      endX = r * Math.cos(angle * (i + 1)),\n      endY = r * Math.sin(angle * (i + 1));\n    // 开始一个新的路径\n    context.beginPath();\n    // 绘制多边形的一条边\n    context.moveTo(startX, startY);\n    context.lineTo(endX, endY);\n    // 创建线性渐变对象\n    const gradient = context.createLinearGradient(startX, startY, endX, endY);\n    gradient.addColorStop(0, strokeStyle);\n    gradient.addColorStop(0.5, \"#1D2B57\");\n    gradient.addColorStop(0.6, \"#1D2B57\");\n    gradient.addColorStop(1, strokeStyle);\n    // 设置当前路径的描边样式为线性渐变\n    context.strokeStyle = gradient;\n    context.stroke();\n  }\n  context.restore();\n};\n\n/**\n * 绘制数据点连接线条(一次性画完)\n * dataPoints: 数据的位置数组\n * strokeStyle: 线条样式\n * lineWidth: 线条宽度\n */\nexport const drawDataLine = function (\n  context: CanvasRenderingContext2D,\n  origin: number[],\n  options: DataLineOptions\n) {\n  const { strokeStyle, lineWidth, dataPoints } = options;\n  const dataPointsLen = dataPoints.length;\n  context.save();\n  context.beginPath();\n  context.translate(origin[0], origin[1]);\n  context.moveTo(dataPoints[0].x, dataPoints[0].y);\n  for (let i = 1; i < dataPointsLen; i++) {\n    context.lineTo(dataPoints[i].x, dataPoints[i].y);\n  }\n  context.closePath();\n  context.strokeStyle = strokeStyle;\n  context.lineWidth = lineWidth;\n  context.lineJoin = \"round\";\n  context.stroke();\n  context.restore();\n};\n/**\n * 绘制放射性中心点到多边形顶点连线\n * @param context\n * @param origin\n * @param dataPoints 多边形顶点坐标\n */\nexport const drawVertexLine = function (\n  context: CanvasRenderingContext2D,\n  origin: number[],\n  dataPoints: Axis[]\n) {\n  context.save();\n  context.beginPath();\n  dataPoints.map((point) => {\n    context.moveTo(origin[0], origin[1]);\n    context.lineTo(point.x, point.y);\n  });\n  context.strokeStyle = \"#1D2B57\";\n  context.lineWidth = 2;\n  context.stroke();\n  context.restore();\n};\nexport const drawLeadLineAndText = function (\n  context: CanvasRenderingContext2D,\n  origin: number[],\n  r: number,\n  dataPoints: Axis[],\n  dataSource: Data[]\n) {\n  context.save();\n  const offsetX = r / 2,\n    offsetY = r / 4,\n    offsetEndX = r / 12 > 10 ? r / 12 : 10,\n    rectSize = 12;\n  dataPoints.map((point, i) => {\n    let curPosX = point.x,\n      curPosMiddleX = point.x,\n      curPosEndX = point.x,\n      curPosY = point.y,\n      rectX = point.x;\n    const color = dataSource[i]?.color || colorMap[i] || \"#ccc\";\n    context.beginPath();\n    context.moveTo(point.x, point.y);\n\n    if (point.x - origin[0] >= 0) {\n      //引线方向往右\n      curPosX += offsetX;\n      curPosMiddleX = curPosX + offsetX;\n      curPosEndX = curPosMiddleX + offsetEndX;\n      rectX = curPosX + rectSize;\n    } else if (point.x - origin[0] < 0) {\n      //引线方向往左\n      curPosX -= offsetX;\n      curPosMiddleX = curPosX - offsetX;\n      curPosEndX = curPosMiddleX - offsetEndX;\n      rectX = curPosMiddleX + rectSize;\n    }\n\n    if (point.y - origin[1] < 0) {\n      curPosY -= offsetY;\n    } else if (point.y - origin[1] > 0) {\n      curPosY += offsetY;\n    }\n    context.lineTo(curPosX, curPosY);\n    context.lineTo(curPosEndX, curPosY);\n    context.strokeStyle = \"rgba(255, 255, 255, .1)\";\n    context.stroke();\n    context.beginPath();\n    context.moveTo(curPosMiddleX, curPosY);\n    context.lineTo(curPosEndX, curPosY);\n    context.strokeStyle = color;\n    context.lineWidth = 2;\n    context.stroke();\n\n    //文本\n    const rectY = dataSource[i]?.percentValue\n      ? curPosY - r / 3.5\n      : curPosY - r / 5.5;\n    const legendSize = r / 12;\n\n    if (dataSource[i]?.name) {\n      context.fillStyle = color;\n      context.fillRect(rectX, rectY, rectSize, rectSize);\n\n      context.textAlign = \"left\";\n      context.font = `400 ${legendSize}px HarmonyOS_Sans_SC_Black`;\n      context.fillStyle = \"rgba(255, 255, 255, .4)\";\n      context.fillText(\n        `${dataSource[i].name}`,\n        rectX + rectSize * 1.5,\n        rectY + rectSize / 2\n      );\n      context.stroke();\n    }\n    if (dataSource[i]?.percentValue) {\n      const percentSize = r / 10;\n      context.textAlign = \"left\";\n      context.font = `500 ${percentSize}px HarmonyOS_Sans_SC_Black`;\n      context.fillStyle = \"#fff\";\n      context.fillText(\n        `${dataSource[i]?.percentValue}`,\n        rectX + rectSize * 1.5,\n        rectY + rectSize / 2 + legendSize * 1.5\n      );\n      context.stroke();\n    }\n  });\n  context.restore();\n};\n\n/**\n * 绘制数据点圆圈\n * dataPoints: 数据的位置数组\n * r: 圆圈半径\n * strokeStyle: 圆的描边样式\n * fillStyle: 圆的描边宽度\n * lineWidth: 圆的填充样式\n */\nexport const drawDataCircle = function (\n  context: CanvasRenderingContext2D,\n  origin: number[],\n  ratio: number,\n  options: DataCircleOptions\n) {\n  const { strokeStyle, fillStyle, dataPoints } = options;\n  const r = options.r * ratio,\n    lineWidth = options.lineWidth * ratio;\n\n  const dataPointsPosArrayLen = dataPoints.length;\n  for (let i = 0; i < dataPointsPosArrayLen; i++) {\n    drawCircle(context, {\n      x: dataPoints[i].x,\n      y: dataPoints[i].y,\n      r: r,\n      originX: origin[0],\n      originY: origin[1],\n      strokeStyle: strokeStyle,\n      lineWidth: lineWidth,\n      fillStyle: fillStyle,\n    });\n  }\n};\n\n/**\n * 绘制圆圈\n * x: 圆心位置x\n * y: 圆心位置y\n * r: 半径\n * originX: 原点位置x\n * originY: 原点位置y\n * strokeStyle: 描边样式\n * lineWidth: 线条宽度\n * fillStyle: 填充样式\n */\nexport function drawCircle(\n  context: CanvasRenderingContext2D,\n  options: CircleOptions\n) {\n  const { x, y, r, originX, originY, strokeStyle, lineWidth, fillStyle } =\n    options;\n  context.save();\n  context.beginPath();\n  context.translate(originX, originY);\n  context.arc(x, y, r, 0, Math.PI * 2);\n  context.closePath();\n  context.strokeStyle = strokeStyle;\n  context.lineWidth = lineWidth;\n  context.lineJoin = \"round\";\n  context.fillStyle = fillStyle;\n  context.stroke();\n  context.fill();\n  context.restore();\n}\n\n/**\n * 绘制数据多边形填充\n * dataPoints: 数据的位置数组\n * fillStyle: 填充样式\n */\nexport const drawDataFill = function (\n  context: CanvasRenderingContext2D,\n  origin: number[],\n  options: DataFillProps\n) {\n  const { fillStyle, dataPoints } = options;\n  const dataPointsPosArrayLen = dataPoints.length;\n  context.save();\n  context.beginPath();\n  context.translate(origin[0], origin[1]);\n  context.moveTo(dataPoints[0].x, dataPoints[0].y);\n  for (let i = 1; i < dataPointsPosArrayLen; i++) {\n    context.lineTo(dataPoints[i].x, dataPoints[i].y);\n  }\n  context.closePath();\n  context.fillStyle = fillStyle;\n  context.fill();\n  context.restore();\n};\n\n/**\n * 绘制数据点组成的图案\n * dataLineOptions\n * dataFillOptions\n * dataCircleOptions\n */\nexport const drawDataPoly = function (\n  context: CanvasRenderingContext2D,\n  origin: number[],\n  ratio: number,\n  options: DataPolyProps\n) {\n  const { dataLineOptions, dataFillOptions, dataCircleOptions } = options;\n  const dataPointsPosArrayLen = dataLineOptions.dataPoints.length;\n  if (dataPointsPosArrayLen === 0) return;\n  // 绘制数据点连接线条\n  drawDataLine(context, origin, dataLineOptions);\n  // 绘制数据多边形填充\n  drawDataFill(context, origin, dataFillOptions);\n  // 绘制数据点圆圈\n  drawDataCircle(context, origin, ratio, dataCircleOptions);\n};\n\n/**\n * 绘制雷达的背景图\n * 参数options对象的属性如下：\n * layer: 多边形层数\n * n: 边数\n * r：半径\n * origin：正多边形的中心位置。数组形式[x, y]\n * oddStrokeStyle: index为奇数的多边形的描边颜色\n * oddFillStyle: index为奇数的多边形的填充颜色\n * evenStrokeStyle: index为偶数的多边形的描边颜色\n * evenFillStyle: index为偶数的多边形的填充颜色\n */\nexport const drawRadarBackground = function (\n  context: CanvasRenderingContext2D,\n  options: DrawRadarBgOption\n) {\n  const { layer, n, r, ratio, origin, lineWidth } = options;\n  const evenStrokeStyle = \"transparent\",\n    oddStrokeStyle = \"transparent\",\n    evenFillStyle = [[\"#3366FF\", \"#83F5E1\"]],\n    oddFillStyle = \"#29292d\";\n  // 由外向内绘画多边形\n  for (let i = layer; i > 0; i--) {\n    if (i === layer) {\n      drawGradientPolygon(context, {\n        n,\n        r,\n        origin,\n        ratio,\n        lineWidth,\n        strokeStyle: \"rgba(51, 102, 255)\",\n      });\n      drawGradientPolygon(context, {\n        n,\n        r: r * 0.95,\n        origin,\n        ratio,\n        strokeStyle: \"rgba(76,132,250,0.1)\",\n        lineWidth,\n      });\n    } else {\n      const layerDis = (r * 0.95) / layer;\n      const fillStyle = i % 2 != 0 ? oddFillStyle : evenFillStyle,\n        strokeStyle = i % 2 != 0 ? oddStrokeStyle : evenStrokeStyle,\n        layerRadiu = layerDis * i;\n      drawPolygon(context, {\n        n,\n        r: layerRadiu,\n        origin,\n        fillStyle,\n        strokeStyle,\n        lineWidth,\n        ratio,\n      });\n    }\n  }\n};\n","import React, { ReactElement, useEffect, useRef, useState } from \"react\";\nimport {\n  baseRadarConfig,\n  baseUserConfig,\n  constructBaseConfig,\n  constructUserConfig,\n  drawDataPoly,\n  drawLeadLineAndText,\n  drawRadarBackground,\n  drawVertexLine,\n  getDataPointsPos,\n  getPolygonPos,\n} from \"./utils.js\";\nimport { BaseConfig, RadarProps, UserConfig } from \"./interface.js\";\n\nexport function Radar({\n  dataSource,\n  radius,\n  value,\n  dataFill,\n  dataCircle,\n  dataLine,\n  scale,\n  ...props\n}: RadarProps): ReactElement {\n  const canvasRef = useRef<HTMLCanvasElement>(null);\n  const contextRef = useRef<CanvasRenderingContext2D>(null);\n  const [baseConfig, setBaseConfig] = useState<BaseConfig>(baseRadarConfig);\n  const [userConfig, setUserConfig] = useState<UserConfig>(baseUserConfig);\n\n  const ratio = window.devicePixelRatio;\n  useEffect(() => {\n    const canvas = canvasRef.current;\n    const context = canvas.getContext(\"2d\");\n    const canvasWidth = canvas.clientWidth;\n    const canvasHeight = canvas.clientHeight;\n    // 根据设备像素比调整画布的实际像素大小\n    canvas.width = canvasWidth * ratio;\n    canvas.height = canvasHeight * ratio;\n    const defaultRadius = Math.min(canvas.width, canvas.height) * scale; // 正多边形的默认半径\n\n    contextRef.current = context;\n    setBaseConfig(constructBaseConfig(dataSource, radius ?? defaultRadius));\n  }, [dataSource, radius, scale]);\n  useEffect(() => {\n    setUserConfig(constructUserConfig(dataFill, dataCircle, dataLine));\n  }, [dataFill, dataCircle, dataLine]);\n\n  useEffect(() => {\n    let radiusPrecent = 0,\n      timer = null;\n    const canvas = canvasRef.current;\n    const context = contextRef.current;\n    const origin = [canvas.width / 2, canvas.height / 2];\n\n    if (context) {\n      // 起requestAnimationFrame为了数值绘制区域有过渡效果\n      const drawFrame = () => {\n        timer = window.requestAnimationFrame(drawFrame);\n        // 数据点坐标元素\n        radiusPrecent += 0.05;\n        if (radiusPrecent >= 1) {\n          window.cancelAnimationFrame(timer);\n        }\n        // 清空画布\n        context.clearRect(0, 0, canvas.width, canvas.height);\n        // 绘制背景图\n        drawRadarBackground(context, {\n          layer: 5,\n          n: baseConfig.n,\n          r: baseConfig.radius,\n          ratio,\n          origin,\n          lineWidth: 2,\n        });\n\n        const dataRadius = baseConfig.dataRadius.map((value) => {\n          return value * radiusPrecent;\n        });\n        const dataPointsPosArray = getDataPointsPos(\n          baseConfig.n,\n          dataRadius,\n          baseConfig.angleArr\n        );\n        const dataLineOptions = {\n          dataPoints: dataPointsPosArray,\n          strokeStyle: userConfig.dataLine.strokeStyle,\n          lineWidth: userConfig.dataLine.lineWidth,\n        };\n        const dataCircleOptions = {\n          dataPoints: dataPointsPosArray,\n          r: userConfig.dataCircle.r,\n          strokeStyle: userConfig.dataCircle.strokeStyle,\n          fillStyle: userConfig.dataCircle.fillStyle,\n          lineWidth: userConfig.dataCircle.lineWidth,\n        };\n        const dataFillOptions = {\n          dataPoints: dataPointsPosArray,\n          fillStyle: userConfig.dataFill.fillStyle,\n        };\n        drawDataPoly(context, origin, ratio, {\n          dataLineOptions: dataLineOptions,\n          dataFillOptions: dataFillOptions,\n          dataCircleOptions: dataCircleOptions,\n        });\n\n        //绘制放射性中心点到多边形顶点连线\n        const polygonOuterPointsPosArr = getPolygonPos(\n          baseConfig.n,\n          baseConfig.radius,\n          origin\n        );\n        drawVertexLine(context, origin, polygonOuterPointsPosArr);\n        drawLeadLineAndText(\n          context,\n          origin,\n          baseConfig.radius,\n          polygonOuterPointsPosArr,\n          baseConfig.originDataSource\n        );\n        if (value) {\n          const fontSize = baseConfig.radius / 5;\n          context.font = `bold ${fontSize}px HarmonyOS_Sans_SC_Black`;\n          context.fillStyle = \"#fff\";\n          context.textAlign = \"center\";\n          context.textBaseline = \"middle\";\n          context.fillText(`${value}`, origin[0], origin[1]);\n        }\n      };\n      drawFrame();\n    }\n  }, [baseConfig, userConfig, value]);\n\n  return (\n    <div\n      className=\"radarWrap\"\n      style={{ width: `${props.width}px`, height: `${props.height}px` }}\n    >\n      <canvas className=\"canvasWrap\" ref={canvasRef} />\n    </div>\n  );\n}\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.radarWrap{position:relative;width:100%;height:100%}.radarWrap .canvasWrap{display:block;width:100%;height:100%}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","import objectWithoutPropertiesLoose from \"./objectWithoutPropertiesLoose.js\";\nexport default function _objectWithoutProperties(source, excluded) {\n  if (source == null) return {};\n  var target = objectWithoutPropertiesLoose(source, excluded);\n  var key, i;\n  if (Object.getOwnPropertySymbols) {\n    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);\n    for (i = 0; i < sourceSymbolKeys.length; i++) {\n      key = sourceSymbolKeys[i];\n      if (excluded.indexOf(key) >= 0) continue;\n      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;\n      target[key] = source[key];\n    }\n  }\n  return target;\n}","export default function _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n  return target;\n}"],"names":["colorMap","baseUserConfig","dataFill","fillStyle","dataCircle","r","strokeStyle","lineWidth","dataLine","baseRadarConfig","n","dataRadiusOfPercent","dataRadius","angleArr","tooltipsContentArr","originDataSource","radius","constructBaseConfig","dataSource","baseConfig","cloneDeep","length","disAngle","Math","PI","forEach","data","i","value","maxValue","constructUserConfig","userConfig","merge","getDataPointsPos","dataRadiusArr","dataPointsPosArray","curPoinrPos","x","y","sin","cos","push","getPolygonPos","origin","dotsArray","angle","curPos","drawPolygon","context","options","ratio","save","beginPath","translate","moveTo","rotate","lineTo","closePath","stroke","lineCap","Array","gradient","createLinearGradient","colors","addColorStop","fill","restore","drawGradientPolygon","startX","startY","endX","endY","drawVertexLine","dataPoints","map","point","drawLeadLineAndText","offsetX","offsetY","offsetEndX","_dataSource$i","_dataSource$i2","_dataSource$i3","_dataSource$i4","curPosX","curPosMiddleX","curPosEndX","curPosY","rectX","color","rectY","percentValue","legendSize","name","fillRect","textAlign","font","concat","fillText","rectSize","_dataSource$i5","percentSize","drawCircle","originX","originY","arc","lineJoin","drawDataPoly","dataLineOptions","dataFillOptions","dataCircleOptions","dataPointsLen","drawDataLine","dataPointsPosArrayLen","drawDataFill","drawDataCircle","drawRadarBackground","layer","evenFillStyle","Radar","_ref","scale","props","_objectWithoutProperties","_excluded","canvasRef","useRef","contextRef","setBaseConfig","useState","setUserConfig","window","devicePixelRatio","useEffect","canvas","current","getContext","canvasWidth","clientWidth","canvasHeight","clientHeight","width","height","defaultRadius","min","radiusPrecent","timer","drawFrame","requestAnimationFrame","cancelAnimationFrame","clearRect","polygonOuterPointsPosArr","fontSize","textBaseline","React","className","style","ref","___CSS_LOADER_EXPORT___","module","id","toString","source","excluded","key","target","sourceKeys","Object","keys","indexOf","getOwnPropertySymbols","sourceSymbolKeys","prototype","propertyIsEnumerable","call"],"sourceRoot":""}
+{"version":3,"file":"chunks/6768.3d9b466d.js","mappings":"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","sources":["webpack:///./src/radar-chart/utils.ts","webpack:///./src/radar-chart/radar.tsx","webpack:///./src/radar-chart/styles.shadow.css","webpack:///../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js"],"sourcesContent":["import { cloneDeep, merge } from \"lodash\";\nimport {\n  Axis,\n  BaseConfig,\n  CircleOptions,\n  Data,\n  DataCircle,\n  DataCircleOptions,\n  DataFill,\n  DataFillProps,\n  DataLine,\n  DataLineOptions,\n  DataPolyProps,\n  DrawPolygonOptions,\n  DrawRadarBgOption,\n  GradientPolygon,\n  UserConfig,\n} from \"./interface.js\";\n\nexport const colorMap = [\n  \"#5B8FF9\",\n  \"#5AD8A6\",\n  \"#5D7092\",\n  \"#F6BD16\",\n  \"#E86452\",\n  \"#6DC8EC\",\n  \"#945FB9\",\n  \"#FF9845\",\n  \"#1E9493\",\n  \"#FF99C3\",\n]; //chart-v2 的主题色\n\nexport const baseUserConfig: UserConfig = {\n  dataFill: {\n    fillStyle: \"rgba(76,132,250,0.67)\",\n  },\n  dataCircle: {\n    r: 2,\n    strokeStyle: \"#ccc\",\n    fillStyle: \"#fff\",\n    lineWidth: 0.5,\n  },\n  dataLine: {\n    strokeStyle: \"#0B2EE7\",\n    lineWidth: 5,\n  },\n};\nexport const baseRadarConfig: BaseConfig = {\n  n: 0,\n  dataRadiusOfPercent: [],\n  dataRadius: [],\n  angleArr: [],\n  tooltipsContentArr: [],\n  originDataSource: [],\n  radius: 1,\n};\n/**\n *  // 初始化参数配置\n * @param dataSource\n * @param radius\n * @returns BaseConfig\n */\nexport const constructBaseConfig = function (\n  dataSource: Data[],\n  radius: number\n) {\n  const baseConfig: BaseConfig = cloneDeep(baseRadarConfig);\n  baseConfig.radius = radius;\n  if (dataSource?.length < 1) return baseConfig;\n  baseConfig.originDataSource = dataSource;\n  baseConfig.n = dataSource.length;\n  const disAngle = (Math.PI * 2) / baseConfig.n;\n  dataSource.forEach((data, i) => {\n    baseConfig.dataRadiusOfPercent[i] = data.value / data.maxValue;\n    baseConfig.dataRadius[i] = baseConfig.dataRadiusOfPercent[i] * radius;\n    baseConfig.angleArr[i] = i * disAngle;\n  });\n  return baseConfig;\n};\n\nexport const constructUserConfig = function (\n  dataFill: DataFill,\n  dataCircle: DataCircle,\n  dataLine: DataLine\n) {\n  const userConfig: UserConfig = cloneDeep(baseUserConfig);\n  merge(userConfig.dataFill, dataFill);\n  merge(userConfig.dataCircle, dataCircle);\n  merge(userConfig.dataLine, dataLine);\n  return userConfig;\n};\n\n/**\n * 获取数据点相对于原点的坐标\n * n：多边形边数\n * dataRadiusArr: 数据点的坐标数组\n * angleArr: 多边形的角度数组\n */\nexport const getDataPointsPos = function (\n  n: number,\n  dataRadiusArr: number[],\n  angleArr: number[]\n) {\n  const dataPointsPosArray = [];\n  for (let i = 0; i < n; i++) {\n    const curPoinrPos: Axis = {\n      x: 0,\n      y: 0,\n    };\n    curPoinrPos.x = dataRadiusArr[i] * Math.sin(angleArr[i]);\n    curPoinrPos.y = -dataRadiusArr[i] * Math.cos(angleArr[i]);\n    dataPointsPosArray.push(curPoinrPos);\n  }\n  return dataPointsPosArray;\n};\n\n/**\n * 获取正多边形每个点的坐标位置数组（相对于原点）\n * n: 多边形的边数\n * r: 半径\n * origin: 原点位置\n */\nexport const getPolygonPos = function (n: number, r: number, origin: number[]) {\n  const dotsArray = []; // 多边形每一个点的坐标数组，格式如[{x: 1, y: 2}]\n  const angle = (Math.PI * 2) / n;\n  for (let i = 0; i < n; i++) {\n    const curPos: Axis = {\n      x: 0,\n      y: 0,\n    };\n    curPos.x = r * Math.sin(i * angle) + origin[0];\n    curPos.y = -r * Math.cos(i * angle) + origin[1];\n    dotsArray.push(curPos);\n  }\n  return dotsArray;\n};\n\n/**\n * 绘制闭合正多边形\n * n: 边数\n * r：半径\n * origin：正多边形的中心位置。数组形式[x, y]\n * fillStyle：填充样式\n * strokeStyle：线条样式\n * lineWidth: 线条宽度\n */\nexport const drawPolygon = function (\n  context: CanvasRenderingContext2D,\n  options: DrawPolygonOptions\n) {\n  // 对传入参数进行默认值设置\n  const n = options.n,\n    r = options.r,\n    origin = options.origin,\n    strokeStyle = options.strokeStyle,\n    lineWidth = options.lineWidth * options.ratio,\n    lineCap = \"butt\";\n\n  context.save();\n  context.beginPath();\n  const angle = (Math.PI * 2) / n;\n  context.translate(origin[0], origin[1]);\n  context.moveTo(0, -r);\n  for (let i = 0; i < n; i++) {\n    context.rotate(angle);\n    context.lineTo(0, -r);\n  }\n  context.closePath();\n  context.stroke();\n\n  if (options.strokeStyle) {\n    context.strokeStyle = strokeStyle;\n    context.lineWidth = lineWidth;\n    context.lineCap = lineCap;\n  }\n  if (options.fillStyle) {\n    if (typeof options.fillStyle === \"string\") {\n      context.fillStyle = options.fillStyle;\n    } else if (options.fillStyle instanceof Array) {\n      // 创建线性渐变对象\n      const gradient = context.createLinearGradient(-r, -r, r, r);\n      options.fillStyle.forEach((colors) => {\n        gradient.addColorStop(0, colors[0]);\n        gradient.addColorStop(1, colors[1]);\n      });\n      context.fillStyle = gradient;\n    }\n\n    context.fill();\n  }\n  context.restore();\n};\n\n/**\n * 绘制线性渐变的多边形,\n * n: 边数\n * r：半径\n * origin：正多边形的中心位置。数组形式[x, y]\n * strokeStyle：线条样式\n * lineWidth: 线条宽度\n */\nexport const drawGradientPolygon = function (\n  context: CanvasRenderingContext2D,\n  options: GradientPolygon\n) {\n  // 对传入参数进行默认值设置\n  const { n, r, origin, strokeStyle } = options;\n  const lineWidth = options.lineWidth * options.ratio,\n    lineCap = \"butt\";\n  context.save();\n  const angle = (Math.PI * 2) / n;\n  context.translate(origin[0], origin[1]);\n\n  // 设置线条样式\n  context.lineWidth = lineWidth;\n  context.lineCap = lineCap;\n  // 添加偏移量，使第一条边与正上方对齐\n  context.rotate(-Math.PI / 2);\n\n  for (let i = 0; i < n; i++) {\n    // 计算当前边的起点和终点坐标\n    const startX = r * Math.cos(angle * i),\n      startY = r * Math.sin(angle * i),\n      endX = r * Math.cos(angle * (i + 1)),\n      endY = r * Math.sin(angle * (i + 1));\n    // 开始一个新的路径\n    context.beginPath();\n    // 绘制多边形的一条边\n    context.moveTo(startX, startY);\n    context.lineTo(endX, endY);\n    // 创建线性渐变对象\n    const gradient = context.createLinearGradient(startX, startY, endX, endY);\n    gradient.addColorStop(0, strokeStyle);\n    gradient.addColorStop(0.5, \"#1D2B57\");\n    gradient.addColorStop(0.6, \"#1D2B57\");\n    gradient.addColorStop(1, strokeStyle);\n    // 设置当前路径的描边样式为线性渐变\n    context.strokeStyle = gradient;\n    context.stroke();\n  }\n  context.restore();\n};\n\n/**\n * 绘制数据点连接线条(一次性画完)\n * dataPoints: 数据的位置数组\n * strokeStyle: 线条样式\n * lineWidth: 线条宽度\n */\nexport const drawDataLine = function (\n  context: CanvasRenderingContext2D,\n  origin: number[],\n  options: DataLineOptions\n) {\n  const { strokeStyle, lineWidth, dataPoints } = options;\n  const dataPointsLen = dataPoints.length;\n  context.save();\n  context.beginPath();\n  context.translate(origin[0], origin[1]);\n  context.moveTo(dataPoints[0].x, dataPoints[0].y);\n  for (let i = 1; i < dataPointsLen; i++) {\n    context.lineTo(dataPoints[i].x, dataPoints[i].y);\n  }\n  context.closePath();\n  context.strokeStyle = strokeStyle;\n  context.lineWidth = lineWidth;\n  context.lineJoin = \"round\";\n  context.stroke();\n  context.restore();\n};\n/**\n * 绘制放射性中心点到多边形顶点连线\n * @param context\n * @param origin\n * @param dataPoints 多边形顶点坐标\n */\nexport const drawVertexLine = function (\n  context: CanvasRenderingContext2D,\n  origin: number[],\n  dataPoints: Axis[]\n) {\n  context.save();\n  context.beginPath();\n  dataPoints.map((point) => {\n    context.moveTo(origin[0], origin[1]);\n    context.lineTo(point.x, point.y);\n  });\n  context.strokeStyle = \"#1D2B57\";\n  context.lineWidth = 2;\n  context.stroke();\n  context.restore();\n};\nexport const drawLeadLineAndText = function (\n  context: CanvasRenderingContext2D,\n  origin: number[],\n  r: number,\n  dataPoints: Axis[],\n  dataSource: Data[]\n) {\n  context.save();\n  const offsetX = r / 2,\n    offsetY = r / 4,\n    offsetEndX = r / 12 > 10 ? r / 12 : 10,\n    rectSize = 12;\n  dataPoints.map((point, i) => {\n    let curPosX = point.x,\n      curPosMiddleX = point.x,\n      curPosEndX = point.x,\n      curPosY = point.y,\n      rectX = point.x;\n    const color = dataSource[i]?.color || colorMap[i] || \"#ccc\";\n    context.beginPath();\n    context.moveTo(point.x, point.y);\n\n    if (point.x - origin[0] >= 0) {\n      //引线方向往右\n      curPosX += offsetX;\n      curPosMiddleX = curPosX + offsetX;\n      curPosEndX = curPosMiddleX + offsetEndX;\n      rectX = curPosX + rectSize;\n    } else if (point.x - origin[0] < 0) {\n      //引线方向往左\n      curPosX -= offsetX;\n      curPosMiddleX = curPosX - offsetX;\n      curPosEndX = curPosMiddleX - offsetEndX;\n      rectX = curPosMiddleX + rectSize;\n    }\n\n    if (point.y - origin[1] < 0) {\n      curPosY -= offsetY;\n    } else if (point.y - origin[1] > 0) {\n      curPosY += offsetY;\n    }\n    context.lineTo(curPosX, curPosY);\n    context.lineTo(curPosEndX, curPosY);\n    context.strokeStyle = \"rgba(255, 255, 255, .1)\";\n    context.stroke();\n    context.beginPath();\n    context.moveTo(curPosMiddleX, curPosY);\n    context.lineTo(curPosEndX, curPosY);\n    context.strokeStyle = color;\n    context.lineWidth = 2;\n    context.stroke();\n\n    //文本\n    const rectY = dataSource[i]?.percentValue\n      ? curPosY - r / 3.5\n      : curPosY - r / 5.5;\n    const legendSize = r / 12;\n\n    if (dataSource[i]?.name) {\n      context.fillStyle = color;\n      context.fillRect(rectX, rectY, rectSize, rectSize);\n\n      context.textAlign = \"left\";\n      context.font = `400 ${legendSize}px HarmonyOS_Sans_SC_Black`;\n      context.fillStyle = \"rgba(255, 255, 255, .4)\";\n      context.fillText(\n        `${dataSource[i].name}`,\n        rectX + rectSize * 1.5,\n        rectY + rectSize / 2\n      );\n      context.stroke();\n    }\n    if (dataSource[i]?.percentValue) {\n      const percentSize = r / 10;\n      context.textAlign = \"left\";\n      context.font = `500 ${percentSize}px HarmonyOS_Sans_SC_Black`;\n      context.fillStyle = \"#fff\";\n      context.fillText(\n        `${dataSource[i]?.percentValue}`,\n        rectX + rectSize * 1.5,\n        rectY + rectSize / 2 + legendSize * 1.5\n      );\n      context.stroke();\n    }\n  });\n  context.restore();\n};\n\n/**\n * 绘制数据点圆圈\n * dataPoints: 数据的位置数组\n * r: 圆圈半径\n * strokeStyle: 圆的描边样式\n * fillStyle: 圆的描边宽度\n * lineWidth: 圆的填充样式\n */\nexport const drawDataCircle = function (\n  context: CanvasRenderingContext2D,\n  origin: number[],\n  ratio: number,\n  options: DataCircleOptions\n) {\n  const { strokeStyle, fillStyle, dataPoints } = options;\n  const r = options.r * ratio,\n    lineWidth = options.lineWidth * ratio;\n\n  const dataPointsPosArrayLen = dataPoints.length;\n  for (let i = 0; i < dataPointsPosArrayLen; i++) {\n    drawCircle(context, {\n      x: dataPoints[i].x,\n      y: dataPoints[i].y,\n      r: r,\n      originX: origin[0],\n      originY: origin[1],\n      strokeStyle: strokeStyle,\n      lineWidth: lineWidth,\n      fillStyle: fillStyle,\n    });\n  }\n};\n\n/**\n * 绘制圆圈\n * x: 圆心位置x\n * y: 圆心位置y\n * r: 半径\n * originX: 原点位置x\n * originY: 原点位置y\n * strokeStyle: 描边样式\n * lineWidth: 线条宽度\n * fillStyle: 填充样式\n */\nexport function drawCircle(\n  context: CanvasRenderingContext2D,\n  options: CircleOptions\n) {\n  const { x, y, r, originX, originY, strokeStyle, lineWidth, fillStyle } =\n    options;\n  context.save();\n  context.beginPath();\n  context.translate(originX, originY);\n  context.arc(x, y, r, 0, Math.PI * 2);\n  context.closePath();\n  context.strokeStyle = strokeStyle;\n  context.lineWidth = lineWidth;\n  context.lineJoin = \"round\";\n  context.fillStyle = fillStyle;\n  context.stroke();\n  context.fill();\n  context.restore();\n}\n\n/**\n * 绘制数据多边形填充\n * dataPoints: 数据的位置数组\n * fillStyle: 填充样式\n */\nexport const drawDataFill = function (\n  context: CanvasRenderingContext2D,\n  origin: number[],\n  options: DataFillProps\n) {\n  const { fillStyle, dataPoints } = options;\n  const dataPointsPosArrayLen = dataPoints.length;\n  context.save();\n  context.beginPath();\n  context.translate(origin[0], origin[1]);\n  context.moveTo(dataPoints[0].x, dataPoints[0].y);\n  for (let i = 1; i < dataPointsPosArrayLen; i++) {\n    context.lineTo(dataPoints[i].x, dataPoints[i].y);\n  }\n  context.closePath();\n  context.fillStyle = fillStyle;\n  context.fill();\n  context.restore();\n};\n\n/**\n * 绘制数据点组成的图案\n * dataLineOptions\n * dataFillOptions\n * dataCircleOptions\n */\nexport const drawDataPoly = function (\n  context: CanvasRenderingContext2D,\n  origin: number[],\n  ratio: number,\n  options: DataPolyProps\n) {\n  const { dataLineOptions, dataFillOptions, dataCircleOptions } = options;\n  const dataPointsPosArrayLen = dataLineOptions.dataPoints.length;\n  if (dataPointsPosArrayLen === 0) return;\n  // 绘制数据点连接线条\n  drawDataLine(context, origin, dataLineOptions);\n  // 绘制数据多边形填充\n  drawDataFill(context, origin, dataFillOptions);\n  // 绘制数据点圆圈\n  drawDataCircle(context, origin, ratio, dataCircleOptions);\n};\n\n/**\n * 绘制雷达的背景图\n * 参数options对象的属性如下：\n * layer: 多边形层数\n * n: 边数\n * r：半径\n * origin：正多边形的中心位置。数组形式[x, y]\n * oddStrokeStyle: index为奇数的多边形的描边颜色\n * oddFillStyle: index为奇数的多边形的填充颜色\n * evenStrokeStyle: index为偶数的多边形的描边颜色\n * evenFillStyle: index为偶数的多边形的填充颜色\n */\nexport const drawRadarBackground = function (\n  context: CanvasRenderingContext2D,\n  options: DrawRadarBgOption\n) {\n  const { layer, n, r, ratio, origin, lineWidth } = options;\n  const evenStrokeStyle = \"transparent\",\n    oddStrokeStyle = \"transparent\",\n    evenFillStyle = [[\"#3366FF\", \"#83F5E1\"]],\n    oddFillStyle = \"#29292d\";\n  // 由外向内绘画多边形\n  for (let i = layer; i > 0; i--) {\n    if (i === layer) {\n      drawGradientPolygon(context, {\n        n,\n        r,\n        origin,\n        ratio,\n        lineWidth,\n        strokeStyle: \"rgba(51, 102, 255)\",\n      });\n      drawGradientPolygon(context, {\n        n,\n        r: r * 0.95,\n        origin,\n        ratio,\n        strokeStyle: \"rgba(76,132,250,0.1)\",\n        lineWidth,\n      });\n    } else {\n      const layerDis = (r * 0.95) / layer;\n      const fillStyle = i % 2 != 0 ? oddFillStyle : evenFillStyle,\n        strokeStyle = i % 2 != 0 ? oddStrokeStyle : evenStrokeStyle,\n        layerRadiu = layerDis * i;\n      drawPolygon(context, {\n        n,\n        r: layerRadiu,\n        origin,\n        fillStyle,\n        strokeStyle,\n        lineWidth,\n        ratio,\n      });\n    }\n  }\n};\n","import React, { ReactElement, useEffect, useRef, useState } from \"react\";\nimport {\n  baseRadarConfig,\n  baseUserConfig,\n  constructBaseConfig,\n  constructUserConfig,\n  drawDataPoly,\n  drawLeadLineAndText,\n  drawRadarBackground,\n  drawVertexLine,\n  getDataPointsPos,\n  getPolygonPos,\n} from \"./utils.js\";\nimport { BaseConfig, RadarProps, UserConfig } from \"./interface.js\";\n\nexport function Radar({\n  dataSource,\n  radius,\n  value,\n  dataFill,\n  dataCircle,\n  dataLine,\n  scale,\n  ...props\n}: RadarProps): ReactElement {\n  const canvasRef = useRef<HTMLCanvasElement>(null);\n  const contextRef = useRef<CanvasRenderingContext2D>(null);\n  const [baseConfig, setBaseConfig] = useState<BaseConfig>(baseRadarConfig);\n  const [userConfig, setUserConfig] = useState<UserConfig>(baseUserConfig);\n\n  const ratio = window.devicePixelRatio;\n  useEffect(() => {\n    const canvas = canvasRef.current;\n    const context = canvas.getContext(\"2d\");\n    const canvasWidth = canvas.clientWidth;\n    const canvasHeight = canvas.clientHeight;\n    // 根据设备像素比调整画布的实际像素大小\n    canvas.width = canvasWidth * ratio;\n    canvas.height = canvasHeight * ratio;\n    const defaultRadius = Math.min(canvas.width, canvas.height) * scale; // 正多边形的默认半径\n\n    contextRef.current = context;\n    setBaseConfig(constructBaseConfig(dataSource, radius ?? defaultRadius));\n  }, [dataSource, radius, scale]);\n  useEffect(() => {\n    setUserConfig(constructUserConfig(dataFill, dataCircle, dataLine));\n  }, [dataFill, dataCircle, dataLine]);\n\n  useEffect(() => {\n    let radiusPrecent = 0,\n      timer = null;\n    const canvas = canvasRef.current;\n    const context = contextRef.current;\n    const origin = [canvas.width / 2, canvas.height / 2];\n\n    if (context) {\n      // 起requestAnimationFrame为了数值绘制区域有过渡效果\n      const drawFrame = () => {\n        timer = window.requestAnimationFrame(drawFrame);\n        // 数据点坐标元素\n        radiusPrecent += 0.05;\n        if (radiusPrecent >= 1) {\n          window.cancelAnimationFrame(timer);\n        }\n        // 清空画布\n        context.clearRect(0, 0, canvas.width, canvas.height);\n        // 绘制背景图\n        drawRadarBackground(context, {\n          layer: 5,\n          n: baseConfig.n,\n          r: baseConfig.radius,\n          ratio,\n          origin,\n          lineWidth: 2,\n        });\n\n        const dataRadius = baseConfig.dataRadius.map((value) => {\n          return value * radiusPrecent;\n        });\n        const dataPointsPosArray = getDataPointsPos(\n          baseConfig.n,\n          dataRadius,\n          baseConfig.angleArr\n        );\n        const dataLineOptions = {\n          dataPoints: dataPointsPosArray,\n          strokeStyle: userConfig.dataLine.strokeStyle,\n          lineWidth: userConfig.dataLine.lineWidth,\n        };\n        const dataCircleOptions = {\n          dataPoints: dataPointsPosArray,\n          r: userConfig.dataCircle.r,\n          strokeStyle: userConfig.dataCircle.strokeStyle,\n          fillStyle: userConfig.dataCircle.fillStyle,\n          lineWidth: userConfig.dataCircle.lineWidth,\n        };\n        const dataFillOptions = {\n          dataPoints: dataPointsPosArray,\n          fillStyle: userConfig.dataFill.fillStyle,\n        };\n        drawDataPoly(context, origin, ratio, {\n          dataLineOptions: dataLineOptions,\n          dataFillOptions: dataFillOptions,\n          dataCircleOptions: dataCircleOptions,\n        });\n\n        //绘制放射性中心点到多边形顶点连线\n        const polygonOuterPointsPosArr = getPolygonPos(\n          baseConfig.n,\n          baseConfig.radius,\n          origin\n        );\n        drawVertexLine(context, origin, polygonOuterPointsPosArr);\n        drawLeadLineAndText(\n          context,\n          origin,\n          baseConfig.radius,\n          polygonOuterPointsPosArr,\n          baseConfig.originDataSource\n        );\n        if (value) {\n          const fontSize = baseConfig.radius / 5;\n          context.font = `bold ${fontSize}px HarmonyOS_Sans_SC_Black`;\n          context.fillStyle = \"#fff\";\n          context.textAlign = \"center\";\n          context.textBaseline = \"middle\";\n          context.fillText(`${value}`, origin[0], origin[1]);\n        }\n      };\n      drawFrame();\n    }\n  }, [baseConfig, userConfig, value]);\n\n  return (\n    <div\n      className=\"radarWrap\"\n      style={{ width: `${props.width}px`, height: `${props.height}px` }}\n    >\n      <canvas className=\"canvasWrap\" ref={canvasRef} />\n    </div>\n  );\n}\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.radarWrap{position:relative;width:100%;height:100%}.radarWrap .canvasWrap{display:block;width:100%;height:100%}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","import objectWithoutPropertiesLoose from \"./objectWithoutPropertiesLoose.js\";\nexport default function _objectWithoutProperties(source, excluded) {\n  if (source == null) return {};\n  var target = objectWithoutPropertiesLoose(source, excluded);\n  var key, i;\n  if (Object.getOwnPropertySymbols) {\n    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);\n    for (i = 0; i < sourceSymbolKeys.length; i++) {\n      key = sourceSymbolKeys[i];\n      if (excluded.indexOf(key) >= 0) continue;\n      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;\n      target[key] = source[key];\n    }\n  }\n  return target;\n}","export default function _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n  return target;\n}"],"names":["colorMap","baseUserConfig","dataFill","fillStyle","dataCircle","r","strokeStyle","lineWidth","dataLine","baseRadarConfig","n","dataRadiusOfPercent","dataRadius","angleArr","tooltipsContentArr","originDataSource","radius","constructBaseConfig","dataSource","baseConfig","cloneDeep","length","disAngle","Math","PI","forEach","data","i","value","maxValue","constructUserConfig","userConfig","merge","getDataPointsPos","dataRadiusArr","dataPointsPosArray","curPoinrPos","x","y","sin","cos","push","getPolygonPos","origin","dotsArray","angle","curPos","drawPolygon","context","options","ratio","save","beginPath","translate","moveTo","rotate","lineTo","closePath","stroke","lineCap","Array","gradient","createLinearGradient","colors","addColorStop","fill","restore","drawGradientPolygon","startX","startY","endX","endY","drawVertexLine","dataPoints","map","point","drawLeadLineAndText","offsetX","offsetY","offsetEndX","_dataSource$i","_dataSource$i2","_dataSource$i3","_dataSource$i4","curPosX","curPosMiddleX","curPosEndX","curPosY","rectX","color","rectY","percentValue","legendSize","name","fillRect","textAlign","font","concat","fillText","rectSize","_dataSource$i5","percentSize","drawCircle","originX","originY","arc","lineJoin","drawDataPoly","dataLineOptions","dataFillOptions","dataCircleOptions","dataPointsLen","drawDataLine","dataPointsPosArrayLen","drawDataFill","drawDataCircle","drawRadarBackground","layer","evenFillStyle","Radar","_ref","scale","props","_objectWithoutProperties","_excluded","canvasRef","useRef","contextRef","setBaseConfig","useState","setUserConfig","window","devicePixelRatio","useEffect","canvas","current","getContext","canvasWidth","clientWidth","canvasHeight","clientHeight","width","height","defaultRadius","min","radiusPrecent","timer","drawFrame","requestAnimationFrame","cancelAnimationFrame","clearRect","polygonOuterPointsPosArr","fontSize","textBaseline","React","className","style","ref","___CSS_LOADER_EXPORT___","module","id","toString","source","excluded","key","target","sourceKeys","Object","keys","indexOf","getOwnPropertySymbols","sourceSymbolKeys","prototype","propertyIsEnumerable","call"],"sourceRoot":""}