@next-bricks/data-view 0.9.5 → 0.10.0

package/dist/chunks/{5114.742a2d22.js.map → 5114.5c6a5b4e.js.map}

@@ -1 +1 @@
-{"version":3,"file":"chunks/5114.742a2d22.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 {\n  Vector3,\n  Object3D,\n  Quaternion,\n  Vector3Tuple,\n  PerspectiveCamera,\n} 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 {\n  AppWallRelationLine,\n  AppWallRelationLineProps,\n} from \"./relation-line/index.js\";\nimport type { SystemCardProps } from \"./system-card/index.js\";\nimport {\n  TrapezoidalObjectProps,\n  TrapezoidalProps,\n  bounds,\n  CardSize,\n  DistanceConfig,\n  Position,\n  Target,\n  Ele,\n} from \"./interface.js\";\nimport { CabinetThumbnail } from \"../cabinet/cabinet-thumbnail/index.jsx\";\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 = (\n  sourceVector: Vector3,\n  targetVector: Vector3,\n  lightColor: AppWallRelationLineProps[\"lightColor\"]\n): CSS3DObject => {\n  const subVector = new Vector3().subVectors(targetVector, sourceVector);\n  const lineLength = subVector.length();\n\n  const lineElement = document.createElement(\n    \"data-view.app-wall-relation-line\"\n  ) 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(\n    sourceVector,\n    targetVector,\n    0.5\n  );\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(\n    new Vector3(0, 1, 0).normalize(),\n    subVector.clone().normalize()\n  );\n  lineObject.setRotationFromQuaternion(quaternion);\n\n  return lineObject;\n};\n\nexport const getCenterPointOrSubPoint = (\n  start: Vector3Tuple,\n  end: Vector3Tuple\n) => {\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 ${\n    TH / 2 - BH / 2\n  }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(\n    new Vector3(1, 0, 0).normalize(),\n    subVector.clone().normalize()\n  );\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, ${\n    TW / 2 - BW / 2 + BW\n  }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 { centerVector, subVector } = getCenterPointOrSubPoint(start, end);\n  objectCantModel.position.copy(centerVector);\n  const topQuaternion = new Quaternion().setFromUnitVectors(\n    new Vector3(0, -1, 0).normalize(),\n    subVector.clone().normalize()\n  );\n  objectCantModel.setRotationFromQuaternion(topQuaternion);\n  return objectCantModel;\n};\n/**\n * 创建梯台模型\n * @param props\n * @returns\n */\nexport const createTrapezoidalObject = (props: TrapezoidalObjectProps) => {\n  const {\n    objectData,\n    leftBtnName,\n    clusters,\n    columns,\n    leftOnClick,\n    rightBtnName,\n    rightOnClick,\n    appName,\n  } = 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,\n    BH: number = objectData.height,\n    TW = 1500,\n    TH = 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(\n    \"data-view.cabinet-thumbnail\"\n  ) 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,\n    TW,\n    BH,\n    TH,\n    d,\n    isLeft: true,\n  }); //斜面右边\n  const objectCantRightModel = createTrapezoidalRightOrLeftElement({\n    BW,\n    TW,\n    BH,\n    TH,\n    d,\n    isLeft: false,\n  }); //斜面右边\n  const objectCantTopModel = createTrapezoidalTopOrBottomElement({\n    BW,\n    TW,\n    BH,\n    TH,\n    d,\n    isTop: true,\n  }); //斜面前边\n  const objectCantBottomModel = createTrapezoidalTopOrBottomElement({\n    BW,\n    TW,\n    BH,\n    TH,\n    d,\n    isTop: false,\n  }); //斜面后面\n  objectContainer.add(\n    objectCantLeftModel,\n    objectCantRightModel,\n    objectCantBottomModel,\n    objectCantTopModel\n  );\n  if (leftBtnName) {\n    const btnLeft = document.createElement(\"div\");\n    btnLeft.style.cssText = `\n                 color: #6BE0FA;\n                 font-size: 28px;\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.onpointerdown = leftOnClick;\n  }\n  if (rightBtnName) {\n    const btnRight = document.createElement(\"div\");\n    btnRight.style.cssText = `\n                 color: #FFFFFF;\n                 font-size: 30px;\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    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.onpointerdown = 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 = (\n  dataSource: AppData[],\n  maxX: number,\n  maxY: number\n) => {\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 = (\n  data: Target,\n  cardSize: CardSize,\n  maxX: number,\n  maxY: number\n) => {\n  const object3D = new Object3D();\n  object3D.position.x =\n    data.x * cardSize.outerWidth - (maxX / 2 + 0.5) * cardSize.outerWidth;\n  object3D.position.y =\n    -data.y * cardSize.outerHeight + (maxY / 2 + 0.5) * cardSize.outerHeight;\n  return object3D;\n};\n\nexport const computeCurvePosition = (\n  data: Target,\n  cardSize: CardSize,\n  maxX: number,\n  maxY: number,\n  angle: number\n) => {\n  const position: Position = {\n      x: 0,\n      y: 0,\n      z: 0,\n    },\n    n = parseInt(`${maxX * cardSize.outerWidth * 180}`) / (angle * Math.PI),\n    a = maxX / 2 + 0.5;\n  position.x = n * Math.sin(Math.PI / (180 / ((data.x - a) * (angle / maxX))));\n  position.y =\n    -data.y * cardSize.outerHeight + (maxY / 2 + 0.5) * cardSize.outerHeight;\n  position.z = n - Math.sqrt(n * n - position.x * position.x);\n  return position;\n};\nexport const createCurveTarget = (\n  data: Target,\n  cardSize: CardSize,\n  maxX: number,\n  maxY: number,\n  angle: number,\n  radius: number\n) => {\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 computeCameraDistance = (\n  camera: PerspectiveCamera,\n  bounds: bounds,\n  distanceConfig: DistanceConfig[],\n  length: number\n) => {\n  const n = bounds.height + 2 * bounds.margin,\n    a = (bounds.width + 2 * bounds.margin) / camera.aspect,\n    i =\n      (0.5 * Math.max(a, n)) / Math.tan((camera.fov * Math.PI) / 360) +\n      bounds.z;\n  let o = 0;\n  distanceConfig.forEach(function (t) {\n    length >= Math.min.apply(null, t.numRange) &&\n      length < Math.max.apply(null, t.numRange) &&\n      (o = t.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};\nexport const getAppRelations = (\n  object: CSS3DObject,\n  relationsData: Relation[]\n) => {\n  const relations: Relation[] = [];\n  const userData = object.userData;\n  Array.isArray(relationsData) &&\n    relationsData.length &&\n    relationsData.forEach(function (i) {\n      (userData.key !== i.source && userData.key !== i.target) ||\n        relations.push(i);\n    });\n  return relations;\n};\nexport const findElementByEvent = (e: MouseEvent) => {\n  const path = (e.composedPath() as Element[]).find(\n    (node) => node?.shadowRoot\n  ) 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(\n    e.clientX,\n    e.clientY\n  ) as Ele;\n  if (target?.tagName === \"DATA-VIEW.APP-WALL-CARD-ITEM\") return target;\n  return null;\n};\n","/* istanbul ignore next */\nimport React, {\n  ReactElement,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { MathUtils, Object3D, PerspectiveCamera, Scene } from \"three\";\nimport {\n  CSS3DObject,\n  CSS3DRenderer,\n} 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 {\n  BaseConfig,\n  CardSize,\n  DistanceConfig,\n  Ele,\n  Position,\n  RegisterEvents,\n  Target,\n  Targets,\n} from \"./interface.js\";\nimport {\n  AppData,\n  computeCameraDistance,\n  createCurveTarget,\n  createTableTarget,\n  createTrapezoidalObject,\n  setAppPosition,\n  createRelationLine,\n  getAppRelations,\n  findElementByEvent,\n} 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\";\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  {\n    numRange: [0, 40],\n    distance: 3000,\n  },\n  {\n    numRange: [40, 60],\n    distance: 2200,\n  },\n  {\n    numRange: [60, 80],\n    distance: 2700,\n  },\n  {\n    numRange: [80, 120],\n    distance: 3200,\n  },\n  {\n    numRange: [120, 160],\n    distance: 3400,\n  },\n  {\n    numRange: [160, 300],\n    distance: 3600,\n  },\n];\nconst fov = 45;\nconst angle = 100;\nconst panelSpace = 300;\n\nconst getViewBounds = (length: number) => {\n  const maxX = Math.ceil(\n    Math.sqrt((length * cardSize.outerHeight) / (0.4 * cardSize.outerWidth))\n  );\n  const maxY = Math.ceil(length / maxX);\n  const radius =\n    parseInt(`${maxX * cardSize.outerWidth * 180}`) / (angle * Math.PI);\n  const width =\n    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\nconst WrappedSystemCard = wrapBrick<SystemCard, SystemCardProps>(\n  \"data-view.app-wall-system-card\"\n);\n\nexport function AppWallElement(props: AppWallProps): ReactElement {\n  const {\n    relations,\n    onSystemCardButtonClick,\n    useDblclick,\n    handleCardDbClick,\n    rightBtnOnClick,\n    leftBtnOnClick,\n  } = props;\n  const [curClickCardItemAppData, setCurClickCardItemAppData] =\n    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  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, 0.1, 10000);\n\n    const controls = new TrackballControls(camera, renderer.domElement);\n    controls.rotateSpeed = 0.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(\n        4e3 * Math.random() - 2e3,\n        4e3 * Math.random() - 2e3,\n        4e3 * Math.random() - 2e3\n      );\n\n      sceneRef.current.add(objectCSS);\n      objectsRef.current.push(objectCSS);\n\n      const table = createTableTarget(\n        data,\n        cardSize,\n        configRef.current.maxX,\n        configRef.current.maxY\n      );\n      targetsRef.current.table.push(table);\n      const curve = createCurveTarget(\n        data,\n        cardSize,\n        configRef.current.maxX,\n        configRef.current.maxY,\n        angle,\n        configRef.current.radius\n      );\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(\n          (o) => o.userData.key === relation.target\n        );\n        lineObject =\n          lineTarget &&\n          createRelationLine(object.position, lineTarget.position, \"blue\");\n      } else {\n        lineTarget = objectsRef.current.find(\n          (o) => o.userData.key === relation.source\n        );\n        lineObject =\n          lineTarget &&\n          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 (\n        object != item &&\n        curRelations.every(\n          (r) => r.source != item.userData.key && r.target != item.userData.key\n        )\n      ) {\n        item.element.style.opacity = \"0.2\";\n      }\n    });\n  };\n\n  const showElementBetweenRelation = (target: Ele) => {\n    const { __objectCSS, __userData } = target;\n    const rotationY = __objectCSS.rotation.y;\n    const position: Position = {\n      x: __objectCSS.position.x + 50 * Math.sin(rotationY),\n      y: __objectCSS.position.y + 15,\n      z: __objectCSS.position.z + 100 * Math.cos(rotationY),\n    };\n    const scale = 1.25;\n    registerEvents.current.isShowRelations = true;\n    new Tween(__objectCSS.rotation)\n      .to(\n        {\n          x: 0,\n          y: 0,\n          z: 0,\n        },\n        300\n      )\n      .onStart(() => {\n        __objectCSS.element.classList.add(\n          `status-${__userData.status || \"normal\"}-card`\n        );\n      })\n      .start();\n    new Tween(__objectCSS.scale)\n      .to(\n        {\n          x: scale,\n          y: scale,\n          z: scale,\n        },\n        300\n      )\n      .start();\n    new Tween(__objectCSS.position)\n      .to(position, 300)\n      .onUpdate(render)\n      .onComplete(function () {\n        //创建连线\n        createRelationLines(__objectCSS);\n        render();\n        registerEvents.current.element = target;\n      })\n      .start();\n  };\n\n  const restoreElementState = (onComplete?: (ele?: Ele) => void) => {\n    if (!registerEvents.current?.element) return onComplete?.();\n    const {\n      __objectCSS,\n      __curve: object3d,\n      __userData,\n    } = registerEvents.current.element;\n\n    new Tween(__objectCSS.rotation)\n      .to(\n        {\n          x: object3d.rotation.x,\n          y: object3d.rotation.y,\n          z: object3d.rotation.z,\n        },\n        300\n      )\n      .start();\n    new Tween(__objectCSS.scale)\n      .to(\n        {\n          x: 1,\n          y: 1,\n          z: 1,\n        },\n        300\n      )\n      .start();\n    new Tween(__objectCSS.position)\n      .to(\n        {\n          x: object3d.position.x,\n          y: object3d.position.y,\n          z: object3d.position.z,\n        },\n        300\n      )\n      .onUpdate(render)\n      .onStart(() => {\n        __objectCSS.element.classList.remove(\n          `status-${__userData.status || \"normal\"}-card`\n        );\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      })\n      .onComplete(() => {\n        registerEvents.current.isShowRelations = false;\n        onComplete?.(registerEvents.current?.element);\n      })\n      .start();\n  };\n\n  const transform = (targets: Object3D[], duration: number) => {\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          {\n            x: target.position.x,\n            y: target.position.y,\n            z: target.position.z,\n          },\n          MathUtils.randFloat(duration, duration * 2)\n        )\n        .easing(Easing.Exponential.InOut)\n        .start();\n\n      new Tween(object.rotation)\n        .to(\n          {\n            x: target.rotation.x,\n            y: target.rotation.y,\n            z: target.rotation.z,\n          },\n          MathUtils.randFloat(duration, duration * 2)\n        )\n        .easing(Easing.Exponential.InOut)\n        .start();\n    }\n\n    new Tween({})\n      .to({}, duration * 2)\n      .onUpdate(render)\n      .start()\n      .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      {\n        z: panelSpace,\n      },\n      1e3\n    ).chain(a, i, r);\n    n.to(\n      {\n        opacity: 0,\n      },\n      1e3\n    )\n      .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).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      {\n        x: 0,\n        y: 0,\n        z: 0,\n      },\n      1e3\n    );\n    r.to(\n      {\n        blur: 0,\n        spread: 0,\n      },\n      1e3\n    );\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)\n        .easing()\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        {\n          x: target.position.x,\n          y: target.position.y,\n          z: target.position.z,\n        },\n        700\n      ).easing();\n      s.to(\n        {\n          x: target.rotation.x,\n          y: target.rotation.y,\n          z: target.rotation.z,\n        },\n        700\n      )\n        .easing()\n        .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)\n        .easing()\n        .onStart(() => {\n          //为了飞出去的途中，不能在点击其他的卡片飞出来\n          maskRef.current.hidden = false;\n          systemCardRef.current.hidden = true;\n        });\n      r.to(h, 700).easing();\n      o.to(p, 500)\n        .easing()\n        .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({})\n      .to({}, 1400)\n      .onUpdate(() => {\n        render();\n        if (Math.abs(object.rotation.y) >= Math.PI / 2) {\n          const rect = registerEvents.current.element.getBoundingClientRect();\n          const scale = 1.35;\n          const width = rect.width * scale;\n          const height = rect.height * scale;\n          systemCardRef.current.style.width = `${width}px`;\n          systemCardRef.current.style.height = `${height}px`;\n          systemCardRef.current.style.top = `${\n            rect.top - ((scale - 1) * height) / 2\n          }px`;\n          systemCardRef.current.style.left = `${\n            rect.left - ((scale - 1) * width) / 2\n          }px`;\n        }\n      })\n      .start()\n      .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    if (length > 0) {\n      updateViewBounds(length);\n      cameraRef.current.position.z = computeCameraDistance(\n        cameraRef.current,\n        configRef.current.bounds,\n        distanceConfig,\n        length\n      );\n      cameraRef.current.updateProjectionMatrix();\n      controlsRef.current.position0.copy(cameraRef.current.position);\n\n      const appData = setAppPosition(\n        props.dataSource,\n        configRef.current.maxX,\n        configRef.current.maxY\n      );\n      createView(appData);\n      transform(targetsRef.current.curve, 1500);\n    }\n\n    return () => {\n      resetView();\n    };\n  }, [props.dataSource]);\n\n  useEffect(() => {\n    const container = containerRef.current;\n    const handleMouseover = (e: MouseEvent) => {\n      clearTimeout(registerEvents.current.mouseoverTimer);\n      if (\n        registerEvents.current.isShowAppInfo ||\n        registerEvents.current.isShowGraph3D ||\n        !registerEvents.current.enable\n      )\n        return false;\n      const target = findElementByEvent(e);\n      registerEvents.current.mouseoverTimer = window.setTimeout(() => {\n        restoreElementState(() => {\n          target &&\n            !registerEvents.current.isShowAppInfo &&\n            showElementBetweenRelation(target);\n          clearTimeout(registerEvents.current.mouseoverTimer);\n        });\n      }, 500);\n    };\n    const handleClick = (e: MouseEvent) => {\n      clearTimeout(registerEvents.current.clickTimer);\n      clearTimeout(registerEvents.current.mouseoverTimer);\n      if (\n        registerEvents.current.isShowAppInfo ||\n        registerEvents.current.isShowGraph3D ||\n        !registerEvents.current.enable\n      )\n        return false;\n\n      const target = findElementByEvent(e);\n      registerEvents.current.clickTimer = window.setTimeout(function () {\n        clearTimeout(registerEvents.current.mouseoverTimer);\n        restoreElementState(() => {\n          if (target) {\n            clearTimeout(registerEvents.current.clickTimer);\n            clearTimeout(registerEvents.current.mouseoverTimer);\n            e.stopPropagation();\n            registerEvents.current.element = target;\n            setCurClickCardItemAppData(target.__userData);\n            showAppInfoAnimate(false);\n          }\n        });\n      }, 300);\n    };\n    const handleDbClick = (e: MouseEvent) => {\n      clearTimeout(registerEvents.current.clickTimer);\n      clearTimeout(registerEvents.current.mouseoverTimer);\n      clearTimeout(registerEvents.current.dblClickTimer);\n      if (\n        registerEvents.current.isShowAppInfo ||\n        registerEvents.current.isShowGraph3D ||\n        !registerEvents.current.enable\n      )\n        return false;\n\n      const target = findElementByEvent(e);\n      const { __userData, __objectCSS } = target;\n      registerEvents.current.isShowGraph3D = true;\n      registerEvents.current.dblClickTimer = window.setTimeout(function () {\n        restoreElementState(() => {\n          if (\n            useDblclick ||\n            __userData.trapezoidalProps?.clusters?.length < 1\n          ) {\n            handleCardDbClick(__userData);\n            registerEvents.current.isShowGraph3D = false;\n          } else {\n            if (target) {\n              clearTimeout(registerEvents.current.mouseoverTimer);\n              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:\n                  860 +\n                  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                {\n                  x: 0,\n                  y: -3600,\n                  z: 1600,\n                },\n                1e3\n              ).chain(s, a, i);\n              a.to(\n                {\n                  opacity: 1,\n                },\n                700\n              ).onStart(() => {\n                const objectContainer = createTrapezoidalObject({\n                  objectData: {\n                    width: cardSize.width,\n                    height: cardSize.height,\n                    point: [\n                      __objectCSS.position.x,\n                      __objectCSS.position.y,\n                      __objectCSS.position.z,\n                    ],\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                {\n                  z: panelSpace,\n                },\n                1e3\n              )\n                .delay(230)\n                .chain(r, o);\n\n              r.to(\n                {\n                  x: u.x,\n                  y: -3600 + u.y,\n                },\n                1e3\n              );\n              o.to(\n                {\n                  x: u.x,\n                  y: u.y,\n                },\n                1e3\n              ).onComplete(function () {\n                closeBtnRef.current.style.visibility = \"visible\";\n              });\n              n.start();\n            }\n          }\n        });\n      }, 300);\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\n        className=\"mask\"\n        ref={maskRef}\n        onClick={() => {\n          registerEvents.current.enable && showAppInfoAnimate(true);\n        }}\n        hidden={true}\n      >\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\n        className=\"closeBtn\"\n        ref={closeBtnRef}\n        onClick={() => {\n          handeReset();\n        }}\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","onpointerdown","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","n","a","sin","lookAt","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","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","__objectCSS","__curve","object3d","__userData","Tween","rotation","to","scale","onUpdate","onStart","_objectsRef$current2","remove","status","item","opacity","_registerEvents$curre2","transform","targets","duration","MathUtils","easing","Easing","showAppInfoAnimate","toggle","reset","_objectsRef$current4","c","p","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","cardTitle","cardItemProps","description","statusClass","objectCSS","random","handleMouseover","clearTimeout","setTimeout","rotationY","_objectsRef$current","lineTarget","curRelations","relation","every","showElementBetweenRelation","handleClick","stopPropagation","handleDbClick","_userData$trapezoida","_userData$trapezoida$","trapezoidalProps","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth","blur","spread","_userData$trapezoida2","_userData$trapezoida3","_userData$trapezoida4","_userData$trapezoida5","_userData$trapezoida6","delay","visibility","React","ref","onClick","_extends","systemCardProps","classNames","infoWrapper","warningWrapper","handeReset","___CSS_LOADER_EXPORT___","module","id","toString"],"sourceRoot":""}
+{"version":3,"file":"chunks/5114.5c6a5b4e.js","mappings":"yOAuEaA,G,sBAAqBA,CAChCC,EACAC,EACAC,KAEA,IAAMC,GAAY,IAAIC,EAAAA,KAAUC,WAAWJ,EAAcD,GACnDM,EAAaH,EAAUI,SAEvBC,EAAcC,SAASC,cAC3B,oCAEFF,EAAYG,MAAMC,OAAS,GAAHC,OAAMP,EAAU,MACxCE,EAAYM,UAAUC,IAAI,iBAC1BP,EAAYN,WAAaA,EACzB,IAAMc,EAAa,IAAIC,EAAAA,GAAYT,GAE7BU,GAAe,IAAId,EAAAA,KAAUe,YACjCnB,EACAC,EACA,IAEFe,EAAWI,SAASC,KAAKH,GAIzB,IAAMI,GAAa,IAAIC,EAAAA,KAAaC,mBAClC,IAAIpB,EAAAA,IAAQ,EAAG,EAAG,GAAGqB,YACrBtB,EAAUuB,QAAQD,aAIpB,OAFAT,EAAWW,0BAA0BL,GAE9BN,CAAU,GAGNY,EAA2BA,CACtCC,EACAC,KAEA,IAAMC,EAAS,IAAI3B,EAAAA,IAAQyB,EAAM,GAAIA,EAAM,GAAIA,EAAM,IAC/CG,EAAS,IAAI5B,EAAAA,IAAQ0B,EAAI,GAAIA,EAAI,GAAIA,EAAI,IAC/C,MAAO,CACLZ,cAAc,IAAId,EAAAA,KAAUe,YAAYY,EAAQC,EAAQ,IACxD7B,WAAW,IAAIC,EAAAA,KAAUC,WAAW0B,EAAQC,GAC7C,EAEUC,EAAuCC,IAQlD,IAAM,GAAEC,EAAE,GAAEC,EAAE,EAAEC,EAAC,GAAEC,EAAE,GAAEC,EAAE,OAAEC,GAAWN,EAChCtB,EAAS6B,KAAKC,KAAKD,KAAKE,IAAIP,EAAK,EAAID,EAAK,EAAG,GAAKM,KAAKE,IAAIN,EAAG,IAC9DO,EAAUnC,SAASC,cAAc,OACvCkC,EAAQjC,MAAMkC,QAAU,+BAAHhC,OACKD,EAAM,mCAAAC,OACNyB,EAAE,4FAAAzB,OAEeD,EAAM,OAAAC,OAC/CyB,EAAK,EAAIC,EAAK,EAAC,QAAA1B,OACVD,EAAM,OAAAC,OAAMyB,EAAK,EAAIC,EAAK,EAAIA,EAAE,UAAA1B,OAASyB,EAAE,8BAElD,IAAMQ,EAAWrC,SAASC,cAAc,OACxCoC,EAASC,UAAY,kCACrBH,EAAQI,YAAYF,GACpB,IAAMjB,EAAsBW,EAAS,EAAEL,EAAK,EAAG,EAAG,GAAK,CAACA,EAAK,EAAG,EAAG,GAC7DL,EAAoBU,EAAS,EAAEJ,EAAK,EAAG,EAAGC,GAAK,CAACD,EAAK,EAAG,EAAGC,GAC3DY,EAAkB,IAAIhC,EAAAA,GAAY2B,IAClC,aAAE1B,EAAY,UAAEf,GAAcyB,EAAyBC,EAAOC,GACpEmB,EAAgB7B,SAASC,KAAKH,GAC9B,IAAMI,GAAa,IAAIC,EAAAA,KAAaC,mBAClC,IAAIpB,EAAAA,IAAQ,EAAG,EAAG,GAAGqB,YACrBtB,EAAUuB,QAAQD,aAGpB,OADAwB,EAAgBtB,0BAA0BL,GACnC2B,CAAe,EAGXC,EAAuChB,IAQlD,IAAM,GAAEC,EAAE,GAAEC,EAAE,EAAEC,EAAC,GAAEC,EAAE,GAAEC,EAAE,MAAEY,GAAUjB,EAC/BtB,EAAS6B,KAAKC,KAAKD,KAAKE,IAAIL,EAAK,EAAIC,EAAK,EAAG,GAAKE,KAAKE,IAAIN,EAAG,IAC9DO,EAAUnC,SAASC,cAAc,OACvCkC,EAAQjC,MAAMkC,QAAU,+BAAHhC,OACKuB,EAAE,mCAAAvB,OACFD,EAAM,4FAAAC,OAEWuB,EAAE,UAAAvB,OAC3CuB,EAAK,EAAID,EAAK,EAAIA,EAAE,OAAAtB,OAChBD,EAAM,QAAAC,OAAOuB,EAAK,EAAID,EAAK,EAAC,OAAAtB,OAAMD,EAAM,6BAE9C,IAAMkC,EAAWrC,SAASC,cAAc,OACxCoC,EAASC,UAAY,kCACrBH,EAAQI,YAAYF,GACpB,IAAMG,EAAkB,IAAIhC,EAAAA,GAAY2B,GAClCf,EAAsBsB,EAAQ,CAAC,GAAIZ,EAAK,EAAG,GAAK,CAAC,EAAGA,EAAK,EAAG,GAC5DT,EAAoBqB,EAAQ,CAAC,GAAIb,EAAK,EAAGD,GAAK,CAAC,EAAGC,EAAK,EAAGD,IAC1D,aAAEnB,EAAY,UAAEf,GAAcyB,EAAyBC,EAAOC,GACpEmB,EAAgB7B,SAASC,KAAKH,GAC9B,IAAMkC,GAAgB,IAAI7B,EAAAA,KAAaC,mBACrC,IAAIpB,EAAAA,IAAQ,GAAI,EAAG,GAAGqB,YACtBtB,EAAUuB,QAAQD,aAGpB,OADAwB,EAAgBtB,0BAA0ByB,GACnCH,CAAe,EAOXI,EAA2BnB,IACtC,IAAM,WACJoB,EAAU,YACVC,EAAW,SACXC,EAAQ,QACRC,EAAO,YACPC,EAAW,aACXC,EAAY,aACZC,EAAY,QACZC,GACE3B,EACEG,EAAI,IACJyB,EAAYrD,SAASC,cAAc,OACnCqD,EAAkB,IAAI9C,EAAAA,GAAY6C,GACxCC,EAAgB3C,SAAS4C,OAAOV,EAAWW,OAE3C,IAAM9B,EAAamB,EAAWY,MAC5B3B,EAAae,EAAW1C,OACxBwB,EAAK,KACLE,EAAK,KAED6B,EAAa1D,SAASC,cAAc,OAC1CyD,EAAWxD,MAAMkC,QAAU,+BAAHhC,OACEsB,EAAE,oCAAAtB,OACD0B,EAAE,2MAK7B,IAAM6B,EAAoB,IAAInD,EAAAA,GAAYkD,GAC1CC,EAAkBhD,SAASiD,EAAI,EAC/BN,EAAgBhD,IAAIqD,GAGpB,IAAME,EAAU7D,SAASC,cAAc,OACvC4D,EAAQ3D,MAAMkC,QAAU,+BAAHhC,OACKuB,EAAE,mCAAAvB,OACFyB,EAAE,iNAK5B,IAAMiC,EAAe9D,SAASC,cAC5B,+BAEF6D,EAAaf,SAAWA,QAAAA,EAAY,GACpCe,EAAad,QAAUA,QAAAA,EAAW,EAClCc,EAAaV,QAAUA,EACvBS,EAAQvB,UAAY,oBACpBuB,EAAQtB,YAAYuB,GACpB,IAAMC,EAAiB,IAAIvD,EAAAA,GAAYqD,GACvCE,EAAepD,SAAS4C,IAAI,EAAG,EAAG3B,GAElC,IAAMoC,EAAsBxC,EAAoC,CAC9DE,KACAC,KACAG,KACAD,KACAD,IACAG,QAAQ,IAEJkC,EAAuBzC,EAAoC,CAC/DE,KACAC,KACAG,KACAD,KACAD,IACAG,QAAQ,IAEJmC,EAAqBzB,EAAoC,CAC7Df,KACAC,KACAG,KACAD,KACAD,IACAc,OAAO,IAEHyB,EAAwB1B,EAAoC,CAChEf,KACAC,KACAG,KACAD,KACAD,IACAc,OAAO,IAQT,GANAY,EAAgBhD,IACd0D,EACAC,EACAE,EACAD,GAEEpB,EAAa,CACf,IAAMsB,EAAUpE,SAASC,cAAc,OACvCmE,EAAQlE,MAAMkC,QAAU,sIAAHhC,OAICuB,IAAM,+DAG5ByC,EAAQ9B,UAAY,oBACpB,IAAM+B,EAAWrE,SAASC,cAAc,QACxCoE,EAASnE,MAAMoE,OAAS,UACxBD,EAASE,UAAYzB,EACrBsB,EAAQ7B,YAAY8B,GACpB,IAAMG,EAAgB,IAAIhE,EAAAA,GAAY4D,GACtCI,EAAc7D,SAAS4C,KAAI,KAAc,IAAS,IAClDiB,EAAcC,QAAQzC,KAAK0C,GAAK,GAChCX,EAAezD,IAAIkE,GACnBH,EAASM,cAAgB1B,CAC3B,CACA,GAAIC,EAAc,CAChB,IAAM0B,EAAW5E,SAASC,cAAc,OACxC2E,EAAS1E,MAAMkC,QAAU,sIAAHhC,OAIAuB,IAAM,mHAI5BiD,EAAStC,UAAY,oBACrB,IAAMuC,EAAW7E,SAASC,cAAc,QACxC4E,EAAS3E,MAAMoE,OAAS,UACxBO,EAASN,UAAYrB,EAErB0B,EAASrC,YAAYsC,GACrB,IAAMC,EAAiB,IAAItE,EAAAA,GAAYoE,GACvCE,EAAenE,SAAS4C,IAAI5B,KAAa,IAAS,IAClDmD,EAAeL,QAAQzC,KAAK0C,GAAK,GACjCX,EAAezD,IAAIwE,GACnBD,EAASF,cAAgBxB,CAC3B,CAEA,OADAG,EAAgBhD,IAAIyD,GACbT,CAAe,EASXyB,EAAiBA,CAC5BC,EACAC,EACAC,KAEA,GAAKF,UAAAA,EAAYlF,OAAQ,MAAO,GAChC,IAAIqF,EAAoBH,EAAWI,KAAKxD,IAACyD,EAAAA,EAAAA,IAAAA,EAAAA,EAAAA,GAAA,GAAWzD,GAAC,IAAE0D,EAAG,EAAGC,EAAG,MAChE,GAAIJ,EAAQrF,SAAWmF,EAAOC,EAC5BC,EAAUA,EAAQC,KAAI,CAACxD,EAAG4D,KAACH,EAAAA,EAAAA,IAAAA,EAAAA,EAAAA,GAAA,GACtBzD,GAAC,IACJ0D,EAAIE,EAAIP,EAAQ,EAChBM,EAAGE,SAAS,GAADrF,OAAIoF,EAAIP,IAAU,UAE1B,CAGL,IAFA,IAAMS,EAAST,GAAQC,EAAO,GACxBS,EAAOR,EAAQrF,OAAS4F,EACrB9D,EAAI,EAAGA,EAAI8D,EAAQ9D,IAAK,CAC/B,IAAMgE,EAAIT,EAAQvD,GAClBgE,EAAEN,EAAK1D,EAAIqD,EAAQ,EACnBW,EAAEL,EAAIE,SAAS,GAADrF,OAAIwB,EAAIqD,IAAU,CAClC,CACA,IAAK,IAAIY,EAAI,EAAGA,EAAIF,EAAO,EAAGE,IAAK,CACjC,IAAMC,EAAIX,EAAQU,EAAIH,GACpBK,EAAIZ,EAAQA,EAAQrF,OAAS,EAAI+F,GACnCC,EAAER,EAAIO,EAAI,EACVC,EAAEP,EAAIL,EACFY,IAAMC,IACRA,EAAET,EAAIL,EAAOY,EACbE,EAAER,EAAIL,EAEV,CACF,CACA,OAAOC,CAAO,EAEHa,EAAoBA,CAC/BC,EACAC,EACAjB,EACAC,KAEA,IAAMiB,EAAW,IAAIC,EAAAA,IAKrB,OAJAD,EAASxF,SAAS2E,EAChBW,EAAKX,EAAIY,EAASG,YAAcpB,EAAO,EAAI,IAAOiB,EAASG,WAC7DF,EAASxF,SAAS4E,GACfU,EAAKV,EAAIW,EAASI,aAAepB,EAAO,EAAI,IAAOgB,EAASI,YACxDH,CAAQ,EAuBJI,EAAoBA,CAC/BN,EACAC,EACAjB,EACAC,EACAsB,EACAC,KAEA,IAAMN,EAAW,IAAIC,EAAAA,IACfM,EAAS,IAAI/G,EAAAA,IACbgB,EA9B4BgG,EAClCV,EACAC,EACAjB,EACAC,EACAsB,KAEA,IAAM7F,EAAqB,CACvB2E,EAAG,EACHC,EAAG,EACH3B,EAAG,GAELgD,EAAInB,SAAS,GAADrF,OAAI6E,EAAOiB,EAASG,WAAa,OAAUG,EAAQxE,KAAK0C,IACpEmC,EAAI5B,EAAO,EAAI,GAKjB,OAJAtE,EAAS2E,EAAIsB,EAAI5E,KAAK8E,IAAI9E,KAAK0C,IAAM,MAAQuB,EAAKX,EAAIuB,IAAML,EAAQvB,MACpEtE,EAAS4E,GACNU,EAAKV,EAAIW,EAASI,aAAepB,EAAO,EAAI,IAAOgB,EAASI,YAC/D3F,EAASiD,EAAIgD,EAAI5E,KAAKC,KAAK2E,EAAIA,EAAIjG,EAAS2E,EAAI3E,EAAS2E,GAClD3E,CAAQ,EAYEgG,CAAqBV,EAAMC,EAAUjB,EAAMC,EAAMsB,GAQlE,OAPAL,EAASxF,SAAS2E,EAAI3E,EAAS2E,EAC/Ba,EAASxF,SAAS4E,EAAI5E,EAAS4E,EAC/BY,EAASxF,SAASiD,EAAIjD,EAASiD,EAC/B8C,EAAOpB,EAAI,EACXoB,EAAOnB,EAAIY,EAASxF,SAAS4E,EAC7BmB,EAAO9C,EAAI6C,EACXN,EAASY,OAAOL,GACTP,CAAQ,EAEJa,EAAwBA,CACnCC,EACAC,EACAC,EACArH,KAEA,IAAM8G,EAAIM,EAAO/G,OAAS,EAAI+G,EAAOE,OACnCP,GAAKK,EAAOzD,MAAQ,EAAIyD,EAAOE,QAAUH,EAAOI,OAChD7B,EACG,GAAMxD,KAAKsF,IAAIT,EAAGD,GAAM5E,KAAKuF,IAAKN,EAAOO,IAAMxF,KAAK0C,GAAM,KAC3DwC,EAAOtD,EACP6D,EAAI,EAMR,GALAN,EAAeO,SAAQ,SAAUC,GAC/B7H,GAAUkC,KAAK4F,IAAIC,MAAM,KAAMF,EAAEG,WAC/BhI,EAASkC,KAAKsF,IAAIO,MAAM,KAAMF,EAAEG,YAC/BL,EAAIE,EAAEI,SACX,IACIN,EAAI,EAAG,OAAOzF,KAAKsF,IAAIG,EAAGjC,GAC9B,IAAMwC,EAAI,IAAMhG,KAAKiG,MAAMnI,EAAS,KAAO,IAAM,KACjD,OAAOkC,KAAKsF,IAAIU,EAAGxC,EAAE,EAEV0C,EAAkBA,CAC7BC,EACAC,KAEA,IAAMC,EAAwB,GACxBC,EAAWH,EAAOG,SAOxB,OANAC,MAAMC,QAAQJ,IACZA,EAActI,QACdsI,EAAcV,SAAQ,SAAUlC,GAC7B8C,EAASG,MAAQjD,EAAEkD,QAAUJ,EAASG,MAAQjD,EAAEmD,QAC/CN,EAAUO,KAAKpD,EACnB,IACK6C,CAAS,EAELQ,EAAsBC,IACjC,IAAMC,EAAQD,EAAEE,eAA6BC,MAC1CC,GAASA,aAAI,EAAJA,EAAMC,aAElB,GAAsB,kCAAlBJ,aAAI,EAAJA,EAAMK,SAA4C,OAAOL,EAC7D,IAAMM,EAAYrJ,SAASsJ,iBAAiBR,EAAES,QAAST,EAAEU,SACnDb,EAASU,aAAS,EAATA,EAAWF,WAAWG,iBACnCR,EAAES,QACFT,EAAEU,SAEJ,MAAwB,kCAApBb,aAAM,EAANA,EAAQS,SAAmDT,EACxD,IAAI,E,4BCzaPzC,EAAqB,CACzBzC,MAAO,IACPtD,OAAQ,IACRkG,WAAY,IACZC,YAAa,IACbmD,QAAS,IACTC,SAAU,KAENvC,EAAmC,CACvC,CACEW,SAAU,CAAC,EAAG,IACdC,SAAU,KAEZ,CACED,SAAU,CAAC,GAAI,IACfC,SAAU,MAEZ,CACED,SAAU,CAAC,GAAI,IACfC,SAAU,MAEZ,CACED,SAAU,CAAC,GAAI,KACfC,SAAU,MAEZ,CACED,SAAU,CAAC,IAAK,KAChBC,SAAU,MAEZ,CACED,SAAU,CAAC,IAAK,KAChBC,SAAU,OAGRP,EAAM,GACNhB,EAAQ,IACRmD,EAAa,IAEbC,EAAiB9J,IACrB,IAAMmF,EAAOjD,KAAKiG,KAChBjG,KAAKC,KAAMnC,EAASoG,EAASI,aAAgB,GAAMJ,EAASG,cAExDnB,EAAOlD,KAAKiG,KAAKnI,EAASmF,GAC1BwB,EACJhB,SAAS,GAADrF,OAAI6E,EAAOiB,EAASG,WAAa,OAAUG,EAAQxE,KAAK0C,IAKlE,MAAO,CACLO,OACAC,OACAuB,SACAS,OAAQ,CACNzD,MARF,EAAIgD,EAASzE,KAAK8E,IAAK9E,KAAK0C,IAAM8B,EAAQ,GAAM,KAAON,EAASG,WAS9DlG,OARW+E,EAAOgB,EAASI,YAS3Bc,OAAQ,IACRxD,EATM6C,EAASA,EAASzE,KAAK6H,IAAK7H,KAAK0C,IAAM8B,EAAQ,GAAM,MAW9D,EAGGsD,GAAoBC,EAAAA,EAAAA,WACxB,kCAGK,SAASC,EAAevI,GAC7B,IAAM,UACJ4G,EAAS,wBACT4B,EAAuB,YACvBC,EAAW,kBACXC,EAAiB,gBACjBC,EAAe,eACfC,GACE5I,GACG6I,EAAyBC,IAC9BC,EAAAA,EAAAA,UAAkB,MAGdC,GAAeC,EAAAA,EAAAA,UACfC,GAAaD,EAAAA,EAAAA,UACbE,GAAcF,EAAAA,EAAAA,UACdG,GAAUH,EAAAA,EAAAA,UACVI,GAAgBJ,EAAAA,EAAAA,UAEhBK,GAAcL,EAAAA,EAAAA,UACdM,GAAWN,EAAAA,EAAAA,UACXO,GAAYP,EAAAA,EAAAA,UACZQ,GAAcR,EAAAA,EAAAA,UACdS,GAAiBT,EAAAA,EAAAA,UACjBU,GAAaV,EAAAA,EAAAA,QAAgB,CACjCW,MAAO,GACPC,MAAO,KAEHC,GAAab,EAAAA,EAAAA,QAAsB,IACnCc,GAAiBd,EAAAA,EAAAA,QAAsB,IAEvCe,GAAYf,EAAAA,EAAAA,QAAmB,CACnCzF,KAAM,EACNC,KAAM,EACNuB,OAAQ,EACRS,OAAQ,CACNzD,MAAO,EACPtD,OAAQ,EACRiH,OAAQ,IACRxD,EAAG,KAGD8H,GAAiBhB,EAAAA,EAAAA,QAAuB,CAC5CiB,QAAS,KACTC,eAAgB,KAChBC,cAAe,KACfC,WAAY,KACZC,cAAe,KACfC,eAAe,EACfC,eAAe,EACfC,iBAAiB,EACjBC,QAAQ,IAGJC,GAASC,EAAAA,EAAAA,cAAY,KACzBtB,EAAYuB,QAAQF,OAAOpB,EAASsB,QAASrB,EAAUqB,QAAQ,GAC9D,IAiKGC,EAAuBC,IAAqC,IAAAC,EAChE,GAA2B,QAAvBA,EAACf,EAAeY,eAAO,IAAAG,IAAtBA,EAAwBd,QAAS,OAAOa,aAAU,EAAVA,IAC7C,IAAM,YACJE,EACAC,QAASC,EAAQ,WACjBC,GACEnB,EAAeY,QAAQX,QAE3B,IAAImB,EAAAA,GAAMJ,EAAYK,UACnBC,GACC,CACE1H,EAAGsH,EAASG,SAASzH,EACrBC,EAAGqH,EAASG,SAASxH,EACrB3B,EAAGgJ,EAASG,SAASnJ,GAEvB,KAEDxC,QACH,IAAI0L,EAAAA,GAAMJ,EAAYO,OACnBD,GACC,CACE1H,EAAG,EACHC,EAAG,EACH3B,EAAG,GAEL,KAEDxC,QACH,IAAI0L,EAAAA,GAAMJ,EAAY/L,UACnBqM,GACC,CACE1H,EAAGsH,EAASjM,SAAS2E,EACrBC,EAAGqH,EAASjM,SAAS4E,EACrB3B,EAAGgJ,EAASjM,SAASiD,GAEvB,KAEDsJ,SAASd,GACTe,SAAQ,KAAM,IAAAC,EACbV,EAAYf,QAAQtL,UAAUgN,OAAO,UAADjN,OACxByM,EAAWS,QAAU,SAAQ,UAEvB,QAAlBF,EAAA7B,EAAWe,eAAO,IAAAc,GAAlBA,EAAoB1F,SAAS6F,IAC3BA,EAAK5B,QAAQzL,MAAMsN,QAAU,GAAG,IAElChC,EAAec,QAAQ5E,SAASnH,IAC9ByK,EAASsB,QAAQe,OAAO9M,EAAW,IAErCiL,EAAec,QAAU,GACzBF,GAAQ,IAETI,YAAW,KAAM,IAAAiB,EAChB/B,EAAeY,QAAQJ,iBAAkB,EACzCM,SAAAA,EAAmC,QAAzBiB,EAAG/B,EAAeY,eAAO,IAAAmB,OAAA,EAAtBA,EAAwB9B,QAAQ,IAE9CvK,OAAO,EAGNsM,EAAYA,CAACC,EAAqBC,KACtClC,EAAeY,QAAQH,QAAS,EAChC,IAAK,IAAI3G,EAAI,EAAGA,EAAI+F,EAAWe,QAAQxM,OAAQ0F,IAAK,CAClD,IAAM2C,EAASoD,EAAWe,QAAQ9G,GAC5BmD,EAASgF,EAAQnI,GAEvB,IAAIsH,EAAAA,GAAM3E,EAAOxH,UACdqM,GACC,CACE1H,EAAGqD,EAAOhI,SAAS2E,EACnBC,EAAGoD,EAAOhI,SAAS4E,EACnB3B,EAAG+E,EAAOhI,SAASiD,GAErBiK,EAAAA,IAAAA,UAAoBD,EAAqB,EAAXA,IAE/BE,OAAOC,EAAAA,GAAAA,YAAAA,OACP3M,QAEH,IAAI0L,EAAAA,GAAM3E,EAAO4E,UACdC,GACC,CACE1H,EAAGqD,EAAOoE,SAASzH,EACnBC,EAAGoD,EAAOoE,SAASxH,EACnB3B,EAAG+E,EAAOoE,SAASnJ,GAErBiK,EAAAA,IAAAA,UAAoBD,EAAqB,EAAXA,IAE/BE,OAAOC,EAAAA,GAAAA,YAAAA,OACP3M,OACL,CAEA,IAAI0L,EAAAA,GAAM,CAAC,GACRE,GAAG,CAAC,EAAc,EAAXY,GACPV,SAASd,GACThL,QACAoL,YAAW,KACVd,EAAeY,QAAQH,QAAS,CAAI,GACpC,EA4DA6B,EAAsBC,IAC1B/C,EAAYoB,QAAQ4B,QACpB,IAAM/F,EAASuD,EAAeY,QAAQX,QAAQe,YACxC/D,EAAS+C,EAAeY,QAAQX,QAAQgB,QAC9CjB,EAAeY,QAAQH,QAAS,EAChCT,EAAeY,QAAQL,eAAgB,EAEvC,IAuDOkC,EAvDDC,EAAI,CACR9I,EAAGqD,EAAOhI,SAAS2E,EAAI,EAAI,GAAKY,EAASzC,MAAQ,EAAIyC,EAASzC,MAC9D8B,EAAG,EACH3B,GAAIqH,EAAUqB,QAAQ3L,SAASiD,EAAI,KAAO,KAEtCyK,EAAI,CACR/I,EAAG,EACHC,EAAG,EACH3B,EAAGqH,EAAUqB,QAAQ3L,SAASiD,EAAI,KAE9BiC,EAAI,CACRP,EAAG,EACHC,EAAGoD,EAAOoE,SAASxH,EAAI,EAAgB,IAAVvD,KAAK0C,GAAW,IAAiB,GAAV1C,KAAK0C,GAAW,IACpEd,EAAG,GAEChC,EAAI,CACR0D,EAAG,EACHC,EAAGoD,EAAOoE,SAASxH,EAAI,EAAgB,KAAVvD,KAAK0C,GAAY,IAAiB,IAAV1C,KAAK0C,GAAY,IACtEd,EAAG,GAEC4B,EAAI,IAAIsH,EAAAA,GAAM3E,EAAOxH,UACrB2N,EAAI,IAAIxB,EAAAA,GAAM3E,EAAO4E,UACrBtF,EAAI,IAAIqF,EAAAA,GAAM3E,EAAOxH,UACrBqH,EAAI,IAAI8E,EAAAA,GAAM3E,EAAO4E,UACvBkB,GAEFzI,EAAEwH,GAAGoB,EAAG,KACLN,SACAtB,YAAW,KACV1B,EAAcwB,QAAQiC,QAAS,EAC/B7C,EAAeY,QAAQX,QAAQzL,MAAMsN,QAAU,GAAG,IAEtDc,EAAEtB,GAAGnH,EAAG,KAAKiI,SACbrG,EAAEuF,GACA,CACE1H,EAAGqD,EAAOhI,SAAS2E,EACnBC,EAAGoD,EAAOhI,SAAS4E,EACnB3B,EAAG+E,EAAOhI,SAASiD,GAErB,KACAkK,SACF9F,EAAEgF,GACA,CACE1H,EAAGqD,EAAOoE,SAASzH,EACnBC,EAAGoD,EAAOoE,SAASxH,EACnB3B,EAAG+E,EAAOoE,SAASnJ,GAErB,KAECkK,SACAtB,YAAW,KAAM,IAAAgC,EACE,QAAlBA,EAAAjD,EAAWe,eAAO,IAAAkC,GAAlBA,EAAoB9G,SAAS6F,IAC3BA,EAAK5B,QAAQzL,MAAMsN,QAAU,GAAG,GAChC,MAIY,QAAlBW,EAAA5C,EAAWe,eAAO,IAAA6B,GAAlBA,EAAoBzG,SAAS6F,IACvBpF,GAAUoF,IACZA,EAAK5B,QAAQzL,MAAMsN,QAAU,MAC/B,IAEFhI,EAAEwH,GAAGoB,EAAG,KACLN,SACAX,SAAQ,KAEPtC,EAAQyB,QAAQiC,QAAS,EACzBzD,EAAcwB,QAAQiC,QAAS,CAAI,IAEvCD,EAAEtB,GAAGnH,EAAG,KAAKiI,SACbrG,EAAEuF,GAAGqB,EAAG,KACLP,SACAX,SAAQ,WACPzB,EAAeY,QAAQX,QAAQzL,MAAMsN,QAAU,IAC/C1C,EAAcwB,QAAQpM,MAAMuO,WAAa,2BACzC3D,EAAcwB,QAAQiC,QAAS,CACjC,IACFvG,EAAEgF,GAAGpL,EAAG,KAAKkM,UAEftI,EAAEkJ,MAAMjH,GAAGrG,QACXkN,EAAEI,MAAM1G,GAAG5G,QACX,IAAI0L,EAAAA,GAAM,CAAC,GACRE,GAAG,CAAC,EAAG,MACPE,UAAS,KAER,GADAd,IACIpK,KAAK2M,IAAIxG,EAAO4E,SAASxH,IAAMvD,KAAK0C,GAAK,EAAG,CAC9C,IAAMkK,EAAOlD,EAAeY,QAAQX,QAAQkD,wBACtC5B,EAAQ,KACRxJ,EAAQmL,EAAKnL,MAAQwJ,EACrB9M,EAASyO,EAAKzO,OAAS8M,EAC7BnC,EAAcwB,QAAQpM,MAAMuD,MAAQ,GAAHrD,OAAMqD,EAAK,MAC5CqH,EAAcwB,QAAQpM,MAAMC,OAAS,GAAHC,OAAMD,EAAM,MAC9C2K,EAAcwB,QAAQpM,MAAM4O,IAAM,GAAH1O,OAC7BwO,EAAKE,KAAQ7B,EAAQ,GAAK9M,EAAU,EAAC,MAEvC2K,EAAcwB,QAAQpM,MAAM6O,KAAO,GAAH3O,OAC9BwO,EAAKG,MAAS9B,EAAQ,GAAKxJ,EAAS,EAAC,KAEzC,KAEDrC,QACAoL,YAAW,WACVd,EAAeY,QAAQH,QAAS,EAChCT,EAAeY,QAAQL,eAAiBgC,EACxCpD,EAAQyB,QAAQiC,OAASN,CAC3B,GAAE,EAsQN,OA1OAe,EAAAA,EAAAA,YAAU,KAER,IAAIC,EApcOC,MACX,IAAMzL,EAAQ0L,OAAOC,WACfjP,EAASgP,OAAOE,YAChBhI,EAAS5D,EAAQtD,EAEjBmP,EAAW,IAAIC,EAAAA,GACrBD,EAASE,QAAQ/L,EAAOtD,GACxBwK,EAAW2B,QAAQmD,gBAAgBH,EAASI,YAE5C,IAAMzI,EAAS,IAAI0I,EAAAA,IAAkBnI,EAAKH,EAAQ,GAAK,KAEjDuI,EAAW,IAAIC,EAAAA,EAAkB5I,EAAQqI,EAASI,YACxDE,EAASE,YAAc,GACvBF,EAASG,YAAc,IACvBH,EAASI,YAAc,IACvB,IAAMC,EAAQ,IAAIC,EAAAA,IAElBlF,EAASsB,QAAU2D,EACnBhF,EAAUqB,QAAUrF,EACpBiE,EAAYoB,QAAUsD,EACtB7E,EAAYuB,QAAUgD,CAAQ,EA+a9BJ,GAEA,IAAMiB,EAAUA,KACdlB,EAASmB,sBAAsBD,GAC/BE,EAAAA,GAAAA,SACAnF,EAAYoB,QAAQgE,QAAQ,EAE9BH,IAEA,IAAMI,EAAiBA,KACrBtF,EAAUqB,QAAQjF,OAAS8H,OAAOC,WAAaD,OAAOE,YACtDpE,EAAUqB,QAAQkE,yBAClBzF,EAAYuB,QAAQkD,QAAQL,OAAOC,WAAYD,OAAOE,aACtDjD,GAAQ,EAMV,OAHAlB,EAAYoB,QAAQmE,iBAAiB,SAAUrE,GAC/C+C,OAAOsB,iBAAiB,SAAUF,GAE3B,KACLpB,OAAOuB,oBAAoB,SAAUH,GACrCrF,EAAYoB,QAAQoE,oBAAoB,SAAUtE,GAClDlB,EAAYoB,QAAQqE,UACpBN,EAAAA,GAAAA,YACApF,EAAUqB,QAAQsE,QAClB5F,EAASsB,QAAQsE,QACjBC,qBAAqB5B,EAAO,CAC7B,GACA,KAEHD,EAAAA,EAAAA,YAAU,KAAM,IAAA8B,EACRhR,GAAyB,QAAhBgR,EAAArP,EAAMuD,kBAAU,IAAA8L,OAAA,EAAhBA,EAAkBhR,SAAU,EACvCA,EAAS,IAveWA,KACxB2L,EAAUa,QAAU1C,EAAc9J,EAAO,EAuevCiR,CAAiBjR,GACjBmL,EAAUqB,QAAQ3L,SAASiD,EAAIoD,EAC7BiE,EAAUqB,QACVb,EAAUa,QAAQpF,OAClBC,EACArH,GAEFmL,EAAUqB,QAAQkE,yBAClBtF,EAAYoB,QAAQ0E,UAAUpQ,KAAKqK,EAAUqB,QAAQ3L,UAErCoE,EACdtD,EAAMuD,WACNyG,EAAUa,QAAQrH,KAClBwG,EAAUa,QAAQpH,MAzdhBwC,SAAQ,CAACzB,EAAMT,KAAM,IAAAyL,EAAAC,EACnBvF,EAAU3L,SAASC,cACvB,gCAEF0L,EAAQ2B,OAASrH,EAAKqH,OACtB3B,EAAQwF,UAA8B,QAArBF,EAAGhL,EAAKmL,qBAAa,IAAAH,OAAA,EAAlBA,EAAoBE,UACxCxF,EAAQ0F,YAAgC,QAArBH,EAAGjL,EAAKmL,qBAAa,IAAAF,OAAA,EAAlBA,EAAoBG,YAC1C,IAAMC,EAAc,UAAHlR,QAAa6F,aAAI,EAAJA,EAAMqH,SAAU,UAC9C3B,EAAQrJ,UAAY,wBAAHlC,OAA2BkR,GAC5C3F,EAAQzL,MAAMuD,MAAQ,GAAHrD,OAAM8F,EAASzC,MAAK,MACvCkI,EAAQzL,MAAMC,OAAS,GAAHC,OAAM8F,EAAS/F,OAAM,MACzCwL,EAAQtL,UAAUC,IAAI,kBAEtB,IAAMiR,EAAY,IAAI/Q,EAAAA,GAAYmL,GAClC4F,EAAU5Q,SAAS4C,IACjB,IAAMvB,KAAKwP,SAAW,IACtB,IAAMxP,KAAKwP,SAAW,IACtB,IAAMxP,KAAKwP,SAAW,KAGxBxG,EAASsB,QAAQhM,IAAIiR,GACrBhG,EAAWe,QAAQ1D,KAAK2I,GAExB,IAAMlG,EAAQrF,EACZC,EACAC,EACAuF,EAAUa,QAAQrH,KAClBwG,EAAUa,QAAQpH,MAEpBkG,EAAWkB,QAAQjB,MAAMzC,KAAKyC,GAC9B,IAAMC,EAAQ/E,EACZN,EACAC,EACAuF,EAAUa,QAAQrH,KAClBwG,EAAUa,QAAQpH,KAClBsB,EACAiF,EAAUa,QAAQ7F,QAEpB2E,EAAWkB,QAAQhB,MAAM1C,KAAK0C,GAE9BiG,EAAUjJ,SAAWrC,EACrB0F,EAAQe,YAAc6E,EACtB5F,EAAQkB,WAAa5G,EACrB0F,EAAQgB,QAAUrB,CAAK,IAibvBoC,EAAUtC,EAAWkB,QAAQhB,MAAO,OAGtC,MAAO,KA7EPJ,EAAYoB,QAAQ4B,QACpBmC,EAAAA,GAAAA,YACA9E,EAAWe,QAAQlH,KAAKqC,IACtBuD,EAASsB,QAAQe,OAAO5F,EAAE,IAE5B8D,EAAWe,QAAU,GACrBlB,EAAWkB,QAAU,CACnBjB,MAAO,GACPC,MAAO,IAGTI,EAAeY,QAAU,CACvBX,QAAS,KACTC,eAAgB,KAChBC,cAAe,KACfC,WAAY,KACZC,cAAe,KACfI,QAAQ,EACRF,eAAe,EACfD,eAAe,EACfE,iBAAiB,EA0DN,CACZ,GACA,CAACzK,EAAMuD,cAEVgK,EAAAA,EAAAA,YAAU,KACR,IAAM3L,EAAYoH,EAAa6B,QACzBmF,EAAmB3I,IAEvB,GADA4I,aAAahG,EAAeY,QAAQV,gBAElCF,EAAeY,QAAQL,eACvBP,EAAeY,QAAQN,gBACtBN,EAAeY,QAAQH,OAExB,OAAO,EACT,IAAMxD,EAASE,EAAmBC,GAClC4C,EAAeY,QAAQV,eAAiBuD,OAAOwC,YAAW,KACxDpF,GAAoB,KAClB5D,IACG+C,EAAeY,QAAQL,eA9ZEtD,KAClC,IAAM,YAAE+D,EAAW,WAAEG,GAAelE,EAC9BiJ,EAAYlF,EAAYK,SAASxH,EACjC5E,EAAqB,CACzB2E,EAAGoH,EAAY/L,SAAS2E,EAAI,GAAKtD,KAAK8E,IAAI8K,GAC1CrM,EAAGmH,EAAY/L,SAAS4E,EAAI,GAC5B3B,EAAG8I,EAAY/L,SAASiD,EAAI,IAAM5B,KAAK6H,IAAI+H,IAEvC3E,EAAQ,KACdvB,EAAeY,QAAQJ,iBAAkB,EACzC,IAAIY,EAAAA,GAAMJ,EAAYK,UACnBC,GACC,CACE1H,EAAG,EACHC,EAAG,EACH3B,EAAG,GAEL,KAEDuJ,SAAQ,KACPT,EAAYf,QAAQtL,UAAUC,IAAI,UAADF,OACrByM,EAAWS,QAAU,SAAQ,SACxC,IAEFlM,QACH,IAAI0L,EAAAA,GAAMJ,EAAYO,OACnBD,GACC,CACE1H,EAAG2H,EACH1H,EAAG0H,EACHrJ,EAAGqJ,GAEL,KAED7L,QACH,IAAI0L,EAAAA,GAAMJ,EAAY/L,UACnBqM,GAAGrM,EAAU,KACbuM,SAASd,GACTI,YAAW,WA3EarE,MAAwB0J,EAG/CtR,EAAyBuR,EAFvBC,EACAzJ,EADAyJ,EAAe7J,EADMC,EA6EHuE,EA5EqBrE,GACvCC,EAAWH,EAAOG,SAExByJ,SAAAA,EAAcrK,SAASsK,IACjBA,EAAStJ,SAAWJ,EAASG,KAE/BqJ,EAAavG,EAAWe,QAAQrD,MAC7BxB,GAAMA,EAAEa,SAASG,MAAQuJ,EAASrJ,SAErCpI,EACEuR,GACAxS,EAAmB6I,EAAOxH,SAAUmR,EAAWnR,SAAU,UAE3DmR,EAAavG,EAAWe,QAAQrD,MAC7BxB,GAAMA,EAAEa,SAASG,MAAQuJ,EAAStJ,SAErCnI,EACEuR,GACAxS,EAAmBwS,EAAWnR,SAAUwH,EAAOxH,SAAU,WAExDJ,IACLiL,EAAec,QAAQ1D,KAAKrI,GAC5ByK,EAASsB,QAAQhM,IAAIC,GAAW,IAEhB,QAAlBsR,EAAAtG,EAAWe,eAAO,IAAAuF,GAAlBA,EAAoBnK,SAAS6F,IAEzBpF,GAAUoF,GACVwE,EAAaE,OACV3D,GAAMA,EAAE5F,QAAU6E,EAAKjF,SAASG,KAAO6F,EAAE3F,QAAU4E,EAAKjF,SAASG,QAGpE8E,EAAK5B,QAAQzL,MAAMsN,QAAU,MAC/B,IA6CEpB,IACAV,EAAeY,QAAQX,QAAUhD,CACnC,IACCvH,OAAO,EAmXF8Q,CAA2BvJ,GAC7B+I,aAAahG,EAAeY,QAAQV,eAAe,GACnD,GACD,IAAI,EAEHuG,EAAerJ,IAGnB,GAFA4I,aAAahG,EAAeY,QAAQR,YACpC4F,aAAahG,EAAeY,QAAQV,gBAElCF,EAAeY,QAAQL,eACvBP,EAAeY,QAAQN,gBACtBN,EAAeY,QAAQH,OAExB,OAAO,EAET,IAAMxD,EAASE,EAAmBC,GAClC4C,EAAeY,QAAQR,WAAaqD,OAAOwC,YAAW,WACpDD,aAAahG,EAAeY,QAAQV,gBACpCW,GAAoB,KACd5D,IACF+I,aAAahG,EAAeY,QAAQR,YACpC4F,aAAahG,EAAeY,QAAQV,gBACpC9C,EAAEsJ,kBACF1G,EAAeY,QAAQX,QAAUhD,EACjC4B,EAA2B5B,EAAOkE,YAClCmB,GAAmB,GACrB,GAEJ,GAAG,IAAI,EAEHqE,EAAiBvJ,IAIrB,GAHA4I,aAAahG,EAAeY,QAAQR,YACpC4F,aAAahG,EAAeY,QAAQV,gBACpC8F,aAAahG,EAAeY,QAAQP,eAElCL,EAAeY,QAAQL,eACvBP,EAAeY,QAAQN,gBACtBN,EAAeY,QAAQH,OAExB,OAAO,EAET,IAAMxD,EAASE,EAAmBC,IAC5B,WAAE+D,EAAU,YAAEH,GAAgB/D,EACpC+C,EAAeY,QAAQN,eAAgB,EACvCN,EAAeY,QAAQP,cAAgBoD,OAAOwC,YAAW,WACvDpF,GAAoB,KAAM,IAAA+F,EAAAC,EACxB,GACErI,IAC2B,QAA3BoI,EAAAzF,EAAW2F,wBAAgB,IAAAF,GAAU,QAAVC,EAA3BD,EAA6BvP,gBAAQ,IAAAwP,OAAV,EAA3BA,EAAuCzS,QAAS,EAEhDqK,EAAkB0C,GAClBnB,EAAeY,QAAQN,eAAgB,OAEvC,GAAIrD,EAAQ,CACV+I,aAAahG,EAAeY,QAAQV,gBACpC8F,aAAahG,EAAeY,QAAQR,YACpCnB,EAAW2B,QAAQjM,UAAUC,IAAI,kBACjC4K,EAAYoB,QAAQ4B,QACpB,IAQMtI,EAAI,CACRN,EAAGoH,EAAY/L,SAAS2E,EACxBC,EACE,IACAW,EAAS/F,QAAUsL,EAAUa,QAAQpH,KAAO2H,EAAWtH,IAErDqB,EAAI,IAAIkG,EAAAA,GAAM7B,EAAUqB,QAAQ3L,UAChCkG,EAAI,IAAIiG,EAAAA,GAfO,CACnBU,QAAS,EACTP,MAAO,EACPwF,gBAAiB,EACjBC,iBAAkB,EAClBC,eAAgB,EAChBC,kBAAmB,IAUfpN,EAAI,IAAIsH,EAAAA,GAAM,CAClBlJ,EAAG,IAEC0K,EAAI,IAAIxB,EAAAA,GAAM7B,EAAUqB,QAAQ3L,UAChC8G,EAAI,IAAIqF,EAAAA,GAAM5B,EAAYoB,QAAQ3D,QAClCX,EAAI,IAAI8E,EAAAA,GAAM,CAClB+F,KAAM,GACNC,OAAQ,IAEVpF,EAAUtC,EAAWkB,QAAQjB,MAAO,KACpCzE,EAAEoG,GACA,CACE1H,EAAG,EACHC,GAAI,KACJ3B,EAAG,MAEL,KACA8K,MAAM1G,EAAGnB,EAAGrB,GACdqB,EAAEmG,GACA,CACEQ,QAAS,GAEX,KACAL,SAAQ,KAAM,IAAA4F,EAAAC,EAAAC,EAAAC,EAAAC,EACR7P,EAAkBV,EAAwB,CAC9CC,WAAY,CACVY,MAAOyC,EAASzC,MAChBtD,OAAQ+F,EAAS/F,OACjBqD,MAAO,CACLkJ,EAAY/L,SAAS2E,EACrBoH,EAAY/L,SAAS4E,EACrBmH,EAAY/L,SAASiD,IAGzBb,SAAqC,QAA7BgQ,EAAElG,EAAW2F,wBAAgB,IAAAO,OAAA,EAA3BA,EAA6BhQ,SACvCC,QAAoC,QAA7BgQ,EAAEnG,EAAW2F,wBAAgB,IAAAQ,OAAA,EAA3BA,EAA6BhQ,QACtCI,QAAoC,QAA7B6P,EAAEpG,EAAW2F,wBAAgB,IAAAS,OAAA,EAA3BA,EAA6B7P,QACtCN,YAAwC,QAA7BoQ,EAAErG,EAAW2F,wBAAgB,IAAAU,OAAA,EAA3BA,EAA6BpQ,YAC1CI,aAAyC,QAA7BiQ,EAAEtG,EAAW2F,wBAAgB,IAAAW,OAAA,EAA3BA,EAA6BjQ,aAC3CC,aAAcA,IAAMiH,EAAgByC,GACpC5J,YAAaA,IAAMoH,EAAewC,KAEpC1B,EAAemB,QAAUhJ,EACzB0H,EAASsB,QAAQhM,IAAIgD,EAAgB,IAEvCkC,EAAEwH,GACA,CACEpJ,EAAG+F,GAEL,KAECyJ,MAAM,KACN1E,MAAMJ,EAAG7G,GAEZ6G,EAAEtB,GACA,CACE1H,EAAGM,EAAEN,EACLC,GAAI,KAAOK,EAAEL,GAEf,KAEFkC,EAAEuF,GACA,CACE1H,EAAGM,EAAEN,EACLC,EAAGK,EAAEL,GAEP,KACAiH,YAAW,WACX5B,EAAY0B,QAAQpM,MAAMmT,WAAa,SACzC,IACAzM,EAAExF,OACJ,CACF,GAEJ,GAAG,IAAI,EAMT,OAHAiC,EAAUoN,iBAAiB,WAAY4B,GACvChP,EAAUoN,iBAAiB,QAAS0B,GACpC9O,EAAUoN,iBAAiB,YAAagB,GACjC,KACLpO,EAAUqN,oBAAoB,YAAae,GAC3CpO,EAAUqN,oBAAoB,QAASyB,GACvC9O,EAAUqN,oBAAoB,WAAY2B,EAAc,CACzD,GACA,IAGDiB,IAAAA,cAAA,OAAKhR,UAAU,oBAAoBiR,IAAK9I,GACtC6I,IAAAA,cAAA,OAAKhR,UAAU,UAAUiR,IAAK5I,IAC9B2I,IAAAA,cAAA,OACEhR,UAAU,OACViR,IAAK1I,EACL2I,QAASA,KACP9H,EAAeY,QAAQH,QAAU6B,GAAmB,EAAK,EAE3DO,QAAQ,GAER+E,IAAAA,cAACxJ,GAAiB2J,EAAAA,EAAAA,GAAA,GACZnJ,aAAuB,EAAvBA,EAAyBoJ,gBAAe,CAC5CF,QAAU1K,GAAMA,EAAEsJ,kBAClBD,YAAaA,IAAMlI,EAAwBK,GAC3CiJ,IAAKzI,EACLxI,UAAWqR,IAAW,CACpBC,YAAiD,YAApCtJ,aAAuB,EAAvBA,EAAyBgD,QACtCuG,eAAoD,aAApCvJ,aAAuB,EAAvBA,EAAyBgD,cAI/CgG,IAAAA,cAAA,OACEhR,UAAU,WACViR,IAAK3I,EACL4I,QAASA,KAxcIM,MACjBzD,EAAAA,GAAAA,YACA,IAGEvH,EAAI,IAAIgE,EAAAA,GAAM,CACZlJ,EAAG,IAELgD,EAAI,IAAIkG,EAAAA,GANA,CACNU,QAAS,IAMX3G,EAAI,IAAIiG,EAAAA,GAAM7B,EAAUqB,QAAQ3L,UAChC6E,EAAI,IAAIsH,EAAAA,GAAM5B,EAAYoB,QAAQ3D,QAClC2F,EAAI,IAAIxB,EAAAA,GAAM,CACZ+F,KAAM,KACNC,OAAQ,MAEZhK,EAAEkE,GACA,CACEpJ,EAAG+F,GAEL,KACA+E,MAAM7H,EAAGrB,EAAG8I,GACd1H,EAAEoG,GACA,CACEQ,QAAS,GAEX,KAECL,SAAQ,KACPnC,EAASsB,QAAQe,OAAOlC,EAAemB,SACvC1B,EAAY0B,QAAQpM,MAAMmT,WAAa,QAAQ,IAEhDD,MAAM,KAETvM,EAAEmG,GAAG9B,EAAYoB,QAAQ0E,UAAW,KAAKxE,YAAW,WAClDtB,EAAYoB,QAAQ4B,QACpBvD,EAAW2B,QAAQjM,UAAUgN,OAAO,kBACpCK,EAAUtC,EAAWkB,QAAQhB,MAAO,KACpCI,EAAeY,QAAQN,eAAgB,CACzC,IACAxG,EAAEwH,GACA,CACE1H,EAAG,EACHC,EAAG,EACH3B,EAAG,GAEL,KAEF0K,EAAEtB,GACA,CACE6F,KAAM,EACNC,OAAQ,GAEV,KAEFhK,EAAE1H,QACFwF,EAAExF,OAAO,EAkZH0S,EAAY,IAKtB,C,mECl3BIC,E,MAA0B,GAA4B,KAE1DA,EAAwBnL,KAAK,CAACoL,EAAOC,GAAI,wsFAA2sF,KAEpvF,QAAeF,EAAwBG,U,mECJnCH,E,MAA0B,GAA4B,KAE1DA,EAAwBnL,KAAK,CAACoL,EAAOC,GAAI,otDAAqtD,KAE9vD,QAAeF,EAAwBG,U,mECJnCH,E,MAA0B,GAA4B,KAE1DA,EAAwBnL,KAAK,CAACoL,EAAOC,GAAI,24BAA44B,KAEr7B,QAAeF,EAAwBG,U,mECJnCH,E,MAA0B,GAA4B,KAE1DA,EAAwBnL,KAAK,CAACoL,EAAOC,GAAI,unCAAwnC,KAEjqC,QAAeF,EAAwBG,U,mECJnCH,E,MAA0B,GAA4B,KAE1DA,EAAwBnL,KAAK,CAACoL,EAAOC,GAAI,0+HAA2+H,KAEphI,QAAeF,EAAwBG,U","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 {\n  Vector3,\n  Object3D,\n  Quaternion,\n  Vector3Tuple,\n  PerspectiveCamera,\n} 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 {\n  AppWallRelationLine,\n  AppWallRelationLineProps,\n} from \"./relation-line/index.js\";\nimport type { SystemCardProps } from \"./system-card/index.js\";\nimport {\n  TrapezoidalObjectProps,\n  TrapezoidalProps,\n  bounds,\n  CardSize,\n  DistanceConfig,\n  Position,\n  Target,\n  Ele,\n} from \"./interface.js\";\nimport { CabinetThumbnail } from \"../cabinet/cabinet-thumbnail/index.jsx\";\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 = (\n  sourceVector: Vector3,\n  targetVector: Vector3,\n  lightColor: AppWallRelationLineProps[\"lightColor\"]\n): CSS3DObject => {\n  const subVector = new Vector3().subVectors(targetVector, sourceVector);\n  const lineLength = subVector.length();\n\n  const lineElement = document.createElement(\n    \"data-view.app-wall-relation-line\"\n  ) 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(\n    sourceVector,\n    targetVector,\n    0.5\n  );\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(\n    new Vector3(0, 1, 0).normalize(),\n    subVector.clone().normalize()\n  );\n  lineObject.setRotationFromQuaternion(quaternion);\n\n  return lineObject;\n};\n\nexport const getCenterPointOrSubPoint = (\n  start: Vector3Tuple,\n  end: Vector3Tuple\n) => {\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 ${\n    TH / 2 - BH / 2\n  }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(\n    new Vector3(1, 0, 0).normalize(),\n    subVector.clone().normalize()\n  );\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, ${\n    TW / 2 - BW / 2 + BW\n  }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 { centerVector, subVector } = getCenterPointOrSubPoint(start, end);\n  objectCantModel.position.copy(centerVector);\n  const topQuaternion = new Quaternion().setFromUnitVectors(\n    new Vector3(0, -1, 0).normalize(),\n    subVector.clone().normalize()\n  );\n  objectCantModel.setRotationFromQuaternion(topQuaternion);\n  return objectCantModel;\n};\n/**\n * 创建梯台模型\n * @param props\n * @returns\n */\nexport const createTrapezoidalObject = (props: TrapezoidalObjectProps) => {\n  const {\n    objectData,\n    leftBtnName,\n    clusters,\n    columns,\n    leftOnClick,\n    rightBtnName,\n    rightOnClick,\n    appName,\n  } = 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,\n    BH: number = objectData.height,\n    TW = 1500,\n    TH = 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(\n    \"data-view.cabinet-thumbnail\"\n  ) 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,\n    TW,\n    BH,\n    TH,\n    d,\n    isLeft: true,\n  }); //斜面右边\n  const objectCantRightModel = createTrapezoidalRightOrLeftElement({\n    BW,\n    TW,\n    BH,\n    TH,\n    d,\n    isLeft: false,\n  }); //斜面右边\n  const objectCantTopModel = createTrapezoidalTopOrBottomElement({\n    BW,\n    TW,\n    BH,\n    TH,\n    d,\n    isTop: true,\n  }); //斜面前边\n  const objectCantBottomModel = createTrapezoidalTopOrBottomElement({\n    BW,\n    TW,\n    BH,\n    TH,\n    d,\n    isTop: false,\n  }); //斜面后面\n  objectContainer.add(\n    objectCantLeftModel,\n    objectCantRightModel,\n    objectCantBottomModel,\n    objectCantTopModel\n  );\n  if (leftBtnName) {\n    const btnLeft = document.createElement(\"div\");\n    btnLeft.style.cssText = `\n                 color: #6BE0FA;\n                 font-size: 28px;\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.onpointerdown = leftOnClick;\n  }\n  if (rightBtnName) {\n    const btnRight = document.createElement(\"div\");\n    btnRight.style.cssText = `\n                 color: #FFFFFF;\n                 font-size: 30px;\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    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.onpointerdown = 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 = (\n  dataSource: AppData[],\n  maxX: number,\n  maxY: number\n) => {\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 = (\n  data: Target,\n  cardSize: CardSize,\n  maxX: number,\n  maxY: number\n) => {\n  const object3D = new Object3D();\n  object3D.position.x =\n    data.x * cardSize.outerWidth - (maxX / 2 + 0.5) * cardSize.outerWidth;\n  object3D.position.y =\n    -data.y * cardSize.outerHeight + (maxY / 2 + 0.5) * cardSize.outerHeight;\n  return object3D;\n};\n\nexport const computeCurvePosition = (\n  data: Target,\n  cardSize: CardSize,\n  maxX: number,\n  maxY: number,\n  angle: number\n) => {\n  const position: Position = {\n      x: 0,\n      y: 0,\n      z: 0,\n    },\n    n = parseInt(`${maxX * cardSize.outerWidth * 180}`) / (angle * Math.PI),\n    a = maxX / 2 + 0.5;\n  position.x = n * Math.sin(Math.PI / (180 / ((data.x - a) * (angle / maxX))));\n  position.y =\n    -data.y * cardSize.outerHeight + (maxY / 2 + 0.5) * cardSize.outerHeight;\n  position.z = n - Math.sqrt(n * n - position.x * position.x);\n  return position;\n};\nexport const createCurveTarget = (\n  data: Target,\n  cardSize: CardSize,\n  maxX: number,\n  maxY: number,\n  angle: number,\n  radius: number\n) => {\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 computeCameraDistance = (\n  camera: PerspectiveCamera,\n  bounds: bounds,\n  distanceConfig: DistanceConfig[],\n  length: number\n) => {\n  const n = bounds.height + 2 * bounds.margin,\n    a = (bounds.width + 2 * bounds.margin) / camera.aspect,\n    i =\n      (0.5 * Math.max(a, n)) / Math.tan((camera.fov * Math.PI) / 360) +\n      bounds.z;\n  let o = 0;\n  distanceConfig.forEach(function (t) {\n    length >= Math.min.apply(null, t.numRange) &&\n      length < Math.max.apply(null, t.numRange) &&\n      (o = t.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};\nexport const getAppRelations = (\n  object: CSS3DObject,\n  relationsData: Relation[]\n) => {\n  const relations: Relation[] = [];\n  const userData = object.userData;\n  Array.isArray(relationsData) &&\n    relationsData.length &&\n    relationsData.forEach(function (i) {\n      (userData.key !== i.source && userData.key !== i.target) ||\n        relations.push(i);\n    });\n  return relations;\n};\nexport const findElementByEvent = (e: MouseEvent) => {\n  const path = (e.composedPath() as Element[]).find(\n    (node) => node?.shadowRoot\n  ) 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(\n    e.clientX,\n    e.clientY\n  ) as Ele;\n  if (target?.tagName === \"DATA-VIEW.APP-WALL-CARD-ITEM\") return target;\n  return null;\n};\n","/* istanbul ignore next */\nimport React, {\n  ReactElement,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { MathUtils, Object3D, PerspectiveCamera, Scene } from \"three\";\nimport {\n  CSS3DObject,\n  CSS3DRenderer,\n} 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 {\n  BaseConfig,\n  CardSize,\n  DistanceConfig,\n  Ele,\n  Position,\n  RegisterEvents,\n  Target,\n  Targets,\n} from \"./interface.js\";\nimport {\n  AppData,\n  computeCameraDistance,\n  createCurveTarget,\n  createTableTarget,\n  createTrapezoidalObject,\n  setAppPosition,\n  createRelationLine,\n  getAppRelations,\n  findElementByEvent,\n} 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\";\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  {\n    numRange: [0, 40],\n    distance: 3000,\n  },\n  {\n    numRange: [40, 60],\n    distance: 2200,\n  },\n  {\n    numRange: [60, 80],\n    distance: 2700,\n  },\n  {\n    numRange: [80, 120],\n    distance: 3200,\n  },\n  {\n    numRange: [120, 160],\n    distance: 3400,\n  },\n  {\n    numRange: [160, 300],\n    distance: 3600,\n  },\n];\nconst fov = 45;\nconst angle = 100;\nconst panelSpace = 300;\n\nconst getViewBounds = (length: number) => {\n  const maxX = Math.ceil(\n    Math.sqrt((length * cardSize.outerHeight) / (0.4 * cardSize.outerWidth))\n  );\n  const maxY = Math.ceil(length / maxX);\n  const radius =\n    parseInt(`${maxX * cardSize.outerWidth * 180}`) / (angle * Math.PI);\n  const width =\n    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\nconst WrappedSystemCard = wrapBrick<SystemCard, SystemCardProps>(\n  \"data-view.app-wall-system-card\"\n);\n\nexport function AppWallElement(props: AppWallProps): ReactElement {\n  const {\n    relations,\n    onSystemCardButtonClick,\n    useDblclick,\n    handleCardDbClick,\n    rightBtnOnClick,\n    leftBtnOnClick,\n  } = props;\n  const [curClickCardItemAppData, setCurClickCardItemAppData] =\n    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  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, 0.1, 10000);\n\n    const controls = new TrackballControls(camera, renderer.domElement);\n    controls.rotateSpeed = 0.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(\n        4e3 * Math.random() - 2e3,\n        4e3 * Math.random() - 2e3,\n        4e3 * Math.random() - 2e3\n      );\n\n      sceneRef.current.add(objectCSS);\n      objectsRef.current.push(objectCSS);\n\n      const table = createTableTarget(\n        data,\n        cardSize,\n        configRef.current.maxX,\n        configRef.current.maxY\n      );\n      targetsRef.current.table.push(table);\n      const curve = createCurveTarget(\n        data,\n        cardSize,\n        configRef.current.maxX,\n        configRef.current.maxY,\n        angle,\n        configRef.current.radius\n      );\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(\n          (o) => o.userData.key === relation.target\n        );\n        lineObject =\n          lineTarget &&\n          createRelationLine(object.position, lineTarget.position, \"blue\");\n      } else {\n        lineTarget = objectsRef.current.find(\n          (o) => o.userData.key === relation.source\n        );\n        lineObject =\n          lineTarget &&\n          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 (\n        object != item &&\n        curRelations.every(\n          (r) => r.source != item.userData.key && r.target != item.userData.key\n        )\n      ) {\n        item.element.style.opacity = \"0.2\";\n      }\n    });\n  };\n\n  const showElementBetweenRelation = (target: Ele) => {\n    const { __objectCSS, __userData } = target;\n    const rotationY = __objectCSS.rotation.y;\n    const position: Position = {\n      x: __objectCSS.position.x + 50 * Math.sin(rotationY),\n      y: __objectCSS.position.y + 15,\n      z: __objectCSS.position.z + 100 * Math.cos(rotationY),\n    };\n    const scale = 1.25;\n    registerEvents.current.isShowRelations = true;\n    new Tween(__objectCSS.rotation)\n      .to(\n        {\n          x: 0,\n          y: 0,\n          z: 0,\n        },\n        300\n      )\n      .onStart(() => {\n        __objectCSS.element.classList.add(\n          `status-${__userData.status || \"normal\"}-card`\n        );\n      })\n      .start();\n    new Tween(__objectCSS.scale)\n      .to(\n        {\n          x: scale,\n          y: scale,\n          z: scale,\n        },\n        300\n      )\n      .start();\n    new Tween(__objectCSS.position)\n      .to(position, 300)\n      .onUpdate(render)\n      .onComplete(function () {\n        //创建连线\n        createRelationLines(__objectCSS);\n        render();\n        registerEvents.current.element = target;\n      })\n      .start();\n  };\n\n  const restoreElementState = (onComplete?: (ele?: Ele) => void) => {\n    if (!registerEvents.current?.element) return onComplete?.();\n    const {\n      __objectCSS,\n      __curve: object3d,\n      __userData,\n    } = registerEvents.current.element;\n\n    new Tween(__objectCSS.rotation)\n      .to(\n        {\n          x: object3d.rotation.x,\n          y: object3d.rotation.y,\n          z: object3d.rotation.z,\n        },\n        300\n      )\n      .start();\n    new Tween(__objectCSS.scale)\n      .to(\n        {\n          x: 1,\n          y: 1,\n          z: 1,\n        },\n        300\n      )\n      .start();\n    new Tween(__objectCSS.position)\n      .to(\n        {\n          x: object3d.position.x,\n          y: object3d.position.y,\n          z: object3d.position.z,\n        },\n        300\n      )\n      .onUpdate(render)\n      .onStart(() => {\n        __objectCSS.element.classList.remove(\n          `status-${__userData.status || \"normal\"}-card`\n        );\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      })\n      .onComplete(() => {\n        registerEvents.current.isShowRelations = false;\n        onComplete?.(registerEvents.current?.element);\n      })\n      .start();\n  };\n\n  const transform = (targets: Object3D[], duration: number) => {\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          {\n            x: target.position.x,\n            y: target.position.y,\n            z: target.position.z,\n          },\n          MathUtils.randFloat(duration, duration * 2)\n        )\n        .easing(Easing.Exponential.InOut)\n        .start();\n\n      new Tween(object.rotation)\n        .to(\n          {\n            x: target.rotation.x,\n            y: target.rotation.y,\n            z: target.rotation.z,\n          },\n          MathUtils.randFloat(duration, duration * 2)\n        )\n        .easing(Easing.Exponential.InOut)\n        .start();\n    }\n\n    new Tween({})\n      .to({}, duration * 2)\n      .onUpdate(render)\n      .start()\n      .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      {\n        z: panelSpace,\n      },\n      1e3\n    ).chain(a, i, r);\n    n.to(\n      {\n        opacity: 0,\n      },\n      1e3\n    )\n      .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).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      {\n        x: 0,\n        y: 0,\n        z: 0,\n      },\n      1e3\n    );\n    r.to(\n      {\n        blur: 0,\n        spread: 0,\n      },\n      1e3\n    );\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)\n        .easing()\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        {\n          x: target.position.x,\n          y: target.position.y,\n          z: target.position.z,\n        },\n        700\n      ).easing();\n      s.to(\n        {\n          x: target.rotation.x,\n          y: target.rotation.y,\n          z: target.rotation.z,\n        },\n        700\n      )\n        .easing()\n        .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)\n        .easing()\n        .onStart(() => {\n          //为了飞出去的途中，不能在点击其他的卡片飞出来\n          maskRef.current.hidden = false;\n          systemCardRef.current.hidden = true;\n        });\n      r.to(h, 700).easing();\n      o.to(p, 500)\n        .easing()\n        .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({})\n      .to({}, 1400)\n      .onUpdate(() => {\n        render();\n        if (Math.abs(object.rotation.y) >= Math.PI / 2) {\n          const rect = registerEvents.current.element.getBoundingClientRect();\n          const scale = 1.35;\n          const width = rect.width * scale;\n          const height = rect.height * scale;\n          systemCardRef.current.style.width = `${width}px`;\n          systemCardRef.current.style.height = `${height}px`;\n          systemCardRef.current.style.top = `${\n            rect.top - ((scale - 1) * height) / 2\n          }px`;\n          systemCardRef.current.style.left = `${\n            rect.left - ((scale - 1) * width) / 2\n          }px`;\n        }\n      })\n      .start()\n      .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    if (length > 0) {\n      updateViewBounds(length);\n      cameraRef.current.position.z = computeCameraDistance(\n        cameraRef.current,\n        configRef.current.bounds,\n        distanceConfig,\n        length\n      );\n      cameraRef.current.updateProjectionMatrix();\n      controlsRef.current.position0.copy(cameraRef.current.position);\n\n      const appData = setAppPosition(\n        props.dataSource,\n        configRef.current.maxX,\n        configRef.current.maxY\n      );\n      createView(appData);\n      transform(targetsRef.current.curve, 1500);\n    }\n\n    return () => {\n      resetView();\n    };\n  }, [props.dataSource]);\n\n  useEffect(() => {\n    const container = containerRef.current;\n    const handleMouseover = (e: MouseEvent) => {\n      clearTimeout(registerEvents.current.mouseoverTimer);\n      if (\n        registerEvents.current.isShowAppInfo ||\n        registerEvents.current.isShowGraph3D ||\n        !registerEvents.current.enable\n      )\n        return false;\n      const target = findElementByEvent(e);\n      registerEvents.current.mouseoverTimer = window.setTimeout(() => {\n        restoreElementState(() => {\n          target &&\n            !registerEvents.current.isShowAppInfo &&\n            showElementBetweenRelation(target);\n          clearTimeout(registerEvents.current.mouseoverTimer);\n        });\n      }, 500);\n    };\n    const handleClick = (e: MouseEvent) => {\n      clearTimeout(registerEvents.current.clickTimer);\n      clearTimeout(registerEvents.current.mouseoverTimer);\n      if (\n        registerEvents.current.isShowAppInfo ||\n        registerEvents.current.isShowGraph3D ||\n        !registerEvents.current.enable\n      )\n        return false;\n\n      const target = findElementByEvent(e);\n      registerEvents.current.clickTimer = window.setTimeout(function () {\n        clearTimeout(registerEvents.current.mouseoverTimer);\n        restoreElementState(() => {\n          if (target) {\n            clearTimeout(registerEvents.current.clickTimer);\n            clearTimeout(registerEvents.current.mouseoverTimer);\n            e.stopPropagation();\n            registerEvents.current.element = target;\n            setCurClickCardItemAppData(target.__userData);\n            showAppInfoAnimate(false);\n          }\n        });\n      }, 300);\n    };\n    const handleDbClick = (e: MouseEvent) => {\n      clearTimeout(registerEvents.current.clickTimer);\n      clearTimeout(registerEvents.current.mouseoverTimer);\n      clearTimeout(registerEvents.current.dblClickTimer);\n      if (\n        registerEvents.current.isShowAppInfo ||\n        registerEvents.current.isShowGraph3D ||\n        !registerEvents.current.enable\n      )\n        return false;\n\n      const target = findElementByEvent(e);\n      const { __userData, __objectCSS } = target;\n      registerEvents.current.isShowGraph3D = true;\n      registerEvents.current.dblClickTimer = window.setTimeout(function () {\n        restoreElementState(() => {\n          if (\n            useDblclick ||\n            __userData.trapezoidalProps?.clusters?.length < 1\n          ) {\n            handleCardDbClick(__userData);\n            registerEvents.current.isShowGraph3D = false;\n          } else {\n            if (target) {\n              clearTimeout(registerEvents.current.mouseoverTimer);\n              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:\n                  860 +\n                  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                {\n                  x: 0,\n                  y: -3600,\n                  z: 1600,\n                },\n                1e3\n              ).chain(s, a, i);\n              a.to(\n                {\n                  opacity: 1,\n                },\n                700\n              ).onStart(() => {\n                const objectContainer = createTrapezoidalObject({\n                  objectData: {\n                    width: cardSize.width,\n                    height: cardSize.height,\n                    point: [\n                      __objectCSS.position.x,\n                      __objectCSS.position.y,\n                      __objectCSS.position.z,\n                    ],\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                {\n                  z: panelSpace,\n                },\n                1e3\n              )\n                .delay(230)\n                .chain(r, o);\n\n              r.to(\n                {\n                  x: u.x,\n                  y: -3600 + u.y,\n                },\n                1e3\n              );\n              o.to(\n                {\n                  x: u.x,\n                  y: u.y,\n                },\n                1e3\n              ).onComplete(function () {\n                closeBtnRef.current.style.visibility = \"visible\";\n              });\n              n.start();\n            }\n          }\n        });\n      }, 300);\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\n        className=\"mask\"\n        ref={maskRef}\n        onClick={() => {\n          registerEvents.current.enable && showAppInfoAnimate(true);\n        }}\n        hidden={true}\n      >\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\n        className=\"closeBtn\"\n        ref={closeBtnRef}\n        onClick={() => {\n          handeReset();\n        }}\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","onpointerdown","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","n","a","sin","lookAt","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","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","__objectCSS","__curve","object3d","__userData","Tween","rotation","to","scale","onUpdate","onStart","_objectsRef$current2","remove","status","item","opacity","_registerEvents$curre2","transform","targets","duration","MathUtils","easing","Easing","showAppInfoAnimate","toggle","reset","_objectsRef$current4","c","p","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","cardTitle","cardItemProps","description","statusClass","objectCSS","random","handleMouseover","clearTimeout","setTimeout","rotationY","_objectsRef$current","lineTarget","curRelations","relation","every","showElementBetweenRelation","handleClick","stopPropagation","handleDbClick","_userData$trapezoida","_userData$trapezoida$","trapezoidalProps","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth","blur","spread","_userData$trapezoida2","_userData$trapezoida3","_userData$trapezoida4","_userData$trapezoida5","_userData$trapezoida6","delay","visibility","React","ref","onClick","_extends","systemCardProps","classNames","infoWrapper","warningWrapper","handeReset","___CSS_LOADER_EXPORT___","module","id","toString"],"sourceRoot":""}

package/dist/chunks/5202.3b49eff5.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunk_next_bricks_data_view=self.webpackChunk_next_bricks_data_view||[]).push([[5202,4795,3914],{4795:(r,t,e)=>{function n(r,t,e,n,o,s,a){try{var i=r[s](a),c=i.value}catch(r){return void e(r)}i.done?t(c):Promise.resolve(c).then(n,o)}function o(r){return function(){var t=this,e=arguments;return new Promise((function(o,s){var a=r.apply(t,e);function i(r){n(a,o,s,i,c,"next",r)}function c(r){n(a,o,s,i,c,"throw",r)}i(void 0)}))}}e.d(t,{Z:()=>o})},90:(r,t,e)=>{function n(r,t){if(t.has(r))throw new TypeError("Cannot initialize the same private elements twice on an object")}e.d(t,{Z:()=>n})},175:(r,t,e)=>{function n(r,t,e){if(!t.has(r))throw new TypeError("attempted to "+e+" private field on non-instance");return t.get(r)}e.d(t,{Z:()=>n})},687:(r,t,e)=>{e.d(t,{Z:()=>o});var n=e(175);function o(r,t){return function(r,t){return t.get?t.get.call(r):t.value}(r,(0,n.Z)(r,t,"get"))}},3395:(r,t,e)=>{e.d(t,{Z:()=>o});var n=e(90);function o(r,t,e){(0,n.Z)(r,t),t.set(r,e)}},381:(r,t,e)=>{e.d(t,{Z:()=>o});var n=e(175);function o(r,t,e){return function(r,t,e){if(t.set)t.set.call(r,e);else{if(!t.writable)throw new TypeError("attempted to set read only private field");t.value=e}}(r,(0,n.Z)(r,t,"set"),e),e}},6171:(r,t,e)=>{function n(r,t,e){if(!t.has(r))throw new TypeError("attempted to get private field on non-instance");return e}e.d(t,{Z:()=>n})},5866:(r,t,e)=>{e.d(t,{Z:()=>o});var n=e(90);function o(r,t){(0,n.Z)(r,t),t.add(r)}},6666:(r,t,e)=>{e.d(t,{Z:()=>o});var n=e(5850);function o(r,t,e){return(t=(0,n.Z)(t))in r?Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[t]=e,r}},3028:(r,t,e)=>{e.d(t,{Z:()=>s});var n=e(6666);function o(r,t){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(r);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable}))),e.push.apply(e,n)}return e}function s(r){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?o(Object(e),!0).forEach((function(t){(0,n.Z)(r,t,e[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):o(Object(e)).forEach((function(t){Object.defineProperty(r,t,Object.getOwnPropertyDescriptor(e,t))}))}return r}},2159:(r,t,e)=>{function n(r,t){if(null==r)return{};var e,n,o=function(r,t){if(null==r)return{};var e,n,o={},s=Object.keys(r);for(n=0;n<s.length;n++)e=s[n],t.indexOf(e)>=0||(o[e]=r[e]);return o}(r,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(r);for(n=0;n<s.length;n++)e=s[n],t.indexOf(e)>=0||Object.prototype.propertyIsEnumerable.call(r,e)&&(o[e]=r[e])}return o}e.d(t,{Z:()=>n})},5850:(r,t,e)=>{e.d(t,{Z:()=>o});var n=e(6522);function o(r){var t=function(r,t){if("object"!==(0,n.Z)(r)||null===r)return r;var e=r[Symbol.toPrimitive];if(void 0!==e){var o=e.call(r,"string");if("object"!==(0,n.Z)(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(r)}(r);return"symbol"===(0,n.Z)(t)?t:String(t)}},6522:(r,t,e)=>{function n(r){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r},n(r)}e.d(t,{Z:()=>n})},5202:(r,t,e)=>{e.r(t),e.d(t,{HttpAbortError:()=>m,HttpFetchError:()=>d,HttpParseError:()=>v,HttpResponseError:()=>f,createHttpInstance:()=>_,defaultAdapter:()=>x,fetch:()=>n,getUrlWithParams:()=>S,http:()=>R,isHttpAbortError:()=>P});var n=(r,t)=>{var e=new Request(r,Object.assign({credentials:"same-origin"},t));return self.fetch(e)},o=e(5866),s=e(3395),a=e(6666),i=e(687),c=e(6171),u=e(381),l=e(3028),p=e(2159),h=e(4795);class d extends Error{constructor(r){super(r),this.name="HttpFetchError",Error.captureStackTrace&&Error.captureStackTrace(this,d)}}class f extends Error{constructor(r,t){super(r.statusText),(0,a.Z)(this,"response",void 0),(0,a.Z)(this,"responseJson",void 0),this.name="HttpResponseError",Error.captureStackTrace&&Error.captureStackTrace(this,f),this.response=r,this.responseJson=t}}class v extends Error{constructor(r){super(r.statusText),(0,a.Z)(this,"response",void 0),this.name="HttpParseError",Error.captureStackTrace&&Error.captureStackTrace(this,v),this.response=r}}class m extends Error{constructor(r){super(r),this.name="HttpAbortError"}}class y{constructor(){(0,a.Z)(this,"handlers",[])}use(r,t){return this.handlers.push({fulfilled:r,rejected:t}),this.handlers.length-1}eject(r){this.handlers[r]&&(this.handlers[r]=null)}forEach(r){this.handlers.forEach((t=>{null!==t&&r(t)}))}}var b=["params","responseType","interceptorParams","observe","noAbortOnRouteChange","useCache"],Z=["params","responseType","interceptorParams","observe","noAbortOnRouteChange","useCache","headers"],w=["body","method"];function E(r){return null==r}var g=document.querySelector("base"),O=g?g.href:location.origin+"/",P=r=>r instanceof DOMException&&20===r.code,j=(r,t)=>({error:r,config:t}),T=function(){var r=(0,h.Z)((function*(r,t,e){return new Promise(function(){var o=(0,h.Z)((function*(o,s){var a;e.url=r;var{responseType:i}=e.options||{};i||(i="json");try{a=yield n(r,t)}catch(r){return void s(j(P(r)?new m(r.toString()):new d(r.toString()),e))}if(a.ok){var c;try{c=yield a[i]()}catch(r){return void s(j(P(r)?new m(r.toString()):new v(a),e))}o({config:e,status:a.status,statusText:a.statusText,headers:a.headers,data:c})}else{var u;try{u=yield a.json()}catch(r){}s(j(new f(a,u),e))}}));return function(r,t){return o.apply(this,arguments)}}())}));return function(t,e,n){return r.apply(this,arguments)}}(),S=(r,t)=>{if(t){var e=new URL(r,O);t instanceof URLSearchParams?t.forEach((function(r,t){e.searchParams.append(t,r)})):Object.entries(t).forEach((r=>{var[t,n]=r;Array.isArray(n)?n.forEach((r=>{e.searchParams.append(t,E(r)?"":r)})):e.searchParams.append(t,E(n)?"":n)}));var{href:n}=e;return n.startsWith(O)?n.substr(O.length):n}return r},k=(r,t)=>{if(void 0!==r){var e=new Headers(t||{}),n="Content-Type",o=r;return e.has(n)||("string"==typeof r?e.set(n,"application/x-www-form-urlencoded"):r instanceof FormData||(e.set(n,"application/json"),o=JSON.stringify(r))),{body:o,headers:e}}return{headers:t}},x=r=>{var{url:t,method:e,data:n}=r;return["DELETE","GET","HEAD"].includes(r.method)?((r,t,e)=>{var n=e.options||{},{params:o,responseType:s,interceptorParams:a,observe:i,noAbortOnRouteChange:c,useCache:u}=n,h=(0,p.Z)(n,b);return T(S(t,o),(0,l.Z)((0,l.Z)({},h),{},{method:r}),e)})(e,t,r):((r,t,e,n)=>{var o=n.options||{},{params:s,responseType:a,interceptorParams:i,observe:c,noAbortOnRouteChange:u,useCache:h,headers:d}=o,f=(0,p.Z)(o,Z);return T(S(t,s),(0,l.Z)((0,l.Z)({},f),{},{method:r},k(e,d)),n)})(e,t,n,r)},H=new WeakMap,A=new WeakSet;class C{constructor(r){var t=this;(0,o.Z)(this,A),(0,a.Z)(this,"interceptors",void 0),(0,s.Z)(this,H,{writable:!0,value:x}),(0,a.Z)(this,"request",function(){var r=(0,h.Z)((function*(r,e,n){var o=e||{},{body:s,method:a}=o,i=(0,p.Z)(o,w);return(0,c.Z)(t,A,D).call(t,{url:r,data:s,method:a||"GET",options:(0,l.Z)((0,l.Z)({},n||{}),i)})}));return function(t,e,n){return r.apply(this,arguments)}}()),(0,a.Z)(this,"simpleRequest",(function(r,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return(0,c.Z)(t,A,D).call(t,{url:e,method:r,options:n})})),(0,a.Z)(this,"requestWithBody",(function(r,e,n){var o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};return(0,c.Z)(t,A,D).call(t,{url:e,method:r,data:n,options:o})})),this.interceptors={request:new y,response:new y},null!=r&&r.adapter&&(0,u.Z)(this,H,r.adapter)}getUrlWithParams(r,t){return S(r,t)}getBodyAndHeaders(r,t){return k(r,t)}get(r,t){return(0,c.Z)(this,A,D).call(this,{url:r,method:"GET",options:t})}delete(r,t){return(0,c.Z)(this,A,D).call(this,{url:r,method:"DELETE",options:t})}head(r,t){return(0,c.Z)(this,A,D).call(this,{url:r,method:"HEAD",options:t})}post(r,t,e){return(0,c.Z)(this,A,D).call(this,{url:r,method:"POST",data:t,options:e})}put(r,t,e){return(0,c.Z)(this,A,D).call(this,{url:r,method:"PUT",data:t,options:e})}patch(r,t,e){return(0,c.Z)(this,A,D).call(this,{url:r,method:"PATCH",data:t,options:e})}}function D(r){var t=[],e=Promise.resolve(r);for(this.interceptors.request.forEach((r=>{t.push(r.fulfilled,r.rejected)})),t.push((r=>(0,i.Z)(this,H).call(this,r)),void 0),this.interceptors.response.forEach((r=>{t.push(r.fulfilled,r.rejected)})),t.push((r=>{var t;return"response"===(null===(t=r.config.options)||void 0===t?void 0:t.observe)?r:r.data}),(r=>Promise.reject(r.error)));t.length;)e=e.then(t.shift(),t.shift());return e}var R=new C;function _(r){R=new C(r)}}}]);
+//# sourceMappingURL=5202.3b49eff5.js.map