@labelbee/lb-components 1.9.1-alpha.0 → 1.9.1-alpha.2

package/es/components/pointCloudView/PointCloudTopView.js

@@ -1 +1 @@
-import{getClassName as g}from"../../utils/dom.js";import{FooterDivider as j}from"../../views/MainView/toolFooter/index.js";import{ZoomController as M}from"../../views/MainView/toolFooter/ZoomController/index.js";import{UpSquareOutlined as W,DownSquareOutlined as X}from"@ant-design/icons";import{PointCloudAnnotation as Y,cTool as q}from"@labelbee/lb-annotation";import{PointCloudUtils as H}from"@labelbee/lb-utils";import s,{useState as S,useRef as $,useLayoutEffect as G,useEffect as y}from"react";import{PointCloudContext as J}from"./PointCloudContext.js";import{useRotate as K}from"./hooks/useRotate.js";import{useSingleBox as A}from"./hooks/useSingleBox.js";import{PointCloudContainer as Q}from"./PointCloudLayout.js";import{BoxInfos as ee,PointCloudValidity as te}from"./PointCloudInfos.js";import{usePolygon as oe}from"./hooks/usePolygon.js";import{useZoom as L}from"./hooks/useZoom.js";import{Slider as ne}from"antd";import{a2MapStateToProps as ie}from"../../store/annotation/map.js";import{connect as se}from"react-redux";import{usePointCloudViews as le}from"./hooks/usePointCloudViews.js";import re from"../../hooks/useSize.js";import{useTranslation as ae}from"react-i18next";import{LabelBeeContext as ce}from"../../store/ctx.js";import{jsonParser as de}from"../../utils/index.js";var pe=Object.defineProperty,ue=Object.defineProperties,me=Object.getOwnPropertyDescriptors,k=Object.getOwnPropertySymbols,fe=Object.prototype.hasOwnProperty,Ce=Object.prototype.propertyIsEnumerable,B=(t,o,n)=>o in t?pe(t,o,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[o]=n,we=(t,o)=>{for(var n in o||(o={}))fe.call(o,n)&&B(t,n,o[n]);if(k)for(var n of k(o))Ce.call(o,n)&&B(t,n,o[n]);return t},Pe=(t,o)=>ue(t,me(o));const{EPolygonPattern:ve}=q,T=(t,o,n=1)=>{const{width:u,height:m}=o,v={x:t.x+u*n/2,y:t.y+m*n/2},f={x:o.width/2,y:o.height/2};return{offsetX:(f.x-v.x)/n,offsetY:-(f.y-v.y)/n}},ge=({currentData:t})=>{const{zoom:o,zoomIn:n,zoomOut:u,initialPosition:m}=L(),{selectNextBox:v,selectPrevBox:f}=A(),{updateRotate:d}=K({currentData:t}),e=2,a=()=>{d(-e)},C=()=>{d(e)},V=()=>{d(180)};return s.createElement(s.Fragment,null,s.createElement("span",{onClick:C,className:g("point-cloud","rotate-reserve")}),s.createElement("span",{onClick:a,className:g("point-cloud","rotate")}),s.createElement("span",{onClick:V,className:g("point-cloud","rotate-180")}),s.createElement(j,null),s.createElement(W,{onClick:()=>{f()},className:g("point-cloud","prev")}),s.createElement(X,{onClick:()=>{v()},className:g("point-cloud","next")}),s.createElement(j,null),s.createElement(M,{initialPosition:m,zoomIn:n,zoomOut:u,zoom:o}))},xe=({setZAxisLimit:t,zAxisLimit:o,checkMode:n})=>n?null:s.createElement("div",{style:{position:"absolute",top:128,right:8,height:"50%",zIndex:20}},s.createElement(ne,{vertical:!0,step:.5,max:10,min:.5,defaultValue:o,onAfterChange:u=>{t(u)}})),ye=({currentData:t,imgList:o,stepInfo:n,drawLayerSlot:u,checkMode:m})=>{const[v,f]=S({zoom:1,currentPos:{x:0,y:0}}),d=$(null),e=s.useContext(J),a=re(d),C=de(n.config),{setZoom:V}=L(),{hideAttributes:N}=e,{addPolygon:R,deletePolygon:Z}=oe(),{deletePointCloudBox:z,changeValidByID:D}=A(),[O,U]=S(10),{t:F}=ae(),x=le();return G(()=>{if(!e.topViewInstance&&d.current&&(t==null?void 0:t.url)&&(t==null?void 0:t.result)){const l={width:d.current.clientWidth,height:d.current.clientHeight},p=new Y({container:d.current,size:l,pcdPath:t.url,config:C,checkMode:m});e.setTopViewInstance(p)}},[t]),y(()=>{if(!a||!e.topViewInstance||!e.sideViewInstance)return;const{pointCloud2dOperation:l}=e.topViewInstance;l.singleOn("polygonCreated",(i,r)=>{if(l.pattern===ve.Normal||!(t==null?void 0:t.url)){const w=Pe(we({},i),{pointList:i.pointList.map(c=>H.transferCanvas2World(c,a))});R(w),e.setSelectedIDs(N.includes(i.attribute)?"":i.id);return}x.topViewAddBox({newPolygon:i,size:a,imgList:o,trackConfigurable:C.trackConfigurable,zoom:r})}),l.singleOn("deletedObject",({id:i})=>{z(i),Z(i)}),l.singleOn("deleteSelectedIDs",()=>{e.setSelectedIDs([])}),l.singleOn("addSelectedIDs",i=>{e.addSelectedID(i)}),l.singleOn("setSelectedIDs",i=>{e.setSelectedIDs(i)}),l.singleOn("updatePolygonByDrag",i=>{var r;(r=x.topViewUpdateBox)==null||r.call(x,i,a)});const p=i=>{var r;const w=D(i);w&&e.syncAllViewPointCloudColor(w),e.polygonList.find(c=>c.id===i)&&((r=e.topViewInstance)==null||r.pointCloud2dOperation.setPolygonValidAndRender(i,!0))};return l.on("validUpdate",p),()=>{l.unbind("validUpdate",p)}},[e,a,t,x,e.polygonList]),y(()=>{var l,p;if(!(a==null?void 0:a.width)||!e.topViewInstance)return;const i=(p=(l=C==null?void 0:C.attributeList)==null?void 0:l[0])==null?void 0:p.value;i&&e.topViewInstance.pointCloud2dOperation.setDefaultAttribute(i),e.topViewInstance.initSize(a),e.topViewInstance.updatePolygonList(e.displayPointCloudList,e.polygonList);const{topViewInstance:{pointCloudInstance:r,pointCloud2dOperation:w}}=e;w.singleOn("renderZoom",(c,P)=>{const{offsetX:h,offsetY:I}=T(P,a,c);if(r.camera.zoom=c,P){const{x:b,y:_,z:E}=r.initCameraPosition;r.camera.position.set(b+I,_-h,E)}r.camera.updateProjectionMatrix(),r.render(),V(c),f({zoom:c,currentPos:P})}),w.singleOn("dragMove",({currentPos:c,zoom:P})=>{const{offsetX:h,offsetY:I}=T(c,a,P);r.camera.zoom=P;const{x:b,y:_,z:E}=r.initCameraPosition;r.camera.position.set(b+I,_-h,E),r.render(),f({zoom:P,currentPos:c})})},[a,e.topViewInstance]),y(()=>{var l,p;(p=(l=e.topViewInstance)==null?void 0:l.pointCloudInstance)==null||p.applyZAxisPoints(O)},[O]),y(()=>{x.topViewSelectedChanged()},[e.selectedIDs]),s.createElement(Q,{className:g("point-cloud-container","top-view"),title:F("TopView"),toolbar:s.createElement(ge,{currentData:t})},s.createElement("div",{style:{position:"relative",flex:1}},s.createElement("div",{style:{width:"100%",height:"100%"},ref:d},u==null?void 0:u(v)),s.createElement(ee,{checkMode:m,config:C}),s.createElement(xe,{checkMode:m,zAxisLimit:O,setZAxisLimit:U}),s.createElement(te,null)))};var Ve=se(ie,null,null,{context:ce})(ye);export{Ve as default};
+import{getClassName as g}from"../../utils/dom.js";import{FooterDivider as L}from"../../views/MainView/toolFooter/index.js";import{ZoomController as W}from"../../views/MainView/toolFooter/ZoomController/index.js";import{UpSquareOutlined as X,DownSquareOutlined as Y}from"@ant-design/icons";import{PointCloudAnnotation as q,cTool as H}from"@labelbee/lb-annotation";import{PointCloudUtils as $}from"@labelbee/lb-utils";import s,{useState as k,useRef as G,useLayoutEffect as J,useEffect as V,useContext as K}from"react";import{PointCloudContext as B}from"./PointCloudContext.js";import{useRotate as Q}from"./hooks/useRotate.js";import{useSingleBox as T}from"./hooks/useSingleBox.js";import{PointCloudContainer as ee}from"./PointCloudLayout.js";import{BoxInfos as te,PointCloudValidity as oe}from"./PointCloudInfos.js";import{usePolygon as ne}from"./hooks/usePolygon.js";import{useZoom as z}from"./hooks/useZoom.js";import{Slider as ie}from"antd";import{a2MapStateToProps as se}from"../../store/annotation/map.js";import{connect as le}from"react-redux";import{usePointCloudViews as re}from"./hooks/usePointCloudViews.js";import ae from"../../hooks/useSize.js";import{useTranslation as ce}from"react-i18next";import{LabelBeeContext as de}from"../../store/ctx.js";import{jsonParser as ue}from"../../utils/index.js";import pe from"./components/PointCloudSizeSlider/index.js";var me=Object.defineProperty,fe=Object.defineProperties,Ce=Object.getOwnPropertyDescriptors,N=Object.getOwnPropertySymbols,Pe=Object.prototype.hasOwnProperty,ve=Object.prototype.propertyIsEnumerable,R=(t,o,n)=>o in t?me(t,o,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[o]=n,we=(t,o)=>{for(var n in o||(o={}))Pe.call(o,n)&&R(t,n,o[n]);if(N)for(var n of N(o))ve.call(o,n)&&R(t,n,o[n]);return t},ge=(t,o)=>fe(t,Ce(o));const{EPolygonPattern:xe}=H,Z=(t,o,n=1)=>{const{width:p,height:m}=o,w={x:t.x+p*n/2,y:t.y+m*n/2},f={x:o.width/2,y:o.height/2};return{offsetX:(f.x-w.x)/n,offsetY:-(f.y-w.y)/n}},ye=({currentData:t})=>{const{zoom:o,zoomIn:n,zoomOut:p,initialPosition:m}=z(),{selectNextBox:w,selectPrevBox:f}=T(),{updateRotate:d}=Q({currentData:t}),{topViewInstance:e}=K(B),a=2,C=()=>{d(-a)},I=()=>{d(a)},h=()=>{d(180)};return s.createElement(s.Fragment,null,s.createElement(pe,{onChange:O=>{var y;(y=e==null?void 0:e.pointCloudInstance)==null||y.updatePointSize({customSize:O})}}),s.createElement("span",{onClick:I,className:g("point-cloud","rotate-reserve")}),s.createElement("span",{onClick:C,className:g("point-cloud","rotate")}),s.createElement("span",{onClick:h,className:g("point-cloud","rotate-180")}),s.createElement(L,null),s.createElement(X,{onClick:()=>{f()},className:g("point-cloud","prev")}),s.createElement(Y,{onClick:()=>{w()},className:g("point-cloud","next")}),s.createElement(L,null),s.createElement(W,{initialPosition:m,zoomIn:n,zoomOut:p,zoom:o}))},Ve=({setZAxisLimit:t,zAxisLimit:o,checkMode:n})=>n?null:s.createElement("div",{style:{position:"absolute",top:128,right:8,height:"50%",zIndex:20}},s.createElement(ie,{vertical:!0,step:.5,max:10,min:.5,defaultValue:o,onAfterChange:p=>{t(p)}})),Ie=({currentData:t,imgList:o,stepInfo:n,drawLayerSlot:p,checkMode:m})=>{const[w,f]=k({zoom:1,currentPos:{x:0,y:0}}),d=G(null),e=s.useContext(B),a=ae(d),C=ue(n.config),{setZoom:I}=z(),{hideAttributes:h}=e,{addPolygon:O,deletePolygon:y}=ne(),{deletePointCloudBox:D,changeValidByID:U}=T(),[S,F]=k(10),{t:M}=ce(),x=re();return J(()=>{if(!e.topViewInstance&&d.current&&(t==null?void 0:t.url)&&(t==null?void 0:t.result)){const l={width:d.current.clientWidth,height:d.current.clientHeight},u=new q({container:d.current,size:l,pcdPath:t.url,config:C,checkMode:m});e.setTopViewInstance(u)}},[t]),V(()=>{if(!a||!e.topViewInstance||!e.sideViewInstance)return;const{pointCloud2dOperation:l}=e.topViewInstance;l.singleOn("polygonCreated",(i,r)=>{if(l.pattern===xe.Normal||!(t==null?void 0:t.url)){const P=ge(we({},i),{pointList:i.pointList.map(c=>$.transferCanvas2World(c,a))});O(P),e.setSelectedIDs(h.includes(i.attribute)?"":i.id);return}x.topViewAddBox({newPolygon:i,size:a,imgList:o,trackConfigurable:C.trackConfigurable,zoom:r})}),l.singleOn("deletedObject",({id:i})=>{D(i),y(i)}),l.singleOn("deleteSelectedIDs",()=>{e.setSelectedIDs([])}),l.singleOn("addSelectedIDs",i=>{e.addSelectedID(i)}),l.singleOn("setSelectedIDs",i=>{e.setSelectedIDs(i)}),l.singleOn("updatePolygonByDrag",i=>{var r;(r=x.topViewUpdateBox)==null||r.call(x,i,a)});const u=i=>{var r;const P=U(i);P&&e.syncAllViewPointCloudColor(P),e.polygonList.find(c=>c.id===i)&&((r=e.topViewInstance)==null||r.pointCloud2dOperation.setPolygonValidAndRender(i,!0))};return l.on("validUpdate",u),()=>{l.unbind("validUpdate",u)}},[e,a,t,x,e.polygonList]),V(()=>{var l,u;if(!(a==null?void 0:a.width)||!e.topViewInstance)return;const i=(u=(l=C==null?void 0:C.attributeList)==null?void 0:l[0])==null?void 0:u.value;i&&e.topViewInstance.pointCloud2dOperation.setDefaultAttribute(i),e.topViewInstance.initSize(a),e.topViewInstance.updatePolygonList(e.displayPointCloudList,e.polygonList);const{topViewInstance:{pointCloudInstance:r,pointCloud2dOperation:P}}=e;P.singleOn("renderZoom",(c,v)=>{const{offsetX:b,offsetY:_}=Z(v,a,c);if(r.camera.zoom=c,v){const{x:E,y:j,z:A}=r.initCameraPosition;r.camera.position.set(E+_,j-b,A)}r.camera.updateProjectionMatrix(),r.render(),I(c),f({zoom:c,currentPos:v})}),P.singleOn("dragMove",({currentPos:c,zoom:v})=>{const{offsetX:b,offsetY:_}=Z(c,a,v);r.camera.zoom=v;const{x:E,y:j,z:A}=r.initCameraPosition;r.camera.position.set(E+_,j-b,A),r.render(),f({zoom:v,currentPos:c})})},[a,e.topViewInstance]),V(()=>{var l,u;(u=(l=e.topViewInstance)==null?void 0:l.pointCloudInstance)==null||u.applyZAxisPoints(S)},[S]),V(()=>{x.topViewSelectedChanged()},[e.selectedIDs]),s.createElement(ee,{className:g("point-cloud-container","top-view"),title:M("TopView"),toolbar:s.createElement(ye,{currentData:t})},s.createElement("div",{style:{position:"relative",flex:1}},s.createElement("div",{style:{width:"100%",height:"100%"},ref:d},p==null?void 0:p(w)),s.createElement(te,{checkMode:m,config:C}),s.createElement(Ve,{checkMode:m,zAxisLimit:S,setZAxisLimit:F}),s.createElement(oe,null)))};var he=le(se,null,null,{context:de})(Ie);export{he as default};

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

@@ -1 +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, PointCloudAnnotation } from '@labelbee/lb-annotation';\nimport { IPolygonData, PointCloudUtils, UpdatePolygonByDragList } from '@labelbee/lb-utils';\nimport React, { useEffect, useLayoutEffect, 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 { useZoom } from './hooks/useZoom';\nimport { Slider } from 'antd';\nimport { a2MapStateToProps, IA2MapStateProps, IAnnotationStateProps } from '@/store/annotation/map';\nimport { connect } from 'react-redux';\nimport { usePointCloudViews } from './hooks/usePointCloudViews';\nimport useSize from '@/hooks/useSize';\nimport { useTranslation } from 'react-i18next';\nimport { LabelBeeContext } from '@/store/ctx';\nimport { jsonParser } from '@/utils';\nimport { TDrawLayerSlot } from '@/types/main';\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 { zoom, zoomIn, zoomOut, initialPosition } = useZoom();\n  const { selectNextBox, selectPrevBox } = useSingleBox();\n  const { updateRotate } = useRotate({ currentData });\n\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        initialPosition={initialPosition}\n        zoomIn={zoomIn}\n        zoomOut={zoomOut}\n        zoom={zoom}\n      />\n    </>\n  );\n};\n\n/**\n * Slider for filtering Z-axis points\n */\nconst ZAxisSlider = ({\n  setZAxisLimit,\n  zAxisLimit,\n  checkMode,\n}: {\n  setZAxisLimit: (value: number) => void;\n  zAxisLimit: number;\n  checkMode?: boolean;\n}) => {\n  if (checkMode) {\n    return null;\n  }\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\ninterface IProps extends IA2MapStateProps {\n  drawLayerSlot?: TDrawLayerSlot;\n  checkMode?: boolean;\n}\n\nconst PointCloudTopView: React.FC<IProps> = ({\n  currentData,\n  imgList,\n  stepInfo,\n  drawLayerSlot,\n  checkMode,\n}) => {\n  const [annotationPos, setAnnotationPos] = useState({ zoom: 1, currentPos: { x: 0, y: 0 } });\n  const ref = useRef<HTMLDivElement>(null);\n  const ptCtx = React.useContext(PointCloudContext);\n  const size = useSize(ref);\n  const config = jsonParser(stepInfo.config);\n  const { setZoom } = useZoom();\n  const { hideAttributes } = ptCtx;\n\n  const { addPolygon, deletePolygon } = usePolygon();\n  const { deletePointCloudBox, changeValidByID } = useSingleBox();\n  const [zAxisLimit, setZAxisLimit] = useState<number>(10);\n  const { t } = useTranslation();\n  const pointCloudViews = usePointCloudViews();\n\n  useLayoutEffect(() => {\n    if (ptCtx.topViewInstance) {\n      return;\n    }\n\n    if (ref.current && currentData?.url && currentData?.result) {\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        pcdPath: currentData.url,\n        config,\n        checkMode,\n      });\n\n      ptCtx.setTopViewInstance(pointCloudAnnotation);\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, zoom: number) => {\n      if (TopView2dOperation.pattern === EPolygonPattern.Normal || !currentData?.url) {\n        /**\n         * Notice. The Polygon need to be converted to pointCloud coordinate system for storage.\n         */\n        const newPolygon = {\n          ...polygon,\n          pointList: polygon.pointList.map((v) => PointCloudUtils.transferCanvas2World(v, size)),\n        };\n\n        addPolygon(newPolygon);\n        ptCtx.setSelectedIDs(hideAttributes.includes(polygon.attribute) ? '' : polygon.id);\n        return;\n      }\n\n      pointCloudViews.topViewAddBox({\n        newPolygon: polygon,\n        size,\n        imgList,\n        trackConfigurable: config.trackConfigurable,\n        zoom,\n      });\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', (updateList: UpdatePolygonByDragList) => {\n      pointCloudViews.topViewUpdateBox?.(updateList, size);\n    });\n\n    const validUpdate = (id: string) => {\n      // UpdateData.\n      const newPointCloudList = changeValidByID(id);\n\n      // HighLight\n      if (newPointCloudList) {\n        ptCtx.syncAllViewPointCloudColor(newPointCloudList);\n      }\n      if (ptCtx.polygonList.find((v) => v.id === id)) {\n        ptCtx.topViewInstance?.pointCloud2dOperation.setPolygonValidAndRender(id, true);\n      }\n    };\n\n    TopView2dOperation.on('validUpdate', validUpdate);\n\n    return () => {\n      TopView2dOperation.unbind('validUpdate', validUpdate);\n    };\n  }, [ptCtx, size, currentData, pointCloudViews, ptCtx.polygonList]);\n\n  useEffect(() => {\n    if (!size?.width || !ptCtx.topViewInstance) {\n      return;\n    }\n    /**\n     * Init Config\n     *\n     * 1. Update defaultAttribute by first attribute;\n     *  */\n    const defaultAttribute = config?.attributeList?.[0]?.value;\n    if (defaultAttribute) {\n      ptCtx.topViewInstance.pointCloud2dOperation.setDefaultAttribute(defaultAttribute);\n    }\n\n    // 1. Update Size\n    ptCtx.topViewInstance.initSize(size);\n    ptCtx.topViewInstance.updatePolygonList(ptCtx.displayPointCloudList, ptCtx.polygonList);\n\n    const {\n      topViewInstance: { pointCloudInstance: pointCloud, pointCloud2dOperation: polygonOperation },\n    } = ptCtx;\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      setZoom(zoom);\n      setAnnotationPos({ zoom, currentPos });\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      setAnnotationPos({ zoom, currentPos });\n    });\n  }, [size, ptCtx.topViewInstance]);\n\n  useEffect(() => {\n    ptCtx.topViewInstance?.pointCloudInstance?.applyZAxisPoints(zAxisLimit);\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={t('TopView')}\n      toolbar={<TopViewToolbar currentData={currentData} />}\n    >\n      <div style={{ position: 'relative', flex: 1 }}>\n        <div style={{ width: '100%', height: '100%' }} ref={ref}>\n          {drawLayerSlot?.(annotationPos)}\n        </div>\n\n        <BoxInfos checkMode={checkMode} config={config} />\n        <ZAxisSlider checkMode={checkMode} zAxisLimit={zAxisLimit} setZAxisLimit={setZAxisLimit} />\n        <PointCloudValidity />\n      </div>\n    </PointCloudContainer>\n  );\n};\n\nexport default connect(a2MapStateToProps, null, null, { context: LabelBeeContext })(\n  PointCloudTopView,\n);\n"],"names":[],"mappings":"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"}
+{"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, PointCloudAnnotation } from '@labelbee/lb-annotation';\nimport { IPolygonData, PointCloudUtils, UpdatePolygonByDragList } from '@labelbee/lb-utils';\nimport React, { useContext, useEffect, useLayoutEffect, 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 { useZoom } from './hooks/useZoom';\nimport { Slider } from 'antd';\nimport { a2MapStateToProps, IA2MapStateProps, IAnnotationStateProps } from '@/store/annotation/map';\nimport { connect } from 'react-redux';\nimport { usePointCloudViews } from './hooks/usePointCloudViews';\nimport useSize from '@/hooks/useSize';\nimport { useTranslation } from 'react-i18next';\nimport { LabelBeeContext } from '@/store/ctx';\nimport { jsonParser } from '@/utils';\nimport { TDrawLayerSlot } from '@/types/main';\nimport PointCloudSizeSlider from './components/PointCloudSizeSlider';\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 { zoom, zoomIn, zoomOut, initialPosition } = useZoom();\n  const { selectNextBox, selectPrevBox } = useSingleBox();\n  const { updateRotate } = useRotate({ currentData });\n  const { topViewInstance } = useContext(PointCloudContext);\n\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      <PointCloudSizeSlider\n        onChange={(v: number) => {\n          topViewInstance?.pointCloudInstance?.updatePointSize({ customSize: v });\n        }}\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        initialPosition={initialPosition}\n        zoomIn={zoomIn}\n        zoomOut={zoomOut}\n        zoom={zoom}\n      />\n    </>\n  );\n};\n\n/**\n * Slider for filtering Z-axis points\n */\nconst ZAxisSlider = ({\n  setZAxisLimit,\n  zAxisLimit,\n  checkMode,\n}: {\n  setZAxisLimit: (value: number) => void;\n  zAxisLimit: number;\n  checkMode?: boolean;\n}) => {\n  if (checkMode) {\n    return null;\n  }\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\ninterface IProps extends IA2MapStateProps {\n  drawLayerSlot?: TDrawLayerSlot;\n  checkMode?: boolean;\n}\n\nconst PointCloudTopView: React.FC<IProps> = ({\n  currentData,\n  imgList,\n  stepInfo,\n  drawLayerSlot,\n  checkMode,\n}) => {\n  const [annotationPos, setAnnotationPos] = useState({ zoom: 1, currentPos: { x: 0, y: 0 } });\n  const ref = useRef<HTMLDivElement>(null);\n  const ptCtx = React.useContext(PointCloudContext);\n  const size = useSize(ref);\n  const config = jsonParser(stepInfo.config);\n  const { setZoom } = useZoom();\n  const { hideAttributes } = ptCtx;\n\n  const { addPolygon, deletePolygon } = usePolygon();\n  const { deletePointCloudBox, changeValidByID } = useSingleBox();\n  const [zAxisLimit, setZAxisLimit] = useState<number>(10);\n  const { t } = useTranslation();\n  const pointCloudViews = usePointCloudViews();\n\n  useLayoutEffect(() => {\n    if (ptCtx.topViewInstance) {\n      return;\n    }\n\n    if (ref.current && currentData?.url && currentData?.result) {\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        pcdPath: currentData.url,\n        config,\n        checkMode,\n      });\n\n      ptCtx.setTopViewInstance(pointCloudAnnotation);\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, zoom: number) => {\n      if (TopView2dOperation.pattern === EPolygonPattern.Normal || !currentData?.url) {\n        /**\n         * Notice. The Polygon need to be converted to pointCloud coordinate system for storage.\n         */\n        const newPolygon = {\n          ...polygon,\n          pointList: polygon.pointList.map((v) => PointCloudUtils.transferCanvas2World(v, size)),\n        };\n\n        addPolygon(newPolygon);\n        ptCtx.setSelectedIDs(hideAttributes.includes(polygon.attribute) ? '' : polygon.id);\n        return;\n      }\n\n      pointCloudViews.topViewAddBox({\n        newPolygon: polygon,\n        size,\n        imgList,\n        trackConfigurable: config.trackConfigurable,\n        zoom,\n      });\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', (updateList: UpdatePolygonByDragList) => {\n      pointCloudViews.topViewUpdateBox?.(updateList, size);\n    });\n\n    const validUpdate = (id: string) => {\n      // UpdateData.\n      const newPointCloudList = changeValidByID(id);\n\n      // HighLight\n      if (newPointCloudList) {\n        ptCtx.syncAllViewPointCloudColor(newPointCloudList);\n      }\n      if (ptCtx.polygonList.find((v) => v.id === id)) {\n        ptCtx.topViewInstance?.pointCloud2dOperation.setPolygonValidAndRender(id, true);\n      }\n    };\n\n    TopView2dOperation.on('validUpdate', validUpdate);\n\n    return () => {\n      TopView2dOperation.unbind('validUpdate', validUpdate);\n    };\n  }, [ptCtx, size, currentData, pointCloudViews, ptCtx.polygonList]);\n\n  useEffect(() => {\n    if (!size?.width || !ptCtx.topViewInstance) {\n      return;\n    }\n    /**\n     * Init Config\n     *\n     * 1. Update defaultAttribute by first attribute;\n     *  */\n    const defaultAttribute = config?.attributeList?.[0]?.value;\n    if (defaultAttribute) {\n      ptCtx.topViewInstance.pointCloud2dOperation.setDefaultAttribute(defaultAttribute);\n    }\n\n    // 1. Update Size\n    ptCtx.topViewInstance.initSize(size);\n    ptCtx.topViewInstance.updatePolygonList(ptCtx.displayPointCloudList, ptCtx.polygonList);\n\n    const {\n      topViewInstance: { pointCloudInstance: pointCloud, pointCloud2dOperation: polygonOperation },\n    } = ptCtx;\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      setZoom(zoom);\n      setAnnotationPos({ zoom, currentPos });\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      setAnnotationPos({ zoom, currentPos });\n    });\n  }, [size, ptCtx.topViewInstance]);\n\n  useEffect(() => {\n    ptCtx.topViewInstance?.pointCloudInstance?.applyZAxisPoints(zAxisLimit);\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={t('TopView')}\n      toolbar={<TopViewToolbar currentData={currentData} />}\n    >\n      <div style={{ position: 'relative', flex: 1 }}>\n        <div style={{ width: '100%', height: '100%' }} ref={ref}>\n          {drawLayerSlot?.(annotationPos)}\n        </div>\n\n        <BoxInfos checkMode={checkMode} config={config} />\n        <ZAxisSlider checkMode={checkMode} zAxisLimit={zAxisLimit} setZAxisLimit={setZAxisLimit} />\n        <PointCloudValidity />\n      </div>\n    </PointCloudContainer>\n  );\n};\n\nexport default connect(a2MapStateToProps, null, null, { context: LabelBeeContext })(\n  PointCloudTopView,\n);\n"],"names":[],"mappings":"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"}

package/es/components/pointCloudView/components/PointCloudSizeSlider/index.js

@@ -0,0 +1 @@
+import e from"react";import{getClassName as t}from"../../../../utils/dom.js";import{Slider as a}from"antd";const r=({onChange:n})=>e.createElement("span",{className:t("point-cloud-container","slider-container")},e.createElement("span",{className:t("point-cloud-container","slider-container","circle")}),e.createElement("span",{className:t("point-cloud-container","slider-container","slider")},e.createElement(a,{onChange:n,min:1,max:8})),e.createElement("span",{className:t("point-cloud-container","slider-container","circle"),style:{width:"10px",height:"10px"}}));export{r as default};

package/es/components/pointCloudView/components/PointCloudSizeSlider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/pointCloudView/components/PointCloudSizeSlider/index.tsx"],"sourcesContent":["import React from 'react';\nimport { getClassName } from '@/utils/dom';\nimport { Slider } from 'antd';\n\ninterface IProps {\n  onChange: (size: number) => void;\n}\n\nconst PointCloudSizeSlider = ({ onChange }: IProps) => {\n  return (\n    <span className={getClassName('point-cloud-container', 'slider-container')}>\n      <span className={getClassName('point-cloud-container', 'slider-container', 'circle')} />\n      <span className={getClassName('point-cloud-container', 'slider-container', 'slider')}>\n        <Slider onChange={onChange} min={1} max={8} />\n      </span>\n      <span\n        className={getClassName('point-cloud-container', 'slider-container', 'circle')}\n        style={{ width: '10px', height: '10px' }}\n      />\n    </span>\n  );\n};\n\nexport default PointCloudSizeSlider;\n"],"names":[],"mappings":";;;;AAQM,MAAA,oBAAA,GAAuB,CAAC,CAAE,QAAuB,CAAA,KAAA;AACrD,EAAA,2CACG,MAAD,EAAA;AAAA,IAAM,SAAA,EAAW,aAAa,uBAAyB,EAAA,kBAAA,CAAA;AAAA,GAAA,sCACpD,MAAD,EAAA;AAAA,IAAM,SAAA,EAAW,YAAa,CAAA,uBAAA,EAAyB,kBAAoB,EAAA,QAAA,CAAA;AAAA,GAAA,CAAA,sCAC1E,MAAD,EAAA;AAAA,IAAM,SAAA,EAAW,YAAa,CAAA,uBAAA,EAAyB,kBAAoB,EAAA,QAAA,CAAA;AAAA,GAAA,sCACxE,MAAD,EAAA;AAAA,IAAQ,QAAA;AAAA,IAAoB,GAAK,EAAA,CAAA;AAAA,IAAG,GAAK,EAAA,CAAA;AAAA,GAAA,CAAA,CAAA,sCAE1C,MAAD,EAAA;AAAA,IACE,SAAA,EAAW,YAAa,CAAA,uBAAA,EAAyB,kBAAoB,EAAA,QAAA,CAAA;AAAA,IACrE,KAAO,EAAA,CAAE,KAAO,EAAA,MAAA,EAAQ,MAAQ,EAAA,MAAA,CAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AAAA;;;;"}

package/es/components/pointCloudView/hooks/useRotate.js

@@ -1 +1 @@
-import{useContext as p,useCallback as C}from"react";import{synchronizeSideView as m,synchronizeBackView as P}from"./usePointCloudViews.js";import{useSingleBox as w}from"./useSingleBox.js";import{PointCloudContext as x}from"../PointCloudContext.js";import{cAnnotation as b}from"@labelbee/lb-annotation";import{PointCloudUtils as V}from"@labelbee/lb-utils";const{ERotateDirection:f}=b,g=({currentData:t})=>{const o=p(x),{selectedBox:i,updateSelectedBox:u}=w();return{updateRotate:C(l=>{const{topViewInstance:s,mainViewInstance:n,syncAllViewPointCloudColor:d}=o;if(!s||!n)return;const{pointCloud2dOperation:c}=s,e=i==null?void 0:i.info;if(!e||!(t==null?void 0:t.url)||!o.backViewInstance)return;const a=u({rotation:V.restrictAngleRange(e.rotation+Number(Math.PI*l)/180)});c.rotatePolygon(l,f.Anticlockwise);const r=c.selectedPolygon;n.generateBox(e),d(a),m(e,r,o.sideViewInstance,t.url),P(e,r,o.backViewInstance,t.url),n.render()},[o.selectedID,o.pointCloudBoxList,o.setPointCloudResult,o.topViewInstance,t])}};export{g as useRotate};
+import{useContext as p}from"react";import{synchronizeSideView as C,synchronizeBackView as P}from"./usePointCloudViews.js";import{useSingleBox as w}from"./useSingleBox.js";import{PointCloudContext as x}from"../PointCloudContext.js";import{cAnnotation as f}from"@labelbee/lb-annotation";import{PointCloudUtils as b}from"@labelbee/lb-utils";import{useThrottleFn as V}from"ahooks";const{ERotateDirection:g}=f,y=({currentData:t})=>{const e=p(x),{selectedBox:i,updateSelectedBox:u}=w(),{run:a}=V(l=>{const{topViewInstance:s,mainViewInstance:n,syncAllViewPointCloudColor:d}=e;if(!s||!n)return;const{pointCloud2dOperation:r}=s,o=i==null?void 0:i.info;if(!o||!(t==null?void 0:t.url)||!e.backViewInstance)return;const m=u({rotation:b.restrictAngleRange(o.rotation+Number(Math.PI*l)/180)});r.rotatePolygon(l,g.Anticlockwise);const c=r.selectedPolygon;n.generateBox(o),d(m),C(o,c,e.sideViewInstance,t.url),P(o,c,e.backViewInstance,t.url),n.render()},{wait:800});return{updateRotate:a}};export{y as useRotate};

package/es/components/pointCloudView/hooks/useRotate.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRotate.js","sources":["../../../../src/components/pointCloudView/hooks/useRotate.ts"],"sourcesContent":["import { useCallback, useContext } from 'react';\nimport { IAnnotationStateProps } from '@/store/annotation/map';\nimport { synchronizeBackView, synchronizeSideView } from './usePointCloudViews';\nimport { useSingleBox } from './useSingleBox';\nimport { PointCloudContext } from '../PointCloudContext';\nimport { cAnnotation } from '@labelbee/lb-annotation';\nimport { PointCloudUtils } from '@labelbee/lb-utils';\n\nconst { ERotateDirection } = cAnnotation;\n\n/**\n * PointCloud Rotate Hook\n * @returns\n */\nexport const useRotate = ({ currentData }: IAnnotationStateProps) => {\n  const ptCtx = useContext(PointCloudContext);\n  const { selectedBox, updateSelectedBox } = useSingleBox();\n\n  const updateRotate = useCallback(\n    (angle: number) => {\n      const { topViewInstance, mainViewInstance, syncAllViewPointCloudColor } = ptCtx;\n      if (!topViewInstance || !mainViewInstance) {\n        return;\n      }\n\n      const { pointCloud2dOperation: TopPointCloudPolygonOperation } = topViewInstance;\n\n      const selectedPointCloudBox = selectedBox?.info;\n\n      if (!selectedPointCloudBox || !currentData?.url || !ptCtx.backViewInstance) {\n        return;\n      }\n\n      const newPointCloudList = updateSelectedBox({\n        rotation: PointCloudUtils.restrictAngleRange(\n          selectedPointCloudBox.rotation + Number(Math.PI * angle) / 180,\n        ),\n      });\n\n      TopPointCloudPolygonOperation.rotatePolygon(angle, ERotateDirection.Anticlockwise);\n      const selectedPolygon = TopPointCloudPolygonOperation.selectedPolygon;\n\n      mainViewInstance.generateBox(selectedPointCloudBox);\n      syncAllViewPointCloudColor(newPointCloudList);\n      synchronizeSideView(\n        selectedPointCloudBox,\n        selectedPolygon,\n        ptCtx.sideViewInstance,\n        currentData.url,\n      );\n      synchronizeBackView(\n        selectedPointCloudBox,\n        selectedPolygon,\n        ptCtx.backViewInstance,\n        currentData.url,\n      );\n      mainViewInstance.render();\n    },\n    [\n      ptCtx.selectedID,\n      ptCtx.pointCloudBoxList,\n      ptCtx.setPointCloudResult,\n      ptCtx.topViewInstance,\n      currentData,\n    ],\n  );\n\n  return { updateRotate };\n};\n"],"names":[],"mappings":";;;;;;;AAQA,MAAM,CAAE,gBAAqB,CAAA,GAAA,WAAA,CAAA;AAMhB,MAAA,SAAA,GAAY,CAAC,CAAE,WAAyC,CAAA,KAAA;AACnE,EAAA,MAAM,QAAQ,UAAW,CAAA,iBAAA,CAAA,CAAA;AACzB,EAAM,MAAA,CAAE,aAAa,iBAAsB,CAAA,GAAA,YAAA,EAAA,CAAA;AAE3C,EAAM,MAAA,YAAA,GAAe,WACnB,CAAA,CAAC,KAAkB,KAAA;AACjB,IAAM,MAAA,CAAE,eAAiB,EAAA,gBAAA,EAAkB,0BAA+B,CAAA,GAAA,KAAA,CAAA;AAC1E,IAAI,IAAA,CAAC,eAAmB,IAAA,CAAC,gBAAkB,EAAA;AACzC,MAAA,OAAA;AAAA,KAAA;AAGF,IAAM,MAAA,CAAE,uBAAuB,6BAAkC,CAAA,GAAA,eAAA,CAAA;AAEjE,IAAA,MAAM,wBAAwB,WAAa,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CAAA,IAAA,CAAA;AAE3C,IAAA,IAAI,CAAC,qBAAyB,IAAA,6CAAc,GAAO,CAAA,IAAA,CAAC,MAAM,gBAAkB,EAAA;AAC1E,MAAA,OAAA;AAAA,KAAA;AAGF,IAAA,MAAM,oBAAoB,iBAAkB,CAAA;AAAA,MAC1C,QAAA,EAAU,gBAAgB,kBACxB,CAAA,qBAAA,CAAsB,WAAW,MAAO,CAAA,IAAA,CAAK,KAAK,KAAS,CAAA,GAAA,GAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAI/D,IAA8B,6BAAA,CAAA,aAAA,CAAc,OAAO,gBAAiB,CAAA,aAAA,CAAA,CAAA;AACpE,IAAA,MAAM,kBAAkB,6BAA8B,CAAA,eAAA,CAAA;AAEtD,IAAA,gBAAA,CAAiB,WAAY,CAAA,qBAAA,CAAA,CAAA;AAC7B,IAA2B,0BAAA,CAAA,iBAAA,CAAA,CAAA;AAC3B,IAAA,mBAAA,CACE,qBACA,EAAA,eAAA,EACA,KAAM,CAAA,gBAAA,EACN,WAAY,CAAA,GAAA,CAAA,CAAA;AAEd,IAAA,mBAAA,CACE,qBACA,EAAA,eAAA,EACA,KAAM,CAAA,gBAAA,EACN,WAAY,CAAA,GAAA,CAAA,CAAA;AAEd,IAAiB,gBAAA,CAAA,MAAA,EAAA,CAAA;AAAA,GAEnB,EAAA;AAAA,IACE,KAAM,CAAA,UAAA;AAAA,IACN,KAAM,CAAA,iBAAA;AAAA,IACN,KAAM,CAAA,mBAAA;AAAA,IACN,KAAM,CAAA,eAAA;AAAA,IACN,WAAA;AAAA,GAAA,CAAA,CAAA;AAIJ,EAAA,OAAO,CAAE,YAAA,CAAA,CAAA;AAAA;;;;"}
+{"version":3,"file":"useRotate.js","sources":["../../../../src/components/pointCloudView/hooks/useRotate.ts"],"sourcesContent":["import { useContext } from 'react';\nimport { IAnnotationStateProps } from '@/store/annotation/map';\nimport { synchronizeBackView, synchronizeSideView } from './usePointCloudViews';\nimport { useSingleBox } from './useSingleBox';\nimport { PointCloudContext } from '../PointCloudContext';\nimport { cAnnotation } from '@labelbee/lb-annotation';\nimport { PointCloudUtils } from '@labelbee/lb-utils';\nimport { useThrottleFn } from 'ahooks';\n\nconst { ERotateDirection } = cAnnotation;\n\n/**\n * PointCloud Rotate Hook\n * @returns\n */\nexport const useRotate = ({ currentData }: IAnnotationStateProps) => {\n  const ptCtx = useContext(PointCloudContext);\n  const { selectedBox, updateSelectedBox } = useSingleBox();\n  const { run: updateRotate } = useThrottleFn(\n    (angle: number) => {\n      const { topViewInstance, mainViewInstance, syncAllViewPointCloudColor } = ptCtx;\n      if (!topViewInstance || !mainViewInstance) {\n        return;\n      }\n\n      const { pointCloud2dOperation: TopPointCloudPolygonOperation } = topViewInstance;\n\n      const selectedPointCloudBox = selectedBox?.info;\n\n      if (!selectedPointCloudBox || !currentData?.url || !ptCtx.backViewInstance) {\n        return;\n      }\n\n      const newPointCloudList = updateSelectedBox({\n        rotation: PointCloudUtils.restrictAngleRange(\n          selectedPointCloudBox.rotation + Number(Math.PI * angle) / 180,\n        ),\n      });\n\n      TopPointCloudPolygonOperation.rotatePolygon(angle, ERotateDirection.Anticlockwise);\n      const selectedPolygon = TopPointCloudPolygonOperation.selectedPolygon;\n\n      mainViewInstance.generateBox(selectedPointCloudBox);\n      syncAllViewPointCloudColor(newPointCloudList);\n      synchronizeSideView(\n        selectedPointCloudBox,\n        selectedPolygon,\n        ptCtx.sideViewInstance,\n        currentData.url,\n      );\n      synchronizeBackView(\n        selectedPointCloudBox,\n        selectedPolygon,\n        ptCtx.backViewInstance,\n        currentData.url,\n      );\n      mainViewInstance.render();\n    },\n    {\n      wait: 800,\n    }\n  );\n\n  return { \n    updateRotate,\n  };\n};\n"],"names":[],"mappings":";;;;;;;;AASA,MAAM,CAAE,gBAAqB,CAAA,GAAA,WAAA,CAAA;AAMhB,MAAA,SAAA,GAAY,CAAC,CAAE,WAAyC,CAAA,KAAA;AACnE,EAAA,MAAM,QAAQ,UAAW,CAAA,iBAAA,CAAA,CAAA;AACzB,EAAM,MAAA,CAAE,aAAa,iBAAsB,CAAA,GAAA,YAAA,EAAA,CAAA;AAC3C,EAAA,MAAM,CAAE,GAAA,EAAK,YAAiB,CAAA,GAAA,aAAA,CAC5B,CAAC,KAAkB,KAAA;AACjB,IAAM,MAAA,CAAE,eAAiB,EAAA,gBAAA,EAAkB,0BAA+B,CAAA,GAAA,KAAA,CAAA;AAC1E,IAAI,IAAA,CAAC,eAAmB,IAAA,CAAC,gBAAkB,EAAA;AACzC,MAAA,OAAA;AAAA,KAAA;AAGF,IAAM,MAAA,CAAE,uBAAuB,6BAAkC,CAAA,GAAA,eAAA,CAAA;AAEjE,IAAA,MAAM,wBAAwB,WAAa,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CAAA,IAAA,CAAA;AAE3C,IAAA,IAAI,CAAC,qBAAyB,IAAA,6CAAc,GAAO,CAAA,IAAA,CAAC,MAAM,gBAAkB,EAAA;AAC1E,MAAA,OAAA;AAAA,KAAA;AAGF,IAAA,MAAM,oBAAoB,iBAAkB,CAAA;AAAA,MAC1C,QAAA,EAAU,gBAAgB,kBACxB,CAAA,qBAAA,CAAsB,WAAW,MAAO,CAAA,IAAA,CAAK,KAAK,KAAS,CAAA,GAAA,GAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAI/D,IAA8B,6BAAA,CAAA,aAAA,CAAc,OAAO,gBAAiB,CAAA,aAAA,CAAA,CAAA;AACpE,IAAA,MAAM,kBAAkB,6BAA8B,CAAA,eAAA,CAAA;AAEtD,IAAA,gBAAA,CAAiB,WAAY,CAAA,qBAAA,CAAA,CAAA;AAC7B,IAA2B,0BAAA,CAAA,iBAAA,CAAA,CAAA;AAC3B,IAAA,mBAAA,CACE,qBACA,EAAA,eAAA,EACA,KAAM,CAAA,gBAAA,EACN,WAAY,CAAA,GAAA,CAAA,CAAA;AAEd,IAAA,mBAAA,CACE,qBACA,EAAA,eAAA,EACA,KAAM,CAAA,gBAAA,EACN,WAAY,CAAA,GAAA,CAAA,CAAA;AAEd,IAAiB,gBAAA,CAAA,MAAA,EAAA,CAAA;AAAA,GAEnB,EAAA;AAAA,IACE,IAAM,EAAA,GAAA;AAAA,GAAA,CAAA,CAAA;AAIV,EAAO,OAAA;AAAA,IACL,YAAA;AAAA,GAAA,CAAA;AAAA;;;;"}

package/es/components/pointCloudView/hooks/useSphere.js

@@ -0,0 +1,43 @@
+import { useContext, useMemo, useCallback } from 'react';
+import { PointCloudContext } from '../PointCloudContext.js';
+import _ from 'lodash';
+
+const useSphere = () => {
+  const {
+    pointCloudSphereList,
+    setPointCloudSphereList,
+    selectedID,
+    mainViewInstance
+  } = useContext(PointCloudContext);
+  const selectedSphere = useMemo(() => {
+    return pointCloudSphereList.find((v) => v.id === selectedID);
+  }, [selectedID, pointCloudSphereList]);
+  const getPointCloudSphereByID = useCallback((id) => {
+    return pointCloudSphereList.find((i) => i.id === id);
+  }, [pointCloudSphereList]);
+  const updatePointCloudSphere = useCallback((sphereParams) => {
+    const sphereIndex = pointCloudSphereList.findIndex((v) => v.id === sphereParams.id);
+    if (sphereIndex > -1) {
+      pointCloudSphereList.splice(sphereIndex, 1, _.merge(pointCloudSphereList[sphereIndex], sphereParams));
+      const newPointCloudSphereList = _.cloneDeep(pointCloudSphereList);
+      setPointCloudSphereList(newPointCloudSphereList);
+      return newPointCloudSphereList;
+    }
+    return pointCloudSphereList;
+  }, [pointCloudSphereList]);
+  const deletePointCloudSphere = useCallback((id) => {
+    const newPointCloudSphereList = pointCloudSphereList.filter((v) => v.id !== id);
+    setPointCloudSphereList(newPointCloudSphereList);
+    mainViewInstance == null ? void 0 : mainViewInstance.removeObjectByName(id);
+    mainViewInstance == null ? void 0 : mainViewInstance.render();
+  }, [pointCloudSphereList]);
+  return {
+    selectedSphere,
+    getPointCloudSphereByID,
+    updatePointCloudSphere,
+    deletePointCloudSphere
+  };
+};
+
+export { useSphere };
+//# sourceMappingURL=useSphere.js.map

package/es/components/pointCloudView/hooks/useSphere.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSphere.js","sources":["../../../../src/components/pointCloudView/hooks/useSphere.ts"],"sourcesContent":["import { useCallback, useContext, useMemo } from 'react';\nimport { PointCloudContext } from '@/components/pointCloudView/PointCloudContext';\nimport _ from 'lodash';\n\nexport const useSphere = () => {\n  const {\n    pointCloudSphereList,\n    setPointCloudSphereList,\n    selectedID,\n    mainViewInstance,\n  } = useContext(PointCloudContext);\n\n  const selectedSphere = useMemo(() => {\n    return pointCloudSphereList.find((v) => v.id === selectedID)\n  }, [selectedID, pointCloudSphereList])\n\n  const getPointCloudSphereByID = useCallback(\n    (id: string) => {\n      return pointCloudSphereList.find((i) => i.id === id);\n    },\n    [pointCloudSphereList],\n  );\n\n  const updatePointCloudSphere = useCallback(\n    (sphereParams) => {\n      const sphereIndex = pointCloudSphereList.findIndex((v) => v.id === sphereParams.id)\n      if (sphereIndex > -1) {\n        pointCloudSphereList.splice(sphereIndex, 1, _.merge(pointCloudSphereList[sphereIndex], sphereParams));\n        const newPointCloudSphereList = _.cloneDeep(pointCloudSphereList);\n        setPointCloudSphereList(newPointCloudSphereList);\n        return newPointCloudSphereList;\n      }\n      return pointCloudSphereList\n    }, [pointCloudSphereList]\n  )\n\n  const deletePointCloudSphere = useCallback(\n    (id: string) => {\n      const newPointCloudSphereList = pointCloudSphereList.filter((v) => v.id !== id);\n      setPointCloudSphereList(newPointCloudSphereList);\n      mainViewInstance?.removeObjectByName(id);\n      mainViewInstance?.render();\n    }, [pointCloudSphereList]\n  )\n\n  return {\n    selectedSphere,\n    getPointCloudSphereByID,\n    updatePointCloudSphere,\n    deletePointCloudSphere,\n  }\n}\n"],"names":[],"mappings":";;;;AAIO,MAAM,YAAY,MAAM;AAC7B,EAAM,MAAA;AAAA,IACJ,oBAAA;AAAA,IACA,uBAAA;AAAA,IACA,UAAA;AAAA,IACA,gBAAA;AAAA,GAAA,GACE,UAAW,CAAA,iBAAA,CAAA,CAAA;AAEf,EAAM,MAAA,cAAA,GAAiB,QAAQ,MAAM;AACnC,IAAA,OAAO,oBAAqB,CAAA,IAAA,CAAK,CAAC,CAAA,KAAM,EAAE,EAAO,KAAA,UAAA,CAAA,CAAA;AAAA,GAAA,EAChD,CAAC,UAAY,EAAA,oBAAA,CAAA,CAAA,CAAA;AAEhB,EAAM,MAAA,uBAAA,GAA0B,WAC9B,CAAA,CAAC,EAAe,KAAA;AACd,IAAA,OAAO,oBAAqB,CAAA,IAAA,CAAK,CAAC,CAAA,KAAM,EAAE,EAAO,KAAA,EAAA,CAAA,CAAA;AAAA,GAAA,EAEnD,CAAC,oBAAA,CAAA,CAAA,CAAA;AAGH,EAAM,MAAA,sBAAA,GAAyB,WAC7B,CAAA,CAAC,YAAiB,KAAA;AAChB,IAAA,MAAM,cAAc,oBAAqB,CAAA,SAAA,CAAU,CAAC,CAAM,KAAA,CAAA,CAAE,OAAO,YAAa,CAAA,EAAA,CAAA,CAAA;AAChF,IAAA,IAAI,cAAc,CAAI,CAAA,EAAA;AACpB,MAAA,oBAAA,CAAqB,OAAO,WAAa,EAAA,CAAA,EAAG,CAAE,CAAA,KAAA,CAAM,qBAAqB,WAAc,CAAA,EAAA,YAAA,CAAA,CAAA,CAAA;AACvF,MAAM,MAAA,uBAAA,GAA0B,EAAE,SAAU,CAAA,oBAAA,CAAA,CAAA;AAC5C,MAAwB,uBAAA,CAAA,uBAAA,CAAA,CAAA;AACxB,MAAO,OAAA,uBAAA,CAAA;AAAA,KAAA;AAET,IAAO,OAAA,oBAAA,CAAA;AAAA,GAAA,EACN,CAAC,oBAAA,CAAA,CAAA,CAAA;AAGN,EAAM,MAAA,sBAAA,GAAyB,WAC7B,CAAA,CAAC,EAAe,KAAA;AACd,IAAA,MAAM,0BAA0B,oBAAqB,CAAA,MAAA,CAAO,CAAC,CAAA,KAAM,EAAE,EAAO,KAAA,EAAA,CAAA,CAAA;AAC5E,IAAwB,uBAAA,CAAA,uBAAA,CAAA,CAAA;AACxB,IAAA,gBAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,gBAAA,CAAkB,kBAAmB,CAAA,EAAA,CAAA,CAAA;AACrC,IAAkB,gBAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,gBAAA,CAAA,MAAA,EAAA,CAAA;AAAA,GAAA,EACjB,CAAC,oBAAA,CAAA,CAAA,CAAA;AAGN,EAAO,OAAA;AAAA,IACL,cAAA;AAAA,IACA,uBAAA;AAAA,IACA,sBAAA;AAAA,IACA,sBAAA;AAAA,GAAA,CAAA;AAAA;;;;"}

package/es/components/predictTracking/index.js

@@ -1 +1,3 @@
-import"./predictTrackingIcon/index.js";export{default}from"./predictTrackingIcon/index.js";
+import PredictTrackingIcon from './predictTrackingIcon/index.js';
+export { default } from './predictTrackingIcon/index.js';
+//# sourceMappingURL=index.js.map

package/es/components/predictTracking/predictTrackingIcon/index.js

@@ -1 +1,91 @@
-import{Button as p,message as l}from"antd";import u from"react";import{useTranslation as g}from"react-i18next";import{connect as x}from"react-redux";import h from"../../../assets/predictTracking/icon.svg.js";import{useSingleBox as y}from"../../pointCloudView/hooks/useSingleBox.js";import{ChangeSave as P,GetBoxesByID as v,SetPointCloudLoading as B,SetPredictResult as S,SetPredictResultVisible as k}from"../../../store/annotation/actionCreators.js";import{LabelBeeContext as C,useDispatch as T}from"../../../store/ctx.js";import{predict as I}from"../previewResult/util.js";var j=(i,n,e)=>new Promise((a,c)=>{var d=t=>{try{r(e.next(t))}catch(o){c(o)}},s=t=>{try{r(e.throw(t))}catch(o){c(o)}},r=t=>t.done?a(t.value):Promise.resolve(t.value).then(d,s);r((e=e.apply(i,n)).next())});const D=i=>{const n=T(),{t:e}=g(),{loading:a}=i,{selectedBox:c}=y(),d=()=>j(void 0,null,function*(){if(a)return;const s=c==null?void 0:c.info.trackID;if(!s){l.error(e("BeforePredictStarting"));return}yield n(P);const r=yield n(v(s));if(r.length<2){l.error(e("BeforePredictStarting"));return}const t=r[r.length-2],o=r[r.length-1],m=o.index-t.index;if(m<2){l.error(e("BeforePredictStarting"));return}if(m>8){l.error(e("ThePredictedPointCloud"));return}B(n,!0);const f=I(t,o);S(n,f),k(n,!0)});return u.createElement(p,{type:"link",onClick:d,style:{display:"flex",flexDirection:"column",height:"auto",alignItems:"center"}},u.createElement("img",{src:h,style:{alignSelf:"center"}}),u.createElement("span",{style:{color:"#797979"}},e("ComplementaryTracking")))},w=i=>({loading:i.annotation.loading});var R=x(w,null,null,{context:C})(D);export{R as default};
+import { Button, message } from 'antd';
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { connect } from 'react-redux';
+import img from '../../../assets/predictTracking/icon.svg.js';
+import { useSingleBox } from '../../pointCloudView/hooks/useSingleBox.js';
+import { ChangeSave, GetBoxesByID, SetPointCloudLoading, SetPredictResult, SetPredictResultVisible } from '../../../store/annotation/actionCreators.js';
+import { LabelBeeContext, useDispatch } from '../../../store/ctx.js';
+import { predict } from '../previewResult/util.js';
+
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+const PredictTrackingIcon = (props) => {
+  const dispatch = useDispatch();
+  const {t} = useTranslation();
+  const {loading} = props;
+  const {selectedBox} = useSingleBox();
+  const handler = () => __async(undefined, null, function* () {
+    if (loading) {
+      return;
+    }
+    const selectedBoxTrackID = selectedBox == null ? void 0 : selectedBox.info.trackID;
+    if (!selectedBoxTrackID) {
+      message.error(t("BeforePredictStarting"));
+      return;
+    }
+    yield dispatch(ChangeSave);
+    const boxes = yield dispatch(GetBoxesByID(selectedBoxTrackID));
+    if (boxes.length < 2) {
+      message.error(t("BeforePredictStarting"));
+      return;
+    }
+    const start = boxes[boxes.length - 2];
+    const end = boxes[boxes.length - 1];
+    const difference = end.index - start.index;
+    if (difference < 2) {
+      message.error(t("BeforePredictStarting"));
+      return;
+    }
+    if (difference > 8) {
+      message.error(t("ThePredictedPointCloud"));
+      return;
+    }
+    SetPointCloudLoading(dispatch, true);
+    const result = predict(start, end);
+    SetPredictResult(dispatch, result);
+    SetPredictResultVisible(dispatch, true);
+  });
+  return /* @__PURE__ */ React.createElement(Button, {
+    type: "link",
+    onClick: handler,
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      height: "auto",
+      alignItems: "center"
+    }
+  }, /* @__PURE__ */ React.createElement("img", {
+    src: img,
+    style: {alignSelf: "center"}
+  }), /* @__PURE__ */ React.createElement("span", {
+    style: {color: "#797979"}
+  }, t("ComplementaryTracking")));
+};
+const mapStateToProps = (state) => {
+  return {
+    loading: state.annotation.loading
+  };
+};
+var PredictTrackingIcon$1 = connect(mapStateToProps, null, null, {context: LabelBeeContext})(PredictTrackingIcon);
+
+export { PredictTrackingIcon$1 as default };
+//# sourceMappingURL=index.js.map

package/es/components/predictTracking/previewResult/index.js

@@ -1 +1,189 @@
-import C from"classnames";import n,{useState as j,useRef as S,useEffect as F}from"react";import{useTranslation as _}from"react-i18next";import{connect as L}from"react-redux";import{PointCloudContext as B}from"../../pointCloudView/PointCloudContext.js";import{SetPredictResultVisible as D,SetPredictResult as T,SetPointCloudLoading as v,BatchUpdateImgListResultByPredictResult as I}from"../../../store/annotation/actionCreators.js";import{LabelBeeContext as $,useDispatch as E}from"../../../store/ctx.js";import{getClassName as o}from"../../../utils/dom.js";import{PointCloud as z}from"@labelbee/lb-annotation";import{toolStyleConverter as U}from"@labelbee/lb-utils";import{views as A,sleep as G,getViewsDataUrl as Z}from"./util.js";var q=Object.defineProperty,H=Object.defineProperties,J=Object.getOwnPropertyDescriptors,k=Object.getOwnPropertySymbols,K=Object.prototype.hasOwnProperty,M=Object.prototype.propertyIsEnumerable,N=(i,e,t)=>e in i?q(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,Q=(i,e)=>{for(var t in e||(e={}))K.call(e,t)&&N(i,t,e[t]);if(k)for(var t of k(e))M.call(e,t)&&N(i,t,e[t]);return i},W=(i,e)=>H(i,J(e)),O=(i,e,t)=>new Promise((d,r)=>{var s=c=>{try{l(t.next(c))}catch(u){r(u)}},a=c=>{try{l(t.throw(c))}catch(u){r(u)}},l=c=>c.done?d(c.value):Promise.resolve(c.value).then(s,a);l((t=t.apply(i,e)).next())});const X=i=>{const{predictionResult:e,predictionResultVisible:t,imgList:d}=i,[r,s]=j([]),a=E(),{t:l}=_(),c=()=>{D(a,!1),T(a,[]),s([])},u=()=>O(void 0,null,function*(){v(a,!0),yield a(I()),v(a,!1),c()});return t?n.createElement(n.Fragment,null,r.length>0&&n.createElement("div",{className:o("point-cloud-predict-tracking-container")},n.createElement("div",{className:o("point-cloud-predict-tracking-container","bar")},n.createElement("div",{className:o("point-cloud-predict-tracking-container","title")},n.createElement("div",null,l("ComplementaryTrackingPrediction"),r.length>0?`\uFF08${r.length}\uFF09`:""),n.createElement("div",{className:o("point-cloud-predict-tracking-container","option")},n.createElement("div",{className:C([o("point-cloud-predict-tracking-container","cancelOption"),o("point-cloud-predict-tracking-container","button")]),onClick:c},l("Cancel")),n.createElement("div",{className:C([o("point-cloud-predict-tracking-container","okOption"),o("point-cloud-predict-tracking-container","button")]),onClick:u},l("Apply")))),n.createElement("div",{className:o("point-cloud-predict-tracking-container","content")},n.createElement(Y,{list:r})))),e.length>0&&n.createElement(ee,{result:e,imgList:d,setList:s})):null},Y=i=>{const{list:e}=i,{t}=_(),d=[t("TopView"),t("SideView"),t("BackView")];return n.createElement(n.Fragment,null,n.createElement("div",{className:o("point-cloud-predict-tracking-container","left")},d.map(r=>n.createElement("div",{className:o("point-cloud-predict-tracking-container","title"),key:r},r))),n.createElement("div",{className:o("point-cloud-predict-tracking-container","right")},e.map(r=>n.createElement("div",{className:o("point-cloud-predict-tracking-container","item"),key:r.id},A.map(s=>{const a=r[s];return n.createElement("div",{className:o("point-cloud-predict-tracking-container","view"),key:`${r.id}-${s}`},n.createElement("img",{src:a}))})))))},ee=i=>{const e=n.useContext(B),t=E(),{result:d,imgList:r,setList:s}=i,a=S(null),l={width:600,height:600};return F(()=>{(()=>O(void 0,null,function*(){var u,h,y,P,w,b;const f=(u=e.mainViewInstance)==null?void 0:u.config;if(f&&a.current){const R={left:-l.width/2,right:l.width/2,top:l.height/2,bottom:-l.height/2,near:200,far:-200},p=new z({container:a.current,isOrthographicCamera:!0,orthographicParams:R,config:f});p.setShowDirection(!1);for(const m of d){const{index:g}=m,x=r[g].url?r[g].url:(w=(P=(y=(h=r[g])==null?void 0:h.webPointCloudFile)==null?void 0:y.lidar)==null?void 0:P.url)!=null?w:"";yield p.loadPCDFileByBox(x,m,{width:2,height:2,depth:2}),yield p.updateCameraZoom(e.zoom);const V=(b=U.getColorFromConfig({attribute:m.attribute},W(Q({},f),{attributeConfigurable:!0}),{}))==null?void 0:b.hex;p.generateBox(m,V),yield G(500),yield Z(p,m,e.zoom),yield p.removeObjectByName(m.id),yield p.clearPointCloudAndRender()}s(d),v(t,!1)}}))()},[]),n.createElement("div",{style:l,ref:a,className:"generate-view"})},te=i=>({predictionResult:i.annotation.predictionResult,predictionResultVisible:i.annotation.predictionResultVisible,imgList:i.annotation.imgList});var ne=L(te,null,null,{context:$})(X);export{ne as default};
+import classNames from 'classnames';
+import React, { useState, useRef, useEffect } from 'react';
+import { useTranslation } from 'react-i18next';
+import { connect } from 'react-redux';
+import { PointCloudContext } from '../../pointCloudView/PointCloudContext.js';
+import { SetPredictResultVisible, SetPredictResult, SetPointCloudLoading, BatchUpdateImgListResultByPredictResult } from '../../../store/annotation/actionCreators.js';
+import { LabelBeeContext, useDispatch } from '../../../store/ctx.js';
+import { getClassName } from '../../../utils/dom.js';
+import { PointCloud } from '@labelbee/lb-annotation';
+import { toolStyleConverter } from '@labelbee/lb-utils';
+import { views, sleep, getViewsDataUrl } from './util.js';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, {enumerable: true, configurable: true, writable: true, value}) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+const PreviewResult = (props) => {
+  const {predictionResult, predictionResultVisible, imgList} = props;
+  const [list, setList] = useState([]);
+  const dispatch = useDispatch();
+  const {t} = useTranslation();
+  const close = () => {
+    SetPredictResultVisible(dispatch, false);
+    SetPredictResult(dispatch, []);
+    setList([]);
+  };
+  const apply = () => __async(undefined, null, function* () {
+    SetPointCloudLoading(dispatch, true);
+    yield dispatch(BatchUpdateImgListResultByPredictResult());
+    SetPointCloudLoading(dispatch, false);
+    close();
+  });
+  return predictionResultVisible ? /* @__PURE__ */ React.createElement(React.Fragment, null, list.length > 0 && /* @__PURE__ */ React.createElement("div", {
+    className: getClassName("point-cloud-predict-tracking-container")
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: getClassName("point-cloud-predict-tracking-container", "bar")
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: getClassName("point-cloud-predict-tracking-container", "title")
+  }, /* @__PURE__ */ React.createElement("div", null, t("ComplementaryTrackingPrediction"), list.length > 0 ? `\uFF08${list.length}\uFF09` : ""), /* @__PURE__ */ React.createElement("div", {
+    className: getClassName("point-cloud-predict-tracking-container", "option")
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: classNames([
+      getClassName("point-cloud-predict-tracking-container", "cancelOption"),
+      getClassName("point-cloud-predict-tracking-container", "button")
+    ]),
+    onClick: close
+  }, t("Cancel")), /* @__PURE__ */ React.createElement("div", {
+    className: classNames([
+      getClassName("point-cloud-predict-tracking-container", "okOption"),
+      getClassName("point-cloud-predict-tracking-container", "button")
+    ]),
+    onClick: apply
+  }, t("Apply")))), /* @__PURE__ */ React.createElement("div", {
+    className: getClassName("point-cloud-predict-tracking-container", "content")
+  }, /* @__PURE__ */ React.createElement(Result, {
+    list
+  })))), predictionResult.length > 0 && /* @__PURE__ */ React.createElement(GenerateViewsDataUrl, {
+    result: predictionResult,
+    imgList,
+    setList
+  })) : null;
+};
+const Result = (props) => {
+  const {list} = props;
+  const {t} = useTranslation();
+  const viewsTitle = [t("TopView"), t("SideView"), t("BackView")];
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", {
+    className: getClassName("point-cloud-predict-tracking-container", "left")
+  }, viewsTitle.map((i) => /* @__PURE__ */ React.createElement("div", {
+    className: getClassName("point-cloud-predict-tracking-container", "title"),
+    key: i
+  }, i))), /* @__PURE__ */ React.createElement("div", {
+    className: getClassName("point-cloud-predict-tracking-container", "right")
+  }, list.map((i) => {
+    return /* @__PURE__ */ React.createElement("div", {
+      className: getClassName("point-cloud-predict-tracking-container", "item"),
+      key: i.id
+    }, views.map((view) => {
+      const url = i[view];
+      return /* @__PURE__ */ React.createElement("div", {
+        className: getClassName("point-cloud-predict-tracking-container", "view"),
+        key: `${i.id}-${view}`
+      }, /* @__PURE__ */ React.createElement("img", {
+        src: url
+      }));
+    }));
+  })));
+};
+const GenerateViewsDataUrl = (props) => {
+  const ptCtx = React.useContext(PointCloudContext);
+  const dispatch = useDispatch();
+  const {result, imgList, setList} = props;
+  const ref = useRef(null);
+  const size = {
+    width: 600,
+    height: 600
+  };
+  useEffect(() => {
+    const generate = () => __async(undefined, null, function* () {
+      var _a, _b, _c, _d, _e, _f;
+      const config = (_a = ptCtx.mainViewInstance) == null ? void 0 : _a.config;
+      if (config && ref.current) {
+        const orthographicParams = {
+          left: -size.width / 2,
+          right: size.width / 2,
+          top: size.height / 2,
+          bottom: -size.height / 2,
+          near: 200,
+          far: -200
+        };
+        const pointCloud = new PointCloud({
+          container: ref.current,
+          isOrthographicCamera: true,
+          orthographicParams,
+          config
+        });
+        pointCloud.setShowDirection(false);
+        for (const item of result) {
+          const {index} = item;
+          const url = imgList[index].url ? imgList[index].url : (_e = (_d = (_c = (_b = imgList[index]) == null ? void 0 : _b.webPointCloudFile) == null ? void 0 : _c.lidar) == null ? void 0 : _d.url) != null ? _e : "";
+          yield pointCloud.loadPCDFileByBox(url, item, {
+            width: 2,
+            height: 2,
+            depth: 2
+          });
+          yield pointCloud.updateCameraZoom(ptCtx.zoom);
+          const hex = (_f = toolStyleConverter.getColorFromConfig({attribute: item.attribute}, __spreadProps(__spreadValues({}, config), {attributeConfigurable: true}), {})) == null ? void 0 : _f.hex;
+          pointCloud.generateBox(item, hex);
+          yield sleep(500);
+          yield getViewsDataUrl(pointCloud, item, ptCtx.zoom);
+          yield pointCloud.removeObjectByName(item.id);
+          yield pointCloud.clearPointCloudAndRender();
+        }
+        setList(result);
+        SetPointCloudLoading(dispatch, false);
+      }
+    });
+    generate();
+  }, []);
+  return /* @__PURE__ */ React.createElement("div", {
+    style: size,
+    ref,
+    className: "generate-view"
+  });
+};
+const mapStateToProps = (state) => ({
+  predictionResult: state.annotation.predictionResult,
+  predictionResultVisible: state.annotation.predictionResultVisible,
+  imgList: state.annotation.imgList
+});
+var PreviewResult$1 = connect(mapStateToProps, null, null, {context: LabelBeeContext})(PreviewResult);
+
+export { PreviewResult$1 as default };
+//# sourceMappingURL=index.js.map