@labelbee/lb-components 1.6.0-alpha.3 → 1.6.0-alpha.5

package/es/components/pointCloudView/PointCloudInfos.js

@@ -1 +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};
+import{PointCloudUtils as b,EPerspectiveView as p}from"@labelbee/lb-utils";import t,{useState as m,useEffect as v}from"react";import{PointCloudContext as f}from"./PointCloudContext.js";import{UnitUtils as g}from"@labelbee/lb-annotation";import{useSingleBox as B}from"./hooks/useSingleBox.js";const i=2,C=({perspectiveView:a})=>{const{pointCloudBoxList:o,selectedID:u}=t.useContext(f),n=o.find(e=>e.id===u);if(u&&n){const{length:e,width:r,height:c}=b.transferBox2Kitti(n),d=a===p.Back?[{label:"\u5BBD",value:r},{label:"\u9AD8",value:c}]:[{label:"\u957F",value:e},{label:"\u5BBD",value:r}];return t.createElement(t.Fragment,null,d.map((s,l)=>t.createElement("span",{key:l,style:{marginRight:l===0?16:0,fontSize:12}},`${s.label}: ${s.value.toFixed(i)}`)))}return null},h=()=>{const a=t.useContext(f),{selectedBox:o}=B(),[u,n]=m([]);return v(()=>{var e;if(!o)return;const{length:r,width:c,height:d,rotation_y:s}=b.transferBox2Kitti(o.info);let l=[{label:"\u957F",value:r.toFixed(i)},{label:"\u5BBD",value:c.toFixed(i)},{label:"\u9AD8",value:d.toFixed(i)},{label:"\u671D\u5411\u89D2",value:g.rad2deg(s).toFixed(i)}];(e=a.mainViewInstance)==null||e.filterPointsByBox(o.info).then(x=>{if(!x){n(l);return}l.push({label:"\u70B9\u6570",value:`${x.num}`}),n(l)})},[o]),o?t.createElement("div",{style:{position:"absolute",color:"white",backgroundColor:"rgba(153, 153, 153, 0.3)",right:8,top:8,fontSize:12,padding:8,zIndex:20}},u.map(e=>t.createElement("div",{key:e.label},`${e.label}: ${e.value}`))):null},E=()=>t.useContext(f).valid===!1?t.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{h as BoxInfos,E as PointCloudValidity,C as SizeInfoForView};

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

@@ -1 +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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"}
+{"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, PointCloudUtils } from '@labelbee/lb-utils';\nimport React, { useEffect, useState } from 'react';\nimport { PointCloudContext } from './PointCloudContext';\nimport { UnitUtils } from '@labelbee/lb-annotation';\nimport { useSingleBox } from './hooks/useSingleBox';\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 { length, width, height } = PointCloudUtils.transferBox2Kitti(box);\n    const infos =\n      perspectiveView === EPerspectiveView.Back\n        ? [\n            {\n              label: '宽',\n              value: width,\n            },\n            {\n              label: '高',\n              value: height,\n            },\n          ]\n        : [\n            {\n              label: '长',\n              value: length,\n            },\n            {\n              label: '宽',\n              value: width,\n            },\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 { selectedBox } = useSingleBox();\n  const [infos, setInfos] = useState<Array<{ label: string; value: string }>>([]);\n\n  useEffect(() => {\n    if (!selectedBox) {\n      return;\n    }\n\n    const { length, width, height, rotation_y } = PointCloudUtils.transferBox2Kitti(\n      selectedBox.info,\n    );\n\n    let infos = [\n      {\n        label: '长',\n        value: length.toFixed(DECIMAL_PLACES),\n      },\n      {\n        label: '宽',\n        value: width.toFixed(DECIMAL_PLACES),\n      },\n      {\n        label: '高',\n        value: height.toFixed(DECIMAL_PLACES),\n      },\n      {\n        label: '朝向角',\n        value: UnitUtils.rad2deg(rotation_y).toFixed(DECIMAL_PLACES),\n      },\n    ];\n\n    // Get Point Count.\n    ptCtx.mainViewInstance?.filterPointsByBox(selectedBox.info).then((data) => {\n      if (!data) {\n        setInfos(infos);\n        return;\n      }\n\n      infos.push({\n        label: '点数',\n        value: `${data.num}`,\n      });\n      setInfos(infos);\n    });\n  }, [selectedBox]);\n\n  if (selectedBox) {\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

@@ -1 +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};
+import{getClassName as e}from"../../utils/dom.js";import s from"classnames";import t from"react";const i=({title:o,toolbar:a,children:n,className:r,style:c})=>t.createElement("div",{className:s([r,e("point-cloud-container")]),style:c},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{i as PointCloudContainer};

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

@@ -1 +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;;;;"}
+{"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  style?: React.CSSProperties;\n}> = ({ title, toolbar, children, className, style }) => {\n  return (\n    <div className={classNames([className, getClassName('point-cloud-container')])} style={style}>\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,sBAKR,CAAC,CAAE,OAAO,OAAS,EAAA,QAAA,EAAU,WAAW,KAAY,CAAA,KAAA;AACvD,EAAA,2CACG,KAAD,EAAA;AAAA,IAAK,SAAW,EAAA,UAAA,CAAW,CAAC,SAAA,EAAW,YAAa,CAAA,uBAAA,CAAA,CAAA,CAAA;AAAA,IAA4B,KAAA;AAAA,GAAA,sCAC7E,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

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

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

@@ -1 +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 basicInfo = jsonParser(currentData.result);\n  const { copySelectedBoxes, pasteSelectedBoxes, copiedBoxes } = useBoxes();\n  const { toolInstanceRef } = useCustomToolInstance({ basicInfo });\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 = (valid: boolean) => {\n      toolInstanceRef.current.valid = valid;\n\n      // Avoid triggering SetState operations in the reducer phase\n      setTimeout(() => {\n        ptCtx.setPointCloudValid(valid);\n      });\n    };\n  }, []);\n\n  return null;\n};\n\nexport default connect(aMapStateToProps)(PointCloudListener);\n"],"names":[],"mappings":"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"}
+{"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 { useCustomToolInstance } from '@/hooks/annotation';\nimport { useStatus } from './hooks/useStatus';\nimport { jsonParser } from '@/utils';\nimport { usePointCloudViews } from './hooks/usePointCloudViews';\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 basicInfo = jsonParser(currentData.result);\n  const { copySelectedBoxes, pasteSelectedBoxes, copiedBoxes } = useBoxes();\n  const { toolInstanceRef } = useCustomToolInstance({ basicInfo });\n  const { updateRotate } = useRotate({ currentData });\n  const { updatePointCloudData } = usePointCloudViews();\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    updatePointCloudData?.();\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 = (valid: boolean) => {\n      toolInstanceRef.current.valid = valid;\n\n      // Avoid triggering SetState operations in the reducer phase\n      setTimeout(() => {\n        ptCtx.setPointCloudValid(valid);\n      });\n    };\n  }, []);\n\n  return null;\n};\n\nexport default connect(aMapStateToProps)(PointCloudListener);\n"],"names":[],"mappings":"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"}

package/es/components/pointCloudView/PointCloudSideView.js

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

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

@@ -1 +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 } 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';\nimport useSize from '@/hooks/useSize';\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 { sideViewUpdateBox } = usePointCloudViews();\n  const { selectedBox } = useSingleBox();\n\n  const ref = useRef<HTMLDivElement>(null);\n  const size = useSize(ref);\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      // };\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    /**\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  useEffect(() => {\n    // Update Size\n    ptCtx?.sideViewInstance?.initSize(size);\n  }, [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 className={getClassName('point-cloud-container', 'bottom-view-content')}>\n        <div className={getClassName('point-cloud-container', 'core-instance')} ref={ref} />\n        {!selectedBox && (\n          <div className={getClassName('point-cloud-container', 'empty-page')}>暂无数据</div>\n        )}\n      </div>\n    </PointCloudContainer>\n  );\n};\n\nexport default connect(aMapStateToProps)(PointCloudSideView);\n"],"names":[],"mappings":"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"}
+{"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 } 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';\nimport EmptyPage from './components/EmptyPage';\n\nimport useSize from '@/hooks/useSize';\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 { sideViewUpdateBox } = usePointCloudViews();\n  const { selectedBox } = useSingleBox();\n\n  const ref = useRef<HTMLDivElement>(null);\n  const size = useSize(ref);\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      // };\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    /**\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  useEffect(() => {\n    // Update Size\n    ptCtx?.sideViewInstance?.initSize(size);\n  }, [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 className={getClassName('point-cloud-container', 'bottom-view-content')}>\n        <div className={getClassName('point-cloud-container', 'core-instance')} ref={ref} />\n        {!selectedBox && <EmptyPage />}\n      </div>\n    </PointCloudContainer>\n  );\n};\n\nexport default connect(aMapStateToProps)(PointCloudSideView);\n"],"names":[],"mappings":"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"}

package/es/components/pointCloudView/PointCloudTopView.js

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

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

@@ -0,0 +1 @@
+import t from"react";import a from"../../../../assets/annotation/pointCloudTool/nodata.svg.js";import{getClassName as e}from"../../../../utils/dom.js";const o=()=>t.createElement("div",{className:e("point-cloud-container","empty-page")},t.createElement("img",{src:a}),t.createElement("span",{className:e("point-cloud-container","empty-page","text")},"\u6682\u65E0\u6570\u636E"));export{o as default};

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/pointCloudView/components/EmptyPage/index.tsx"],"sourcesContent":["/**\n * @file EmptyPage\n * @createDate 2022-08-31\n * @author Ron <ron.f.luo@gmail.com>\n */\nimport React from 'react';\nimport NoDataSvg from '@/assets/annotation/pointCloudTool/nodata.svg';\nimport { getClassName } from '@/utils/dom';\n\nconst EmptyPage = () => {\n  return (\n    <div className={getClassName('point-cloud-container', 'empty-page')}>\n      <img src={NoDataSvg} />\n      <span className={getClassName('point-cloud-container', 'empty-page', 'text')}>暂无数据</span>\n    </div>\n  );\n};\n\nexport default EmptyPage;\n"],"names":["NoDataSvg"],"mappings":";;;;AASA,MAAM,YAAY,MAAM;AACtB,EAAA,2CACG,KAAD,EAAA;AAAA,IAAK,SAAA,EAAW,aAAa,uBAAyB,EAAA,YAAA,CAAA;AAAA,GAAA,sCACnD,KAAD,EAAA;AAAA,IAAK,GAAK,EAAAA,GAAA;AAAA,GAAA,CAAA,sCACT,MAAD,EAAA;AAAA,IAAM,SAAA,EAAW,YAAa,CAAA,uBAAA,EAAyB,YAAc,EAAA,MAAA,CAAA;AAAA,GAAS,EAAA,0BAAA,CAAA,CAAA,CAAA;AAAA;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"useBoxes.js","sources":["../../../../src/components/pointCloudView/hooks/useBoxes.tsx"],"sourcesContent":["import { IPointCloudBoxList } from '@labelbee/lb-utils';\nimport { useCallback, useContext, useMemo, useState } from 'react';\nimport _ from 'lodash';\nimport { message } from 'antd';\nimport { usePointCloudViews } from './usePointCloudViews';\nimport { PointCloudContext } from '../PointCloudContext';\n\n/**\n * Actions for selected boxes\n */\nexport const useBoxes = () => {\n  const { selectedIDs, pointCloudBoxList, setPointCloudResult } = useContext(PointCloudContext);\n  const [copiedBoxes, setCopiedBoxes] = useState<IPointCloudBoxList>([]);\n  const { pointCloudBoxListUpdated } = usePointCloudViews();\n\n  const hasDuplicateID = (checkBoxList: IPointCloudBoxList) => {\n    return pointCloudBoxList.some((item) => {\n      return checkBoxList.some((i) => i.id === item.id);\n    });\n  };\n\n  const selectedBoxes = useMemo(() => {\n    return pointCloudBoxList.filter((i) => selectedIDs.includes(i.id));\n  }, [selectedIDs, pointCloudBoxList]);\n\n  const copySelectedBoxes = useCallback(() => {\n    if (selectedBoxes.length > 0) {\n      setCopiedBoxes(_.cloneDeep(selectedBoxes));\n    } else {\n      setCopiedBoxes([]);\n      message.error('复制内容为空，请选择对应的点云数据');\n    }\n  }, [selectedIDs, pointCloudBoxList]);\n\n  const pasteSelectedBoxes = useCallback(() => {\n    if (copiedBoxes.length === 0) {\n      message.error('选者对应的点云数据并进行复制');\n      return;\n    }\n\n    const hasDuplicate = hasDuplicateID(copiedBoxes);\n\n    if (hasDuplicate) {\n      message.error('存在重复ID,复制失败');\n    } else {\n      /** Paste succeed and empty */\n      setPointCloudResult(copiedBoxes);\n      pointCloudBoxListUpdated?.(copiedBoxes);\n      setCopiedBoxes([]);\n    }\n  }, [copiedBoxes, pointCloudBoxList]);\n\n  return { copySelectedBoxes, pasteSelectedBoxes, copiedBoxes, selectedBoxes };\n};\n"],"names":[],"mappings":";;;;;;AAUO,MAAM,WAAW,MAAM;AAC5B,EAAA,MAAM,CAAE,WAAA,EAAa,iBAAmB,EAAA,mBAAA,CAAA,GAAwB,UAAW,CAAA,iBAAA,CAAA,CAAA;AAC3E,EAAM,MAAA,CAAC,WAAa,EAAA,cAAA,CAAA,GAAkB,QAA6B,CAAA,EAAA,CAAA,CAAA;AACnE,EAAA,MAAM,CAAE,wBAA6B,CAAA,GAAA,kBAAA,EAAA,CAAA;AAErC,EAAM,MAAA,cAAA,GAAiB,CAAC,YAAqC,KAAA;AAC3D,IAAO,OAAA,iBAAA,CAAkB,IAAK,CAAA,CAAC,IAAS,KAAA;AACtC,MAAA,OAAO,aAAa,IAAK,CAAA,CAAC,CAAM,KAAA,CAAA,CAAE,OAAO,IAAK,CAAA,EAAA,CAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAIlD,EAAM,MAAA,aAAA,GAAgB,QAAQ,MAAM;AAClC,IAAA,OAAO,kBAAkB,MAAO,CAAA,CAAC,CAAM,KAAA,WAAA,CAAY,SAAS,CAAE,CAAA,EAAA,CAAA,CAAA,CAAA;AAAA,GAAA,EAC7D,CAAC,WAAa,EAAA,iBAAA,CAAA,CAAA,CAAA;AAEjB,EAAM,MAAA,iBAAA,GAAoB,YAAY,MAAM;AAC1C,IAAI,IAAA,aAAA,CAAc,SAAS,CAAG,EAAA;AAC5B,MAAA,cAAA,CAAe,EAAE,SAAU,CAAA,aAAA,CAAA,CAAA,CAAA;AAAA,KACtB,MAAA;AACL,MAAe,cAAA,CAAA,EAAA,CAAA,CAAA;AACf,MAAA,OAAA,CAAQ,KAAM,CAAA,wGAAA,CAAA,CAAA;AAAA,KAAA;AAAA,GAAA,EAEf,CAAC,WAAa,EAAA,iBAAA,CAAA,CAAA,CAAA;AAEjB,EAAM,MAAA,kBAAA,GAAqB,YAAY,MAAM;AAC3C,IAAI,IAAA,WAAA,CAAY,WAAW,CAAG,EAAA;AAC5B,MAAA,OAAA,CAAQ,KAAM,CAAA,sFAAA,CAAA,CAAA;AACd,MAAA,OAAA;AAAA,KAAA;AAGF,IAAA,MAAM,eAAe,cAAe,CAAA,WAAA,CAAA,CAAA;AAEpC,IAAA,IAAI,YAAc,EAAA;AAChB,MAAA,OAAA,CAAQ,KAAM,CAAA,qDAAA,CAAA,CAAA;AAAA,KACT,MAAA;AAEL,MAAoB,mBAAA,CAAA,WAAA,CAAA,CAAA;AACpB,MAA2B,wBAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,wBAAA,CAAA,WAAA,CAAA,CAAA;AAC3B,MAAe,cAAA,CAAA,EAAA,CAAA,CAAA;AAAA,KAAA;AAAA,GAAA,EAEhB,CAAC,WAAa,EAAA,iBAAA,CAAA,CAAA,CAAA;AAEjB,EAAO,OAAA,CAAE,iBAAmB,EAAA,kBAAA,EAAoB,WAAa,EAAA,aAAA,CAAA,CAAA;AAAA;;;;"}
+{"version":3,"file":"useBoxes.js","sources":["../../../../src/components/pointCloudView/hooks/useBoxes.ts"],"sourcesContent":["import { IPointCloudBoxList } from '@labelbee/lb-utils';\nimport { useCallback, useContext, useMemo, useState } from 'react';\nimport _ from 'lodash';\nimport { message } from 'antd';\nimport { usePointCloudViews } from './usePointCloudViews';\nimport { PointCloudContext } from '../PointCloudContext';\n\n/**\n * Actions for selected boxes\n */\nexport const useBoxes = () => {\n  const { selectedIDs, pointCloudBoxList, setPointCloudResult } = useContext(PointCloudContext);\n  const [copiedBoxes, setCopiedBoxes] = useState<IPointCloudBoxList>([]);\n  const { pointCloudBoxListUpdated } = usePointCloudViews();\n\n  const hasDuplicateID = (checkBoxList: IPointCloudBoxList) => {\n    return pointCloudBoxList.some((item) => {\n      return checkBoxList.some((i) => i.id === item.id);\n    });\n  };\n\n  const selectedBoxes = useMemo(() => {\n    return pointCloudBoxList.filter((i) => selectedIDs.includes(i.id));\n  }, [selectedIDs, pointCloudBoxList]);\n\n  const copySelectedBoxes = useCallback(() => {\n    if (selectedBoxes.length > 0) {\n      setCopiedBoxes(_.cloneDeep(selectedBoxes));\n    } else {\n      setCopiedBoxes([]);\n      message.error('复制内容为空，请选择对应的点云数据');\n    }\n  }, [selectedIDs, pointCloudBoxList]);\n\n  const pasteSelectedBoxes = useCallback(() => {\n    if (copiedBoxes.length === 0) {\n      message.error('选者对应的点云数据并进行复制');\n      return;\n    }\n\n    const hasDuplicate = hasDuplicateID(copiedBoxes);\n\n    if (hasDuplicate) {\n      message.error('存在重复ID,复制失败');\n    } else {\n      /** Paste succeed and empty */\n      setPointCloudResult(copiedBoxes);\n      pointCloudBoxListUpdated?.(copiedBoxes);\n      setCopiedBoxes([]);\n    }\n  }, [copiedBoxes, pointCloudBoxList]);\n\n  return { copySelectedBoxes, pasteSelectedBoxes, copiedBoxes, selectedBoxes };\n};\n"],"names":[],"mappings":";;;;;;AAUO,MAAM,WAAW,MAAM;AAC5B,EAAA,MAAM,CAAE,WAAA,EAAa,iBAAmB,EAAA,mBAAA,CAAA,GAAwB,UAAW,CAAA,iBAAA,CAAA,CAAA;AAC3E,EAAM,MAAA,CAAC,WAAa,EAAA,cAAA,CAAA,GAAkB,QAA6B,CAAA,EAAA,CAAA,CAAA;AACnE,EAAA,MAAM,CAAE,wBAA6B,CAAA,GAAA,kBAAA,EAAA,CAAA;AAErC,EAAM,MAAA,cAAA,GAAiB,CAAC,YAAqC,KAAA;AAC3D,IAAO,OAAA,iBAAA,CAAkB,IAAK,CAAA,CAAC,IAAS,KAAA;AACtC,MAAA,OAAO,aAAa,IAAK,CAAA,CAAC,CAAM,KAAA,CAAA,CAAE,OAAO,IAAK,CAAA,EAAA,CAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAIlD,EAAM,MAAA,aAAA,GAAgB,QAAQ,MAAM;AAClC,IAAA,OAAO,kBAAkB,MAAO,CAAA,CAAC,CAAM,KAAA,WAAA,CAAY,SAAS,CAAE,CAAA,EAAA,CAAA,CAAA,CAAA;AAAA,GAAA,EAC7D,CAAC,WAAa,EAAA,iBAAA,CAAA,CAAA,CAAA;AAEjB,EAAM,MAAA,iBAAA,GAAoB,YAAY,MAAM;AAC1C,IAAI,IAAA,aAAA,CAAc,SAAS,CAAG,EAAA;AAC5B,MAAA,cAAA,CAAe,EAAE,SAAU,CAAA,aAAA,CAAA,CAAA,CAAA;AAAA,KACtB,MAAA;AACL,MAAe,cAAA,CAAA,EAAA,CAAA,CAAA;AACf,MAAA,OAAA,CAAQ,KAAM,CAAA,wGAAA,CAAA,CAAA;AAAA,KAAA;AAAA,GAAA,EAEf,CAAC,WAAa,EAAA,iBAAA,CAAA,CAAA,CAAA;AAEjB,EAAM,MAAA,kBAAA,GAAqB,YAAY,MAAM;AAC3C,IAAI,IAAA,WAAA,CAAY,WAAW,CAAG,EAAA;AAC5B,MAAA,OAAA,CAAQ,KAAM,CAAA,sFAAA,CAAA,CAAA;AACd,MAAA,OAAA;AAAA,KAAA;AAGF,IAAA,MAAM,eAAe,cAAe,CAAA,WAAA,CAAA,CAAA;AAEpC,IAAA,IAAI,YAAc,EAAA;AAChB,MAAA,OAAA,CAAQ,KAAM,CAAA,qDAAA,CAAA,CAAA;AAAA,KACT,MAAA;AAEL,MAAoB,mBAAA,CAAA,WAAA,CAAA,CAAA;AACpB,MAA2B,wBAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,wBAAA,CAAA,WAAA,CAAA,CAAA;AAC3B,MAAe,cAAA,CAAA,EAAA,CAAA,CAAA;AAAA,KAAA;AAAA,GAAA,EAEhB,CAAC,WAAa,EAAA,iBAAA,CAAA,CAAA,CAAA;AAEjB,EAAO,OAAA,CAAE,iBAAmB,EAAA,kBAAA,EAAoB,WAAa,EAAA,aAAA,CAAA,CAAA;AAAA;;;;"}

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

@@ -1 +1 @@
-import{MathUtils as f}from"@labelbee/lb-annotation";import{EPerspectiveView as A}from"@labelbee/lb-utils";import{useContext as F}from"react";import{PointCloudContext as N}from"../PointCloudContext.js";import{useSingleBox as R}from"./useSingleBox.js";import W from"lodash";import{useSelector as H}from"react-redux";import G from"../../../utils/StepUtils.js";import{jsonParser as Q}from"../../../utils/index.js";const O=5,P={"3D":"3D",Top:"Top",Side:"Side",Back:"Back"},T=(o,i)=>{const{width:s,height:t}=i,{x:d,y:n}=o;return{x:-n+t/2,y:-(d-s/2)}},j=(o,i,s,t,d)=>{const[n,l,a,p]=o.pointList.map(x=>T(x,i)),C=f.getLineCenterPoint([n,a]),m=f.getLineLength(n,l),B=f.getLineLength(l,a),h=f.getRadiusFromQuadrangle(o.pointList);let g=0,v=1;if(s){const x=s.getSensesPointZAxisInPolygon([n,l,a,p]);g=(x.maxZ+x.minZ)/2,v=x.maxZ-x.minZ}t&&(g=t.center.z,v=t.depth);const y={center:{x:C.x,y:C.y,z:g},width:B,height:m,depth:v,rotation:h,id:o.id,attribute:"",valid:!0};return d&&Object.assign(y,d),y},q=(o,i,s,t)=>{const[d,n,l]=o.pointList,[a,p,C]=i.pointList,m=f.getLineCenterPoint([d,l]),B=f.getLineCenterPoint([a,C]),h={x:m.x-B.x,y:m.y-B.y},g=Math.cos(s.rotation),v=Math.sin(s.rotation),y={x:h.x,y:h.x*v+h.y*g,z:m.y-B.y},x=f.getLineLength(d,n),w=f.getLineLength(a,p),V=x-w,S=f.getLineLength(n,l),b=f.getLineLength(p,C),k=S-b,{newBoxParams:U}=t.getNewBoxBySideUpdate(y,k,V,s);return U},_=(o,i,s,t)=>{if(!s)return;const{pointCloud2dOperation:d,pointCloudInstance:n}=s;n.loadPCDFileByBox(t,o,{width:O,depth:O});const{cameraPositionVector:l}=n.updateOrthoCamera(o,A.Left);n.setInitCameraPosition(l);const{polygon2d:a,zoom:p}=n.getBoxSidePolygon2DCoordinate(o);n.camera.zoom=p,n.camera.updateProjectionMatrix(),n.render(),d.initPosition(),d.zoomChangeOnCenter(p),d.setResultAndSelectedID([{id:i.id,pointList:a,textAttribute:"",isRect:!0}],i.id)},E=(o,i,s,t)=>{if(!s)return;const{pointCloud2dOperation:d,pointCloudInstance:n}=s;n.loadPCDFileByBox(t,o,{height:O,depth:O});const{cameraPositionVector:l}=n.updateOrthoCamera(o,A.Back);n.setInitCameraPosition(l);const{polygon2d:a,zoom:p}=n.getBoxBackPolygon2DCoordinate(o);n.camera.zoom=p,n.camera.updateProjectionMatrix(),n.render(),d.initPosition(),d.zoomChangeOnCenter(p),d.setResultAndSelectedID([{id:i.id,pointList:a,textAttribute:"",isRect:!0}],i.id)},M=(o,i,s,t)=>{if(!s||!t)return;t.generateBox(o,i.id),t.updateCameraByBox(o,A.Top),t.render();const{pointCloud2dOperation:d,pointCloudInstance:n}=s,{polygon2d:l}=n.getBoxTopPolygon2DCoordinate(o),a=[...d.polygonList],p=a.find(C=>C.id===i.id);p?p.pointList=l:a.push({id:i.id,pointList:l,textAttribute:"",isRect:!0}),d.setResultAndSelectedID(a,i.id)},J=()=>{const{topViewInstance:o,sideViewInstance:i,backViewInstance:s,mainViewInstance:t,addPointCloudBox:d,setSelectedIDs:n,selectedIDs:l,pointCloudBoxList:a,setPointCloudResult:p}=F(N),{updateSelectedBox:C}=R(),{currentData:m,config:B}=H(e=>{const{stepList:r,step:c,imgList:u,imgIndex:L}=e.annotation;return{currentData:u[L],config:Q(G.getCurrentStepInfo(c,r).config)}}),{selectedBox:h}=R(),g=h==null?void 0:h.info;if(!o||!i)return{topViewAddBox:()=>{},topViewSelectedChanged:()=>{},sideViewUpdateBox:()=>{}};const{pointCloudInstance:v}=o,y=()=>{var e;return a.length>0?((e=a.sort((c,u)=>c.trackID-u.trackID).slice(-1)[0])==null?void 0:e.trackID)+1:1},x=e=>{t==null||t.generateBox(e),t==null||t.controls.update(),t==null||t.render()},w=(e,r)=>{var c,u,L;const I=j(e,r,v,void 0,{attribute:(L=(u=(c=B==null?void 0:B.attributeList)==null?void 0:c[0])==null?void 0:u.value)!=null?L:""}),Z=o==null?void 0:o.pointCloud2dOperation,z=Object.assign(I,{trackID:y()});Z.setSelectedIDs([e.id]),n(z.id),D(P.Top,e,z),d(z)},V=()=>{const e=h==null?void 0:h.info,r=o==null?void 0:o.pointCloud2dOperation;if(r.setSelectedIDs(l),!e||!r)return;const c=r.selectedPolygon;D(P.Top,c,e)},S=(e,r,c)=>{if(g){const u=q(e,r,g,i.pointCloudInstance);C(u),D(c,e,u)}},b=(e,r)=>{S(e,r,P.Side)},k=(e,r)=>{S(e,r,P.Back)},U=(e,r)=>{if(g){const c=j(e,r,void 0,g);Object.assign(g,W.pickBy(c,(u,L)=>["width","height","x","y"])),C(c),D(P.Top,e,g)}},D=(e,r,c)=>{const u=m==null?void 0:m.url,L={[P.Side]:()=>{_(c,r,i,u)},[P.Back]:()=>{s&&E(c,r,s,u)},[P.Top]:()=>{M(c,r,o,t)}};Object.keys(L).forEach(I=>{I!==e&&L[I]()}),x(c),t==null||t.hightLightOriginPointCloud(c)};return{topViewAddBox:w,topViewSelectedChanged:V,topViewUpdateBox:U,sideViewUpdateBox:b,backViewUpdateBox:k,pointCloudBoxListUpdated:e=>{o.updatePolygonList(e),t==null||t.generateBoxes(e)},clearAllResult:()=>{a.forEach(e=>{t==null||t.removeObjectByName(e.id)}),t==null||t.render(),p([]),o.pointCloud2dOperation.clearActiveStatus(),o.pointCloud2dOperation.clearResult()},initPointCloud3d:()=>{!t||(t.initPerspectiveCamera(),t.initRenderer(),t.render())}}};export{E as synchronizeBackView,_ as synchronizeSideView,M as synchronizeTopView,j as topViewPolygon2PointCloud,T as transferCanvas2World,J as usePointCloudViews};
+import{MathUtils as P}from"@labelbee/lb-annotation";import{EPerspectiveView as _,PointCloudUtils as T}from"@labelbee/lb-utils";import{useContext as K}from"react";import{PointCloudContext as X}from"../PointCloudContext.js";import{useSingleBox as z}from"./useSingleBox.js";import Y from"lodash";import{useSelector as $,useDispatch as tt}from"react-redux";import ot from"../../../utils/StepUtils.js";import{jsonParser as E}from"../../../utils/index.js";import{SetPointCloudLoading as F}from"../../../store/annotation/actionCreators.js";var et=(e,n,s)=>new Promise((a,t)=>{var i=d=>{try{c(s.next(d))}catch(g){t(g)}},u=d=>{try{c(s.throw(d))}catch(g){t(g)}},c=d=>d.done?a(d.value):Promise.resolve(d.value).then(i,u);c((s=s.apply(e,n)).next())});const O=5,M=90,D={"3D":"3D",Top:"Top",Side:"Side",Back:"Back"},Z=(e,n)=>{const{width:s,height:a}=n,{x:t,y:i}=e;return{x:-i+a/2,y:-(t-s/2)}},j=(e,n,s,a,t)=>{const[i,u,c,d]=e.pointList.map(v=>Z(v,n)),g=P.getLineCenterPoint([i,c]),L=P.getLineLength(i,u),p=P.getLineLength(u,c),h=P.getRadiusFromQuadrangle(e.pointList);let B=0,x=1;if(s){const v=s.getSensesPointZAxisInPolygon([i,u,c,d]);B=(v.maxZ+v.minZ)/2,x=v.maxZ-v.minZ}a&&(B=a.center.z,x=a.depth);const f={center:{x:g.x,y:g.y,z:B},width:p,height:L,depth:x,rotation:h,id:e.id,attribute:"",valid:!0};return t&&Object.assign(f,t),f},nt=(e,n,s,a)=>{const[t,i,u]=e.pointList,[c,d,g]=n.pointList,L=P.getLineCenterPoint([t,u]),p=P.getLineCenterPoint([c,g]),h={x:L.x-p.x,y:L.y-p.y},B=Math.cos(s.rotation),x=Math.sin(s.rotation),f={x:h.x,y:h.x*x+h.y*B,z:L.y-p.y},v=P.getLineLength(t,i),b=P.getLineLength(c,d),V=v-b,k=P.getLineLength(i,u),A=P.getLineLength(d,g),I=k-A,{newBoxParams:R}=a.getNewBoxBySideUpdate(f,I,V,s);return R},N=(e,n,s,a)=>{if(!s)return;const{pointCloud2dOperation:t,pointCloudInstance:i}=s;i.loadPCDFileByBox(a,e,{width:O,depth:O});const{cameraPositionVector:u}=i.updateOrthoCamera(e,_.Left);i.setInitCameraPosition(u);const{polygon2d:c,zoom:d}=i.getBoxSidePolygon2DCoordinate(e);i.camera.zoom=d,i.camera.updateProjectionMatrix(),i.render(),t.initPosition(),t.zoomChangeOnCenter(d),t.setResultAndSelectedID([{id:n.id,pointList:c,textAttribute:"",isRect:!0}],n.id)},W=(e,n,s,a)=>{if(!s)return;const{pointCloud2dOperation:t,pointCloudInstance:i}=s;i.loadPCDFileByBox(a,e,{height:O,depth:O});const{cameraPositionVector:u}=i.updateOrthoCamera(e,_.Back);i.setInitCameraPosition(u);const{polygon2d:c,zoom:d}=i.getBoxBackPolygon2DCoordinate(e);i.camera.zoom=d,i.camera.updateProjectionMatrix(),i.render(),t.initPosition(),t.zoomChangeOnCenter(d),t.setResultAndSelectedID([{id:n.id,pointList:c,textAttribute:"",isRect:!0}],n.id)},H=(e,n,s,a)=>{if(!s||!a)return;a.generateBox(e,n.id),a.updateCameraByBox(e,_.Top),a.render();const{pointCloud2dOperation:t,pointCloudInstance:i}=s,{polygon2d:u}=i.getBoxTopPolygon2DCoordinate(e),c=[...t.polygonList],d=c.find(g=>g.id===n.id);d?d.pointList=u:c.push({id:n.id,pointList:u,textAttribute:"",isRect:!0}),t.setResultAndSelectedID(c,n.id)},it=()=>{const e=K(X),{topViewInstance:n,sideViewInstance:s,backViewInstance:a,mainViewInstance:t,addPointCloudBox:i,setSelectedIDs:u,selectedIDs:c,pointCloudBoxList:d,setPointCloudResult:g}=e,{updateSelectedBox:L}=z(),{currentData:p,config:h}=$(o=>{const{stepList:r,step:l,imgList:C,imgIndex:m}=o.annotation;return{currentData:C[m],config:E(ot.getCurrentStepInfo(l,r).config)}}),B=tt(),{selectedBox:x}=z(),f=x==null?void 0:x.info;if(!n||!s)return{topViewAddBox:()=>{},topViewSelectedChanged:()=>{},sideViewUpdateBox:()=>{}};const{pointCloudInstance:v}=n,b=()=>{var o;return d.length>0?((o=d.sort((l,C)=>l.trackID-C.trackID).slice(-1)[0])==null?void 0:o.trackID)+1:1},V=o=>{t==null||t.generateBox(o),t==null||t.controls.update(),t==null||t.render()},k=(o,r)=>{var l,C,m;const S=j(o,r,v,void 0,{attribute:(m=(C=(l=h==null?void 0:h.attributeList)==null?void 0:l[0])==null?void 0:C.value)!=null?m:""}),U=n==null?void 0:n.pointCloud2dOperation,y=Object.assign(S,{trackID:b()});U.setSelectedIDs([o.id]),u(y.id),w(D.Top,o,y),i(y)},A=()=>{const o=x==null?void 0:x.info,r=n==null?void 0:n.pointCloud2dOperation;if(r.setSelectedIDs(c),!o||!r)return;const l=r.selectedPolygon;w(D.Top,l,o)},I=(o,r,l)=>{if(f){const C=nt(o,r,f,s.pointCloudInstance);L(C),w(l,o,C)}},R=(o,r)=>{I(o,r,D.Side)},G=(o,r)=>{I(o,r,D.Back)},Q=(o,r)=>{if(f){const l=j(o,r,void 0,f);Object.assign(f,Y.pickBy(l,(C,m)=>["width","height","x","y"])),L(l),w(D.Top,o,f)}},w=(o,r,l)=>{const C=p==null?void 0:p.url,m={[D.Side]:()=>{N(l,r,s,C)},[D.Back]:()=>{a&&W(l,r,a,C)},[D.Top]:()=>{H(l,r,n,t)}};Object.keys(m).forEach(S=>{S!==o&&m[S]()}),V(l),t==null||t.highlightOriginPointCloud(l)};return{topViewAddBox:k,topViewSelectedChanged:A,topViewUpdateBox:Q,sideViewUpdateBox:R,backViewUpdateBox:G,pointCloudBoxListUpdated:o=>{n.updatePolygonList(o),t==null||t.generateBoxes(o)},clearAllResult:()=>{d.forEach(o=>{t==null||t.removeObjectByName(o.id)}),t==null||t.render(),g([]),n.pointCloud2dOperation.clearActiveStatus(),n.pointCloud2dOperation.clearResult()},initPointCloud3d:()=>{!t||(t.initPerspectiveCamera(),t.initRenderer(),t.render())},updatePointCloudData:()=>et(void 0,null,function*(){var o,r,l,C,m,S;if(!(p==null?void 0:p.url)||!t)return;if(F(B,!0),yield t.loadPCDFile(p.url,(o=h==null?void 0:h.radius)!=null?o:M),d.forEach(y=>{t==null||t.removeObjectByName(y.id)}),p.result){const y=T.getBoxParamsFromResultList(p.result),q=T.getPolygonListFromResultList(p.result);y.forEach(J=>{t==null||t.generateBox(J)}),e.setPointCloudResult(y),e.setPolygonList(q)}else e.setPointCloudResult([]),e.setPolygonList([]);t.updateTopCamera();const U=(l=(r=E(p.result))==null?void 0:r.valid)!=null?l:!0;e.setPointCloudValid(U),(C=e.sideViewInstance)==null||C.clearAllData(),(m=e.backViewInstance)==null||m.clearAllData(),n.updateData(p.url,p.result,{radius:(S=h==null?void 0:h.radius)!=null?S:M}),F(B,!1)})}};export{W as synchronizeBackView,N as synchronizeSideView,H as synchronizeTopView,j as topViewPolygon2PointCloud,Z as transferCanvas2World,it as usePointCloudViews};

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

@@ -1 +1 @@
-{"version":3,"file":"usePointCloudViews.js","sources":["../../../../src/components/pointCloudView/hooks/usePointCloudViews.tsx"],"sourcesContent":["/**\n * @file Point cloud interface for crud\n * @author Glenfiddish <edwinlee0927@hotmail.com>\n * @createdate 2022-08-17\n */\nimport { PointCloudAnnotation, PointCloud, MathUtils } from '@labelbee/lb-annotation';\nimport { IPointCloudBox, EPerspectiveView } from '@labelbee/lb-utils';\nimport { useContext } from 'react';\nimport { PointCloudContext } from '../PointCloudContext';\nimport { useSingleBox } from './useSingleBox';\nimport { ISize } from '@/types/main';\nimport _ from 'lodash';\nimport { useSelector } from 'react-redux';\nimport { AppState } from '@/store';\nimport StepUtils from '@/utils/StepUtils';\nimport { jsonParser } from '@/utils';\n\nconst DEFAULT_SCOPE = 5;\n\nconst PointCloudView = {\n  '3D': '3D',\n  Top: 'Top',\n  Side: 'Side',\n  Back: 'Back',\n};\n\n/**\n * Get the coordinate from canvas2d-coordinate to world coordinate\n */\nexport const transferCanvas2World = (\n  currentPos: { x: number; y: number },\n  size: { width: number; height: number },\n) => {\n  const { width: w, height: h } = size;\n  const { x, y } = currentPos;\n\n  // x-Axis is the Positive Direction, so the x-coordinates need to be swapped with the y-coordinates\n  return {\n    x: -y + h / 2,\n    y: -(x - w / 2),\n  };\n};\n\nexport const topViewPolygon2PointCloud = (\n  newPolygon: any,\n  size: ISize,\n  pointCloud?: PointCloud,\n  selectedPointCloud?: IPointCloudBox,\n  defaultValue?: { [v: string]: any },\n) => {\n  const [point1, point2, point3, point4] = newPolygon.pointList.map((v: any) =>\n    transferCanvas2World(v, size),\n  );\n\n  const centerPoint = MathUtils.getLineCenterPoint([point1, point3]);\n  const height = MathUtils.getLineLength(point1, point2);\n  const width = MathUtils.getLineLength(point2, point3);\n  const rotation = MathUtils.getRadiusFromQuadrangle(newPolygon.pointList);\n  let z = 0;\n  let depth = 1;\n  if (pointCloud) {\n    const zInfo = pointCloud.getSensesPointZAxisInPolygon([point1, point2, point3, point4]);\n    z = (zInfo.maxZ + zInfo.minZ) / 2;\n    depth = zInfo.maxZ - zInfo.minZ;\n  }\n\n  if (selectedPointCloud) {\n    z = selectedPointCloud.center.z;\n    depth = selectedPointCloud.depth;\n  }\n\n  /** TrackID will append before it pushed */\n  const boxParams: Omit<IPointCloudBox, 'trackID'> = {\n    center: {\n      x: centerPoint.x,\n      y: centerPoint.y,\n      z,\n    },\n    width,\n    height,\n    depth,\n    rotation: rotation,\n    id: newPolygon.id,\n    attribute: '',\n    valid: true,\n  };\n\n  if (defaultValue) {\n    Object.assign(boxParams, defaultValue);\n  }\n\n  return boxParams;\n};\n\nconst sideViewPolygon2PointCloud = (\n  newPolygon: any,\n  originPolygon: any,\n  selectedPointCloudBox: IPointCloudBox,\n  pointCloudInstance: PointCloud,\n) => {\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 cos = Math.cos(selectedPointCloudBox.rotation);\n  const sin = Math.sin(selectedPointCloudBox.rotation);\n\n  const offsetCenterPoint = {\n    x: offset.x,\n    y: offset.x * sin + offset.y * cos,\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 } = pointCloudInstance.getNewBoxBySideUpdate(\n    offsetCenterPoint,\n    offsetWidth,\n    offsetHeight,\n    selectedPointCloudBox,\n  );\n\n  return newBoxParams;\n};\n\n/**\n * NewBox synchronize sideView\n * @param boxParams\n * @param newPolygon TODO！ Need to add type\n */\nexport const synchronizeSideView = (\n  boxParams: IPointCloudBox,\n  newPolygon: any,\n  sideViewInstance: PointCloudAnnotation | undefined,\n  url: string,\n) => {\n  if (!sideViewInstance) {\n    return;\n  }\n\n  const { pointCloud2dOperation, pointCloudInstance } = sideViewInstance;\n\n  // Create PointCloud\n  pointCloudInstance.loadPCDFileByBox(url, boxParams, {\n    width: DEFAULT_SCOPE,\n    depth: DEFAULT_SCOPE,\n  });\n  const { cameraPositionVector } = pointCloudInstance.updateOrthoCamera(\n    boxParams,\n    EPerspectiveView.Left,\n  );\n\n  pointCloudInstance.setInitCameraPosition(cameraPositionVector);\n\n  // Create Draw Polygon\n  const { polygon2d, zoom } = pointCloudInstance.getBoxSidePolygon2DCoordinate(boxParams);\n\n  // Synchronize SidePointCloud zoom with PointCloud2dOperation\n  pointCloudInstance.camera.zoom = zoom;\n  pointCloudInstance.camera.updateProjectionMatrix();\n  pointCloudInstance.render();\n\n  // Update PolygonView to default zoom and currentPos.\n  pointCloud2dOperation.initPosition();\n  pointCloud2dOperation.zoomChangeOnCenter(zoom);\n  pointCloud2dOperation.setResultAndSelectedID(\n    [\n      {\n        id: newPolygon.id,\n        pointList: polygon2d,\n        textAttribute: '',\n        isRect: true,\n      },\n    ],\n    newPolygon.id,\n  );\n};\n\n/**\n * NewBox synchronize backView\n * @param boxParams\n * @param newPolygon TODO！ Need to add type\n */\nexport const synchronizeBackView = (\n  boxParams: IPointCloudBox,\n  newPolygon: any,\n  BackViewInstance: PointCloudAnnotation,\n  url: string,\n) => {\n  if (!BackViewInstance) {\n    return;\n  }\n\n  const {\n    pointCloud2dOperation: backPointCloudPolygonOperation,\n    pointCloudInstance: backPointCloud,\n  } = BackViewInstance;\n\n  // Create PointCloud\n  backPointCloud.loadPCDFileByBox(url, boxParams, { height: DEFAULT_SCOPE, depth: DEFAULT_SCOPE });\n  const { cameraPositionVector } = backPointCloud.updateOrthoCamera(\n    boxParams,\n    EPerspectiveView.Back,\n  );\n\n  backPointCloud.setInitCameraPosition(cameraPositionVector);\n\n  // Create Draw Polygon\n  const { polygon2d, zoom } = backPointCloud.getBoxBackPolygon2DCoordinate(boxParams);\n\n  // Synchronize SidePointCloud zoom with PointCloud2dOperation\n  backPointCloud.camera.zoom = zoom;\n  backPointCloud.camera.updateProjectionMatrix();\n  backPointCloud.render();\n\n  // Update PolygonView to default zoom and currentPos.\n  backPointCloudPolygonOperation.initPosition();\n  backPointCloudPolygonOperation.zoomChangeOnCenter(zoom);\n  backPointCloudPolygonOperation.setResultAndSelectedID(\n    [\n      {\n        id: newPolygon.id,\n        pointList: polygon2d,\n        textAttribute: '',\n        isRect: true,\n      },\n    ],\n    newPolygon.id,\n  );\n};\n\n/**\n * NewBox synchronize TopView\n * @param boxParams\n * @param newPolygon TODO！ Need to add type\n */\nexport const synchronizeTopView = (\n  newBoxParams: IPointCloudBox,\n  newPolygon: any,\n  topViewInstance?: PointCloudAnnotation,\n  mainViewInstance?: PointCloud,\n) => {\n  if (!topViewInstance || !mainViewInstance) {\n    return;\n  }\n\n  // Control the 3D view data to create box\n  mainViewInstance.generateBox(newBoxParams, newPolygon.id);\n  mainViewInstance.updateCameraByBox(newBoxParams, EPerspectiveView.Top);\n  mainViewInstance.render();\n\n  const { pointCloud2dOperation, pointCloudInstance } = topViewInstance;\n\n  const { polygon2d } = pointCloudInstance.getBoxTopPolygon2DCoordinate(newBoxParams);\n\n  const newPolygonList = [...pointCloud2dOperation.polygonList];\n  const oldPolygon = newPolygonList.find((v) => v.id === newPolygon.id);\n  if (oldPolygon) {\n    oldPolygon.pointList = polygon2d;\n  } else {\n    newPolygonList.push({\n      id: newPolygon.id,\n      pointList: polygon2d,\n      textAttribute: '',\n      isRect: true,\n    });\n  }\n\n  pointCloud2dOperation.setResultAndSelectedID(newPolygonList, newPolygon.id);\n};\n\nexport const usePointCloudViews = () => {\n  const {\n    topViewInstance,\n    sideViewInstance,\n    backViewInstance,\n    mainViewInstance,\n    addPointCloudBox,\n    setSelectedIDs,\n    selectedIDs,\n    pointCloudBoxList,\n    setPointCloudResult,\n  } = useContext(PointCloudContext);\n  const { updateSelectedBox } = useSingleBox();\n\n  const { currentData, config } = useSelector((state: AppState) => {\n    const { stepList, step, imgList, imgIndex } = state.annotation;\n\n    return {\n      currentData: imgList[imgIndex],\n      config: jsonParser(StepUtils.getCurrentStepInfo(step, stepList).config),\n    };\n  });\n\n  const { selectedBox } = useSingleBox();\n\n  const selectedPointCloudBox = selectedBox?.info;\n\n  if (!topViewInstance || !sideViewInstance) {\n    return {\n      topViewAddBox: () => {},\n      topViewSelectedChanged: () => {},\n      sideViewUpdateBox: () => {},\n    };\n  }\n\n  const { pointCloudInstance: topViewPointCloud } = topViewInstance;\n\n  const getNextTrackID = () => {\n    if (pointCloudBoxList.length > 0) {\n      const sortedPcList = pointCloudBoxList.sort((a, b) => a.trackID - b.trackID);\n      return sortedPcList.slice(-1)[0]?.trackID + 1;\n    }\n\n    return 1;\n  };\n\n  const mainViewGenBox = (boxParams: IPointCloudBox) => {\n    mainViewInstance?.generateBox(boxParams);\n    mainViewInstance?.controls.update();\n    mainViewInstance?.render();\n  };\n\n  /** Top-view create box from 2D */\n  const topViewAddBox = (newPolygon: any, size: ISize) => {\n    const newParams = topViewPolygon2PointCloud(newPolygon, size, topViewPointCloud, undefined, {\n      attribute: config?.attributeList?.[0]?.value ?? '',\n    });\n    const polygonOperation = topViewInstance?.pointCloud2dOperation;\n\n    const boxParams: IPointCloudBox = Object.assign(newParams, {\n      trackID: getNextTrackID(),\n    });\n\n    polygonOperation.setSelectedIDs([newPolygon.id]);\n    setSelectedIDs(boxParams.id);\n    syncPointCloudViews(PointCloudView.Top, newPolygon, boxParams);\n    addPointCloudBox(boxParams);\n  };\n\n  /** Top-view selected changed and render to other view */\n  const topViewSelectedChanged = () => {\n    const boxParams = selectedBox?.info;\n    const polygonOperation = topViewInstance?.pointCloud2dOperation;\n\n    polygonOperation.setSelectedIDs(selectedIDs);\n    if (!boxParams || !polygonOperation) {\n      return;\n    }\n\n    const polygon = polygonOperation.selectedPolygon;\n    syncPointCloudViews(PointCloudView.Top, polygon, boxParams);\n  };\n\n  /**\n   * Update box from view\n   * @param newPolygon\n   * @param originPolygon\n   * @param fromView Back or Side\n   */\n  const viewUpdateBox = (newPolygon: any, originPolygon: any, fromView: string) => {\n    if (selectedPointCloudBox) {\n      const newBoxParams = sideViewPolygon2PointCloud(\n        newPolygon,\n        originPolygon,\n        selectedPointCloudBox,\n        sideViewInstance.pointCloudInstance,\n      );\n\n      updateSelectedBox(newBoxParams);\n      syncPointCloudViews(fromView, newPolygon, newBoxParams);\n    }\n  };\n\n  const sideViewUpdateBox = (newPolygon: any, originPolygon: any) => {\n    viewUpdateBox(newPolygon, originPolygon, PointCloudView.Side);\n  };\n\n  const backViewUpdateBox = (newPolygon: any, originPolygon: any) => {\n    viewUpdateBox(newPolygon, originPolygon, PointCloudView.Back);\n  };\n\n  /**\n   * Top view box updated and sync views\n   * @param polygon\n   * @param size\n   */\n  const topViewUpdateBox = (polygon: any, size: ISize) => {\n    if (selectedPointCloudBox) {\n      const newBoxParams = topViewPolygon2PointCloud(\n        polygon,\n        size,\n        undefined,\n        selectedPointCloudBox,\n      );\n\n      Object.assign(\n        selectedPointCloudBox,\n        _.pickBy(newBoxParams, (v, k) => ['width', 'height', 'x', 'y']),\n      );\n\n      updateSelectedBox(newBoxParams);\n      syncPointCloudViews(PointCloudView.Top, polygon, selectedPointCloudBox);\n    }\n  };\n\n  /**\n   * Sync views' data from omit view, regenerate and highlight box on 3D-view\n   * @param omitView\n   * @param polygon\n   * @param boxParams\n   */\n  const syncPointCloudViews = (omitView: string, polygon: any, boxParams: IPointCloudBox) => {\n    const dataUrl = currentData?.url;\n\n    const viewToBeUpdated = {\n      [PointCloudView.Side]: () => {\n        synchronizeSideView(boxParams, polygon, sideViewInstance, dataUrl);\n      },\n      [PointCloudView.Back]: () => {\n        if (backViewInstance) {\n          synchronizeBackView(boxParams, polygon, backViewInstance, dataUrl);\n        }\n      },\n      [PointCloudView.Top]: () => {\n        synchronizeTopView(boxParams, polygon, topViewInstance, mainViewInstance);\n      },\n    };\n\n    Object.keys(viewToBeUpdated).forEach((key) => {\n      if (key !== omitView) {\n        viewToBeUpdated[key]();\n      }\n    });\n    mainViewGenBox(boxParams);\n    mainViewInstance?.hightLightOriginPointCloud(boxParams);\n  };\n\n  const pointCloudBoxListUpdated = (newBoxes: IPointCloudBox[]) => {\n    topViewInstance.updatePolygonList(newBoxes);\n    mainViewInstance?.generateBoxes(newBoxes);\n  };\n\n  const clearAllResult = () => {\n    // Clear All PointView Data\n    pointCloudBoxList.forEach((v) => {\n      mainViewInstance?.removeObjectByName(v.id);\n    });\n    mainViewInstance?.render();\n\n    setPointCloudResult([]);\n    topViewInstance.pointCloud2dOperation.clearActiveStatus();\n    topViewInstance.pointCloud2dOperation.clearResult();\n  };\n\n  const initPointCloud3d = () => {\n    if (!mainViewInstance) {\n      return;\n    }\n\n    mainViewInstance.initPerspectiveCamera();\n    mainViewInstance.initRenderer();\n    mainViewInstance.render();\n  };\n\n  return {\n    topViewAddBox,\n    topViewSelectedChanged,\n    topViewUpdateBox,\n    sideViewUpdateBox,\n    backViewUpdateBox,\n    pointCloudBoxListUpdated,\n    clearAllResult,\n    initPointCloud3d,\n  };\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"usePointCloudViews.js","sources":["../../../../src/components/pointCloudView/hooks/usePointCloudViews.ts"],"sourcesContent":["/**\n * @file Point cloud interface for crud\n * @author Glenfiddish <edwinlee0927@hotmail.com>\n * @createdate 2022-08-17\n */\nimport { PointCloudAnnotation, PointCloud, MathUtils } from '@labelbee/lb-annotation';\nimport { IPointCloudBox, EPerspectiveView, PointCloudUtils } from '@labelbee/lb-utils';\nimport { useContext } from 'react';\nimport { PointCloudContext } from '../PointCloudContext';\nimport { useSingleBox } from './useSingleBox';\nimport { ISize } from '@/types/main';\nimport _ from 'lodash';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { AppState } from '@/store';\nimport StepUtils from '@/utils/StepUtils';\nimport { jsonParser } from '@/utils';\nimport { SetPointCloudLoading } from '@/store/annotation/actionCreators';\n\nconst DEFAULT_SCOPE = 5;\nconst DEFAULT_RADIUS = 90;\n\nconst PointCloudView = {\n  '3D': '3D',\n  Top: 'Top',\n  Side: 'Side',\n  Back: 'Back',\n};\n\n/**\n * Get the coordinate from canvas2d-coordinate to world coordinate\n */\nexport const transferCanvas2World = (\n  currentPos: { x: number; y: number },\n  size: { width: number; height: number },\n) => {\n  const { width: w, height: h } = size;\n  const { x, y } = currentPos;\n\n  // x-Axis is the Positive Direction, so the x-coordinates need to be swapped with the y-coordinates\n  return {\n    x: -y + h / 2,\n    y: -(x - w / 2),\n  };\n};\n\nexport const topViewPolygon2PointCloud = (\n  newPolygon: any,\n  size: ISize,\n  pointCloud?: PointCloud,\n  selectedPointCloud?: IPointCloudBox,\n  defaultValue?: { [v: string]: any },\n) => {\n  const [point1, point2, point3, point4] = newPolygon.pointList.map((v: any) =>\n    transferCanvas2World(v, size),\n  );\n\n  const centerPoint = MathUtils.getLineCenterPoint([point1, point3]);\n  const height = MathUtils.getLineLength(point1, point2);\n  const width = MathUtils.getLineLength(point2, point3);\n  const rotation = MathUtils.getRadiusFromQuadrangle(newPolygon.pointList);\n  let z = 0;\n  let depth = 1;\n  if (pointCloud) {\n    const zInfo = pointCloud.getSensesPointZAxisInPolygon([point1, point2, point3, point4]);\n    z = (zInfo.maxZ + zInfo.minZ) / 2;\n    depth = zInfo.maxZ - zInfo.minZ;\n  }\n\n  if (selectedPointCloud) {\n    z = selectedPointCloud.center.z;\n    depth = selectedPointCloud.depth;\n  }\n\n  /** TrackID will append before it pushed */\n  const boxParams: Omit<IPointCloudBox, 'trackID'> = {\n    center: {\n      x: centerPoint.x,\n      y: centerPoint.y,\n      z,\n    },\n    width,\n    height,\n    depth,\n    rotation: rotation,\n    id: newPolygon.id,\n    attribute: '',\n    valid: true,\n  };\n\n  if (defaultValue) {\n    Object.assign(boxParams, defaultValue);\n  }\n\n  return boxParams;\n};\n\nconst sideViewPolygon2PointCloud = (\n  newPolygon: any,\n  originPolygon: any,\n  selectedPointCloudBox: IPointCloudBox,\n  pointCloudInstance: PointCloud,\n) => {\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 cos = Math.cos(selectedPointCloudBox.rotation);\n  const sin = Math.sin(selectedPointCloudBox.rotation);\n\n  const offsetCenterPoint = {\n    x: offset.x,\n    y: offset.x * sin + offset.y * cos,\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 } = pointCloudInstance.getNewBoxBySideUpdate(\n    offsetCenterPoint,\n    offsetWidth,\n    offsetHeight,\n    selectedPointCloudBox,\n  );\n\n  return newBoxParams;\n};\n\n/**\n * NewBox synchronize sideView\n * @param boxParams\n * @param newPolygon TODO！ Need to add type\n */\nexport const synchronizeSideView = (\n  boxParams: IPointCloudBox,\n  newPolygon: any,\n  sideViewInstance: PointCloudAnnotation | undefined,\n  url: string,\n) => {\n  if (!sideViewInstance) {\n    return;\n  }\n\n  const { pointCloud2dOperation, pointCloudInstance } = sideViewInstance;\n\n  // Create PointCloud\n  pointCloudInstance.loadPCDFileByBox(url, boxParams, {\n    width: DEFAULT_SCOPE,\n    depth: DEFAULT_SCOPE,\n  });\n  const { cameraPositionVector } = pointCloudInstance.updateOrthoCamera(\n    boxParams,\n    EPerspectiveView.Left,\n  );\n\n  pointCloudInstance.setInitCameraPosition(cameraPositionVector);\n\n  // Create Draw Polygon\n  const { polygon2d, zoom } = pointCloudInstance.getBoxSidePolygon2DCoordinate(boxParams);\n\n  // Synchronize SidePointCloud zoom with PointCloud2dOperation\n  pointCloudInstance.camera.zoom = zoom;\n  pointCloudInstance.camera.updateProjectionMatrix();\n  pointCloudInstance.render();\n\n  // Update PolygonView to default zoom and currentPos.\n  pointCloud2dOperation.initPosition();\n  pointCloud2dOperation.zoomChangeOnCenter(zoom);\n  pointCloud2dOperation.setResultAndSelectedID(\n    [\n      {\n        id: newPolygon.id,\n        pointList: polygon2d,\n        textAttribute: '',\n        isRect: true,\n      },\n    ],\n    newPolygon.id,\n  );\n};\n\n/**\n * NewBox synchronize backView\n * @param boxParams\n * @param newPolygon TODO！ Need to add type\n */\nexport const synchronizeBackView = (\n  boxParams: IPointCloudBox,\n  newPolygon: any,\n  BackViewInstance: PointCloudAnnotation,\n  url: string,\n) => {\n  if (!BackViewInstance) {\n    return;\n  }\n\n  const {\n    pointCloud2dOperation: backPointCloudPolygonOperation,\n    pointCloudInstance: backPointCloud,\n  } = BackViewInstance;\n\n  // Create PointCloud\n  backPointCloud.loadPCDFileByBox(url, boxParams, { height: DEFAULT_SCOPE, depth: DEFAULT_SCOPE });\n  const { cameraPositionVector } = backPointCloud.updateOrthoCamera(\n    boxParams,\n    EPerspectiveView.Back,\n  );\n\n  backPointCloud.setInitCameraPosition(cameraPositionVector);\n\n  // Create Draw Polygon\n  const { polygon2d, zoom } = backPointCloud.getBoxBackPolygon2DCoordinate(boxParams);\n\n  // Synchronize SidePointCloud zoom with PointCloud2dOperation\n  backPointCloud.camera.zoom = zoom;\n  backPointCloud.camera.updateProjectionMatrix();\n  backPointCloud.render();\n\n  // Update PolygonView to default zoom and currentPos.\n  backPointCloudPolygonOperation.initPosition();\n  backPointCloudPolygonOperation.zoomChangeOnCenter(zoom);\n  backPointCloudPolygonOperation.setResultAndSelectedID(\n    [\n      {\n        id: newPolygon.id,\n        pointList: polygon2d,\n        textAttribute: '',\n        isRect: true,\n      },\n    ],\n    newPolygon.id,\n  );\n};\n\n/**\n * NewBox synchronize TopView\n * @param boxParams\n * @param newPolygon TODO！ Need to add type\n */\nexport const synchronizeTopView = (\n  newBoxParams: IPointCloudBox,\n  newPolygon: any,\n  topViewInstance?: PointCloudAnnotation,\n  mainViewInstance?: PointCloud,\n) => {\n  if (!topViewInstance || !mainViewInstance) {\n    return;\n  }\n\n  // Control the 3D view data to create box\n  mainViewInstance.generateBox(newBoxParams, newPolygon.id);\n  mainViewInstance.updateCameraByBox(newBoxParams, EPerspectiveView.Top);\n  mainViewInstance.render();\n\n  const { pointCloud2dOperation, pointCloudInstance } = topViewInstance;\n\n  const { polygon2d } = pointCloudInstance.getBoxTopPolygon2DCoordinate(newBoxParams);\n\n  const newPolygonList = [...pointCloud2dOperation.polygonList];\n  const oldPolygon = newPolygonList.find((v) => v.id === newPolygon.id);\n  if (oldPolygon) {\n    oldPolygon.pointList = polygon2d;\n  } else {\n    newPolygonList.push({\n      id: newPolygon.id,\n      pointList: polygon2d,\n      textAttribute: '',\n      isRect: true,\n    });\n  }\n\n  pointCloud2dOperation.setResultAndSelectedID(newPolygonList, newPolygon.id);\n};\n\nexport const usePointCloudViews = () => {\n  const ptCtx = useContext(PointCloudContext);\n  const {\n    topViewInstance,\n    sideViewInstance,\n    backViewInstance,\n    mainViewInstance,\n    addPointCloudBox,\n    setSelectedIDs,\n    selectedIDs,\n    pointCloudBoxList,\n    setPointCloudResult,\n  } = ptCtx;\n  const { updateSelectedBox } = useSingleBox();\n  const { currentData, config } = useSelector((state: AppState) => {\n    const { stepList, step, imgList, imgIndex } = state.annotation;\n\n    return {\n      currentData: imgList[imgIndex],\n      config: jsonParser(StepUtils.getCurrentStepInfo(step, stepList).config),\n    };\n  });\n  const dispatch = useDispatch();\n  const { selectedBox } = useSingleBox();\n\n  const selectedPointCloudBox = selectedBox?.info;\n\n  if (!topViewInstance || !sideViewInstance) {\n    return {\n      topViewAddBox: () => {},\n      topViewSelectedChanged: () => {},\n      sideViewUpdateBox: () => {},\n    };\n  }\n\n  const { pointCloudInstance: topViewPointCloud } = topViewInstance;\n\n  const getNextTrackID = () => {\n    if (pointCloudBoxList.length > 0) {\n      const sortedPcList = pointCloudBoxList.sort((a, b) => a.trackID - b.trackID);\n      return sortedPcList.slice(-1)[0]?.trackID + 1;\n    }\n\n    return 1;\n  };\n\n  const mainViewGenBox = (boxParams: IPointCloudBox) => {\n    mainViewInstance?.generateBox(boxParams);\n    mainViewInstance?.controls.update();\n    mainViewInstance?.render();\n  };\n\n  /** Top-view create box from 2D */\n  const topViewAddBox = (newPolygon: any, size: ISize) => {\n    const newParams = topViewPolygon2PointCloud(newPolygon, size, topViewPointCloud, undefined, {\n      attribute: config?.attributeList?.[0]?.value ?? '',\n    });\n    const polygonOperation = topViewInstance?.pointCloud2dOperation;\n\n    const boxParams: IPointCloudBox = Object.assign(newParams, {\n      trackID: getNextTrackID(),\n    });\n\n    polygonOperation.setSelectedIDs([newPolygon.id]);\n    setSelectedIDs(boxParams.id);\n    syncPointCloudViews(PointCloudView.Top, newPolygon, boxParams);\n    addPointCloudBox(boxParams);\n  };\n\n  /** Top-view selected changed and render to other view */\n  const topViewSelectedChanged = () => {\n    const boxParams = selectedBox?.info;\n    const polygonOperation = topViewInstance?.pointCloud2dOperation;\n\n    polygonOperation.setSelectedIDs(selectedIDs);\n    if (!boxParams || !polygonOperation) {\n      return;\n    }\n\n    const polygon = polygonOperation.selectedPolygon;\n    syncPointCloudViews(PointCloudView.Top, polygon, boxParams);\n  };\n\n  /**\n   * Update box from view\n   * @param newPolygon\n   * @param originPolygon\n   * @param fromView Back or Side\n   */\n  const viewUpdateBox = (newPolygon: any, originPolygon: any, fromView: string) => {\n    if (selectedPointCloudBox) {\n      const newBoxParams = sideViewPolygon2PointCloud(\n        newPolygon,\n        originPolygon,\n        selectedPointCloudBox,\n        sideViewInstance.pointCloudInstance,\n      );\n\n      updateSelectedBox(newBoxParams);\n      syncPointCloudViews(fromView, newPolygon, newBoxParams);\n    }\n  };\n\n  const sideViewUpdateBox = (newPolygon: any, originPolygon: any) => {\n    viewUpdateBox(newPolygon, originPolygon, PointCloudView.Side);\n  };\n\n  const backViewUpdateBox = (newPolygon: any, originPolygon: any) => {\n    viewUpdateBox(newPolygon, originPolygon, PointCloudView.Back);\n  };\n\n  /**\n   * Top view box updated and sync views\n   * @param polygon\n   * @param size\n   */\n  const topViewUpdateBox = (polygon: any, size: ISize) => {\n    if (selectedPointCloudBox) {\n      const newBoxParams = topViewPolygon2PointCloud(\n        polygon,\n        size,\n        undefined,\n        selectedPointCloudBox,\n      );\n\n      Object.assign(\n        selectedPointCloudBox,\n        _.pickBy(newBoxParams, (v, k) => ['width', 'height', 'x', 'y']),\n      );\n\n      updateSelectedBox(newBoxParams);\n      syncPointCloudViews(PointCloudView.Top, polygon, selectedPointCloudBox);\n    }\n  };\n\n  /**\n   * Sync views' data from omit view, regenerate and highlight box on 3D-view\n   * @param omitView\n   * @param polygon\n   * @param boxParams\n   */\n  const syncPointCloudViews = (omitView: string, polygon: any, boxParams: IPointCloudBox) => {\n    const dataUrl = currentData?.url;\n\n    const viewToBeUpdated = {\n      [PointCloudView.Side]: () => {\n        synchronizeSideView(boxParams, polygon, sideViewInstance, dataUrl);\n      },\n      [PointCloudView.Back]: () => {\n        if (backViewInstance) {\n          synchronizeBackView(boxParams, polygon, backViewInstance, dataUrl);\n        }\n      },\n      [PointCloudView.Top]: () => {\n        synchronizeTopView(boxParams, polygon, topViewInstance, mainViewInstance);\n      },\n    };\n\n    Object.keys(viewToBeUpdated).forEach((key) => {\n      if (key !== omitView) {\n        viewToBeUpdated[key]();\n      }\n    });\n    mainViewGenBox(boxParams);\n    mainViewInstance?.highlightOriginPointCloud(boxParams);\n  };\n\n  const pointCloudBoxListUpdated = (newBoxes: IPointCloudBox[]) => {\n    topViewInstance.updatePolygonList(newBoxes);\n    mainViewInstance?.generateBoxes(newBoxes);\n  };\n\n  const clearAllResult = () => {\n    // Clear All PointView Data\n    pointCloudBoxList.forEach((v) => {\n      mainViewInstance?.removeObjectByName(v.id);\n    });\n    mainViewInstance?.render();\n\n    setPointCloudResult([]);\n    topViewInstance.pointCloud2dOperation.clearActiveStatus();\n    topViewInstance.pointCloud2dOperation.clearResult();\n  };\n\n  const initPointCloud3d = () => {\n    if (!mainViewInstance) {\n      return;\n    }\n\n    mainViewInstance.initPerspectiveCamera();\n    mainViewInstance.initRenderer();\n    mainViewInstance.render();\n  };\n\n  /**\n   * Update the data of pointCloudView when the page change.\n   * @returns\n   */\n  const updatePointCloudData = async () => {\n    if (!currentData?.url || !mainViewInstance) {\n      return;\n    }\n\n    SetPointCloudLoading(dispatch, true);\n    await mainViewInstance.loadPCDFile(currentData.url, config?.radius ?? DEFAULT_RADIUS);\n\n    // Clear All Data\n    pointCloudBoxList.forEach((v) => {\n      mainViewInstance?.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        mainViewInstance?.generateBox(v);\n      });\n\n      ptCtx.setPointCloudResult(boxParamsList);\n      ptCtx.setPolygonList(polygonList);\n    } else {\n      ptCtx.setPointCloudResult([]);\n      ptCtx.setPolygonList([]);\n    }\n\n    mainViewInstance.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    // TopView Data Update\n    /**\n     * Listen to flip\n     * 1. Init\n     * 2. Reload PointCloud\n     * 3. Clear Polygon\n     */\n    topViewInstance.updateData(currentData.url, currentData.result, {\n      radius: config?.radius ?? DEFAULT_RADIUS,\n    });\n    SetPointCloudLoading(dispatch, false);\n  };\n\n  return {\n    topViewAddBox,\n    topViewSelectedChanged,\n    topViewUpdateBox,\n    sideViewUpdateBox,\n    backViewUpdateBox,\n    pointCloudBoxListUpdated,\n    clearAllResult,\n    initPointCloud3d,\n    updatePointCloudData,\n  };\n};\n"],"names":["this"],"mappings":"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"}

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

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