@next-bricks/data-view 0.5.0 → 0.5.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/dist/bricks.json +1 -1
  2. package/dist/chunks/5114.3fb5d815.js +2 -0
  3. package/dist/chunks/5114.3fb5d815.js.map +1 -0
  4. package/dist/chunks/6252.a408a0a3.js +2 -0
  5. package/dist/chunks/6252.a408a0a3.js.map +1 -0
  6. package/dist/chunks/9566.7ec36f39.js +2 -0
  7. package/dist/chunks/9566.7ec36f39.js.map +1 -0
  8. package/dist/chunks/{cabinet-app-layer.98eca353.js → cabinet-app-layer.284d2315.js} +3 -3
  9. package/dist/chunks/{cabinet-app-layer.98eca353.js.map → cabinet-app-layer.284d2315.js.map} +1 -1
  10. package/dist/chunks/{cabinet-container.5d3ff228.js → cabinet-container.211817d5.js} +3 -3
  11. package/dist/chunks/{cabinet-container.5d3ff228.js.map → cabinet-container.211817d5.js.map} +1 -1
  12. package/dist/chunks/cabinet-node.ccaef2e3.js +3 -0
  13. package/dist/chunks/cabinet-node.ccaef2e3.js.map +1 -0
  14. package/dist/chunks/graph-layout-grid.635343e1.js +2 -0
  15. package/dist/chunks/graph-layout-grid.635343e1.js.map +1 -0
  16. package/dist/chunks/{grid-background.81ac8172.js → grid-background.6fd3276e.js} +2 -2
  17. package/dist/chunks/{grid-background.81ac8172.js.map → grid-background.6fd3276e.js.map} +1 -1
  18. package/dist/chunks/{main.ec1850c6.js → main.1c93e93f.js} +2 -2
  19. package/dist/chunks/{main.ec1850c6.js.map → main.1c93e93f.js.map} +1 -1
  20. package/dist/{index.ba8a9563.js → index.cafe1444.js} +2 -2
  21. package/dist/{index.ba8a9563.js.map → index.cafe1444.js.map} +1 -1
  22. package/dist-types/app-wall/utils.d.ts +2 -2
  23. package/dist-types/radar-chart/utils.d.ts +1 -1
  24. package/package.json +2 -2
  25. package/dist/chunks/5114.4bb7f544.js +0 -2
  26. package/dist/chunks/5114.4bb7f544.js.map +0 -1
  27. package/dist/chunks/6252.fe26c2b2.js +0 -2
  28. package/dist/chunks/6252.fe26c2b2.js.map +0 -1
  29. package/dist/chunks/9566.4cbec02b.js +0 -2
  30. package/dist/chunks/9566.4cbec02b.js.map +0 -1
  31. package/dist/chunks/cabinet-node.888717db.js +0 -3
  32. package/dist/chunks/cabinet-node.888717db.js.map +0 -1
  33. package/dist/chunks/graph-layout-grid.8e2c1fa8.js +0 -2
  34. package/dist/chunks/graph-layout-grid.8e2c1fa8.js.map +0 -1
  35. /package/dist/chunks/{cabinet-app-layer.98eca353.js.LICENSE.txt → cabinet-app-layer.284d2315.js.LICENSE.txt} +0 -0
  36. /package/dist/chunks/{cabinet-container.5d3ff228.js.LICENSE.txt → cabinet-container.211817d5.js.LICENSE.txt} +0 -0
  37. /package/dist/chunks/{cabinet-node.888717db.js.LICENSE.txt → cabinet-node.ccaef2e3.js.LICENSE.txt} +0 -0
@@ -1 +0,0 @@
1
- {"version":3,"file":"chunks/5114.4bb7f544.js","mappings":"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","sources":["webpack:///./src/app-wall/utils.ts","webpack:///./src/app-wall/app-wall.tsx","webpack:///./src/app-wall/app-wall.shadow.css","webpack:///./src/app-wall/card-item/card-item.shadow.css","webpack:///./src/app-wall/relation-line/relation-line.shadow.css","webpack:///./src/app-wall/system-card/system-card.shadow.css","webpack:///./src/data-view-variables.shadow.css"],"sourcesContent":["import { Vector3, Object3D, Quaternion, Vector3Tuple, PerspectiveCamera } from \"three\";\nimport { CSS3DObject } from 'three/addons/renderers/CSS3DRenderer.js';\nimport \"./card-item/index.js\";\nimport \"./relation-line/index.js\";\nimport \"./system-card/index.js\";\nimport type { AppWallCardItemProps } from \"./card-item/index.js\";\nimport type { AppWallRelationLine, AppWallRelationLineProps } from \"./relation-line/index.js\";\nimport type { SystemCardProps } from \"./system-card/index.js\";\nimport { TrapezoidalObjectProps, TrapezoidalProps, bounds, CardSize, DistanceConfig, Position, Target,Ele } from \"./interface.js\";\nimport { CabinetThumbnail } from \"../cabinet/cabinet-thumbnail/index.jsx\";\n\n\nexport interface AppData {\n key: string;\n status: \"normal\" | \"warning\";\n cardItemProps: AppWallCardItemProps,\n systemCardProps: SystemCardProps,\n trapezoidalProps: TrapezoidalProps;\n}\n\nexport type Relation = {\n source: string;\n target: string;\n}\n\nexport interface UserData {\n appData: AppData,\n elementStyle: {\n width: number,\n height: number,\n },\n turningStyle: {\n width: number,\n height: number,\n },\n systemCardStyle: {\n width: number,\n height: number,\n },\n hoverStyle: {\n width: number,\n height: number,\n },\n cardItemObject3D: {\n curve: Object3D,\n flat: Object3D,\n hover: Object3D,\n clickTurn: Object3D,\n },\n systemCardObject3D: {\n clickTurn: Object3D,\n front: Object3D,\n }\n}\nexport const createRelationLine = (sourceVector: Vector3, targetVector: Vector3, lightColor: AppWallRelationLineProps[\"lightColor\"]): CSS3DObject => {\n const subVector = new Vector3().subVectors(targetVector, sourceVector);\n const lineLength = subVector.length();\n\n const lineElement = document.createElement('data-view.app-wall-relation-line') as AppWallRelationLine;\n lineElement.style.height = `${lineLength}px`;\n lineElement.classList.add(\"relation-line\");\n lineElement.lightColor = lightColor;\n const lineObject = new CSS3DObject(lineElement);\n\n const centerVector = new Vector3().lerpVectors(sourceVector, targetVector, 0.5);\n lineObject.position.copy(centerVector);\n // lineObject.lookAt(new Vector3(0, 0, 10).add(centerVector));\n // lineObject.lookAt(new Vector3(0, 10000, 0));\n\n const quaternion = new Quaternion().setFromUnitVectors(new Vector3(0, 1, 0).normalize(), subVector.clone().normalize());\n lineObject.setRotationFromQuaternion(quaternion);\n\n return lineObject;\n};\n\nexport const getCenterPointOrSubPoint = (start: Vector3Tuple, end: Vector3Tuple) => {\n const pointA = new Vector3(start[0], start[1], start[2]);\n const pointB = new Vector3(end[0], end[1], end[2]);\n return {\n centerVector: new Vector3().lerpVectors(pointA, pointB, 0.5), //中心点坐标\n subVector: new Vector3().subVectors(pointA, pointB) // a-b向量\n }\n}\nexport const createTrapezoidalRightOrLeftElement = (props: {\n BW: number;\n TW: number;\n d: number;\n TH: number;\n BH: number;\n isLeft: boolean\n}): CSS3DObject => {\n const { BW, TW, d, TH, BH, isLeft } = props;\n const height = Math.sqrt(Math.pow((TW / 2 - BW / 2), 2) + Math.pow(d, 2)); //斜边\n const wrapper = document.createElement(\"div\");\n wrapper.style.cssText = `\n width: ${height}px;\n height:${TH}px;\n position: relative;\n clip-path: polygon(0 0, ${height}px ${(TH / 2 - BH / 2)}px, ${height}px ${(TH / 2 - BH / 2) + BH}px, 0 ${TH}px);\n `;\n const cantCard = document.createElement(\"div\");\n cantCard.className = \"trapezoidalLeftOrRightAnimation\";\n wrapper.appendChild(cantCard);\n const start: Vector3Tuple = isLeft ? [-BW / 2, 0, 0] : [BW / 2, 0, 0];\n const end: Vector3Tuple = isLeft ? [-TW / 2, 0, d] : [TW / 2, 0, d];\n const objectCantModel = new CSS3DObject(wrapper);\n const { centerVector, subVector } = getCenterPointOrSubPoint(start, end);\n objectCantModel.position.copy(centerVector);\n const quaternion = new Quaternion().setFromUnitVectors(new Vector3(1, 0, 0).normalize(), subVector.clone().normalize());\n objectCantModel.setRotationFromQuaternion(quaternion);\n return objectCantModel;\n}\n\nexport const createTrapezoidalTopOrBottomElement = (props: {\n BW: number;\n TW: number;\n d: number;\n TH: number;\n BH: number;\n isTop: boolean\n}): CSS3DObject => {\n const { BW, TW, d, TH, BH, isTop } = props;\n const height = Math.sqrt(Math.pow((TH / 2 - BH / 2), 2) + Math.pow(d, 2)); //斜边\n const wrapper = document.createElement(\"div\");\n wrapper.style.cssText = `\n width: ${TW}px;\n height:${height}px;\n position: relative;\n clip-path: polygon(0 0, ${TW}px 0, ${(TW / 2 - BW / 2) + BW}px ${height}px, ${TW / 2 - BW / 2}px ${height}px);\n `;\n const cantCard = document.createElement(\"div\");\n cantCard.className = \"trapezoidalTopOrBottomAnimation\";\n wrapper.appendChild(cantCard);\n const objectCantModel = new CSS3DObject(wrapper);\n const start: Vector3Tuple = isTop ? [0, -BH / 2, 0] : [0, BH / 2, 0];\n const end: Vector3Tuple = isTop ? [0, -TH / 2, d] : [0, TH / 2, d];\n const {\n centerVector,\n subVector\n } = getCenterPointOrSubPoint(start, end);\n objectCantModel.position.copy(centerVector)\n const topQuaternion = new Quaternion().setFromUnitVectors(new Vector3(0, -1, 0).normalize(), subVector.clone().normalize());\n objectCantModel.setRotationFromQuaternion(topQuaternion);\n return objectCantModel;\n}\n/**\n * 创建梯台模型\n * @param props\n * @returns\n */\nexport const createTrapezoidalObject = (props: TrapezoidalObjectProps) => {\n const { objectData, leftBtnName, clusters, columns, leftOnClick, rightBtnName, rightOnClick,appName } = props;\n const d = 600;\n const container = document.createElement('div');\n const objectContainer = new CSS3DObject(container);\n objectContainer.position.set(...objectData.point);\n // 模型为梯形 , 底部和顶部的宽高成一定的比例计算, bw: tw = 1:11; bh:th= 1:4.5\n const BW: number = objectData.width, BH: number = objectData.height, TW: number = 1500, TH: number = 1200;\n // 底部\n const bottomCard = document.createElement('div');\n bottomCard.style.cssText = `\n width: ${BW}px;\n height: ${BH}px;\n box-shadow: inset 0px 1px 2px 0px rgba(255,255,255,0.45);\n border: 1px solid rgba(118,255,255,0.58);\n padding: 16px;\n `\n const objectBottomModel = new CSS3DObject(bottomCard);\n objectBottomModel.position.z = 0;\n objectContainer.add(objectBottomModel);\n\n // 顶部\n const topCard = document.createElement('div');\n topCard.style.cssText = `\n width: ${TW}px;\n height:${TH}px;\n background: linear-gradient(rgb(13, 54, 179,0.6) 0%, rgb(74, 108, 156,0.6) 100%);\n box-sizing: border-box;\n padding: 16px;\n `;\n const thumbnailEle = document.createElement(\"data-view.cabinet-thumbnail\") as CabinetThumbnail;\n thumbnailEle.clusters = clusters ?? [];\n thumbnailEle.columns = columns ?? 4;\n thumbnailEle.appName = appName;\n topCard.className = \"visibilityAnimate\";\n topCard.appendChild(thumbnailEle);\n const objectTopModel = new CSS3DObject(topCard);\n objectTopModel.position.set(0, 0, d);\n\n const objectCantLeftModel = createTrapezoidalRightOrLeftElement({\n BW, TW, BH, TH, d, isLeft: true\n }); //斜面右边\n const objectCantRightModel = createTrapezoidalRightOrLeftElement({\n BW, TW, BH, TH, d, isLeft: false\n }); //斜面右边\n const objectCantTopModel = createTrapezoidalTopOrBottomElement({\n BW, TW, BH, TH, d, isTop: true\n }); //斜面前边\n const objectCantBottomModel = createTrapezoidalTopOrBottomElement({\n BW, TW, BH, TH, d, isTop: false\n }); //斜面后面\n objectContainer.add(objectCantLeftModel, objectCantRightModel, objectCantBottomModel, objectCantTopModel)\n if (leftBtnName) {\n const btnLeft = document.createElement(\"div\");\n btnLeft.style.cssText = `\n color: #6BE0FA;\n font-size: 16px;\n font-weight: 500;\n width: ${TW / 2}px;\n line-height: 16px;\n `;\n btnLeft.className = \"visibilityAnimate\";\n const wordNode = document.createElement(\"span\");\n wordNode.style.cursor = \"pointer\";\n wordNode.innerText = leftBtnName;\n btnLeft.appendChild(wordNode);\n const btnLeftObject = new CSS3DObject(btnLeft);\n btnLeftObject.position.set(-TW / 4 + 10, -TH / 2, 14);\n btnLeftObject.rotateX(Math.PI / 2);\n objectTopModel.add(btnLeftObject);\n wordNode.onclick = leftOnClick;\n }\n if (rightBtnName) {\n const btnRight = document.createElement(\"div\");\n btnRight.style.cssText = `\n color: #FFFFFF;\n font-size: 20px;\n font-weight: 500;\n width: ${TW / 2}px;\n text-shadow: 0px 1px 4px #3366FF;\n text-align: right;\n `;\n btnRight.className = \"visibilityAnimate\";\n const textNode = document.createElement(\"span\");\n textNode.style.cursor = \"pointer\";\n textNode.innerText = rightBtnName;\n\n\n btnRight.appendChild(textNode);\n const btnRightObject = new CSS3DObject(btnRight);\n btnRightObject.position.set(TW / 4 - 10, -TH / 2, 14);\n btnRightObject.rotateX(Math.PI / 2);\n objectTopModel.add(btnRightObject);\n textNode.onclick = rightOnClick\n }\n objectContainer.add(objectTopModel);\n return objectContainer;\n}\n/**\n * 布局计算\n * @param dataSource\n * @param maxX\n * @param maxY\n * @returns\n */\nexport const setAppPosition = (dataSource: AppData[], maxX: number, maxY: number) => {\n if (!dataSource?.length) return [];\n let appData: Target[] = dataSource.map(d => ({ ...d, x: 0, y: 0 }));\n if (appData.length === maxX * maxY) {\n appData = appData.map((d, i) => ({\n ...d,\n x: i % maxX + 1,\n y: parseInt(`${i / maxX}`) + 1\n }));\n } else {\n const offset = maxX * (maxY - 1);\n const leng = appData.length - offset;\n for (let d = 0; d < offset; d++) {\n const u = appData[d];\n u.x = d % maxX + 1;\n u.y = parseInt(`${d / maxX}`) + 1\n }\n for (let h = 0; h < leng / 2; h++) {\n const g = appData[h + offset],\n m = appData[appData.length - 1 - h];\n g.x = h + 1;\n g.y = maxY;\n if (g !== m) {\n m.x = maxX - h;\n m.y = maxY\n }\n }\n }\n return appData\n}\nexport const createTableTarget = (data: Target, cardSize: CardSize, maxX: number, maxY: number) => {\n const object3D = new Object3D();\n object3D.position.x = data.x * cardSize.outerWidth - (maxX / 2 + .5) * cardSize.outerWidth\n object3D.position.y = -data.y * cardSize.outerHeight + (maxY / 2 + .5) * cardSize.outerHeight\n return object3D\n}\nexport const createCurveTarget = (data: Target, cardSize: CardSize, maxX: number, maxY: number, angle: number, radius: number) => {\n const object3D = new Object3D();\n const vector = new Vector3();\n const position = computeCurvePosition(data, cardSize, maxX, maxY, angle);\n object3D.position.x = position.x;\n object3D.position.y = position.y;\n object3D.position.z = position.z;\n vector.x = 0;\n vector.y = object3D.position.y;\n vector.z = radius;\n object3D.lookAt(vector)\n return object3D\n}\nexport const computeCurvePosition = (data: Target, cardSize: CardSize, maxX: number, maxY: number, angle: number) => {\n const position: Position = {\n x: 0, y: 0, z: 0\n },\n n = parseInt(`${maxX * cardSize.outerWidth * 180}`) / (angle * Math.PI),\n a = maxX / 2 + .5;\n position.x = n * Math.sin(Math.PI / (180 / ((data.x - a) * (angle / maxX))));\n position.y = -data.y * cardSize\n .outerHeight + (maxY / 2 + .5) * cardSize.outerHeight;\n position.z = n - Math.sqrt(n * n - position.x * position.x);\n return position\n}\nexport const computeCameraDistance = (camera: PerspectiveCamera, bounds: bounds, distanceConfig: DistanceConfig[], length: number) => {\n let n = bounds.height + 2 * bounds.margin,\n a = (bounds.width + 2 * bounds.margin) / camera.aspect,\n i = .5 * Math.max(a, n) / Math.tan(camera.fov * Math.PI / 360) + bounds.z,\n o = 0;\n distanceConfig.forEach(function (t) {\n length >= Math.min.apply(null, t.numRange) && length < Math.max.apply(null, t.numRange) && (o = t\n .distance)\n })\n if (o > 0) return Math.max(o, i);\n const s = 200 * Math.ceil((length - 160) / 40) + 3200;\n return Math.max(s, i)\n\n}\nexport const getAppRelations = (object: CSS3DObject, relationsData: Relation[]) => {\n const relations: Relation[] = [];\n const userData = object.userData;\n Array.isArray(relationsData) && relationsData.length && relationsData.forEach(function (i) {\n userData.key !== i.source && userData.key !== i.target || relations.push(i)\n });\n return relations\n}\nexport const findElementByEvent= (e: MouseEvent) => {\n const path = (e.composedPath() as Element[]).find(node => node?.shadowRoot)as Ele;\n if (path?.tagName === 'DATA-VIEW.APP-WALL-CARD-ITEM') return path\n const customEle = document.elementFromPoint(e.clientX, e.clientY)\n const target = customEle?.shadowRoot.elementFromPoint(e.clientX, e.clientY) as Ele;\n if (target?.tagName === 'DATA-VIEW.APP-WALL-CARD-ITEM') return target\n return null\n}\n","/* istanbul ignore next */\nimport React, { ReactElement, useCallback, useEffect, useRef, useState } from \"react\";\nimport { MathUtils, Object3D, PerspectiveCamera, Scene } from \"three\";\nimport { CSS3DObject, CSS3DRenderer } from 'three/addons/renderers/CSS3DRenderer.js';\nimport { TrackballControls } from 'three/addons/controls/TrackballControls.js';\nimport TWEEN, { Tween, Easing } from \"@tweenjs/tween.js\";\nimport type { AppWallProps } from \"./index.jsx\";\nimport { BaseConfig, CardSize, DistanceConfig, Ele, Position, RegisterEvents, Target, Targets } from \"./interface.js\";\nimport { AppData, computeCameraDistance, createCurveTarget, createTableTarget, createTrapezoidalObject, setAppPosition, createRelationLine, getAppRelations, findElementByEvent } from \"./utils.js\";\nimport { AppWallCardItem } from \"./card-item/index.jsx\";\nimport \"./card-item/index.js\";\nimport { SystemCard, SystemCardProps } from \"./system-card/index.jsx\";\nimport { wrapBrick } from \"@next-core/react-element\";\nimport classNames from \"classnames\";\n\n\nconst table = Array.from({\n length: 262\n}).map((v, i) => ({\n key: `${i}`,\n shortName: `shortName-${i}`,\n status: i % 5 ? 'normal' : 'warning',\n cardItemProps: {\n cardTitle: 'cardTitle',\n description: 'description'\n },\n systemCardProps: {\n cardTitle: 'cardTitle',\n description: 'description'\n },\n trapezoidalProps: {\n leftBtnName: 'leftBtnName',\n rightBtnName: 'rightBtnName',\n clusters: Array.from({\n length: 3\n }).map((c, j) => ({\n title: `${j}集群容器`,\n type: j % 2 ? 'host' : 'k8s',\n data: Array.from({\n length: 100\n }).map(p => ({\n type: 'physical-machine',\n nodeTitle: '255.255.255',\n }))\n }))\n }\n})) as any as AppData[];\nconst cardSize: CardSize = {\n width: 120,\n height: 160,\n outerWidth: 140,\n outerHeight: 180,\n lgWidth: 180,\n lgHeight: 240\n};\nconst distanceConfig: DistanceConfig[] = [{\n numRange: [0, 40],\n distance: 3000\n}, {\n numRange: [40, 60],\n distance: 2200\n}, {\n numRange: [60, 80],\n distance: 2700\n}, {\n numRange: [80, 120],\n distance: 3200\n}, {\n numRange: [120, 160],\n distance: 3400\n}, {\n numRange: [160, 300],\n distance: 3600\n}];\nconst fov = 45;\nconst angle = 100;\nconst panelSpace = 300;\n\nconst getViewBounds = (length: number) => {\n const maxX = Math.ceil(Math.sqrt(length * cardSize.outerHeight / (.4 * cardSize.outerWidth)));\n const maxY = Math.ceil(length / maxX);\n const radius = parseInt(`${maxX * cardSize.outerWidth * 180}`) / (angle * Math.PI);\n const width = 2 * radius * Math.sin(Math.PI * (angle / 2) / 180) + cardSize.outerWidth;\n const height = maxY * cardSize.outerHeight;\n const z = radius - radius * Math.cos(Math.PI * (angle / 2) / 180);\n return {\n maxX,\n maxY,\n radius,\n bounds: {\n width,\n height,\n margin: 100,\n z\n }\n };\n};\n\n\nconst WrappedSystemCard = wrapBrick<SystemCard, SystemCardProps>(\n \"data-view.app-wall-system-card\"\n);\n\nexport function AppWallElement(props: AppWallProps): ReactElement {\n const { relations, onSystemCardButtonClick, useDblclick, handleCardDbClick, rightBtnOnClick, leftBtnOnClick } = props;\n const [curClickCardItemAppData, setCurClickCardItemAppData] = useState<AppData>(null);\n // props.dataSource=table;\n\n const containerRef = useRef<HTMLDivElement>();\n const appwallRef = useRef<HTMLDivElement>();\n const closeBtnRef = useRef<HTMLDivElement>()\n const maskRef = useRef<HTMLDivElement>();\n const systemCardRef = useRef<SystemCard>();\n\n\n const rendererRef = useRef<CSS3DRenderer>();\n const sceneRef = useRef<Scene>();\n const cameraRef = useRef<PerspectiveCamera>();\n const controlsRef = useRef<TrackballControls>();\n const graph3DViewRef = useRef<CSS3DObject>(); // 梯形模型\n const targetsRef = useRef<Targets>({\n table: [],\n curve: []\n });\n const objectsRef = useRef<CSS3DObject[]>([]);\n const lineCiCodesRef = useRef<CSS3DObject[]>([]);\n\n const configRef = useRef<BaseConfig>({\n maxX: 0,\n maxY: 0,\n radius: 0,\n bounds: {\n width: 0,\n height: 0,\n margin: 100,\n z: 0\n }\n });\n const registerEvents = useRef<RegisterEvents>({\n element: null,\n mouseoverTimer: null,\n mouseoutTimer: null,\n clickTimer: null,\n dblClickTimer: null,\n isShowGraph3D: false,\n isShowAppInfo: false,\n isShowRelations: false,\n enable: true, //是否可以触发事件\n })\n\n const render = useCallback(() => {\n rendererRef.current.render(sceneRef.current, cameraRef.current);\n }, []);\n\n const updateViewBounds = (length: number) => {\n configRef.current = getViewBounds(length)\n };\n\n const init = () => {\n const width = window.innerWidth;\n const height = window.innerHeight;\n const aspect = width / height;\n\n const renderer = new CSS3DRenderer();\n renderer.setSize(width, height);\n appwallRef.current.replaceChildren(renderer.domElement)\n\n const camera = new PerspectiveCamera(fov, aspect, .1, 10000);\n\n const controls = new TrackballControls(camera, renderer.domElement);\n controls.rotateSpeed = .5;\n controls.minDistance = 500;\n controls.maxDistance = 10000;\n const scene = new Scene();\n\n sceneRef.current = scene;\n cameraRef.current = camera;\n controlsRef.current = controls;\n rendererRef.current = renderer\n };\n\n const createView = (table: Target[]) => {\n table.forEach((data, i) => {\n const element = document.createElement(\n \"data-view.app-wall-card-item\"\n ) as AppWallCardItem & Ele;\n element.status = data.status;\n element.cardTitle = data.cardItemProps?.cardTitle;\n element.description = data.cardItemProps?.description;\n const statusClass = `status-${data?.status || 'normal'}`\n element.className = `card-item-container ${statusClass}`;\n element.style.width = `${cardSize.width}px`\n element.style.height = `${cardSize.height}px`\n element.classList.add(\"card-item-wrap\");\n // 随机进入\n const objectCSS = new CSS3DObject(element);\n objectCSS.position.set(4e3 * Math.random() - 2e3, 4e3 * Math.random() - 2e3, 4e3 * Math.random() - 2e3);\n\n sceneRef.current.add(objectCSS);\n objectsRef.current.push(objectCSS);\n\n const table = createTableTarget(data, cardSize, configRef.current.maxX, configRef.current.maxY);\n targetsRef.current.table.push(table)\n const curve = createCurveTarget(data, cardSize, configRef.current.maxX, configRef.current.maxY, angle, configRef.current.radius)\n targetsRef.current.curve.push(curve);\n\n objectCSS.userData = data;\n element.__objectCSS = objectCSS;\n element.__userData = data;\n element.__curve = curve;\n })\n }\n\n const createRelationLines = (object: CSS3DObject) => {\n const curRelations = getAppRelations(object, relations);\n const userData = object.userData;\n let lineObject: CSS3DObject, lineTarget: CSS3DObject;\n curRelations?.forEach(relation => {\n if (relation.source === userData.key) {\n //获取目标target CSS3DObject\n lineTarget = objectsRef.current.find(o => o.userData.key === relation.target);\n lineObject = lineTarget && createRelationLine(object.position, lineTarget.position, \"blue\");\n } else {\n lineTarget = objectsRef.current.find(o => o.userData.key === relation.source);\n lineObject = lineTarget && createRelationLine(lineTarget.position, object.position, \"purple\");\n }\n if (!lineObject) return;\n lineCiCodesRef.current.push(lineObject);\n sceneRef.current.add(lineObject);\n });\n objectsRef.current?.forEach(item => {\n if (object != item && curRelations.every(r => r.source != item.userData.key && r.target != item.userData.key)) {\n item.element.style.opacity = '0.2'\n }\n })\n }\n\n const showElementBetweenRelation = (target: Ele) => {\n const { __objectCSS, __userData } = target\n const position: Position = {\n x: __objectCSS.position.x + 50 * Math.sin(__objectCSS.rotation.y),\n y: __objectCSS.position.y,\n z: __objectCSS.position.z + 100 * Math.cos(__objectCSS.rotation.y)\n }\n const scale = 1.2;\n new Tween(__objectCSS.rotation).to({\n x: 0,\n y: 0,\n z: 0\n }, 300).onStart(() => {\n __objectCSS.element.classList.add(`status-${__userData.status || 'normal'}-card`);\n registerEvents.current.isShowRelations = true;\n }).start();\n new Tween(__objectCSS.scale).to({\n x: scale,\n y: scale,\n z: scale\n }, 300).start();\n new Tween(__objectCSS.position).to(position, 300).onUpdate(render)\n .onComplete(function () {\n //创建连线\n createRelationLines(__objectCSS);\n render()\n registerEvents.current.element = target;\n }).start()\n }\n\n const restoreElementState = (onComplete?: (ele?: Ele) => void) => {\n if (!registerEvents.current?.element) return onComplete?.();\n const { __objectCSS, __curve: object3d, __userData } = registerEvents.current?.element\n new Tween(__objectCSS.rotation).to({\n x: object3d.rotation.x,\n y: object3d.rotation.y,\n z: object3d.rotation.z\n }, 300).start();\n new Tween(__objectCSS.scale).to({\n x: 1,\n y: 1,\n z: 1\n }, 300).start();\n new Tween(__objectCSS.position).to({\n x: object3d.position.x,\n y: object3d.position.y,\n z: object3d.position.z\n }, 300).onUpdate(render).onStart(() => {\n __objectCSS.element.classList.remove(`status-${__userData.status || 'normal'}-card`);\n objectsRef.current?.forEach(item => {\n item.element.style.opacity = '1';\n })\n lineCiCodesRef.current.forEach((lineObject) => {\n sceneRef.current.remove(lineObject);\n });\n lineCiCodesRef.current = []\n render()\n }).onComplete(() => {\n registerEvents.current.isShowRelations = false;\n onComplete?.(registerEvents.current?.element)\n }).start()\n }\n\n const transform = (targets: Object3D[], duration: number) => {\n // const preEnable=registerEvents.current.enable\n registerEvents.current.enable = false;\n for (let i = 0; i < objectsRef.current.length; i++) {\n const object = objectsRef.current[i];\n const target = targets[i];\n\n new Tween(object.position)\n .to({\n x: target.position.x,\n y: target.position.y,\n z: target.position.z\n }, MathUtils.randFloat(duration, duration * 2))\n .easing(Easing.Exponential.InOut)\n .start();\n\n new Tween(object.rotation)\n .to({\n x: target.rotation.x,\n y: target.rotation.y,\n z: target.rotation.z\n }, MathUtils.randFloat(duration, duration * 2))\n .easing(Easing.Exponential.InOut)\n .start();\n }\n\n new Tween({})\n .to({}, duration * 2)\n .onUpdate(render)\n .start().onComplete(() => {\n registerEvents.current.enable = true;\n });\n }\n\n const handeReset = () => {\n TWEEN.removeAll();\n const o = {\n opacity: 1\n },\n e = new Tween({\n z: 0\n }),\n n = new Tween(o),\n a = new Tween(cameraRef.current.position),\n i = new Tween(controlsRef.current.target),\n r = new Tween({\n blur: 1500,\n spread: 100\n });\n e.to({\n z: panelSpace\n }, 1e3).chain(a, i, r);\n n.to({\n opacity: 0\n }, 1e3).onStart(() => {\n sceneRef.current.remove(graph3DViewRef.current);\n closeBtnRef.current.style.visibility = \"hidden\";\n\n }).delay(300);\n\n a.to(controlsRef.current.position0, 1e3)\n .onComplete(function () {\n controlsRef.current.reset();\n appwallRef.current.classList.remove('mask-container')\n transform(targetsRef.current.curve, 600)\n registerEvents.current.isShowGraph3D = false;\n });\n i.to({\n x: 0,\n y: 0,\n z: 0\n }, 1e3);\n r.to({\n blur: 0,\n spread: 0\n }, 1e3)\n e.start()\n n.start()\n }\n const showAppInfoAnimate = (toggle: boolean) => {\n controlsRef.current.reset();\n const object = registerEvents.current.element.__objectCSS;\n const target = registerEvents.current.element.__curve;\n registerEvents.current.enable = false\n registerEvents.current.isShowAppInfo = true\n //定义四个位置\n const c = {\n x: target.position.x > 0 ? 2 * -cardSize.width : 2 * cardSize.width,\n y: 0,\n z: (cameraRef.current.position.z - 500) / 1.5\n };\n const p = {\n x: 0,\n y: 0,\n z: cameraRef.current.position.z - 500\n }\n const h = {\n x: 0,\n y: target.rotation.y > 0 ? -Math.PI * 90 / 180 : Math.PI * 90 / 180,\n z: 0\n }\n const d = {\n x: 0,\n y: target.rotation.y > 0 ? -Math.PI * 180 / 180 : Math.PI * 180 / 180,\n z: 0\n };\n const i = new Tween(object.position);\n const r = new Tween(object.rotation);\n const o = new Tween(object.position);\n const s = new Tween(object.rotation);\n if (toggle) {\n //收\n i.to(c, 500).easing().onStart(function () {\n\n }).onComplete(() => {\n systemCardRef.current.hidden = true\n registerEvents.current.element.style.opacity = '1';\n });\n r.to(h, 500).easing()\n o.to({\n x: target.position.x,\n y: target.position.y,\n z: target.position.z\n }, 700).easing();\n s.to({\n x: target.rotation.x,\n y: target.rotation.y,\n z: target.rotation.z\n }, 700).easing().onComplete(() => {\n objectsRef.current?.forEach(item => {\n item.element.style.opacity = '1';\n });\n })\n } else {\n //出\n objectsRef.current?.forEach(item => {\n if (object != item) {\n item.element.style.opacity = '0.2';\n }\n });\n i.to(c, 700).easing().onStart(() => {\n //为了飞出去的途中,不能在点击其他的卡片飞出来\n maskRef.current.hidden = false;\n systemCardRef.current.hidden = true;\n });\n r.to(h, 700).easing();\n o.to(p, 500).easing().onStart(function () {\n registerEvents.current.element.style.opacity = '0';\n systemCardRef.current.style.transition = 'transition: all .3s ease';\n systemCardRef.current.hidden = false;\n })\n s.to(d, 500).easing()\n }\n i.chain(o).start();\n r.chain(s).start();\n new Tween({}).to({}, 1400).onUpdate(() => {\n render()\n if (Math.abs(object.rotation.y) >= Math.PI / 2) {\n const rect = registerEvents.current.element.getBoundingClientRect();\n systemCardRef.current.style.width = `${rect.width}px`\n systemCardRef.current.style.height = `${rect.height}px`;\n systemCardRef.current.style.top = `${rect.top}px`;\n systemCardRef.current.style.left = `${rect.left}px`;\n }\n }).start().onComplete(function () {\n registerEvents.current.enable = true;\n registerEvents.current.isShowAppInfo = !toggle;\n maskRef.current.hidden = toggle\n })\n }\n\n const resetView = () => {\n controlsRef.current.reset();\n TWEEN.removeAll();\n objectsRef.current.map(o => {\n sceneRef.current.remove(o);\n });\n objectsRef.current = [];\n targetsRef.current = {\n table: [],\n curve: []\n };\n //重置交互状态\n registerEvents.current = {\n element: null,\n mouseoverTimer: null,\n mouseoutTimer: null,\n clickTimer: null,\n dblClickTimer: null,\n enable: true,\n isShowAppInfo: false,\n isShowGraph3D: false,\n isShowRelations: false\n }\n }\n\n useEffect(() => {\n init();\n let cancel: number;\n const animate = () => {\n cancel = requestAnimationFrame(animate);\n TWEEN.update();\n controlsRef.current.update();\n }\n animate();\n\n const onWindowResize = () => {\n cameraRef.current.aspect = window.innerWidth / window.innerHeight;\n cameraRef.current.updateProjectionMatrix();\n rendererRef.current.setSize(window.innerWidth, window.innerHeight);\n render();\n };\n\n controlsRef.current.addEventListener('change', render);\n window.addEventListener('resize', onWindowResize);\n\n return () => {\n window.removeEventListener('resize', onWindowResize);\n controlsRef.current.removeEventListener('change', render);\n controlsRef.current.dispose();\n TWEEN.removeAll();\n cameraRef.current.clear();\n sceneRef.current.clear();\n cancelAnimationFrame(cancel);\n }\n }, [])\n\n useEffect(() => {\n const length = props.dataSource?.length || 0;\n updateViewBounds(length);\n cameraRef.current.position.z = computeCameraDistance(cameraRef.current, configRef.current.bounds, distanceConfig, length);\n cameraRef.current.updateProjectionMatrix();\n controlsRef.current.position0.copy(cameraRef.current.position);\n\n const appData = setAppPosition(props.dataSource, configRef.current.maxX, configRef.current.maxY);\n createView(appData);\n transform(targetsRef.current.curve, 1000);\n\n return () => {\n resetView();\n }\n }, [props.dataSource]);\n\n useEffect(() => {\n const container = containerRef.current;\n const handleMouseover = (e: MouseEvent) => {\n if (registerEvents.current.isShowAppInfo || registerEvents.current.isShowGraph3D || !registerEvents.current.enable) return false;\n const target = findElementByEvent(e);\n clearTimeout(registerEvents.current.mouseoverTimer)\n registerEvents.current.mouseoverTimer = window.setTimeout(() => {\n restoreElementState(() => {\n target && !registerEvents.current.isShowRelations && showElementBetweenRelation(target);\n })\n }, 500);\n }\n const handleClick = (e: MouseEvent) => {\n if (registerEvents.current.isShowAppInfo || registerEvents.current.isShowGraph3D || !registerEvents.current.enable) return false;\n restoreElementState();\n clearTimeout(registerEvents.current.clickTimer), clearTimeout(registerEvents.current.mouseoverTimer);\n registerEvents.current.clickTimer = window.setTimeout(function () {\n const target = findElementByEvent(e)\n if (target) {\n (clearTimeout(registerEvents.current.mouseoverTimer))\n e.stopPropagation();\n registerEvents.current.element = target;\n setCurClickCardItemAppData(target.__userData)\n showAppInfoAnimate(false)\n }\n }, 300)\n\n }\n const handleDbClick = (e: MouseEvent) => {\n if (registerEvents.current.isShowAppInfo || registerEvents.current.isShowGraph3D || !registerEvents.current.enable) return false;\n const target = findElementByEvent(e);\n const { __userData, __objectCSS } = target\n clearTimeout(registerEvents.current.clickTimer), clearTimeout(registerEvents.current.mouseoverTimer), clearTimeout(registerEvents.current.dblClickTimer);\n restoreElementState();\n if (useDblclick || __userData.trapezoidalProps?.clusters?.length < 1) {\n registerEvents.current.dblClickTimer = window.setTimeout(function () {\n handleCardDbClick(__userData)\n }, 300)\n } else {\n registerEvents.current.isShowGraph3D = true;\n registerEvents.current.dblClickTimer = window.setTimeout(function () {\n if (target) {\n (clearTimeout(registerEvents.current.mouseoverTimer), clearTimeout(registerEvents.current.clickTimer));\n appwallRef.current.classList.add('mask-container')\n controlsRef.current.reset();\n const basePosition = {\n opacity: 0,\n scale: 0,\n borderLeftWidth: 0,\n borderRightWidth: 0,\n borderTopWidth: 0,\n borderBottomWidth: 0\n }\n const u = {\n x: __objectCSS.position.x,\n y: 860 + cardSize.height * (configRef.current.maxY - __userData.y)\n }\n const n = new Tween(cameraRef.current.position);\n const a = new Tween(basePosition);\n const i = new Tween({\n z: 0\n })\n const r = new Tween(cameraRef.current.position);\n const o = new Tween(controlsRef.current.target);\n const s = new Tween({\n blur: 12,\n spread: 0\n });\n transform(targetsRef.current.table, 600)\n n.to({\n x: 0,\n y: -3600,\n z: 1600\n }, 1e3).chain(s, a, i);\n a.to({\n opacity: 1\n }, 700).onStart(() => {\n const objectContainer = createTrapezoidalObject({\n objectData: {\n width: cardSize.width,\n height: cardSize.height,\n point: [__objectCSS.position.x, __objectCSS.position.y, __objectCSS.position.z]\n },\n clusters: __userData.trapezoidalProps?.clusters,\n columns: __userData.trapezoidalProps?.columns,\n appName: __userData.trapezoidalProps?.appName,\n leftBtnName: __userData.trapezoidalProps?.leftBtnName,\n rightBtnName: __userData.trapezoidalProps?.rightBtnName,\n rightOnClick: () => rightBtnOnClick(__userData),\n leftOnClick: () => leftBtnOnClick(__userData)\n });\n graph3DViewRef.current = objectContainer;\n sceneRef.current.add(objectContainer)\n })\n i.to({\n z: panelSpace\n }, 1e3).delay(230).chain(r, o);\n\n r.to({\n x: u.x,\n y: -3600 + u.y\n }, 1e3);\n o.to({\n x: u.x,\n y: u.y\n }, 1e3).onComplete(function () {\n closeBtnRef.current.style.visibility = \"visible\";\n })\n n.start()\n }\n }, 300)\n }\n\n\n }\n\n container.addEventListener('dblclick', handleDbClick)\n container.addEventListener('click', handleClick)\n container.addEventListener('mouseover', handleMouseover)\n return () => {\n container.removeEventListener('mouseover', handleMouseover)\n container.removeEventListener('click', handleClick)\n container.removeEventListener('dblclick', handleDbClick)\n }\n }, [])\n\n return (\n <div className=\"appwall-container\" ref={containerRef} >\n <div className=\"appwall\" ref={appwallRef} ></div>\n <div className=\"mask\" ref={maskRef} onClick={() => {\n registerEvents.current.enable && showAppInfoAnimate(true)\n }} hidden={true} >\n <WrappedSystemCard\n {...curClickCardItemAppData?.systemCardProps}\n onClick={(e) => e.stopPropagation()}\n handleClick={() => onSystemCardButtonClick(curClickCardItemAppData)}\n ref={systemCardRef}\n className={classNames({\n infoWrapper: curClickCardItemAppData?.status === \"normal\",\n warningWrapper: curClickCardItemAppData?.status === \"warning\"\n })}\n />\n </div>\n <div className=\"closeBtn\" ref={closeBtnRef} onClick={() => {\n handeReset()\n }} />\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, \":host{display:block;width:100%;height:100%}:host([hidden]){display:none}*,\\n*::before,\\n*::after{box-sizing:border-box}.mask-container{position:absolute;top:0;left:0;width:100%;height:100%;background:#0c1216;z-index:1000}.appwall{position:relative}.appwall.loading .card-item{pointer-events:none!important}.mask{position:absolute;width:100%;height:100%;top:0;bottom:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:center}.mask[hidden]{display:none}.infoWrapper{position:absolute;background:var(--color-fill-bg-base-4);box-shadow:0 0 12px 2px rgba(80,255,255,0.45),inset 0 0 22px 0 #20242A;border:2px solid #50FFFF;overflow:hidden}.warningWrapper{position:absolute;background:linear-gradient(180deg,#CC0066 0%,rgba(204,0,102,0.2) 100%),#0F1117FF;box-shadow:0 0 12px 2px rgba(204,0,102,0.4),inset 0 4px 10px 0 rgba(255,255,255,0.65);overflow:hidden}.relation-line{pointer-events:none!important}.closeBtn{visibility:hidden;position:fixed;top:50px;right:50px;width:46px;height:46px;text-align:center;border:1px solid;color:rgb(138 189 255/84%);font-size:20px;line-height:46px;cursor:pointer;background:rgba(138,189,255,0.13);border-image:linear-gradient(135deg,rgba(255,255,255,0.5),rgba(255,255,255,0),rgba(255,255,255,0.33)) 1 1;display:flex;justify-content:center;align-items:center;z-index:1000}.closeBtn:before,\\n.closeBtn:after{content:\\\"\\\";width:2px;height:20px;background:linear-gradient(180deg,#3467FF 0%,#98CBFF 100%);position:absolute}.closeBtn:before{transform:rotateZ(45deg)}.closeBtn:after{transform:rotateZ(-45deg)}.closeBtn:hover:after,\\n.closeBtn:hover:before{background:var(--color-normal-text)}.visibilityAnimate{visibility:hidden;animation:visibility 0.5s both 1s}.trapezoidalLeftOrRightAnimation,\\n.trapezoidalTopOrBottomAnimation{background:linear-gradient(180deg,rgba(51,102,255,0.4) 0%,#99CCFF 100%);opacity:0.2;position:absolute}.trapezoidalTopOrBottomAnimation{bottom:0;width:100%;left:0;animation:animateTop 1s both}.trapezoidalLeftOrRightAnimation{top:0;right:0;height:100%;animation:animateLeft 1s both}@keyframes animateTop{0%{height:0}100%{height:100%}}@keyframes animateLeft{0%{width:0}100%{width:100%}}@keyframes visibility{0%{visibility:hidden}100%{visibility:visible}}.card-item-container{transition:opacity 0.5s}.status-normal-card{box-shadow:0 0 100px rgba(80,255,255,0.58);border:1px solid rgba(80,255,255,0.58);background:-webkit-gradient(liner,left top,left bottom,from(#002c8d),to(#00123e));background:linear-gradient(to bottom,rgba(80,255,255,1) 0%,rgba(80,255,255,0) 100%)}.status-warning-card{box-shadow:0 0 100px #CC0066;background:-webkit-gradient(liner,left top,left bottom,from(#CC0066),to(rgba(204,0,102,0.2)));background:linear-gradient(to bottom,#CC0066 0%,rgba(204,0,102,0.2) 100%)}\", \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\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, \":host{display:inline-block;width:100%;height:100%}:host([hidden]){display:none}*,\\n*::before,\\n*::after{box-sizing:border-box}.card-item-container{position:relative;width:100%;height:100%}.card-item{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center;border-radius:var(--no-border-radius);border-color:transparent;transition:border-color 0.5s}.status-normal:hover{box-shadow:0 0 100px rgba(80,255,255,0.58);border:1px solid rgba(80,255,255,0.58);background:-webkit-gradient(liner,left top,left bottom,from(#002c8d),to(#00123e));background:linear-gradient(to bottom,rgba(80,255,255,1) 0%,rgba(80,255,255,0) 100%)}.status-warning:hover{box-shadow:0 0 100px #CC0066;background:-webkit-gradient(liner,left top,left bottom,from(#CC0066),to(rgba(204,0,102,0.2)));background:linear-gradient(to bottom,#CC0066 0%,rgba(204,0,102,0.2) 100%)}.card-item-container.status-normal .card-item{background:var(--color-fill-bg-base-4);box-shadow:inset 0px 1px 2px 0px rgba(255,255,255,0.45)}.card-item-container.status-normal:hover .card-item{border:2px solid rgba(80,255,255,0.58)}.card-item-container.status-warning .card-item{background:linear-gradient(180deg,#CC0066 0%,rgba(204,0,102,0.2) 100%);box-shadow:inset 0px 2px 6px 0px rgba(255,255,255,0.65)}.card-item-container.status-warning:hover .card-item{border:none}.card-item-text-container{width:100%;padding:0 12px}.card-item-title,\\n.card-item-description{font-size:20px;font-weight:var(--font-weight-500);color:var(--color-normal-text)}.card-item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-item-description{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}\", \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\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, \":host{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:100%}:host([hidden]){display:none}*,\\n*::before,\\n*::after{box-sizing:border-box}.relation-line{position:relative;width:6px;height:100%;background:var(--color-text-divider-line-1);overflow:hidden}.relation-line::after{content:'';position:absolute;width:100%;height:20%;left:0px;top:0px;animation:lightMove 1000ms ease-in-out infinite,lightOpacity 1000ms ease-in-out infinite}.relation-line.light-color-blue::after{background:linear-gradient(rgba(80,255,255,0) 0%,rgba(80,255,255,1) 90%,#DFFFFF 100%)}.relation-line.light-color-purple::after{background:linear-gradient(rgba(102,0,255,0) 0%,rgba(102,0,255,1) 90%,#B07BFF 100%)}@keyframes lightMove{0%{top:0;transform:translateY(-100%)}100%{top:100%;transform:translateY(0)}}@keyframes lightOpacity{0%{opacity:0}20%{opacity:1}80%{opacity:1}100%{opacity:0}}\", \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\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, \":host{display:inline-block}:host([hidden]){display:none}*,\\n*::before,\\n*::after{box-sizing:border-box}.wrapper{position:relative;width:100%;height:100%;padding:30px 24px 35px;left:0;display:flex;flex-direction:column;border-radius:var(--no-border-radius)}.cardName{font-size:var(--title-font-size-strong);line-height:22px;text-align:center;font-weight:var(--font-weight-500);color:var(--color-normal-text);text-shadow:0 1px 4px rgba(51,102,255,0.5);margin-bottom:35px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.descriptions{flex:1;margin-bottom:20px;font-size:var(--auxiliary-font-size-small);overflow:auto;font-weight:var(--font-weight-400)}.descriptionsItem .itemKey{color:var(--color-secondary-text)}.descriptionsItem .itemValue{color:var(--color-strong-text)}.descriptionsItem{display:flex;gap:10px;margin-bottom:12px}.descriptionsItem>div{flex:1;text-align:left;word-break:break-all}.buttonContent{position:absolute;bottom:16px;right:24px;font-size:var(--auxiliary-font-size);color:#99CCFF;cursor:pointer;font-weight:var(--font-weight-500)}.buttonName{margin-left:5px}\", \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\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, \":host{--palette-rgba-white-1:rgba(255,255,255,10%);--palette-rgba-white-2:rgba(255,255,255,20%);--palette-rgba-white-3:rgba(255,255,255,30%);--palette-rgba-white-4:rgba(255,255,255,40%);--palette-rgba-white-5:rgba(255,255,255,50%);--palette-rgba-white-6:rgba(255,255,255,60%);--palette-rgba-white-7:rgba(255,255,255,70%);--palette-rgba-white-8:rgba(255,255,255,80%);--palette-rgba-white-9:rgba(255,255,255,90%);--palette-rgba-white-10:rgba(255,255,255,100%);--palette-rgba-gray-1:rgba(0,0,0,10%);--palette-rgba-gray-2:rgba(0,0,0,20%);--palette-rgba-gray-3:rgba(0,0,0,30%);--palette-rgba-gray-4:rgba(0,0,0,40%);--palette-rgba-gray-5:rgba(0,0,0,50%);--palette-rgba-gray-6:rgba(0,0,0,60%);--palette-rgba-gray-7:rgba(0,0,0,70%);--palette-rgba-gray-8:rgba(0,0,0,80%);--palette-rgba-gray-9:rgba(0,0,0,90%);--palette-rgba-gray-10:rgba(0,0,0,100%);--palette-rgba-blue-gray-2:rgba(101,106,134,20%);--palette-rgba-blue-gray-3:rgba(101,106,134,30%);--palette-rgba-blue-gray-8:rgba(101,106,134,80%);--palette-tech-blue-4-channel:67,127,255;--palette-tech-blue-4:rgb(var(--palette-tech-blue-4-channel));--palette-tech-blue-6-channel:51,102,255;--palette-tech-blue-6:rgb(var(--palette-tech-blue-6-channel));--palette-tech-blue-8-channel:40,69,159;--palette-tech-blue-8:rgb(var(--palette-tech-blue-8-channel));--palette-sea-green-4-channel:131,245,225;--palette-sea-green-4:rgb(var(--palette-sea-green-4-channel));--palette-green-6-channel:81,235,73;--palette-green-6:rgb(var(--palette-green-6-channel));--palette-green-2:rgba(var(--palette-green-6-channel),20%);--palette-lotus-pink-7-channel:204,0,102;--palette-lotus-pink-7:rgb(var(--palette-lotus-pink-7-channel));--palette-red-6-channel:242,39,39;--palette-red-6:rgb(var(--palette-red-6-channel));--palette-red-2:rgba(var(--palette-red-6-channel),20%);--color-fill-global-bg:#0f1014;--color-fill-bg-container-1:var(--palette-rgba-white-1);--color-fill-bg-container-2:var(--palette-rgba-blue-gray-2);--color-fill-bg-container-3:var(--palette-rgba-blue-gray-8);--color-fill-bg-base-1:var(--palette-rgba-blue-gray-2);--color-fill-bg-base-2:rgba(15,16,20,0%);--color-fill-bg-base-3:rgba(0,0,0,20%);--color-fill-bg-base-4:rgba(40,46,58,100%);--color-fill-bg-base-5:rgba(19,25,47,80%);--color-fill-bg-base-6:var(--palette-rgba-blue-gray-3);--color-brand:var(--palette-tech-blue-6);--color-brand-hover:var(--palette-tech-blue-4);--color-brand-active:var(--palette-tech-blue-8);--color-contrast-1:var(--palette-sea-green-4);--color-error:var(--palette-red-6);--color-error-bg:var(--palette-red-2);--color-success:var(--palette-green-6);--color-success-bg:var(--palette-green-2);--color-header-text-big:var(--palette-rgba-white-10);--color-header-text:var(--palette-rgba-white-10);--color-normal-text:var(--palette-rgba-white-10);--color-strong-text:var(--palette-rgba-white-9);--color-auxiliary-text:var(--palette-rgba-white-8);--color-secondary-text:var(--palette-rgba-white-6);--color-disabled-text:var(--palette-rgba-white-4);--color-border-divider-line:var(--palette-rgba-white-1);--color-text-divider-line-1:var(--palette-rgba-white-2);--color-text-divider-line-2:var(--palette-rgba-white-2);--small-border-radius:2px;--medius-border-radius:5px;--larger-border-radius:12px;--container-border-radius:9999px;--no-border-radius:0px;--mask-bg:var(--palette-rgba-gray-7);--title-font-size-larger:30px;--title-font-size-strong:22px;--title-font-size:18px;--normal-font-size:14px;--auxiliary-font-size:16px;--auxiliary-font-size-small:12px;--overview-data-font-size:34px;--statistics-data-font-size:28px;--normal-data-font-size-larger:20px;--normal-data-font-size:16px;--chart-legend-font-size:12px;--chart-tooltips-font-size-1:12px;--chart-tooltips-font-size-2:12px;--chart-axis-x-font-size:12px;--chart-axis-x-font-size-larger:14px;--chart-axis-y-font-size:12px;--chart-axis-y-font-size-larger:14px;--font-weight-600:600;--font-weight-500:500;--font-weight-400:400;--text-shadow:0px 1px 4px #2863ee;--border-width-base:1px;--border-width-double-base:2px;--border-width-tribble-base:3px;--punctate-width-base:1px;--paragraph-width-base:1px}\", \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n"],"names":["createRelationLine","sourceVector","targetVector","lightColor","subVector","Vector3","subVectors","lineLength","length","lineElement","document","createElement","style","height","concat","classList","add","lineObject","CSS3DObject","centerVector","lerpVectors","position","copy","quaternion","Quaternion","setFromUnitVectors","normalize","clone","setRotationFromQuaternion","getCenterPointOrSubPoint","start","end","pointA","pointB","createTrapezoidalRightOrLeftElement","props","BW","TW","d","TH","BH","isLeft","Math","sqrt","pow","wrapper","cssText","cantCard","className","appendChild","objectCantModel","createTrapezoidalTopOrBottomElement","isTop","topQuaternion","createTrapezoidalObject","objectData","leftBtnName","clusters","columns","leftOnClick","rightBtnName","rightOnClick","appName","container","objectContainer","set","point","width","bottomCard","objectBottomModel","z","topCard","thumbnailEle","objectTopModel","objectCantLeftModel","objectCantRightModel","objectCantTopModel","objectCantBottomModel","btnLeft","wordNode","cursor","innerText","btnLeftObject","rotateX","PI","onclick","btnRight","textNode","btnRightObject","setAppPosition","dataSource","maxX","maxY","appData","map","_objectSpread","x","y","i","parseInt","offset","leng","u","h","g","m","createTableTarget","data","cardSize","object3D","Object3D","outerWidth","outerHeight","createCurveTarget","angle","radius","vector","computeCurvePosition","lookAt","n","a","sin","computeCameraDistance","camera","bounds","distanceConfig","margin","aspect","max","tan","fov","o","forEach","t","min","apply","numRange","distance","s","ceil","getAppRelations","object","relationsData","relations","userData","Array","isArray","key","source","target","push","findElementByEvent","e","path","composedPath","find","node","shadowRoot","tagName","customEle","elementFromPoint","clientX","clientY","from","v","shortName","status","cardItemProps","cardTitle","description","systemCardProps","trapezoidalProps","c","j","title","type","p","nodeTitle","lgWidth","lgHeight","panelSpace","getViewBounds","cos","WrappedSystemCard","wrapBrick","AppWallElement","onSystemCardButtonClick","useDblclick","handleCardDbClick","rightBtnOnClick","leftBtnOnClick","curClickCardItemAppData","setCurClickCardItemAppData","useState","containerRef","useRef","appwallRef","closeBtnRef","maskRef","systemCardRef","rendererRef","sceneRef","cameraRef","controlsRef","graph3DViewRef","targetsRef","table","curve","objectsRef","lineCiCodesRef","configRef","registerEvents","element","mouseoverTimer","mouseoutTimer","clickTimer","dblClickTimer","isShowGraph3D","isShowAppInfo","isShowRelations","enable","render","useCallback","current","restoreElementState","onComplete","_registerEvents$curre","_registerEvents$curre2","__objectCSS","__curve","object3d","__userData","Tween","rotation","to","scale","onUpdate","onStart","_objectsRef$current2","remove","item","opacity","_registerEvents$curre3","transform","targets","duration","MathUtils","easing","Easing","showAppInfoAnimate","toggle","reset","_objectsRef$current4","r","hidden","_objectsRef$current3","transition","chain","abs","rect","getBoundingClientRect","top","left","useEffect","cancel","init","window","innerWidth","innerHeight","renderer","CSS3DRenderer","setSize","replaceChildren","domElement","PerspectiveCamera","controls","TrackballControls","rotateSpeed","minDistance","maxDistance","scene","Scene","animate","requestAnimationFrame","TWEEN","update","onWindowResize","updateProjectionMatrix","addEventListener","removeEventListener","dispose","clear","cancelAnimationFrame","_props$dataSource","updateViewBounds","position0","_data$cardItemProps","_data$cardItemProps2","statusClass","objectCSS","random","handleMouseover","clearTimeout","setTimeout","_objectsRef$current","lineTarget","curRelations","relation","every","showElementBetweenRelation","handleClick","stopPropagation","handleDbClick","_userData$trapezoida","_userData$trapezoida$","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth","blur","spread","_userData$trapezoida2","_userData$trapezoida3","_userData$trapezoida4","_userData$trapezoida5","_userData$trapezoida6","delay","visibility","React","ref","onClick","_extends","classNames","infoWrapper","warningWrapper","handeReset","___CSS_LOADER_EXPORT___","module","id","toString"],"sourceRoot":""}
@@ -1,2 +0,0 @@
1
- "use strict";(self.webpackChunk_next_bricks_data_view=self.webpackChunk_next_bricks_data_view||[]).push([[6252],{9439:(t,e,a)=>{a.d(e,{F:()=>P});var i=a(2159),r=a(8657),l=a.n(r),n=a(1211),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;var i=t.length;a.n=i;var r=2*Math.PI/a.n;return t.forEach(((t,i)=>{a.dataRadiusOfPercent[i]=t.value/t.maxValue,a.dataRadius[i]=a.dataRadiusOfPercent[i]*e,a.angleArr[i]=i*r})),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="".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,b=a/10;t.textAlign="left",t.font="bold ".concat(b,"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.Z)(t,m),b=(0,r.useRef)(null),C=(0,r.useRef)(null),[W,F]=(0,r.useState)(d),[w,O]=(0,r.useState)(s),T=window.devicePixelRatio;return(0,r.useEffect)((()=>{var t=b.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;C.current=i,F(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=b.current,i=C.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:W.n,r:W.radius,ratio:T,origin:r,lineWidth:2});var o=W.dataRadius.map((e=>e*t)),s=h(W.n,o,W.angleArr),d={dataPoints:s,strokeStyle:w.dataLine.strokeStyle,lineWidth:w.dataLine.lineWidth},c={dataPoints:s,r:w.dataCircle.r,strokeStyle:w.dataCircle.strokeStyle,fillStyle:w.dataCircle.fillStyle,lineWidth:w.dataCircle.lineWidth},f={dataPoints:s,fillStyle:w.dataFill.fillStyle};k(i,r,T,{dataLineOptions:d,dataFillOptions:f,dataCircleOptions:c});var y=u(W.n,W.radius,r);if(S(i,r,y),g(i,r,W.radius,y,W.originDataSource),n){var v=W.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()}}),[W,w,n]),l().createElement("div",{className:"radarWrap",style:{width:"".concat(P.width,"px"),height:"".concat(P.height,"px")}},l().createElement("canvas",{className:"canvasWrap",ref:b}))}},2742:(t,e,a)=>{a.d(e,{Z:()=>o});var i=a(9601),r=a.n(i),l=a(2609),n=a.n(l)()(r());n.push([t.id,".radarWrap{position:relative;width:100%;height:100%;.canvasWrap{display:block;width:100%;height:100%}}",""]);const o=n.toString()},2159:(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,{Z:()=>i})}}]);
2
- //# sourceMappingURL=6252.fe26c2b2.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"chunks/6252.fe26c2b2.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 DrawRadarBgOption,\n DrawPolygonOptions,\n GradientPolygon,\n DataLineOptions,\n Axis,\n Data,\n BaseConfig,\n DataCircleOptions,\n CircleOptions,\n DataFillProps,\n DataPolyProps,\n DataFill,\n DataCircle,\n UserConfig,\n DataLine,\n} from \"./interface.js\";\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 const dataLength = dataSource.length;\n baseConfig.n = dataLength;\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 = `${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 = `bold ${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%;.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","dataLength","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":""}