@labelbee/lb-components 1.5.0 → 1.6.0-alpha.2

package/es/components/pointCloudView/PointCloud2DView.js

@@ -0,0 +1 @@
+import{getClassName as d}from"../../utils/dom.js";import o,{useState as f,useContext as y,useEffect as O}from"react";import{PointCloudContainer as h}from"./PointCloudLayout.js";import I from"../AnnotationView/index.js";import{PointCloudContext as V}from"./PointCloudContext.js";import{connect as b}from"react-redux";import{LeftOutlined as j,RightOutlined as D}from"@ant-design/icons";var N=Object.defineProperty,g=Object.getOwnPropertySymbols,S=Object.prototype.hasOwnProperty,A=Object.prototype.propertyIsEnumerable,v=(n,t,e)=>t in n?N(n,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):n[t]=e,R=(n,t)=>{for(var e in t||(t={}))S.call(t,e)&&v(n,e,t[e]);if(g)for(var e of g(t))A.call(t,e)&&v(n,e,t[e]);return n};const T=({onNext:n,onPrev:t,imgLength:e,imgIndex:l})=>o.createElement("div",null,o.createElement(j,{onClick:t}),o.createElement("span",null," ",l+1," / ",e," "),o.createElement(D,{onClick:n})),z=({imgInfo:n})=>{var t,e;const[l,C]=f([]),{pointCloudBoxList:c,topViewInstance:u}=y(V),[a,p]=f(0),r=(t=n==null?void 0:n.mappingImgList)==null?void 0:t[a];O(()=>{if(u&&r){const{pointCloudInstance:i}=u,w={fill:"transparent",color:"green"},E=c.reduce((_,x)=>{const L=i.pointCloudLidar2image(x,r.calib);return[..._,...L.map(m=>({type:m.type,annotation:R({pointList:m.pointList},w)}))]},[]);C(E)}},[c,r]);const P={width:700,height:400};if(!n)return o.createElement("div",null);const{mappingImgList:s}=n;return s?o.createElement(h,{className:d("point-cloud-2d-container"),title:"2D\u89C6\u56FE",toolbar:o.createElement(T,{imgIndex:a,imgLength:s.length,onNext:()=>{a>=s.length-1||p(i=>i+1)},onPrev:()=>{a<=0||p(i=>i-1)}})},o.createElement("div",{className:d("point-cloud-2d-image")},o.createElement(I,{src:(e=r==null?void 0:r.url)!=null?e:"",annotations:l,size:P}))):o.createElement("div",null)},B=n=>{const{imgList:t,imgIndex:e}=n.annotation;return{imgInfo:t[e]}};var F=b(B)(z);export{F as default};

package/es/components/pointCloudView/PointCloud2DView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PointCloud2DView.js","sources":["../../../src/components/pointCloudView/PointCloud2DView.tsx"],"sourcesContent":["import { getClassName } from '@/utils/dom';\nimport React, { useContext, useEffect, useState } from 'react';\nimport { PointCloudContainer } from './PointCloudLayout';\nimport AnnotationView from '@/components/AnnotationView';\nimport { PointCloudContext } from './PointCloudContext';\nimport { AppState } from '@/store';\nimport { connect } from 'react-redux';\nimport { IFileItem } from '@/types/data';\nimport { LeftOutlined, RightOutlined } from '@ant-design/icons';\n\ninterface IProps {\n  imgInfo: IFileItem;\n}\n\nconst Toolbar = ({\n  onNext,\n  onPrev,\n  imgLength,\n  imgIndex,\n}: {\n  onNext: () => void;\n  onPrev: () => void;\n  imgLength: number;\n  imgIndex: number;\n}) => {\n  return (\n    <div>\n      <LeftOutlined onClick={onPrev} />\n      <span>\n        {' '}\n        {imgIndex + 1} / {imgLength}{' '}\n      </span>\n\n      <RightOutlined onClick={onNext} />\n    </div>\n  );\n};\n\n// TODO, It will be deleted when the exported type of lb-annotation is work.\ninterface IAnnotationDataTemporarily {\n  type: string;\n  annotation: any;\n}\n\nconst PointCloud2DView = ({ imgInfo }: IProps) => {\n  const [annotations2d, setAnnotations2d] = useState<IAnnotationDataTemporarily[]>([]);\n  const { pointCloudBoxList, topViewInstance } = useContext(PointCloudContext);\n  const [mappingIndex, setMappingIndex] = useState(0);\n\n  const mappingData = imgInfo?.mappingImgList?.[mappingIndex];\n\n  useEffect(() => {\n    if (topViewInstance && mappingData) {\n      const { pointCloudInstance } = topViewInstance;\n      const defaultViewStyle = {\n        fill: 'transparent',\n        color: 'green',\n      };\n      const newAnnotations2d: IAnnotationDataTemporarily[] = pointCloudBoxList.reduce(\n        (acc: IAnnotationDataTemporarily[], pointCloudBox) => {\n          const viewDataPointList = pointCloudInstance.pointCloudLidar2image(\n            pointCloudBox,\n            mappingData.calib,\n          );\n          return [\n            ...acc,\n            ...viewDataPointList.map((v: any) => {\n              return {\n                type: v.type,\n                annotation: {\n                  pointList: v.pointList,\n                  ...defaultViewStyle,\n                },\n              };\n            }),\n          ];\n        },\n        [],\n      );\n      setAnnotations2d(newAnnotations2d);\n    }\n  }, [pointCloudBoxList, mappingData]);\n\n  const size = {\n    width: 700,\n    height: 400,\n  };\n\n  if (!imgInfo) {\n    return <div />;\n  }\n\n  const { mappingImgList } = imgInfo;\n\n  if (!mappingImgList) {\n    return <div />;\n  }\n\n  return (\n    <PointCloudContainer\n      className={getClassName('point-cloud-2d-container')}\n      title='2D视图'\n      toolbar={\n        <Toolbar\n          imgIndex={mappingIndex}\n          imgLength={mappingImgList.length}\n          onNext={() => {\n            if (mappingIndex >= mappingImgList.length - 1) {\n              return;\n            }\n            setMappingIndex((v) => v + 1);\n          }}\n          onPrev={() => {\n            if (mappingIndex <= 0) {\n              return;\n            }\n            setMappingIndex((v) => v - 1);\n          }}\n        />\n      }\n    >\n      <div className={getClassName('point-cloud-2d-image')}>\n        <AnnotationView src={mappingData?.url ?? ''} annotations={annotations2d} size={size} />\n      </div>\n    </PointCloudContainer>\n  );\n};\n\nconst mapStateToProps = (state: AppState) => {\n  const { imgList, imgIndex } = state.annotation;\n\n  return {\n    imgInfo: imgList[imgIndex],\n  };\n};\n\nexport default connect(mapStateToProps)(PointCloud2DView);\n"],"names":[],"mappings":"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"}

package/es/components/pointCloudView/PointCloud3DView.js

@@ -0,0 +1 @@
+import{getClassName as l}from"../../utils/dom.js";import{PointCloud as x}from"@labelbee/lb-annotation";import{PointCloudUtils as g,EPerspectiveView as v}from"@labelbee/lb-utils";import D from"classnames";import e,{useContext as d,useState as B,useRef as b,useEffect as w,useMemo as T}from"react";import{PointCloudContainer as L}from"./PointCloudLayout.js";import{PointCloudContext as N}from"./PointCloudContext.js";import{aMapStateToProps as h}from"../../store/annotation/map.js";import{connect as I}from"react-redux";import{jsonParser as S}from"../../utils/index.js";import{useSingleBox as j}from"./hooks/useSingleBox.js";import{Switch as R}from"antd";const k="LABELBEE-POINTCLOUD",p=e.createContext({isActive:!1,setTarget3DView:()=>{},reset3DView:()=>{}}),s=({perspectiveView:o})=>{const{isActive:i,setTarget3DView:m}=d(p),u=a=>D({[l("point-cloud-3d-view",a)]:!0,active:i});return e.createElement("span",{onClick:()=>{m(v[o])},className:u(o.toLocaleLowerCase())})},A=()=>{const{reset3DView:o}=d(p);return e.createElement("div",{className:l("point-cloud-3d-sidebar")},e.createElement(s,{perspectiveView:"Top"}),e.createElement(s,{perspectiveView:"Front"}),e.createElement(s,{perspectiveView:"Left"}),e.createElement(s,{perspectiveView:"Back"}),e.createElement(s,{perspectiveView:"Right"}),e.createElement(s,{perspectiveView:"LFT"}),e.createElement(s,{perspectiveView:"RBT"}),e.createElement("span",{onClick:()=>{o()},className:l("point-cloud-3d-view","reset")}))},F=({currentData:o})=>{const i=d(N),[m,u]=B(!0),a=b(null),{selectedBox:r}=j(),C=n=>{var t;const c=r==null?void 0:r.info;c&&((t=i.mainViewInstance)==null||t.updateCameraByBox(c,n))},f=()=>{var n;(n=i.mainViewInstance)==null||n.resetCamera()};w(()=>{var n;if(a.current&&(o==null?void 0:o.url)){let t=i.mainViewInstance;if(t||(t=new x({container:a.current,backgroundColor:"#4c4c4c"})),o.result){const c=g.getBoxParamsFromResultList(o.result);c.forEach(P=>{t==null||t.generateBox(P)}),i.setPointCloudResult(c),i.setPointCloudValid((n=S(o.result))==null?void 0:n.valid)}i.setMainViewInstance(t)}},[]),w(()=>{r&&C(v.Top)},[r]);const E=T(()=>({reset3DView:f,setTarget3DView:C,isActive:!!r}),[r]),V=e.createElement("div",null,e.createElement("span",{style:{marginRight:8}},"\u663E\u793A\u7BAD\u5934"),e.createElement(R,{size:"small",checked:m,onChange:n=>{var t;u(n),(t=i.mainViewInstance)==null||t.setShowDirection(n)}}));return e.createElement(L,{className:l("point-cloud-3d-container"),title:"3D\u89C6\u56FE",toolbar:V},e.createElement("div",{className:l("point-cloud-3d-content")},e.createElement(p.Provider,{value:E},e.createElement(A,null)),e.createElement("div",{className:l("point-cloud-3d-view"),id:k,ref:a})))};var _=I(h)(F);export{_ as default};

package/es/components/pointCloudView/PointCloud3DView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PointCloud3DView.js","sources":["../../../src/components/pointCloudView/PointCloud3DView.tsx"],"sourcesContent":["/*\n * @Author: Laoluo luozefeng@sensetime.com\n * @Date: 2022-06-13 19:31:36\n * @LastEditors: Laoluo luozefeng@sensetime.com\n * @LastEditTime: 2022-06-27 19:43:25\n */\n\nimport { getClassName } from '@/utils/dom';\nimport { PointCloud } from '@labelbee/lb-annotation';\nimport { EPerspectiveView, IPointCloudBox, PointCloudUtils } from '@labelbee/lb-utils';\nimport classNames from 'classnames';\nimport React, { useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport { PointCloudContainer } from './PointCloudLayout';\nimport { PointCloudContext } from './PointCloudContext';\nimport { aMapStateToProps, IAnnotationStateProps } from '@/store/annotation/map';\nimport { connect } from 'react-redux';\nimport { jsonParser } from '@/utils';\nimport { useSingleBox } from './hooks/useSingleBox';\nimport { Switch } from 'antd';\n\nconst pointCloudID = 'LABELBEE-POINTCLOUD';\nconst PointCloud3DContext = React.createContext<{\n  isActive: boolean;\n  setTarget3DView: (perspectiveView: EPerspectiveView) => void;\n  reset3DView: () => void;\n}>({\n  isActive: false,\n  setTarget3DView: () => {},\n  reset3DView: () => {},\n});\n\nconst PointCloudViewIcon = ({\n  perspectiveView,\n}: {\n  perspectiveView: keyof typeof EPerspectiveView;\n}) => {\n  const { isActive, setTarget3DView } = useContext(PointCloud3DContext);\n\n  const getTarget3DViewClassName = (position: string) => {\n    return classNames({\n      [getClassName('point-cloud-3d-view', position)]: true,\n      active: isActive,\n    });\n  };\n\n  return (\n    <span\n      onClick={() => {\n        setTarget3DView(EPerspectiveView[perspectiveView]);\n      }}\n      className={getTarget3DViewClassName(perspectiveView.toLocaleLowerCase())}\n    />\n  );\n};\n\nconst PointCloud3DSideBar = () => {\n  const { reset3DView } = useContext(PointCloud3DContext);\n  return (\n    <div className={getClassName('point-cloud-3d-sidebar')}>\n      <PointCloudViewIcon perspectiveView='Top' />\n      <PointCloudViewIcon perspectiveView='Front' />\n      <PointCloudViewIcon perspectiveView='Left' />\n      <PointCloudViewIcon perspectiveView='Back' />\n      <PointCloudViewIcon perspectiveView='Right' />\n      <PointCloudViewIcon perspectiveView='LFT' />\n      <PointCloudViewIcon perspectiveView='RBT' />\n      <span\n        onClick={() => {\n          reset3DView();\n        }}\n        className={getClassName('point-cloud-3d-view', 'reset')}\n      />\n    </div>\n  );\n};\n\nconst PointCloud3D: React.FC<IAnnotationStateProps> = ({ currentData }) => {\n  const ptCtx = useContext(PointCloudContext);\n  const [showDirection, setShowDirection] = useState(true);\n\n  const ref = useRef<HTMLDivElement>(null);\n  const { selectedBox } = useSingleBox();\n\n  const setTarget3DView = (perspectiveView: EPerspectiveView) => {\n    const box = selectedBox?.info;\n\n    if (box) {\n      ptCtx.mainViewInstance?.updateCameraByBox(box, perspectiveView);\n    }\n  };\n\n  const reset3DView = () => {\n    ptCtx.mainViewInstance?.resetCamera();\n  };\n\n  useEffect(() => {\n    if (ref.current && currentData?.url) {\n      let pointCloud = ptCtx.mainViewInstance;\n      if (!pointCloud) {\n        pointCloud = new PointCloud({\n          container: ref.current,\n          backgroundColor: '#4c4c4c',\n        });\n      }\n\n      if (currentData.result) {\n        const boxParamsList = PointCloudUtils.getBoxParamsFromResultList(currentData.result);\n\n        // Add Init Box\n        boxParamsList.forEach((v: IPointCloudBox) => {\n          pointCloud?.generateBox(v);\n        });\n\n        ptCtx.setPointCloudResult(boxParamsList);\n        ptCtx.setPointCloudValid(jsonParser(currentData.result)?.valid);\n      }\n\n      ptCtx.setMainViewInstance(pointCloud);\n    }\n  }, []);\n\n  /**\n   *  Observe selectedID and reset camera to target top-view\n   */\n  useEffect(() => {\n    if (selectedBox) {\n      setTarget3DView(EPerspectiveView.Top);\n    }\n  }, [selectedBox]);\n\n  const ptCloud3DCtx = useMemo(() => {\n    return { reset3DView, setTarget3DView, isActive: !!selectedBox };\n  }, [selectedBox]);\n\n  const PointCloud3DTitle = (\n    <div>\n      <span style={{ marginRight: 8 }}>显示箭头</span>\n      <Switch\n        size='small'\n        checked={showDirection}\n        onChange={(showDirection) => {\n          setShowDirection(showDirection);\n          ptCtx.mainViewInstance?.setShowDirection(showDirection);\n        }}\n      />\n    </div>\n  );\n\n  return (\n    <PointCloudContainer\n      className={getClassName('point-cloud-3d-container')}\n      title='3D视图'\n      toolbar={PointCloud3DTitle}\n    >\n      <div className={getClassName('point-cloud-3d-content')}>\n        <PointCloud3DContext.Provider value={ptCloud3DCtx}>\n          <PointCloud3DSideBar />\n        </PointCloud3DContext.Provider>\n        <div className={getClassName('point-cloud-3d-view')} id={pointCloudID} ref={ref} />\n      </div>\n    </PointCloudContainer>\n  );\n};\n\nexport default connect(aMapStateToProps)(PointCloud3D);\n"],"names":[],"mappings":"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"}

package/es/components/pointCloudView/PointCloudBackView.js

@@ -0,0 +1 @@
+import{PointCloudAnnotation as M,MathUtils as p}from"@labelbee/lb-annotation";import{getClassName as B}from"../../utils/dom.js";import{PointCloudContainer as N}from"./PointCloudLayout.js";import f,{useState as X,useRef as z,useEffect as v}from"react";import{PointCloudContext as W}from"./PointCloudContext.js";import{useSingleBox as A}from"./hooks/useSingleBox.js";import{EPerspectiveView as H}from"@labelbee/lb-utils";import{SizeInfoForView as T}from"./PointCloudInfos.js";import{connect as Y}from"react-redux";import{aMapStateToProps as D}from"../../store/annotation/map.js";import{synchronizeTopView as F,synchronizeSideView as R}from"./hooks/usePointCloudViews.js";var U=Object.defineProperty,V=Object.getOwnPropertySymbols,Z=Object.prototype.hasOwnProperty,q=Object.prototype.propertyIsEnumerable,O=(o,t,e)=>t in o?U(o,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):o[t]=e,G=(o,t)=>{for(var e in t||(t={}))Z.call(t,e)&&O(o,e,t[e]);if(V)for(var e of V(t))q.call(t,e)&&O(o,e,t[e]);return o};const J=(o,t,e=1)=>{const{width:l,height:n}=t,s={x:o.x+l*e/2,y:o.y+n*e/2},d={x:t.width/2,y:t.height/2};return{offsetX:(d.x-s.x)/e,offsetY:-(d.y-s.y)/e}},L=(o,t,e,l,n)=>{const{offsetX:s,offsetY:d}=J(o,e,t);if(n.camera.zoom=t,o){const r=Math.cos(l.rotation),a=Math.sin(l.rotation),i=s*r,c=s*a,{x:u,y:m,z:h}=n.initCameraPosition;n.camera.position.set(u+c,m-i,h+d)}n.camera.updateProjectionMatrix(),n.render()},K=({currentData:o})=>{const t=f.useContext(W),[e,l]=X(null),n=z(null),{updateSelectedBox:s,selectedBox:d}=A();return v(()=>{if(n.current){const r={width:n.current.clientWidth,height:n.current.clientHeight},a=new M({container:n.current,size:r,polygonOperationProps:{showDirectionLine:!1,forbidAddNew:!0}});t.setBackViewInstance(a),l(r)}},[]),v(()=>{if(!e||!t.backViewInstance)return;const{pointCloud2dOperation:r,pointCloudInstance:a}=t.backViewInstance;r.singleOn("renderZoom",(i,c)=>{!t.selectedPointCloudBox||L(c,i,e,t.selectedPointCloudBox,a)}),r.singleOn("dragMove",({currentPos:i,zoom:c})=>{!t.selectedPointCloudBox||L(i,c,e,t.selectedPointCloudBox,a)}),r.singleOn("updatePolygonByDrag",({newPolygon:i,originPolygon:c})=>{if(!t.selectedPointCloudBox||!t.mainViewInstance||!o.url)return;const[u,m,h]=i.pointList,[P,x,y]=c.pointList,C=p.getLineCenterPoint([u,h]),w=p.getLineCenterPoint([P,y]),I={x:{x:C.x-w.x,y:C.y-w.y}.x,y:0,z:C.y-w.y},_=p.getLineLength(u,m),b=p.getLineLength(P,x),E=_-b,S=p.getLineLength(m,h),j=p.getLineLength(x,y),k=S-j,{newBoxParams:g}=a.getNewBoxByBackUpdate(I,k,E,t.selectedPointCloudBox);F(g,i,t.topViewInstance,t.mainViewInstance),R(g,i,t.sideViewInstance,o.url),t.mainViewInstance.hightLightOriginPointCloud(g),s(g)})},[t,e]),f.createElement(N,{className:B("point-cloud-container","back-view"),title:"\u80CC\u89C6\u56FE",toolbar:f.createElement(T,{perspectiveView:H.Back})},f.createElement("div",{style:{width:"100%",height:300,position:"relative"},ref:n}),!d&&f.createElement("div",{style:G({},e),className:B("point-cloud-container","empty-page")},"\u6682\u65E0\u6570\u636E"))};var Q=Y(D)(K);export{Q as default};

package/es/components/pointCloudView/PointCloudBackView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PointCloudBackView.js","sources":["../../../src/components/pointCloudView/PointCloudBackView.tsx"],"sourcesContent":["/*\n * @Author: Laoluo luozefeng@sensetime.com\n * @Date: 2022-06-22 11:08:31\n * @LastEditors: Laoluo luozefeng@sensetime.com\n * @LastEditTime: 2022-07-08 11:08:02\n */\nimport { PointCloud, MathUtils, PointCloudAnnotation } from '@labelbee/lb-annotation';\nimport { getClassName } from '@/utils/dom';\nimport { PointCloudContainer } from './PointCloudLayout';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { PointCloudContext } from './PointCloudContext';\nimport { useSingleBox } from './hooks/useSingleBox';\nimport { EPerspectiveView, IPointCloudBox } from '@labelbee/lb-utils';\nimport { SizeInfoForView } from './PointCloudInfos';\nimport { connect } from 'react-redux';\nimport { aMapStateToProps, IAnnotationStateProps } from '@/store/annotation/map';\nimport { synchronizeSideView, synchronizeTopView } from './hooks/usePointCloudViews';\n\n/**\n * 统一一下，将其拓展为 二维转换为 三维坐标的转换\n * Get the offset from canvas2d-coordinate to world coordinate\n * @param currentPos\n * @param size\n * @param zoom\n * @returns\n */\nconst TransferCanvas2WorldOffset = (\n  currentPos: { x: number; y: number },\n  size: { width: number; height: number },\n  zoom = 1,\n) => {\n  const { width: w, height: h } = size;\n\n  const canvasCenterPoint = {\n    x: currentPos.x + (w * zoom) / 2,\n    y: currentPos.y + (h * zoom) / 2,\n  };\n\n  const worldCenterPoint = {\n    x: size.width / 2,\n    y: size.height / 2,\n  };\n\n  return {\n    offsetX: (worldCenterPoint.x - canvasCenterPoint.x) / zoom,\n    offsetY: -(worldCenterPoint.y - canvasCenterPoint.y) / zoom,\n  };\n};\nconst updateBackViewByCanvas2D = (\n  currentPos: { x: number; y: number },\n  zoom: number,\n  size: { width: number; height: number },\n  selectedPointCloudBox: IPointCloudBox,\n  backPointCloud: PointCloud,\n) => {\n  const { offsetX, offsetY } = TransferCanvas2WorldOffset(currentPos, size, zoom);\n  backPointCloud.camera.zoom = zoom;\n  if (currentPos) {\n    const cos = Math.cos(selectedPointCloudBox.rotation);\n    const sin = Math.sin(selectedPointCloudBox.rotation);\n    const offsetXX = offsetX * cos;\n    const offsetXY = offsetX * sin;\n    const { x, y, z } = backPointCloud.initCameraPosition;\n    backPointCloud.camera.position.set(x + offsetXY, y - offsetXX, z + offsetY);\n  }\n  backPointCloud.camera.updateProjectionMatrix();\n  backPointCloud.render();\n};\n\nconst PointCloudSideView = ({ currentData }: IAnnotationStateProps) => {\n  const ptCtx = React.useContext(PointCloudContext);\n  const [size, setSize] = useState<{ width: number; height: number } | null>(null);\n  const ref = useRef<HTMLDivElement>(null);\n  const { updateSelectedBox, selectedBox } = useSingleBox();\n\n  useEffect(() => {\n    if (ref.current) {\n      const size = {\n        width: ref.current.clientWidth,\n        height: ref.current.clientHeight,\n      };\n\n      const pointCloudAnnotation = new PointCloudAnnotation({\n        container: ref.current,\n        size,\n        polygonOperationProps: { showDirectionLine: false, forbidAddNew: true },\n      });\n      ptCtx.setBackViewInstance(pointCloudAnnotation);\n      setSize(size);\n    }\n  }, []);\n\n  useEffect(() => {\n    // By the way as an initialization judgment\n    if (!size || !ptCtx.backViewInstance) {\n      return;\n    }\n\n    const {\n      pointCloud2dOperation: backPointCloudPolygonOperation,\n      pointCloudInstance: backPointCloud,\n    } = ptCtx.backViewInstance;\n\n    /**\n     * Synchronized 3d point cloud view displacement operations\n     *\n     * Change Orthographic Camera size\n     */\n    backPointCloudPolygonOperation.singleOn('renderZoom', (zoom: number, currentPos: any) => {\n      if (!ptCtx.selectedPointCloudBox) {\n        return;\n      }\n      updateBackViewByCanvas2D(currentPos, zoom, size, ptCtx.selectedPointCloudBox, backPointCloud);\n    });\n\n    // Synchronized 3d point cloud view displacement operations\n    backPointCloudPolygonOperation.singleOn('dragMove', ({ currentPos, zoom }: any) => {\n      if (!ptCtx.selectedPointCloudBox) {\n        return;\n      }\n      updateBackViewByCanvas2D(currentPos, zoom, size, ptCtx.selectedPointCloudBox, backPointCloud);\n    });\n\n    backPointCloudPolygonOperation.singleOn(\n      'updatePolygonByDrag',\n      ({ newPolygon, originPolygon }: any) => {\n        if (!ptCtx.selectedPointCloudBox || !ptCtx.mainViewInstance || !currentData.url) {\n          return;\n        }\n\n        // Notice. The sort of polygon is important.\n        const [point1, point2, point3] = newPolygon.pointList;\n        const [op1, op2, op3] = originPolygon.pointList;\n\n        // 2D centerPoint => 3D x & z\n        const newCenterPoint = MathUtils.getLineCenterPoint([point1, point3]);\n        const oldCenterPoint = MathUtils.getLineCenterPoint([op1, op3]);\n\n        const offset = {\n          x: newCenterPoint.x - oldCenterPoint.x,\n          y: newCenterPoint.y - oldCenterPoint.y,\n        };\n\n        const offsetCenterPoint = {\n          x: offset.x,\n          y: 0, // Not be used.\n          z: newCenterPoint.y - oldCenterPoint.y,\n        };\n\n        // 2D height => 3D depth\n        const height = MathUtils.getLineLength(point1, point2);\n        const oldHeight = MathUtils.getLineLength(op1, op2);\n        const offsetHeight = height - oldHeight; // 3D depth\n\n        // 2D width => 3D width\n        const width = MathUtils.getLineLength(point2, point3);\n        const oldWidth = MathUtils.getLineLength(op2, op3);\n        const offsetWidth = width - oldWidth; // 3D width\n\n        const { newBoxParams } = backPointCloud.getNewBoxByBackUpdate(\n          offsetCenterPoint,\n          offsetWidth,\n          offsetHeight,\n          ptCtx.selectedPointCloudBox,\n        );\n\n        synchronizeTopView(newBoxParams, newPolygon, ptCtx.topViewInstance, ptCtx.mainViewInstance);\n        synchronizeSideView(newBoxParams, newPolygon, ptCtx.sideViewInstance, currentData.url);\n        ptCtx.mainViewInstance.hightLightOriginPointCloud(newBoxParams);\n        updateSelectedBox(newBoxParams);\n      },\n    );\n  }, [ptCtx, size]);\n\n  return (\n    <PointCloudContainer\n      className={getClassName('point-cloud-container', 'back-view')}\n      title='背视图'\n      toolbar={<SizeInfoForView perspectiveView={EPerspectiveView.Back} />}\n    >\n      <div style={{ width: '100%', height: 300, position: 'relative' }} ref={ref} />\n\n      {!selectedBox && (\n        <div style={{ ...size }} className={getClassName('point-cloud-container', 'empty-page')}>\n          暂无数据\n        </div>\n      )}\n    </PointCloudContainer>\n  );\n};\n\nexport default connect(aMapStateToProps)(PointCloudSideView);\n"],"names":[],"mappings":"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"}

package/es/components/pointCloudView/PointCloudContext.js

@@ -0,0 +1 @@
+import C,{useState as n,useMemo as w}from"react";const P=C.createContext({pointCloudBoxList:[],polygonList:[],selectedID:"",selectedIDs:[],valid:!0,setSelectedIDs:()=>{},setPointCloudResult:()=>{},setPointCloudValid:()=>{},setTopViewInstance:()=>{},setSideViewInstance:()=>{},setBackViewInstance:()=>{},setMainViewInstance:()=>{},addSelectedID:()=>{},selectedAllBoxes:()=>{},addPointCloudBox:()=>{},setPolygonList:()=>{}}),k=({children:p})=>{const[o,c]=n([]),[d,x]=n([]),[t,i]=n([]),[l,f]=n(!0),[a,S]=n(),[r,B]=n(),[u,y]=n(),[I,m]=n(),V=w(()=>t.length===1?t[0]:"",[t]),g=w(()=>{const v=o.find(e=>e.id===V),A=e=>{c(o.concat(e))},L=e=>{f(e!==!1)},s=e=>{e===void 0&&i([]),typeof e=="string"&&i([e]),Array.isArray(e)&&i(Array.from(new Set(e)))};return{selectedID:V,pointCloudBoxList:o,selectedIDs:t,setPointCloudResult:c,setSelectedIDs:s,addPointCloudBox:A,valid:l,selectedPointCloudBox:v,setPointCloudValid:L,addSelectedID:e=>{t.includes(e)?s(t.filter(D=>D!==e)):s([...t,e])},selectedAllBoxes:()=>{s(o.map(e=>e.id))},topViewInstance:a,setTopViewInstance:S,sideViewInstance:r,setSideViewInstance:B,backViewInstance:u,setBackViewInstance:y,mainViewInstance:I,setMainViewInstance:m,polygonList:d,setPolygonList:x}},[l,t,o,d,a,r,u,I]);return C.createElement(P.Provider,{value:g},p)};export{P as PointCloudContext,k as PointCloudProvider};

package/es/components/pointCloudView/PointCloudContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PointCloudContext.js","sources":["../../../src/components/pointCloudView/PointCloudContext.tsx"],"sourcesContent":["import { IPointCloudBox, IPointCloudBoxList, IPolygonData } from '@labelbee/lb-utils';\nimport { PointCloud, PointCloudAnnotation } from '@labelbee/lb-annotation';\nimport React, { useMemo, useState } from 'react';\n\ninterface IPointCloudContextInstances {\n  topViewInstance?: PointCloudAnnotation;\n  sideViewInstance?: PointCloudAnnotation;\n  backViewInstance?: PointCloudAnnotation;\n  mainViewInstance?: PointCloud;\n  setTopViewInstance: (instance: PointCloudAnnotation) => void;\n  setSideViewInstance: (instance: PointCloudAnnotation) => void;\n  setBackViewInstance: (instance: PointCloudAnnotation) => void;\n  setMainViewInstance: (instance: PointCloud) => void;\n}\n\nexport interface IPointCloudContext extends IPointCloudContextInstances {\n  pointCloudBoxList: IPointCloudBoxList;\n  selectedIDs: string[];\n  setSelectedIDs: (ids?: string[] | string) => void;\n  valid: boolean;\n  setPointCloudResult: (resultList: IPointCloudBoxList) => void;\n  selectedPointCloudBox?: IPointCloudBox;\n  setPointCloudValid: (valid?: boolean) => void;\n  addSelectedID: (selectedID: string) => void;\n  selectedAllBoxes: () => void;\n  selectedID: string;\n  addPointCloudBox: (boxParams: IPointCloudBox) => void;\n\n  polygonList: IPolygonData[];\n  setPolygonList: (polygonList: IPolygonData[]) => void;\n}\n\nexport const PointCloudContext = React.createContext<IPointCloudContext>({\n  pointCloudBoxList: [],\n  polygonList: [],\n  selectedID: '',\n  selectedIDs: [],\n  valid: true,\n  setSelectedIDs: () => {},\n  setPointCloudResult: () => {},\n  setPointCloudValid: () => {},\n  setTopViewInstance: () => {},\n  setSideViewInstance: () => {},\n  setBackViewInstance: () => {},\n  setMainViewInstance: () => {},\n  addSelectedID: () => {},\n  selectedAllBoxes: () => {},\n  addPointCloudBox: () => {},\n  setPolygonList: () => {},\n});\n\nexport const PointCloudProvider: React.FC<{}> = ({ children }) => {\n  const [pointCloudBoxList, setPointCloudResult] = useState<IPointCloudBoxList>([]);\n  const [polygonList, setPolygonList] = useState<IPolygonData[]>([]);\n  const [selectedIDs, setSelectedIDsState] = useState<string[]>([]);\n  const [valid, setValid] = useState<boolean>(true);\n  const [topViewInstance, setTopViewInstance] = useState<PointCloudAnnotation>();\n  const [sideViewInstance, setSideViewInstance] = useState<PointCloudAnnotation>();\n  const [backViewInstance, setBackViewInstance] = useState<PointCloudAnnotation>();\n  const [mainViewInstance, setMainViewInstance] = useState<PointCloud>();\n\n  const selectedID = useMemo(() => {\n    return selectedIDs.length === 1 ? selectedIDs[0] : '';\n  }, [selectedIDs]);\n\n  const ptCtx = useMemo(() => {\n    const selectedPointCloudBox = pointCloudBoxList.find((v) => v.id === selectedID);\n\n    const addPointCloudBox = (box: IPointCloudBox) => {\n      setPointCloudResult(pointCloudBoxList.concat(box));\n    };\n\n    const setPointCloudValid = (valid?: boolean) => {\n      setValid(valid === false ? false : true);\n    };\n\n    const setSelectedIDs = (selectedIDs?: string[] | string) => {\n      if (selectedIDs === undefined) {\n        setSelectedIDsState([]);\n      }\n\n      if (typeof selectedIDs === 'string') {\n        setSelectedIDsState([selectedIDs]);\n      }\n\n      if (Array.isArray(selectedIDs)) {\n        setSelectedIDsState(Array.from(new Set(selectedIDs)));\n      }\n    };\n\n    /**\n     * If selectedID existed, remove selectedID from selectedIDs\n     * If selectedID not existed, add selectedID to selectedIDs\n     * @param selectedID\n     */\n    const addSelectedID = (selectedID: string) => {\n      if (selectedIDs.includes(selectedID)) {\n        setSelectedIDs(selectedIDs.filter((i) => i !== selectedID));\n      } else {\n        setSelectedIDs([...selectedIDs, selectedID]);\n      }\n    };\n\n    const selectedAllBoxes = () => {\n      setSelectedIDs(pointCloudBoxList.map((i) => i.id));\n    };\n\n    return {\n      selectedID,\n      pointCloudBoxList,\n      selectedIDs,\n      setPointCloudResult,\n      setSelectedIDs,\n      addPointCloudBox,\n      valid,\n      selectedPointCloudBox,\n      setPointCloudValid,\n      addSelectedID,\n      selectedAllBoxes,\n      topViewInstance,\n      setTopViewInstance,\n      sideViewInstance,\n      setSideViewInstance,\n      backViewInstance,\n      setBackViewInstance,\n      mainViewInstance,\n      setMainViewInstance,\n      polygonList,\n      setPolygonList,\n    };\n  }, [\n    valid,\n    selectedIDs,\n    pointCloudBoxList,\n    polygonList,\n    topViewInstance,\n    sideViewInstance,\n    backViewInstance,\n    mainViewInstance,\n  ]);\n\n  return <PointCloudContext.Provider value={ptCtx}>{children}</PointCloudContext.Provider>;\n};\n"],"names":[],"mappings":"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"}

package/es/components/pointCloudView/PointCloudInfos.js

@@ -0,0 +1 @@
+import{EPerspectiveView as p}from"@labelbee/lb-utils";import e from"react";import{PointCloudContext as d}from"./PointCloudContext.js";import{UnitUtils as x}from"@labelbee/lb-annotation";const o=2,f=({perspectiveView:n})=>{const{pointCloudBoxList:i,selectedID:a}=e.useContext(d),t=i.find(l=>l.id===a);if(a&&t){const l=n===p.Back?[{label:"\u5BBD",value:t.width},{label:"\u9AD8",value:t.depth}]:[{label:"\u957F",value:t.height},{label:"\u5BBD",value:t.width}];return e.createElement(e.Fragment,null,l.map((u,r)=>e.createElement("span",{key:r,style:{marginRight:r===0?16:0,fontSize:12}},`${u.label}: ${u.value.toFixed(o)}`)))}return null},m=()=>{const n=e.useContext(d),{selectedID:i,pointCloudBoxList:a}=n,t=a.find(l=>l.id===i);if(i&&t){const{width:l,depth:u,height:r,rotation:c}=t,b=[{label:"\u957F",value:r.toFixed(o)},{label:"\u5BBD",value:l.toFixed(o)},{label:"\u9AD8",value:u.toFixed(o)},{label:"\u671D\u5411\u89D2",value:x.rad2deg(c).toFixed(o)},{label:"\u70B9\u6570",value:1e3}];return e.createElement("div",{style:{position:"absolute",color:"white",backgroundColor:"rgba(153, 153, 153, 0.3)",right:8,top:8,fontSize:12,padding:8,zIndex:20}},b.map(s=>e.createElement("div",{key:s.label},`${s.label}: ${s.value}`)))}return null},C=()=>e.useContext(d).valid===!1?e.createElement("div",{style:{position:"absolute",backgroundColor:"rgb(242, 101, 73)",color:"white",left:0,top:0,fontSize:20,padding:"8px 16px",zIndex:20}},"\u65E0\u6548"):null;export{m as BoxInfos,C as PointCloudValidity,f as SizeInfoForView};

package/es/components/pointCloudView/PointCloudInfos.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PointCloudInfos.js","sources":["../../../src/components/pointCloudView/PointCloudInfos.tsx"],"sourcesContent":["/**\n * @author Glenfiddish <edwinlee0927@hotmail.com>\n * @file Display selected box's infos\n * @createdate 2022-07-13\n */\n\nimport { EPerspectiveView } from '@labelbee/lb-utils';\nimport React from 'react';\nimport { PointCloudContext } from './PointCloudContext';\nimport { UnitUtils } from '@labelbee/lb-annotation';\n\nconst DECIMAL_PLACES = 2;\n\n/**\n * Display size info for views\n * @param param0\n * @returns\n */\nexport const SizeInfoForView = ({ perspectiveView }: { perspectiveView: EPerspectiveView }) => {\n  const { pointCloudBoxList, selectedID } = React.useContext(PointCloudContext);\n  const box = pointCloudBoxList.find((i) => i.id === selectedID);\n\n  if (selectedID && box) {\n    const infos =\n      perspectiveView === EPerspectiveView.Back\n        ? [\n            { label: '宽', value: box.width },\n            { label: '高', value: box.depth },\n          ]\n        : [\n            { label: '长', value: box.height },\n            { label: '宽', value: box.width },\n          ];\n\n    return (\n      <>\n        {infos.map((info, index) => (\n          <span key={index} style={{ marginRight: index === 0 ? 16 : 0, fontSize: 12 }}>{`${\n            info.label\n          }: ${info.value.toFixed(DECIMAL_PLACES)}`}</span>\n        ))}\n      </>\n    );\n  }\n  return null;\n};\n\n/**\n * Display selected box's infos\n */\nexport const BoxInfos = () => {\n  const ptCtx = React.useContext(PointCloudContext);\n  const { selectedID, pointCloudBoxList } = ptCtx;\n  const box = pointCloudBoxList.find((i) => i.id === selectedID);\n\n  if (selectedID && box) {\n    const { width, depth, height, rotation } = box;\n    const infos = [\n      {\n        label: '长',\n        value: height.toFixed(DECIMAL_PLACES),\n      },\n      {\n        label: '宽',\n        value: width.toFixed(DECIMAL_PLACES),\n      },\n      {\n        label: '高',\n        value: depth.toFixed(DECIMAL_PLACES),\n      },\n      {\n        label: '朝向角',\n        value: UnitUtils.rad2deg(rotation).toFixed(DECIMAL_PLACES),\n      },\n      // TODO: 需要将结果存入到标注信息\n      {\n        label: '点数',\n        value: 1000,\n      },\n    ];\n\n    return (\n      <div\n        style={{\n          position: 'absolute',\n          color: 'white',\n          backgroundColor: 'rgba(153, 153, 153, 0.3)',\n          right: 8,\n          top: 8,\n          fontSize: 12,\n          padding: 8,\n          zIndex: 20,\n        }}\n      >\n        {infos.map((i) => (\n          <div key={i.label}>{`${i.label}: ${i.value}`}</div>\n        ))}\n      </div>\n    );\n  }\n\n  return null;\n};\n\nexport const PointCloudValidity = () => {\n  const ptCtx = React.useContext(PointCloudContext);\n\n  if (ptCtx.valid === false) {\n    return (\n      <div\n        style={{\n          position: 'absolute',\n          backgroundColor: 'rgb(242, 101, 73)',\n          color: 'white',\n          left: 0,\n          top: 0,\n          fontSize: 20,\n          padding: '8px 16px',\n          zIndex: 20,\n        }}\n      >\n        无效\n      </div>\n    );\n  }\n  return null;\n};\n"],"names":[],"mappings":"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"}

package/es/components/pointCloudView/PointCloudLayout.js

@@ -0,0 +1 @@
+import{getClassName as e}from"../../utils/dom.js";import c from"classnames";import t from"react";const s=({title:o,toolbar:a,children:n,className:r})=>t.createElement("div",{className:c([r,e("point-cloud-container")])},t.createElement("div",{className:e("point-cloud-container","header")},t.createElement("span",{className:e("point-cloud-container","header-title")},o),a&&t.createElement("div",{className:e("point-cloud-container","header-toolbar")},a)),n);export{s as PointCloudContainer};

package/es/components/pointCloudView/PointCloudLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PointCloudLayout.js","sources":["../../../src/components/pointCloudView/PointCloudLayout.tsx"],"sourcesContent":["import { getClassName } from '@/utils/dom';\nimport classNames from 'classnames';\nimport React from 'react';\n\nexport const PointCloudContainer: React.FC<{\n  title: string;\n  toolbar?: React.ReactElement;\n  className?: string;\n}> = ({ title, toolbar, children, className }) => {\n  return (\n    <div className={classNames([className, getClassName('point-cloud-container')])}>\n      <div className={getClassName('point-cloud-container', 'header')}>\n        <span className={getClassName('point-cloud-container', 'header-title')}>{title}</span>\n\n        {toolbar && (\n          <div className={getClassName('point-cloud-container', 'header-toolbar')}>{toolbar}</div>\n        )}\n      </div>\n\n      {children}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;AAIO,MAAM,sBAIR,CAAC,CAAE,KAAO,EAAA,OAAA,EAAS,UAAU,SAAgB,CAAA,KAAA;AAChD,EAAA,2CACG,KAAD,EAAA;AAAA,IAAK,SAAW,EAAA,UAAA,CAAW,CAAC,SAAA,EAAW,YAAa,CAAA,uBAAA,CAAA,CAAA,CAAA;AAAA,GAAA,sCACjD,KAAD,EAAA;AAAA,IAAK,SAAA,EAAW,aAAa,uBAAyB,EAAA,QAAA,CAAA;AAAA,GAAA,sCACnD,MAAD,EAAA;AAAA,IAAM,SAAA,EAAW,aAAa,uBAAyB,EAAA,cAAA,CAAA;AAAA,GAAkB,EAAA,KAAA,CAAA,EAExE,OACC,oBAAA,KAAA,CAAA,aAAA,CAAC,KAAD,EAAA;AAAA,IAAK,SAAA,EAAW,aAAa,uBAAyB,EAAA,gBAAA,CAAA;AAAA,GAAA,EAAoB,OAI7E,CAAA,CAAA,EAAA,QAAA,CAAA,CAAA;AAAA;;;;"}

package/es/components/pointCloudView/PointCloudListener.js

@@ -0,0 +1 @@
+import{PointCloudContext as j}from"./PointCloudContext.js";import{useRotate as R}from"./hooks/useRotate.js";import{useBoxes as h}from"./hooks/useBoxes.js";import{useSingleBox as V}from"./hooks/useSingleBox.js";import{useContext as I,useEffect as d}from"react";import{cTool as A}from"@labelbee/lb-annotation";import{message as E}from"antd";import{connect as N}from"react-redux";import{aMapStateToProps as T}from"../../store/annotation/map.js";import{PointCloudUtils as b}from"@labelbee/lb-utils";import{useCustomToolInstance as K}from"../../hooks/annotation.js";import{useStatus as z}from"./hooks/useStatus.js";import{jsonParser as D}from"../../utils/index.js";var F=Object.defineProperty,$=Object.defineProperties,q=Object.getOwnPropertyDescriptors,x=Object.getOwnPropertySymbols,G=Object.prototype.hasOwnProperty,M=Object.prototype.propertyIsEnumerable,w=(t,e,n)=>e in t?F(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n,U=(t,e)=>{for(var n in e||(e={}))G.call(e,n)&&w(t,n,e[n]);if(x)for(var n of x(e))M.call(e,n)&&w(t,n,e[n]);return t},Y=(t,e)=>$(t,q(e));const{EPolygonPattern:c}=A,H=({currentData:t})=>{const e=I(j),{changeSelectedBoxValid:n,selectNextBox:C,selectPrevBox:y,updateSelectedBox:P}=V(),{clearAllResult:f}=z(),{copySelectedBoxes:g,pasteSelectedBoxes:_,copiedBoxes:B}=h(),{toolInstanceRef:i}=K(),{updateRotate:p}=R({currentData:t}),k=o=>{const{topViewInstance:s,mainViewInstance:a}=e;if(!s)return;const{pointCloud2dOperation:r}=s;switch(o){case"q":{p(2);break}case"e":p(-2);break;case"g":p(180);break;case"u":{const l=r.pattern===c.Normal?c.Rect:c.Normal;r.setPattern(l);const m={[c.Normal]:"Normal Pattern",[c.Rect]:"Rect Pattern"};E.success(`Change Pattern to ${m[l]} successfully`),r.clearActiveStatus(),r.clearDrawingStatus()}break;case"+":a==null||a.updatePointSize(!0);break;case"-":a==null||a.updatePointSize(!1);break;case"v":e.setPointCloudValid(!e.valid);break;case"z":C();break;case"c":y();break;case"f":n();break;default:return}},L=o=>{switch(o){case"c":g();break;case"v":_();break;case"a":e.selectedAllBoxes();break}},v=o=>{const s=o.key.toLocaleLowerCase();if(o.ctrlKey){L(s);return}k(s)};return d(()=>{const{topViewInstance:o}=e;if(!!o)return window.addEventListener("keydown",v),()=>{window.removeEventListener("keydown",v)}},[e,B]),d(()=>{var o,s,a,r;const l=e.mainViewInstance;if((t==null?void 0:t.url)&&l){if(l.loadPCDFile(t.url),e.pointCloudBoxList.forEach(u=>{l==null||l.removeObjectByName(u.id)}),t.result){const u=b.getBoxParamsFromResultList(t.result),O=b.getPolygonListFromResultList(t.result);u.forEach(S=>{l==null||l.generateBox(S)}),e.setPointCloudResult(u),e.setPolygonList(O)}else e.setPointCloudResult([]),e.setPolygonList([]);l.updateTopCamera();const m=(s=(o=D(t.result))==null?void 0:o.valid)!=null?s:!0;e.setPointCloudValid(m),(a=e.sideViewInstance)==null||a.clearAllData(),(r=e.backViewInstance)==null||r.clearAllData()}},[t,e.mainViewInstance]),d(()=>{i.current.exportData=()=>[e.pointCloudBoxList,{valid:e.valid}],i.current.exportCustomData=()=>{var o;return{renderPolygon:(o=e.polygonList)!=null?o:[]}},i.current.setDefaultAttribute=o=>{const s=e.selectedPointCloudBox;s&&(s.attribute=o,P(s))},i.current.setSubAttribute=(o,s)=>{var a;const r=e.selectedPointCloudBox;if(r){const l=(a=r==null?void 0:r.subAttribute)!=null?a:{};r.subAttribute=Y(U({},l),{[o]:s}),P(r)}},i.current.clearResult=()=>{f==null||f()}},[e.pointCloudBoxList,e.selectedID,e.valid,e.polygonList]),d(()=>{i.current.setValid=()=>{e.setPointCloudValid(!e.valid)}},[e.valid]),null};var J=N(T)(H);export{J as default};

package/es/components/pointCloudView/PointCloudListener.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PointCloudListener.js","sources":["../../../src/components/pointCloudView/PointCloudListener.tsx"],"sourcesContent":["import { PointCloudContext } from './PointCloudContext';\nimport { useRotate } from './hooks/useRotate';\nimport { useBoxes } from './hooks/useBoxes';\nimport { useSingleBox } from './hooks/useSingleBox';\nimport React, { useContext, useEffect } from 'react';\nimport { cTool } from '@labelbee/lb-annotation';\nimport { message } from 'antd';\nimport { connect } from 'react-redux';\nimport { aMapStateToProps, IAnnotationStateProps } from '@/store/annotation/map';\nimport { IPointCloudBox, PointCloudUtils } from '@labelbee/lb-utils';\nimport { useCustomToolInstance } from '@/hooks/annotation';\nimport { useStatus } from './hooks/useStatus';\nimport { jsonParser } from '@/utils';\n\nconst { EPolygonPattern } = cTool;\n\nconst PointCloudListener: React.FC<IAnnotationStateProps> = ({ currentData }) => {\n  const ptCtx = useContext(PointCloudContext);\n  const { changeSelectedBoxValid, selectNextBox, selectPrevBox, updateSelectedBox } =\n    useSingleBox();\n  const { clearAllResult } = useStatus();\n  const { copySelectedBoxes, pasteSelectedBoxes, copiedBoxes } = useBoxes();\n  const { toolInstanceRef } = useCustomToolInstance();\n  const { updateRotate } = useRotate({ currentData });\n\n  const keydownEvents = (lowerCaseKey: string) => {\n    const { topViewInstance, mainViewInstance } = ptCtx;\n    if (!topViewInstance) {\n      return;\n    }\n\n    const { pointCloud2dOperation: TopPointCloudPolygonOperation } = topViewInstance;\n\n    switch (lowerCaseKey) {\n      case 'q': {\n        // Q - anticlockwise\n        updateRotate(2);\n        break;\n      }\n\n      case 'e':\n        // E - closewise\n        updateRotate(-2);\n\n        break;\n\n      case 'g':\n        // G ， overturn 180\n        updateRotate(180);\n\n        break;\n\n      case 'u':\n        {\n          // U , change TopOpereation Pattern\n          const newPattern =\n            TopPointCloudPolygonOperation.pattern === EPolygonPattern.Normal\n              ? EPolygonPattern.Rect\n              : EPolygonPattern.Normal;\n          TopPointCloudPolygonOperation.setPattern(newPattern);\n          const POLYGON_PATTERN = {\n            [EPolygonPattern.Normal]: 'Normal Pattern',\n            [EPolygonPattern.Rect]: 'Rect Pattern',\n          };\n          message.success(`Change Pattern to ${POLYGON_PATTERN[newPattern]} successfully`);\n\n          // Clear Status\n          TopPointCloudPolygonOperation.clearActiveStatus();\n          TopPointCloudPolygonOperation.clearDrawingStatus();\n        }\n\n        break;\n\n      // +: Increase points size\n      case '+':\n        mainViewInstance?.updatePointSize(true);\n        break;\n\n      // -: Reduce points size\n      case '-':\n        mainViewInstance?.updatePointSize(false);\n        break;\n\n      case 'v':\n        ptCtx.setPointCloudValid(!ptCtx.valid);\n        break;\n\n      case 'z':\n        selectNextBox();\n        break;\n\n      case 'c':\n        selectPrevBox();\n        break;\n\n      case 'f':\n        changeSelectedBoxValid();\n        break;\n\n      default: {\n        return;\n      }\n    }\n  };\n\n  const ctrlKeydownEvents = (lowerCaseKey: string) => {\n    switch (lowerCaseKey) {\n      case 'c':\n        copySelectedBoxes();\n        break;\n      case 'v':\n        pasteSelectedBoxes();\n        break;\n      case 'a':\n        ptCtx.selectedAllBoxes();\n        break;\n      default:\n        break;\n    }\n  };\n\n  const onKeyDown = (e: KeyboardEvent) => {\n    const lowerCaseKey = e.key.toLocaleLowerCase();\n\n    if (e.ctrlKey) {\n      ctrlKeydownEvents(lowerCaseKey);\n      return;\n    }\n\n    keydownEvents(lowerCaseKey);\n  };\n\n  useEffect(() => {\n    const { topViewInstance } = ptCtx;\n    if (!topViewInstance) {\n      return;\n    }\n\n    window.addEventListener('keydown', onKeyDown);\n\n    return () => {\n      window.removeEventListener('keydown', onKeyDown);\n    };\n  }, [ptCtx, copiedBoxes]);\n\n  // Page switch data initialization\n  useEffect(() => {\n    const pointCloud = ptCtx.mainViewInstance;\n    if (currentData?.url && pointCloud) {\n      pointCloud.loadPCDFile(currentData.url);\n\n      // Clear All Data\n      ptCtx.pointCloudBoxList.forEach((v) => {\n        pointCloud?.removeObjectByName(v.id);\n      });\n\n      if (currentData.result) {\n        const boxParamsList = PointCloudUtils.getBoxParamsFromResultList(currentData.result);\n        const polygonList = PointCloudUtils.getPolygonListFromResultList(currentData.result);\n\n        // Add Init Box\n        boxParamsList.forEach((v: IPointCloudBox) => {\n          pointCloud?.generateBox(v);\n        });\n\n        ptCtx.setPointCloudResult(boxParamsList);\n        ptCtx.setPolygonList(polygonList);\n      } else {\n        ptCtx.setPointCloudResult([]);\n        ptCtx.setPolygonList([]);\n      }\n\n      pointCloud.updateTopCamera();\n\n      const valid = jsonParser(currentData.result)?.valid ?? true;\n      ptCtx.setPointCloudValid(valid);\n\n      // Clear other view data during initialization\n      ptCtx.sideViewInstance?.clearAllData();\n      ptCtx.backViewInstance?.clearAllData();\n    }\n  }, [currentData, ptCtx.mainViewInstance]);\n\n  useEffect(() => {\n    toolInstanceRef.current.exportData = () => {\n      return [ptCtx.pointCloudBoxList, { valid: ptCtx.valid }];\n    };\n\n    toolInstanceRef.current.exportCustomData = () => {\n      return {\n        renderPolygon: ptCtx.polygonList ?? [],\n      };\n    };\n\n    toolInstanceRef.current.setDefaultAttribute = (newAttribute: string) => {\n      const selectBox = ptCtx.selectedPointCloudBox;\n      if (selectBox) {\n        selectBox.attribute = newAttribute;\n\n        updateSelectedBox(selectBox);\n      }\n    };\n\n    toolInstanceRef.current.setSubAttribute = (key: string, value: string) => {\n      const selectBox = ptCtx.selectedPointCloudBox;\n      if (selectBox) {\n        const originSubAttribute = selectBox?.subAttribute ?? {};\n\n        selectBox.subAttribute = {\n          ...originSubAttribute,\n          [key]: value,\n        };\n\n        updateSelectedBox(selectBox);\n      }\n    };\n    toolInstanceRef.current.clearResult = () => {\n      clearAllResult?.();\n    };\n  }, [ptCtx.pointCloudBoxList, ptCtx.selectedID, ptCtx.valid, ptCtx.polygonList]);\n\n  useEffect(() => {\n    toolInstanceRef.current.setValid = () => {\n      ptCtx.setPointCloudValid(!ptCtx.valid);\n    };\n  }, [ptCtx.valid]);\n\n  return null;\n};\n\nexport default connect(aMapStateToProps)(PointCloudListener);\n"],"names":[],"mappings":"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"}

package/es/components/pointCloudView/PointCloudSideView.js

@@ -0,0 +1 @@
+import{PointCloudAnnotation as y}from"@labelbee/lb-annotation";import{getClassName as p}from"../../utils/dom.js";import{PointCloudContainer as g}from"./PointCloudLayout.js";import f,{useState as v,useRef as O,useEffect as d}from"react";import{EPerspectiveView as V}from"@labelbee/lb-utils";import{PointCloudContext as _}from"./PointCloudContext.js";import{SizeInfoForView as E}from"./PointCloudInfos.js";import{connect as b}from"react-redux";import{aMapStateToProps as j}from"../../store/annotation/map.js";import{usePointCloudViews as B}from"./hooks/usePointCloudViews.js";import{useSingleBox as I}from"./hooks/useSingleBox.js";var S=Object.defineProperty,m=Object.getOwnPropertySymbols,M=Object.prototype.hasOwnProperty,N=Object.prototype.propertyIsEnumerable,w=(o,e,t)=>e in o?S(o,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[e]=t,X=(o,e)=>{for(var t in e||(e={}))M.call(e,t)&&w(o,t,e[t]);if(m)for(var t of m(e))N.call(e,t)&&w(o,t,e[t]);return o};const A=(o,e,t=1)=>{const{width:l,height:r}=e,s={x:o.x+l*t/2,y:o.y+r*t/2},n={x:e.width/2,y:e.height/2};return{offsetX:(n.x-s.x)/t,offsetY:-(n.y-s.y)/t}},C=(o,e,t,l,r)=>{const{offsetX:s,offsetY:n}=A(o,t,e);if(r.camera.zoom=e,o){const i=Math.cos(l.rotation),u=Math.sin(l.rotation),a=s*i,c=s*u,{x:h,y:P,z:x}=r.initCameraPosition;r.camera.position.set(h-a,P-c,x+n)}r.camera.updateProjectionMatrix(),r.render()},D=({currentData:o})=>{const e=f.useContext(_),[t,l]=v(null),{sideViewUpdateBox:r}=B(),{selectedBox:s}=I(),n=O(null);return d(()=>{if(n.current){const i={width:n.current.clientWidth,height:n.current.clientHeight},u=new y({container:n.current,size:i,polygonOperationProps:{showDirectionLine:!1,forbidAddNew:!0}});e.setSideViewInstance(u),l(i)}},[]),d(()=>{if(!t||!e.sideViewInstance)return;const{pointCloud2dOperation:i,pointCloudInstance:u}=e.sideViewInstance;i.singleOn("renderZoom",(a,c)=>{!e.selectedPointCloudBox||C(c,a,t,e.selectedPointCloudBox,u)}),i.singleOn("dragMove",({currentPos:a,zoom:c})=>{!e.selectedPointCloudBox||C(a,c,t,e.selectedPointCloudBox,u)}),i.singleOn("updatePolygonByDrag",({newPolygon:a,originPolygon:c})=>{r(a,c)})},[e,t]),f.createElement(g,{className:p("point-cloud-container","side-view"),title:"\u4FA7\u89C6\u56FE",toolbar:f.createElement(E,{perspectiveView:V.Left})},f.createElement("div",{style:{width:"100%",height:300,position:"relative"},ref:n}),!s&&f.createElement("div",{style:X({},t),className:p("point-cloud-container","empty-page")},"\u6682\u65E0\u6570\u636E"))};var F=b(j)(D);export{F as default};

package/es/components/pointCloudView/PointCloudSideView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PointCloudSideView.js","sources":["../../../src/components/pointCloudView/PointCloudSideView.tsx"],"sourcesContent":["/**\n * @file PointCloud sideView - React Component\n * @createdate 2022-07-11\n * @author Ron <ron.f.luo@gmail.com>\n */\nimport { PointCloud, PointCloudAnnotation } from '@labelbee/lb-annotation';\nimport { getClassName } from '@/utils/dom';\nimport { PointCloudContainer } from './PointCloudLayout';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { EPerspectiveView, IPointCloudBox } from '@labelbee/lb-utils';\nimport { PointCloudContext } from './PointCloudContext';\nimport { SizeInfoForView } from './PointCloudInfos';\nimport { connect } from 'react-redux';\nimport { aMapStateToProps, IAnnotationStateProps } from '@/store/annotation/map';\nimport { usePointCloudViews } from './hooks/usePointCloudViews';\nimport { useSingleBox } from './hooks/useSingleBox';\n\n/**\n * Get the offset from canvas2d-coordinate to world coordinate\n * @param currentPos\n * @param size\n * @param zoom\n * @returns\n */\nconst TransferCanvas2WorldOffset = (\n  currentPos: { x: number; y: number },\n  size: { width: number; height: number },\n  zoom = 1,\n) => {\n  const { width: w, height: h } = size;\n\n  const canvasCenterPoint = {\n    x: currentPos.x + (w * zoom) / 2, // 放大倍数之后的中心点的偏移量\n    y: currentPos.y + (h * zoom) / 2,\n  };\n\n  const worldCenterPoint = {\n    x: size.width / 2,\n    y: size.height / 2,\n  };\n\n  return {\n    offsetX: (worldCenterPoint.x - canvasCenterPoint.x) / zoom,\n    offsetY: -(worldCenterPoint.y - canvasCenterPoint.y) / zoom,\n  };\n};\n\nconst updateSideViewByCanvas2D = (\n  currentPos: { x: number; y: number },\n  zoom: number,\n  size: { width: number; height: number },\n  selectedPointCloudBox: IPointCloudBox,\n  SidePointCloud: PointCloud,\n) => {\n  const { offsetX, offsetY } = TransferCanvas2WorldOffset(currentPos, size, zoom);\n  SidePointCloud.camera.zoom = zoom;\n  if (currentPos) {\n    const cos = Math.cos(selectedPointCloudBox.rotation);\n    const sin = Math.sin(selectedPointCloudBox.rotation);\n    const offsetXX = offsetX * cos;\n    const offsetXY = offsetX * sin;\n    const { x, y, z } = SidePointCloud.initCameraPosition;\n    SidePointCloud.camera.position.set(x - offsetXX, y - offsetXY, z + offsetY);\n  }\n  SidePointCloud.camera.updateProjectionMatrix();\n  SidePointCloud.render();\n};\n\nconst PointCloudSideView: React.FC<IAnnotationStateProps> = ({ currentData }) => {\n  const ptCtx = React.useContext(PointCloudContext);\n  const [size, setSize] = useState<{ width: number; height: number } | null>(null);\n  const { sideViewUpdateBox } = usePointCloudViews();\n  const { selectedBox } = useSingleBox();\n\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (ref.current) {\n      const size = {\n        width: ref.current.clientWidth,\n        height: ref.current.clientHeight,\n      };\n\n      const pointCloudAnnotation = new PointCloudAnnotation({\n        container: ref.current,\n        size,\n        polygonOperationProps: { showDirectionLine: false, forbidAddNew: true },\n      });\n      ptCtx.setSideViewInstance(pointCloudAnnotation);\n      setSize(size);\n      // };\n    }\n  }, []);\n\n  useEffect(() => {\n    // By the way as an initialization judgment\n    if (!size || !ptCtx.sideViewInstance) {\n      return;\n    }\n\n    const { pointCloud2dOperation, pointCloudInstance } = ptCtx.sideViewInstance;\n    /**\n     * Synchronized 3d point cloud view displacement operations\n     *\n     * Change Orthographic Camera size\n     */\n    pointCloud2dOperation.singleOn('renderZoom', (zoom: number, currentPos: any) => {\n      if (!ptCtx.selectedPointCloudBox) {\n        return;\n      }\n      updateSideViewByCanvas2D(\n        currentPos,\n        zoom,\n        size,\n        ptCtx.selectedPointCloudBox,\n        pointCloudInstance,\n      );\n    });\n\n    // Synchronized 3d point cloud view displacement operations\n    pointCloud2dOperation.singleOn('dragMove', ({ currentPos, zoom }: any) => {\n      if (!ptCtx.selectedPointCloudBox) {\n        return;\n      }\n      updateSideViewByCanvas2D(\n        currentPos,\n        zoom,\n        size,\n        ptCtx.selectedPointCloudBox,\n        pointCloudInstance,\n      );\n    });\n\n    pointCloud2dOperation.singleOn('updatePolygonByDrag', ({ newPolygon, originPolygon }: any) => {\n      sideViewUpdateBox(newPolygon, originPolygon);\n    });\n  }, [ptCtx, size]);\n\n  return (\n    <PointCloudContainer\n      className={getClassName('point-cloud-container', 'side-view')}\n      title='侧视图'\n      toolbar={<SizeInfoForView perspectiveView={EPerspectiveView.Left} />}\n    >\n      <div style={{ width: '100%', height: 300, position: 'relative' }} ref={ref} />\n      {!selectedBox && (\n        <div style={{ ...size }} className={getClassName('point-cloud-container', 'empty-page')}>\n          暂无数据\n        </div>\n      )}\n    </PointCloudContainer>\n  );\n};\n\nexport default connect(aMapStateToProps)(PointCloudSideView);\n"],"names":[],"mappings":"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"}

package/es/components/pointCloudView/PointCloudTopView.js

@@ -0,0 +1 @@
+import{getClassName as p}from"../../utils/dom.js";import{FooterDivider as V}from"../../views/MainView/toolFooter/index.js";import{ZoomController as B}from"../../views/MainView/toolFooter/ZoomController/index.js";import{UpSquareOutlined as N,DownSquareOutlined as R}from"@ant-design/icons";import{PointCloudAnnotation as A,cTool as b}from"@labelbee/lb-annotation";import o,{useRef as I,useState as O,useEffect as x}from"react";import{PointCloudContext as F}from"./PointCloudContext.js";import{useRotate as Z}from"./hooks/useRotate.js";import{useSingleBox as S}from"./hooks/useSingleBox.js";import{PointCloudContainer as M}from"./PointCloudLayout.js";import{BoxInfos as L,PointCloudValidity as z}from"./PointCloudInfos.js";import{usePolygon as X}from"./hooks/usePolygon.js";import{Slider as Y}from"antd";import{aMapStateToProps as q}from"../../store/annotation/map.js";import{connect as U}from"react-redux";import{usePointCloudViews as W}from"./hooks/usePointCloudViews.js";const{EPolygonPattern:H}=b,j=(e,i,t=1)=>{const{width:r,height:a}=i,c={x:e.x+r*t/2,y:e.y+a*t/2},d={x:i.width/2,y:i.height/2};return{offsetX:(d.x-c.x)/t,offsetY:-(d.y-c.y)/t}},_=({currentData:e})=>{const{selectNextBox:i,selectPrevBox:t}=S(),{updateRotate:r}=Z({currentData:e}),a=2,c=()=>{r(-a)},d=()=>{r(a)},u=()=>{r(180)};return o.createElement(o.Fragment,null,o.createElement("span",{onClick:d,className:p("point-cloud","rotate-reserve")}),o.createElement("span",{onClick:c,className:p("point-cloud","rotate")}),o.createElement("span",{onClick:u,className:p("point-cloud","rotate-180")}),o.createElement(V,null),o.createElement(N,{onClick:()=>{t()},className:p("point-cloud","prev")}),o.createElement(R,{onClick:()=>{i()},className:p("point-cloud","next")}),o.createElement(V,null),o.createElement(B,null))},$=({setZAxisLimit:e,zAxisLimit:i})=>o.createElement("div",{style:{position:"absolute",top:128,right:8,height:"50%",zIndex:20}},o.createElement(Y,{vertical:!0,step:.5,max:10,min:.5,defaultValue:i,onAfterChange:t=>{e(t)}})),G=({currentData:e})=>{const i=I(null),t=o.useContext(F),r=I(),{addPolygon:a,deletePolygon:c}=X(),{deletePointCloudBox:d}=S(),[u,k]=O(null),[g,T]=O(10),m=W();return x(()=>{if(i.current&&(e==null?void 0:e.url)&&(e==null?void 0:e.result)){const s={width:i.current.clientWidth,height:i.current.clientHeight};if(t.topViewInstance){t.topViewInstance.updateData(e.url,e.result);return}const n=new A({container:i.current,size:s,pcdPath:e.url});n.addPolygonListOnTopView(e.result),t.setTopViewInstance(n);const l=n.pointCloudInstance,E=n.pointCloud2dOperation;r.current=l,E.singleOn("renderZoom",(C,f)=>{const{offsetX:w,offsetY:P}=j(f,s,C);if(l.camera.zoom=C,f){const{x:h,y:v,z:y}=l.initCameraPosition;l.camera.position.set(h+P,v-w,y)}l.camera.updateProjectionMatrix(),l.render()}),E.singleOn("dragMove",({currentPos:C,zoom:f})=>{const{offsetX:w,offsetY:P}=j(C,s,f);l.camera.zoom=f;const{x:h,y:v,z:y}=l.initCameraPosition;l.camera.position.set(h+P,v-w,y),l.render()}),k(s)}},[e]),x(()=>{if(!u||!t.topViewInstance||!t.sideViewInstance)return;const{pointCloud2dOperation:s}=t.topViewInstance;s.singleOn("polygonCreated",n=>{if(s.pattern===H.Normal||!(e==null?void 0:e.url)){a(n);return}m.topViewAddBox(n,u)}),s.singleOn("deletedObject",({id:n})=>{d(n),c(n)}),s.singleOn("deleteSelectedIDs",()=>{t.setSelectedIDs([])}),s.singleOn("addSelectedIDs",n=>{t.addSelectedID(n)}),s.singleOn("setSelectedIDs",n=>{t.setSelectedIDs(n)}),s.singleOn("updatePolygonByDrag",({newPolygon:n})=>{var l;(l=m.topViewUpdateBox)==null||l.call(m,n,u)})},[t,u,e,m]),x(()=>{r.current&&r.current.applyZAxisPoints(g)},[g]),x(()=>{m.topViewSelectedChanged()},[t.selectedIDs]),o.createElement(M,{className:p("point-cloud-container","top-view"),title:"\u4FEF\u89C6\u56FE",toolbar:o.createElement(_,{currentData:e})},o.createElement("div",{style:{position:"relative",flex:1}},o.createElement("div",{style:{width:"100%",height:"100%"},ref:i}),o.createElement(L,null),o.createElement($,{zAxisLimit:g,setZAxisLimit:T}),o.createElement(z,null)))};var J=U(q)(G);export{J as default};

package/es/components/pointCloudView/PointCloudTopView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PointCloudTopView.js","sources":["../../../src/components/pointCloudView/PointCloudTopView.tsx"],"sourcesContent":["/*\n * @Author: Laoluo luozefeng@sensetime.com\n * @Date: 2022-06-22 11:08:31\n * @LastEditors: Laoluo luozefeng@sensetime.com\n */\nimport { getClassName } from '@/utils/dom';\nimport { FooterDivider } from '@/views/MainView/toolFooter';\nimport { ZoomController } from '@/views/MainView/toolFooter/ZoomController';\nimport { DownSquareOutlined, UpSquareOutlined } from '@ant-design/icons';\nimport { cTool, PointCloud, PointCloudAnnotation } from '@labelbee/lb-annotation';\nimport { IPolygonData } from '@labelbee/lb-utils';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { PointCloudContext } from './PointCloudContext';\nimport { useRotate } from './hooks/useRotate';\nimport { useSingleBox } from './hooks/useSingleBox';\nimport { PointCloudContainer } from './PointCloudLayout';\nimport { BoxInfos, PointCloudValidity } from './PointCloudInfos';\nimport { usePolygon } from './hooks/usePolygon';\nimport { Slider } from 'antd';\nimport { aMapStateToProps, IAnnotationStateProps } from '@/store/annotation/map';\nimport { connect } from 'react-redux';\nimport { usePointCloudViews } from './hooks/usePointCloudViews';\n\nconst { EPolygonPattern } = cTool;\n\n/**\n * Get the offset from canvas2d-coordinate to world coordinate (Top View)\n * @param currentPos\n * @param size\n * @param zoom\n * @returns\n */\nconst TransferCanvas2WorldOffset = (\n  currentPos: { x: number; y: number },\n  size: { width: number; height: number },\n  zoom = 1,\n) => {\n  const { width: w, height: h } = size;\n\n  const canvasCenterPoint = {\n    x: currentPos.x + (w * zoom) / 2,\n    y: currentPos.y + (h * zoom) / 2,\n  };\n\n  const worldCenterPoint = {\n    x: size.width / 2,\n    y: size.height / 2,\n  };\n\n  return {\n    offsetX: (worldCenterPoint.x - canvasCenterPoint.x) / zoom,\n    offsetY: -(worldCenterPoint.y - canvasCenterPoint.y) / zoom,\n  };\n};\n\nconst TopViewToolbar = ({ currentData }: IAnnotationStateProps) => {\n  const { selectNextBox, selectPrevBox } = useSingleBox();\n  const { updateRotate } = useRotate({ currentData });\n  const ratio = 2;\n\n  const clockwiseRotate = () => {\n    updateRotate(-ratio);\n  };\n  const anticlockwiseRotate = () => {\n    updateRotate(ratio);\n  };\n\n  const reverseRotate = () => {\n    updateRotate(180);\n  };\n\n  return (\n    <>\n      <span\n        onClick={anticlockwiseRotate}\n        className={getClassName('point-cloud', 'rotate-reserve')}\n      />\n      <span onClick={clockwiseRotate} className={getClassName('point-cloud', 'rotate')} />\n      <span onClick={reverseRotate} className={getClassName('point-cloud', 'rotate-180')} />\n      <FooterDivider />\n      <UpSquareOutlined\n        onClick={() => {\n          selectPrevBox();\n        }}\n        className={getClassName('point-cloud', 'prev')}\n      />\n      <DownSquareOutlined\n        onClick={() => {\n          selectNextBox();\n        }}\n        className={getClassName('point-cloud', 'next')}\n      />\n      <FooterDivider />\n      <ZoomController />\n    </>\n  );\n};\n\n/**\n * Slider for filtering Z-axis points\n */\nconst ZAxisSlider = ({\n  setZAxisLimit,\n  zAxisLimit,\n}: {\n  setZAxisLimit: (value: number) => void;\n  zAxisLimit: number;\n}) => {\n  return (\n    <div style={{ position: 'absolute', top: 128, right: 8, height: '50%', zIndex: 20 }}>\n      <Slider\n        vertical\n        step={0.5}\n        max={10}\n        min={0.5}\n        defaultValue={zAxisLimit}\n        onAfterChange={(v: number) => {\n          setZAxisLimit(v);\n        }}\n      />\n    </div>\n  );\n};\n\nconst PointCloudTopView: React.FC<IAnnotationStateProps> = ({ currentData }) => {\n  const ref = useRef<HTMLDivElement>(null);\n  const ptCtx = React.useContext(PointCloudContext);\n  const pointCloudRef = useRef<PointCloud | null>();\n  const { addPolygon, deletePolygon } = usePolygon();\n  const { deletePointCloudBox } = useSingleBox();\n\n  const [size, setSize] = useState<{ width: number; height: number } | null>(null);\n  const [zAxisLimit, setZAxisLimit] = useState<number>(10);\n\n  const pointCloudViews = usePointCloudViews();\n\n  useEffect(() => {\n    if (ref.current && currentData?.url && currentData?.result) {\n      const size = {\n        width: ref.current.clientWidth,\n        height: ref.current.clientHeight,\n      };\n\n      if (ptCtx.topViewInstance) {\n        /**\n         * Listen to flip\n         * 1. Init\n         * 2. Reload PointCloud\n         * 3. Clear Polygon\n         */\n        ptCtx.topViewInstance.updateData(currentData.url, currentData.result);\n        return;\n      }\n\n      const pointCloudAnnotation = new PointCloudAnnotation({\n        container: ref.current,\n        size,\n        pcdPath: currentData.url,\n      });\n      pointCloudAnnotation.addPolygonListOnTopView(currentData.result);\n\n      ptCtx.setTopViewInstance(pointCloudAnnotation);\n\n      const pointCloud = pointCloudAnnotation.pointCloudInstance;\n      const polygonOperation = pointCloudAnnotation.pointCloud2dOperation;\n\n      pointCloudRef.current = pointCloud;\n\n      /**\n       * Synchronized 3d point cloud view displacement operations\n       *\n       * Change Orthographic Camera size\n       */\n      polygonOperation.singleOn('renderZoom', (zoom: number, currentPos: any) => {\n        const { offsetX, offsetY } = TransferCanvas2WorldOffset(currentPos, size, zoom);\n        pointCloud.camera.zoom = zoom;\n        if (currentPos) {\n          const { x, y, z } = pointCloud.initCameraPosition;\n          pointCloud.camera.position.set(x + offsetY, y - offsetX, z);\n        }\n\n        pointCloud.camera.updateProjectionMatrix();\n        pointCloud.render();\n      });\n\n      // Synchronized 3d point cloud view displacement operations\n      polygonOperation.singleOn('dragMove', ({ currentPos, zoom }) => {\n        const { offsetX, offsetY } = TransferCanvas2WorldOffset(currentPos, size, zoom);\n        pointCloud.camera.zoom = zoom;\n        const { x, y, z } = pointCloud.initCameraPosition;\n        pointCloud.camera.position.set(x + offsetY, y - offsetX, z);\n        pointCloud.render();\n      });\n\n      setSize(size);\n    }\n  }, [currentData]);\n\n  useEffect(() => {\n    if (!size || !ptCtx.topViewInstance || !ptCtx.sideViewInstance) {\n      return;\n    }\n\n    const { pointCloud2dOperation: TopView2dOperation } = ptCtx.topViewInstance;\n\n    TopView2dOperation.singleOn('polygonCreated', (polygon: IPolygonData) => {\n      if (TopView2dOperation.pattern === EPolygonPattern.Normal || !currentData?.url) {\n        addPolygon(polygon);\n        return;\n      }\n\n      pointCloudViews.topViewAddBox(polygon, size);\n    });\n\n    TopView2dOperation.singleOn('deletedObject', ({ id }) => {\n      deletePointCloudBox(id);\n      deletePolygon(id);\n    });\n\n    TopView2dOperation.singleOn('deleteSelectedIDs', () => {\n      ptCtx.setSelectedIDs([]);\n    });\n\n    TopView2dOperation.singleOn('addSelectedIDs', (selectedID: string) => {\n      ptCtx.addSelectedID(selectedID);\n    });\n\n    TopView2dOperation.singleOn('setSelectedIDs', (selectedIDs: string[]) => {\n      ptCtx.setSelectedIDs(selectedIDs);\n    });\n\n    TopView2dOperation.singleOn('updatePolygonByDrag', ({ newPolygon }: any) => {\n      pointCloudViews.topViewUpdateBox?.(newPolygon, size);\n    });\n  }, [ptCtx, size, currentData, pointCloudViews]);\n\n  useEffect(() => {\n    if (pointCloudRef.current) {\n      pointCloudRef.current.applyZAxisPoints(zAxisLimit);\n    }\n  }, [zAxisLimit]);\n\n  useEffect(() => {\n    pointCloudViews.topViewSelectedChanged();\n  }, [ptCtx.selectedIDs]);\n\n  return (\n    <PointCloudContainer\n      className={getClassName('point-cloud-container', 'top-view')}\n      title='俯视图'\n      toolbar={<TopViewToolbar currentData={currentData} />}\n    >\n      <div style={{ position: 'relative', flex: 1 }}>\n        <div style={{ width: '100%', height: '100%' }} ref={ref} />\n\n        <BoxInfos />\n        <ZAxisSlider zAxisLimit={zAxisLimit} setZAxisLimit={setZAxisLimit} />\n        <PointCloudValidity />\n      </div>\n    </PointCloudContainer>\n  );\n};\n\nexport default connect(aMapStateToProps)(PointCloudTopView);\n"],"names":[],"mappings":"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"}