@labelbee/lb-components 1.10.0-alpha.2 → 1.10.0-alpha.4

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

@@ -1 +1,747 @@
-import{MathUtils as x,getCuboidFromPointCloudBox as Vt}from"@labelbee/lb-annotation";import{EPerspectiveView as N,PointCloudUtils as I,DEFAULT_SPHERE_PARAMS as Ut}from"@labelbee/lb-utils";import{useContext as kt}from"react";import{PointCloudContext as At}from"../PointCloudContext.js";import{useSingleBox as st}from"./useSingleBox.js";import{useSphere as jt}from"./useSphere.js";import{useSelector as Tt,useDispatch as zt}from"../../../store/ctx.js";import Rt from"../../../utils/StepUtils.js";import{jsonParser as rt}from"../../../utils/index.js";import{SetPointCloudLoading as dt}from"../../../store/annotation/actionCreators.js";import{message as Et}from"antd";import{useTranslation as Ht}from"react-i18next";import{useHistory as Ft}from"./useHistory.js";import{usePolygon as Nt}from"./usePolygon.js";var Wt=Object.defineProperty,Zt=Object.defineProperties,Mt=Object.getOwnPropertyDescriptors,lt=Object.getOwnPropertySymbols,Gt=Object.prototype.hasOwnProperty,Xt=Object.prototype.propertyIsEnumerable,at=(t,e,n)=>e in t?Wt(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n,L=(t,e)=>{for(var n in e||(e={}))Gt.call(e,n)&&at(t,n,e[n]);if(lt)for(var n of lt(e))Xt.call(e,n)&&at(t,n,e[n]);return t},V=(t,e)=>Zt(t,Mt(e)),q=(t,e,n)=>new Promise((r,o)=>{var c=d=>{try{s(n.next(d))}catch(g){o(g)}},p=d=>{try{s(n.throw(d))}catch(g){o(g)}},s=d=>d.done?r(d.value):Promise.resolve(d.value).then(c,p);s((n=n.apply(t,e)).next())});const G=5,X=90,y={"3D":"3D",Top:"Top",Side:"Side",Back:"Back"},J=(t,e,n,r,o)=>{const{x:c,y:p}=I.transferCanvas2World(t,e),{defaultZ:s}=Ut,d={center:{x:c,y:p,z:s},id:t.id},g=r?L(L({},r),d):V(L({},d),{attribute:"",valid:!0});return o&&Object.assign(g,o),g},K=(t,e,n,r,o,c)=>{let p=t.pointList.map(m=>I.transferCanvas2World(m,e)),s=0,d=1,g={};if(n){const m=n.getSensesPointZAxisInPolygon(p,void 0,c);c&&m.fittedCoordinates.length>0&&(p=m.fittedCoordinates),s=(m.maxZ+m.minZ)/2,d=m.maxZ-m.minZ,g={count:m.zCount}}const[P,B,H]=p,U=x.getLineCenterPoint([P,H]),T=x.getLineLength(P,B),z=x.getLineLength(B,H),R=x.getRadiusFromQuadrangle(t.pointList);r&&(s=r.center.z,d=r.depth);const k={center:{x:U.x,y:U.y,z:s},width:z,height:T,depth:d,rotation:R,id:t.id},A=L(r?L(L({},r),k):V(L({},k),{attribute:"",valid:!0}),g);o&&Object.assign(A,o);const j=p.map(m=>I.transferWorld2Canvas(m,e));return{boxParams:A,newPointList:j}},ct=(t,e,n)=>{const r={x:t.x-e.x,y:t.y-e.y};return V(L({},n),{center:{x:n.center.x-r.x,y:n.center.y,z:n.center.z-r.y}})},ut=(t,e,n,r)=>{const[o,c,p]=t.pointList,[s,d,g]=e.pointList,P=x.getLineCenterPoint([o,p]),B=x.getLineCenterPoint([s,g]),U={x:{x:P.x-B.x,y:P.y-B.y}.x,y:0,z:P.y-B.y},T=x.getLineLength(o,c),z=x.getLineLength(s,d),R=T-z,k=x.getLineLength(c,p),A=x.getLineLength(d,g),j=k-A,{newBoxParams:m}=r.getNewBoxBySideUpdate(U,j,R,n);return m},Yt=(t,e,n)=>{const r={x:t.x-e.x,y:t.y-e.y};return V(L({},n),{center:{x:n.center.x,y:n.center.y-r.x,z:n.center.z-r.y}})},Qt=(t,e,n,r)=>{const[o,c,p]=t.pointList,[s,d,g]=e.pointList,P=x.getLineCenterPoint([o,p]),B=x.getLineCenterPoint([s,g]),U={x:{x:P.x-B.x,y:P.y-B.y}.x,y:0,z:P.y-B.y},T=x.getLineLength(o,c),z=x.getLineLength(s,d),R=T-z,k=x.getLineLength(c,p),A=x.getLineLength(d,g),j=k-A;let{newBoxParams:m}=r.getNewBoxByBackUpdate(U,j,R,n);return m},pt=(t,e,n,r,o)=>{var c;if(!n)return;const{toolInstance:p,pointCloudInstance:s}=n;s.loadPCDFile(r,(c=o==null?void 0:o.radius)!=null?c:X);const{cameraPositionVector:d}=s.updateOrthoCameraBySphere(t,N.Left);s.setInitCameraPosition(d);const{point2d:g,zoom:P}=s.getSphereSidePoint2DCoordinate(t);s.camera.zoom=P,s.camera.updateProjectionMatrix(),s.render(),p.initPosition(),p.zoomChangeOnCenter(P),p.setResult([V(L(L({},e),g),{valid:t.valid,textAttribute:"",attribute:t.attribute})]),p.setSelectedID(e.id)},ft=(t,e,n,r)=>{if(!n)return;const{pointCloud2dOperation:o,pointCloudInstance:c}=n;c.loadPCDFileByBox(r,t,{width:G,depth:G});const{cameraPositionVector:p}=c.updateOrthoCamera(t,N.Left);c.setInitCameraPosition(p);const{polygon2d:s,zoom:d}=c.getBoxSidePolygon2DCoordinate(t);c.camera.zoom=d,c.camera.updateProjectionMatrix(),c.render(),o.initPosition(),o.zoomChangeOnCenter(d),o.setResultAndSelectedID([{id:e.id,valid:t.valid,pointList:s,textAttribute:"",isRect:!0,attribute:t.attribute}],e.id)},Ct=(t,e,n,r,o)=>{var c;if(!n)return;const{toolInstance:p,pointCloudInstance:s}=n;s.loadPCDFile(r,(c=o==null?void 0:o.radius)!=null?c:X);const{cameraPositionVector:d}=s.updateOrthoCameraBySphere(t,N.Back);s.setInitCameraPosition(d);const{point2d:g,zoom:P}=s.getSphereBackPoint2DCoordinate(t);s.camera.zoom=P,s.camera.updateProjectionMatrix(),s.render(),p.initPosition(),p.zoomChangeOnCenter(P),p.setResult([V(L(L({},e),g),{valid:t.valid,textAttribute:"",attribute:t.attribute})]),p.setSelectedID(e.id)},gt=(t,e,n,r)=>{if(!n)return;const{pointCloud2dOperation:o,pointCloudInstance:c}=n;c.loadPCDFileByBox(r,t,{height:G,depth:G});const{cameraPositionVector:p}=c.updateOrthoCamera(t,N.Back);c.setInitCameraPosition(p);const{polygon2d:s,zoom:d}=c.getBoxBackPolygon2DCoordinate(t);c.camera.zoom=d,c.camera.updateProjectionMatrix(),c.render(),o.initPosition(),o.zoomChangeOnCenter(d),o.setResultAndSelectedID([{id:e.id,valid:t.valid,pointList:s,textAttribute:"",isRect:!0,attribute:t.attribute}],e.id)},Pt=(t,e,n,r)=>{if(!n||!r)return;r.generateSphere(t),r.updateCameraBySphere(t,N.Top),r.render();const{toolInstance:o,pointCloudInstance:c}=n,{point2d:p}=c.getSphereTopPoint2DCoordinate(t),s=[...o.pointList].map(d=>d.id===e.id?V(L(L({},e),p),{valid:t.valid,textAttribute:"",attribute:t.attribute}):d);o.setResult(s),o.setSelectedID(e.id)},$=(t,e,n,r)=>{var o;if(!n||!r)return;r.generateBox(t,e.id),r.render();const{pointCloud2dOperation:c,pointCloudInstance:p}=n,{polygon2d:s}=p.getBoxTopPolygon2DCoordinate(t),d=[...c.polygonList],g=d.find(P=>P.id===e.id);g?g.pointList=s:d.push({id:e.id,pointList:s,textAttribute:"",isRect:!0,valid:(o=t.valid)!=null?o:!0}),c.setResultAndSelectedID(d,e.id)},qt=()=>{const t=kt(At),{topViewInstance:e,sideViewInstance:n,backViewInstance:r,mainViewInstance:o,addPointCloudBox:c,addPointCloudSphere:p,setSelectedIDs:s,selectedIDs:d,pointCloudBoxList:g,pointCloudSphereList:P,hideAttributes:B}=t,{addHistory:H,initHistory:U,pushHistoryUnderUpdatePolygon:T,pushHistoryUnderUpdatePoint:z,pushHistoryUnderUpdateLine:R}=Ft(),{selectedPolygon:k}=Nt(),{updateSelectedBox:A,updateSelectedBoxes:j,getPointCloudByID:m}=st(),{getPointCloudSphereByID:ht,updatePointCloudSphere:tt,selectedSphere:W}=jt(),{currentData:D,config:S}=Tt(i=>{const{stepList:l,step:f,imgList:u,imgIndex:a}=i.annotation;return{currentData:u[a],config:rt(Rt.getCurrentStepInfo(f,l).config)}}),ot=zt(),{selectedBox:F}=st(),{t:yt}=Ht(),et=F==null?void 0:F.info;if(!e||!n||!r)return{topViewAddSphere:()=>{},topViewAddBox:()=>{},topViewSelectedChanged:()=>{},sideViewUpdateBox:()=>{},backViewUpdateBox:()=>{}};const{pointCloudInstance:Y}=e,Lt=i=>{o==null||o.generateBox(i),o==null||o.controls.update(),o==null||o.render()},mt=i=>{o==null||o.generateSphere(i),o==null||o.controls.update(),o==null||o.render()},xt=({newPoint:i,size:l,zoom:f,trackConfigurable:u})=>{var a;const C={attribute:(a=e.toolInstance.defaultAttribute)!=null?a:""};u===!0&&Object.assign(C,{trackID:I.getNextTrackID({imgList:[],extraBoxList:[],extraSphereList:P})});const h=J(i,l,Y,void 0,C);s(i.id);const v=p(h);Z(y.Top,i,h,f,v,S)},vt=({polygon:i,size:l,imgList:f,trackConfigurable:u,zoom:a,intelligentFit:C})=>{var h;const v={attribute:(h=e.toolInstance.defaultAttribute)!=null?h:""};u===!0&&Object.assign(v,{trackID:I.getNextTrackID({imgList:[],extraBoxList:g,extraSphereList:P})});const w=e==null?void 0:e.toolInstance,O=L({},i),{boxParams:b,newPointList:E}=K(O,l,Y,void 0,v,C);if((S==null?void 0:S.lowerLimitPointsNumInBox)&&typeof b.count=="number"&&b.count<S.lowerLimitPointsNumInBox){Et.info(yt("LowerLimitPointsNumInBox",{num:S.lowerLimitPointsNumInBox})),w.deletePolygon(b.id);return}C&&(E==null?void 0:E.length)&&(O.pointList=E);const Q=B.includes(O.attribute),_=c(b);Q?s([]):(s(b.id),w.setSelectedIDs([O.id]),M(y.Top,O,b,a,_),C&&$(b,O,e,o)),H({newBoxParams:b})},Bt=({newSelectedBox:i,newPointCloudList:l,newSelectedSphere:f,newSphereList:u})=>{const a=e==null?void 0:e.toolInstance;if(!(d.length===0||!a)){if(i||(F==null?void 0:F.info)){const C=i!=null?i:F==null?void 0:F.info;a.setSelectedIDs(d);const h=a.selectedPolygon;if(d.length===1&&C){M(y.Top,h,C,void 0,l);return}}if((f||W)&&d.length===1){const C=f!=null?f:W;a.setSelectedID(d[0]);const h=a.selectedPoint;C&&Z(y.Top,h,C,void 0,u,S)}}},nt=(i,l,f)=>{if(et){let u,a;switch(f){case y.Back:u=Qt;break;case y.Side:u=ut;break;default:u=ut;break}if(a=u(i,l,et,n.pointCloudInstance),o){const{count:h}=o.getSensesPointZAxisInPolygon(Vt(a).polygonPointList,[a.center.z-a.depth/2,a.center.z+a.depth/2]);a=V(L({},a),{count:h})}const C=A(a);return M(f,i,a,void 0,C),C}},it=(i,l,f)=>{if(W){let u,a;switch(f){case y.Back:u=Yt;break;case y.Side:u=ct;break;default:u=ct;break}a=u(i,l,W);const C=tt(a);return Z(f,i,a,void 0,C,S),C}},St=(i,l)=>{it(i,l,y.Side)},bt=(i,l)=>{it(i,l,y.Back)},wt=(i,l)=>{nt(i,l,y.Side)},It=(i,l)=>{nt(i,l,y.Back)},Dt=(i,l)=>{R(i)},Ot=(i,l)=>{const{x:f,y:u}=I.transferCanvas2World(i,l);z(V(L({},i),{x:f,y:u}));const a=ht(i.id),C=J(i,l,Y,a),h=tt(C);Z(y.Top,i,C,void 0,h,S)},_t=(i,l)=>{if(k){const u=i[0].newPolygon;u.pointList=u.pointList.map(a=>I.transferCanvas2World(a,l)),T(i[0].newPolygon);return}const f=i.map(({newPolygon:u})=>{const a=m(u.id),{boxParams:C}=K(u,l,e.pointCloudInstance,a);return C});if(f.length===1){const{newPolygon:u}=i[0],a=j(f);M(y.Top,u,f[0],void 0,a)}else{const u=j(f);u&&t.syncAllViewPointCloudColor(u)}},Z=(i,l,f,u,a,C)=>q(void 0,null,function*(){const h=D==null?void 0:D.url,v={[y.Side]:()=>{pt(f,l,n,h,C)},[y.Back]:()=>{r&&Ct(f,l,r,h,C)},[y.Top]:()=>{Pt(f,l,e,o)}};Object.keys(v).forEach(w=>{w!==i&&v[w]()}),u&&(o==null||o.updateCameraZoom(u)),mt(f)}),M=(i,l,f,u,a)=>q(void 0,null,function*(){const C=D==null?void 0:D.url;a&&(yield t.syncAllViewPointCloudColor(a));const h={[y.Side]:()=>{ft(f,l,n,C)},[y.Back]:()=>{r&&gt(f,l,r,C)},[y.Top]:()=>{$(f,l,e,o)}};Object.keys(h).forEach(v=>{v!==i&&h[v]()}),u&&(o==null||o.updateCameraZoom(u)),Lt(f)});return{topViewAddSphere:xt,topViewAddBox:vt,topViewSelectedChanged:Bt,topViewUpdatePoint:Ot,sideViewUpdatePoint:St,backViewUpdatePoint:bt,topViewUpdateBox:_t,topViewUpdateLine:Dt,sideViewUpdateBox:wt,backViewUpdateBox:It,pointCloudBoxListUpdated:i=>{e.updatePolygonList(i),o==null||o.generateBoxes(i)},initPointCloud3d:i=>{if(!o)return;const l={left:-i.width/2,right:i.width/2,top:i.height/2,bottom:-i.height/2,near:100,far:-100};o.initOrthographicCamera(l),o.initRenderer(),o.render()},updatePointCloudData:(...i)=>q(void 0,[...i],function*(l=D){var f,u,a,C,h,v;if(!(l==null?void 0:l.url)||!o)return;dt(ot,!0),yield o.loadPCDFile(l.url,(f=S==null?void 0:S.radius)!=null?f:X),g.forEach(_=>{o==null||o.removeObjectByName(_.id)}),P.forEach(_=>{o==null||o.removeObjectByName(_.id)});let w=[],O=[],b=[],E=[];D.result?(w=I.getBoxParamsFromResultList(D.result),b=I.getPolygonListFromResultList(D.result),O=I.getLineListFromResultList(D.result),E=I.getSphereParamsFromResultList(D.result),w.forEach(_=>{o==null||o.generateBox(_)}),E.forEach(_=>{o==null||o.generateSphere(_)}),t.syncAllViewPointCloudColor(w),t.setPointCloudResult(w),t.setPolygonList(b),t.setLineList(O),t.setPointCloudSphereList(E)):(t.setPointCloudResult([]),t.setPolygonList([]),t.setPointCloudSphereList([]),t.setLineList([])),U({pointCloudBoxList:w,polygonList:b}),o.updateTopCamera();const Q=(a=(u=rt(l.result))==null?void 0:u.valid)!=null?a:!0;t.setPointCloudValid(Q),(C=t.sideViewInstance)==null||C.clearAllData(),(h=t.backViewInstance)==null||h.clearAllData(),e.updateData(l.url,l.result,{radius:(v=S==null?void 0:S.radius)!=null?v:X}),dt(ot,!1)})}};export{Ct as syncBackViewByPoint,pt as syncSideViewByPoint,Pt as syncTopViewByPoint,gt as synchronizeBackView,ft as synchronizeSideView,$ as synchronizeTopView,J as topViewPoint2PointCloud,K as topViewPolygon2PointCloud,qt as usePointCloudViews};
+import { MathUtils, getCuboidFromPointCloudBox } from '@labelbee/lb-annotation';
+import { EPerspectiveView, PointCloudUtils, DEFAULT_SPHERE_PARAMS } from '@labelbee/lb-utils';
+import { useContext } from 'react';
+import { PointCloudContext } from '../PointCloudContext.js';
+import { useSingleBox } from './useSingleBox.js';
+import { useSphere } from './useSphere.js';
+import { useSelector, useDispatch } from '../../../store/ctx.js';
+import StepUtils from '../../../utils/StepUtils.js';
+import { jsonParser } from '../../../utils/index.js';
+import { SetPointCloudLoading } from '../../../store/annotation/actionCreators.js';
+import { message } from 'antd';
+import { useTranslation } from 'react-i18next';
+import { useHistory } from './useHistory.js';
+import { usePolygon } from './usePolygon.js';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, {enumerable: true, configurable: true, writable: true, value}) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+const DEFAULT_SCOPE = 5;
+const DEFAULT_RADIUS = 90;
+const PointCloudView = {
+  "3D": "3D",
+  Top: "Top",
+  Side: "Side",
+  Back: "Back"
+};
+const topViewPoint2PointCloud = (newPoint, size, pointCloud, selectedPointCloudSphere, defaultValue) => {
+  const {x: realX, y: realY} = PointCloudUtils.transferCanvas2World(newPoint, size);
+  const {defaultZ} = DEFAULT_SPHERE_PARAMS;
+  const newPosition = {
+    center: {
+      x: realX,
+      y: realY,
+      z: defaultZ
+    },
+    id: newPoint.id
+  };
+  const sphereParams = selectedPointCloudSphere ? __spreadValues(__spreadValues({}, selectedPointCloudSphere), newPosition) : __spreadProps(__spreadValues({}, newPosition), {
+    attribute: "",
+    valid: true
+  });
+  if (defaultValue) {
+    Object.assign(sphereParams, defaultValue);
+  }
+  return sphereParams;
+};
+const topViewPolygon2PointCloud = (newPolygon, size, pointCloud, selectedPointCloudBox, defaultValue, intelligentFit) => {
+  let worldPointList = newPolygon.pointList.map((v) => PointCloudUtils.transferCanvas2World(v, size));
+  let z = 0;
+  let depth = 1;
+  let extraData = {};
+  if (pointCloud) {
+    const zInfo = pointCloud.getSensesPointZAxisInPolygon(worldPointList, void 0, intelligentFit);
+    if (intelligentFit && zInfo.fittedCoordinates.length > 0) {
+      worldPointList = zInfo.fittedCoordinates;
+    }
+    z = (zInfo.maxZ + zInfo.minZ) / 2;
+    depth = zInfo.maxZ - zInfo.minZ;
+    extraData = {
+      count: zInfo.zCount
+    };
+  }
+  const [point1, point2, point3] = worldPointList;
+  const centerPoint = MathUtils.getLineCenterPoint([point1, point3]);
+  const height = MathUtils.getLineLength(point1, point2);
+  const width = MathUtils.getLineLength(point2, point3);
+  const rotation = MathUtils.getRadiusFromQuadrangle(newPolygon.pointList);
+  if (selectedPointCloudBox) {
+    z = selectedPointCloudBox.center.z;
+    depth = selectedPointCloudBox.depth;
+  }
+  const newPosition = {
+    center: {
+      x: centerPoint.x,
+      y: centerPoint.y,
+      z
+    },
+    width,
+    height,
+    depth,
+    rotation,
+    id: newPolygon.id
+  };
+  const boxParams = selectedPointCloudBox ? __spreadValues(__spreadValues(__spreadValues({}, selectedPointCloudBox), newPosition), extraData) : __spreadValues(__spreadProps(__spreadValues({}, newPosition), {
+    attribute: "",
+    valid: true
+  }), extraData);
+  if (defaultValue) {
+    Object.assign(boxParams, defaultValue);
+  }
+  const newPointList = worldPointList.map((v) => PointCloudUtils.transferWorld2Canvas(v, size));
+  return {boxParams, newPointList};
+};
+const sideViewPoint2PointCloud = (newPoint, originPoint, selectedSphere) => {
+  const offset = {
+    x: newPoint.x - originPoint.x,
+    y: newPoint.y - originPoint.y
+  };
+  return __spreadProps(__spreadValues({}, selectedSphere), {
+    center: {
+      x: selectedSphere.center.x - offset.x,
+      y: selectedSphere.center.y,
+      z: selectedSphere.center.z - offset.y
+    }
+  });
+};
+const sideViewPolygon2PointCloud = (newPolygon, originPolygon, selectedPointCloudBox, pointCloudInstance) => {
+  const [point1, point2, point3] = newPolygon.pointList;
+  const [op1, op2, op3] = originPolygon.pointList;
+  const newCenterPoint = MathUtils.getLineCenterPoint([point1, point3]);
+  const oldCenterPoint = MathUtils.getLineCenterPoint([op1, op3]);
+  const offset = {
+    x: newCenterPoint.x - oldCenterPoint.x,
+    y: newCenterPoint.y - oldCenterPoint.y
+  };
+  const offsetCenterPoint = {
+    x: offset.x,
+    y: 0,
+    z: newCenterPoint.y - oldCenterPoint.y
+  };
+  const height = MathUtils.getLineLength(point1, point2);
+  const oldHeight = MathUtils.getLineLength(op1, op2);
+  const offsetHeight = height - oldHeight;
+  const width = MathUtils.getLineLength(point2, point3);
+  const oldWidth = MathUtils.getLineLength(op2, op3);
+  const offsetWidth = width - oldWidth;
+  const {newBoxParams} = pointCloudInstance.getNewBoxBySideUpdate(offsetCenterPoint, offsetWidth, offsetHeight, selectedPointCloudBox);
+  return newBoxParams;
+};
+const backViewPoint2PointCloud = (newPoint, originPoint, selectedSphere) => {
+  const offset = {
+    x: newPoint.x - originPoint.x,
+    y: newPoint.y - originPoint.y
+  };
+  return __spreadProps(__spreadValues({}, selectedSphere), {
+    center: {
+      x: selectedSphere.center.x,
+      y: selectedSphere.center.y - offset.x,
+      z: selectedSphere.center.z - offset.y
+    }
+  });
+};
+const backViewPolygon2PointCloud = (newPolygon, originPolygon, selectedPointCloudBox, pointCloudInstance) => {
+  const [point1, point2, point3] = newPolygon.pointList;
+  const [op1, op2, op3] = originPolygon.pointList;
+  const newCenterPoint = MathUtils.getLineCenterPoint([point1, point3]);
+  const oldCenterPoint = MathUtils.getLineCenterPoint([op1, op3]);
+  const offset = {
+    x: newCenterPoint.x - oldCenterPoint.x,
+    y: newCenterPoint.y - oldCenterPoint.y
+  };
+  const offsetCenterPoint = {
+    x: offset.x,
+    y: 0,
+    z: newCenterPoint.y - oldCenterPoint.y
+  };
+  const height = MathUtils.getLineLength(point1, point2);
+  const oldHeight = MathUtils.getLineLength(op1, op2);
+  const offsetHeight = height - oldHeight;
+  const width = MathUtils.getLineLength(point2, point3);
+  const oldWidth = MathUtils.getLineLength(op2, op3);
+  const offsetWidth = width - oldWidth;
+  let {newBoxParams} = pointCloudInstance.getNewBoxByBackUpdate(offsetCenterPoint, offsetWidth, offsetHeight, selectedPointCloudBox);
+  return newBoxParams;
+};
+const syncSideViewByPoint = (sphereParams, newPoint, sideViewInstance, url, config) => {
+  var _a;
+  if (!sideViewInstance) {
+    return;
+  }
+  const {toolInstance, pointCloudInstance} = sideViewInstance;
+  pointCloudInstance.loadPCDFile(url, (_a = config == null ? void 0 : config.radius) != null ? _a : DEFAULT_RADIUS);
+  const {cameraPositionVector} = pointCloudInstance.updateOrthoCameraBySphere(sphereParams, EPerspectiveView.Left);
+  pointCloudInstance.setInitCameraPosition(cameraPositionVector);
+  const {point2d, zoom} = pointCloudInstance.getSphereSidePoint2DCoordinate(sphereParams);
+  pointCloudInstance.camera.zoom = zoom;
+  pointCloudInstance.camera.updateProjectionMatrix();
+  pointCloudInstance.render();
+  toolInstance.initPosition();
+  toolInstance.zoomChangeOnCenter(zoom);
+  toolInstance.setResult([
+    __spreadProps(__spreadValues(__spreadValues({}, newPoint), point2d), {
+      valid: sphereParams.valid,
+      textAttribute: "",
+      attribute: sphereParams.attribute
+    })
+  ]);
+  toolInstance.setSelectedID(newPoint.id);
+};
+const synchronizeSideView = (boxParams, newPolygon, sideViewInstance, url) => {
+  if (!sideViewInstance) {
+    return;
+  }
+  const {pointCloud2dOperation, pointCloudInstance} = sideViewInstance;
+  pointCloudInstance.loadPCDFileByBox(url, boxParams, {
+    width: DEFAULT_SCOPE,
+    depth: DEFAULT_SCOPE
+  });
+  const {cameraPositionVector} = pointCloudInstance.updateOrthoCamera(boxParams, EPerspectiveView.Left);
+  pointCloudInstance.setInitCameraPosition(cameraPositionVector);
+  const {polygon2d, zoom} = pointCloudInstance.getBoxSidePolygon2DCoordinate(boxParams);
+  pointCloudInstance.camera.zoom = zoom;
+  pointCloudInstance.camera.updateProjectionMatrix();
+  pointCloudInstance.render();
+  pointCloud2dOperation.initPosition();
+  pointCloud2dOperation.zoomChangeOnCenter(zoom);
+  pointCloud2dOperation.setResultAndSelectedID([
+    {
+      id: newPolygon.id,
+      valid: boxParams.valid,
+      pointList: polygon2d,
+      textAttribute: "",
+      isRect: true,
+      attribute: boxParams.attribute
+    }
+  ], newPolygon.id);
+};
+const syncBackViewByPoint = (sphereParams, newPoint, backViewInstance, url, config) => {
+  var _a;
+  if (!backViewInstance) {
+    return;
+  }
+  const {toolInstance, pointCloudInstance} = backViewInstance;
+  pointCloudInstance.loadPCDFile(url, (_a = config == null ? void 0 : config.radius) != null ? _a : DEFAULT_RADIUS);
+  const {cameraPositionVector} = pointCloudInstance.updateOrthoCameraBySphere(sphereParams, EPerspectiveView.Back);
+  pointCloudInstance.setInitCameraPosition(cameraPositionVector);
+  const {point2d, zoom} = pointCloudInstance.getSphereBackPoint2DCoordinate(sphereParams);
+  pointCloudInstance.camera.zoom = zoom;
+  pointCloudInstance.camera.updateProjectionMatrix();
+  pointCloudInstance.render();
+  toolInstance.initPosition();
+  toolInstance.zoomChangeOnCenter(zoom);
+  toolInstance.setResult([
+    __spreadProps(__spreadValues(__spreadValues({}, newPoint), point2d), {
+      valid: sphereParams.valid,
+      textAttribute: "",
+      attribute: sphereParams.attribute
+    })
+  ]);
+  toolInstance.setSelectedID(newPoint.id);
+};
+const synchronizeBackView = (boxParams, newPolygon, BackViewInstance, url) => {
+  if (!BackViewInstance) {
+    return;
+  }
+  const {
+    pointCloud2dOperation: backPointCloudPolygonOperation,
+    pointCloudInstance: backPointCloud
+  } = BackViewInstance;
+  backPointCloud.loadPCDFileByBox(url, boxParams, {height: DEFAULT_SCOPE, depth: DEFAULT_SCOPE});
+  const {cameraPositionVector} = backPointCloud.updateOrthoCamera(boxParams, EPerspectiveView.Back);
+  backPointCloud.setInitCameraPosition(cameraPositionVector);
+  const {polygon2d, zoom} = backPointCloud.getBoxBackPolygon2DCoordinate(boxParams);
+  backPointCloud.camera.zoom = zoom;
+  backPointCloud.camera.updateProjectionMatrix();
+  backPointCloud.render();
+  backPointCloudPolygonOperation.initPosition();
+  backPointCloudPolygonOperation.zoomChangeOnCenter(zoom);
+  backPointCloudPolygonOperation.setResultAndSelectedID([
+    {
+      id: newPolygon.id,
+      valid: boxParams.valid,
+      pointList: polygon2d,
+      textAttribute: "",
+      isRect: true,
+      attribute: boxParams.attribute
+    }
+  ], newPolygon.id);
+};
+const syncTopViewByPoint = (newSphereParams, newPoint, topViewInstance, mainViewInstance) => {
+  if (!topViewInstance || !mainViewInstance) {
+    return;
+  }
+  mainViewInstance.generateSphere(newSphereParams);
+  mainViewInstance.updateCameraBySphere(newSphereParams, EPerspectiveView.Top);
+  mainViewInstance.render();
+  const {toolInstance, pointCloudInstance} = topViewInstance;
+  const {point2d} = pointCloudInstance.getSphereTopPoint2DCoordinate(newSphereParams);
+  const newPointList = [...toolInstance.pointList].map((v) => v.id === newPoint.id ? __spreadProps(__spreadValues(__spreadValues({}, newPoint), point2d), {
+    valid: newSphereParams.valid,
+    textAttribute: "",
+    attribute: newSphereParams.attribute
+  }) : v);
+  toolInstance.setResult(newPointList);
+  toolInstance.setSelectedID(newPoint.id);
+};
+const synchronizeTopView = (newBoxParams, newPolygon, topViewInstance, mainViewInstance) => {
+  var _a;
+  if (!topViewInstance || !mainViewInstance) {
+    return;
+  }
+  mainViewInstance.generateBox(newBoxParams, newPolygon.id);
+  mainViewInstance.render();
+  const {pointCloud2dOperation, pointCloudInstance} = topViewInstance;
+  const {polygon2d} = pointCloudInstance.getBoxTopPolygon2DCoordinate(newBoxParams);
+  const newPolygonList = [...pointCloud2dOperation.polygonList];
+  const oldPolygon = newPolygonList.find((v) => v.id === newPolygon.id);
+  if (oldPolygon) {
+    oldPolygon.pointList = polygon2d;
+  } else {
+    newPolygonList.push({
+      id: newPolygon.id,
+      pointList: polygon2d,
+      textAttribute: "",
+      isRect: true,
+      valid: (_a = newBoxParams.valid) != null ? _a : true
+    });
+  }
+  pointCloud2dOperation.setResultAndSelectedID(newPolygonList, newPolygon.id);
+};
+const usePointCloudViews = () => {
+  const ptCtx = useContext(PointCloudContext);
+  const {
+    topViewInstance,
+    sideViewInstance,
+    backViewInstance,
+    mainViewInstance,
+    addPointCloudBox,
+    addPointCloudSphere,
+    setSelectedIDs,
+    selectedIDs,
+    pointCloudBoxList,
+    pointCloudSphereList,
+    hideAttributes
+  } = ptCtx;
+  const {
+    addHistory,
+    initHistory,
+    pushHistoryUnderUpdatePolygon,
+    pushHistoryUnderUpdatePoint,
+    pushHistoryUnderUpdateLine
+  } = useHistory();
+  const {selectedPolygon} = usePolygon();
+  const {updateSelectedBox, updateSelectedBoxes, getPointCloudByID} = useSingleBox();
+  const {getPointCloudSphereByID, updatePointCloudSphere, selectedSphere} = useSphere();
+  const {currentData, config} = useSelector((state) => {
+    const {stepList, step, imgList, imgIndex} = state.annotation;
+    return {
+      currentData: imgList[imgIndex],
+      config: jsonParser(StepUtils.getCurrentStepInfo(step, stepList).config)
+    };
+  });
+  const dispatch = useDispatch();
+  const {selectedBox} = useSingleBox();
+  const {t} = useTranslation();
+  const selectedPointCloudBox = selectedBox == null ? void 0 : selectedBox.info;
+  if (!topViewInstance || !sideViewInstance || !backViewInstance) {
+    return {
+      topViewAddSphere: () => {
+      },
+      topViewAddBox: () => {
+      },
+      topViewSelectedChanged: () => {
+      },
+      sideViewUpdateBox: () => {
+      },
+      backViewUpdateBox: () => {
+      }
+    };
+  }
+  const {pointCloudInstance: topViewPointCloud} = topViewInstance;
+  const mainViewGenBox = (boxParams) => {
+    mainViewInstance == null ? void 0 : mainViewInstance.generateBox(boxParams);
+    mainViewInstance == null ? void 0 : mainViewInstance.controls.update();
+    mainViewInstance == null ? void 0 : mainViewInstance.render();
+  };
+  const mainViewGenSphere = (sphereParams) => {
+    mainViewInstance == null ? void 0 : mainViewInstance.generateSphere(sphereParams);
+    mainViewInstance == null ? void 0 : mainViewInstance.controls.update();
+    mainViewInstance == null ? void 0 : mainViewInstance.render();
+  };
+  const topViewAddSphere = ({
+    newPoint,
+    size,
+    zoom,
+    trackConfigurable
+  }) => {
+    var _a;
+    const extraData = {
+      attribute: (_a = topViewInstance.toolInstance.defaultAttribute) != null ? _a : ""
+    };
+    if (trackConfigurable === true) {
+      Object.assign(extraData, {
+        trackID: PointCloudUtils.getNextTrackID({
+          imgList: [],
+          extraBoxList: [],
+          extraSphereList: pointCloudSphereList
+        })
+      });
+    }
+    const sphereParams = topViewPoint2PointCloud(newPoint, size, topViewPointCloud, void 0, extraData);
+    setSelectedIDs(newPoint.id);
+    const newSphereList = addPointCloudSphere(sphereParams);
+    syncPointCloudPoint(PointCloudView.Top, newPoint, sphereParams, zoom, newSphereList, config);
+  };
+  const topViewAddBox = ({
+    polygon,
+    size,
+    imgList,
+    trackConfigurable,
+    zoom,
+    intelligentFit
+  }) => {
+    var _a;
+    const extraData = {
+      attribute: (_a = topViewInstance.toolInstance.defaultAttribute) != null ? _a : ""
+    };
+    if (trackConfigurable === true) {
+      Object.assign(extraData, {
+        trackID: PointCloudUtils.getNextTrackID({
+          imgList: [],
+          extraBoxList: pointCloudBoxList,
+          extraSphereList: pointCloudSphereList
+        })
+      });
+    }
+    const polygonOperation = topViewInstance == null ? void 0 : topViewInstance.toolInstance;
+    const newPolygon = __spreadValues({}, polygon);
+    const {boxParams, newPointList} = topViewPolygon2PointCloud(newPolygon, size, topViewPointCloud, void 0, extraData, intelligentFit);
+    if ((config == null ? void 0 : config.lowerLimitPointsNumInBox) && typeof boxParams.count === "number" && boxParams.count < config.lowerLimitPointsNumInBox) {
+      message.info(t("LowerLimitPointsNumInBox", {num: config.lowerLimitPointsNumInBox}));
+      polygonOperation.deletePolygon(boxParams.id);
+      return;
+    }
+    if (intelligentFit && (newPointList == null ? void 0 : newPointList.length)) {
+      newPolygon.pointList = newPointList;
+    }
+    const isBoxHidden = hideAttributes.includes(newPolygon.attribute);
+    const newPointCloudList = addPointCloudBox(boxParams);
+    if (isBoxHidden) {
+      setSelectedIDs([]);
+    } else {
+      setSelectedIDs(boxParams.id);
+      polygonOperation.setSelectedIDs([newPolygon.id]);
+      syncPointCloudViews(PointCloudView.Top, newPolygon, boxParams, zoom, newPointCloudList);
+      if (intelligentFit) {
+        synchronizeTopView(boxParams, newPolygon, topViewInstance, mainViewInstance);
+      }
+    }
+    addHistory({newBoxParams: boxParams});
+  };
+  const topViewSelectedChanged = ({
+    newSelectedBox,
+    newPointCloudList,
+    newSelectedSphere,
+    newSphereList
+  }) => {
+    const operation = topViewInstance == null ? void 0 : topViewInstance.toolInstance;
+    if (selectedIDs.length === 0 || !operation) {
+      return;
+    }
+    if (newSelectedBox || (selectedBox == null ? void 0 : selectedBox.info)) {
+      const boxParams = newSelectedBox != null ? newSelectedBox : selectedBox == null ? void 0 : selectedBox.info;
+      operation.setSelectedIDs(selectedIDs);
+      const polygon = operation.selectedPolygon;
+      if (selectedIDs.length === 1 && boxParams) {
+        syncPointCloudViews(PointCloudView.Top, polygon, boxParams, void 0, newPointCloudList);
+        return;
+      }
+    }
+    if (newSelectedSphere || selectedSphere) {
+      if (selectedIDs.length === 1) {
+        const sphereParams = newSelectedSphere != null ? newSelectedSphere : selectedSphere;
+        operation.setSelectedID(selectedIDs[0]);
+        const point = operation.selectedPoint;
+        if (sphereParams) {
+          syncPointCloudPoint(PointCloudView.Top, point, sphereParams, void 0, newSphereList, config);
+        }
+      }
+    }
+  };
+  const viewUpdateBox = (newPolygon, originPolygon, fromView) => {
+    if (selectedPointCloudBox) {
+      let transfer2PointCloud;
+      let newBoxParams;
+      switch (fromView) {
+        case PointCloudView.Back:
+          transfer2PointCloud = backViewPolygon2PointCloud;
+          break;
+        case PointCloudView.Side:
+          transfer2PointCloud = sideViewPolygon2PointCloud;
+          break;
+        default:
+          transfer2PointCloud = sideViewPolygon2PointCloud;
+          break;
+      }
+      newBoxParams = transfer2PointCloud(newPolygon, originPolygon, selectedPointCloudBox, sideViewInstance.pointCloudInstance);
+      if (mainViewInstance) {
+        const {count} = mainViewInstance.getSensesPointZAxisInPolygon(getCuboidFromPointCloudBox(newBoxParams).polygonPointList, [
+          newBoxParams.center.z - newBoxParams.depth / 2,
+          newBoxParams.center.z + newBoxParams.depth / 2
+        ]);
+        newBoxParams = __spreadProps(__spreadValues({}, newBoxParams), {
+          count
+        });
+      }
+      const newPointCloudList = updateSelectedBox(newBoxParams);
+      syncPointCloudViews(fromView, newPolygon, newBoxParams, void 0, newPointCloudList);
+      return newPointCloudList;
+    }
+  };
+  const viewUpdatePoint = (newPoint, originPoint, fromView) => {
+    if (selectedSphere) {
+      let transfer2PointCloud;
+      let newSphereParams;
+      switch (fromView) {
+        case PointCloudView.Back:
+          transfer2PointCloud = backViewPoint2PointCloud;
+          break;
+        case PointCloudView.Side:
+          transfer2PointCloud = sideViewPoint2PointCloud;
+          break;
+        default:
+          transfer2PointCloud = sideViewPoint2PointCloud;
+          break;
+      }
+      newSphereParams = transfer2PointCloud(newPoint, originPoint, selectedSphere);
+      const newSphereList = updatePointCloudSphere(newSphereParams);
+      syncPointCloudPoint(fromView, newPoint, newSphereParams, void 0, newSphereList, config);
+      return newSphereList;
+    }
+  };
+  const sideViewUpdatePoint = (newPoint, originPoint) => {
+    viewUpdatePoint(newPoint, originPoint, PointCloudView.Side);
+  };
+  const backViewUpdatePoint = (newPoint, originPoint) => {
+    viewUpdatePoint(newPoint, originPoint, PointCloudView.Back);
+  };
+  const sideViewUpdateBox = (newPolygon, originPolygon) => {
+    viewUpdateBox(newPolygon, originPolygon, PointCloudView.Side);
+  };
+  const backViewUpdateBox = (newPolygon, originPolygon) => {
+    viewUpdateBox(newPolygon, originPolygon, PointCloudView.Back);
+  };
+  const topViewUpdateLine = (updateList, size) => {
+    pushHistoryUnderUpdateLine(updateList);
+    return;
+  };
+  const topViewUpdatePoint = (updatePoint, size) => {
+    const {x: realX, y: realY} = PointCloudUtils.transferCanvas2World(updatePoint, size);
+    pushHistoryUnderUpdatePoint(__spreadProps(__spreadValues({}, updatePoint), {x: realX, y: realY}));
+    const pointCloudSphere = getPointCloudSphereByID(updatePoint.id);
+    const newSphereParams = topViewPoint2PointCloud(updatePoint, size, topViewPointCloud, pointCloudSphere);
+    const newPointCloudSphereList = updatePointCloudSphere(newSphereParams);
+    syncPointCloudPoint(PointCloudView.Top, updatePoint, newSphereParams, void 0, newPointCloudSphereList, config);
+  };
+  const topViewUpdateBox = (updateList, size) => {
+    if (selectedPolygon) {
+      const polygon = updateList[0].newPolygon;
+      polygon.pointList = polygon.pointList.map((v) => PointCloudUtils.transferCanvas2World(v, size));
+      pushHistoryUnderUpdatePolygon(updateList[0].newPolygon);
+      return;
+    }
+    const updatePointCloudList = updateList.map(({newPolygon: polygon}) => {
+      const pointCloudBox = getPointCloudByID(polygon.id);
+      const {boxParams} = topViewPolygon2PointCloud(polygon, size, topViewInstance.pointCloudInstance, pointCloudBox);
+      return boxParams;
+    });
+    if (updatePointCloudList.length === 1) {
+      const {newPolygon: polygon} = updateList[0];
+      const newPointCloudBoxList = updateSelectedBoxes(updatePointCloudList);
+      syncPointCloudViews(PointCloudView.Top, polygon, updatePointCloudList[0], void 0, newPointCloudBoxList);
+    } else {
+      const newPointCloudBoxList = updateSelectedBoxes(updatePointCloudList);
+      if (newPointCloudBoxList) {
+        ptCtx.syncAllViewPointCloudColor(newPointCloudBoxList);
+      }
+    }
+  };
+  const syncPointCloudPoint = (omitView, point, sphereParams, zoom, newPointCloudSphereList, config2) => __async(undefined, null, function* () {
+    const dataUrl = currentData == null ? void 0 : currentData.url;
+    const viewToBeUpdated = {
+      [PointCloudView.Side]: () => {
+        syncSideViewByPoint(sphereParams, point, sideViewInstance, dataUrl, config2);
+      },
+      [PointCloudView.Back]: () => {
+        if (backViewInstance) {
+          syncBackViewByPoint(sphereParams, point, backViewInstance, dataUrl, config2);
+        }
+      },
+      [PointCloudView.Top]: () => {
+        syncTopViewByPoint(sphereParams, point, topViewInstance, mainViewInstance);
+      }
+    };
+    Object.keys(viewToBeUpdated).forEach((key) => {
+      if (key !== omitView) {
+        viewToBeUpdated[key]();
+      }
+    });
+    if (zoom) {
+      mainViewInstance == null ? void 0 : mainViewInstance.updateCameraZoom(zoom);
+    }
+    mainViewGenSphere(sphereParams);
+  });
+  const syncPointCloudViews = (omitView, polygon, boxParams, zoom, newPointCloudBoxList) => __async(undefined, null, function* () {
+    const dataUrl = currentData == null ? void 0 : currentData.url;
+    if (newPointCloudBoxList) {
+      yield ptCtx.syncAllViewPointCloudColor(newPointCloudBoxList);
+    }
+    const viewToBeUpdated = {
+      [PointCloudView.Side]: () => {
+        synchronizeSideView(boxParams, polygon, sideViewInstance, dataUrl);
+      },
+      [PointCloudView.Back]: () => {
+        if (backViewInstance) {
+          synchronizeBackView(boxParams, polygon, backViewInstance, dataUrl);
+        }
+      },
+      [PointCloudView.Top]: () => {
+        synchronizeTopView(boxParams, polygon, topViewInstance, mainViewInstance);
+      }
+    };
+    Object.keys(viewToBeUpdated).forEach((key) => {
+      if (key !== omitView) {
+        viewToBeUpdated[key]();
+      }
+    });
+    if (zoom) {
+      mainViewInstance == null ? void 0 : mainViewInstance.updateCameraZoom(zoom);
+    }
+    mainViewGenBox(boxParams);
+  });
+  const pointCloudBoxListUpdated = (newBoxes) => {
+    topViewInstance.updatePolygonList(newBoxes);
+    mainViewInstance == null ? void 0 : mainViewInstance.generateBoxes(newBoxes);
+  };
+  const initPointCloud3d = (size) => {
+    if (!mainViewInstance) {
+      return;
+    }
+    const orthographicParams = {
+      left: -size.width / 2,
+      right: size.width / 2,
+      top: size.height / 2,
+      bottom: -size.height / 2,
+      near: 100,
+      far: -100
+    };
+    mainViewInstance.initOrthographicCamera(orthographicParams);
+    mainViewInstance.initRenderer();
+    mainViewInstance.render();
+  };
+  const updatePointCloudData = (..._0) => __async(undefined, [..._0], function* (newData = currentData) {
+    var _a, _b, _c, _d, _e, _f;
+    if (!(newData == null ? void 0 : newData.url) || !mainViewInstance) {
+      return;
+    }
+    SetPointCloudLoading(dispatch, true);
+    yield mainViewInstance.loadPCDFile(newData.url, (_a = config == null ? void 0 : config.radius) != null ? _a : DEFAULT_RADIUS);
+    pointCloudBoxList.forEach((v) => {
+      mainViewInstance == null ? void 0 : mainViewInstance.removeObjectByName(v.id);
+    });
+    pointCloudSphereList.forEach((v) => {
+      mainViewInstance == null ? void 0 : mainViewInstance.removeObjectByName(v.id);
+    });
+    let boxParamsList = [];
+    let lineList = [];
+    let polygonList = [];
+    let sphereParamsList = [];
+    if (currentData.result) {
+      boxParamsList = PointCloudUtils.getBoxParamsFromResultList(currentData.result);
+      polygonList = PointCloudUtils.getPolygonListFromResultList(currentData.result);
+      lineList = PointCloudUtils.getLineListFromResultList(currentData.result);
+      sphereParamsList = PointCloudUtils.getSphereParamsFromResultList(currentData.result);
+      boxParamsList.forEach((v) => {
+        mainViewInstance == null ? void 0 : mainViewInstance.generateBox(v);
+      });
+      sphereParamsList.forEach((v) => {
+        mainViewInstance == null ? void 0 : mainViewInstance.generateSphere(v);
+      });
+      ptCtx.syncAllViewPointCloudColor(boxParamsList);
+      ptCtx.setPointCloudResult(boxParamsList);
+      ptCtx.setPolygonList(polygonList);
+      ptCtx.setLineList(lineList);
+      ptCtx.setPointCloudSphereList(sphereParamsList);
+    } else {
+      ptCtx.setPointCloudResult([]);
+      ptCtx.setPolygonList([]);
+      ptCtx.setPointCloudSphereList([]);
+      ptCtx.setLineList([]);
+    }
+    initHistory({pointCloudBoxList: boxParamsList, polygonList});
+    mainViewInstance.updateTopCamera();
+    const valid = (_c = (_b = jsonParser(newData.result)) == null ? void 0 : _b.valid) != null ? _c : true;
+    ptCtx.setPointCloudValid(valid);
+    (_d = ptCtx.sideViewInstance) == null ? void 0 : _d.clearAllData();
+    (_e = ptCtx.backViewInstance) == null ? void 0 : _e.clearAllData();
+    topViewInstance.updateData(newData.url, newData.result, {
+      radius: (_f = config == null ? void 0 : config.radius) != null ? _f : DEFAULT_RADIUS
+    });
+    SetPointCloudLoading(dispatch, false);
+  });
+  return {
+    topViewAddSphere,
+    topViewAddBox,
+    topViewSelectedChanged,
+    topViewUpdatePoint,
+    sideViewUpdatePoint,
+    backViewUpdatePoint,
+    topViewUpdateBox,
+    topViewUpdateLine,
+    sideViewUpdateBox,
+    backViewUpdateBox,
+    pointCloudBoxListUpdated,
+    initPointCloud3d,
+    updatePointCloudData
+  };
+};
+
+export { syncBackViewByPoint, syncSideViewByPoint, syncTopViewByPoint, synchronizeBackView, synchronizeSideView, synchronizeTopView, topViewPoint2PointCloud, topViewPolygon2PointCloud, usePointCloudViews };
+//# sourceMappingURL=usePointCloudViews.js.map